@atlaskit/editor-common 82.3.0 → 82.4.0

package/dist/cjs/ui/Messages/index.js

@@ -18,14 +18,19 @@ var errorColor = (0, _react.css)({
 var validColor = (0, _react.css)({
   color: "var(--ds-text-success, ".concat(_colors.G400, ")")
 });
+
+// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 var messageStyle = function messageStyle() {
-  return (0, _react.css)((0, _typography.h200)(), {
-    fontWeight: 'normal',
-    color: "var(--ds-text-subtlest, ".concat(_colors.N200, ")"),
-    marginTop: "var(--ds-space-050, 4px)",
-    display: 'flex',
-    justifyContent: 'baseline'
-  });
+  return (
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+    (0, _react.css)((0, _typography.h200)(), {
+      fontWeight: 'normal',
+      color: "var(--ds-text-subtlest, ".concat(_colors.N200, ")"),
+      marginTop: "var(--ds-space-050, 4px)",
+      display: 'flex',
+      justifyContent: 'baseline'
+    })
+  );
 };
 var iconWrapperStyle = (0, _react.css)({
   display: 'flex',

package/dist/cjs/ui/MultiBodiedExtension/index.js

@@ -9,26 +9,35 @@ var _react = require("@emotion/react");
 
 // Wraps the navigation bar and extensionFrames
 var mbeExtensionContainer = (0, _react.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
   background: 'transparent !important',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   'padding:': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
     left: "var(--ds-space-100, 8px)".concat(" !important"),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
     right: "var(--ds-space-100, 8px)".concat(" !important")
   },
   paddingBottom: "var(--ds-space-100, 8px)",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.remove-padding': {
     paddingBottom: 0
   },
   position: 'relative',
   verticalAlign: 'middle',
   cursor: 'pointer',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '.multiBodiedExtension-handler-result': {
     marginLeft: "var(--ds-space-100, 8px)"
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   ".multiBodiedExtension-content-dom-wrapper > [data-extension-frame='true'], .multiBodiedExtension--frames > [data-extension-frame='true']": {
     display: 'none',
     background: "var(--ds-surface, white)"
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '.multiBodiedExtension-content-dom-wrapper, .multiBodiedExtension--frames': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
     "[data-extension-frame='true'] > :not(style):first-child, [data-extension-frame='true'] > style:first-child + *": {
       marginTop: 0
     }
@@ -39,18 +48,22 @@ var mbeNavigation = (0, _react.css)({
   borderTopRightRadius: "var(--ds-border-radius, 3px)",
   userSelect: 'none',
   WebkitUserModify: 'read-only',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
   borderBottom: 'none !important',
   background: "var(--ds-surface, white)",
   marginLeft: "var(--ds-space-100, 8px)",
   marginRight: "var(--ds-space-100, 8px)",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.remove-margins': {
     margin: "var(--ds-space-negative-100, -8px)"
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.remove-border': {
     border: 'none'
   }
 });
 var extensionFrameContent = (0, _react.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
   padding: "var(--ds-space-100, 8px)".concat(" !important"),
   display: 'block',
   minHeight: '100px',
@@ -60,22 +73,33 @@ var extensionFrameContent = (0, _react.css)({
   marginLeft: "var(--ds-space-100, 8px)",
   marginRight: "var(--ds-space-100, 8px)",
   cursor: 'initial',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '.pm-table-with-controls': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
     marginLeft: "var(--ds-space-150, 12px)".concat(" !important"),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
     paddingRight: "var(--ds-space-150, 12px)".concat(" !important")
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '.bodiedExtensionView-content-wrap': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
     marginTop: "var(--ds-space-150, 12px)".concat(" !important")
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '.extensionView-content-wrap': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
     marginTop: "var(--ds-space-100, 8px)".concat(" !important")
   }
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 var removeMarginsAndBorder = exports.removeMarginsAndBorder = (0, _react.css)({
   marginLeft: 0,
   marginRight: 0,
   border: 'none'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 var sharedMultiBodiedExtensionStyles = exports.sharedMultiBodiedExtensionStyles = {
   mbeExtensionContainer: mbeExtensionContainer,
   mbeNavigation: mbeNavigation,

package/dist/cjs/ui/PanelTextInput/index.js

@@ -124,6 +124,7 @@ var PanelTextInput = exports.default = /*#__PURE__*/function (_PureComponent) {
         inputId = _this$props2.inputId;
       var value = this.state.value;
       return (0, _react2.jsx)("input", {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
         css: [_styles.panelTextInput, width !== undefined && (0, _styles.panelTextInputWithCustomWidth)(width)],
         role: role,
         "aria-autocomplete": ariaAutoComplete ? 'list' : undefined,

package/dist/cjs/ui/PanelTextInput/styles.js

@@ -8,7 +8,9 @@ var _react = require("@emotion/react");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _colors = require("@atlaskit/theme/colors");
 // Normal .className gets overridden by input[type=text] hence this hack to produce input.className
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 var panelTextInput = exports.panelTextInput = (0, _react.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   'input&': {
     background: 'transparent',
     border: "2px solid ".concat("var(--ds-border, ".concat(_colors.N30, ")")),
@@ -16,11 +18,13 @@ var panelTextInput = exports.panelTextInput = (0, _react.css)({
     boxSizing: 'content-box',
     color: "var(--ds-text-subtle, ".concat(_colors.N400, ")"),
     flexGrow: 1,
+    // 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: (0, _editorSharedStyles.relativeFontSizeToBase16)(13),
     lineHeight: '20px',
     padding: "var(--ds-space-075, 6px)".concat(" ", "var(--ds-space-400, 32px)", " ", "var(--ds-space-075, 6px)", " ", "var(--ds-space-100, 8px)"),
     minWidth: '145px',
     /* Hides IE10+ built-in [x] clear input button */
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
     '&::-ms-clear': {
       display: 'none'
     },
@@ -35,7 +39,9 @@ var panelTextInput = exports.panelTextInput = (0, _react.css)({
 });
 var panelTextInputWithCustomWidth = exports.panelTextInputWithCustomWidth = function panelTextInputWithCustomWidth(width) {
   return (0, _react.css)({
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
     'input&': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       width: "".concat(width, "px")
     }
   });

package/dist/cjs/ui/Popup/index.js

@@ -300,6 +300,7 @@ var Popup = exports.default = /*#__PURE__*/function (_React$Component) {
         style: _objectSpread(_objectSpread({
           // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
           position: 'absolute',
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
           zIndex: this.props.zIndex || _editorSharedStyles.akEditorFloatingPanelZIndex
         }, position), this.props.style),
         "aria-label": ariaLabel,

package/dist/cjs/ui/UnsupportedBlock/index.js

@@ -25,10 +25,12 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 var blockNodeStyle = (0, _react2.css)({
   background: "var(--ds-background-disabled, ".concat(_colors.N30, ")"),
   border: "1px dashed ".concat("var(--ds-border-disabled, ".concat(_colors.N50, ")")),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   borderRadius: "".concat((0, _constants.borderRadius)(), "px"),
   boxSizing: 'border-box',
   cursor: 'default',
   display: 'flex',
+  // 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: (0, _editorSharedStyles.relativeFontSizeToBase16)((0, _constants.fontSize)()),
   margin: "var(--ds-space-100, 8px)".concat(" 0"),
   minHeight: '24px',

package/dist/cjs/ui/UnsupportedInline/index.js

@@ -26,10 +26,12 @@ var inlineNodeStyle = (0, _react2.css)({
   alignItems: 'center',
   background: "var(--ds-background-disabled, ".concat(_colors.N30, ")"),
   border: "1px dashed ".concat("var(--ds-border-disabled, ".concat(_colors.N50, ")")),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   borderRadius: "".concat((0, _constants.borderRadius)(), "px"),
   boxSizing: 'border-box',
   cursor: 'default',
   display: 'inline-flex',
+  // 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: (0, _editorSharedStyles.relativeFontSizeToBase16)((0, _constants.fontSize)()),
   margin: "0 ".concat("var(--ds-space-025, 2px)"),
   minHeight: '24px',

package/dist/cjs/ui/clear-next-sibling-margin-top.js

@@ -9,9 +9,11 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = require("@emotion/react");
 // We use !important to ensure next sibling gets the margin reset no matter what
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 var clearNextSiblingMarginTopStyle = exports.clearNextSiblingMarginTopStyle = (0, _react.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& + *': {
-    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
+    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
     marginTop: '0 !important'
   }
 });
@@ -19,7 +21,9 @@ var textElements = ['p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'];
 var nextSiblingBlockMarkContentSelectors = textElements.map(function (elem) {
   return "+ .fabric-editor-block-mark > ".concat(elem);
 }).join(',');
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 var clearNextSiblingBlockMarkMarginTopStyle = exports.clearNextSiblingBlockMarkMarginTopStyle = (0, _react.css)((0, _defineProperty2.default)({}, "".concat(nextSiblingBlockMarkContentSelectors), {
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
   marginTop: '0 !important'
 }));

package/dist/cjs/ui-color/ColorPalette/Color/index.js

@@ -67,7 +67,7 @@ function FunctionalComponentColor(props) {
       border: "1px solid ".concat(borderColor)
     },
     autoFocus: autoFocus
-  }, isSelected && (0, _react2.jsx)(_done.default, {
+  }, !decorator && isSelected && (0, _react2.jsx)(_done.default, {
     primaryColor: checkMarkColor,
     label: ""
   }), decorator)));
@@ -114,7 +114,9 @@ var ClassComponentColor = /*#__PURE__*/function (_PureComponent) {
       }, (0, _react2.jsx)("span", {
         css: _styles.buttonWrapperStyle
       }, (0, _react2.jsx)("button", {
-        type: "button",
+        type: "button"
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+        ,
         css: _styles.buttonStyle,
         "aria-label": label,
         role: "radio",

package/dist/cjs/ui-color/ColorPalette/Color/styles.js

@@ -8,6 +8,7 @@ var _react = require("@emotion/react");
 var _colors = require("@atlaskit/theme/colors");
 /** this is not new usage - old code extracted from editor-core */
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 var buttonStyle = exports.buttonStyle = (0, _react.css)({
   height: '26px',
   width: '26px',
@@ -22,6 +23,7 @@ var buttonStyle = exports.buttonStyle = (0, _react.css)({
 
 /** this is not new usage - old code extracted from editor-core */
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 var buttonWrapperStyle = exports.buttonWrapperStyle = (0, _react.css)({
   border: '1px solid transparent',
   fontSize: 0,
@@ -30,6 +32,7 @@ var buttonWrapperStyle = exports.buttonWrapperStyle = (0, _react.css)({
   padding: "var(--ds-space-025, 2px)",
   borderRadius: '6px',
   '&:focus-within, &:focus, &:hover': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
     borderColor: "".concat("var(--ds-border, ".concat(_colors.N50, ")"), " !important")
   }
 });

package/dist/cjs/ui-color/ColorPalette/Palettes/paletteMessages.js

@@ -129,7 +129,7 @@ var _default = exports.default = (0, _reactIntlNext.defineMessages)({
   // Colors only used in highlight palette
   'no-color': {
     id: 'fabric.theme.no-color',
-    defaultMessage: 'Remove highlight',
+    defaultMessage: 'No highlight',
     description: 'Tooltip for the no color option in the highlight color palette in the main editor toolbar'
   },
   lime: {

package/dist/cjs/ui-color/ColorPalette/index.js

@@ -62,6 +62,7 @@ var ColorPalette = function ColorPalette(props) {
   }, [palette, cols]);
   return (0, _react2.jsx)(_react.default.Fragment, null, colorsPerRow.map(function (row) {
     return (0, _react2.jsx)("div", {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
       css: _styles.colorPaletteWrapper
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       ,

package/dist/cjs/ui-color/ColorPalette/styles.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.colorPaletteWrapper = void 0;
 var _react = require("@emotion/react");
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 var colorPaletteWrapper = exports.colorPaletteWrapper = (0, _react.css)({
   padding: "0 ".concat("var(--ds-space-100, 8px)"),
   /* Firefox bug fix: https://product-fabric.atlassian.net/browse/ED-1789 */

package/dist/cjs/ui-menu/ColorPickerButton/index.js

@@ -32,6 +32,7 @@ var colorPickerExpandContainer = (0, _react2.css)({
 // Control the size of color picker buttons and preview
 // TODO: https://product-fabric.atlassian.net/browse/DSP-4134
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
+// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 var colorPickerWrapper = function colorPickerWrapper() {
   return (0, _react2.css)({
     borderRadius: "var(--ds-border-radius, 3px)",
@@ -175,17 +176,23 @@ var ColorPickerButton = function ColorPickerButton(props) {
     return (0, _react2.css)({
       padding: "var(--ds-space-075, 6px)".concat(" 10px"),
       backgroundColor: "var(--ds-background-neutral-subtle, transparent)",
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       height: "".concat(!!((_props$size = props.size) !== null && _props$size !== void 0 && _props$size.height) ? 'inherit' : ''),
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
       '&:before': {
         display: 'flex',
         justifyContent: 'center',
         alignItems: 'center',
         alignSelf: 'center',
         content: "''",
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         border: "1px solid ".concat(_uiColor.DEFAULT_BORDER_COLOR),
         borderRadius: "var(--ds-border-radius, 3px)",
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         backgroundColor: currentColor || 'transparent',
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         width: ((_props$size2 = props.size) === null || _props$size2 === void 0 ? void 0 : _props$size2.width) || '14px',
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         height: ((_props$size3 = props.size) === null || _props$size3 === void 0 ? void 0 : _props$size3.height) || '14px',
         padding: 0,
         margin: "0px ".concat("var(--ds-space-025, 2px)")

package/dist/cjs/ui-menu/DropdownMenu/index.js

@@ -44,6 +44,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; })(); }
 var wrapper = (0, _react2.css)({
   /* tooltip in ToolbarButton is display:block */
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& > div > div': {
     display: 'flex'
   }

package/dist/es2019/collab/index.js

@@ -145,7 +145,7 @@ export const TELEPOINTER_DIM_CLASS = 'telepointer-dim';
 
 // ED-22557: Safely convert to object styling
 // Disable top: -14px since it is necessary to align to cursor
-// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/no-exported-css
+// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/no-exported-css, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const telepointerStyle = css`
 	.ProseMirror .telepointer {
 		position: relative;

package/dist/es2019/element-browser/ViewMore.js

@@ -31,6 +31,7 @@ export const ViewMore = ({
     "aria-describedby": item.title,
     "data-testid": "view-more-elements-item"
     // @ts-ignore Overriding Menu styles is not supported
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     ,
     css: css({
       padding: `0px ${"var(--ds-space-150, 12px)"}`

package/dist/es2019/element-browser/components/CategoryList.js

@@ -178,9 +178,12 @@ function CategoryListItem({
   }, category.title));
 }
 const buttonWrapper = 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
   height: `${GRID_SIZE * 4}px`,
   margin: `${"var(--ds-space-050, 4px)"} ${"var(--ds-space-050, 4px)"} ${"var(--ds-space-050, 4px)"} 0`,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   [`@media (min-width: ${DEVICE_BREAKPOINT_NUMBERS.medium}px)`]: {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
     ':not(:last-child)': {
       marginBottom: 0
     }

package/dist/es2019/element-browser/components/ElementList/ElementList.js

@@ -25,16 +25,20 @@ import EmptyState from './EmptyState';
 import { getColumnCount, getScrollbarWidth } from './utils';
 export const ICON_HEIGHT = 40;
 export const ICON_WIDTH = 40;
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const itemIcon = css({
   width: `${ICON_WIDTH}px`,
   height: `${ICON_HEIGHT}px`,
   overflow: 'hidden',
   border: `1px solid ${"var(--ds-border, rgba(223, 225, 229, 0.5))"}`,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   borderRadius: `${borderRadius()}px`,
   boxSizing: 'border-box',
   display: 'flex',
   justifyContent: 'center',
   alignItems: 'center',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   div: {
     width: `${ICON_WIDTH}px`,
     height: `${ICON_HEIGHT}px`
@@ -164,8 +168,11 @@ function ElementList({
       columnIndex: columnIndex,
       parent: parent
     }, jsx("div", {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       style: style,
-      key: key,
+      key: key
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766 -- Ignored via go/DSP-18766
+      ,
       className: "element-item-wrapper",
       css: elementItemWrapper,
       onKeyDown: getBooleanFF('platform.editor.a11y-focus-order-for-element-browser-categories_ztiw1') ? e => {
@@ -366,21 +373,28 @@ const elementItemsWrapper = css({
   justifyContent: 'flex-start',
   overflow: 'hidden',
   padding: "var(--ds-space-025, 2px)",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '.ReactVirtualized__Collection, .ReactVirtualized__Grid': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     borderRadius: '3px',
     outline: 'none',
     '&:focus': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       boxShadow: `0 0 0 ${ELEMENT_LIST_PADDING}px ${`var(--ds-border-focused, ${B100})`}`
     }
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '.ReactVirtualized__Collection__innerScrollContainer, .ReactVirtualized__Grid__innerScrollContainer': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
     "div[class='element-item-wrapper']:last-child": {
       paddingBottom: "var(--ds-space-050, 4px)"
     }
   }
 });
 const elementItemWrapper = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   div: {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     button: {
       minHeight: '75px',
       alignItems: 'flex-start',
@@ -407,8 +421,11 @@ const multilineStyle = css({
   WebkitLineClamp: 2,
   WebkitBoxOrient: 'vertical'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 const itemDescription = css(multilineStyle, {
   overflow: 'hidden',
+  // 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(11.67),
   color: `var(--ds-text-subtle, ${N200})`,
   marginTop: "var(--ds-space-025, 2px)"
@@ -433,6 +450,7 @@ const itemAfter = css({
   marginBottom: "var(--ds-space-negative-025, -2px)"
 });
 const itemIconStyle = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   img: {
     height: '40px',
     width: '40px',

package/dist/es2019/element-browser/components/ElementSearch.js

@@ -74,67 +74,79 @@ function ElementSearch({
   const assistiveMessage = getFormattedMessage(items === null || items === void 0 ? void 0 : items.length);
   const isInputNotFocusedAndItemSelected = !inputFocused && selectedItemIndex !== undefined;
   const ariaActiveDescendant = isInputNotFocusedAndItemSelected ? `searched-item-${selectedItemIndex}` : undefined;
-  return jsx("div", {
-    css: [wrapper, mode === Modes.inline && wrapperInline]
-  }, jsx(Textfield, {
-    ref: ref,
-    onChange: onChange,
-    onClick: onClick,
-    onFocus: onFocus,
-    onKeyDown: onKeyDown,
-    onBlur: onBlur,
-    elemBeforeInput: jsx("div", {
-      css: elementBeforeInput,
-      "data-testid": "element_search__element_before_input",
-      "aria-hidden": "true"
-    }, jsx(SearchIcon, {
-      size: "medium",
-      label: "Advanced search",
-      primaryColor: "inherit"
-    })),
-    elemAfterInput: jsx("div", {
-      css: elementAfterInput,
-      "data-testid": "element_search__element_after_input"
-    }, jsx("div", {
-      css: styledShortcut
-    }, "\u23CE ", formatMessage(commonMessages.elementAfterInputMessage))),
-    placeholder: formatMessage(commonMessages.placeHolderMessage),
-    "aria-label": "search",
-    "aria-labelledby": "search-assistive"
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    ,
-    className: "js-search-input",
-    role: "combobox",
-    "aria-activedescendant": ariaActiveDescendant,
-    value: searchTerm
-  }), jsx("span", {
-    id: "search-assistive",
-    ref: assistiveTextRef,
-    "aria-live": "polite",
-    "aria-atomic": "true"
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    ,
-    className: "assistive"
-  }, assistiveMessage));
+  return (
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    jsx("div", {
+      css: [wrapper, mode === Modes.inline && wrapperInline]
+    }, jsx(Textfield, {
+      ref: ref,
+      onChange: onChange,
+      onClick: onClick,
+      onFocus: onFocus,
+      onKeyDown: onKeyDown,
+      onBlur: onBlur,
+      elemBeforeInput: jsx("div", {
+        css: elementBeforeInput,
+        "data-testid": "element_search__element_before_input",
+        "aria-hidden": "true"
+      }, jsx(SearchIcon, {
+        size: "medium",
+        label: "Advanced search",
+        primaryColor: "inherit"
+      })),
+      elemAfterInput: jsx("div", {
+        css: elementAfterInput,
+        "data-testid": "element_search__element_after_input"
+      }, jsx("div", {
+        css: styledShortcut
+      }, "\u23CE ", formatMessage(commonMessages.elementAfterInputMessage))),
+      placeholder: formatMessage(commonMessages.placeHolderMessage),
+      "aria-label": "search",
+      "aria-labelledby": "search-assistive"
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      ,
+      className: "js-search-input",
+      role: "combobox",
+      "aria-activedescendant": ariaActiveDescendant,
+      value: searchTerm
+    }), jsx("span", {
+      id: "search-assistive",
+      ref: assistiveTextRef,
+      "aria-live": "polite",
+      "aria-atomic": "true"
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      ,
+      className: "assistive"
+    }, assistiveMessage))
+  );
 }
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 const styledShortcut = css(shortcutStyle, {
   padding: `${"var(--ds-space-050, 4px)"} ${"var(--ds-space-100, 8px)"}`,
   width: "var(--ds-space-600, 48px)"
 });
 const wrapper = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& > [data-ds--text-field--container]': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     height: `${GRID_SIZE * 6}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
     borderRadius: `${GRID_SIZE}px`,
     flex: '1 1 100%',
     overflow: 'visible',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '& > [data-ds--text-field--input]': {
+      // 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),
       padding: `${"var(--ds-space-100, 8px)"} ${"var(--ds-space-075, 6px)"} ${"var(--ds-space-100, 8px)"} 0`
     }
   }
 });
 const wrapperInline = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& > [data-ds--text-field--container]': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     height: `${GRID_SIZE * 5}px`,
     flex: 'none',
     overflow: 'revert'
@@ -143,6 +155,7 @@ const wrapperInline = css({
 const elementBeforeInput = css({
   margin: `1px ${"var(--ds-space-075, 6px)"} 0 ${"var(--ds-space-100, 8px)"}`,
   color: `var(--ds-icon, ${N200})`,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   'span, svg': {
     height: '20px',
     width: '20px'
@@ -150,6 +163,7 @@ const elementBeforeInput = css({
 });
 const elementAfterInput = css({
   margin: `0 ${"var(--ds-space-100, 8px)"}`,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   height: SEARCH_ITEM_HEIGHT_WIDTH,
   textAlign: 'center'
 });