Release: 2.0.4

.browserslistrc

@@ -1,11 +1,12 @@
 > 1%
 ie >= 8
-edge >= 15
+edge >= 16
 ie_mob >= 10
-ff >= 45
-chrome >= 45
-safari >= 7
-opera >= 23
-ios >= 7
-android >= 4
+ff >= 52
+chrome >= 57
+safari >= 10.1
+opera >= 44
+ios >= 10.3
+and_uc >= 12.12
+and_chr >= 97
 bb >= 10

.eslintrc

@@ -8,45 +8,57 @@
   },
   "extends": "airbnb",
   "rules": {
-    "jsx-a11y/label-has-associated-control": 0,
-    "space-before-function-paren": 0,
-    "react/prefer-stateless-function": 0,
-    "react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx"] }],
-    "linebreak-style": 0,
-    "global-require": 0,
+    "camelcase": 0,
+    "class-methods-use-this": 0,
+    "comma-dangle": [
+      "error",
+      "always-multiline"
+    ],
     "eol-last": 0,
-    "comma-dangle": ["error", "always-multiline"],
-    "spaced-comment": 0,
-    "react/require-default-props": 0,
-    "react/forbid-prop-types": 0,
-    "jsx-a11y/label-has-for": 0,
+    "function-paren-newline": 0,
+    "global-require": 0,
+    "import/extensions": 0,
+    "import/no-extraneous-dependencies": 0,
+    "import/no-named-as-default": 0,
+    "import/no-unresolved": 0,
+    "import/prefer-default-export": 0,
     "jsx-a11y/anchor-is-valid": 0,
+    "jsx-a11y/click-events-have-key-events": 0,
     "jsx-a11y/href-no-hash": 0,
     "jsx-a11y/interactive-supports-focus": 0,
-    "jsx-a11y/click-events-have-key-events": 0,
+    "jsx-a11y/label-has-associated-control": 0,
+    "jsx-a11y/label-has-for": 0,
     "jsx-a11y/mouse-events-have-key-events": 0,
     "jsx-a11y/no-static-element-interactions": 0,
-    "react/no-did-mount-set-state": 0,
+    "linebreak-style": 0,
     "max-len": 0,
-    "react/jsx-no-bind": 0,
-    "class-methods-use-this" :0,
-    "react/prop-types": 0,
+    "no-console": 0,
+    "no-debugger": 0,
+    "no-multi-assign": 0,
+    "no-plusplus": 0,
+    "no-shadow": 0,
     "no-unused-expressions": 0,
-    "radix": 0,
     "object-curly-newline": 0,
-    "no-console": 0,
-    "import/no-unresolved": 0,
-    "import/no-named-as-default": 0,
-    "import/no-extraneous-dependencies": 0,
-    "import/extensions": 0,
     "prefer-destructuring": 0,
-    "no-multi-assign": 0,
-    "function-paren-newline": 0,
+    "radix": 0,
+    "react/forbid-prop-types": 0,
+    "react/jsx-filename-extension": [
+      1,
+      {
+        "extensions": [
+          ".js",
+          ".jsx"
+        ]
+      }
+    ],
+    "react/jsx-no-bind": 0,
+    "react/jsx-props-no-spreading": 0,
+    "react/no-did-mount-set-state": 0,
+    "react/no-multi-comp": 0,
     "react/no-unescaped-entities": 0,
-    "no-debugger": 0,
-    "no-shadow": 0,
-    "no-plusplus": 0,
-    "camelcase": 0,
+    "react/prefer-stateless-function": 0,
+    "react/prop-types": 0,
+    "react/require-default-props": 0,
     "react/sort-comp": [
       1,
       {
@@ -59,8 +71,8 @@
         ]
       }
     ],
-    "react/no-multi-comp": 0,
-    "import/prefer-default-export": 0
+    "space-before-function-paren": 0,
+    "spaced-comment": 0
   },
   "globals": {
     "zE": true,

CHANGELOG.md

@@ -1,3 +1,11 @@
+## Release 2.0.4 - Unreleased
+### Fixed
+* BubbleChat: Use bottom alignment for avatar
+* BubbleChat.Image: Set `lineHeight` to `0` to make image in the same baseline with avatar
+* Dropdown.Container: Correct extra props that are passed to internal `div`, so incompatible props (such as `popperConfig`) are excluded
+* Composer: Allow passing `className` and `style` to `attachButtonProps`, `inputProps`, and `sendButtonProps`
+* Button: add className `u-fontMedium` to sync value with UI
+* Message, Modal, Toggle: add aria-label for accessibility
 ## Release 2.0.3 - January 18, 2022
 ### Fixed
 * Code base: use absolute imports, rearrange hooks and utils

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ahaui/react",
-  "version": "2.0.3",
+  "version": "2.0.4",
   "main": "lib/index.js",
   "module": "es/index.js",
   "files": [
@@ -72,7 +72,6 @@
     "webpack-node-externals": "1.7.2"
   },
   "peerDependencies": {
-    "@ahaui/css": "^2.0.4",
     "react": "^16.9.0 || 17.x",
     "react-dom": "^16.9.0 || 17.x"
   },

src/components/BubbleChat/Image.js

@@ -10,7 +10,7 @@ const BubbleChatImage = React.forwardRef(({ className, ...props }, ref) => {
       ref={ref}
       className={classNames(
         'BubbleChat-image',
-        'u-marginBottomTiny',
+        'u-lineHeightNone',
         (type === 'inbound') && 'u-textRight',
         className && className
       )}