@atlaskit/editor-core 193.26.0 → 193.27.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/editor-core
 
+## 193.27.0
+
+### Minor Changes
+
+- [#110884](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/110884)
+  [`674f78166705c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/674f78166705c) -
+  [ux] [ED-23516] Change border color for highlight and text-color palettes to use tokens.
+  Changedefault palette color when undefined
+
+### Patch Changes
+
+- [#110390](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/110390)
+  [`bead123202369`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/bead123202369) -
+  [ux] [ED-23642] Reordering the typeahead so that date, status, code block & info panel are above
+  the fold (in the top 5 results)
+- Updated dependencies
+
 ## 193.26.0
 
 ### Minor Changes

package/compass.yml

@@ -47,6 +47,5 @@ customFields:
   - name: Test
     type: text
     value: null
-
 # Learn more about formatting compass.yml:
 # https://go.atlassian.com/compass-yml-format

package/dist/cjs/nodeviews/getInlineNodeViewProducer.styles.js

@@ -13,24 +13,30 @@ var _css;
 // For reasoning behind styles, see comments in:
 // ./getInlineNodeViewProducer -> portalChildren()
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 var InlineNodeViewSharedStyles = exports.InlineNodeViewSharedStyles = (0, _react.css)((_css = {}, (0, _defineProperty2.default)(_css, ".".concat(_reactNodeView.inlineNodeViewClassname), {
   display: 'inline',
   userSelect: 'all',
   whiteSpace: 'nowrap',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   '& > *:not(.zeroWidthSpaceContainer)': {
     whiteSpace: 'pre-wrap'
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& > .assistive': {
     userSelect: 'none'
   }
 }), (0, _defineProperty2.default)(_css, '&.ua-safari', (0, _defineProperty2.default)({}, ".".concat(_reactNodeView.inlineNodeViewClassname), {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   '::selection, *::selection': {
     background: 'transparent'
   }
 })), (0, _defineProperty2.default)(_css, "&.ua-chrome .".concat(_reactNodeView.inlineNodeViewClassname, " > span"), {
   userSelect: 'none'
 }), (0, _defineProperty2.default)(_css, ".".concat(_reactNodeView.inlineNodeViewClassname, "AddZeroWidthSpace"), {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   '::after': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     content: "'".concat(_utils.ZERO_WIDTH_SPACE, "'")
   }
 }), _css));

package/dist/cjs/presets/universal.js

@@ -85,7 +85,10 @@ function createUniversalPreset(appearance, props, featureFlags, prevAppearance,
     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 : (0, _typeof2.default)(props.allowStatus) === 'object' ? Boolean(props.allowStatus.menuDisabled) : false;
   var hasBeforePrimaryToolbar = function hasBeforePrimaryToolbar(components) {
@@ -101,7 +104,8 @@ function createUniversalPreset(appearance, props, featureFlags, prevAppearance,
     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(_guideline.guidelinePlugin, Boolean(!isMobile && !isComment && !isChromeless && (props.media || props.allowTables))).maybeAdd([_grid.gridPlugin, {
     shouldCalcBreakoutGridLines: isFullPage
   }], Boolean(props.media)).maybeAdd([_annotation.annotationPlugin, props.annotationProviders], Boolean(props.annotationProviders)).maybeAdd([_media.mediaPlugin, _objectSpread(_objectSpread({}, props.media), {}, {
@@ -125,8 +129,11 @@ function createUniversalPreset(appearance, props, featureFlags, prevAppearance,
     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(_emoji.emojiPlugin, Boolean(props.emojiProvider)).maybeAdd([_table.tablesPlugin, {
+    profilecardProvider: (_props$mention3 = props.mention) === null || _props$mention3 === void 0 ? void 0 : _props$mention3.profilecardProvider,
+    getEditorFeatureFlags: getEditorFeatureFlags
+  }], Boolean(props.mentionProvider)).maybeAdd([_emoji.emojiPlugin, {
+    getEditorFeatureFlags: getEditorFeatureFlags
+  }], Boolean(props.emojiProvider)).maybeAdd([_table.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,
@@ -139,7 +146,8 @@ function createUniversalPreset(appearance, props, featureFlags, prevAppearance,
   }], Boolean(props.allowTables)).maybeAdd([_tasksAndDecisions.tasksAndDecisionsPlugin, {
     allowNestedTasks: props.allowNestedTasks,
     consumeTabs: isFullPage,
-    useLongPressSelection: false
+    useLongPressSelection: false,
+    getEditorFeatureFlags: getEditorFeatureFlags
   }], Boolean(props.allowTasksAndDecisions || props.taskDecisionProvider)).maybeAdd([_feedbackDialog.feedbackDialogPlugin, _objectSpread({
     coreVersion: _versionWrapper.version
   }, props.feedbackInfo)], Boolean(props.feedbackInfo)).maybeAdd([_helpDialog.helpDialogPlugin, !!props.legacyImageUploadProvider], Boolean(props.allowHelpDialog)).maybeAdd([_saveOnEnter.saveOnEnterPlugin, props.onSave], Boolean(props.saveOnEnter && props.onSave)).maybeAdd(_imageUpload.imageUploadPlugin, Boolean(props.legacyImageUploadProvider)).maybeAdd(
@@ -158,7 +166,8 @@ function createUniversalPreset(appearance, props, featureFlags, prevAppearance,
   })], Boolean(props.collabEdit || props.collabEditProvider)).maybeAdd([_maxContentSize.maxContentSizePlugin, props.maxContentSize], Boolean(props.maxContentSize)).maybeAdd([_panel.panelPlugin, {
     useLongPressSelection: false,
     allowCustomPanel: (0, _typeof2.default)(props.allowPanel) === 'object' ? props.allowPanel.allowCustomPanel : false,
-    allowCustomPanelEdit: (0, _typeof2.default)(props.allowPanel) === 'object' ? props.allowPanel.allowCustomPanelEdit : false
+    allowCustomPanelEdit: (0, _typeof2.default)(props.allowPanel) === 'object' ? props.allowPanel.allowCustomPanelEdit : false,
+    getEditorFeatureFlags: getEditorFeatureFlags
   }], Boolean(props.allowPanel)).maybeAdd(_contextPanel.contextPanelPlugin, Boolean(isFullPage)).maybeAdd([_extension.extensionPlugin, {
     breakoutEnabled: appearance === 'full-page' && ((0, _typeof2.default)(props.allowExtension) === 'object' ? props.allowExtension.allowBreakout : true) !== false,
     extensionHandlers: props.extensionHandlers,
@@ -171,7 +180,8 @@ function createUniversalPreset(appearance, props, featureFlags, prevAppearance,
   // long term this and media should be consolidated into adding both only once
   // @ts-expect-error
   [_annotation.annotationPlugin, undefined], Boolean(!props.annotationProviders && props.allowConfluenceInlineComment)).maybeAdd([_date.datePlugin, {
-    weekStartDay: (0, _typeof2.default)(props.allowDate) === 'object' ? props.allowDate.weekStartDay : undefined
+    weekStartDay: (0, _typeof2.default)(props.allowDate) === 'object' ? props.allowDate.weekStartDay : undefined,
+    getEditorFeatureFlags: getEditorFeatureFlags
   }], Boolean(props.allowDate)).maybeAdd([_placeholderText.placeholderTextPlugin,
   // @ts-expect-error 2322: Type 'false | PlaceholderTextOptions | undefined'
   props.allowTemplatePlaceholders !== true ? props.allowTemplatePlaceholders : {}], Boolean(props.allowTemplatePlaceholders)).maybeAdd([_layout.layoutPlugin, _objectSpread(_objectSpread({}, (0, _typeof2.default)(props.allowLayouts) === 'object' ? props.allowLayouts : {}), {}, {
@@ -185,7 +195,8 @@ function createUniversalPreset(appearance, props, featureFlags, prevAppearance,
     editorAppearance: appearance
   })], Boolean(((_props$linking3 = props.linking) === null || _props$linking3 === void 0 ? void 0 : _props$linking3.smartLinks) || props.smartLinks || props.UNSAFE_cards)).maybeAdd(_customAutoformat.customAutoformatPlugin, Boolean(props.autoformattingProvider)).maybeAdd([_status.statusPlugin, {
     menuDisabled: statusMenuDisabled,
-    allowZeroWidthSpaceAfter: !isMobile
+    allowZeroWidthSpaceAfter: !isMobile,
+    getEditorFeatureFlags: getEditorFeatureFlags
   }], Boolean(props.allowStatus)).maybeAdd(_indentation.indentationPlugin, Boolean(props.allowIndentation)).maybeAdd(_scrollIntoView.scrollIntoViewPlugin, Boolean(props.autoScrollIntoView !== false)).add([_toolbarListsIndentation.toolbarListsIndentationPlugin, {
     showIndentationButtons: !!props.showIndentationButtons,
     allowHeadingAndParagraphIndentation: !!props.allowIndentation

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

@@ -27,7 +27,9 @@ var clickWrapper = function clickWrapper(_ref) {
     minHeight = _ref.minHeight;
   return (0, _react2.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
@@ -81,6 +83,7 @@ var ClickAreaMobile = exports.default = /*#__PURE__*/function (_React$Component)
     key: "render",
     value: function render() {
       return (0, _react2.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/cjs/ui/Addon/Dropdown/index.js

@@ -50,6 +50,8 @@ var DropdownWrapper = exports.default = /*#__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 (0, _react2.jsx)("div", {
         css: _styles.dropdown
       }, children);

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

@@ -7,10 +7,12 @@ exports.dropdown = void 0;
 var _react = require("@emotion/react");
 var _colors = require("@atlaskit/theme/colors");
 var _constants = require("@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
 var dropdown = exports.dropdown = (0, _react.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((0, _constants.borderRadius)(), "px"),
   boxShadow: "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(_colors.N60A, ", 0 0 1px ").concat(_colors.N60A), ")"),
   boxSizing: 'border-box',

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

@@ -10,6 +10,7 @@ var _styles = require("./styles");
 
 var DropdownItemWrapper = function DropdownItemWrapper(props) {
   return (0, _react.jsx)("div", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
     css: _styles.dropdownItem,
     onClick: function onClick() {
       return props.onClick && props.onClick({

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.dropdownItem = void 0;
 var _react = require("@emotion/react");
 var _colors = require("@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
 var dropdownItem = exports.dropdownItem = (0, _react.css)({
   display: 'flex',
   alignItems: 'center',
@@ -13,6 +14,7 @@ var dropdownItem = exports.dropdownItem = (0, _react.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(_colors.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/cjs/ui/Appearance/Chromeless.js

@@ -30,15 +30,19 @@ var chromelessEditorStyles = (0, _react2.css)({
   height: 'auto',
   overflowX: 'hidden',
   overflowY: 'auto'
-}, _styles.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
+_styles.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)"
     }
@@ -82,9 +86,15 @@ var Editor = exports.default = /*#__PURE__*/function (_React$Component) {
       return (0, _react2.jsx)(_WithFlash.default, {
         animate: maxContentSizeReached
       }, (0, _react2.jsx)("div", {
-        css: [chromelessEditorStyles, maxHeight && (0, _react2.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
+        (0, _react2.css)({
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
           maxHeight: "".concat(maxHeight, "px")
-        }), (0, _react2.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
+        (0, _react2.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/cjs/ui/Appearance/Comment/Comment.js

@@ -45,6 +45,7 @@ var CommentEditorMargin = 14;
 var commentEditorStyles = (0, _react2.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)")
   },
@@ -53,24 +54,31 @@ var commentEditorStyles = (0, _react2.css)({
   backgroundColor: "var(--ds-background-input, white)",
   border: "1px solid ".concat("var(--ds-border-input, ".concat(_colors.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((0, _constants.borderRadius)(), "px"),
   maxWidth: 'inherit',
   wordWrap: 'break-word'
 });
 var ContentArea = (0, _ContentStyles.createEditorContentStyle)((0, _react2.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: (0, _platformFeatureFlags.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 - _styles.GRID_GUTTER, "px)")
   },
   padding: "var(--ds-space-250, 20px)"
-}, _commonStyles.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
+_commonStyles.tableCommentEditorStyles));
 ContentArea.displayName = 'ContentArea';
 var secondaryToolbarStyles = (0, _react2.css)({
   boxSizing: 'border-box',
@@ -151,7 +159,10 @@ var Editor = /*#__PURE__*/function (_React$Component) {
       return (0, _react2.jsx)(_WithFlash.default, {
         animate: maxContentSizeReached
       }, (0, _react2.jsx)("div", {
-        css: [commentEditorStyles, (0, _react2.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
+        (0, _react2.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
@@ -194,7 +205,10 @@ var Editor = /*#__PURE__*/function (_React$Component) {
           ref: function ref(_ref3) {
             return _this.containerElement = _ref3;
           },
-          css: maxHeight ? (0, _react2.css)({
+          css: maxHeight ?
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+          (0, _react2.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
@@ -346,7 +360,10 @@ var EditorNext = function EditorNext(props) {
   return (0, _react2.jsx)(_WithFlash.default, {
     animate: maxContentSizeReached
   }, (0, _react2.jsx)("div", {
-    css: [commentEditorStyles, (0, _react2.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
+    (0, _react2.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
@@ -387,7 +404,10 @@ var EditorNext = function EditorNext(props) {
     var width = _ref5.width;
     return (0, _react2.jsx)(ContentArea, {
       ref: containerElement,
-      css: maxHeight ? (0, _react2.css)({
+      css: maxHeight ?
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+      (0, _react2.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/cjs/ui/Appearance/Comment/Toolbar.js

@@ -25,7 +25,7 @@ var mainToolbarWrapperStyle = function mainToolbarWrapperStyle() {
   return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\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 = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\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)", _editorSharedStyles.akEditorMenuZIndex, _editorSharedStyles.akEditorToolbarKeylineHeight, "var(--ds-background-accent-gray-subtlest, #F1F2F4)");
 var StickyToolbar = function StickyToolbar(props) {
   var _useState = (0, _react.useState)(0),
@@ -47,6 +47,7 @@ var StickyToolbar = function StickyToolbar(props) {
   return (
     // eslint-disable-next-line @atlaskit/design-system/prefer-primitives
     (0, _react2.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
       ,
@@ -64,6 +65,7 @@ var FixedToolbar = function FixedToolbar(props) {
   return (
     // eslint-disable-next-line @atlaskit/design-system/prefer-primitives
     (0, _react2.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/cjs/ui/Appearance/FullPage/FullPage.js

@@ -66,6 +66,7 @@ var FullPageEditor = exports.FullPageEditor = function FullPageEditor(props) {
   }
   var isEditorToolbarHidden = (editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode) === 'view';
   return (0, _react2.jsx)(_ui.ContextPanelWidthProvider, null, (0, _react2.jsx)("div", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
     css: _StyledComponents.fullPageEditorWrapper
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,

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

@@ -41,7 +41,13 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       var _contentAreaRef$curre;
       var positionedOverEditor = _ref2.positionedOverEditor;
       return (0, _react2.jsx)("div", {
-        css: [_StyledComponents.contentArea, props.isEditorToolbarHidden && _StyledComponents.contentAreaHeightNoToolbar, positionedOverEditor && _StyledComponents.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
+        _StyledComponents.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 && _StyledComponents.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 && _StyledComponents.positionedOverEditorStyle],
         "data-testid": CONTENT_AREA_TEST_ID
       }, (0, _react2.jsx)(_StyledComponents.ScrollContainer
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -53,6 +59,7 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
         editorView: props.editorView,
         editorDisabled: props.disabled
       }, (0, _react2.jsx)("div", {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
         css: (0, _StyledComponents.editorContentAreaStyle)({
           fullWidthMode: fullWidthMode,
           layoutMaxWidth: theme.layoutMaxWidth,
@@ -62,6 +69,7 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
         "aria-label": props.intl.formatMessage(_messages.fullPageMessages.editableContentLabel),
         ref: contentAreaRef
       }, (0, _react2.jsx)("div", {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
         css: _StyledComponents.editorContentGutterStyle
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
         ,

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

@@ -31,7 +31,9 @@ var EditorToolbar = exports.EditorToolbar = /*#__PURE__*/_react.default.memo(fun
 
   // 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 = (0, _react2.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
+  (0, _react2.jsx)("div", {
     css: _MainToolbar.nonCustomToolbarWrapperStyle
   }, props.beforeIcon && (0, _react2.jsx)("div", {
     css: _MainToolbar.mainToolbarIconBeforeStyle
@@ -51,7 +53,9 @@ var EditorToolbar = exports.EditorToolbar = /*#__PURE__*/_react.default.memo(fun
     hasMinWidth: props.hasMinWidth,
     twoLineEditorToolbar: twoLineEditorToolbar
   }));
-  var customToolbar = (0, _react2.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
+  (0, _react2.jsx)("div", {
     css: _MainToolbar.customToolbarWrapperStyle
   }, twoLineEditorToolbar && !!props.customPrimaryToolbarComponents && 'before' in props.customPrimaryToolbarComponents ? (0, _react2.jsx)(_BeforeWrapper.BeforePrimaryToolbarWrapper, {
     beforePrimaryToolbarComponents: (_props$customPrimaryT = props.customPrimaryToolbarComponents) === null || _props$customPrimaryT === void 0 ? void 0 : _props$customPrimaryT.before
@@ -106,13 +110,16 @@ var EditorToolbar = exports.EditorToolbar = /*#__PURE__*/_react.default.memo(fun
       handleEscape: handleEscape,
       intl: props.intl
     }, (0, _react2.jsx)("div", {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
       css: (0, _MainToolbar.mainToolbarStyle)(props.showKeyline || contextPanelWidth > 0, twoLineEditorToolbar),
       "data-testid": "ak-editor-main-toolbar"
     }, (0, _react2.jsx)("div", {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
       css: (0, _MainToolbar.mainToolbarFirstChildStyle)(twoLineEditorToolbar),
       role: "toolbar",
       "aria-label": props.intl.formatMessage(_messages.fullPageMessages.toolbarLabel)
     }, shouldSplitToolbar ? customToolbar : nonCustomToolbar), (0, _react2.jsx)("div", {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
       css: (0, _MainToolbar.mainToolbarSecondChildStyle)(twoLineEditorToolbar),
       "data-testid": 'avatar-group-outside-plugin',
       role: "region",

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

@@ -13,33 +13,45 @@ var MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT = exports.MAXIMUM_TWO_LINE_TOOLBAR_BREAK
 
 // box-shadow is overriden by the mainToolbar
 var mainToolbarWithKeyline = (0, _react.css)({
-  boxShadow: (0, _platformFeatureFlags.getBooleanFF)('platform.confluence.frontend.narrow-full-page-editor-toolbar') ? "var(--ds-shadow-overflow, 0px 0px 8px #091E4228, 0px 0px 1px #091E421e)" : "0 ".concat(_editorSharedStyles.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: (0, _platformFeatureFlags.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(_editorSharedStyles.akEditorToolbarKeylineHeight, "px 0 0 ", "var(--ds-background-accent-gray-subtlest, #F1F2F4)")
 });
 var mainToolbarTwoLineStyle = (0, _react.css)((0, _defineProperty2.default)({}, "@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((0, _editorSharedStyles.FULL_PAGE_EDITOR_TOOLBAR_HEIGHT)(), " * 2)")
 }));
 var mainToolbar = (0, _react.css)((0, _defineProperty2.default)({
   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: (0, _platformFeatureFlags.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(_editorSharedStyles.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: _editorSharedStyles.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: (0, _editorSharedStyles.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(_editorSharedStyles.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((0, _editorSharedStyles.FULL_PAGE_EDITOR_TOOLBAR_HEIGHT)(), " * 2)")
 }));
 var mainToolbarStyle = exports.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
 var mainToolbarIconBeforeStyle = exports.mainToolbarIconBeforeStyle = (0, _react.css)((0, _defineProperty2.default)({
   margin: "var(--ds-space-200, 16px)",
   height: "var(--ds-space-400, 32px)",
@@ -57,6 +69,7 @@ var mainToolbarFirstChild = (0, _react.css)((0, _defineProperty2.default)({
 }));
 var mainToolbarFirstChildTowLine = (0, _react.css)((0, _defineProperty2.default)({}, "@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: (0, _editorSharedStyles.FULL_PAGE_EDITOR_TOOLBAR_HEIGHT)(),
   justifyContent: 'flex-end',
   minWidth: 'fit-content'
@@ -72,17 +85,22 @@ var mainToolbarSecondChildTwoLine = (0, _react.css)((0, _defineProperty2.default
   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: (0, _editorSharedStyles.FULL_PAGE_EDITOR_TOOLBAR_HEIGHT)(),
   minWidth: 0
 }));
 var mainToolbarSecondChildStyle = exports.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
 var nonCustomToolbarWrapperStyle = exports.nonCustomToolbarWrapperStyle = (0, _react.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
 var customToolbarWrapperStyle = exports.customToolbarWrapperStyle = (0, _react.css)({
   alignItems: 'center',
   display: 'flex'