@atlaskit/emoji 67.6.23 → 67.6.25

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/emoji
 
+## 67.6.25
+
+### Patch Changes
+
+- Updated dependencies
+
+## 67.6.24
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 67.6.23
 
 ### Patch Changes

package/afm-jira/tsconfig.json

@@ -0,0 +1,64 @@
+{
+  "extends": "../../../../tsconfig.products.json",
+  "compilerOptions": {
+    "declaration": true,
+    "target": "es5",
+    "outDir": "../../../../../tsDist/@atlaskit__emoji/app",
+    "composite": true,
+    "rootDir": "../",
+    "baseUrl": "../"
+  },
+  "include": [
+    "../src/**/*.ts",
+    "../src/**/*.tsx"
+  ],
+  "exclude": [
+    "../src/**/__tests__/*",
+    "../src/**/*.test.*",
+    "../src/**/test.*"
+  ],
+  "references": [
+    {
+      "path": "../../../analytics/analytics-next/afm-jira/tsconfig.json"
+    },
+    {
+      "path": "../../../design-system/button/afm-jira/tsconfig.json"
+    },
+    {
+      "path": "../../../design-system/icon/afm-jira/tsconfig.json"
+    },
+    {
+      "path": "../../../media/media-client/afm-jira/tsconfig.json"
+    },
+    {
+      "path": "../../../media/media-client-react/afm-jira/tsconfig.json"
+    },
+    {
+      "path": "../../../design-system/primitives/afm-jira/tsconfig.json"
+    },
+    {
+      "path": "../../../design-system/spinner/afm-jira/tsconfig.json"
+    },
+    {
+      "path": "../../../design-system/textfield/afm-jira/tsconfig.json"
+    },
+    {
+      "path": "../../../design-system/theme/afm-jira/tsconfig.json"
+    },
+    {
+      "path": "../../../design-system/tokens/afm-jira/tsconfig.json"
+    },
+    {
+      "path": "../../../design-system/tooltip/afm-jira/tsconfig.json"
+    },
+    {
+      "path": "../../../data/ufo-external/afm-jira/tsconfig.json"
+    },
+    {
+      "path": "../../util-service-support/afm-jira/tsconfig.json"
+    },
+    {
+      "path": "../../../design-system/visually-hidden/afm-jira/tsconfig.json"
+    }
+  ]
+}

package/dist/cjs/components/common/DeleteButton.js

@@ -12,6 +12,7 @@ var _colors = require("@atlaskit/theme/colors");
 var _constants = require("../../util/constants");
 var _styles = require("./styles");
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 /**
  * Test id for wrapper Emoji delete button
@@ -19,6 +20,7 @@ var _styles = require("./styles");
 var RENDER_EMOJI_DELETE_BUTTON_TESTID = exports.RENDER_EMOJI_DELETE_BUTTON_TESTID = 'render-emoji-delete-button';
 var DeleteButton = function DeleteButton(props) {
   return (0, _react.jsx)("span", {
+    // 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: _styles.deleteButton
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,

package/dist/cjs/components/common/Emoji.js

@@ -29,7 +29,7 @@ var _excluded = ["emoji", "fitToHeight", "selected", "selectOnHover", "className
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /** @jsx jsx */
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var handleMouseDown = function handleMouseDown(props, event) {
   // Clicked emoji delete button
   if (event.target instanceof Element && event.target.getAttribute('aria-label') === _constants.deleteEmojiLabel) {
@@ -320,7 +320,9 @@ var EmojiNodeWrapper = exports.EmojiNodeWrapper = /*#__PURE__*/(0, _react.forwar
     ref: ref,
     "data-testid": "".concat(type, "-emoji-").concat(emoji.shortName),
     "data-emoji-type": type,
-    tabIndex: shouldBeInteractive ? tabIndex || 0 : undefined,
+    tabIndex: shouldBeInteractive ? tabIndex || 0 : undefined
+    // 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: type === 'sprite' ? _styles.emojiSpriteContainer : _styles.emojiImageContainer
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,

package/dist/cjs/components/common/EmojiActions.js

@@ -24,6 +24,8 @@ var _styles2 = require("../picker/styles");
 var _constants = require("../../util/constants");
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var emojiActionsTestId = exports.emojiActionsTestId = 'emoji-actions';
 var uploadEmojiTestId = exports.uploadEmojiTestId = 'upload-emoji';
 
@@ -32,7 +34,9 @@ var uploadEmojiTestId = exports.uploadEmojiTestId = 'upload-emoji';
 var AddOwnEmoji = function AddOwnEmoji(props) {
   var onOpenUpload = props.onOpenUpload,
     uploadEnabled = props.uploadEnabled;
-  return (0, _react2.jsx)(_react.Fragment, null, uploadEnabled && (0, _react2.jsx)("div", {
+  return (0, _react2.jsx)(_react.Fragment, null, uploadEnabled &&
+  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  (0, _react2.jsx)("div", {
     css: _styles.addCustomEmoji,
     "data-testid": uploadEmojiTestId
   }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _i18n.messages.addCustomEmojiLabel, function (label) {
@@ -44,6 +48,7 @@ var AddOwnEmoji = function AddOwnEmoji(props) {
       }),
       appearance: "subtle"
       // TODO: (from codemod) Buttons with "component", "css" or "style" prop can't be automatically migrated with codemods. Please migrate it manually.
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
       ,
       css: _styles.addCustomEmojiButton
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -93,25 +98,28 @@ var TonesWrapper = function TonesWrapper(props) {
   if (selectedTone !== _constants.DEFAULT_TONE && previewToneEmoji.skinVariations) {
     previewToneEmoji = previewToneEmoji.skinVariations[selectedTone - 1];
   }
-  return (0, _react2.jsx)("div", {
-    css: _styles.emojiToneSelectorContainer
-  }, (0, _react2.jsx)(_ToneSelector.default, {
-    emoji: toneEmoji,
-    onToneSelected: onToneSelectedHandler,
-    onToneClose: onToneCloseHandler,
-    selectedTone: selectedTone,
-    isVisible: showToneSelector
-  }), (0, _react2.jsx)(_TonePreviewButton.default, {
-    ref: tonePreviewButtonRef,
-    ariaExpanded: showToneSelector,
-    emoji: previewToneEmoji,
-    selectOnHover: true,
-    onSelected: onToneOpen,
-    ariaLabelText: formatMessage(_i18n.messages.emojiSelectSkinToneButtonAriaLabelText, {
-      selectedTone: "".concat((0, _setSkinToneAriaLabelText.setSkinToneAriaLabelText)(previewToneEmoji.name))
-    }),
-    isVisible: !showToneSelector
-  }));
+  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
+    (0, _react2.jsx)("div", {
+      css: _styles.emojiToneSelectorContainer
+    }, (0, _react2.jsx)(_ToneSelector.default, {
+      emoji: toneEmoji,
+      onToneSelected: onToneSelectedHandler,
+      onToneClose: onToneCloseHandler,
+      selectedTone: selectedTone,
+      isVisible: showToneSelector
+    }), (0, _react2.jsx)(_TonePreviewButton.default, {
+      ref: tonePreviewButtonRef,
+      ariaExpanded: showToneSelector,
+      emoji: previewToneEmoji,
+      selectOnHover: true,
+      onSelected: onToneOpen,
+      ariaLabelText: formatMessage(_i18n.messages.emojiSelectSkinToneButtonAriaLabelText, {
+        selectedTone: "".concat((0, _setSkinToneAriaLabelText.setSkinToneAriaLabelText)(previewToneEmoji.name))
+      }),
+      isVisible: !showToneSelector
+    }))
+  );
 };
 var EmojiActions = exports.EmojiActions = function EmojiActions(props) {
   var onToneSelected = props.onToneSelected,
@@ -153,27 +161,35 @@ var EmojiActions = exports.EmojiActions = function EmojiActions(props) {
     setShowToneSelector(false);
   };
   if (uploading) {
-    return (0, _react2.jsx)("div", {
-      css: previewFooterClassnames
-    }, (0, _react2.jsx)(_EmojiUploadPicker.default, {
-      onUploadCancelled: onUploadCancelled,
-      onUploadEmoji: onUploadEmoji,
-      onFileChooserClicked: onFileChooserClicked,
-      errorMessage: uploadErrorMessage,
-      initialUploadName: initialUploadName
-    }));
+    return (
+      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+      (0, _react2.jsx)("div", {
+        css: previewFooterClassnames
+      }, (0, _react2.jsx)(_EmojiUploadPicker.default, {
+        onUploadCancelled: onUploadCancelled,
+        onUploadEmoji: onUploadEmoji,
+        onFileChooserClicked: onFileChooserClicked,
+        errorMessage: uploadErrorMessage,
+        initialUploadName: initialUploadName
+      }))
+    );
   }
   if (emojiToDelete) {
-    return (0, _react2.jsx)("div", {
-      css: previewFooterClassnames
-    }, (0, _react2.jsx)(_EmojiDeletePreview.default, {
-      emoji: emojiToDelete,
-      onDeleteEmoji: onDeleteEmoji,
-      onCloseDelete: onCloseDelete
-    }));
+    return (
+      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+      (0, _react2.jsx)("div", {
+        css: previewFooterClassnames
+      }, (0, _react2.jsx)(_EmojiDeletePreview.default, {
+        emoji: emojiToDelete,
+        onDeleteEmoji: onDeleteEmoji,
+        onCloseDelete: onCloseDelete
+      }))
+    );
   }
   return (0, _react2.jsx)("div", {
-    "data-testid": emojiActionsTestId,
+    "data-testid": emojiActionsTestId
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+    ,
     css: previewFooterClassnames,
     onMouseLeave: onMouseLeaveHandler
   }, (0, _react2.jsx)("div", {

package/dist/cjs/components/common/EmojiDeletePreview.js

@@ -28,7 +28,7 @@ var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden"
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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 */
+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
 var emojiDeletePreviewTestId = exports.emojiDeletePreviewTestId = 'emoji-delete-preview';
 var deleteEmojiLabelId = 'fabric.emoji.delete.label.id';
 var EmojiDeletePreview = /*#__PURE__*/function (_Component) {

package/dist/cjs/components/common/EmojiErrorMessage.js

@@ -11,6 +11,7 @@ var _error = _interopRequireDefault(require("@atlaskit/icon/glyph/error"));
 var _reactIntlNext = require("react-intl-next");
 var _i18n = require("../i18n");
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var emojiErrorScreenreaderTestId = exports.emojiErrorScreenreaderTestId = 'emoji-error-screenreader-message';
 var emojiErrorMessageTestId = exports.emojiErrorMessageTestId = 'emoji-error-message';
@@ -22,7 +23,9 @@ var EmojiErrorMessage = function EmojiErrorMessage(props) {
     tooltip = props.tooltip;
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl.formatMessage;
-  var visualContent = tooltip ? (0, _react.jsx)("div", {
+  var visualContent = tooltip ?
+  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+  (0, _react.jsx)("div", {
     css: messageStyles,
     "data-testid": emojiErrorMessageTestId
   }, (0, _react.jsx)(_tooltip.default, {
@@ -33,7 +36,9 @@ var EmojiErrorMessage = function EmojiErrorMessage(props) {
     label: formatMessage(_i18n.messages.error),
     size: "medium",
     testId: emojiErrorIconTestId
-  }))) : (0, _react.jsx)("div", {
+  }))) :
+  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+  (0, _react.jsx)("div", {
     css: messageStyles,
     "data-testid": emojiErrorMessageTestId
   }, (0, _react.jsx)(_error.default, {

package/dist/cjs/components/common/EmojiPlaceholder.js

@@ -8,6 +8,7 @@ var _react = require("@emotion/react");
 var _constants = require("../../util/constants");
 var _styles = require("./styles");
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var emojiPlaceholderTestId = exports.emojiPlaceholderTestId = function emojiPlaceholderTestId(shortName) {
   return "emoji-placeholder-".concat(shortName);
@@ -45,7 +46,9 @@ var EmojiPlaceholder = function EmojiPlaceholder(props) {
     "aria-label": shortName
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
-    className: _styles.placeholder,
+    className: _styles.placeholder
+    // 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: loading ? [_styles.placeholderContainer, _styles.placeholderContainerAnimated] : _styles.placeholderContainer
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
     ,

package/dist/cjs/components/common/EmojiPreviewComponent.js

@@ -9,21 +9,25 @@ var _react = require("@emotion/react");
 var _CachingEmoji = _interopRequireDefault(require("./CachingEmoji"));
 var _styles = require("./styles");
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var EmojiPreviewComponent = exports.EmojiPreviewComponent = function EmojiPreviewComponent(_ref) {
   var emoji = _ref.emoji;
-  return (0, _react.jsx)("div", {
-    css: _styles.preview
-  }, (0, _react.jsx)("span", {
-    css: _styles.previewImg
-  }, (0, _react.jsx)(_CachingEmoji.default, {
-    key: emoji.id || emoji.shortName,
-    emoji: emoji
-  })), (0, _react.jsx)("div", {
-    css: _styles.previewText
-  }, emoji.name && (0, _react.jsx)("div", {
-    css: _styles.emojiName
-  }, emoji.name), (0, _react.jsx)("div", {
-    css: _styles.emojiShortName
-  }, emoji.shortName)));
+  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
+    (0, _react.jsx)("div", {
+      css: _styles.preview
+    }, (0, _react.jsx)("span", {
+      css: _styles.previewImg
+    }, (0, _react.jsx)(_CachingEmoji.default, {
+      key: emoji.id || emoji.shortName,
+      emoji: emoji
+    })), (0, _react.jsx)("div", {
+      css: _styles.previewText
+    }, emoji.name && (0, _react.jsx)("div", {
+      css: _styles.emojiName
+    }, emoji.name), (0, _react.jsx)("div", {
+      css: _styles.emojiShortName
+    }, emoji.shortName)))
+  );
 };

package/dist/cjs/components/common/EmojiRadioButton.js

@@ -17,6 +17,8 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var handleMouseDown = function handleMouseDown(props, event) {
   var onSelected = props.onSelected;
   event.preventDefault();
@@ -40,6 +42,7 @@ var EmojiRadioButton = exports.EmojiRadioButton = /*#__PURE__*/(0, _react.forwar
     ariaLabelText = props.ariaLabelText,
     defaultChecked = props.defaultChecked;
   return (0, _react2.jsx)("label", {
+    // 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: _styles.emojiButton,
     onMouseDown: function onMouseDown(event) {
       return handleMouseDown(props, event);
@@ -51,7 +54,9 @@ var EmojiRadioButton = exports.EmojiRadioButton = /*#__PURE__*/(0, _react.forwar
     ref: ref,
     "data-testid": ariaLabelText,
     type: "radio",
-    name: "skin-tone",
+    name: "skin-tone"
+    // 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: _styles.emojiRadio,
     defaultChecked: defaultChecked
   }), (0, _react2.jsx)(_Emoji.default, {

package/dist/cjs/components/common/EmojiUploadPicker.js

@@ -28,6 +28,8 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var uploadEmojiNameInputTestId = exports.uploadEmojiNameInputTestId = 'upload-emoji-name-input';
 var uploadEmojiComponentTestId = exports.uploadEmojiComponentTestId = 'upload-emoji-component';
 var cancelEmojiUploadPickerTestId = exports.cancelEmojiUploadPickerTestId = 'cancel-emoji-upload-picker';
@@ -72,63 +74,66 @@ var ChooseEmojiFile = /*#__PURE__*/(0, _react.memo)(function (props) {
   var emojiPlaceholder = formatMessage(_i18n.messages.emojiPlaceholder);
   var emojiNameAriaLabel = formatMessage(_i18n.messages.emojiNameAriaLabel);
   var emojiChooseFileTitle = formatMessage(_i18n.messages.emojiChooseFileTitle);
-  return (0, _react2.jsx)("div", {
-    css: _styles.emojiUpload,
-    "data-testid": uploadEmojiComponentTestId
-  }, (0, _react2.jsx)("div", {
-    css: _styles.emojiUploadTop
-  }, (0, _react2.jsx)("h2", {
-    css: [_styles.uploadChooseFileMessage, _styles.headingH5]
-  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _i18n.messages.addCustomEmojiLabel), (0, _react2.jsx)("span", {
-    "aria-hidden": "true",
-    css: _styles.requiredSymbol
-  }, "*")), (0, _react2.jsx)("div", {
-    css: _styles.closeEmojiUploadButton
-  }, (0, _react2.jsx)(_standardButton.default, {
-    onClick: onUploadCancelled,
-    "aria-label": cancelLabel,
-    appearance: "subtle",
-    spacing: "none",
-    shouldFitContainer: true,
-    testId: cancelEmojiUploadPickerTestId
-  }, (0, _react2.jsx)(_cross.default, {
-    size: "small",
-    label: cancelLabel
-  })))), (0, _react2.jsx)("div", {
-    css: _styles.uploadChooseFileRow
-  }, (0, _react2.jsx)("span", {
-    css: _styles.uploadChooseFileEmojiName
-  }, (0, _react2.jsx)(_textfield.default, {
-    placeholder: emojiPlaceholder,
-    "aria-label": emojiNameAriaLabel,
-    maxLength: maxNameLength,
-    onChange: onNameChange,
-    onKeyDown: onKeyDownHandler,
-    value: name,
-    isCompact: true,
-    autoFocus: true,
-    testId: uploadEmojiNameInputTestId,
-    ref: inputRef,
-    id: "new-emoji-name-input",
-    "aria-required": true
-  })), (0, _react2.jsx)("span", {
-    css: _styles.uploadChooseFileBrowse
-  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _i18n.messages.emojiChooseFileScreenReaderDescription, function () {
-    return (0, _react2.jsx)(_FileChooser.default, {
-      label: emojiChooseFileTitle,
-      onChange: onChooseFile,
-      onClick: onClick,
-      accept: "image/png,image/jpeg,image/gif",
-      ariaDescribedBy: fileChooserButtonDescriptionId,
-      isDisabled: disableChooser
-    });
-  }))), (0, _react2.jsx)("div", {
-    css: _styles.emojiUploadBottom,
-    id: fileChooserButtonDescriptionId
-  }, !errorMessage ? (0, _react2.jsx)("p", null, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _i18n.messages.emojiImageRequirements)) : (0, _react2.jsx)(_EmojiErrorMessage.default, {
-    messageStyles: _styles.emojiChooseFileErrorMessage,
-    message: errorMessage
-  })));
+  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
+    (0, _react2.jsx)("div", {
+      css: _styles.emojiUpload,
+      "data-testid": uploadEmojiComponentTestId
+    }, (0, _react2.jsx)("div", {
+      css: _styles.emojiUploadTop
+    }, (0, _react2.jsx)("h2", {
+      css: [_styles.uploadChooseFileMessage, _styles.headingH5]
+    }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _i18n.messages.addCustomEmojiLabel), (0, _react2.jsx)("span", {
+      "aria-hidden": "true",
+      css: _styles.requiredSymbol
+    }, "*")), (0, _react2.jsx)("div", {
+      css: _styles.closeEmojiUploadButton
+    }, (0, _react2.jsx)(_standardButton.default, {
+      onClick: onUploadCancelled,
+      "aria-label": cancelLabel,
+      appearance: "subtle",
+      spacing: "none",
+      shouldFitContainer: true,
+      testId: cancelEmojiUploadPickerTestId
+    }, (0, _react2.jsx)(_cross.default, {
+      size: "small",
+      label: cancelLabel
+    })))), (0, _react2.jsx)("div", {
+      css: _styles.uploadChooseFileRow
+    }, (0, _react2.jsx)("span", {
+      css: _styles.uploadChooseFileEmojiName
+    }, (0, _react2.jsx)(_textfield.default, {
+      placeholder: emojiPlaceholder,
+      "aria-label": emojiNameAriaLabel,
+      maxLength: maxNameLength,
+      onChange: onNameChange,
+      onKeyDown: onKeyDownHandler,
+      value: name,
+      isCompact: true,
+      autoFocus: true,
+      testId: uploadEmojiNameInputTestId,
+      ref: inputRef,
+      id: "new-emoji-name-input",
+      "aria-required": true
+    })), (0, _react2.jsx)("span", {
+      css: _styles.uploadChooseFileBrowse
+    }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _i18n.messages.emojiChooseFileScreenReaderDescription, function () {
+      return (0, _react2.jsx)(_FileChooser.default, {
+        label: emojiChooseFileTitle,
+        onChange: onChooseFile,
+        onClick: onClick,
+        accept: "image/png,image/jpeg,image/gif",
+        ariaDescribedBy: fileChooserButtonDescriptionId,
+        isDisabled: disableChooser
+      });
+    }))), (0, _react2.jsx)("div", {
+      css: _styles.emojiUploadBottom,
+      id: fileChooserButtonDescriptionId
+    }, !errorMessage ? (0, _react2.jsx)("p", null, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _i18n.messages.emojiImageRequirements)) : (0, _react2.jsx)(_EmojiErrorMessage.default, {
+      messageStyles: _styles.emojiChooseFileErrorMessage,
+      message: errorMessage
+    })))
+  );
 });
 var EmojiUploadPicker = function EmojiUploadPicker(props) {
   var _document$activeEleme;

package/dist/cjs/components/common/EmojiUploadPreview.js

@@ -23,7 +23,7 @@ var _internalTypes = require("./internal-types");
 var _RetryableButton = _interopRequireDefault(require("./RetryableButton"));
 var _styles = require("./styles");
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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 */
+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
 var uploadPreviewTestId = exports.uploadPreviewTestId = 'upload-preview';
 var cancelUploadButtonTestId = exports.cancelUploadButtonTestId = 'cancel-upload-button';
 var addEmojiPreviewDescriptionId = 'fabric.emoji.preview.description.id';
@@ -65,40 +65,43 @@ var EmojiUploadPreview = /*#__PURE__*/function (_PureComponent) {
       }
       var uploading = uploadStatus === _internalTypes.UploadStatus.Uploading;
       var retryableButtonLabel = errorMessage ? formatMessage(_i18n.messages.retryLabel) : formatMessage(_i18n.messages.addEmojiLabel);
-      return (0, _react2.jsx)("div", {
-        css: _styles.uploadPreviewFooter
-      }, (0, _react2.jsx)("div", {
-        css: _styles.uploadPreview,
-        "data-testid": uploadPreviewTestId
-      }, (0, _react2.jsx)("div", {
-        css: _styles.uploadPreviewText
-      }, (0, _react2.jsx)("h5", null, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _i18n.messages.emojiPreviewTitle)), (0, _react2.jsx)("div", {
-        id: addEmojiPreviewDescriptionId
-      }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _i18n.messages.emojiPreview, {
-        values: {
-          emoji: emojiComponent
-        }
-      })))), (0, _react2.jsx)("div", {
-        css: _styles.bigEmojiPreview
-      }, emojiComponent)), (0, _react2.jsx)("div", {
-        css: _styles.uploadAddRow
-      }, !uploading && errorMessage ? (0, _react2.jsx)(_EmojiErrorMessage.default, {
-        messageStyles: _styles.emojiPreviewErrorMessage,
-        message: errorMessage,
-        tooltip: true
-      }) : null, (0, _react2.jsx)(_RetryableButton.default, {
-        label: retryableButtonLabel,
-        onSubmit: onAddEmoji,
-        appearance: "primary",
-        loading: uploading,
-        error: !!errorMessage,
-        ariaDescribedBy: addEmojiPreviewDescriptionId
-      }), (0, _react2.jsx)(_standardButton.default, {
-        onClick: onUploadCancelled,
-        appearance: "subtle",
-        isDisabled: uploading,
-        testId: cancelUploadButtonTestId
-      }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _i18n.messages.cancelLabel))));
+      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
+        (0, _react2.jsx)("div", {
+          css: _styles.uploadPreviewFooter
+        }, (0, _react2.jsx)("div", {
+          css: _styles.uploadPreview,
+          "data-testid": uploadPreviewTestId
+        }, (0, _react2.jsx)("div", {
+          css: _styles.uploadPreviewText
+        }, (0, _react2.jsx)("h5", null, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _i18n.messages.emojiPreviewTitle)), (0, _react2.jsx)("div", {
+          id: addEmojiPreviewDescriptionId
+        }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _i18n.messages.emojiPreview, {
+          values: {
+            emoji: emojiComponent
+          }
+        })))), (0, _react2.jsx)("div", {
+          css: _styles.bigEmojiPreview
+        }, emojiComponent)), (0, _react2.jsx)("div", {
+          css: _styles.uploadAddRow
+        }, !uploading && errorMessage ? (0, _react2.jsx)(_EmojiErrorMessage.default, {
+          messageStyles: _styles.emojiPreviewErrorMessage,
+          message: errorMessage,
+          tooltip: true
+        }) : null, (0, _react2.jsx)(_RetryableButton.default, {
+          label: retryableButtonLabel,
+          onSubmit: onAddEmoji,
+          appearance: "primary",
+          loading: uploading,
+          error: !!errorMessage,
+          ariaDescribedBy: addEmojiPreviewDescriptionId
+        }), (0, _react2.jsx)(_standardButton.default, {
+          onClick: onUploadCancelled,
+          appearance: "subtle",
+          isDisabled: uploading,
+          testId: cancelUploadButtonTestId
+        }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _i18n.messages.cancelLabel))))
+      );
     }
   }]);
   return EmojiUploadPreview;

package/dist/cjs/components/common/RetryableButton.js

@@ -14,12 +14,17 @@ var _i18n = require("../i18n");
 var _styles = require("./styles");
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var retryUploadButtonTestId = exports.retryUploadButtonTestId = 'retry-upload-button';
 var uploadEmojiButtonTestId = exports.uploadEmojiButtonTestId = 'upload-emoji-button';
 var LoadingSpinner = function LoadingSpinner() {
-  return (0, _react.jsx)("span", {
-    css: _styles.buttonSpinner
-  }, (0, _react.jsx)(_spinner.default, null));
+  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
+    (0, _react.jsx)("span", {
+      css: _styles.buttonSpinner
+    }, (0, _react.jsx)(_spinner.default, null))
+  );
 };
 var RetryButton = function RetryButton(props) {
   var onSubmit = props.onSubmit,