@atlaskit/media-avatar-picker 24.6.5 → 24.6.6

package/dist/es2019/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 const 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 const visuallyHiddenRadioStyles = css({
   width: '1px',
   height: '1px',
@@ -14,9 +19,13 @@ export const 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 const selectedShadow = css({
   boxShadow: `0px 0px 0px 1px ${"var(--ds-border-inverse, white)"}, 0px 0px 0px 3px ${`var(--ds-border-selected, ${B200})`}`
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const focusedShadow = css({
   boxShadow: `0px 0px 0px 1px ${"var(--ds-border-inverse, white)"}, 0px 0px 0px 3px ${`var(--ds-border-focused, ${B100})`}`
 });

package/dist/esm/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 { useIntl } from 'react-intl-next';
 import { messages } from '@atlaskit/media-ui';
@@ -36,7 +37,9 @@ export var AvatarList = function AvatarList(_ref) {
   });
   return jsx("div", {
     role: "radiogroup",
-    "aria-label": selectAvatarLabel || intl.formatMessage(messages.select_an_avatar),
+    "aria-label": selectAvatarLabel || intl.formatMessage(messages.select_an_avatar)
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    ,
     css: avatarListWrapperStyles
   }, cards);
 };

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

@@ -1,11 +1,17 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 import { 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 smallAvatarImageStyles = css(avatarImageStyles, {
   width: "var(--ds-space-500, 40px)",
   height: "var(--ds-space-500, 40px)"
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export var avatarListWrapperStyles = css({
   display: 'flex',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   label: {
     paddingRight: "var(--ds-space-050, 4px)",
     display: 'inline-flex'

package/dist/esm/avatar-picker-dialog/SubmitErrorDialog.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 { useRef, useEffect } from 'react';
 import { R400 } from '@atlaskit/theme/colors';
@@ -15,17 +16,20 @@ export var SubmitErrorDialog = function SubmitErrorDialog() {
       flagContainerRef.current.children[0].focus();
     }
   }, []);
-  return jsx("div", {
-    css: avatarPickerErrorStyles,
-    ref: flagContainerRef
-  }, jsx(Flag, {
-    appearance: "error",
-    icon: jsx(ErrorIcon, {
-      label: "Error",
-      secondaryColor: "var(--ds-background-danger-bold, ".concat(R400, ")")
-    }),
-    id: "avatar-picker-error",
-    key: "error",
-    title: intl.formatMessage(messages.or_select_default_avatars)
-  }));
+  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: avatarPickerErrorStyles,
+      ref: flagContainerRef
+    }, jsx(Flag, {
+      appearance: "error",
+      icon: jsx(ErrorIcon, {
+        label: "Error",
+        secondaryColor: "var(--ds-background-danger-bold, ".concat(R400, ")")
+      }),
+      id: "avatar-picker-error",
+      key: "error",
+      title: intl.formatMessage(messages.or_select_default_avatars)
+    }))
+  );
 };

package/dist/esm/avatar-picker-dialog/index.js

@@ -12,6 +12,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /** @jsx jsx */
 import React, { Fragment } from 'react';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { PureComponent } from 'react';
 import ModalDialog, { ModalFooter, ModalBody, useModal } from '@atlaskit/modal-dialog';
@@ -47,11 +48,14 @@ export var fixedCrop = {
 var HeaderContent = function HeaderContent(_ref) {
   var title = _ref.title;
   var modal = useModal();
-  return jsx("h1", {
-    css: modalHeaderStyles,
-    "data-test-id": "modal-header",
-    id: modal.titleId
-  }, title || jsx(FormattedMessage, messages.upload_an_avatar));
+  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("h1", {
+      css: modalHeaderStyles,
+      "data-test-id": "modal-header",
+      id: modal.titleId
+    }, title || jsx(FormattedMessage, messages.upload_an_avatar))
+  );
 };
 var altTextFieldStyles = xcss({
   paddingTop: 'space.100',

package/dist/esm/avatar-picker-dialog/styles.js

@@ -1,10 +1,17 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export var avatarPickerErrorStyles = css({
   margin: "0 ".concat("var(--ds-space-200, 16px)", " ", "var(--ds-space-200, 16px)")
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export var formStyles = css({
   margin: 0
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export var avatarPickerViewWrapperStyles = css({
   display: 'flex',
   justifyContent: 'center',
@@ -12,8 +19,11 @@ export var avatarPickerViewWrapperStyles = css({
   textAlign: 'center',
   minHeight: '339px'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export var modalHeaderStyles = css({
   // Using `&` twice to increase specificity
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   '&&': {
     margin: "var(--ds-space-200, 16px)",
     fontWeight: 500,

package/dist/esm/image-cropper/index.js

@@ -8,6 +8,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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 { Component } from 'react';
@@ -17,6 +18,7 @@ import { messages, MediaImage } from '@atlaskit/media-ui';
 import { isImageRemote } from './isImageRemote';
 import { CONTAINER_PADDING } from './styles';
 import { N50A } from '@atlaskit/theme/colors';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 import { Box, xcss } from '@atlaskit/primitives';
 import { ERROR } from '../avatar-picker-dialog';
@@ -29,6 +31,7 @@ var removeImageButtonStyles = css({
   border: 'none',
   cursor: 'pointer',
   padding: 0,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   svg: {
     position: 'absolute',
     top: "var(--ds-space-050, 4px)",
@@ -54,9 +57,13 @@ var maskShadow = {
 };
 var maskStyles = xcss({
   position: 'absolute',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   top: "".concat(CONTAINER_PADDING, "px"),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   bottom: "".concat(CONTAINER_PADDING, "px"),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   left: "".concat(CONTAINER_PADDING, "px"),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   right: "".concat(CONTAINER_PADDING, "px"),
   opacity: 'opacity.disabled'
 });
@@ -127,16 +134,23 @@ export var ImageCropper = /*#__PURE__*/function (_Component) {
         onImageLoaded = _this$props3.onImageLoaded,
         formatMessage = _this$props3.intl.formatMessage;
       var containerDimensions = xcss({
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         width: "".concat(containerSize, "px"),
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         height: "".concat(containerSize, "px")
       });
       var width = imageWidth ? "".concat(imageWidth, "px") : 'auto';
       var height = imageHeight ? "".concat(imageHeight, "px") : 'auto';
       var imageContainerDynamicStyles = xcss({
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         width: width,
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         height: height,
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         display: width === 'auto' ? 'none' : 'block',
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         top: "".concat(top, "px"),
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         left: "".concat(left, "px")
       });
       var crossOrigin;

package/dist/esm/image-navigator/dragZone.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["showBorder", "isDroppingFile", "children"];
 /**@jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { dragZoneStyles } from './styles';
 export var DragZone = function DragZone(_ref) {
@@ -10,6 +11,7 @@ export var DragZone = function DragZone(_ref) {
     children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded);
   return jsx("div", _extends({
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     css: dragZoneStyles({
       showBorder: showBorder,
       isDroppingFile: isDroppingFile

package/dist/esm/image-navigator/index.js

@@ -12,6 +12,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /** @jsx jsx */
 import React from 'react';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { Component } from 'react';
 import { FormattedMessage, injectIntl } from 'react-intl-next';
@@ -311,23 +312,27 @@ export var ImageNavigator = /*#__PURE__*/function (_Component) {
       var _this$props3 = this.props,
         errorMessage = _this$props3.errorMessage,
         isLoading = _this$props3.isLoading;
-      return jsx("div", {
-        id: "image-uploader",
-        css: imageUploaderStyles
-      }, this.renderDragZone(), isLoading ? null : jsx("div", null, jsx("p", {
-        id: "padded-break",
-        css: paddedBreakStyles
-      }, jsx(FormattedMessage, errorMessage ? messages.try_again : messages.or)), jsx(Button, {
-        onClick: this.onUploadButtonClick,
-        isDisabled: isLoading,
-        testId: "upload-button"
-      }, jsx(FormattedMessage, messages.upload_photo), jsx("input", {
-        css: fileInputStyles,
-        type: "file",
-        id: "image-input",
-        onChange: this.onFileChange,
-        accept: ACCEPT.join(',')
-      }))));
+      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", {
+          id: "image-uploader",
+          css: imageUploaderStyles
+        }, this.renderDragZone(), isLoading ? null : jsx("div", null, jsx("p", {
+          id: "padded-break",
+          css: paddedBreakStyles
+        }, jsx(FormattedMessage, errorMessage ? messages.try_again : messages.or)), jsx(Button, {
+          onClick: this.onUploadButtonClick,
+          isDisabled: isLoading,
+          testId: "upload-button"
+        }, jsx(FormattedMessage, messages.upload_photo), jsx("input", {
+          // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+          css: fileInputStyles,
+          type: "file",
+          id: "image-input",
+          onChange: this.onFileChange,
+          accept: ACCEPT.join(',')
+        }))))
+      );
     }
   }, {
     key: "renderImageCropper",
@@ -383,6 +388,8 @@ export var ImageNavigator = /*#__PURE__*/function (_Component) {
       var isLoading = this.props.isLoading;
       var dataURI = this.dataURI;
       var content = dataURI && !isLoading ? this.renderImageCropper(dataURI) : this.renderImageUploader();
+
+      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
       return jsx("div", {
         css: containerStyles
       }, content);

package/dist/esm/image-navigator/slider.js

@@ -7,6 +7,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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 { Component } from 'react';
 import FieldRange from '@atlaskit/range';
@@ -30,32 +31,35 @@ export var Slider = /*#__PURE__*/function (_Component) {
       var _this$props = this.props,
         value = _this$props.value,
         onChange = _this$props.onChange;
-      return jsx("div", {
-        css: sliderWrapperStyles
-      }, jsx(Button
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-      , {
-        className: "zoom_button zoom_button_small",
-        iconAfter: jsx(ScaleSmallIcon, {
-          label: "scale-small-icon"
-        }),
-        onClick: function onClick() {
-          return onChange(0);
-        }
-      }), jsx(FieldRange, {
-        value: value,
-        onChange: onChange
-      }), jsx(Button
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-      , {
-        className: "zoom_button zoom_button_large",
-        iconAfter: jsx(ScaleLargeIcon, {
-          label: "scale-large-icon"
-        }),
-        onClick: function onClick() {
-          return onChange(100);
-        }
-      }));
+      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: sliderWrapperStyles
+        }, jsx(Button
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+        , {
+          className: "zoom_button zoom_button_small",
+          iconAfter: jsx(ScaleSmallIcon, {
+            label: "scale-small-icon"
+          }),
+          onClick: function onClick() {
+            return onChange(0);
+          }
+        }), jsx(FieldRange, {
+          value: value,
+          onChange: onChange
+        }), jsx(Button
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+        , {
+          className: "zoom_button zoom_button_large",
+          iconAfter: jsx(ScaleLargeIcon, {
+            label: "scale-large-icon"
+          }),
+          onClick: function onClick() {
+            return onChange(100);
+          }
+        }))
+      );
     }
   }]);
   return Slider;

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

@@ -1,38 +1,52 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, keyframes } from '@emotion/react';
 import { N200 } from '@atlaskit/theme/colors';
 import { checkeredBg } from './images';
 import { AVATAR_DIALOG_WIDTH } from '../avatar-picker-dialog/layout-const';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export var imageBgStyles = css({
   position: 'absolute',
   top: 0,
   left: 0,
   width: '256px',
   height: '256px',
+  // 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('".concat(checkeredBg, "')"),
   borderRadius: "var(--ds-border-radius, 3px)"
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export var containerStyles = css({
   boxSizing: 'border-box',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '*, *::before, *::after': {
     boxSizing: 'border-box'
   },
   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 var sliderContainerStyles = css({
   alignItems: 'center',
   justifyContent: 'center',
   display: 'flex',
   flexDirection: 'row',
   marginTop: "var(--ds-space-100, 8px)",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   input: {
     boxSizing: 'content-box',
     padding: 0
   },
   backgroundColor: "var(--ds-surface-overlay, #fff)"
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export var fileInputStyles = css({
   display: 'none'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export var imageUploaderStyles = css({
   display: 'flex',
   flexDirection: 'column',
@@ -58,6 +72,7 @@ var getBorder = function getBorder(showBorder) {
 var getDroppingAnimation = function getDroppingAnimation(isDroppingFile) {
   return isDroppingFile ? css({
     backgroundColor: "var(--ds-background-information-hovered, #ddecfe)",
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     '&:after': droppingAnimation
   }) : '';
 };
@@ -75,6 +90,7 @@ export var dragZoneStyles = function dragZoneStyles(props) {
     transition: 'background-color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1)',
     '&::after': {
       content: "''",
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       border: getBorder(props.showBorder),
       borderRadius: '100%',
       position: 'absolute',
@@ -84,9 +100,13 @@ export var dragZoneStyles = function dragZoneStyles(props) {
       height: '100%',
       transition: 'border-color 0.3s cubic-bezier(0.19, 1, 0.22, 1)'
     }
-  }, getDroppingAnimation(props.isDroppingFile));
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  getDroppingAnimation(props.isDroppingFile));
 };
 dragZoneStyles.displayName = 'DragZone';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export var dragZoneImageStyles = css({
   width: '100px'
 });
@@ -97,8 +117,12 @@ export var dragZoneTextStyles = function dragZoneTextStyles(props) {
   return css({
     textAlign: 'center',
     color: "var(--ds-text-subtlest, ".concat(N200, ")")
-  }, getWidth(props.isFullSize));
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  getWidth(props.isFullSize));
 };
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export var selectionBlockerStyles = css({
   position: 'fixed',
   left: 0,
@@ -108,15 +132,21 @@ export var selectionBlockerStyles = css({
   backgroundColor: 'transparent',
   userSelect: 'none'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export var paddedBreakStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
   marginTop: "var(--ds-space-100, 10px)".concat(" !important"),
   marginBottom: "var(--ds-space-100, 10px)",
   textAlign: 'center'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export var sliderWrapperStyles = css({
   display: 'flex',
   alignItems: 'center',
   width: '100%',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '.zoom_button svg': {
     position: 'relative',
     left: "var(--ds-space-negative-025, -2px)"

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

@@ -2,10 +2,12 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["width", "height", "margin", "children"];
 /**@jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { Box, xcss } from '@atlaskit/primitives';
 import { checkeredBg } from './styles';
 var containerWrapperStyles = xcss({
+  // 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('".concat(checkeredBg, "')"),
   position: "relative",
   cursor: "move",
@@ -19,7 +21,9 @@ export var ContainerWrapper = function ContainerWrapper(_ref) {
     children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded);
   var containerWrapperDimensions = xcss({
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     width: "".concat(width !== undefined ? width + margin * 2 : 0, "px"),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     height: "".concat(height !== undefined ? height + margin * 2 : 0, "px")
   });
   return jsx(Box, _extends({

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

@@ -1,9 +1,13 @@
 /**@jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { imagePlacerErrorWrapperStyles } from './styles';
 export var ImagePlacerErrorWrapper = function ImagePlacerErrorWrapper(_ref) {
   var children = _ref.children;
-  return jsx("div", {
-    css: imagePlacerErrorWrapperStyles
-  }, children);
+  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: imagePlacerErrorWrapperStyles
+    }, children)
+  );
 };

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

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["x", "y", "width", "height"];
 /**@jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { imageWrapperStyles } from './styles';
 export var ImageWrapper = function ImageWrapper(_ref) {
@@ -10,12 +11,15 @@ export var ImageWrapper = function ImageWrapper(_ref) {
     width = _ref.width,
     height = _ref.height,
     props = _objectWithoutProperties(_ref, _excluded);
-  return jsx("img", _extends({
-    css: imageWrapperStyles({
-      x: x,
-      y: y,
-      width: width,
-      height: height
-    })
-  }, 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
+    jsx("img", _extends({
+      css: imageWrapperStyles({
+        x: x,
+        y: y,
+        width: width,
+        height: height
+      })
+    }, props))
+  );
 };

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

@@ -11,6 +11,7 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 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 { Rectangle, Vector2, Bounds, dataURItoFile, getFileInfo, getFileInfoFromSrc } from '@atlaskit/media-ui';
@@ -503,31 +504,34 @@ export var ImagePlacer = /*#__PURE__*/function (_React$Component) {
         src = _this$state6.src;
       var imageBounds = this.imageBounds;
       var imgSrc = typeof src === 'string' ? src : undefined;
-      return jsx("div", {
-        css: imagePlacerWrapperStyles({
-          backgroundColor: backgroundColor
-        })
-      }, jsx(ImagePlacerContainer, {
-        width: containerWidth,
-        height: containerHeight,
-        margin: margin,
-        onDragStart: this.onDragStart,
-        onDragMove: this.onDragMove,
-        onWheel: this.onWheel
-      }, errorMessage ? jsx(ImagePlacerErrorWrapper, null, onRenderError ? onRenderError(errorMessage) : errorMessage) : jsx("div", null, jsx(ImagePlacerImage, {
-        src: imgSrc,
-        x: imageBounds.x,
-        y: imageBounds.y,
-        width: imageBounds.width,
-        height: imageBounds.height,
-        onLoad: this.onImageLoad,
-        onError: this.onImageError
-      }), jsx(Margin, {
-        width: containerWidth,
-        height: containerHeight,
-        circular: isCircular,
-        size: margin
-      }))));
+      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: imagePlacerWrapperStyles({
+            backgroundColor: backgroundColor
+          })
+        }, jsx(ImagePlacerContainer, {
+          width: containerWidth,
+          height: containerHeight,
+          margin: margin,
+          onDragStart: this.onDragStart,
+          onDragMove: this.onDragMove,
+          onWheel: this.onWheel
+        }, errorMessage ? jsx(ImagePlacerErrorWrapper, null, onRenderError ? onRenderError(errorMessage) : errorMessage) : jsx("div", null, jsx(ImagePlacerImage, {
+          src: imgSrc,
+          x: imageBounds.x,
+          y: imageBounds.y,
+          width: imageBounds.width,
+          height: imageBounds.height,
+          onLoad: this.onImageLoad,
+          onError: this.onImageError
+        }), jsx(Margin, {
+          width: containerWidth,
+          height: containerHeight,
+          circular: isCircular,
+          size: margin
+        }))))
+      );
     }
   }]);
   return ImagePlacer;