@atlaskit/editor-common 82.3.0 → 82.4.0

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

@@ -23,9 +23,13 @@ const baseBrowserContainerStyles = css({
   height: '100%',
   minHeight: '-webkit-fill-available'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 const mobileElementBrowserContainer = css(baseBrowserContainerStyles, {
   flexDirection: 'column'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 const elementBrowserContainer = css(baseBrowserContainerStyles, {
   flexDirection: 'row'
 });
@@ -35,20 +39,28 @@ const baseSidebarStyles = css({
   overflowX: 'auto',
   overflowY: 'hidden'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 const mobileSideBar = css(baseSidebarStyles, {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   flex: `0 0 ${INLINE_SIDEBAR_HEIGHT}`,
   padding: `${"var(--ds-space-150, 12px)"} ${"var(--ds-space-150, 12px)"} 0 ${"var(--ds-space-150, 12px)"}`
 });
 const mobileSideBarShowCategories = css({
   flex: '0 0 auto'
 });
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 const sideBar = css(baseSidebarStyles, {
   flex: "0 0 'auto'"
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 const sideBarShowCategories = css(baseSidebarStyles, {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   flex: `0 0 ${SIDEBAR_WIDTH}`
 });
 const sidebarHeading = 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
   flex: `0 0 ${SIDEBAR_HEADING_WRAPPER_HEIGHT}`,
   display: 'inline-flex',
   alignItems: 'center',
@@ -62,6 +74,8 @@ const mobileMainContent = css({
   overflowY: 'auto',
   height: '100%'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 const mainContent = css(mobileMainContent, {
   marginLeft: "var(--ds-space-200, 16px)",
   height: 'auto'
@@ -73,14 +87,18 @@ const mobileCategoryListWrapper = css({
   display: 'flex',
   overflowX: 'auto',
   padding: `${"var(--ds-space-200, 8px)"} 0 ${"var(--ds-space-200, 16px)"} 0`,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   minHeight: `${GRID_SIZE * 4}px`,
   overflow: '-moz-scrollbars-none',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   '&::-webkit-scrollbar': {
     display: 'none'
   },
   scrollbarWidth: 'none',
   MsOverflowStyle: 'none'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 const categoryListWrapper = css(mobileCategoryListWrapper, {
   padding: 0,
   marginTop: "var(--ds-space-200, 24px)",

package/dist/es2019/extensibility/Extension/Extension/index.js

@@ -113,7 +113,9 @@ function ExtensionWithPluginState(props) {
     "data-layout": node.attrs.layout
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
-    className: classNames,
+    className: classNames
+    // 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: wrapperStyle
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
     ,
@@ -127,6 +129,7 @@ function ExtensionWithPluginState(props) {
     className: 'extension-overlay',
     css: overlay
   }), 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: header,
     contentEditable: false
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -137,11 +140,12 @@ function ExtensionWithPluginState(props) {
     node: node,
     showMacroInteractionDesignUpdates: showMacroInteractionDesignUpdates
   }), children), hasBody &&
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
   jsx("div", {
     css: newContentStyles,
     className: newContentClassNames
   }, 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: content,
     ref: handleContentDOMRef
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766

package/dist/es2019/extensibility/Extension/Extension/styles.js

@@ -2,36 +2,49 @@ import { css } from '@emotion/react';
 import { N30, N500 } from '@atlaskit/theme/colors';
 import { wrapperDefault } from '../styles';
 export const widerLayoutClassName = 'wider-layout';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
 export const wrapperStyle = css(wrapperDefault, {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.without-frame': {
     background: 'transparent'
   },
   cursor: 'pointer',
   width: '100%',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   '.extension-overflow-wrapper:not(.with-body)': {
     overflowX: 'auto'
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.with-bodied-border': {
     boxShadow: `0 0 0 1px ${`var(--ds-border, ${N30})`}`
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.with-hover-border': {
     boxShadow: `0 0 0 1px ${`var(--ds-border-input, ${N500})`}`
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.with-margin-styles': {
     margin: `0 ${"var(--ds-space-negative-150, -12px)"}`,
     padding: `0 ${"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 const header = css({
   padding: `${"var(--ds-space-050, 4px)"} ${"var(--ds-space-050, 4px)"} 0px`,
   verticalAlign: 'middle',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   '&.with-children:not(.without-frame)': {
     padding: `${"var(--ds-space-050, 4px)"} ${"var(--ds-space-100, 8px)"} ${"var(--ds-space-100, 8px)"}`
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.without-frame': {
     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 const content = css({
   padding: "var(--ds-space-100, 8px)",
   background: "var(--ds-surface, white)",
@@ -39,19 +52,26 @@ export const content = css({
   borderRadius: "var(--ds-border-radius, 3px)",
   cursor: 'initial',
   width: '100%',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.remove-border': {
     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 contentWrapper = css({
   padding: `0 ${"var(--ds-space-100, 8px)"} ${"var(--ds-space-100, 8px)"}`,
   display: 'flex',
   justifyContent: 'center',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.with-padding-styles': {
     padding: "var(--ds-space-100, 8px)"
   }
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const overflowWrapperStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.with-margin-styles': {
     margin: `0 ${"var(--ds-space-negative-150, -12px)"}`
   }

package/dist/es2019/extensibility/Extension/InlineExtension/index.js

@@ -43,7 +43,9 @@ const InlineExtension = props => {
     showMacroInteractionDesignUpdates: showMacroInteractionDesignUpdates,
     setIsNodeHovered: setIsNodeHovered
   }), jsx("div", {
-    "data-testid": "inline-extension-wrapper",
+    "data-testid": "inline-extension-wrapper"
+    // 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: [wrapperStyle, extendedInlineExtension && inlineWrapperStyles]
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,

package/dist/es2019/extensibility/Extension/InlineExtension/styles.js

@@ -1,10 +1,13 @@
 import { css } from '@emotion/react';
 import { N500 } from '@atlaskit/theme/colors';
 import { wrapperDefault } from '../styles';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
 export const wrapperStyle = css(wrapperDefault, {
   cursor: 'pointer',
   display: 'inline-flex',
   margin: `1px 1px ${"var(--ds-space-050, 4px)"}`,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '> img': {
     borderRadius: "var(--ds-border-radius, 3px)"
   },
@@ -14,19 +17,25 @@ export const wrapperStyle = css(wrapperDefault, {
     width: '1px',
     content: "''"
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.with-children': {
     padding: 0,
     background: "var(--ds-background-neutral-subtle, white)"
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.with-hover-border': {
     boxShadow: `0 0 0 1px ${`var(--ds-border-input, ${N500})`}`
   }
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const inlineWrapperStyles = css({
   maxWidth: '100%',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   'tr &': {
     maxWidth: 'inherit'
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '.rich-media-item': {
     maxWidth: '100%'
   }

package/dist/es2019/extensibility/Extension/Lozenge/ExtensionLabel.js

@@ -12,11 +12,13 @@ const labelStyles = css({
   // Unfortunately, these need to be these exact numbers - otherwise there will be a noticeable gap/overlap
   // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
   top: '-19px',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.inline': {
     // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
     top: '-18px',
     marginLeft: "var(--ds-space-150, 12px)"
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.show-label': {
     cursor: 'pointer',
     background: `var(--ds-background-accent-gray-subtle-pressed, ${N40})`,
@@ -25,14 +27,17 @@ const labelStyles = css({
   },
   borderRadius: `${"var(--ds-border-radius, 3px)"} ${"var(--ds-border-radius, 3px)"} 0 0`,
   lineHeight: 1,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.nested': {
     // Need to add indent if the node is nested since we removed previous indentation styles to make it fit properly
     // in the nested component
     marginLeft: "var(--ds-space-150, 12px)"
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.bodied-background': {
     background: `var(--ds-surface, ${N0})`
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.bodied-border': {
     boxShadow: `0 0 0 1px ${`var(--ds-border, ${N30})`}`
   }
@@ -46,6 +51,7 @@ const containerStyles = css({
   textAlign: 'left',
   zIndex: 1,
   position: 'relative',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.bodied': {
     marginTop: "var(--ds-space-300, 24px)"
   }
@@ -82,7 +88,9 @@ export const ExtensionLabel = ({
   }, [setIsNodeHovered]);
   return jsx("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    css: containerStyles,
+    css: containerStyles
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: containerClassNames
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
     ,

package/dist/es2019/extensibility/Extension/Lozenge/LozengeComponent.js

@@ -34,18 +34,23 @@ export const LozengeComponent = ({
     });
   }
   const isBlockExtension = extensionName === 'extension';
-  return jsx("div", {
-    "data-testid": "lozenge-fallback",
-    css: placeholderFallback
-  }, lozengeData && !isBlockExtension ? renderImage({
-    height: ICON_SIZE,
-    width: ICON_SIZE,
-    ...lozengeData
-  }) : jsx(EditorFileIcon, {
-    label: title
-  }), jsx("span", {
-    className: "extension-title"
-  }, capitalizedTitle), params && !isBlockExtension && jsx("span", {
-    css: placeholderFallbackParams
-  }, Object.keys(params).map(key => key && ` | ${key} = ${params[key].value}`)));
+  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("div", {
+      "data-testid": "lozenge-fallback",
+      css: placeholderFallback
+    }, lozengeData && !isBlockExtension ? renderImage({
+      height: ICON_SIZE,
+      width: ICON_SIZE,
+      ...lozengeData
+    }) : jsx(EditorFileIcon, {
+      label: title
+    }), jsx("span", {
+      className: "extension-title"
+    }, capitalizedTitle), params && !isBlockExtension &&
+    // 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: placeholderFallbackParams
+    }, Object.keys(params).map(key => key && ` | ${key} = ${params[key].value}`)))
+  );
 };

package/dist/es2019/extensibility/Extension/Lozenge/index.js

@@ -17,6 +17,7 @@ export default class ExtensionLozenge extends Component {
         url,
         ...rest
       } = lozengeData;
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
       return jsx("img", _extends({
         css: styledImage,
         src: url

package/dist/es2019/extensibility/Extension/styles.js

@@ -3,21 +3,28 @@ import { css } from '@emotion/react';
 import { N20, N20A, N70 } from '@atlaskit/theme/colors';
 import { BODIED_EXT_PADDING, EXTENSION_PADDING } from '../../styles';
 export { EXTENSION_PADDING as padding, BODIED_EXT_PADDING };
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const wrapperDefault = css({
   background: `var(--ds-background-neutral, ${N20})`,
   borderRadius: "var(--ds-border-radius, 3px)",
   position: 'relative',
   verticalAlign: 'middle',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.with-overlay': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '.extension-overlay': {
       background: `var(--ds-background-neutral-hovered, ${N20A})`,
       color: 'transparent'
     },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '&:hover .extension-overlay': {
       opacity: 1
     }
   }
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const overlay = css({
   borderRadius: "var(--ds-border-radius, 3px)",
   position: 'absolute',
@@ -27,9 +34,12 @@ export const overlay = css({
   pointerEvents: 'none',
   transition: 'opacity 0.3s'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const placeholderFallback = css({
   display: 'inline-flex',
   alignItems: 'center',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& > img': {
     margin: `0 ${"var(--ds-space-050, 4px)"}`
   },
@@ -37,6 +47,8 @@ export const placeholderFallback = css({
   /* stylelint-disable-next-line */
   label: 'placeholder-fallback'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const placeholderFallbackParams = css({
   display: 'inline-block',
   maxWidth: '200px',
@@ -46,6 +58,8 @@ export const placeholderFallbackParams = css({
   whiteSpace: 'nowrap',
   overflow: 'hidden'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const styledImage = css({
   maxHeight: '16px',
   maxWidth: '16px',

package/dist/es2019/extensibility/ExtensionNodeWrapper.js

@@ -4,9 +4,11 @@ import { css, jsx } from '@emotion/react';
 import classnames from 'classnames';
 import { ZERO_WIDTH_SPACE } from '../utils';
 const styles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.inline-extension': {
     display: 'inline-block'
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.relative': {
     position: 'relative'
   }

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

@@ -13,8 +13,17 @@ import { WithPluginState } from '../../with-plugin-state';
 import ExtensionLozenge from '../Extension/Lozenge';
 import { useMultiBodiedExtensionActions } from './action-api';
 import { mbeExtensionWrapperCSSStyles, overlayStyles } from './styles';
-const getContainerCssExtendedStyles = (activeChildIndex, showMacroInteractionDesignUpdates) => css(sharedMultiBodiedExtensionStyles.mbeExtensionContainer, {
-  [`.multiBodiedExtension-content-dom-wrapper > [data-extension-frame='true']:nth-of-type(${activeChildIndex + 1})`]: css(sharedMultiBodiedExtensionStyles.extensionFrameContent, showMacroInteractionDesignUpdates && removeMarginsAndBorder)
+const getContainerCssExtendedStyles = (activeChildIndex, showMacroInteractionDesignUpdates) =>
+// 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(sharedMultiBodiedExtensionStyles.mbeExtensionContainer, {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  [`.multiBodiedExtension-content-dom-wrapper > [data-extension-frame='true']:nth-of-type(${activeChildIndex + 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
+  })`]: 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
+  sharedMultiBodiedExtensionStyles.extensionFrameContent,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  showMacroInteractionDesignUpdates && removeMarginsAndBorder)
 });
 const imageStyles = css({
   maxHeight: '24px',
@@ -146,7 +155,9 @@ const MultiBodiedExtensionWithWidth = ({
     isBodiedMacro: true
   }), jsx("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: wrapperClassNames,
+    className: wrapperClassNames
+    // 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: mbeExtensionWrapperCSSStyles,
     "data-testid": "multiBodiedExtension--wrapper"
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
@@ -155,6 +166,7 @@ const MultiBodiedExtensionWithWidth = ({
     onMouseEnter: () => handleMouseEvent(true),
     onMouseLeave: () => handleMouseEvent(false)
   }, 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: overlayStyles
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
@@ -162,13 +174,17 @@ const MultiBodiedExtensionWithWidth = ({
     "data-testid": "multiBodiedExtension--overlay"
   }), getWrapperTitleContent(imageData, title, showMacroInteractionDesignUpdates), jsx("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: containerClassNames,
+    className: containerClassNames
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+    ,
     css: getContainerCssExtendedStyles(activeChildIndex, showMacroInteractionDesignUpdates),
     "data-testid": "multiBodiedExtension--container",
     "data-active-child-index": activeChildIndex
   }, jsx("nav", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: navigationClassNames,
+    className: navigationClassNames
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    ,
     css: sharedMultiBodiedExtensionStyles.mbeNavigation,
     "data-testid": "multiBodiedExtension-navigation"
   }, extensionHandlerResult), jsx("article", {

package/dist/es2019/extensibility/MultiBodiedExtension/styles.js

@@ -3,7 +3,9 @@ import { N30, N500 } from '@atlaskit/theme/colors';
 import { wrapperDefault } from '../Extension/styles';
 
 // Wrapper the extension title and extensionContainer
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
 export const mbeExtensionWrapperCSSStyles = css(wrapperDefault, {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.with-margin-styles': {
     marginTop: 0,
     marginLeft: "var(--ds-space-negative-150, -12px)",
@@ -12,26 +14,35 @@ export const mbeExtensionWrapperCSSStyles = css(wrapperDefault, {
   cursor: 'pointer',
   marginTop: "var(--ds-space-250, 24px)",
   marginBottom: "var(--ds-space-200, 16px)",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '.extension-title': {
     display: 'flex',
     alignItems: 'center',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
     lineHeight: '16px !important',
     marginBottom: "var(--ds-space-100, 8px)",
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
     marginLeft: `${"var(--ds-space-050, 4px)"} !important`,
     marginRight: "var(--ds-space-100, 8px)",
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
     paddingTop: `${"var(--ds-space-100, 8px)"} !important`
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.with-border': {
     boxShadow: `0 0 0 1px ${`var(--ds-border, ${N30})`}`
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.with-hover-border': {
     boxShadow: `0 0 0 1px ${`var(--ds-border-input, ${N500})`}`
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.with-padding-background-styles': {
     padding: "var(--ds-space-100, 8px)",
     background: 'transparent'
   }
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const overlayStyles = css({
   borderRadius: "var(--ds-border-radius, 3px)",
   position: 'absolute',
@@ -41,6 +52,7 @@ export const overlayStyles = css({
   pointerEvents: 'none',
   transition: 'opacity 0.3s',
   zIndex: 1,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.with-margin': {
     margin: "var(--ds-space-negative-100, -8px)"
   }

package/dist/es2019/keymaps/index.js

@@ -92,6 +92,7 @@ export const selectTable = makeKeyMapWithCommon('Select table', 'Mod-a');
 export const increaseMediaSize = makeKeyMapWithCommon('increase image size', 'Mod-Alt-]');
 export const decreaseMediaSize = makeKeyMapWithCommon('increase image size', 'Mod-Alt-[');
 export const activateVideoControls = makeKeyMapWithCommon('Activate controls panel on video', 'Shift-F10');
+export const toggleHighlightPalette = makeKeyMapWithCommon('Toggle Highlight Palette', 'Mod-Alt-b');
 const arrowKeysMap = {
   // for reference: https://wincent.com/wiki/Unicode_representations_of_modifier_keys
   ARROWLEFT: '\u2190',

package/dist/es2019/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js

@@ -25,6 +25,7 @@ import { filterUniqueItems, mapContentTypeToIcon, sha1, wordCount } from './util
  * Visible only to screenreaders. Use when there is a need
  * to provide more context to a non-sighted user.
  */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const visuallyHiddenStyles = css({
   clip: 'rect(1px, 1px, 1px, 1px)',
   clipPath: 'inset(50%)',
@@ -686,6 +687,7 @@ export class HyperlinkLinkAddToolbar extends PureComponent {
       className: "recent-list",
       "data-testid": "hyperlink-add-toolbar"
     }, 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: [container, !!activityProvider && containerWithProvider, containerPadding],
       ref: this.wrapperRef
     }, jsx("label", {

package/dist/es2019/link/LinkSearch/LinkSearchList.js

@@ -14,6 +14,8 @@ const spinnerContainer = css({
   minHeight: '80px',
   marginTop: "var(--ds-space-400, 32px)"
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const linkSearchList = css({
   padding: 0,
   listStyle: 'none'

package/dist/es2019/link/LinkSearch/LinkSearchListItem.js

@@ -11,6 +11,7 @@ import { N20, N300, N800 } from '@atlaskit/theme/colors';
 import { fontSizeSmall } from '@atlaskit/theme/constants';
 import { getCorrectAltByIconUrl } from './listItemAlts';
 import { transformTimeStamp } from './transformTimeStamp';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const container = css({
   backgroundColor: 'transparent',
   padding: `${"var(--ds-space-100, 8px)"} ${"var(--ds-space-150, 12px)"}`,
@@ -18,12 +19,16 @@ export const container = css({
   display: 'flex',
   marginTop: 0
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const containerSelected = css({
   backgroundColor: `var(--ds-background-neutral-subtle-hovered, ${N20})`
 });
 const nameWrapper = css({
   overflow: 'hidden'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const nameStyle = css({
   color: `var(--ds-text, ${N800})`,
   overflow: 'hidden',
@@ -31,15 +36,19 @@ export const nameStyle = css({
   whiteSpace: 'nowrap',
   lineHeight: '20px'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const containerName = css({
   color: `var(--ds-text-subtlest, ${N300})`,
   lineHeight: '14px',
+  // 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(fontSizeSmall())
 });
 const iconStyle = css({
   minWidth: '16px',
   marginTop: "var(--ds-space-050, 4px)",
   marginRight: "var(--ds-space-150, 12px)",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   img: {
     maxWidth: '16px'
   }

package/dist/es2019/link/LinkSearch/ToolbarComponents.js

@@ -1,19 +1,27 @@
 import { css } from '@emotion/react';
 import { RECENT_SEARCH_WIDTH_IN_PX, RECENT_SEARCH_WIDTH_WITHOUT_ITEMS_IN_PX } from '../../ui';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const inputWrapper = css({
   display: 'flex',
   lineHeight: 0,
   padding: `${"var(--ds-space-075, 6px)"} 0`,
   alignItems: 'center'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const container = css({
   display: 'flex',
   flexDirection: 'column',
   overflow: 'auto',
   padding: 0,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   width: `${RECENT_SEARCH_WIDTH_WITHOUT_ITEMS_IN_PX}px`,
   lineHeight: 'initial'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const containerWithProvider = 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
   width: `${RECENT_SEARCH_WIDTH_IN_PX}px`
 });