@atlaskit/editor-core 228.1.1 → 228.1.3

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # @atlaskit/editor-core
 
+## 228.1.3
+
+### Patch Changes
+
+- [`3f76a4ffe41c8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3f76a4ffe41c8) -
+  Cleanup `platform_editor_controls_increase_full_page_gutter` and the fully rolled-out
+  `platform_editor_controls` checks directly stacked with it, retaining the larger full-page gutter
+  permanently. Other controls experiment checks remain for iterative cleanup.
+- Updated dependencies
+
+## 228.1.2
+
+### Patch Changes
+
+- [`738675ffe5e64`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/738675ffe5e64) -
+  [ux] [EDITOR-8980] apply divider stroke to dividers in editor behind
+  `platform_editor_lovability_dividers_attributes`
+- [`30567ec57fc8c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/30567ec57fc8c) -
+  Opt the status picker into the ten-colour `palette` from `@atlaskit/status` behind
+  `platform_editor_update_status_colors`, uppercase the `data-color` attribute so the hex CSS
+  selectors match, and split the editor status styles so the pre-experiment semantic colour rules
+  can be deleted with the experiment. Hex colour rules are applied behind
+  `platform_editor_gracefully_render_status_color`.
+- Updated dependencies
+
 ## 228.1.1
 
 ### Patch Changes

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

@@ -15,7 +15,6 @@ var _reactIntl = require("react-intl");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _messages = require("@atlaskit/editor-common/messages");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var _ClickAreaBlock = require("../../Addon/ClickAreaBlock");
@@ -134,7 +133,7 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     "data-vc": "editor-content-area-region"
   }, /*#__PURE__*/_react.default.createElement("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: (0, _runtime.ax)([compiledStyles.editorContentGutterStyles, (0, _fg.fg)('platform_editor_controls_increase_full_page_gutter') && (0, _editorExperiment.editorExperiment)('platform_editor_controls', 'variant1') && compiledStyles.editorContentGutterStyleFG, (0, _editorExperiment.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
+    className: (0, _runtime.ax)([compiledStyles.editorContentGutterStyles, compiledStyles.editorContentGutterStyleFG, (0, _editorExperiment.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
       exposure: true
       // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
     }) && compiledStyles.editorContentReducedGutterStyles, (0, _classnames.default)('ak-editor-content-area', 'appearance-full-page', {

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

@@ -16,7 +16,6 @@ var _taskList = require("@atlaskit/adf-schema/task-list");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _messages = require("@atlaskit/editor-common/messages");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
@@ -356,9 +355,7 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     ref: contentAreaRef,
     "data-vc": "editor-content-area-region"
   }, (0, _react2.jsx)("div", {
-    css: [editorContentGutterStyles,
-    // eslint-disable-next-line @atlaskit/platform/no-preconditioning
-    (0, _fg.fg)('platform_editor_controls_increase_full_page_gutter') && (0, _editorExperiment.editorExperiment)('platform_editor_controls', 'variant1') && editorContentGutterStyleFG, (0, _editorExperiment.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
+    css: [editorContentGutterStyles, editorContentGutterStyleFG, (0, _editorExperiment.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
       exposure: true
     }) && editorContentReducedGutterStyles]
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766

package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css

@@ -27,6 +27,7 @@
 .cc-1wz6obl .ProseMirror.ProseMirror-focused:has(.ProseMirror-mark-boundary-cursor){caret-color:transparent}.cc-1wz6obl .ProseMirror:not(.ProseMirror-focused) .ProseMirror-mark-boundary-cursor{display:none}.cc-1wz6obl .ProseMirror:has(.ProseMirror-hide-cursor){caret-color:transparent}
 .cc-1aoj0mo .dateView-content-wrap.ak-editor-selected-node.danger .date-lozenger-container>span{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)}
 .cc-5hyj3q .ProseMirror hr.ak-editor-selected-node.danger{background-color:var(--ds-border-danger,#e2483d)}
+.cc-dgsww3 .ProseMirror hr[data-style=dashed]{-webkit-mask-image:linear-gradient(90deg,#000 0,#000 4px,transparent 0,transparent 10px);mask-image:linear-gradient(90deg,#000 0,#000 4px,transparent 0,transparent 10px);-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;-webkit-mask-size:10px 100%;mask-size:10px 100%}.cc-dgsww3 .ProseMirror hr[data-style=dotted]{-webkit-mask-image:radial-gradient(circle at center,#000 1px,transparent 1.1px);mask-image:radial-gradient(circle at center,#000 1px,transparent 1.1px);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;-webkit-mask-size:6px 2px;mask-size:6px 2px}.cc-dgsww3 .ProseMirror hr[data-style=sketch]{height:calc(2px + var(--ds-space-050, 4px) + var(--ds-space-050, 4px));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 10'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' d='M0 5C3 2 3 2 6 5C9 8 9 8 12 5C15 2 15 2 18 5C21 8 21 8 24 5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 10'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' d='M0 5C3 2 3 2 6 5C9 8 9 8 12 5C15 2 15 2 18 5C21 8 21 8 24 5'/%3E%3C/svg%3E");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;-webkit-mask-size:24px 10px;mask-size:24px 10px;padding-top:0;padding-bottom:0}.cc-dgsww3 .ProseMirror hr[data-style=fade]{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 27.4%,#000 74%,transparent);mask-image:linear-gradient(90deg,transparent 0,#000 27.4%,#000 74%,transparent);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}
 .cc-1mmt8n5 .show-diff-atomic-inline-changed-date{--show-diff-atomic-inline-changed-border-color:var(--ds-border-accent-purple,#af59e1);outline:2px solid var(--show-diff-atomic-inline-changed-border-color,var(--ds-border-accent-purple,#af59e1));outline-offset:1px;border-radius:var(--ds-radius-medium,6px)}.cc-1mmt8n5 .show-diff-atomic-inline-changed-date.show-diff-atomic-inline-changed-traditional{--show-diff-atomic-inline-changed-border-color:var(--ds-border-accent-green,#22a06b)}.cc-1mmt8n5 .date-lozenger-container span{white-space:unset}.cc-1mmt8n5 .dateView-content-wrap .date-lozenger-container{line-height:normal;cursor:pointer}.cc-1mmt8n5 .dateView-content-wrap.ak-editor-selected-node .date-lozenger-container>span{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent}.cc-1mmt8n5 .dateView-content-wrap.ak-editor-selected-node .date-lozenger-container>span ::selection, .cc-1mmt8n5 .dateView-content-wrap.ak-editor-selected-node .date-lozenger-container>span::selection{background-color:transparent}.cc-1mmt8n5 .dateView-content-wrap.ak-editor-selected-node .date-lozenger-container>span ::-moz-selection, .cc-1mmt8n5 .dateView-content-wrap.ak-editor-selected-node .date-lozenger-container>span::-moz-selection{background-color:transparent}.cc-1mmt8n5 .danger .dateView-content-wrap.ak-editor-selected-node .date-lozenger-container>span{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)}
 .cc-avdkma [data-prosemirror-node-name=date] .date-lozenger-container span{background-color:var(--ds-background-neutral,#0515240f);color:var(--ds-text,#292a2e);border-radius:var(--ds-radius-small,4px);padding-top:var(--ds-space-025,2px);padding-right:var(--ds-space-050,4px);padding-bottom:var(--ds-space-025,2px);padding-left:var(--ds-space-050,4px);margin-top:0;margin-right:1px;margin-bottom:0;margin-left:1px;position:relative;transition-property:background;transition-duration:.3s;white-space:nowrap;cursor:unset}.cc-avdkma [data-prosemirror-node-name=date] .date-lozenger-container span:hover{background-color:var(--ds-background-neutral-hovered,#0b120e24)}.cc-avdkma [data-prosemirror-node-name=date] .date-lozenger-container span.date-node-color-red{background-color:var(--ds-background-accent-red-subtlest,#ffeceb);color:var(--ds-text-accent-red,#ae2e24)}.cc-avdkma [data-prosemirror-node-name=date] .date-lozenger-container span.date-node-color-red:hover{background-color:var(--ds-background-accent-red-subtler,#ffd5d2)}
 .cc-ak695d .ak-editor-selected-node.danger>[data-decision-wrapper], .cc-ak695d ol[data-node-type=decisionList].ak-editor-selected-node.danger{background-color:var(--ds-background-danger,#ffeceb);box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)}
@@ -34,8 +35,7 @@
 .cc-k8dnnh .ak-editor-selected-node>[data-decision-wrapper], .cc-k8dnnh ol[data-node-type=decisionList].ak-editor-selected-node{border-radius:var(--ds-radius-small,4px);box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent;position:relative;-webkit-user-select:text}.cc-k8dnnh .ak-editor-selected-node>[data-decision-wrapper]:before, .cc-k8dnnh ol[data-node-type=decisionList].ak-editor-selected-node:before{position:absolute;content:"";left:0;right:0;top:0;bottom:0;width:100%;pointer-events:none;z-index:12;background-color:var(--ds-blanket-selected,#388bff14)}.cc-k8dnnh .ak-editor-selected-node>[data-decision-wrapper] ::selection, .cc-k8dnnh .ak-editor-selected-node>[data-decision-wrapper]::selection, .cc-k8dnnh ol[data-node-type=decisionList].ak-editor-selected-node ::selection, .cc-k8dnnh ol[data-node-type=decisionList].ak-editor-selected-node::selection{background-color:transparent}.cc-k8dnnh .ak-editor-selected-node>[data-decision-wrapper] ::-moz-selection, .cc-k8dnnh .ak-editor-selected-node>[data-decision-wrapper]::-moz-selection, .cc-k8dnnh ol[data-node-type=decisionList].ak-editor-selected-node ::-moz-selection, .cc-k8dnnh ol[data-node-type=decisionList].ak-editor-selected-node::-moz-selection{background-color:transparent}.cc-k8dnnh .danger .decisionItemView-content-wrap.ak-editor-selected-node>div{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d);background-color:var(--ds-blanket-danger,#ef5c4814)}.cc-k8dnnh .danger .decisionItemView-content-wrap.ak-editor-selected-node>div:after{content:none}.cc-k8dnnh [data-prosemirror-node-name=decisionItem]{list-style-type:none}.cc-k8dnnh [data-prosemirror-node-name=decisionItem]>[data-decision-wrapper]{cursor:pointer;display:flex;flex-direction:row;margin:var(--ds-space-100,8px) 0 0 0;padding:var(--ds-space-100,8px);padding-left:var(--ds-space-150,9pt);border-radius:var(--ds-radius-small,4px);background-color:var(--ds-background-neutral,#0515240f);position:relative}.cc-k8dnnh [data-prosemirror-node-name=decisionItem]>[data-decision-wrapper]>[data-component=icon]{flex-grow:0;flex-shrink:0;flex-basis:16px;height:1pc;width:1pc;margin:var(--ds-space-050,4px) var(--ds-space-150,9pt) 0 0;color:var(--ds-icon-subtle,#505258);display:flex;align-items:center;justify-content:center}.cc-k8dnnh [data-prosemirror-node-name=decisionItem]:not(:has([data-empty]):not(:has([data-type-ahead])))>[data-decision-wrapper]>[data-component=icon]{color:var(--ds-icon-success,#6a9a23)}.cc-k8dnnh [data-prosemirror-node-name=decisionItem]>[data-decision-wrapper]>[data-component=icon]>span{display:inline-block;flex-shrink:0;line-height:1}.cc-k8dnnh [data-prosemirror-node-name=decisionItem]>[data-decision-wrapper]>[data-component=icon]>span>svg{overflow-x:hidden;overflow-y:hidden;pointer-events:none;color:currentColor;vertical-align:bottom}.cc-k8dnnh [data-prosemirror-node-name=decisionItem]>[data-decision-wrapper]>[data-component=placeholder]{margin-top:0;margin-right:0;margin-bottom:0;margin-left:calc(var(--ds-space-100, 8px)*3.5);position:absolute;color:var(--ds-text-subtlest,#6b6e76);pointer-events:none;text-overflow:ellipsis;overflow-x:hidden;overflow-y:hidden;white-space:nowrap;max-width:calc(100% - 50px)}.cc-k8dnnh [data-prosemirror-node-name=decisionItem]:not(:has([data-empty]):not(:has([data-type-ahead])))>[data-decision-wrapper]>[data-component=placeholder]{display:none}.cc-k8dnnh [data-prosemirror-node-name=decisionItem]>[data-decision-wrapper]>[data-component=content]{margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;word-wrap:break-word;min-width:0;flex-grow:1;flex-shrink:1;flex-basis:auto}
 .cc-gfdhbo li[data-testid=show-diff-changed-decoration-node]::marker{color:var(--diff-decoration-marker-color)}
 .cc-15b3poi .inlineCardView-content-wrap [data-inlinecard-button-overlay=icon-wrapper-line-height] span{line-height:0}
-.cc-1ckfbi8{--ak-editor--large-gutter-padding:52px}
-.cc-1uahsw7{--ak-editor--large-gutter-padding:72px}
+.cc-9fht47{--ak-editor--large-gutter-padding:72px}
 @container editor-area (max-width: 600px){.cc-thmreh{--ak-editor--large-gutter-padding:24px}}
 .cc-j6p7k2{--editor-font-ugc-token-heading-h1:normal 600 1.71429em/1.16667 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}.cc-j6p7k2{--editor-font-ugc-token-heading-h2:normal 600 1.42857em/1.2 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}.cc-j6p7k2{--editor-font-ugc-token-heading-h3:normal 600 1.14286em/1.25 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}.cc-j6p7k2{--editor-font-ugc-token-heading-h4:normal 600 1em/1.14286 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}.cc-j6p7k2{--editor-font-ugc-token-heading-h5:normal 600 0.857143em/1.33333 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}.cc-j6p7k2{--editor-font-ugc-token-heading-h6:normal 600 0.785714em/1.45455 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}.cc-j6p7k2{--editor-font-ugc-token-body:normal 400 1em/1.714 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}.cc-j6p7k2{--editor-font-ugc-token-weight-heading-bold:700}
 .cc-1x753i0{--editor-font-ugc-token-body-small:normal 400 0.875em/1.714 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
@@ -177,7 +177,10 @@
 .cc-1ylkv5y .show-diff-atomic-inline-changed-status{--show-diff-atomic-inline-changed-border-color:var(--ds-border-accent-purple,#af59e1)}.cc-1ylkv5y .show-diff-atomic-inline-changed-status.show-diff-atomic-inline-changed-traditional{--show-diff-atomic-inline-changed-border-color:var(--ds-border-accent-green,#22a06b)}.cc-1ylkv5y .show-diff-atomic-inline-changed-status .lozenge-wrapper, .cc-1ylkv5y .show-diff-atomic-inline-changed-status .status-lozenge-span>span{box-shadow:0 0 0 2px var(--show-diff-atomic-inline-changed-border-color,var(--ds-border-accent-purple,#af59e1))}.cc-1ylkv5y .pm-table-cell-content-wrap .statusView-content-wrap, .cc-1ylkv5y .pm-table-header-content-wrap .statusView-content-wrap, .cc-1ylkv5y [data-layout-section] .statusView-content-wrap{max-width:100%;line-height:0}.cc-1ylkv5y .pm-table-cell-content-wrap .statusView-content-wrap>span, .cc-1ylkv5y .pm-table-header-content-wrap .statusView-content-wrap>span, .cc-1ylkv5y [data-layout-section] .statusView-content-wrap>span{width:100%}.cc-1ylkv5y .statusView-content-wrap>span{cursor:pointer;line-height:0}.cc-1ylkv5y .danger .status-lozenge-span>span{background-color:rgba(255,189,173,.5)}.cc-1ylkv5y .danger .statusView-content-wrap.ak-editor-selected-node .status-lozenge-span>span{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)}.cc-1ylkv5y [data-prosemirror-node-name=status] .lozenge-wrapper{background-color:var(--ds-background-neutral,#0515240f);max-width:100%;padding-inline:var(--ds-space-050,4px);display:inline-flex;border-radius:var(--ds-radius-small,3px);block-size:min-content;position:static;overflow-x:hidden;overflow-y:hidden;box-sizing:border-box;-webkit-appearance:none;appearance:none;border:none}.cc-1ylkv5y [data-prosemirror-node-name=status] .lozenge-text{font:normal var(--ds-font-weight-bold,653) 11px/1pc var(--ds-font-family-body,"Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif);overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;max-width:calc(200px - var(--ds-space-100, 8px))}
 .cc-1ki047n .statusView-content-wrap:not(.search-match-block).ak-editor-selected-node .status-lozenge-span>span{box-shadow:0 0 0 2px var(--ds-border-selected,#1868db)}.cc-1ki047n [data-prosemirror-node-name=status] .lozenge-text{color:#292a2e}.cc-1ki047n [data-prosemirror-node-name=status]>[data-color=neutral]>.lozenge-wrapper{background-color:#dddee1}.cc-1ki047n [data-prosemirror-node-name=status]>[data-color=purple]>.lozenge-wrapper{background-color:#d8a0f7}.cc-1ki047n [data-prosemirror-node-name=status]>[data-color=blue]>.lozenge-wrapper{background-color:#8fb8f6}.cc-1ki047n [data-prosemirror-node-name=status]>[data-color=yellow]>.lozenge-wrapper{background-color:#f9c84e}.cc-1ki047n [data-prosemirror-node-name=status]>[data-color=red]>.lozenge-wrapper{background-color:#fd9891}.cc-1ki047n [data-prosemirror-node-name=status]>[data-color=green]>.lozenge-wrapper{background-color:#b3df72}
 .cc-x6toxh .statusView-content-wrap:not(.search-match-block).ak-editor-selected-node .status-lozenge-span>span{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent}.cc-x6toxh .statusView-content-wrap:not(.search-match-block).ak-editor-selected-node .status-lozenge-span>span ::selection, .cc-x6toxh .statusView-content-wrap:not(.search-match-block).ak-editor-selected-node .status-lozenge-span>span::selection{background-color:transparent}.cc-x6toxh .statusView-content-wrap:not(.search-match-block).ak-editor-selected-node .status-lozenge-span>span ::-moz-selection, .cc-x6toxh .statusView-content-wrap:not(.search-match-block).ak-editor-selected-node .status-lozenge-span>span::-moz-selection{background-color:transparent}.cc-x6toxh [data-prosemirror-node-name=status]>[data-color=neutral] .lozenge-wrapper{background-color:var(--ds-background-neutral,#0515240f)}.cc-x6toxh [data-prosemirror-node-name=status]>[data-color=neutral] .lozenge-text{color:var(--ds-text-subtle,#505258)}.cc-x6toxh [data-prosemirror-node-name=status]>[data-color=purple] .lozenge-wrapper{background-color:var(--ds-background-discovery,#f8eefe)}.cc-x6toxh [data-prosemirror-node-name=status]>[data-color=purple] .lozenge-text{color:var(--ds-text-discovery,#803fa5)}.cc-x6toxh [data-prosemirror-node-name=status]>[data-color=blue] .lozenge-wrapper{background-color:var(--ds-background-information,#e9f2fe)}.cc-x6toxh [data-prosemirror-node-name=status]>[data-color=blue] .lozenge-text{color:var(--ds-text-information,#1558bc)}.cc-x6toxh [data-prosemirror-node-name=status]>[data-color=yellow] .lozenge-wrapper{background-color:var(--ds-background-warning,#fff5db)}.cc-x6toxh [data-prosemirror-node-name=status]>[data-color=yellow] .lozenge-text{color:var(--ds-text-warning,#9e4c00)}.cc-x6toxh [data-prosemirror-node-name=status]>[data-color=red] .lozenge-wrapper{background-color:var(--ds-background-danger,#ffeceb)}.cc-x6toxh [data-prosemirror-node-name=status]>[data-color=red] .lozenge-text{color:var(--ds-text-danger,#ae2e24)}.cc-x6toxh [data-prosemirror-node-name=status]>[data-color=green] .lozenge-wrapper{background-color:var(--ds-background-success,#efffd6)}.cc-x6toxh [data-prosemirror-node-name=status]>[data-color=green] .lozenge-text{color:var(--ds-text-success,#4c6b1f)}
-.cc-1szti83 [data-prosemirror-node-name=status] .lozenge-wrapper{padding-block-start:var(--ds-space-025,2px);padding-block-end:var(--ds-space-025,2px);padding-inline-start:var(--ds-space-050,4px);padding-inline-end:var(--ds-space-050,4px);align-items:center;border-radius:var(--ds-radius-small,4px);height:1.25rem;border:solid var(--ds-border-width,1px) transparent}.cc-1szti83 [data-prosemirror-node-name=status] .lozenge-text{text-transform:none;font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=neutral]>.lozenge-wrapper{background-color:var(--ds-background-neutral,#0515240f);border-color:var(--ds-border,#0b120e24)}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=neutral] .lozenge-text{color:var(--ds-text,#292a2e)}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=purple]>.lozenge-wrapper{background-color:var(--ds-background-discovery-subtler,#eed7fc);border-color:var(--ds-border-discovery-subtle,#d8a0f7)}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=purple] .lozenge-text{color:var(--ds-text-discovery-bolder,#48245d)}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=blue]>.lozenge-wrapper{background-color:var(--ds-background-information-subtler,#cfe1fd);border-color:var(--ds-border-information-subtle,#8fb8f6)}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=blue] .lozenge-text{color:var(--ds-text-information-bolder,#123263)}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=red]>.lozenge-wrapper{background-color:var(--ds-background-danger-subtler,#ffd5d2);border-color:var(--ds-border-danger-subtle,#fd9891)}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=red] .lozenge-text{color:var(--ds-text-danger-bolder,#5d1f1a)}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=yellow]>.lozenge-wrapper{background-color:var(--ds-background-warning-subtler,#fce4a6);border-color:var(--ds-border-warning-subtle,#fbc828)}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=yellow] .lozenge-text{color:var(--ds-text-warning-bolder,#693200)}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=green]>.lozenge-wrapper{background-color:var(--ds-background-success-subtler,#d3f1a7);border-color:var(--ds-border-success-subtle,#b3df72)}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=green] .lozenge-text{color:var(--ds-text-success-bolder,#37471f)}.cc-1szti83 .statusView-content-wrap:not(.search-match-block).ak-editor-selected-node .status-lozenge-span>span{box-shadow:0 0 0 2px var(--ds-border-selected,#1868db)}.cc-1szti83 .danger .statusView-content-wrap:not(.search-match-block).ak-editor-selected-node .status-lozenge-span>span{box-shadow:0 0 0 2px var(--ds-border-danger,#e2483d)}
+.cc-1szti83 [data-prosemirror-node-name=status] .lozenge-wrapper{padding-block-start:var(--ds-space-025,2px);padding-block-end:var(--ds-space-025,2px);padding-inline-start:var(--ds-space-050,4px);padding-inline-end:var(--ds-space-050,4px);align-items:center;border-radius:var(--ds-radius-small,4px);height:1.25rem;border:solid var(--ds-border-width,1px) transparent}.cc-1szti83 [data-prosemirror-node-name=status] .lozenge-text{text-transform:none;font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=neutral]>.lozenge-wrapper{background-color:var(--ds-background-neutral,#0515240f);border-color:var(--ds-border,#0b120e24)}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=neutral] .lozenge-text{color:var(--ds-text,#292a2e)}.cc-1szti83 .statusView-content-wrap:not(.search-match-block).ak-editor-selected-node .status-lozenge-span>span{box-shadow:0 0 0 2px var(--ds-border-selected,#1868db)}.cc-1szti83 .danger .statusView-content-wrap:not(.search-match-block).ak-editor-selected-node .status-lozenge-span>span{box-shadow:0 0 0 2px var(--ds-border-danger,#e2483d)}
+.cc-ba6gav [data-prosemirror-node-name=status]>[data-color=purple]>.lozenge-wrapper{background-color:var(--ds-background-discovery-subtler,#eed7fc);border-color:var(--ds-border-discovery-subtle,#d8a0f7)}.cc-ba6gav [data-prosemirror-node-name=status]>[data-color=purple] .lozenge-text{color:var(--ds-text-discovery-bolder,#48245d)}.cc-ba6gav [data-prosemirror-node-name=status]>[data-color=blue]>.lozenge-wrapper{background-color:var(--ds-background-information-subtler,#cfe1fd);border-color:var(--ds-border-information-subtle,#8fb8f6)}.cc-ba6gav [data-prosemirror-node-name=status]>[data-color=blue] .lozenge-text{color:var(--ds-text-information-bolder,#123263)}.cc-ba6gav [data-prosemirror-node-name=status]>[data-color=red]>.lozenge-wrapper{background-color:var(--ds-background-danger-subtler,#ffd5d2);border-color:var(--ds-border-danger-subtle,#fd9891)}.cc-ba6gav [data-prosemirror-node-name=status]>[data-color=red] .lozenge-text{color:var(--ds-text-danger-bolder,#5d1f1a)}.cc-ba6gav [data-prosemirror-node-name=status]>[data-color=yellow]>.lozenge-wrapper{background-color:var(--ds-background-warning-subtler,#fce4a6);border-color:var(--ds-border-warning-subtle,#fbc828)}.cc-ba6gav [data-prosemirror-node-name=status]>[data-color=yellow] .lozenge-text{color:var(--ds-text-warning-bolder,#693200)}.cc-ba6gav [data-prosemirror-node-name=status]>[data-color=green]>.lozenge-wrapper{background-color:var(--ds-background-success-subtler,#d3f1a7);border-color:var(--ds-border-success-subtle,#b3df72)}.cc-ba6gav [data-prosemirror-node-name=status]>[data-color=green] .lozenge-text{color:var(--ds-text-success-bolder,#37471f)}
+.cc-1gvo00o [data-prosemirror-node-name=status]>[data-color=blue]>.lozenge-wrapper{background-color:var(--ds-background-accent-blue-subtler,#cfe1fd);border-color:var(--ds-border-accent-blue-subtle,#8fb8f6)}.cc-1gvo00o [data-prosemirror-node-name=status]>[data-color=blue] .lozenge-text{color:var(--ds-text-accent-blue-bolder,#123263)}.cc-1gvo00o [data-prosemirror-node-name=status]>[data-color=purple]>.lozenge-wrapper{background-color:var(--ds-background-accent-purple-subtler,#eed7fc);border-color:var(--ds-border-accent-purple-subtle,#d8a0f7)}.cc-1gvo00o [data-prosemirror-node-name=status]>[data-color=purple] .lozenge-text{color:var(--ds-text-accent-purple-bolder,#48245d)}.cc-1gvo00o [data-prosemirror-node-name=status]>[data-color=red]>.lozenge-wrapper{background-color:var(--ds-background-accent-red-subtler,#ffd5d2);border-color:var(--ds-border-accent-red-subtle,#fd9891)}.cc-1gvo00o [data-prosemirror-node-name=status]>[data-color=red] .lozenge-text{color:var(--ds-text-accent-red-bolder,#5d1f1a)}.cc-1gvo00o [data-prosemirror-node-name=status]>[data-color=yellow]>.lozenge-wrapper{background-color:var(--ds-background-accent-orange-subtler,#fce4a6);border-color:var(--ds-border-accent-orange-subtle,#fbc828)}.cc-1gvo00o [data-prosemirror-node-name=status]>[data-color=yellow] .lozenge-text{color:var(--ds-text-accent-orange-bolder,#693200)}.cc-1gvo00o [data-prosemirror-node-name=status]>[data-color=green]>.lozenge-wrapper{background-color:var(--ds-background-accent-lime-subtler,#d3f1a7);border-color:var(--ds-border-accent-lime-subtle,#b3df72)}.cc-1gvo00o [data-prosemirror-node-name=status]>[data-color=green] .lozenge-text{color:var(--ds-text-accent-lime-bolder,#37471f)}
+.cc-1ky6mbc [data-prosemirror-node-name=status]>[data-color="#B3F5FF"]>.lozenge-wrapper{background-color:var(--ds-background-accent-teal-subtler,#c6edfb);border-color:var(--ds-border-accent-teal-subtle,#9dd9ee)}.cc-1ky6mbc [data-prosemirror-node-name=status]>[data-color="#B3F5FF"] .lozenge-text{color:var(--ds-text-accent-teal-bolder,#164555)}.cc-1ky6mbc [data-prosemirror-node-name=status]>[data-color="#ABF5D1"]>.lozenge-wrapper{background-color:var(--ds-background-accent-green-subtler,#baf3db);border-color:var(--ds-border-accent-green-subtle,#7ee2b8)}.cc-1ky6mbc [data-prosemirror-node-name=status]>[data-color="#ABF5D1"] .lozenge-text{color:var(--ds-text-accent-green-bolder,#164b35)}.cc-1ky6mbc [data-prosemirror-node-name=status]>[data-color="#D3F1A7"]>.lozenge-wrapper{background-color:var(--ds-background-accent-lime-subtler,#d3f1a7);border-color:var(--ds-border-accent-lime-subtle,#b3df72)}.cc-1ky6mbc [data-prosemirror-node-name=status]>[data-color="#D3F1A7"] .lozenge-text{color:var(--ds-text-accent-lime-bolder,#37471f)}.cc-1ky6mbc [data-prosemirror-node-name=status]>[data-color="#FFF0B3"]>.lozenge-wrapper{background-color:var(--ds-background-accent-yellow-subtler,#f5e989);border-color:var(--ds-border-accent-yellow-subtle,#eed12b)}.cc-1ky6mbc [data-prosemirror-node-name=status]>[data-color="#FFF0B3"] .lozenge-text{color:var(--ds-text-accent-yellow-bolder,#533f04)}.cc-1ky6mbc [data-prosemirror-node-name=status]>[data-color="#FCE4A6"]>.lozenge-wrapper{background-color:var(--ds-background-accent-orange-subtler,#fce4a6);border-color:var(--ds-border-accent-orange-subtle,#fbc828)}.cc-1ky6mbc [data-prosemirror-node-name=status]>[data-color="#FCE4A6"] .lozenge-text{color:var(--ds-text-accent-orange-bolder,#693200)}.cc-1ky6mbc [data-prosemirror-node-name=status]>[data-color="#FDD0EC"]>.lozenge-wrapper{background-color:var(--ds-background-accent-magenta-subtler,#fdd0ec);border-color:var(--ds-border-accent-magenta-subtle,#f797d2)}.cc-1ky6mbc [data-prosemirror-node-name=status]>[data-color="#FDD0EC"] .lozenge-text{color:var(--ds-text-accent-magenta-bolder,#50253f)}
 .cc-1kvcl18 .ProseMirror .telepointer{position:relative;transition-property:opacity;transition-duration:.2s}.cc-1kvcl18 .ProseMirror .telepointer.telepointer-selection:not(.inlineNodeView){line-height:1.2;pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.cc-1kvcl18 .ProseMirror .telepointer.telepointer-dim{opacity:.2}.cc-1kvcl18 .ProseMirror .telepointer.color-0{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-red-bolder,#c9372c)}.cc-1kvcl18 .ProseMirror .telepointer.color-1{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-blue-bolder,#1868db)}.cc-1kvcl18 .ProseMirror .telepointer.color-2{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-green-bolder,#1f845a)}.cc-1kvcl18 .ProseMirror .telepointer.color-3{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-yellow-bolder,#946f00)}.cc-1kvcl18 .ProseMirror .telepointer.color-4{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-purple-bolder,#964ac0)}.cc-1kvcl18 .ProseMirror .telepointer.color-5{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-magenta-bolder,#ae4787)}.cc-1kvcl18 .ProseMirror .telepointer.color-6{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-teal-bolder,#227d9b)}.cc-1kvcl18 .ProseMirror .telepointer.color-7{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-orange-bolder,#bd5b00)}.cc-1kvcl18 .ProseMirror .telepointer.color-8{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-lime-bolder,#5b7f24)}.cc-1kvcl18 .ProseMirror .telepointer.color-9{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-gray-bolder,#6b6e76)}.cc-1kvcl18 .ProseMirror .telepointer.color-10{--telepointer-participant-text-color:var(--ds-text-accent-gray-bolder,#1e1f21);--telepointer-participant-bg-color:var(--ds-background-accent-blue-subtle,#669df1)}.cc-1kvcl18 .ProseMirror .telepointer.color-11{--telepointer-participant-text-color:var(--ds-text-accent-gray-bolder,#1e1f21);--telepointer-participant-bg-color:var(--ds-background-accent-red-subtle,#f87168)}.cc-1kvcl18 .ProseMirror .telepointer.color-12{--telepointer-participant-text-color:var(--ds-text-accent-gray-bolder,#1e1f21);--telepointer-participant-bg-color:var(--ds-background-accent-orange-subtle,#fca700)}.cc-1kvcl18 .ProseMirror .telepointer.color-13{--telepointer-participant-text-color:var(--ds-text-accent-gray-bolder,#1e1f21);--telepointer-participant-bg-color:var(--ds-background-accent-yellow-subtle,#eed12b)}.cc-1kvcl18 .ProseMirror .telepointer.color-14{--telepointer-participant-text-color:var(--ds-text-accent-gray-bolder,#1e1f21);--telepointer-participant-bg-color:var(--ds-background-accent-green-subtle,#4bce97)}.cc-1kvcl18 .ProseMirror .telepointer.color-15{--telepointer-participant-text-color:var(--ds-text-accent-gray-bolder,#1e1f21);--telepointer-participant-bg-color:var(--ds-background-accent-teal-subtle,#6cc3e0)}.cc-1kvcl18 .ProseMirror .telepointer.color-16{--telepointer-participant-text-color:var(--ds-text-accent-gray-bolder,#1e1f21);--telepointer-participant-bg-color:var(--ds-background-accent-purple-subtle,#c97cf4)}.cc-1kvcl18 .ProseMirror .telepointer.color-17{--telepointer-participant-text-color:var(--ds-text-accent-gray-bolder,#1e1f21);--telepointer-participant-bg-color:var(--ds-background-accent-magenta-subtle,#e774bb)}.cc-1kvcl18 .ProseMirror .telepointer{--telepointer-participant-background-first-stop:-850000%;--telepointer-participant-background-second-stop:150000%}.cc-1kvcl18 .ProseMirror .telepointer[class*=color-]{background:linear-gradient(to bottom,var(--telepointer-participant-bg-color) var(--telepointer-participant-background-first-stop),transparent var(--telepointer-participant-background-second-stop))}.cc-1kvcl18 .ProseMirror .telepointer[class*=color-]:after{background-color:var(--telepointer-participant-bg-color);color:var(--telepointer-participant-text-color);border-color:var(--telepointer-participant-bg-color)}
 .cc-rm5obe .ProseMirror .telepointer{--telepointer-participant-background-first-stop:-800000%;--telepointer-participant-background-second-stop:200000%}.cc-134apo0 .ProseMirror .collab-agent-shimmer{animation-duration:1.25s;animation-iteration-count:infinite;animation-name:kufr8jz;animation-timing-function:linear;background-color:var(--ds-skeleton,#0515240f);background-image:linear-gradient(90deg,var(--ds-skeleton,#0515240f) 0,var(--ds-skeleton-subtle,#17171708) 50%,var(--ds-skeleton,#0515240f) 100%);background-size:200% 100%;border-radius:var(--ds-radius-xsmall,2px);-webkit-box-decoration-break:clone;box-decoration-break:clone;color:transparent;caret-color:transparent}.cc-134apo0 .ProseMirror .collab-agent-edit-highlight{animation-name:k1coy3hw;animation-timing-function:ease-in-out;animation-fill-mode:both;animation-duration:2s;border-bottom:var(--ds-border-width,1px) dashed transparent}.cc-134apo0 .ProseMirror .ai-in-editor-telepointer{position:relative;z-index:1}.cc-134apo0 .ProseMirror .ai-in-editor-telepointer>.ai-in-editor-telepointer-label{position:absolute;box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:var(--ds-space-025,2px);gap:var(--ds-space-075,6px);height:1pc;top:var(--ds-space-0,0);left:var(--ds-space-0,0);border-radius:0 var(--ds-space-050,4px) var(--ds-space-050,4px) 0;border:var(--ds-border-width,1px) solid transparent;background:linear-gradient(var(--ds-text,#292a2e),var(--ds-text,#292a2e)) padding-box,conic-gradient(from 270deg at 50% 50%,#1868db 0deg,#1868db 115deg,#fca700 115deg,#fca700 180deg,#bf63f3 180deg,#bf63f3 310deg,#82b536 310deg,#82b536 359.96deg,#1868db 1turn) border-box;font-family:var(--ds-font-family-body,"Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif);font-weight:var(--ds-font-weight-semibold,600);font-size:10px;line-height:9px;text-align:center;white-space:pre;color:var(--ds-text-inverse,#fff)}.cc-134apo0 .ProseMirror .ai-in-editor-telepointer:after{content:"";position:absolute;width:1px;height:24px;top:var(--ds-space-0,0);left:var(--ds-space-0,0);background:var(--ds-border-brand,#1868db)}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-selection-badge .telepointer-fullname, .cc-1uxxkh5 .ProseMirror .telepointer.telepointer-selection-badge .telepointer-initial{position:absolute;display:block;-webkit-user-select:none;-ms-user-select:none;user-select:none;white-space:pre;top:-14px;left:0;font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif);padding-left:var(--ds-space-050,4px);padding-right:var(--ds-space-050,4px);border-radius:0 var(--ds-radius-xsmall,2px) var(--ds-radius-xsmall,2px) 0}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-selection-badge .telepointer-initial{opacity:1;transition-property:opacity;transition-duration:.15s;transition-timing-function:ease-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-selection-badge .telepointer-fullname{opacity:0;transform:scaleX(0);transform-origin:top left;transition-property:transform,opacity;transition-duration:.15s,.15s;transition-timing-function:ease-out,ease-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-pulse-animate .telepointer-initial{animation-name:k7xl0d6;animation-duration:2.5s;animation-timing-function:ease-in-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-pulse-animate .telepointer-fullname{animation-name:kxlv1hz;animation-duration:2.5s;animation-timing-function:ease-in-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-pulse-during-tr .telepointer-initial{animation-name:k1g8d6yk;animation-duration:7.5s;animation-timing-function:ease-in-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-pulse-during-tr .telepointer-fullname{animation-name:k3895my;animation-duration:7.5s;animation-timing-function:ease-in-out}.cc-1uxxkh5 .ProseMirror .telepointer:hover .telepointer-initial{opacity:0;transition-delay:.15s}.cc-1uxxkh5 .ProseMirror .telepointer:hover .telepointer-fullname{transform:scaleX(1);opacity:1;z-index:1}
 .cc-aj20c0 .fabric-text-color-mark{color:var(--custom-palette-color,inherit)}.cc-aj20c0 a .fabric-text-color-mark{color:unset}

package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.js

@@ -18,6 +18,7 @@ var _tableCellBackgroundForCompiled = require("@atlaskit/editor-common/table-cel
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _overflowShadowForCompiled = require("@atlaskit/editor-shared-styles/overflow-shadow-for-compiled");
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
+var _unsafeExpValNoExposure = require("@atlaskit/platform-feature-experiments/unsafe-exp-val-no-exposure");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
@@ -193,6 +194,7 @@ var editorContentStyles = {
   cursorStyles: "cc-1wz6obl",
   dangerDateStyles: "cc-1aoj0mo",
   dangerRuleStyles: "cc-5hyj3q",
+  ruleWithAttrsStyles: "cc-dgsww3",
   dateStyles: "cc-1mmt8n5",
   dateVanillaStyles: "cc-avdkma",
   decisionDangerStyles: "cc-ak695d",
@@ -200,8 +202,7 @@ var editorContentStyles = {
   decisionStyles: "cc-k8dnnh",
   diffListStyles: "cc-gfdhbo",
   editorControlsSmartCardStyles: "cc-15b3poi",
-  editorLargeGutterPuddingBaseStyles: "cc-1ckfbi8",
-  editorLargeGutterPuddingBaseStylesEditorControls: "cc-1uahsw7",
+  editorGutterPaddingBaseStyles: "cc-9fht47",
   editorLargeGutterPuddingReducedBaseStyles: "cc-thmreh",
   editorUGCTokensRefreshed: "cc-j6p7k2",
   editorUGCSmallText: "cc-1x753i0",
@@ -350,6 +351,9 @@ var editorContentStyles = {
   statusStylesMixin_fg_platform_component_visual_refresh_with_search_match: "cc-1ki047n",
   statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match: "cc-x6toxh",
   statusStylesTeam26: "cc-1szti83",
+  statusStylesNamedSemantic: "cc-ba6gav",
+  statusStylesNamedAccent: "cc-1gvo00o",
+  statusStylesHexAccent: "cc-1ky6mbc",
   telepointerColorAndCommonStyle: "cc-1kvcl18",
   telepointerColorAndCommonStyleDarkMode: "cc-rm5obe",
   agentShimmerStyles: "cc-134apo0",
@@ -413,9 +417,11 @@ var EditorContentContainerCompiled = exports.EditorContentContainerCompiled = /*
   // Evaluate the block-spacing experiment once per render.
   var isBlockSpacingEnabled = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_extension_block_spacing');
   var isFloatingTocEnabled = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_floating_toc');
+  var isUpdateStatusColorsEnabled = (0, _unsafeExpValNoExposure.UNSAFE_expValNoExposure)('platform_editor_update_status_colors', 'isEnabled', false);
+  var isStatusStylesTeam26 = (0, _fg.fg)('platform-dst-lozenge-tag-badge-visual-uplifts');
   return /*#__PURE__*/_react.default.createElement("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: (0, _runtime.ax)([editorContentStyles.baseStyles, editorContentStyles.maxModeReizeFixStyles, editorContentStyles.baseStylesMaxContainerWidthFixes, (0, _fg.fg)('platform_editor_controls_increase_full_page_gutter') && (0, _editorExperiment.editorExperiment)('platform_editor_controls', 'variant1') ? editorContentStyles.editorLargeGutterPuddingBaseStylesEditorControls : editorContentStyles.editorLargeGutterPuddingBaseStyles, (0, _editorExperiment.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
+    className: (0, _runtime.ax)([editorContentStyles.baseStyles, editorContentStyles.maxModeReizeFixStyles, editorContentStyles.baseStylesMaxContainerWidthFixes, editorContentStyles.editorGutterPaddingBaseStyles, (0, _editorExperiment.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
       exposure: true
     }) && editorContentStyles.editorLargeGutterPuddingReducedBaseStyles, editorContentStyles.whitespaceStyles, editorContentStyles.indentationStyles, (0, _expValEquals.expValEquals)('platform_editor_small_font_size', 'isEnabled', true) && editorContentStyles.fontSizeStyles, editorContentStyles.shadowStyles, editorContentStyles.InlineNodeViewSharedStyles, editorContentStyles.hideSelectionStyles, editorContentStyles.hideCursorWhenHideSelectionStyles, editorContentStyles.selectedNodeStyles, editorContentStyles.cursorStyles, editorContentStyles.firstFloatingToolbarButtonStyles, editorContentStyles.placeholderTextStyles, editorContentStyles.placeholderStyles, (0, _editorExperiment.editorExperiment)('platform_editor_controls', 'variant1') && editorContentStyles.placeholderOverflowStyles, editorContentStyles.codeBlockStyles, contentMode === 'compact' && editorContentStyles.codeBlockStylesWithEmUnits, editorContentStyles.editorUGCTokensRefreshed, (0, _expValEquals.expValEquals)('platform_editor_small_font_size', 'isEnabled', true) && editorContentStyles.editorUGCSmallText, editorContentStyles.blocktypeStyles, editorContentStyles.blocktypeStylesRtlBlockquote, isFloatingTocEnabled && editorContentStyles.headingScrollMarginStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true, {
       exposure: true
@@ -423,8 +429,8 @@ var EditorContentContainerCompiled = exports.EditorContentContainerCompiled = /*
       exposure: true
     }) && editorContentStyles.listSelectedNodeStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true, {
       exposure: true
-    }) && editorContentStyles.textSelectedNodeStyles, editorContentStyles.blocktypeStyles_fg_platform_editor_typography_ugc, editorContentStyles.blocktypeStylesNestedDnd, editorContentStyles.codeMarkStyles, (0, _expValEquals.expValEquals)('platform_editor_a11y_scrollable_region', 'isEnabled', true) && editorContentStyles.codeMarkStylesA11yFix, editorContentStyles.textColorStyles, editorContentStyles.backgroundColorStyles, !(0, _expValEquals.expValEquals)('platform_editor_lovability_text_bg_color', 'isEnabled', true) && editorContentStyles.highlightLinksUnsetStyles, editorContentStyles.textHighlightPaddingStyles, editorContentStyles.listsStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_flexible_list_schema', 'isEnabled', true) && editorContentStyles.listItemHiddenMarkerStyles, editorContentStyles.diffListStyles, contentMode === 'compact' && isDense && editorContentStyles.listsDenseStyles, isFullPage && editorContentStyles.listsStylesMarginLayoutShiftFix, editorContentStyles.ruleStyles, editorContentStyles.smartCardDiffStyles, (0, _expValEquals.expValEquals)('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? editorContentStyles.showDiffDeletedNodeStylesNew : editorContentStyles.showDiffDeletedNodeStyles, editorContentStyles.mediaStyles, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaCaptionStyles, contentMode === 'compact' && editorContentStyles.mediaCaptionStyles, editorContentStyles.firstWrappedMediaStyles, editorContentStyles.telepointerStyle, /* This needs to be after telepointer styles as some overlapping rules have equal specificity, and so the order is significant */
-    editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_agent_be_streaming', 'isEnabled', true) && editorContentStyles.agentShimmerStyles, editorContentStyles.gapCursorStyles, editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, editorContentStyles.panelStylesMixinNestedDnd, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles, contentMode === 'compact' && isDense && editorContentStyles.tasksAndDecisionsDenseStyles, editorContentStyles.gridStyles, editorContentStyles.blockMarksStyles, editorContentStyles.dateStyles, editorContentStyles.extensionStyles, (0, _fg.fg)('platform_editor_lovability_resize_exts_gracefully') && editorContentStyles.extensionWithBreakoutStyles, contentMode === 'compact' && editorContentStyles.extensionStylesDense, editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, editorContentStyles.expandStylesMixinNestedDnd, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, editorContentStyles.findReplaceStyles, editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, (0, _fg.fg)('platform-dst-lozenge-tag-badge-visual-uplifts') ? editorContentStyles.statusStylesTeam26 : (0, _fg.fg)('platform-component-visual-refresh') ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, editorContentStyles.annotationStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch, (0, _editorExperiment.editorExperiment)('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.vanillaTooltipDefaultStyles, (0, _fg.fg)('confluence_ncs_step_diffing_version_history') && editorContentStyles.contributorTagStyles, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaUnsupportedStyles, editorContentStyles.resizerStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('cc-maui-experiment', 'isEnabled', true) && (0, _expValEquals.expValEquals)('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, (0, _expValEquals.expValEquals)('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorContentStyles.syncBlockStylesBase, !useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorContentStyles.syncBlockOverflowStyles, editorContentStyles.syncBlockFirstNodeStyles, editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorContentStyles.syncBlockInteractiveCursorStyles, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && !(0, _fg.fg)('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStyles, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStylesNestedDnD, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutColumnResizeStyles, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorContentStyles.layoutSelectedStylesAdvancedFix, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, editorContentStyles.layoutBaseStylesNestedDndExcludingBodiedSync, editorContentStyles.layoutColumnMartinTopFixes, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorContentStyles.pragmaticResizerStylesSyncedBlock, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_lovability_resize_extensions') && editorContentStyles.pragmaticResizerStylesExtensions, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, (0, _editorExperiment.editorExperiment)('platform_editor_preview_panel_responsiveness', true) && ((0, _editorExperiment.editorExperiment)('advanced_layouts', true) || (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && (0, _editorExperiment.editorExperiment)('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, editorContentStyles.firstCodeBlockWithNoMargin, editorContentStyles.firstBlockNodeStyles, editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, colorMode === 'dark' && editorContentStyles.agentMentionShimmerDarkMode, editorContentStyles.mentionsSelectionStyles, (0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, isFloatingTocEnabled ? editorContentStyles.directEmojiSelectionStyles : editorContentStyles.emojiSelectionStyles, contentMode === 'compact' && isDense && (0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !(0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, (0, _expValEquals.expValEquals)('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_table_css_overflow_shadow') && editorContentStyles.tableScrollInlineShadowStyles, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, (0, _expValEquals.expValEquals)('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, (0, _fg.fg)('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) && editorContentStyles.tableRoundedCornerStyles, editorContentStyles.tableContentModeStyles, editorContentStyles.tableContentModeExtensionContainmentStyles, editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.tableCellBackgroundColorOverrides, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, isBlockSpacingEnabled && editorContentStyles.blockSpacingVarStyles, isBlockSpacingEnabled && isDense && editorContentStyles.blockSpacingVarScaledStyles, className || undefined]),
+    }) && editorContentStyles.textSelectedNodeStyles, editorContentStyles.blocktypeStyles_fg_platform_editor_typography_ugc, editorContentStyles.blocktypeStylesNestedDnd, editorContentStyles.codeMarkStyles, (0, _expValEquals.expValEquals)('platform_editor_a11y_scrollable_region', 'isEnabled', true) && editorContentStyles.codeMarkStylesA11yFix, editorContentStyles.textColorStyles, editorContentStyles.backgroundColorStyles, !(0, _expValEquals.expValEquals)('platform_editor_lovability_text_bg_color', 'isEnabled', true) && editorContentStyles.highlightLinksUnsetStyles, editorContentStyles.textHighlightPaddingStyles, editorContentStyles.listsStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_flexible_list_schema', 'isEnabled', true) && editorContentStyles.listItemHiddenMarkerStyles, editorContentStyles.diffListStyles, contentMode === 'compact' && isDense && editorContentStyles.listsDenseStyles, isFullPage && editorContentStyles.listsStylesMarginLayoutShiftFix, editorContentStyles.ruleStyles, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_lovability_dividers_attributes') && editorContentStyles.ruleWithAttrsStyles, editorContentStyles.smartCardDiffStyles, (0, _expValEquals.expValEquals)('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? editorContentStyles.showDiffDeletedNodeStylesNew : editorContentStyles.showDiffDeletedNodeStyles, editorContentStyles.mediaStyles, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaCaptionStyles, contentMode === 'compact' && editorContentStyles.mediaCaptionStyles, editorContentStyles.firstWrappedMediaStyles, editorContentStyles.telepointerStyle, /* This needs to be after telepointer styles as some overlapping rules have equal specificity, and so the order is significant */
+    editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_agent_be_streaming', 'isEnabled', true) && editorContentStyles.agentShimmerStyles, editorContentStyles.gapCursorStyles, editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, editorContentStyles.panelStylesMixinNestedDnd, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles, contentMode === 'compact' && isDense && editorContentStyles.tasksAndDecisionsDenseStyles, editorContentStyles.gridStyles, editorContentStyles.blockMarksStyles, editorContentStyles.dateStyles, editorContentStyles.extensionStyles, (0, _fg.fg)('platform_editor_lovability_resize_exts_gracefully') && editorContentStyles.extensionWithBreakoutStyles, contentMode === 'compact' && editorContentStyles.extensionStylesDense, editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, editorContentStyles.expandStylesMixinNestedDnd, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, editorContentStyles.findReplaceStyles, editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, isStatusStylesTeam26 ? editorContentStyles.statusStylesTeam26 : (0, _fg.fg)('platform-component-visual-refresh') ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, isStatusStylesTeam26 && isUpdateStatusColorsEnabled && editorContentStyles.statusStylesNamedAccent, isStatusStylesTeam26 && !isUpdateStatusColorsEnabled && editorContentStyles.statusStylesNamedSemantic, ((0, _fg.fg)('platform_editor_gracefully_render_status_color') || isUpdateStatusColorsEnabled) && editorContentStyles.statusStylesHexAccent, editorContentStyles.annotationStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch, (0, _editorExperiment.editorExperiment)('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.vanillaTooltipDefaultStyles, (0, _fg.fg)('confluence_ncs_step_diffing_version_history') && editorContentStyles.contributorTagStyles, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaUnsupportedStyles, editorContentStyles.resizerStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('cc-maui-experiment', 'isEnabled', true) && (0, _expValEquals.expValEquals)('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, (0, _expValEquals.expValEquals)('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorContentStyles.syncBlockStylesBase, !useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorContentStyles.syncBlockOverflowStyles, editorContentStyles.syncBlockFirstNodeStyles, editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorContentStyles.syncBlockInteractiveCursorStyles, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && !(0, _fg.fg)('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStyles, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStylesNestedDnD, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutColumnResizeStyles, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorContentStyles.layoutSelectedStylesAdvancedFix, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, editorContentStyles.layoutBaseStylesNestedDndExcludingBodiedSync, editorContentStyles.layoutColumnMartinTopFixes, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorContentStyles.pragmaticResizerStylesSyncedBlock, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_lovability_resize_extensions') && editorContentStyles.pragmaticResizerStylesExtensions, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, (0, _editorExperiment.editorExperiment)('platform_editor_preview_panel_responsiveness', true) && ((0, _editorExperiment.editorExperiment)('advanced_layouts', true) || (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && (0, _editorExperiment.editorExperiment)('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, editorContentStyles.firstCodeBlockWithNoMargin, editorContentStyles.firstBlockNodeStyles, editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, colorMode === 'dark' && editorContentStyles.agentMentionShimmerDarkMode, editorContentStyles.mentionsSelectionStyles, (0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, isFloatingTocEnabled ? editorContentStyles.directEmojiSelectionStyles : editorContentStyles.emojiSelectionStyles, contentMode === 'compact' && isDense && (0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !(0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, (0, _expValEquals.expValEquals)('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_table_css_overflow_shadow') && editorContentStyles.tableScrollInlineShadowStyles, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, (0, _expValEquals.expValEquals)('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, (0, _fg.fg)('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) && editorContentStyles.tableRoundedCornerStyles, editorContentStyles.tableContentModeStyles, editorContentStyles.tableContentModeExtensionContainmentStyles, editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.tableCellBackgroundColorOverrides, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, isBlockSpacingEnabled && editorContentStyles.blockSpacingVarStyles, isBlockSpacingEnabled && isDense && editorContentStyles.blockSpacingVarScaledStyles, className || undefined]),
     ref: ref,
     "data-editor-scroll-container": isScrollable ? 'true' : undefined,
     "data-testid": "editor-content-container"

package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-emotion.js

@@ -12,6 +12,7 @@ var _browser = require("@atlaskit/editor-common/browser");
 var _styles = require("@atlaskit/editor-common/styles");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
+var _unsafeExpValNoExposure = require("@atlaskit/platform-feature-experiments/unsafe-exp-val-no-exposure");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
@@ -58,6 +59,7 @@ var _paragraphStyles = require("./styles/paragraphStyles");
 var _placeholderStyles = require("./styles/placeholderStyles");
 var _resizerStyles = require("./styles/resizerStyles");
 var _rule = require("./styles/rule");
+var _ruleWithAttrs = require("./styles/ruleWithAttrs");
 var _scrollbarStyles = require("./styles/scrollbarStyles");
 var _selectionStyles = require("./styles/selectionStyles");
 var _selectionToolbarStyles = require("./styles/selectionToolbarStyles");
@@ -120,6 +122,175 @@ var firstWrappedMediaStyles = {
  * If you are not sure, please contact with #proj-cc-editor-full-compiled-css-migration
  * https://home.atlassian.com/o/2346a038-3c8c-498b-a79b-e7847859868d/s/a436116f-02ce-4520-8fbb-7301462a1674/project/ATLAS-120555
  */
+/**
+ * Pre-experiment semantic mapping for every named colour except neutral. Replaced
+ * (not overlaid) by statusStylesNamedAccent when platform_editor_update_status_colors
+ * is on, and deleted wholesale when that experiment is cleaned up.
+ * See EDITOR-7600: keep in sync with EditorContentContainer-compiled.tsx.
+ */
+var statusStylesNamedSemantic = (0, _react2.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '[data-prosemirror-node-name="status"] > [data-color=purple] > .lozenge-wrapper': {
+    backgroundColor: "var(--ds-background-discovery-subtler, #EED7FC)",
+    borderColor: "var(--ds-border-discovery-subtle, #D8A0F7)"
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '[data-prosemirror-node-name="status"] > [data-color=purple] .lozenge-text': {
+    color: "var(--ds-text-discovery-bolder, #48245D)"
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '[data-prosemirror-node-name="status"] > [data-color=blue] > .lozenge-wrapper': {
+    backgroundColor: "var(--ds-background-information-subtler, #CFE1FD)",
+    borderColor: "var(--ds-border-information-subtle, #8FB8F6)"
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '[data-prosemirror-node-name="status"] > [data-color=blue] .lozenge-text': {
+    color: "var(--ds-text-information-bolder, #123263)"
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '[data-prosemirror-node-name="status"] > [data-color=red] > .lozenge-wrapper': {
+    backgroundColor: "var(--ds-background-danger-subtler, #FFD5D2)",
+    borderColor: "var(--ds-border-danger-subtle, #FD9891)"
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '[data-prosemirror-node-name="status"] > [data-color=red] .lozenge-text': {
+    color: "var(--ds-text-danger-bolder, #5D1F1A)"
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '[data-prosemirror-node-name="status"] > [data-color=yellow] > .lozenge-wrapper': {
+    backgroundColor: "var(--ds-background-warning-subtler, #FCE4A6)",
+    borderColor: "var(--ds-border-warning-subtle, #FBC828)"
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '[data-prosemirror-node-name="status"] > [data-color=yellow] .lozenge-text': {
+    color: "var(--ds-text-warning-bolder, #693200)"
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '[data-prosemirror-node-name="status"] > [data-color=green] > .lozenge-wrapper': {
+    backgroundColor: "var(--ds-background-success-subtler, #D3F1A7)",
+    borderColor: "var(--ds-border-success-subtle, #B3DF72)"
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '[data-prosemirror-node-name="status"] > [data-color=green] .lozenge-text': {
+    color: "var(--ds-text-success-bolder, #37471F)"
+  }
+});
+/**
+ * Accent mapping for every named colour except neutral, used when
+ * platform_editor_update_status_colors is on. Replaces statusStylesNamedSemantic.
+ * yellow/green map to the orange/lime accents: their tokens are byte-identical to
+ * warning/success in both themes, so this is not a recolour. Neutral stays on Team26.
+ * See EDITOR-7600: keep in sync with EditorContentContainer-compiled.tsx.
+ */
+var statusStylesNamedAccent = (0, _react2.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '[data-prosemirror-node-name="status"] > [data-color=blue] > .lozenge-wrapper': {
+    backgroundColor: "var(--ds-background-accent-blue-subtler, #CFE1FD)",
+    borderColor: "var(--ds-border-accent-blue-subtle, #8FB8F6)"
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '[data-prosemirror-node-name="status"] > [data-color=blue] .lozenge-text': {
+    color: "var(--ds-text-accent-blue-bolder, #123263)"
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '[data-prosemirror-node-name="status"] > [data-color=purple] > .lozenge-wrapper': {
+    backgroundColor: "var(--ds-background-accent-purple-subtler, #EED7FC)",
+    borderColor: "var(--ds-border-accent-purple-subtle, #D8A0F7)"
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '[data-prosemirror-node-name="status"] > [data-color=purple] .lozenge-text': {
+    color: "var(--ds-text-accent-purple-bolder, #48245D)"
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '[data-prosemirror-node-name="status"] > [data-color=red] > .lozenge-wrapper': {
+    backgroundColor: "var(--ds-background-accent-red-subtler, #FFD5D2)",
+    borderColor: "var(--ds-border-accent-red-subtle, #FD9891)"
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '[data-prosemirror-node-name="status"] > [data-color=red] .lozenge-text': {
+    color: "var(--ds-text-accent-red-bolder, #5D1F1A)"
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '[data-prosemirror-node-name="status"] > [data-color=yellow] > .lozenge-wrapper': {
+    backgroundColor: "var(--ds-background-accent-orange-subtler, #FCE4A6)",
+    borderColor: "var(--ds-border-accent-orange-subtle, #FBC828)"
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '[data-prosemirror-node-name="status"] > [data-color=yellow] .lozenge-text': {
+    color: "var(--ds-text-accent-orange-bolder, #693200)"
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '[data-prosemirror-node-name="status"] > [data-color=green] > .lozenge-wrapper': {
+    backgroundColor: "var(--ds-background-accent-lime-subtler, #D3F1A7)",
+    borderColor: "var(--ds-border-accent-lime-subtle, #B3DF72)"
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '[data-prosemirror-node-name="status"] > [data-color=green] .lozenge-text': {
+    color: "var(--ds-text-accent-lime-bolder, #37471F)"
+  }
+});
+/**
+ * Hex IDs the 10-color picker persists (hues that cannot use a named colour).
+ * Applied when platform_editor_gracefully_render_status_color or
+ * platform_editor_update_status_colors is on.
+ * See EDITOR-7600: keep in sync with EditorContentContainer-compiled.tsx.
+ */
+var statusStylesHexAccent = (0, _react2.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '[data-prosemirror-node-name="status"] > [data-color="#B3F5FF"] > .lozenge-wrapper': {
+    backgroundColor: "var(--ds-background-accent-teal-subtler, #C6EDFB)",
+    borderColor: "var(--ds-border-accent-teal-subtle, #9DD9EE)"
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '[data-prosemirror-node-name="status"] > [data-color="#B3F5FF"] .lozenge-text': {
+    color: "var(--ds-text-accent-teal-bolder, #164555)"
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '[data-prosemirror-node-name="status"] > [data-color="#ABF5D1"] > .lozenge-wrapper': {
+    backgroundColor: "var(--ds-background-accent-green-subtler, #BAF3DB)",
+    borderColor: "var(--ds-border-accent-green-subtle, #7EE2B8)"
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '[data-prosemirror-node-name="status"] > [data-color="#ABF5D1"] .lozenge-text': {
+    color: "var(--ds-text-accent-green-bolder, #164B35)"
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '[data-prosemirror-node-name="status"] > [data-color="#D3F1A7"] > .lozenge-wrapper': {
+    backgroundColor: "var(--ds-background-accent-lime-subtler, #D3F1A7)",
+    borderColor: "var(--ds-border-accent-lime-subtle, #B3DF72)"
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '[data-prosemirror-node-name="status"] > [data-color="#D3F1A7"] .lozenge-text': {
+    color: "var(--ds-text-accent-lime-bolder, #37471F)"
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '[data-prosemirror-node-name="status"] > [data-color="#FFF0B3"] > .lozenge-wrapper': {
+    backgroundColor: "var(--ds-background-accent-yellow-subtler, #F5E989)",
+    borderColor: "var(--ds-border-accent-yellow-subtle, #EED12B)"
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '[data-prosemirror-node-name="status"] > [data-color="#FFF0B3"] .lozenge-text': {
+    color: "var(--ds-text-accent-yellow-bolder, #533F04)"
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '[data-prosemirror-node-name="status"] > [data-color="#FCE4A6"] > .lozenge-wrapper': {
+    backgroundColor: "var(--ds-background-accent-orange-subtler, #FCE4A6)",
+    borderColor: "var(--ds-border-accent-orange-subtle, #FBC828)"
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '[data-prosemirror-node-name="status"] > [data-color="#FCE4A6"] .lozenge-text': {
+    color: "var(--ds-text-accent-orange-bolder, #693200)"
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '[data-prosemirror-node-name="status"] > [data-color="#FDD0EC"] > .lozenge-wrapper': {
+    backgroundColor: "var(--ds-background-accent-magenta-subtler, #FDD0EC)",
+    borderColor: "var(--ds-border-accent-magenta-subtle, #F797D2)"
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '[data-prosemirror-node-name="status"] > [data-color="#FDD0EC"] .lozenge-text': {
+    color: "var(--ds-text-accent-magenta-bolder, #50253F)"
+  }
+});
 var EditorContentContainerEmotion = exports.EditorContentContainerEmotion = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var className = props.className,
     children = props.children,
@@ -159,6 +330,8 @@ var EditorContentContainerEmotion = exports.EditorContentContainerEmotion = /*#_
   // Evaluate the block-spacing experiment once per render.
   var isBlockSpacingEnabled = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_extension_block_spacing');
   var isFloatingTocEnabled = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_floating_toc');
+  var isUpdateStatusColorsEnabled = (0, _unsafeExpValNoExposure.UNSAFE_expValNoExposure)('platform_editor_update_status_colors', 'isEnabled', false);
+  var isStatusStylesTeam26 = (0, _fg.fg)('platform-dst-lozenge-tag-badge-visual-uplifts');
   return (0, _react2.jsx)("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: className || undefined,
@@ -170,12 +343,8 @@ var EditorContentContainerEmotion = exports.EditorContentContainerEmotion = /*#_
     _baseStyles.maxModeReizeFixStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     _baseStyles.baseStylesMaxContainerWidthFixes,
-    // eslint-disable-next-line @atlaskit/platform/no-preconditioning
-    (0, _fg.fg)('platform_editor_controls_increase_full_page_gutter') && (0, _editorExperiment.editorExperiment)('platform_editor_controls', 'variant1') ?
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _baseStyles.editorLargeGutterPuddingBaseStylesEditorControls :
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _baseStyles.editorLargeGutterPuddingBaseStyles, (0, _editorExperiment.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
+    _baseStyles.editorGutterPaddingBaseStyles, (0, _editorExperiment.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
       exposure: true
     }) &&
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -259,7 +428,9 @@ var EditorContentContainerEmotion = exports.EditorContentContainerEmotion = /*#_
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     _list.listsStylesMarginLayoutShiftFix,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _rule.ruleStyles,
+    _rule.ruleStyles, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_lovability_dividers_attributes') &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _ruleWithAttrs.ruleWithAttrsStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     _smartCardStyles.smartCardDiffStyles, (0, _expValEquals.expValEquals)('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ?
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -349,13 +520,19 @@ var EditorContentContainerEmotion = exports.EditorContentContainerEmotion = /*#_
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     _tasksAndDecisionsStyles.decisionIconWithVisualRefresh,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _statusStyles.statusStyles, (0, _fg.fg)('platform-dst-lozenge-tag-badge-visual-uplifts') ?
+    _statusStyles.statusStyles, isStatusStylesTeam26 ?
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     _statusStyles.statusStylesTeam26 : (0, _fg.fg)('platform-component-visual-refresh') ?
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     _statusStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match :
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _statusStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match,
+    _statusStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, isStatusStylesTeam26 && isUpdateStatusColorsEnabled &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    statusStylesNamedAccent, isStatusStylesTeam26 && !isUpdateStatusColorsEnabled &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    statusStylesNamedSemantic, ((0, _fg.fg)('platform_editor_gracefully_render_status_color') || isUpdateStatusColorsEnabled) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    statusStylesHexAccent,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     _annotationStyles.annotationStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) ?
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values

package/dist/cjs/ui/EditorContentContainer/styles/baseStyles.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.maxModeReizeFixStyles = exports.editorLargeGutterPuddingReducedBaseStyles = exports.editorLargeGutterPuddingBaseStylesEditorControls = exports.editorLargeGutterPuddingBaseStyles = exports.baseStylesMaxContainerWidthFixes = exports.baseStyles = void 0;
+exports.maxModeReizeFixStyles = exports.editorLargeGutterPuddingReducedBaseStyles = exports.editorGutterPaddingBaseStyles = exports.baseStylesMaxContainerWidthFixes = exports.baseStyles = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
 /* eslint-disable @atlaskit/ui-styling-standard/use-compiled,
@@ -98,18 +98,6 @@ var baseStylesMaxContainerWidthFixes = exports.baseStylesMaxContainerWidthFixes
   }
 });
 
-// This is to avoid using akEditorGutterPaddingDynamic()
-/**
- * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
- * If you need to make changes here, also update the corresponding style in
- * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
- * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
-var editorLargeGutterPuddingBaseStyles = exports.editorLargeGutterPuddingBaseStyles = (0, _react.css)({
-  '--ak-editor--large-gutter-padding': '52px'
-});
-
 // This is to avoid using akEditorGutterPaddingDynamic
 /**
  * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
@@ -118,7 +106,7 @@ var editorLargeGutterPuddingBaseStyles = exports.editorLargeGutterPuddingBaseSty
  * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
  */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
-var editorLargeGutterPuddingBaseStylesEditorControls = exports.editorLargeGutterPuddingBaseStylesEditorControls = (0, _react.css)({
+var editorGutterPaddingBaseStyles = exports.editorGutterPaddingBaseStyles = (0, _react.css)({
   '--ak-editor--large-gutter-padding': '72px'
 });
 /**