@atlaskit/editor-plugin-help-dialog 1.2.5 → 1.2.7

package/dist/esm/ui/formatting.js

@@ -2,7 +2,7 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
-import { addInlineComment, addLink, alignCenter, alignLeft, alignRight, clearFormatting, decreaseMediaSize, focusTableResizer, increaseMediaSize, insertRule, navToEditorToolbar, navToFloatingToolbar, pastePlainText, redo, setNormalText, toggleBlockQuote, toggleBold, toggleBulletList, toggleCode, toggleHeading1, toggleHeading2, toggleHeading3, toggleHeading4, toggleHeading5, toggleHeading6, toggleItalic, toggleOrderedList, toggleStrikethrough, toggleSubscript, toggleSuperscript, toggleTaskItemCheckbox, toggleUnderline, undo } from '@atlaskit/editor-common/keymaps';
+import { addInlineComment, addLink, alignCenter, alignLeft, alignRight, clearFormatting, decreaseMediaSize, focusTableResizer, increaseMediaSize, insertRule, navToEditorToolbar, navToFloatingToolbar, pastePlainText, redo, setNormalText, toggleBlockQuote, toggleBold, toggleBulletList, toggleCode, toggleHeading1, toggleHeading2, toggleHeading3, toggleHeading4, toggleHeading5, toggleHeading6, toggleHighlightPalette, toggleItalic, toggleOrderedList, toggleStrikethrough, toggleSubscript, toggleSuperscript, toggleTaskItemCheckbox, toggleUnderline, undo } from '@atlaskit/editor-common/keymaps';
 import { alignmentMessages, annotationMessages, blockTypeMessages, listMessages, helpDialogMessages as messages, toolbarInsertBlockMessages, toolbarMessages, undoRedoMessages } from '@atlaskit/editor-common/messages';
 import { browser } from '@atlaskit/editor-common/utils';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
@@ -338,147 +338,174 @@ var otherFormatting = function otherFormatting(_ref3) {
     name: formatMessage(messages.selectTableRow),
     type: 'table',
     autoFormatting: function autoFormatting() {
-      return jsx("span", {
-        css: shortcutsArray
-      }, jsx("span", null, jsx("span", {
-        css: browser.mac ? codeSm : codeMd
-      }, browser.mac ? '⌘' : 'Ctrl'), ' + ', jsx("span", {
-        css: codeMd
-      }, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx("span", {
-        css: codeMd
-      }, "Shift"), ' + ', jsx("span", {
-        css: codeSm
-      }, "\u2190")), jsx("span", null, jsx("span", {
-        css: browser.mac ? codeSm : codeMd
-      }, browser.mac ? '⌘' : 'Ctrl'), ' + ', jsx("span", {
-        css: codeMd
-      }, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx("span", {
-        css: codeMd
-      }, "Shift"), ' + ', jsx("span", {
-        css: codeSm
-      }, "\u2192")));
+      return (
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+        jsx("span", {
+          css: shortcutsArray
+        }, jsx("span", null, jsx("span", {
+          css: browser.mac ? codeSm : codeMd
+        }, browser.mac ? '⌘' : 'Ctrl'), ' + ', jsx("span", {
+          css: codeMd
+        }, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx("span", {
+          css: codeMd
+        }, "Shift"), ' + ', jsx("span", {
+          css: codeSm
+        }, "\u2190")), jsx("span", null, jsx("span", {
+          css: browser.mac ? codeSm : codeMd
+        }, browser.mac ? '⌘' : 'Ctrl'), ' + ', jsx("span", {
+          css: codeMd
+        }, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx("span", {
+          css: codeMd
+        }, "Shift"), ' + ', jsx("span", {
+          css: codeSm
+        }, "\u2192")))
+      );
     }
   }, {
     name: formatMessage(messages.selectTableColumn),
     type: 'table',
     autoFormatting: function autoFormatting() {
-      return jsx("span", {
-        css: shortcutsArray
-      }, jsx("span", null, jsx("span", {
-        css: browser.mac ? codeSm : codeMd
-      }, browser.mac ? '⌘' : 'Ctrl'), ' + ', jsx("span", {
-        css: codeMd
-      }, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx("span", {
-        css: codeMd
-      }, "Shift"), ' + ', jsx("span", {
-        css: codeSm
-      }, "\u2191")), jsx("span", null, jsx("span", {
-        css: browser.mac ? codeSm : codeMd
-      }, browser.mac ? '⌘' : 'Ctrl'), ' + ', jsx("span", {
-        css: codeMd
-      }, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx("span", {
-        css: codeMd
-      }, "Shift"), ' + ', jsx("span", {
-        css: codeSm
-      }, "\u2193")));
+      return (
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+        jsx("span", {
+          css: shortcutsArray
+        }, jsx("span", null, jsx("span", {
+          css: browser.mac ? codeSm : codeMd
+        }, browser.mac ? '⌘' : 'Ctrl'), ' + ', jsx("span", {
+          css: codeMd
+        }, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx("span", {
+          css: codeMd
+        }, "Shift"), ' + ', jsx("span", {
+          css: codeSm
+        }, "\u2191")), jsx("span", null, jsx("span", {
+          css: browser.mac ? codeSm : codeMd
+        }, browser.mac ? '⌘' : 'Ctrl'), ' + ', jsx("span", {
+          css: codeMd
+        }, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx("span", {
+          css: codeMd
+        }, "Shift"), ' + ', jsx("span", {
+          css: codeSm
+        }, "\u2193")))
+      );
     }
   }].concat(_toConsumableArray(getBooleanFF('platform.editor.a11y-help-dialog-shortcut-keys-position_aghfg') ? [{
     name: formatMessage(messages.InsertTableColumn),
     type: 'table',
     autoFormatting: function autoFormatting() {
-      return jsx("span", {
-        css: shortcutsArray
-      }, jsx("span", null, jsx("span", {
-        css: browser.mac ? codeSm : codeMd
-      }, browser.mac ? '⌘' : 'Ctrl'), ' + ', jsx("span", {
-        css: codeMd
-      }, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx("span", {
-        css: codeSm
-      }, "=")), jsx("span", null, jsx("span", {
-        css: browser.mac ? codeSm : codeMd
-      }, browser.mac ? '⌘' : 'Ctrl'), ' + ', jsx("span", {
-        css: codeMd
-      }, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx("span", {
-        css: codeSm
-      }, "-")));
+      return (
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+        jsx("span", {
+          css: shortcutsArray
+        }, jsx("span", null, jsx("span", {
+          css: browser.mac ? codeSm : codeMd
+        }, browser.mac ? '⌘' : 'Ctrl'), ' + ', jsx("span", {
+          css: codeMd
+        }, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx("span", {
+          css: codeSm
+        }, "=")), jsx("span", null, jsx("span", {
+          css: browser.mac ? codeSm : codeMd
+        }, browser.mac ? '⌘' : 'Ctrl'), ' + ', jsx("span", {
+          css: codeMd
+        }, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx("span", {
+          css: codeSm
+        }, "-")))
+      );
     }
   }, {
     name: formatMessage(messages.InsertTableRow),
     type: 'table',
     autoFormatting: function autoFormatting() {
-      return jsx("span", {
-        css: shortcutsArray
-      }, jsx("span", null, jsx("span", {
-        css: browser.mac ? codeSm : codeMd
-      }, browser.mac ? '⌘' : 'Ctrl'), ' + ', jsx("span", {
-        css: codeMd
-      }, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx("span", {
-        css: codeSm
-      }, "]")), jsx("span", null, jsx("span", {
-        css: browser.mac ? codeSm : codeMd
-      }, browser.mac ? '⌘' : 'Ctrl'), ' + ', jsx("span", {
-        css: codeMd
-      }, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx("span", {
-        css: codeSm
-      }, "[")));
+      return (
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+        jsx("span", {
+          css: shortcutsArray
+        }, jsx("span", null, jsx("span", {
+          css: browser.mac ? codeSm : codeMd
+        }, browser.mac ? '⌘' : 'Ctrl'), ' + ', jsx("span", {
+          css: codeMd
+        }, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx("span", {
+          css: codeSm
+        }, "]")), jsx("span", null, jsx("span", {
+          css: browser.mac ? codeSm : codeMd
+        }, browser.mac ? '⌘' : 'Ctrl'), ' + ', jsx("span", {
+          css: codeMd
+        }, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx("span", {
+          css: codeSm
+        }, "[")))
+      );
     }
   }] : [{
     name: formatMessage(messages.InsertTableColumn),
     type: 'table',
     autoFormatting: function autoFormatting() {
-      return jsx("span", {
-        css: shortcutsArray
-      }, jsx("span", null, jsx("span", {
-        css: codeSm
-      }, browser.mac ? '⌃' : 'Ctrl'), ' + ', jsx("span", {
-        css: codeMd
-      }, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx("span", {
-        css: codeSm
-      }, "\u2192")), jsx("span", null, jsx("span", {
-        css: codeSm
-      }, browser.mac ? '⌃' : 'Ctrl'), ' + ', jsx("span", {
-        css: codeMd
-      }, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx("span", {
-        css: codeSm
-      }, "\u2190")));
+      return (
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+        jsx("span", {
+          css: shortcutsArray
+        }, jsx("span", null, jsx("span", {
+          css: codeSm
+        }, browser.mac ? '⌃' : 'Ctrl'), ' + ', jsx("span", {
+          css: codeMd
+        }, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx("span", {
+          css: codeSm
+        }, "\u2192")), jsx("span", null, jsx("span", {
+          css: codeSm
+        }, browser.mac ? '⌃' : 'Ctrl'), ' + ', jsx("span", {
+          css: codeMd
+        }, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx("span", {
+          css: codeSm
+        }, "\u2190")))
+      );
     }
   }, {
     name: formatMessage(messages.InsertTableRow),
     type: 'table',
     autoFormatting: function autoFormatting() {
-      return jsx("span", {
-        css: shortcutsArray
-      }, jsx("span", null, jsx("span", {
-        css: codeSm
-      }, browser.mac ? '⌃' : 'Ctrl'), ' + ', jsx("span", {
-        css: codeMd
-      }, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx("span", {
-        css: codeSm
-      }, "\u2193")), jsx("span", null, jsx("span", {
-        css: codeSm
-      }, browser.mac ? '⌃' : 'Ctrl'), ' + ', jsx("span", {
-        css: codeMd
-      }, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx("span", {
-        css: codeSm
-      }, "\u2191")));
+      return (
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+        jsx("span", {
+          css: shortcutsArray
+        }, jsx("span", null, jsx("span", {
+          css: codeSm
+        }, browser.mac ? '⌃' : 'Ctrl'), ' + ', jsx("span", {
+          css: codeMd
+        }, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx("span", {
+          css: codeSm
+        }, "\u2193")), jsx("span", null, jsx("span", {
+          css: codeSm
+        }, browser.mac ? '⌃' : 'Ctrl'), ' + ', jsx("span", {
+          css: codeMd
+        }, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx("span", {
+          css: codeSm
+        }, "\u2191")))
+      );
     }
   }]), _toConsumableArray(getBooleanFF('platform.editor.a11y-column-resizing_emcvz') ? [{
     name: formatMessage(messages.selectColumnResize),
     type: 'table',
     autoFormatting: function autoFormatting() {
-      return jsx("span", {
-        css: shortcutsArray
-      }, jsx("span", null, jsx("span", {
-        css: browser.mac ? codeSm : codeMd
-      }, browser.mac ? '⌘' : 'Ctrl'), ' + ', jsx("span", {
-        css: codeMd
-      }, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx("span", {
-        css: codeMd
-      }, "Shift"), ' + ', jsx("span", {
-        css: codeSm
-      }, "C")));
-    }
-  }] : []));
+      return (
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+        jsx("span", {
+          css: shortcutsArray
+        }, jsx("span", null, jsx("span", {
+          css: browser.mac ? codeSm : codeMd
+        }, browser.mac ? '⌘' : 'Ctrl'), ' + ', jsx("span", {
+          css: codeMd
+        }, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx("span", {
+          css: codeMd
+        }, "Shift"), ' + ', jsx("span", {
+          css: codeSm
+        }, "C")))
+      );
+    }
+  }] : []), [{
+    name: formatMessage(messages.highlightColor),
+    type: 'highlight',
+    keymap: function keymap() {
+      return toggleHighlightPalette;
+    }
+  }]);
 };
 var resizeInformationFormatting = function resizeInformationFormatting(_ref4) {
   var formatMessage = _ref4.formatMessage;
@@ -527,10 +554,9 @@ var quickInsertAutoFormat = function quickInsertAutoFormat(_ref6) {
     }
   };
 };
-var isAnyA11yResizeFeatureFlagEnabled = getBooleanFF('platform.editor.a11y-media-resizing_b5v0o') || getBooleanFF('platform.editor.a11y-table-resizing_uapcv');
 export var getSupportedFormatting = function getSupportedFormatting(schema, intl, imageEnabled, quickInsertEnabled) {
   var supportedBySchema = formatting(intl).filter(function (format) {
     return schema.nodes[format.type] || schema.marks[format.type];
   });
-  return [].concat(_toConsumableArray(navigationKeymaps(intl)), _toConsumableArray(otherFormatting(intl)), _toConsumableArray(supportedBySchema), _toConsumableArray(imageEnabled ? [imageAutoFormat] : []), _toConsumableArray(quickInsertEnabled ? [quickInsertAutoFormat(intl)] : []), _toConsumableArray(getBooleanFF('platform.editor.a11y-table-resizing_uapcv') ? focusTableResizeHandleFormatting(intl) : []), _toConsumableArray(isAnyA11yResizeFeatureFlagEnabled ? resizeInformationFormatting(intl) : []));
+  return [].concat(_toConsumableArray(navigationKeymaps(intl)), _toConsumableArray(otherFormatting(intl)), _toConsumableArray(supportedBySchema), _toConsumableArray(imageEnabled ? [imageAutoFormat] : []), _toConsumableArray(quickInsertEnabled ? [quickInsertAutoFormat(intl)] : []), _toConsumableArray(getBooleanFF('platform.editor.a11y-table-resizing_uapcv') ? focusTableResizeHandleFormatting(intl) : []), _toConsumableArray(resizeInformationFormatting(intl)));
 };

package/dist/esm/ui/styles.js

@@ -2,36 +2,52 @@ import { css } from '@emotion/react';
 import { akEditorUnitZIndex, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 import * as colors from '@atlaskit/theme/colors';
 import { B300, N400 } 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 header = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   zIndex: akEditorUnitZIndex,
   minHeight: "var(--ds-space-300, 24px)",
   padding: "var(--ds-space-250, 20px)".concat(" ", "var(--ds-space-500, 40px)"),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   fontSize: relativeFontSizeToBase16(24),
   display: 'flex',
   justifyContent: 'space-between',
   alignItems: 'center',
   boxShadow: "'none'",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   color: "var(--ds-text, ".concat(colors.N400, ")"),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   backgroundColor: "var(--ds-background-neutral-subtle, ".concat(colors.N0, ")"),
   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 footer = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   zIndex: akEditorUnitZIndex,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   fontSize: relativeFontSizeToBase16(14),
   lineHeight: "var(--ds-space-250, 20px)",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   color: "var(--ds-text-subtlest, ".concat(colors.N300, ")"),
   padding: "var(--ds-space-300, 24px)",
   textAlign: 'right',
   boxShadow: "'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 contentWrapper = css({
   padding: "var(--ds-space-250, 20px)".concat(" ", "var(--ds-space-500, 40px)"),
   borderBottomRightRadius: "var(--ds-border-radius, 3px)",
   overflow: 'auto',
   position: 'relative',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   color: "var(--ds-text-subtle, ".concat(colors.N400, ")"),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   backgroundColor: "var(--ds-background-neutral-subtle, ".concat(colors.N0, ")")
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export var line = css({
   background: "var(--ds-background-neutral-subtle, #fff)",
   content: "''",
@@ -44,6 +60,8 @@ export var line = css({
   width: '100%',
   minWidth: '604px'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export var content = css({
   minWidth: '524px',
   width: '100%',
@@ -57,6 +75,8 @@ export var column = {
     padding: 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 row = css({
   margin: "var(--ds-space-250, 20px)".concat(" 0"),
   display: 'flex',
@@ -80,7 +100,10 @@ export var title = {
     lineHeight: 1.42857142857143
   }
 };
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export var codeSm = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   backgroundColor: "var(--ds-background-neutral, ".concat(colors.N20, ")"),
   borderRadius: "var(--ds-border-radius, 3px)",
   width: "var(--ds-space-300, 24px)",
@@ -89,7 +112,10 @@ export var codeSm = css({
   lineHeight: '24px',
   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 codeMd = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   backgroundColor: "var(--ds-background-neutral, ".concat(colors.N20, ")"),
   borderRadius: "var(--ds-border-radius, 3px)",
   display: 'inline-block',
@@ -98,7 +124,10 @@ export var codeMd = css({
   width: '50px',
   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 codeLg = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   backgroundColor: "var(--ds-background-neutral, ".concat(colors.N20, ")"),
   borderRadius: "var(--ds-border-radius, 3px)",
   display: 'inline-block',
@@ -107,15 +136,21 @@ export var codeLg = css({
   padding: "0 ".concat("var(--ds-space-150, 12px)"),
   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 shortcutsArray = css({
   display: 'flex',
   flexDirection: 'column',
   flexShrink: 0,
   gap: "var(--ds-space-150, 12px)"
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export var componentFromKeymapWrapperStyles = css({
   flexShrink: 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 toolbarButton = css({
   '&:focus': {
     outline: "2px solid ".concat("var(--ds-border-focused, ".concat(B300, ")")),

package/dist/esm/ui/utils.js

@@ -12,38 +12,56 @@ var getKeyParts = function getKeyParts(keymap) {
 export var shortcutNamesWithoutKeymap = ['table', 'emoji', 'mention', 'quickInsert'];
 export var getComponentFromKeymap = function getComponentFromKeymap(keymap) {
   var keyParts = getKeyParts(keymap);
-  return jsx("span", {
-    css: componentFromKeymapWrapperStyles
-  }, keyParts.map(function (part, index) {
-    if (part === '+') {
-      return jsx("span", {
-        key: "".concat(keyParts, "-").concat(index)
-      }, ' + ');
-    } else if (part === 'Cmd') {
-      return jsx("span", {
-        css: codeSm,
-        key: "".concat(keyParts, "-").concat(index)
-      }, "\u2318");
-    } else if (['ctrl', 'alt', 'opt', 'shift'].indexOf(part.toLowerCase()) >= 0) {
-      return jsx("span", {
-        css: codeMd,
-        key: "".concat(keyParts, "-").concat(index)
-      }, part);
-    } else if (['f9', 'f10'].indexOf(part.toLowerCase()) >= 0) {
-      return jsx("span", {
-        css: codeLg,
-        key: "".concat(keyParts, "-").concat(index)
-      }, part);
-    } else if (part.toLowerCase() === 'enter') {
-      return jsx("span", {
-        className: "enter-keymap",
-        css: codeSm,
-        key: "".concat(keyParts, "-").concat(index)
-      }, '⏎');
-    }
-    return jsx("span", {
-      css: codeSm,
-      key: "".concat(keyParts, "-").concat(index)
-    }, part.toUpperCase());
-  }));
+  return (
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+    jsx("span", {
+      css: componentFromKeymapWrapperStyles
+    }, keyParts.map(function (part, index) {
+      if (part === '+') {
+        return jsx("span", {
+          key: "".concat(keyParts, "-").concat(index)
+        }, ' + ');
+      } else if (part === 'Cmd') {
+        return (
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+          jsx("span", {
+            css: codeSm,
+            key: "".concat(keyParts, "-").concat(index)
+          }, "\u2318")
+        );
+      } else if (['ctrl', 'alt', 'opt', 'shift'].indexOf(part.toLowerCase()) >= 0) {
+        return (
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+          jsx("span", {
+            css: codeMd,
+            key: "".concat(keyParts, "-").concat(index)
+          }, part)
+        );
+      } else if (['f9', 'f10'].indexOf(part.toLowerCase()) >= 0) {
+        return (
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+          jsx("span", {
+            css: codeLg,
+            key: "".concat(keyParts, "-").concat(index)
+          }, part)
+        );
+      } else if (part.toLowerCase() === 'enter') {
+        return (
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+          jsx("span", {
+            className: "enter-keymap",
+            css: codeSm,
+            key: "".concat(keyParts, "-").concat(index)
+          }, '⏎')
+        );
+      }
+      return (
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+        jsx("span", {
+          css: codeSm,
+          key: "".concat(keyParts, "-").concat(index)
+        }, part.toUpperCase())
+      );
+    }))
+  );
 };