@atlaskit/editor-common 82.3.0 → 82.4.0

package/dist/es2019/styles/shared/plugins.js

@@ -1,8 +1,10 @@
 import { css } from '@emotion/react';
 import { N30 } from '@atlaskit/theme/colors';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const buttonGroupStyle = css({
   display: 'inline-flex',
   alignItems: 'center',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& > div': {
     display: 'flex'
   }
@@ -10,6 +12,7 @@ export const buttonGroupStyle = css({
 
 // This style is copied to packages/editor/editor-plugin-ai/src/ui/components/AtlassianIntelligenceToolbarButton/styles.tsx
 // If you make change here, change in above file as well.
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const separatorStyles = css({
   background: `var(--ds-border, ${N30})`,
   width: '1px',
@@ -21,18 +24,23 @@ export const separatorStyles = css({
 
 // This style is copied to packages/editor/editor-plugin-ai/src/ui/components/AtlassianIntelligenceToolbarButton/styles.tsx
 // If you make change here, change in above file as well.
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const wrapperStyle = css({
   display: 'flex',
   alignItems: 'center',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '> div, > span': {
     display: 'flex'
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '> div > div': {
     display: 'flex'
   },
   marginLeft: 0,
   minWidth: 'auto'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const triggerWrapperStyles = css({
   display: 'flex'
 });

package/dist/es2019/styles/shared/resizer.js

@@ -18,7 +18,7 @@ const akEditorSelectedNodeClassName = 'ak-editor-selected-node';
 export const handleWrapperClass = 'resizer-handle-wrapper';
 export const resizerHandleZIndex = 1;
 
-// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Seems perfectly safe to autofix, but comments would be lost…
+// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766, Seems perfectly safe to autofix, but comments would be lost…
 export const resizerStyles = css`
 	.${resizerItemClassName} {
 		will-change: width;

package/dist/es2019/styles/shared/rule.js

@@ -3,10 +3,11 @@ import { akEditorLineHeight } from '@atlaskit/editor-shared-styles';
 import { N30A } from '@atlaskit/theme/colors';
 // @see typography spreadsheet: https://docs.google.com/spreadsheets/d/1iYusRGCT4PoPfvxbJ8NrgjtfFgXLm5lpDWXzjua1W2E/edit#gid=93913128
 export const ruleSharedStyles = () => css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& hr': {
     border: 'none',
     backgroundColor: `var(--ds-border, ${N30A})`,
-    // 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-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     margin: `${akEditorLineHeight}em 0`,
     height: '2px',
     borderRadius: '1px'

package/dist/es2019/styles/shared/shadow.js

@@ -22,39 +22,48 @@ const shadowWidth = 8;
  */
 
 const shadowSharedStyle = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   [`& .${shadowClassNames.RIGHT_SHADOW}::before, .${shadowClassNames.RIGHT_SHADOW}::after, .${shadowClassNames.LEFT_SHADOW}::before, .${shadowClassNames.LEFT_SHADOW}::after`]: {
     display: 'none',
     position: 'absolute',
     pointerEvents: 'none',
+    // 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: akEditorShadowZIndex,
     width: `${shadowWidth}px`,
     content: "''",
     height: 'calc(100%)'
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   [`& .${shadowClassNames.RIGHT_SHADOW}, .${shadowClassNames.LEFT_SHADOW}`]: {
     position: 'relative'
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   [`& .${shadowClassNames.LEFT_SHADOW}::before`]: {
     background: `linear-gradient( to left, transparent 0, ${`var(--ds-shadow-overflow-spread, ${N40A})`} 140% ), linear-gradient( to right, ${"var(--ds-shadow-overflow-perimeter, transparent)"} 0px, transparent 1px )`,
     top: '0px',
     left: 0,
     display: 'block'
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   [`& .${shadowClassNames.RIGHT_SHADOW}::after`]: {
     background: `linear-gradient( to right, transparent 0, ${`var(--ds-shadow-overflow-spread, ${N40A})`} 140% ), linear-gradient( to left, ${"var(--ds-shadow-overflow-perimeter, transparent)"} 0px, transparent 1px )`,
     right: '0px',
     top: '0px',
     display: 'block'
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   [`& .${shadowObserverClassNames.SENTINEL_LEFT}`]: {
     height: '100%',
     width: '0px',
     minWidth: '0px'
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   [`& .${shadowObserverClassNames.SENTINEL_RIGHT}`]: {
     height: '100%',
     width: '0px',
     minWidth: '0px'
   }
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export { shadowSharedStyle };

package/dist/es2019/styles/shared/smartCard.js

@@ -7,7 +7,7 @@ import { SmartCardSharedCssClassName } from './smart-card';
 export const DATASOURCE_INNER_CONTAINER_CLASSNAME = 'datasourceView-content-inner-wrap';
 export const FLOATING_TOOLBAR_LINKPICKER_CLASSNAME = 'card-floating-toolbar--link-picker';
 
-// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Seems safe to autofix with a fix to `getSelectionStyles`
+// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const smartCardStyles = css`
 	.${SmartCardSharedCssClassName.INLINE_CARD_CONTAINER} {
 		max-width: calc(100% - 20px);

package/dist/es2019/styles/shared/tableCell.js

@@ -22,4 +22,5 @@ const mapBackgroundColors = () => {
   });
   return cssString;
 };
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
 export const tableCellBackgroundStyleOverride = () => css(mapBackgroundColors());

package/dist/es2019/styles/shared/task-decision.js

@@ -6,6 +6,8 @@ export const TaskDecisionSharedCssClassName = {
   TASK_CONTAINER: 'taskItemView-content-wrap',
   TASK_ITEM: 'task-item'
 };
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const tasksAndDecisionsStyles = css`
 	.ProseMirror {
 		.taskItemView-content-wrap,

package/dist/es2019/styles/shared/text-color.js

@@ -1,8 +1,12 @@
 import { css } from '@emotion/react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const textColorStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '.fabric-text-color-mark': {
     color: 'var(--custom-palette-color, inherit)'
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   'a .fabric-text-color-mark': {
     color: 'unset'
   }

package/dist/es2019/styles/shared/unsupported-content.js

@@ -7,7 +7,7 @@ export const UnsupportedSharedCssClassName = {
 const inlineUnsupportedSelector = `.${UnsupportedSharedCssClassName.INLINE_CONTAINER} > span:nth-of-type(2)`;
 const blockUnsupportedSelector = `.${UnsupportedSharedCssClassName.BLOCK_CONTAINER} > div`;
 
-// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Nested `getSelectionStyles` would need a rebuild to autofix
+// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const unsupportedStyles = css`
 	${blockUnsupportedSelector}, ${inlineUnsupportedSelector} {
 		cursor: pointer;

package/dist/es2019/styles/shared/whitespace.js

@@ -3,4 +3,6 @@ const whitespaceSharedStyles = css({
   wordWrap: 'break-word',
   whiteSpace: 'pre-wrap'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export { whitespaceSharedStyles };

package/dist/es2019/table/SortingIcon.js

@@ -14,7 +14,7 @@ export let StatusClassNames = /*#__PURE__*/function (StatusClassNames) {
   return StatusClassNames;
 }({});
 
-// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
+// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 const buttonStyles = css`
 	position: absolute;
 	display: flex;
@@ -43,7 +43,7 @@ const buttonStyles = css`
 	}
 `;
 
-// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
+// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 const iconWrapperStyles = css`
 	width: 8px;
 	height: 12px;

package/dist/es2019/ui/DropList/index.js

@@ -7,14 +7,16 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
 import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "82.3.0";
+const packageVersion = "82.4.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {
   constructor(...args) {
     super(...args);
     _defineProperty(this, "wrapperStyles", css({
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       display: this.props.shouldFitContainer ? 'block' : 'inline-flex',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       flex: this.props.shouldFitContainer ? '1 1 auto' : undefined,
       transitionDuration: '0.2s',
       transition: 'box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38)'
@@ -22,7 +24,9 @@ class DropList extends Component {
     _defineProperty(this, "triggerStyles", css({
       transitionDuration: '0.2s',
       transition: 'box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38)',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       display: this.props.shouldFitContainer ? 'block' : 'inline-flex',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       boxSizing: this.props.shouldFitContainer ? 'border-box' : undefined
     }));
     /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */

package/dist/es2019/ui/Expand/index.js

@@ -54,15 +54,20 @@ const expandIconWrapperStyle = () => css({
   '&:hover': {
     background: `var(--ds-background-neutral-subtle-hovered, ${N30A})`
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   svg: {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     transition: `transform 0.2s ${akEditorSwoopCubicBezier}`
   }
 });
 const expandIconWrapperExpandedStyle = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   svg: {
     transform: 'rotate(90deg)'
   }
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const expandLayoutWrapperStyle = css({
   width: "var(--ds-space-300, 24px)",
   height: "var(--ds-space-300, 24px)"
@@ -88,15 +93,19 @@ const containerStyles = styleProps => {
   // Only only these margins if the expand isn't editable
   // and is the root level expand.
   const marginHorizontal = styleProps['data-node-type'] === 'expand' ? `-${akLayoutGutterOffset}px` : 0;
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   const margin = `${marginTop} ${marginHorizontal} ${marginBottom}`;
   return () => css({
     borderWidth: '1px',
     borderStyle: 'solid',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     borderColor: focused ? EXPAND_FOCUSED_BORDER_COLOR : expanded ? EXPAND_EXPANDED_BORDER_COLOR : EXPAND_COLLAPSED_BORDER_COLOR,
     borderRadius: BORDER_RADIUS,
     minHeight: '25px',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     background: !expanded ? EXPAND_COLLAPSED_BACKGROUND : EXPAND_SELECTED_BACKGROUND,
     margin: margin,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     transition: `background 0.3s ${akEditorSwoopCubicBezier}, border-color 0.3s ${akEditorSwoopCubicBezier}`,
     padding: "var(--ds-space-100, 8px)",
     '&:hover': {
@@ -106,6 +115,7 @@ const containerStyles = styleProps => {
       border: `1px solid ${`var(--ds-border, ${N50A})`}`,
       background: EXPAND_SELECTED_BACKGROUND
     },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
     'td > :not(style):first-child, td > style:first-child + *': {
       marginTop: 0
     }
@@ -144,7 +154,9 @@ css`
 const titleInputStyles = () => css({
   outline: 'none',
   border: 'none',
+  // 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(fontSize()),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   lineHeight: akEditorLineHeight,
   fontWeight: 'normal',
   color: `var(--ds-text-subtlest, ${N200A})`,
@@ -164,6 +176,7 @@ const titleContainerStyles = () => css({
   alignItems: 'flex-start',
   background: 'none',
   border: 'none',
+  // 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(fontSize()),
   width: '100%',
   color: `var(--ds-text-subtle, ${N300A})`,

package/dist/es2019/ui/MediaSingle/index.js

@@ -75,7 +75,9 @@ export default function MediaSingle({
   }
   const [media, caption] = children;
   return jsx("div", _extends({
-    ref: handleMediaSingleRef,
+    ref: handleMediaSingleRef
+    // 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: MediaSingleDimensionHelper({
       width,
       layout,

package/dist/es2019/ui/MediaSingle/link.js

@@ -1,4 +1,6 @@
 import { css } from '@emotion/react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const mediaLinkStyle = css({
   position: 'absolute',
   background: 'transparent',

package/dist/es2019/ui/MediaSingle/styled.js

@@ -244,7 +244,9 @@ export const mediaWrapperStyle = props => css`
 export const MediaWrapper = ({
   children,
   ...rest
-}) => jsx("div", {
+}) =>
+// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+jsx("div", {
   css: mediaWrapperStyle(rest)
 }, children);
 MediaWrapper.displayName = 'WrapperMediaSingle';

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

@@ -11,7 +11,11 @@ const errorColor = css({
 const validColor = css({
   color: `var(--ds-text-success, ${G400})`
 });
-const messageStyle = () => css(h200(), {
+
+// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+const messageStyle = () =>
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+css(h200(), {
   fontWeight: 'normal',
   color: `var(--ds-text-subtlest, ${N200})`,
   marginTop: "var(--ds-space-050, 4px)",

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

@@ -3,26 +3,35 @@
 import { css } from '@emotion/react';
 // Wraps the navigation bar and extensionFrames
 const mbeExtensionContainer = 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)"} !important`,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
     right: `${"var(--ds-space-100, 8px)"} !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
     }
@@ -33,18 +42,22 @@ const mbeNavigation = 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'
   }
 });
 const extensionFrameContent = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
   padding: `${"var(--ds-space-100, 8px)"} !important`,
   display: 'block',
   minHeight: '100px',
@@ -54,22 +67,33 @@ const extensionFrameContent = 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)"} !important`,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
     paddingRight: `${"var(--ds-space-150, 12px)"} !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)"} !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)"} !important`
   }
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const removeMarginsAndBorder = 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
 export const sharedMultiBodiedExtensionStyles = {
   mbeExtensionContainer,
   mbeNavigation,

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

@@ -107,6 +107,7 @@ export default class PanelTextInput extends PureComponent {
       value
     } = this.state;
     return 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: [panelTextInput, width !== undefined && panelTextInputWithCustomWidth(width)],
       role: role,
       "aria-autocomplete": ariaAutoComplete ? 'list' : undefined,

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

@@ -2,7 +2,9 @@ import { css } from '@emotion/react';
 import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 import { B100, N100, N30, N400 } from '@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
 export const panelTextInput = 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 ${`var(--ds-border, ${N30})`}`,
@@ -10,11 +12,13 @@ export const panelTextInput = css({
     boxSizing: 'content-box',
     color: `var(--ds-text-subtle, ${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: relativeFontSizeToBase16(13),
     lineHeight: '20px',
     padding: `${"var(--ds-space-075, 6px)"} ${"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'
     },
@@ -28,7 +32,9 @@ export const panelTextInput = css({
   }
 });
 export const panelTextInputWithCustomWidth = width => 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: `${width}px`
   }
 });

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

@@ -255,6 +255,7 @@ export default class Popup extends React.Component {
       style: {
         // 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 || akEditorFloatingPanelZIndex,
         // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         ...position,

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

@@ -14,10 +14,12 @@ import { getUnsupportedContent } from '../unsupported-content-helper';
 const blockNodeStyle = css({
   background: `var(--ds-background-disabled, ${N30})`,
   border: `1px dashed ${`var(--ds-border-disabled, ${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: `${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: relativeFontSizeToBase16(fontSize()),
   margin: `${"var(--ds-space-100, 8px)"} 0`,
   minHeight: '24px',

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

@@ -15,10 +15,12 @@ const inlineNodeStyle = css({
   alignItems: 'center',
   background: `var(--ds-background-disabled, ${N30})`,
   border: `1px dashed ${`var(--ds-border-disabled, ${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: `${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: relativeFontSizeToBase16(fontSize()),
   margin: `0 ${"var(--ds-space-025, 2px)"}`,
   minHeight: '24px',

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

@@ -2,17 +2,22 @@ import { css } from '@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
 export const clearNextSiblingMarginTopStyle = 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'
   }
 });
 const textElements = ['p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'];
 const nextSiblingBlockMarkContentSelectors = textElements.map(elem => `+ .fabric-editor-block-mark > ${elem}`).join(',');
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const clearNextSiblingBlockMarkMarginTopStyle = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   [`${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/es2019/ui-color/ColorPalette/Color/index.js

@@ -60,7 +60,7 @@ function FunctionalComponentColor(props) {
       border: `1px solid ${borderColor}`
     },
     autoFocus: autoFocus
-  }, isSelected && jsx(EditorDoneIcon, {
+  }, !decorator && isSelected && jsx(EditorDoneIcon, {
     primaryColor: checkMarkColor,
     label: ""
   }), decorator)));
@@ -105,7 +105,9 @@ class ClassComponentColor extends PureComponent {
     }, jsx("span", {
       css: buttonWrapperStyle
     }, 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: buttonStyle,
       "aria-label": label,
       role: "radio",

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

@@ -2,6 +2,7 @@ import { css } from '@emotion/react';
 import { N0, N50, N900 } from '@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
 export const buttonStyle = css({
   height: '26px',
   width: '26px',
@@ -16,6 +17,7 @@ export const buttonStyle = 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
 export const buttonWrapperStyle = css({
   border: '1px solid transparent',
   fontSize: 0,
@@ -24,6 +26,7 @@ export const buttonWrapperStyle = 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: `${`var(--ds-border, ${N50})`} !important`
   }
 });

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

@@ -123,7 +123,7 @@ export default 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/es2019/ui-color/ColorPalette/index.js

@@ -57,6 +57,7 @@ const ColorPalette = props => {
     return getColorsPerRowFromPalette(palette, cols);
   }, [palette, cols]);
   return jsx(React.Fragment, null, colorsPerRow.map(row => 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: colorPaletteWrapper
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,

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

@@ -1,4 +1,5 @@
 import { css } from '@emotion/react';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const colorPaletteWrapper = css({
   padding: `0 ${"var(--ds-space-100, 8px)"}`,
   /* Firefox bug fix: https://product-fabric.atlassian.net/browse/ED-1789 */