@atlaskit/editor-core 193.26.0 → 193.27.2

package/dist/es2019/presets/universal.js

@@ -73,7 +73,11 @@ export default function createUniversalPreset(appearance, props, featureFlags, p
       lpLinkPicker: (_featureFlags$lpLinkP = featureFlags.lpLinkPicker) !== null && _featureFlags$lpLinkP !== void 0 ? _featureFlags$lpLinkP : false,
       ...props.hyperlinkOptions
     },
-    __livePage: props.__livePage
+    __livePage: props.__livePage,
+    codeBlock: {
+      ...props.codeBlock,
+      getEditorFeatureFlags
+    }
   });
   const statusMenuDisabled = !props.allowStatus ? true : typeof props.allowStatus === 'object' ? Boolean(props.allowStatus.menuDisabled) : false;
   const hasBeforePrimaryToolbar = components => {
@@ -89,7 +93,8 @@ export default function createUniversalPreset(appearance, props, featureFlags, p
     useLongPressSelection: false,
     appearance: appearance,
     allowInteractiveExpand: typeof props.allowExpand === 'boolean' ? props.allowExpand : Boolean(props.allowExpand && props.allowExpand.allowInteractiveExpand !== false),
-    __livePage: props.__livePage
+    __livePage: props.__livePage,
+    getEditorFeatureFlags
   }], Boolean(props.allowExpand)).maybeAdd(guidelinePlugin, Boolean(!isMobile && !isComment && !isChromeless && (props.media || props.allowTables))).maybeAdd([gridPlugin, {
     shouldCalcBreakoutGridLines: isFullPage
   }], Boolean(props.media)).maybeAdd([annotationPlugin, props.annotationProviders], Boolean(props.annotationProviders)).maybeAdd([mediaPlugin, {
@@ -114,21 +119,26 @@ export default function createUniversalPreset(appearance, props, featureFlags, p
     insertDisplayName: (_props$mention$insert = (_props$mention = props.mention) === null || _props$mention === void 0 ? void 0 : _props$mention.insertDisplayName) !== null && _props$mention$insert !== void 0 ? _props$mention$insert : props.mentionInsertDisplayName,
     allowZeroWidthSpaceAfter: !isMobile,
     HighlightComponent: (_props$mention2 = props.mention) === null || _props$mention2 === void 0 ? void 0 : _props$mention2.HighlightComponent,
-    profilecardProvider: (_props$mention3 = props.mention) === null || _props$mention3 === void 0 ? void 0 : _props$mention3.profilecardProvider
-  }], Boolean(props.mentionProvider)).maybeAdd(emojiPlugin, Boolean(props.emojiProvider)).maybeAdd([tablesPlugin, {
+    profilecardProvider: (_props$mention3 = props.mention) === null || _props$mention3 === void 0 ? void 0 : _props$mention3.profilecardProvider,
+    getEditorFeatureFlags
+  }], Boolean(props.mentionProvider)).maybeAdd([emojiPlugin, {
+    getEditorFeatureFlags
+  }], Boolean(props.emojiProvider)).maybeAdd([tablesPlugin, {
     tableOptions: !props.allowTables || typeof props.allowTables === 'boolean' ? {} : props.allowTables,
-    tableResizingEnabled: ['full-page', 'full-width'].includes(appearance || ''),
+    tableResizingEnabled: isFullPage,
     dragAndDropEnabled: (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.tableDragAndDrop) && isFullPage,
     isTableScalingEnabled: (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.tablePreserveWidth) && isFullPage,
     allowContextualMenu: !isMobile,
     fullWidthEnabled: appearance === 'full-width',
     wasFullWidthEnabled: prevAppearance && prevAppearance === 'full-width',
     getEditorFeatureFlags,
-    isTableAlignmentEnabled: getBooleanFF('platform.editor.table.allow-table-alignment') && isFullPage
+    isTableAlignmentEnabled: getBooleanFF('platform.editor.table.allow-table-alignment') && isFullPage,
+    isNewColumnResizingEnabled: (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.tableNewColumnResizing) && isFullPage
   }], Boolean(props.allowTables)).maybeAdd([tasksAndDecisionsPlugin, {
     allowNestedTasks: props.allowNestedTasks,
     consumeTabs: isFullPage,
-    useLongPressSelection: false
+    useLongPressSelection: false,
+    getEditorFeatureFlags
   }], Boolean(props.allowTasksAndDecisions || props.taskDecisionProvider)).maybeAdd([feedbackDialogPlugin, {
     coreVersion,
     ...props.feedbackInfo
@@ -149,7 +159,8 @@ export default function createUniversalPreset(appearance, props, featureFlags, p
   }], Boolean(props.collabEdit || props.collabEditProvider)).maybeAdd([maxContentSizePlugin, props.maxContentSize], Boolean(props.maxContentSize)).maybeAdd([panelPlugin, {
     useLongPressSelection: false,
     allowCustomPanel: typeof props.allowPanel === 'object' ? props.allowPanel.allowCustomPanel : false,
-    allowCustomPanelEdit: typeof props.allowPanel === 'object' ? props.allowPanel.allowCustomPanelEdit : false
+    allowCustomPanelEdit: typeof props.allowPanel === 'object' ? props.allowPanel.allowCustomPanelEdit : false,
+    getEditorFeatureFlags
   }], Boolean(props.allowPanel)).maybeAdd(contextPanelPlugin, Boolean(isFullPage)).maybeAdd([extensionPlugin, {
     breakoutEnabled: appearance === 'full-page' && (typeof props.allowExtension === 'object' ? props.allowExtension.allowBreakout : true) !== false,
     extensionHandlers: props.extensionHandlers,
@@ -162,7 +173,8 @@ export default function createUniversalPreset(appearance, props, featureFlags, p
   // long term this and media should be consolidated into adding both only once
   // @ts-expect-error
   [annotationPlugin, undefined], Boolean(!props.annotationProviders && props.allowConfluenceInlineComment)).maybeAdd([datePlugin, {
-    weekStartDay: typeof props.allowDate === 'object' ? props.allowDate.weekStartDay : undefined
+    weekStartDay: typeof props.allowDate === 'object' ? props.allowDate.weekStartDay : undefined,
+    getEditorFeatureFlags
   }], Boolean(props.allowDate)).maybeAdd([placeholderTextPlugin,
   // @ts-expect-error 2322: Type 'false | PlaceholderTextOptions | undefined'
   props.allowTemplatePlaceholders !== true ? props.allowTemplatePlaceholders : {}], Boolean(props.allowTemplatePlaceholders)).maybeAdd([layoutPlugin, {
@@ -180,7 +192,8 @@ export default function createUniversalPreset(appearance, props, featureFlags, p
     editorAppearance: appearance
   }], Boolean(((_props$linking3 = props.linking) === null || _props$linking3 === void 0 ? void 0 : _props$linking3.smartLinks) || props.smartLinks || props.UNSAFE_cards)).maybeAdd(customAutoformatPlugin, Boolean(props.autoformattingProvider)).maybeAdd([statusPlugin, {
     menuDisabled: statusMenuDisabled,
-    allowZeroWidthSpaceAfter: !isMobile
+    allowZeroWidthSpaceAfter: !isMobile,
+    getEditorFeatureFlags
   }], Boolean(props.allowStatus)).maybeAdd(indentationPlugin, Boolean(props.allowIndentation)).maybeAdd(scrollIntoViewPlugin, Boolean(props.autoScrollIntoView !== false)).add([toolbarListsIndentationPlugin, {
     showIndentationButtons: !!props.showIndentationButtons,
     allowHeadingAndParagraphIndentation: !!props.allowIndentation

package/dist/es2019/ui/Addon/ClickAreaMobile/index.js

@@ -14,7 +14,9 @@ const clickWrapper = ({
   minHeight
 }) => css({
   height: '100%'
-}, isExpanded && minHeight ? `min-height: ${minHeight}px` : '');
+},
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+isExpanded && minHeight ? `min-height: ${minHeight}px` : '');
 /**
  * Click Area is responsible for improving UX by ensuring the user
  * can always tap beneath the content area, to insert more content.
@@ -58,6 +60,7 @@ export default class ClickAreaMobile extends React.Component {
   }
   render() {
     return jsx("div", {
+      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
       css: clickWrapper({
         isExpanded: this.props.isExpanded,
         minHeight: this.props.minHeight

package/dist/es2019/ui/Addon/Dropdown/index.js

@@ -27,6 +27,8 @@ export default class DropdownWrapper extends React.Component {
     const children = React.Children.map(this.props.children, child => /*#__PURE__*/React.cloneElement(child, {
       onClick: this.handleClick
     }));
+
+    // 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("div", {
       css: dropdown
     }, children);

package/dist/es2019/ui/Addon/Dropdown/styles.js

@@ -1,10 +1,12 @@
 import { css } from '@emotion/react';
 import { N60A } from '@atlaskit/theme/colors';
 import { borderRadius } from '@atlaskit/theme/constants';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const dropdown = css({
   display: 'flex',
   flexDirection: 'column',
   background: "var(--ds-surface-overlay, white)",
+  // 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`,
   boxShadow: `var(--ds-shadow-overlay, ${`0 4px 8px -2px ${N60A}, 0 0 1px ${N60A}`})`,
   boxSizing: 'border-box',

package/dist/es2019/ui/Addon/DropdownItem/index.js

@@ -2,6 +2,7 @@
 import { jsx } from '@emotion/react';
 import { dropdownItem } from './styles';
 const DropdownItemWrapper = props => 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: dropdownItem,
   onClick: () => props.onClick && props.onClick({
     actionOnClick: props.actionOnClick,

package/dist/es2019/ui/Addon/DropdownItem/styles.js

@@ -1,5 +1,6 @@
 import { css } from '@emotion/react';
 import { N20, N800 } 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 dropdownItem = css({
   display: 'flex',
   alignItems: 'center',
@@ -7,6 +8,7 @@ export const dropdownItem = css({
   textDecoration: 'none',
   padding: `${"var(--ds-space-100, 8px)"} ${"var(--ds-space-400, 32px)"} ${"var(--ds-space-100, 8px)"} ${"var(--ds-space-150, 12px)"}`,
   color: `var(--ds-text, ${N800})`,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '> span': {
     display: 'flex',
     marginRight: "var(--ds-space-100, 8px)"

package/dist/es2019/ui/Appearance/Chromeless.js

@@ -13,15 +13,19 @@ const chromelessEditorStyles = css({
   height: 'auto',
   overflowX: 'hidden',
   overflowY: 'auto'
-}, scrollbarStyles, {
+},
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+scrollbarStyles, {
   maxWidth: 'inherit',
   boxSizing: 'border-box',
   wordWrap: 'break-word',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   'div > .ProseMirror': {
     outline: 'none',
     whiteSpace: 'pre-wrap',
     padding: 0,
     margin: 0,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
     '& > :last-child': {
       paddingBottom: "var(--ds-space-100, 0.5em)"
     }
@@ -59,9 +63,15 @@ export default class Editor extends React.Component {
       return jsx(WithFlash, {
         animate: maxContentSizeReached
       }, jsx("div", {
-        css: [chromelessEditorStyles, maxHeight && css({
+        css: [chromelessEditorStyles, maxHeight &&
+        // 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({
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
           maxHeight: `${maxHeight}px`
-        }), css({
+        }),
+        // 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({
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
           minHeight: `${minHeight}px`
         })],
         "data-testid": "chromeless-editor",

package/dist/es2019/ui/Appearance/Comment/Comment.js

@@ -27,6 +27,7 @@ const CommentEditorMargin = 14;
 const commentEditorStyles = css({
   display: 'flex',
   flexDirection: 'column',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '.less-margin .ProseMirror': {
     margin: `${"var(--ds-space-150, 12px)"} ${"var(--ds-space-100, 8px)"} ${"var(--ds-space-100, 8px)"}`
   },
@@ -35,24 +36,31 @@ const commentEditorStyles = css({
   backgroundColor: "var(--ds-background-input, white)",
   border: `1px solid ${`var(--ds-border-input, ${N100})`}`,
   boxSizing: 'border-box',
+  // 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`,
   maxWidth: 'inherit',
   wordWrap: 'break-word'
 });
 const ContentArea = createEditorContentStyle(css({
   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
   overflowX: getBooleanFF('platform.editor.table-sticky-scrollbar') ? 'clip' : 'hidden',
   lineHeight: '24px',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '.ProseMirror': {
     margin: "var(--ds-space-150, 12px)"
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '.gridParent': {
     marginLeft: "var(--ds-space-025, 2px)",
     marginRight: "var(--ds-space-025, 2px)",
+    // 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: `calc(100% + ${CommentEditorMargin - GRID_GUTTER}px)`
   },
   padding: "var(--ds-space-250, 20px)"
-}, tableCommentEditorStyles));
+},
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+tableCommentEditorStyles));
 ContentArea.displayName = 'ContentArea';
 const secondaryToolbarStyles = css({
   boxSizing: 'border-box',
@@ -130,7 +138,10 @@ class Editor extends React.Component {
       return jsx(WithFlash, {
         animate: maxContentSizeReached
       }, jsx("div", {
-        css: [commentEditorStyles, css({
+        css: [commentEditorStyles,
+        // 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({
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
           minHeight: `${minHeight}px`
         })]
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -172,7 +183,10 @@ class Editor extends React.Component {
       }) => {
         return jsx(ContentArea, {
           ref: ref => this.containerElement = ref,
-          css: maxHeight ? css({
+          css: maxHeight ?
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+          css({
+            // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
             maxHeight: `${maxHeight}px`
           }) : null
           // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -316,7 +330,10 @@ const EditorNext = props => {
   return jsx(WithFlash, {
     animate: maxContentSizeReached
   }, jsx("div", {
-    css: [commentEditorStyles, css({
+    css: [commentEditorStyles,
+    // 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({
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       minHeight: `${minHeight}px`
     })]
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -358,7 +375,10 @@ const EditorNext = props => {
   }) => {
     return jsx(ContentArea, {
       ref: containerElement,
-      css: maxHeight ? css({
+      css: maxHeight ?
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+      css({
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         maxHeight: `${maxHeight}px`
       }) : null
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766

package/dist/es2019/ui/Appearance/Comment/Toolbar.js

@@ -47,7 +47,7 @@ const mainToolbarWrapperStyle = (isTwoLineEditorToolbar = false) => 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 stickyToolbarWrapperStyle = css`
 	/* stylelint-disable declaration-block-no-duplicate-properties */
 	position: relative;
@@ -78,6 +78,7 @@ const StickyToolbar = props => {
   return (
     // eslint-disable-next-line @atlaskit/design-system/prefer-primitives
     jsx("div", {
+      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
       css: [mainToolbarWrapperStyle(props.twoLineEditorToolbar), stickyToolbarWrapperStyle]
       // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
       ,
@@ -94,6 +95,7 @@ const StickyToolbar = props => {
 const FixedToolbar = props =>
 // eslint-disable-next-line @atlaskit/design-system/prefer-primitives
 jsx("div", {
+  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
   css: mainToolbarWrapperStyle(props.twoLineEditorToolbar),
   "data-testid": "ak-editor-main-toolbar"
 }, props.children);

package/dist/es2019/ui/Appearance/FullPage/FullPage.js

@@ -48,6 +48,7 @@ export const FullPageEditor = props => {
   }
   const isEditorToolbarHidden = (editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode) === 'view';
   return jsx(ContextPanelWidthProvider, null, 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: fullPageEditorWrapper
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,

package/dist/es2019/ui/Appearance/FullPage/FullPageContentArea.js

@@ -30,7 +30,13 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
   }) => {
     var _contentAreaRef$curre;
     return jsx("div", {
-      css: [contentArea, props.isEditorToolbarHidden && contentAreaHeightNoToolbar, positionedOverEditor && positionedOverEditorStyle],
+      css: [
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+      contentArea,
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+      props.isEditorToolbarHidden && contentAreaHeightNoToolbar,
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+      positionedOverEditor && positionedOverEditorStyle],
       "data-testid": CONTENT_AREA_TEST_ID
     }, jsx(ScrollContainer
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -42,6 +48,7 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
       editorView: props.editorView,
       editorDisabled: props.disabled
     }, 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: editorContentAreaStyle({
         fullWidthMode,
         layoutMaxWidth: theme.layoutMaxWidth,
@@ -51,6 +58,7 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
       "aria-label": props.intl.formatMessage(messages.editableContentLabel),
       ref: contentAreaRef
     }, 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: editorContentGutterStyle
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       ,

package/dist/es2019/ui/Appearance/FullPage/FullPageToolbar.js

@@ -17,7 +17,9 @@ export const EditorToolbar = /*#__PURE__*/React.memo(props => {
 
   // When primary toolbar components is undefined, do not show two line editor toolbar
   const twoLineEditorToolbar = !!props.customPrimaryToolbarComponents && !!((_props$featureFlags = props.featureFlags) !== null && _props$featureFlags !== void 0 && _props$featureFlags.twoLineEditorToolbar);
-  const nonCustomToolbar = jsx("div", {
+  const nonCustomToolbar =
+  // 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", {
     css: nonCustomToolbarWrapperStyle
   }, props.beforeIcon && jsx("div", {
     css: mainToolbarIconBeforeStyle
@@ -37,7 +39,9 @@ export const EditorToolbar = /*#__PURE__*/React.memo(props => {
     hasMinWidth: props.hasMinWidth,
     twoLineEditorToolbar: twoLineEditorToolbar
   }));
-  const customToolbar = jsx("div", {
+  const customToolbar =
+  // 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", {
     css: customToolbarWrapperStyle
   }, twoLineEditorToolbar && !!props.customPrimaryToolbarComponents && 'before' in props.customPrimaryToolbarComponents ? jsx(BeforePrimaryToolbarWrapper, {
     beforePrimaryToolbarComponents: (_props$customPrimaryT = props.customPrimaryToolbarComponents) === null || _props$customPrimaryT === void 0 ? void 0 : _props$customPrimaryT.before
@@ -90,13 +94,16 @@ export const EditorToolbar = /*#__PURE__*/React.memo(props => {
     handleEscape: handleEscape,
     intl: props.intl
   }, 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: mainToolbarStyle(props.showKeyline || contextPanelWidth > 0, twoLineEditorToolbar),
     "data-testid": "ak-editor-main-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: mainToolbarFirstChildStyle(twoLineEditorToolbar),
     role: "toolbar",
     "aria-label": props.intl.formatMessage(messages.toolbarLabel)
   }, shouldSplitToolbar ? customToolbar : nonCustomToolbar), 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: mainToolbarSecondChildStyle(twoLineEditorToolbar),
     "data-testid": 'avatar-group-outside-plugin',
     role: "region",

package/dist/es2019/ui/Appearance/FullPage/MainToolbar.js

@@ -5,11 +5,16 @@ export const MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT = 868;
 
 // box-shadow is overriden by the mainToolbar
 const mainToolbarWithKeyline = css({
-  boxShadow: getBooleanFF('platform.confluence.frontend.narrow-full-page-editor-toolbar') ? `${"var(--ds-shadow-overflow, 0px 0px 8px #091E4228, 0px 0px 1px #091E421e)"}` : `0 ${akEditorToolbarKeylineHeight}px 0 0 ${"var(--ds-background-accent-gray-subtlest, #F1F2F4)"}`
+  // 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: getBooleanFF('platform.confluence.frontend.narrow-full-page-editor-toolbar') ? `${"var(--ds-shadow-overflow, 0px 0px 8px #091E4228, 0px 0px 1px #091E421e)"}` :
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  `0 ${akEditorToolbarKeylineHeight}px 0 0 ${"var(--ds-background-accent-gray-subtlest, #F1F2F4)"}`
 });
 const mainToolbarTwoLineStyle = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   [`@media (max-width: ${MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT}px)`]: {
     flexWrap: 'wrap',
+    // 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: `calc(${FULL_PAGE_EDITOR_TOOLBAR_HEIGHT()} * 2)`
   }
 });
@@ -17,26 +22,37 @@ const mainToolbar = css({
   position: 'relative',
   alignItems: 'center',
   boxShadow: '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
   borderBottom: getBooleanFF('platform.confluence.frontend.narrow-full-page-editor-toolbar') ? `1px solid ${"var(--ds-border, #091E4224)"}` : undefined,
+  // 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: `box-shadow 200ms ${akEditorSwoopCubicBezier}`,
+  // 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: akEditorFloatingDialogZIndex,
   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
   height: FULL_PAGE_EDITOR_TOOLBAR_HEIGHT(),
   flexShrink: 0,
   backgroundColor: "var(--ds-surface, white)",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& object': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
     height: '0 !important'
   },
+  // 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 (max-width: ${akEditorMobileMaxWidth}px)`]: {
     display: 'grid',
+    // 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: `calc(${FULL_PAGE_EDITOR_TOOLBAR_HEIGHT()} * 2)`
   }
 });
 export const mainToolbarStyle = (showKeyline, twoLineEditorToolbar) => [mainToolbar, showKeyline && mainToolbarWithKeyline, twoLineEditorToolbar && mainToolbarTwoLineStyle];
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const mainToolbarIconBeforeStyle = css({
   margin: "var(--ds-space-200, 16px)",
   height: "var(--ds-space-400, 32px)",
   width: "var(--ds-space-400, 32px)",
+  // 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 (max-width: ${akEditorMobileMaxWidth}px)`]: {
     gridColumn: 1,
     gridRow: 1
@@ -45,14 +61,17 @@ export const mainToolbarIconBeforeStyle = css({
 const mainToolbarFirstChild = css({
   display: 'flex',
   flexGrow: 1,
+  // 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 (max-width: ${akEditorMobileMaxWidth}px)`]: {
     gridColumn: 1,
     gridRow: 1
   }
 });
 const mainToolbarFirstChildTowLine = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   [`@media (max-width: ${MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT}px)`]: {
     flex: '1 1 100%',
+    // 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: FULL_PAGE_EDITOR_TOOLBAR_HEIGHT(),
     justifyContent: 'flex-end',
     minWidth: 'fit-content'
@@ -63,21 +82,27 @@ const mainToolbarSecondChild = css({
   minWidth: 'fit-content'
 });
 const mainToolbarSecondChildTwoLine = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   [`@media (max-width: ${MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT}px)`]: {
     display: 'flex',
     flexGrow: 1,
     flex: '1 1 100%',
     margin: 'auto',
+    // 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: FULL_PAGE_EDITOR_TOOLBAR_HEIGHT(),
     minWidth: 0
   }
 });
 export const mainToolbarSecondChildStyle = twoLineEditorToolbar => [mainToolbarSecondChild, twoLineEditorToolbar && mainToolbarSecondChildTwoLine];
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const nonCustomToolbarWrapperStyle = css({
   alignItems: 'center',
   display: 'flex',
   flexGrow: 1
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const customToolbarWrapperStyle = css({
   alignItems: 'center',
   display: 'flex'