@atlaskit/editor-core 193.25.4 → 193.27.0

package/dist/esm/presets/universal.js

@@ -77,7 +77,10 @@ export default function createUniversalPreset(appearance, props, featureFlags, p
     hyperlinkOptions: _objectSpread({
       lpLinkPicker: (_featureFlags$lpLinkP = featureFlags.lpLinkPicker) !== null && _featureFlags$lpLinkP !== void 0 ? _featureFlags$lpLinkP : false
     }, props.hyperlinkOptions),
-    __livePage: props.__livePage
+    __livePage: props.__livePage,
+    codeBlock: _objectSpread(_objectSpread({}, props.codeBlock), {}, {
+      getEditorFeatureFlags: getEditorFeatureFlags
+    })
   }));
   var statusMenuDisabled = !props.allowStatus ? true : _typeof(props.allowStatus) === 'object' ? Boolean(props.allowStatus.menuDisabled) : false;
   var hasBeforePrimaryToolbar = function hasBeforePrimaryToolbar(components) {
@@ -93,7 +96,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: 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, _objectSpread(_objectSpread({}, props.media), {}, {
@@ -117,8 +121,11 @@ 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: getEditorFeatureFlags
+  }], Boolean(props.mentionProvider)).maybeAdd([emojiPlugin, {
+    getEditorFeatureFlags: getEditorFeatureFlags
+  }], Boolean(props.emojiProvider)).maybeAdd([tablesPlugin, {
     tableOptions: !props.allowTables || typeof props.allowTables === 'boolean' ? {} : props.allowTables,
     tableResizingEnabled: ['full-page', 'full-width'].includes(appearance || ''),
     dragAndDropEnabled: (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.tableDragAndDrop) && isFullPage,
@@ -131,7 +138,8 @@ export default function createUniversalPreset(appearance, props, featureFlags, p
   }], Boolean(props.allowTables)).maybeAdd([tasksAndDecisionsPlugin, {
     allowNestedTasks: props.allowNestedTasks,
     consumeTabs: isFullPage,
-    useLongPressSelection: false
+    useLongPressSelection: false,
+    getEditorFeatureFlags: getEditorFeatureFlags
   }], Boolean(props.allowTasksAndDecisions || props.taskDecisionProvider)).maybeAdd([feedbackDialogPlugin, _objectSpread({
     coreVersion: coreVersion
   }, props.feedbackInfo)], Boolean(props.feedbackInfo)).maybeAdd([helpDialogPlugin, !!props.legacyImageUploadProvider], Boolean(props.allowHelpDialog)).maybeAdd([saveOnEnterPlugin, props.onSave], Boolean(props.saveOnEnter && props.onSave)).maybeAdd(imageUploadPlugin, Boolean(props.legacyImageUploadProvider)).maybeAdd(
@@ -150,7 +158,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: 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,
@@ -163,7 +172,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: getEditorFeatureFlags
   }], Boolean(props.allowDate)).maybeAdd([placeholderTextPlugin,
   // @ts-expect-error 2322: Type 'false | PlaceholderTextOptions | undefined'
   props.allowTemplatePlaceholders !== true ? props.allowTemplatePlaceholders : {}], Boolean(props.allowTemplatePlaceholders)).maybeAdd([layoutPlugin, _objectSpread(_objectSpread({}, _typeof(props.allowLayouts) === 'object' ? props.allowLayouts : {}), {}, {
@@ -177,7 +187,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: 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/esm/ui/Addon/ClickAreaMobile/index.js

@@ -22,7 +22,9 @@ var clickWrapper = function clickWrapper(_ref) {
     minHeight = _ref.minHeight;
   return css({
     height: '100%'
-  }, isExpanded && minHeight ? "min-height: ".concat(minHeight, "px") : '');
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  isExpanded && minHeight ? "min-height: ".concat(minHeight, "px") : '');
 };
 /**
  * Click Area is responsible for improving UX by ensuring the user
@@ -76,6 +78,7 @@ var ClickAreaMobile = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function 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/esm/ui/Addon/Dropdown/index.js

@@ -44,6 +44,8 @@ var DropdownWrapper = /*#__PURE__*/function (_React$Component) {
           onClick: _this2.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/esm/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 var 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: "".concat(borderRadius(), "px"),
   boxShadow: "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(N60A, ", 0 0 1px ").concat(N60A), ")"),
   boxSizing: 'border-box',

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

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

package/dist/esm/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 var dropdownItem = css({
   display: 'flex',
   alignItems: 'center',
@@ -7,6 +8,7 @@ export var dropdownItem = css({
   textDecoration: 'none',
   padding: "var(--ds-space-100, 8px)".concat(" ", "var(--ds-space-400, 32px)", " ", "var(--ds-space-100, 8px)", " ", "var(--ds-space-150, 12px)"),
   color: "var(--ds-text, ".concat(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/esm/ui/Appearance/Chromeless.js

@@ -21,15 +21,19 @@ var 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)"
     }
@@ -73,9 +77,15 @@ var Editor = /*#__PURE__*/function (_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: "".concat(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: "".concat(minHeight, "px")
         })],
         "data-testid": "chromeless-editor",

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

@@ -36,6 +36,7 @@ var CommentEditorMargin = 14;
 var 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)".concat(" ", "var(--ds-space-100, 8px)", " ", "var(--ds-space-100, 8px)")
   },
@@ -44,24 +45,31 @@ var commentEditorStyles = css({
   backgroundColor: "var(--ds-background-input, white)",
   border: "1px solid ".concat("var(--ds-border-input, ".concat(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: "".concat(borderRadius(), "px"),
   maxWidth: 'inherit',
   wordWrap: 'break-word'
 });
 var 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% + ".concat(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';
 var secondaryToolbarStyles = css({
   boxSizing: 'border-box',
@@ -142,7 +150,10 @@ var Editor = /*#__PURE__*/function (_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: "".concat(minHeight, "px")
         })]
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -185,7 +196,10 @@ var Editor = /*#__PURE__*/function (_React$Component) {
           ref: function ref(_ref3) {
             return _this.containerElement = _ref3;
           },
-          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: "".concat(maxHeight, "px")
           }) : null
           // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -337,7 +351,10 @@ var EditorNext = function 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: "".concat(minHeight, "px")
     })]
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -378,7 +395,10 @@ var EditorNext = function EditorNext(props) {
     var width = _ref5.width;
     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: "".concat(maxHeight, "px")
       }) : null
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766

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

@@ -16,7 +16,7 @@ var mainToolbarWrapperStyle = function mainToolbarWrapperStyle() {
   return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tposition: relative;\n\talign-items: center;\n\tpadding: ", " ", " 0;\n\tdisplay: flex;\n\theight: auto;\n\tbackground-color: ", ";\n\tbox-shadow: none;\n\tpadding-left: ", ";\n\n\t& > div {\n\t\t> :first-child:not(style),\n\t\t> style:first-child + * {\n\t\t\tmargin-left: 0;\n\t\t}\n\t\t", "\n\t}\n\n\t.block-type-btn {\n\t\tpadding-left: 0;\n\t}\n"])), "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", "var(--ds-surface, white)", "var(--ds-space-250, 20px)", isTwoLineEditorToolbar && "\n        @media (max-width: ".concat(MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT, "px) {\n          flex-direction: column-reverse;\n          align-items: end;\n          display: flex;\n          justify-content: flex-end;\n        }\n\n        //make this more explicit for a toolbar\n        > *:nth-child(1) {\n          @media (max-width: ").concat(MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT, "px) {\n            > div:nth-child(2) {\n              justify-content: flex-end;\n              display: flex;\n            }\n          }\n        }\n    "));
 };
 
-// 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
 var stickyToolbarWrapperStyle = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n\t/* stylelint-disable declaration-block-no-duplicate-properties */\n\tposition: relative;\n\tposition: sticky;\n\t/* stylelint-enable declaration-block-no-duplicate-properties */\n\tpadding-bottom: ", ";\n\tz-index: ", ";\n\ttransition: box-shadow ease-in-out 0.2s;\n\t&.show-keyline {\n\t\tbox-shadow: 0 ", "px 0 0\n\t\t\t", ";\n\t}\n"])), "var(--ds-space-100, 8px)", akEditorMenuZIndex, akEditorToolbarKeylineHeight, "var(--ds-background-accent-gray-subtlest, #F1F2F4)");
 var StickyToolbar = function StickyToolbar(props) {
   var _useState = useState(0),
@@ -38,6 +38,7 @@ var StickyToolbar = function 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
       ,
@@ -55,6 +56,7 @@ var FixedToolbar = function FixedToolbar(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),
       "data-testid": "ak-editor-main-toolbar"
     }, props.children)

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

@@ -55,6 +55,7 @@ export var FullPageEditor = function FullPageEditor(props) {
   }
   var 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/esm/ui/Appearance/FullPage/FullPageContentArea.js

@@ -31,7 +31,13 @@ var Content = /*#__PURE__*/React.forwardRef(function (props, ref) {
       var _contentAreaRef$curre;
       var positionedOverEditor = _ref2.positionedOverEditor;
       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
@@ -43,6 +49,7 @@ var Content = /*#__PURE__*/React.forwardRef(function (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: fullWidthMode,
           layoutMaxWidth: theme.layoutMaxWidth,
@@ -52,6 +59,7 @@ var Content = /*#__PURE__*/React.forwardRef(function (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/esm/ui/Appearance/FullPage/FullPageToolbar.js

@@ -21,7 +21,9 @@ export var EditorToolbar = /*#__PURE__*/React.memo(function (props) {
 
   // When primary toolbar components is undefined, do not show two line editor toolbar
   var twoLineEditorToolbar = !!props.customPrimaryToolbarComponents && !!((_props$featureFlags = props.featureFlags) !== null && _props$featureFlags !== void 0 && _props$featureFlags.twoLineEditorToolbar);
-  var nonCustomToolbar = jsx("div", {
+  var 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
@@ -41,7 +43,9 @@ export var EditorToolbar = /*#__PURE__*/React.memo(function (props) {
     hasMinWidth: props.hasMinWidth,
     twoLineEditorToolbar: twoLineEditorToolbar
   }));
-  var customToolbar = jsx("div", {
+  var 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
@@ -96,13 +100,16 @@ export var EditorToolbar = /*#__PURE__*/React.memo(function (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/esm/ui/Appearance/FullPage/MainToolbar.js

@@ -6,33 +6,45 @@ export var MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT = 868;
 
 // box-shadow is overriden by the mainToolbar
 var 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 ".concat(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 ".concat(akEditorToolbarKeylineHeight, "px 0 0 ", "var(--ds-background-accent-gray-subtlest, #F1F2F4)")
 });
 var mainToolbarTwoLineStyle = css(_defineProperty({}, "@media (max-width: ".concat(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(".concat(FULL_PAGE_EDITOR_TOOLBAR_HEIGHT(), " * 2)")
 }));
 var mainToolbar = css(_defineProperty({
   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 ".concat("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 ".concat(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'
   }
 }, "@media (max-width: ".concat(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(".concat(FULL_PAGE_EDITOR_TOOLBAR_HEIGHT(), " * 2)")
 }));
 export var mainToolbarStyle = function mainToolbarStyle(showKeyline, twoLineEditorToolbar) {
   return [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 var mainToolbarIconBeforeStyle = css(_defineProperty({
   margin: "var(--ds-space-200, 16px)",
   height: "var(--ds-space-400, 32px)",
@@ -50,6 +62,7 @@ var mainToolbarFirstChild = css(_defineProperty({
 }));
 var mainToolbarFirstChildTowLine = css(_defineProperty({}, "@media (max-width: ".concat(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'
@@ -65,17 +78,22 @@ var mainToolbarSecondChildTwoLine = css(_defineProperty({}, "@media (max-width:
   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 var mainToolbarSecondChildStyle = function mainToolbarSecondChildStyle(twoLineEditorToolbar) {
   return [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 var 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 var customToolbarWrapperStyle = css({
   alignItems: 'center',
   display: 'flex'

package/dist/esm/ui/Appearance/FullPage/StyledComponents.js

@@ -8,10 +8,14 @@ import { akEditorContextPanelWidth, akEditorFullWidthLayoutWidth, akEditorGutter
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { createEditorContentStyle } from '../../ContentStyles';
 import { scrollbarStyles } from '../../styles';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
 var SWOOP_ANIMATION = "0.5s ".concat(akEditorSwoopCubicBezier);
 var getTotalPadding = function getTotalPadding() {
   return akEditorGutterPaddingDynamic() * 2;
 };
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export var fullPageEditorWrapper = css({
   minWidth: '340px',
   height: '100%',
@@ -27,34 +31,50 @@ var scrollStyles = css({
   display: 'flex',
   flexDirection: 'column',
   scrollBehavior: 'smooth'
-}, 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);
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export var ScrollContainer = createEditorContentStyle(scrollStyles);
 ScrollContainer.displayName = 'ScrollContainer';
 
 // transition used to match scrollbar with config panel opening animation
 // only use animation when opening as there is a bug with floating toolbars.
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export var positionedOverEditorStyle = css({
-  // 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
   paddingRight: "".concat(akEditorContextPanelWidth, "px"),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   transition: "padding 500ms ".concat(akEditorSwoopCubicBezier),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '.fabric-editor-popup-scroll-parent': {
-    // 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
     paddingLeft: "".concat(akEditorContextPanelWidth, "px"),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     transition: "padding 500ms ".concat(akEditorSwoopCubicBezier)
   }
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export var contentArea = css({
   display: 'flex',
   flexDirection: 'row',
+  // 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(100% - ".concat(FULL_PAGE_EDITOR_TOOLBAR_HEIGHT(), ")"),
   boxSizing: 'border-box',
   margin: 0,
   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
   transition: "padding 0ms ".concat(akEditorSwoopCubicBezier)
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export var contentAreaHeightNoToolbar = css({
   height: '100%'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export var sidebarArea = css({
   height: '100%',
   boxSizing: 'border-box',
@@ -63,11 +83,15 @@ export var sidebarArea = css({
 
 // initially hide until we have a containerWidth and can properly size them,
 // otherwise they can cause the editor width to extend which is non-recoverable
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export var editorContentAreaHideContainer = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '.fabric-editor--full-width-mode': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '.pm-table-container, .code-block, .extension-container': {
       display: 'none'
     },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '.multiBodiedExtension--container': {
       display: 'none'
     }
@@ -77,20 +101,29 @@ export var editorContentAreaHideContainer = css({
 /* Prevent horizontal scroll on page in full width mode */
 var editorContentAreaContainerStyle = function editorContentAreaContainerStyle(containerWidth) {
   return css({
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '.fabric-editor--full-width-mode': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
       '.code-block, .extension-container': {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
         maxWidth: "".concat(containerWidth - getTotalPadding() - tableMarginFullWidthMode * 2, "px")
       },
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
       '.extension-container.inline': {
         maxWidth: '100%'
       },
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
       'td .extension-container.inline': {
         maxWidth: 'inherit'
       },
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
       '.multiBodiedExtension--container': {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
         maxWidth: "".concat(containerWidth - getTotalPadding() - tableMarginFullWidthMode * 2, "px")
       },
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
       '[data-layout-section]': {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
         maxWidth: "".concat(containerWidth - getTotalPadding() + akLayoutGutterOffset * 2, "px")
       }
     }
@@ -105,6 +138,7 @@ export var editorContentAreaStyle = function editorContentAreaStyle(_ref) {
 var editorContentAreaWithLayoutWith = function editorContentAreaWithLayoutWith(layoutMaxWidth) {
   return css({
     // this restricts max width
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     maxWidth: "".concat(layoutMaxWidth + getTotalPadding(), "px")
   });
 };
@@ -117,11 +151,14 @@ var editorContentArea = css({
   margin: 'auto',
   flexDirection: 'column',
   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
   maxWidth: "".concat(akEditorFullWidthLayoutWidth + getTotalPadding(), "px"),
   transition: "max-width ".concat(SWOOP_ANIMATION),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& .ProseMirror': (_ProseMirror = {
     flexGrow: 1,
     boxSizing: 'border-box',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '& > *': {
       clear: 'both'
     }
@@ -130,20 +167,30 @@ var editorContentArea = css({
   }), _defineProperty(_ProseMirror, '> p:last-child', {
     marginBottom: "var(--ds-space-300, 24px)"
   }), _ProseMirror)
-}, tableFullPageEditorStyles, {
+},
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+tableFullPageEditorStyles, {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '.fabric-editor--full-width-mode': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '.fabric-editor-breakout-mark, .extension-container.block, .pm-table-container': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
       width: '100% !important'
     },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '.fabric-editor-breakout-mark': {
-      // 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
       marginLeft: 'unset !important',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
       transform: 'none !important'
     }
   }
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export var editorContentGutterStyle = css({
   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
   padding: getBooleanFF('platform.editor.core.increase-full-page-guttering') ? // there is no space token for 52px
   "0 52px" : "0 ".concat("var(--ds-space-400, 32px)")
 });