@atlaskit/media-avatar-picker 24.6.5 → 24.6.6

package/dist/esm/image-placer/margin.js

@@ -7,6 +7,7 @@ import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /**@jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import React from 'react';
 import { marginWrapperSquareStyles, marginWrapperCircleStyles } from './styles';
@@ -29,6 +30,8 @@ export var Margin = /*#__PURE__*/function (_React$Component) {
         _ref2 = _slicedToArray(_ref, 2),
         id = _ref2[0],
         styles = _ref2[1];
+
+      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
       return jsx("div", {
         css: styles({
           width: width,

package/dist/esm/image-placer/styles.js

@@ -1,12 +1,16 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 import { R500 } from '@atlaskit/theme/colors';
 export var checkeredBg = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAA6hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDUuNC4wIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIKICAgICAgICAgICAgeG1sbnM6ZXhpZj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iPgogICAgICAgICA8eG1wOk1vZGlmeURhdGU+MjAxOC0xMC0zMFQxMjoxMDo5MjwveG1wOk1vZGlmeURhdGU+CiAgICAgICAgIDx4bXA6Q3JlYXRvclRvb2w+UGl4ZWxtYXRvciAzLjcuNTwveG1wOkNyZWF0b3JUb29sPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICAgICA8dGlmZjpDb21wcmVzc2lvbj4wPC90aWZmOkNvbXByZXNzaW9uPgogICAgICAgICA8dGlmZjpSZXNvbHV0aW9uVW5pdD4yPC90aWZmOlJlc29sdXRpb25Vbml0PgogICAgICAgICA8dGlmZjpZUmVzb2x1dGlvbj43MjwvdGlmZjpZUmVzb2x1dGlvbj4KICAgICAgICAgPHRpZmY6WFJlc29sdXRpb24+NzI8L3RpZmY6WFJlc29sdXRpb24+CiAgICAgICAgIDxleGlmOlBpeGVsWERpbWVuc2lvbj4xMDwvZXhpZjpQaXhlbFhEaW1lbnNpb24+CiAgICAgICAgIDxleGlmOkNvbG9yU3BhY2U+MTwvZXhpZjpDb2xvclNwYWNlPgogICAgICAgICA8ZXhpZjpQaXhlbFlEaW1lbnNpb24+MTA8L2V4aWY6UGl4ZWxZRGltZW5zaW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KX+XPjwAAACtJREFUGBljPHv27H8GNGBsbMyIJsTAhC6Aiz+ACjEcDXIjNg8OoBuJthoAzy0HeT3Qcc0AAAAASUVORK5CYII=';
 export var imagePlacerWrapperStyles = function imagePlacerWrapperStyles(props) {
   return css({
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     backgroundColor: props.backgroundColor,
     display: 'inline-block'
   });
 };
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export var imagePlacerErrorWrapperStyles = css({
   backgroundColor: "var(--ds-background-danger-bold, ".concat(R500, ")"),
   color: "var(--ds-text-inverse, white)",
@@ -24,10 +28,15 @@ export var imageWrapperStyles = function imageWrapperStyles(_ref) {
     height = _ref.height,
     transform = _ref.transform;
   return css({
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     left: "".concat(x, "px"),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     top: "".concat(y, "px"),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     width: "".concat(width, "px"),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     height: "".concat(height, "px"),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     transform: transform,
     position: 'absolute',
     transition: "margin-left ".concat(EASING, "s ease-out, margin-top ").concat(EASING, "s ease-out, left ").concat(EASING, "s ease-out, top ").concat(EASING, "s ease-out, width ").concat(EASING, "s ease-out, height ").concat(EASING, "s ease-out"),
@@ -45,8 +54,11 @@ export var marginWrapperSquareStyles = function marginWrapperSquareStyles(_ref2)
     top: 0,
     borderStyle: 'solid',
     borderColor: "var(--ds-surface-overlay, rgba(255, 255, 255))",
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     borderWidth: "".concat(size, "px"),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     width: "".concat(width, "px"),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     height: "".concat(height, "px"),
     opacity: "var(--ds-opacity-disabled, 0.3)"
   });
@@ -60,15 +72,22 @@ export var marginWrapperCircleStyles = function marginWrapperCircleStyles(_ref3)
     overflow: 'hidden',
     left: '0px',
     top: '0px',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     width: "".concat(width + size * 2, "px"),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     height: "".concat(height + size * 2, "px"),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
     '&:after': {
       content: "''",
       position: 'absolute',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       left: "".concat(size, "px"),
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       top: "".concat(size, "px"),
       borderRadius: '100%',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       width: "".concat(width, "px"),
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       height: "".concat(height, "px"),
       boxShadow: "0px 0px 0px ".concat(Math.max(width, height), "px ", "var(--ds-surface-overlay, rgba(255, 255, 255))"),
       opacity: "var(--ds-opacity-disabled, 0.3)"

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

@@ -1,4 +1,5 @@
 /**@jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { AvatarList } from '../avatar-list';
 import EditorMoreIcon from '@atlaskit/icon/glyph/editor/more';
@@ -15,24 +16,27 @@ export var PredefinedAvatarList = function PredefinedAvatarList(_ref) {
     selectAvatarLabel = _ref.selectAvatarLabel,
     showMoreAvatarsButtonLabel = _ref.showMoreAvatarsButtonLabel;
   var intl = useIntl();
-  return jsx("div", {
-    css: predefinedAvatarsWrapperStyles,
-    id: "predefined-avatar-wrapper"
-  }, jsx(AvatarList, {
-    avatars: avatars,
-    selectedAvatar: selectedAvatar,
-    onItemClick: onAvatarSelected,
-    selectAvatarLabel: selectAvatarLabel
-  }), jsx(Button, {
-    "aria-label": showMoreAvatarsButtonLabel || intl.formatMessage(messages.show_more_avatars_btn_label)
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    ,
-    className: "show-more-button",
-    appearance: "subtle",
-    iconAfter: jsx(EditorMoreIcon, {
-      label: "",
-      size: "large"
-    }),
-    onClick: onShowMore
-  }));
+  return (
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    jsx("div", {
+      css: predefinedAvatarsWrapperStyles,
+      id: "predefined-avatar-wrapper"
+    }, jsx(AvatarList, {
+      avatars: avatars,
+      selectedAvatar: selectedAvatar,
+      onItemClick: onAvatarSelected,
+      selectAvatarLabel: selectAvatarLabel
+    }), jsx(Button, {
+      "aria-label": showMoreAvatarsButtonLabel || intl.formatMessage(messages.show_more_avatars_btn_label)
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      ,
+      className: "show-more-button",
+      appearance: "subtle",
+      iconAfter: jsx(EditorMoreIcon, {
+        label: "",
+        size: "large"
+      }),
+      onClick: onShowMore
+    }))
+  );
 };

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

@@ -1,7 +1,8 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject;
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 import { visuallyHiddenRadioStyles, selectedShadow, focusedShadow } from '../styles';
 
-// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
+// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export var predefinedAvatarsWrapperStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tdisplay: flex;\n\n\tinput {\n\t\t", "\n\t}\n\n\tinput:checked + img {\n\t\t", "\n\t}\n\n\tinput:focus + img {\n\t\t", "\n\t}\n\n\t.show-more-button {\n\t\twidth: 40px;\n\t\theight: 40px;\n\t\tborder-radius: ", ";\n\n\t\talign-items: center;\n\t\tjustify-content: center;\n\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t}\n"])), visuallyHiddenRadioStyles, selectedShadow, focusedShadow, "var(--ds-border-radius-circle, 50%)");

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

@@ -1,4 +1,5 @@
 /**@jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { FormattedMessage, useIntl } from 'react-intl-next';
 import { messages } from '@atlaskit/media-ui';
@@ -38,27 +39,30 @@ export var PredefinedAvatarView = function PredefinedAvatarView(_ref) {
       alt: ""
     }));
   });
-  return jsx("div", {
-    css: predefinedAvatarViewWrapperStyles,
-    id: "predefined-avatar-view-wrapper"
-  }, jsx("div", {
-    className: "header"
-  }, jsx(Button, {
-    "aria-label": intl.formatMessage(messages.avatar_picker_back_btn_label)
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    ,
-    className: "back-button",
-    iconAfter: jsx(ArrowLeftIcon, {
-      label: ""
-    }),
-    onClick: onGoBack
-  }), jsx("h2", {
-    className: "description"
-  }, predefinedAvatarsText || jsx(FormattedMessage, messages.default_avatars))), jsx("div", {
-    role: "radiogroup",
-    "aria-label": selectAvatarLabel || intl.formatMessage(messages.select_an_avatar)
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    ,
-    className: "body"
-  }, cards));
+  return (
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    jsx("div", {
+      css: predefinedAvatarViewWrapperStyles,
+      id: "predefined-avatar-view-wrapper"
+    }, jsx("div", {
+      className: "header"
+    }, jsx(Button, {
+      "aria-label": intl.formatMessage(messages.avatar_picker_back_btn_label)
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      ,
+      className: "back-button",
+      iconAfter: jsx(ArrowLeftIcon, {
+        label: ""
+      }),
+      onClick: onGoBack
+    }), jsx("h2", {
+      className: "description"
+    }, predefinedAvatarsText || jsx(FormattedMessage, messages.default_avatars))), jsx("div", {
+      role: "radiogroup",
+      "aria-label": selectAvatarLabel || intl.formatMessage(messages.select_an_avatar)
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      ,
+      className: "body"
+    }, cards))
+  );
 };

package/dist/esm/predefined-avatar-view/styles.js

@@ -1,10 +1,16 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 import { visuallyHiddenRadioStyles, selectedShadow, focusedShadow, avatarImageStyles } from '../styles';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
 export var largeAvatarImageStyles = css(avatarImageStyles, {
   width: '72px',
   height: '72px'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export var predefinedAvatarViewWrapperStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '.body': {
     display: 'flex',
     flexFlow: 'row wrap',
@@ -14,26 +20,33 @@ export var predefinedAvatarViewWrapperStyles = css({
     padding: "var(--ds-space-100, 8px)".concat(" 0 0"),
     margin: 0
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   input: visuallyHiddenRadioStyles,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   'input:checked + img': selectedShadow,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   'input:focus + img': focusedShadow,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   label: {
     paddingRight: "var(--ds-space-050, 4px)",
     paddingLeft: "var(--ds-space-050, 4px)",
     paddingBottom: "var(--ds-space-100, 8px)",
     display: 'inline-flex'
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '.header': {
     display: 'flex',
     alignItems: 'center',
     paddingTop: "var(--ds-space-050, 4px)",
     paddingBottom: "var(--ds-space-100, 8px)",
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '.description': {
       paddingLeft: "var(--ds-space-100, 8px)",
       margin: 0,
       fontSize: '14px',
       fontWeight: 400
     },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '.back-button': {
       width: '32px',
       height: '32px',

package/dist/esm/styles.js

@@ -1,9 +1,14 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 import { B200, B100 } from '@atlaskit/theme/colors';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export var avatarImageStyles = css({
   borderRadius: "var(--ds-border-radius-100, 3px)",
   cursor: 'pointer'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export var visuallyHiddenRadioStyles = css({
   width: '1px',
   height: '1px',
@@ -14,9 +19,13 @@ export var visuallyHiddenRadioStyles = css({
   overflow: 'hidden',
   whiteSpace: 'nowrap'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export var selectedShadow = css({
   boxShadow: "0px 0px 0px 1px ".concat("var(--ds-border-inverse, white)", ", 0px 0px 0px 3px ", "var(--ds-border-selected, ".concat(B200, ")"))
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export var focusedShadow = css({
   boxShadow: "0px 0px 0px 1px ".concat("var(--ds-border-inverse, white)", ", 0px 0px 0px 3px ", "var(--ds-border-focused, ".concat(B100, ")"))
 });

package/example-helpers/StatefulAvatarPickerDialog.tsx

@@ -1,6 +1,7 @@
 /**@jsx jsx */
 /* eslint-disable no-console */
 import React, { type ReactNode } from 'react';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import Button from '@atlaskit/button/standard-button';
 import { ModalTransition } from '@atlaskit/modal-dialog';
@@ -162,6 +163,7 @@ export default class StatefulAvatarPickerDialog extends React.Component<
 		const { requireAltText } = this.props;
 
 		return (
+			// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
 			<div css={layoutStyles}>
 				<Button appearance="primary" onClick={this.openPicker}>
 					Open sesame!

package/example-helpers/styles.ts

@@ -1,29 +1,37 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 import { token } from '@atlaskit/tokens';
 import { checkeredBg } from '../src/image-placer/styles';
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const labelStyles = css({
 	display: 'block',
+	// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
 	'> input': {
 		marginLeft: token('space.100', '8px'),
 	},
+	// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
 	'> span': {
 		display: 'inline-block',
 		minWidth: '120px',
 		textAlign: 'right',
 	},
 });
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const exportedImageStyles = css({
 	border: `1px solid ${token('color.border', '#ccc')}`,
 });
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const exportedImageWrapperStyles = css({
 	display: 'inline-block',
+	// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
 	background: `url('${checkeredBg}')`,
 	marginTop: token('space.250', '20px'),
 	position: 'relative',
 });
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const layoutStyles = css({
 	display: 'flex',
 	flexDirection: 'column',
@@ -32,6 +40,7 @@ export const layoutStyles = css({
 	height: '80vh',
 });
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const wrapperStyles = css({
 	margin: token('space.100', '8px'),
 });

package/package.json

@@ -1,78 +1,78 @@
 {
-  "name": "@atlaskit/media-avatar-picker",
-  "version": "24.6.5",
-  "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/"
-  },
-  "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
-  "author": "Atlassian Pty Ltd",
-  "license": "Apache-2.0",
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "module:es2019": "dist/es2019/index.js",
-  "types": "dist/types/index.d.ts",
-  "typesVersions": {
-    ">=4.5 <4.9": {
-      "*": [
-        "dist/types-ts4.5/*",
-        "dist/types-ts4.5/index.d.ts"
-      ]
-    }
-  },
-  "sideEffects": false,
-  "atlaskit:src": "src/index.tsx",
-  "af:exports": {
-    ".": "./src/index.tsx"
-  },
-  "atlassian": {
-    "team": "Media Experience",
-    "inPublicMirror": true,
-    "releaseModel": "continuous",
-    "website": {
-      "name": "Media Avatar Picker"
-    }
-  },
-  "dependencies": {
-    "@atlaskit/button": "^17.17.0",
-    "@atlaskit/flag": "^15.5.0",
-    "@atlaskit/form": "^10.3.0",
-    "@atlaskit/icon": "^22.3.0",
-    "@atlaskit/media-ui": "^25.10.0",
-    "@atlaskit/modal-dialog": "^12.13.0",
-    "@atlaskit/primitives": "^7.0.0",
-    "@atlaskit/range": "^7.2.0",
-    "@atlaskit/spinner": "^16.1.0",
-    "@atlaskit/textfield": "^6.3.0",
-    "@atlaskit/theme": "^12.9.0",
-    "@atlaskit/tokens": "^1.49.0",
-    "@atlaskit/visually-hidden": "^1.3.0",
-    "@babel/runtime": "^7.0.0",
-    "exenv": "^1.2.2"
-  },
-  "peerDependencies": {
-    "@emotion/react": "^11.7.1",
-    "react": "^16.8.0",
-    "react-intl-next": "npm:react-intl@^5.18.1"
-  },
-  "devDependencies": {
-    "@atlaskit/media-core": "^34.2.0",
-    "@atlaskit/media-test-helpers": "^33.0.0",
-    "@atlaskit/visual-regression": "*",
-    "@types/enzyme": "3.1.15",
-    "@types/exenv": "^1.2.0",
-    "enzyme": "^3.10.0",
-    "react": "^16.8.0",
-    "react-dom": "^16.8.0",
-    "react-intl-next": "npm:react-intl@^5.18.1",
-    "typescript": "~5.4.2"
-  },
-  "techstack": {
-    "@repo/internal": {
-      "design-tokens": [
-        "color",
-        "spacing"
-      ]
-    }
-  }
-}
+	"name": "@atlaskit/media-avatar-picker",
+	"version": "24.6.6",
+	"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/"
+	},
+	"repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
+	"author": "Atlassian Pty Ltd",
+	"license": "Apache-2.0",
+	"main": "dist/cjs/index.js",
+	"module": "dist/esm/index.js",
+	"module:es2019": "dist/es2019/index.js",
+	"types": "dist/types/index.d.ts",
+	"typesVersions": {
+		">=4.5 <4.9": {
+			"*": [
+				"dist/types-ts4.5/*",
+				"dist/types-ts4.5/index.d.ts"
+			]
+		}
+	},
+	"sideEffects": false,
+	"atlaskit:src": "src/index.tsx",
+	"af:exports": {
+		".": "./src/index.tsx"
+	},
+	"atlassian": {
+		"team": "Media Experience",
+		"inPublicMirror": true,
+		"releaseModel": "continuous",
+		"website": {
+			"name": "Media Avatar Picker"
+		}
+	},
+	"dependencies": {
+		"@atlaskit/button": "^17.22.0",
+		"@atlaskit/flag": "^15.6.0",
+		"@atlaskit/form": "^10.4.0",
+		"@atlaskit/icon": "^22.4.0",
+		"@atlaskit/media-ui": "^25.10.0",
+		"@atlaskit/modal-dialog": "^12.14.0",
+		"@atlaskit/primitives": "^8.0.0",
+		"@atlaskit/range": "^7.3.0",
+		"@atlaskit/spinner": "^16.2.0",
+		"@atlaskit/textfield": "^6.4.0",
+		"@atlaskit/theme": "^12.10.0",
+		"@atlaskit/tokens": "^1.51.0",
+		"@atlaskit/visually-hidden": "^1.4.0",
+		"@babel/runtime": "^7.0.0",
+		"exenv": "^1.2.2"
+	},
+	"peerDependencies": {
+		"@emotion/react": "^11.7.1",
+		"react": "^16.8.0",
+		"react-intl-next": "npm:react-intl@^5.18.1"
+	},
+	"devDependencies": {
+		"@atlaskit/media-core": "^34.2.0",
+		"@atlaskit/media-test-helpers": "^33.0.0",
+		"@atlaskit/visual-regression": "*",
+		"@types/enzyme": "3.1.15",
+		"@types/exenv": "^1.2.0",
+		"enzyme": "^3.10.0",
+		"react": "^16.8.0",
+		"react-dom": "^16.8.0",
+		"react-intl-next": "npm:react-intl@^5.18.1",
+		"typescript": "~5.4.2"
+	},
+	"techstack": {
+		"@repo/internal": {
+			"design-tokens": [
+				"color",
+				"spacing"
+			]
+		}
+	}
+}