@atlaskit/media-avatar-picker 24.2.3 → 24.2.4

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/media-avatar-picker
 
+## 24.2.4
+
+### Patch Changes
+
+- [`d820dfd611c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d820dfd611c) - Fixed show more button flicker on mouse hover
+- Updated dependencies
+
 ## 24.2.3
 
 ### Patch Changes

package/dist/cjs/predefined-avatar-list/index.js

@@ -15,7 +15,7 @@ var _react = require("@emotion/react");
 var _react2 = require("react");
 var _avatarList = require("../avatar-list");
 var _more = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/more"));
-var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
+var _button = _interopRequireDefault(require("@atlaskit/button"));
 var _styles = require("./styles");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -32,10 +32,11 @@ var ShowMoreButton = /*#__PURE__*/function (_PureComponent) {
     key: "render",
     value: function render() {
       // TODO: refactor this button to not use custom - component reverts to square shape when hovered
-      return (0, _react.jsx)(_customThemeButton.default, {
+      return (0, _react.jsx)(_button.default, {
         className: "show-more-button",
+        appearance: "subtle",
         iconAfter: (0, _react.jsx)(_more.default, {
-          label: "",
+          label: "Show More",
           size: "large"
         }),
         onClick: this.props.onClick

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-avatar-picker",
-	"version": "24.2.3",
+	"version": "24.2.4",
 	"sideEffects": false
 }

package/dist/es2019/predefined-avatar-list/index.js

@@ -4,15 +4,16 @@ import { jsx } from '@emotion/react';
 import { PureComponent } from 'react';
 import { AvatarList } from '../avatar-list';
 import EditorMoreIcon from '@atlaskit/icon/glyph/editor/more';
-import Button from '@atlaskit/button/custom-theme-button';
+import Button from '@atlaskit/button';
 import { predefinedAvatarsWrapperStyles } from './styles';
 class ShowMoreButton extends PureComponent {
   render() {
     // TODO: refactor this button to not use custom - component reverts to square shape when hovered
     return jsx(Button, {
       className: "show-more-button",
+      appearance: "subtle",
       iconAfter: jsx(EditorMoreIcon, {
-        label: "",
+        label: "Show More",
         size: "large"
       }),
       onClick: this.props.onClick

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-avatar-picker",
-	"version": "24.2.3",
+	"version": "24.2.4",
 	"sideEffects": false
 }

package/dist/esm/predefined-avatar-list/index.js

@@ -13,7 +13,7 @@ import { jsx } from '@emotion/react';
 import { PureComponent } from 'react';
 import { AvatarList } from '../avatar-list';
 import EditorMoreIcon from '@atlaskit/icon/glyph/editor/more';
-import Button from '@atlaskit/button/custom-theme-button';
+import Button from '@atlaskit/button';
 import { predefinedAvatarsWrapperStyles } from './styles';
 var ShowMoreButton = /*#__PURE__*/function (_PureComponent) {
   _inherits(ShowMoreButton, _PureComponent);
@@ -28,8 +28,9 @@ var ShowMoreButton = /*#__PURE__*/function (_PureComponent) {
       // TODO: refactor this button to not use custom - component reverts to square shape when hovered
       return jsx(Button, {
         className: "show-more-button",
+        appearance: "subtle",
         iconAfter: jsx(EditorMoreIcon, {
-          label: "",
+          label: "Show More",
           size: "large"
         }),
         onClick: this.props.onClick

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-avatar-picker",
-	"version": "24.2.3",
+	"version": "24.2.4",
 	"sideEffects": false
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-avatar-picker",
-  "version": "24.2.3",
+  "version": "24.2.4",
   "description": "A component to select, drag and resize image avatars. It also provides a default list of predefined avatars.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -31,9 +31,9 @@
     "@atlaskit/media-ui": "^22.3.0",
     "@atlaskit/modal-dialog": "^12.4.0",
     "@atlaskit/range": "^7.0.0",
-    "@atlaskit/spinner": "^15.3.0",
+    "@atlaskit/spinner": "^15.4.0",
     "@atlaskit/theme": "^12.2.0",
-    "@atlaskit/tokens": "^1.1.0",
+    "@atlaskit/tokens": "^1.2.0",
     "@babel/runtime": "^7.0.0",
     "exenv": "^1.2.2"
   },
@@ -58,7 +58,9 @@
   },
   "techstack": {
     "@repo/internal": {
-      "theming": "tokens"
+      "design-tokens": [
+        "color"
+      ]
     }
   },
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"