@atlaskit/emoji 69.0.7 → 69.0.8

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

@@ -1,44 +1,38 @@
+/* RetryableButton.tsx generated by @compiled/babel-plugin v0.36.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.uploadEmojiButtonTestId = exports.retryUploadButtonTestId = exports.default = void 0;
+require("./RetryableButton.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
 var _reactIntlNext = require("react-intl-next");
-var _react = require("@emotion/react");
 var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
-var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _i18n = require("../i18n");
-var _styles = require("./styles");
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
+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 && {}.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; }
+var buttonSpinner = null;
 var retryUploadButtonTestId = exports.retryUploadButtonTestId = 'retry-upload-button';
 var uploadEmojiButtonTestId = exports.uploadEmojiButtonTestId = 'upload-emoji-button';
 var LoadingSpinner = function LoadingSpinner() {
-  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, {
-      interactionName: "emoji-retry-button-spinner"
-    }))
-  );
+  return /*#__PURE__*/React.createElement("span", {
+    className: (0, _runtime.ax)(["_2hwx19bv _18u019bv"])
+  }, /*#__PURE__*/React.createElement(_spinner.default, null));
 };
 var RetryButton = function RetryButton(props) {
   var onSubmit = props.onSubmit,
     ariaLabelledBy = props.ariaLabelledBy,
     ariaDescribedBy = props.ariaDescribedBy;
-  return (0, _react.jsx)(_reactIntlNext.FormattedMessage, _i18n.messages.retryLabel, function (retryLabel) {
-    return (0, _react.jsx)(_primitives.Box, {
+  return /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.retryLabel, function (retryLabel) {
+    return /*#__PURE__*/React.createElement(_compiled.Box, {
       paddingInlineEnd: "space.050"
-    }, (0, _react.jsx)(_new.default, {
+    }, /*#__PURE__*/React.createElement(_new.default, {
       appearance: "warning",
       onClick: onSubmit,
       testId: retryUploadButtonTestId,
@@ -54,9 +48,9 @@ var UploadButton = function UploadButton(props) {
     label = props.label,
     ariaLabelledBy = props.ariaLabelledBy,
     ariaDescribedBy = props.ariaDescribedBy;
-  return (0, _react.jsx)(_primitives.Box, {
+  return /*#__PURE__*/React.createElement(_compiled.Box, {
     paddingInlineEnd: "space.050"
-  }, (0, _react.jsx)(_new.default, {
+  }, /*#__PURE__*/React.createElement(_new.default, {
     appearance: appearance,
     onClick: onSubmit,
     testId: uploadEmojiButtonTestId,
@@ -69,11 +63,11 @@ var RetryableButton = function RetryableButton(props) {
   var loading = props.loading,
     error = props.error;
   if (loading) {
-    return (0, _react.jsx)(LoadingSpinner, null);
+    return /*#__PURE__*/React.createElement(LoadingSpinner, null);
   }
   if (error) {
-    return (0, _react.jsx)(RetryButton, props);
+    return /*#__PURE__*/React.createElement(RetryButton, props);
   }
-  return (0, _react.jsx)(UploadButton, props);
+  return /*#__PURE__*/React.createElement(UploadButton, props);
 };
 var _default = exports.default = RetryableButton;

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

@@ -1,3 +1,4 @@
+/* Scrollable.tsx generated by @compiled/babel-plugin v0.36.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -6,23 +7,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+require("./Scrollable.compiled.css");
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _runtime = require("@compiled/react/runtime");
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = require("@emotion/react");
-var _react2 = require("react");
-var styles = _interopRequireWildcard(require("./styles"));
 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 && {}.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; }
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } // FIXME - FAB-1732 looking at making a shared component for this
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+var emojiScrollable = null;
 var Scrollable = exports.default = /*#__PURE__*/function (_PureComponent) {
   function Scrollable() {
     var _this;
@@ -79,22 +80,18 @@ var Scrollable = exports.default = /*#__PURE__*/function (_PureComponent) {
       var style = maxHeight ? {
         maxHeight: maxHeight
       } : {};
-      return (
-        // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-        (0, _react.jsx)("div", {
-          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-          className: "emoji-scrollable ".concat(className)
-          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-          ,
-          css: styles.emojiScrollable,
-          onMouseLeave: onMouseLeave,
-          onScroll: this.handleScroll,
-          ref: this.handleRef
-          // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-          ,
-          style: style
-        }, children)
-      );
+      return /*#__PURE__*/React.createElement("div", {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+        className: (0, _runtime.ax)(["_19ityw3a _2rkosqtm _19pkidpf _2hwxidpf _otyridpf _18u0idpf _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1e0c1ule _1reo15vq _18m91wug", "emoji-scrollable ".concat(className)]),
+        onMouseLeave: onMouseLeave,
+        onScroll: this.handleScroll,
+        ref: this.handleRef
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+        ,
+        style: _objectSpread(_objectSpread({}, style), {}, {
+          "--_1id3pet": (0, _runtime.ix)("1px solid ".concat("var(--ds-border, #fff)"))
+        })
+      }, children);
     }
   }]);
-}(_react2.PureComponent);
+}(_react.PureComponent);

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

@@ -1,22 +1,23 @@
+/* TonePreviewButton.tsx generated by @compiled/babel-plugin v0.36.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.tonePreviewTestId = exports.default = exports.TonePreviewButton = void 0;
-var _react = require("react");
-var _react2 = require("@emotion/react");
-var _styles = require("./styles");
+require("./TonePreviewButton.compiled.css");
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _runtime = require("@compiled/react/runtime");
+var _colors = require("@atlaskit/theme/colors");
 var _Emoji = _interopRequireDefault(require("./Emoji"));
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
+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 && {}.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; }
 var tonePreviewTestId = exports.tonePreviewTestId = 'tone-preview';
+var emojiButton = null;
+var hidden = null;
 var TonePreviewButton = exports.TonePreviewButton = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var emoji = props.emoji,
     selectOnHover = props.selectOnHover,
@@ -25,23 +26,23 @@ var TonePreviewButton = exports.TonePreviewButton = /*#__PURE__*/(0, _react.forw
     onSelected = props.onSelected,
     _props$isVisible = props.isVisible,
     isVisible = _props$isVisible === void 0 ? true : _props$isVisible;
-  return (0, _react2.jsx)("button", {
-    ref: ref
-    // 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, !isVisible && _styles.hidden],
+  return /*#__PURE__*/React.createElement("button", {
+    ref: ref,
     onClick: onSelected,
     "aria-label": ariaLabelText,
     "aria-expanded": ariaExpanded,
     "aria-controls": "emoji-picker-tone-selector"
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
     ,
-    style: {
-      overflow: 'hidden'
-    },
+
     "data-testid": tonePreviewTestId,
-    type: "button"
-  }, (0, _react2.jsx)(_Emoji.default, {
+    type: "button",
+    className: (0, _runtime.ax)(["_19itidpf _2rkosqtm _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _bfhk1j28 _80omtlke _kqswh2mm _1e0c1o8l _lev4idpf _1cx6idpf _tyukidpf _2ewlidpf _11bcidpf _dqozglyw _1at812x7 _1cjo12x7 _1yg612x7 _hjaq12x7 _hlt21tcg _1s3c1tcg _1i911tcg _1ye71tcg _nt751r31 _49pcglyw _1hvw1o36 _7ehi1r2v _491113zc", !isVisible && "_tzy4idpf _3um015vq _1e0cglyw"]),
+    style: {
+      overflow: 'hidden',
+      "--_1rebzxw": (0, _runtime.ix)("0 0 0 2px ".concat("var(--ds-border-focused, ".concat(_colors.B100, ")")))
+    }
+  }, /*#__PURE__*/React.createElement(_Emoji.default, {
     emoji: emoji,
     selectOnHover: selectOnHover,
     shouldBeInteractive: false,

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

@@ -1,26 +1,29 @@
+/* ToneSelector.tsx generated by @compiled/babel-plugin v0.36.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.toneSelectorTestId = exports.default = exports.ToneSelectorInternal = void 0;
+require("./ToneSelector.compiled.css");
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _runtime = require("@compiled/react/runtime");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _react = require("@emotion/react");
-var _react2 = require("react");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _analytics = require("../../util/analytics");
 var _setSkinToneAriaLabelText = require("./setSkinToneAriaLabelText");
 var _EmojiRadioButton = _interopRequireDefault(require("./EmojiRadioButton"));
 var _reactIntlNext = require("react-intl-next");
 var _i18n = require("../i18n");
-var _styles = require("./styles");
+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 && {}.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; } /**
- * @jsxRuntime classic
- * @jsx jsx
- */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+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; }
+var hidden = null;
 var toneSelectorTestId = exports.toneSelectorTestId = 'tone-selector';
 var extractAllTones = function extractAllTones(emoji) {
   if (emoji.skinVariations) {
@@ -35,11 +38,11 @@ var ToneSelectorInternal = exports.ToneSelectorInternal = function ToneSelectorI
     onToneClose = props.onToneClose,
     selectedTone = props.selectedTone,
     isVisible = props.isVisible;
-  var isMounted = (0, _react2.useRef)(false);
-  var selectedToneRadioRef = (0, _react2.useRef)(null);
+  var isMounted = (0, _react.useRef)(false);
+  var selectedToneRadioRef = (0, _react.useRef)(null);
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl.formatMessage;
-  var emojiToneCollection = (0, _react2.useMemo)(function () {
+  var emojiToneCollection = (0, _react.useMemo)(function () {
     var selectedToneIndex = -1;
     var toneColletion = extractAllTones(emoji).map(function (tone, index) {
       var isSelected = index === selectedTone;
@@ -58,7 +61,7 @@ var ToneSelectorInternal = exports.ToneSelectorInternal = function ToneSelectorI
     toneColletion.push(toneColletion.splice(selectedToneIndex, 1)[0]);
     return toneColletion;
   }, [emoji, selectedTone]);
-  (0, _react2.useEffect)(function () {
+  (0, _react.useEffect)(function () {
     if (isVisible) {
       var _selectedToneRadioRef;
       (_selectedToneRadioRef = selectedToneRadioRef.current) === null || _selectedToneRadioRef === void 0 || _selectedToneRadioRef.focus();
@@ -86,16 +89,14 @@ var ToneSelectorInternal = exports.ToneSelectorInternal = function ToneSelectorI
     fireAnalyticsEvent((0, _analytics.toneSelectorOpenedEvent)({}));
   }
   isMounted.current = true;
-  return (0, _react.jsx)("div", {
+  return /*#__PURE__*/React.createElement("div", {
     role: "radiogroup",
     "data-testid": toneSelectorTestId,
     id: "emoji-picker-tone-selector",
-    "aria-label": formatMessage(_i18n.messages.emojiSelectSkinToneListAriaLabelText)
-    // 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: !isVisible && _styles.hidden
+    "aria-label": formatMessage(_i18n.messages.emojiSelectSkinToneListAriaLabelText),
+    className: (0, _runtime.ax)([!isVisible && "_tzy4idpf _3um015vq _1e0cglyw"])
   }, emojiToneCollection.map(function (tone) {
-    return (0, _react.jsx)(_EmojiRadioButton.default, {
+    return /*#__PURE__*/React.createElement(_EmojiRadioButton.default, {
       ref: tone.isSelected ? selectedToneRadioRef : null,
       defaultChecked: tone.isSelected,
       ariaLabelText: tone.label,
@@ -107,4 +108,4 @@ var ToneSelectorInternal = exports.ToneSelectorInternal = function ToneSelectorI
   }));
 };
 var ToneSelector = (0, _analyticsNext.withAnalyticsEvents)()(ToneSelectorInternal);
-var _default = exports.default = /*#__PURE__*/(0, _react2.memo)(ToneSelector);
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(ToneSelector);

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

@@ -1,3 +1,4 @@
+/* ToolTipContentWithKeymap.tsx generated by @compiled/babel-plugin v0.36.1 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");
@@ -5,25 +6,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ToolTipContentWithKeymap = void 0;
+require("./ToolTipContentWithKeymap.compiled.css");
+var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireWildcard(require("react"));
-var _react2 = require("@emotion/react");
+var _colors = require("@atlaskit/theme/colors");
 var _keymaps = require("../../util/keymaps");
-var _styles = require("./styles");
 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 && {}.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; }
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
+var tooltipShortcutStyle = null;
 var ToolTipContentWithKeymap = exports.ToolTipContentWithKeymap = /*#__PURE__*/_react.default.memo(function (_ref) {
   var description = _ref.description,
     shortcutOverride = _ref.shortcutOverride,
     keymap = _ref.keymap;
   var shortcut = shortcutOverride || keymap && (0, _keymaps.formatShortcut)(keymap);
-  return shortcut || description ? (0, _react2.jsx)(_react.Fragment, null, description, shortcut && description && "\xA0", shortcut && (0, _react2.jsx)("span", {
-    css: _styles.tooltipShortcutStyle
+  return shortcut || description ? /*#__PURE__*/_react.default.createElement(_react.Fragment, null, description, shortcut && description && "\xA0", shortcut && /*#__PURE__*/_react.default.createElement("span", {
+    className: (0, _runtime.ax)(["_2rko1l7b _bfhk1v65 _ca0qidpf _n3tdidpf _19bvv77o _u5f3v77o _jqf61teg"]),
+    style: {
+      "--_1kd7x7o": (0, _runtime.ix)("var(--ds-background-inverse-subtle, ".concat(_colors.N400, ")"))
+    }
   }, shortcut)) : null;
 });