@atlaskit/editor-core 207.12.3 → 207.13.0

package/dist/esm/ui/EditorContentContainer/styles/blockTypeStyles.js

@@ -0,0 +1,287 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
+import { css } from '@emotion/react';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export var blocktypeStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror': {
+    // Block Quote Shared Styles
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '& blockquote': {
+      boxSizing: 'border-box',
+      color: 'inherit',
+      width: '100%',
+      display: 'inline-block',
+      paddingLeft: "var(--ds-space-200, 16px)",
+      borderLeftWidth: '2px',
+      borderLeftStyle: 'solid',
+      borderLeftColor: "var(--ds-border, #091E4224)",
+      margin: '0.75rem 0 0 0',
+      // From https://docs.google.com/spreadsheets/d/1iYusRGCT4PoPfvxbJ8NrgjtfFgXLm5lpDWXzjua1W2E/edit#gid=93913128
+      marginRight: 0,
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
+      '[dir="rtl"] &': {
+        paddingLeft: 0,
+        paddingRight: "var(--ds-space-200, 16px)"
+      },
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
+      '&:first-child': {
+        marginTop: 0
+      },
+      '&::before': {
+        content: "''"
+      },
+      '&::after': {
+        content: 'none'
+      },
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '& p': {
+        display: 'block'
+      },
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
+      '& table, & table:last-child': {
+        display: 'inline-table'
+      },
+      // Workaround for overriding the inline-block display on last child of a blockquote set in CSS reset.
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
+      '> .code-block:last-child, >.mediaSingleView-content-wrap:last-child, >.mediaGroupView-content-wrap:last-child': {
+        display: 'block'
+      },
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
+      '> .extensionView-content-wrap:last-child': {
+        display: 'block'
+      }
+    },
+    // Headings Shared Styles -> Heading With Alignment Styles
+    // Override marginTop: 0 with default margin found in headingsSharedStyles for first heading in alignment block that is not the first child
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
+    '.fabric-editor-block-mark.fabric-editor-alignment:not(:first-child)': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
+      '> h1:first-child': {
+        // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
+        marginTop: '1.667em'
+      },
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
+      '> h2:first-child': {
+        // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
+        marginTop: '1.8em'
+      },
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
+      '> h3:first-child': {
+        // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
+        marginTop: '2em'
+      },
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
+      '> h4:first-child': {
+        // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
+        marginTop: '1.357em'
+      },
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
+      '> h5:first-child': {
+        // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
+        marginTop: '1.667em'
+      },
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
+      '> h6:first-child': {
+        // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
+        marginTop: '1.455em'
+      }
+    },
+    // Set marginTop: 0 if alignment block is next to a gap cursor or widget that is first child
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
+    '.ProseMirror-gapcursor:first-child + .fabric-editor-block-mark.fabric-editor-alignment, .ProseMirror-widget:first-child + .fabric-editor-block-mark.fabric-editor-alignment, .ProseMirror-widget:first-child + .ProseMirror-widget:nth-child(2) + .fabric-editor-block-mark.fabric-editor-alignment': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
+      '> :is(h1, h2, h3, h4, h5, h6):first-child': {
+        marginTop: '0'
+      }
+    }
+  }
+});
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export var blocktypeStyles_fg_platform_editor_typography_ugc = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '& h1': {
+      // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
+      font: 'var(--editor-font-ugc-token-heading-h1)',
+      marginBottom: 0,
+      // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
+      marginTop: '1.45833em',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '& strong': {
+        // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
+        fontWeight: 'var(--editor-font-ugc-token-weight-heading-bold)'
+      }
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '& h2': {
+      // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
+      font: 'var(--editor-font-ugc-token-heading-h2)',
+      marginBottom: 0,
+      // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
+      marginTop: '1.4em',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '& strong': {
+        // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
+        fontWeight: 'var(--editor-font-ugc-token-weight-heading-bold)'
+      }
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '& h3': {
+      // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
+      font: 'var(--editor-font-ugc-token-heading-h3)',
+      marginBottom: 0,
+      // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
+      marginTop: '1.31249em',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '& strong': {
+        // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
+        fontWeight: 'var(--editor-font-ugc-token-weight-heading-bold)'
+      }
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '& h4': {
+      // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
+      font: 'var(--editor-font-ugc-token-heading-h4)',
+      // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
+      marginTop: '1.25em',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '& strong': {
+        // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
+        fontWeight: 'var(--editor-font-ugc-token-weight-heading-bold)'
+      }
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '& h5': {
+      // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
+      font: 'var(--editor-font-ugc-token-heading-h5)',
+      // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
+      marginTop: '1.45833em',
+      textTransform: 'none',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '& strong': {
+        // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
+        fontWeight: 'var(--editor-font-ugc-token-weight-heading-bold)'
+      }
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '& h6': {
+      // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
+      font: 'var(--editor-font-ugc-token-heading-h6)',
+      // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
+      marginTop: '1.59091em',
+      textTransform: 'none',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '& strong': {
+        // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
+        fontWeight: 'var(--editor-font-ugc-token-weight-heading-bold)'
+      }
+    }
+  }
+});
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export var blocktypeStyles_without_fg_platform_editor_typography_ugc = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '& h1': {
+      // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
+      fontSize: 'calc(24em / 14)',
+      fontStyle: 'inherit',
+      // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
+      lineHeight: 'calc(28 / 24)',
+      color: "var(--ds-text, #172B4D)",
+      fontWeight: "var(--ds-font-weight-medium, 500)",
+      // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
+      letterSpacing: "-0.01em",
+      marginBottom: 0,
+      // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
+      marginTop: '1.667em'
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '& h2': {
+      // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
+      fontSize: 'calc(20em / 14)',
+      fontStyle: 'inherit',
+      // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
+      lineHeight: 'calc(24 / 20)',
+      color: "var(--ds-text, #172B4D)",
+      fontWeight: "var(--ds-font-weight-medium, 500)",
+      // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
+      letterSpacing: "-0.008em",
+      // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
+      marginTop: '1.8em',
+      marginBottom: 0
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '& h3': {
+      // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
+      fontSize: 'calc(16em / 14)',
+      fontStyle: 'inherit',
+      // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
+      lineHeight: 'calc(20 / 16)',
+      color: "var(--ds-text, #172B4D)",
+      fontWeight: "var(--ds-font-weight-semibold, 600)",
+      // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
+      letterSpacing: "-0.006em",
+      // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
+      marginTop: '2em',
+      marginBottom: 0
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '& h4': {
+      // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
+      fontSize: 'calc(14em / 14)',
+      fontStyle: 'inherit',
+      // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
+      lineHeight: 'calc(16 / 14)',
+      color: "var(--ds-text, #172B4D)",
+      fontWeight: "var(--ds-font-weight-semibold, 600)",
+      // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
+      letterSpacing: "-0.003em",
+      // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
+      marginTop: '1.357em'
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '& h5': {
+      // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
+      fontSize: 'calc(12em / 14)',
+      fontStyle: 'inherit',
+      // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
+      lineHeight: 'calc(16 / 12)',
+      color: "var(--ds-text, #172B4D)",
+      fontWeight: "var(--ds-font-weight-semibold, 600)",
+      // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
+      marginTop: '1.667em',
+      textTransform: 'none'
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '& h6': {
+      // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
+      fontSize: 'calc(11em / 14)',
+      fontStyle: 'inherit',
+      // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
+      lineHeight: 'calc(16 / 11)',
+      color: "var(--ds-text-subtlest, #626F86)",
+      fontWeight: "var(--ds-font-weight-bold, 700)",
+      // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
+      marginTop: '1.455em',
+      textTransform: 'none'
+    }
+  }
+});
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export var blocktypeStyles_fg_platform_editor_nested_dnd_styles_changes = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ak-editor-content-area.appearance-full-page .ProseMirror blockquote': {
+    paddingLeft: "var(--ds-space-250, 20px)"
+  },
+  // Don't want extra padding for inline editor (nested)
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ak-editor-content-area .ak-editor-content-area .ProseMirror blockquote': {
+    paddingLeft: "var(--ds-space-200, 16px)"
+  }
+});

package/dist/esm/ui/EditorContentContainer/styles/editorUGCTokenStyles.js

@@ -0,0 +1,53 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
+import { css } from '@emotion/react';
+
+/**
+ * Use when fg('platform_editor_typography_ugc') is disabled.
+ */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export var editorUGCTokensDefault = css({
+  '--editor-font-ugc-token-heading-h1': 'normal 500 1.71429em/1.16667 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
+  '--editor-font-ugc-token-heading-h2': 'normal 500 1.42857em/1.2 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
+  '--editor-font-ugc-token-heading-h3': 'normal 600 1.14286em/1.25 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
+  '--editor-font-ugc-token-heading-h4': 'normal 600 1em/1.14286 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
+  '--editor-font-ugc-token-heading-h5': 'normal 600 0.857143em/1.33333 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
+  '--editor-font-ugc-token-heading-h6': 'normal 700 0.785714em/1.45455 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
+  '--editor-font-ugc-token-body': 'normal 400 1em/1.714 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
+  '--editor-font-ugc-token-weight-heading-bold': '700'
+});
+
+/**
+ * Use when fg('platform_editor_typography_ugc') is enabled, but none of the following are enabled:
+ * - fg('platform-dst-jira-web-fonts')
+ * - fg('confluence_typography_refreshed')
+ * - fg('atlas_editor_typography_refreshed')
+ */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export var editorUGCTokensModernized = css({
+  '--editor-font-ugc-token-heading-h1': 'normal 600 1.71429em/1.16667 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
+  '--editor-font-ugc-token-heading-h2': 'normal 600 1.42857em/1.2 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
+  '--editor-font-ugc-token-heading-h3': 'normal 600 1.14286em/1.25 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
+  '--editor-font-ugc-token-heading-h4': 'normal 600  1em/1.14286 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
+  '--editor-font-ugc-token-heading-h5': 'normal 600  0.857143em/1.33333 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
+  '--editor-font-ugc-token-heading-h6': 'normal 600 0.785714em/1.45455 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
+  '--editor-font-ugc-token-body': 'normal 400 1em/1.714 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
+  '--editor-font-ugc-token-weight-heading-bold': '700'
+});
+
+/**
+ * Use when fg('platform_editor_typography_ugc') is enabled and one of the following are enabled:
+ * - fg('platform-dst-jira-web-fonts')
+ * - fg('confluence_typography_refreshed')
+ * - fg('atlas_editor_typography_refreshed')
+ */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export var editorUGCTokensRefreshed = css({
+  '--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',
+  '--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',
+  '--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',
+  '--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',
+  '--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',
+  '--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',
+  '--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',
+  '--editor-font-ugc-token-weight-heading-bold': '700'
+});

package/dist/esm/ui/EditorContentContainer/styles/layout.js

@@ -1,6 +1,6 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18;
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
 import { css } from '@emotion/react';
 import { LAYOUT_SECTION_MARGIN, LAYOUT_COLUMN_PADDING } from '@atlaskit/editor-common/styles';
@@ -76,45 +76,45 @@ var layoutBorderViewStyles = css(_templateObject8 || (_templateObject8 = _tagged
 var columnSeparatorBaseStyles = css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n\t[data-layout-content]::before {\n\t\tcontent: '';\n\t\tborder-left: ", "px solid ", ";\n\t\tposition: absolute;\n\t\theight: calc(100% - 24px);\n\t\tmargin-left: -25px;\n\t}\n"])), akEditorSelectedBorderSize, "var(--ds-border, #091E4224)");
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
-var columnSeparatorViewStyles = css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n\t[data-layout-content]::before {\n\t\tborder-left: 0;\n\t}\n"])));
+var columnSeparatorViewStyles = css(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["\n\t[data-layout-content]::before {\n\t\tborder-left: 0;\n\t}\n"])));
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
-var rowSeparatorBaseStyles = css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n\t[data-layout-content]::before {\n\t\tcontent: '';\n\t\tborder-top: ", "px solid ", ";\n\t\tposition: absolute;\n\t\twidth: calc(100% - 32px);\n\t\tmargin-top: -13px;\n\n\t\t/* clear styles for column separator */\n\t\tborder-left: unset;\n\t\tmargin-left: unset;\n\t\theight: unset;\n\t}\n"])), akEditorSelectedBorderSize, "var(--ds-border, #091E4224)");
+var rowSeparatorBaseStyles = css(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral(["\n\t[data-layout-content]::before {\n\t\tcontent: '';\n\t\tborder-top: ", "px solid ", ";\n\t\tposition: absolute;\n\t\twidth: calc(100% - 32px);\n\t\tmargin-top: -13px;\n\n\t\t/* clear styles for column separator */\n\t\tborder-left: unset;\n\t\tmargin-left: unset;\n\t\theight: unset;\n\t}\n"])), akEditorSelectedBorderSize, "var(--ds-border, #091E4224)");
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
-var rowSeparatorViewStyles = css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n\t[data-layout-content]::before {\n\t\tborder-top: 0;\n\t}\n"])));
+var rowSeparatorViewStyles = css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n\t[data-layout-content]::before {\n\t\tborder-top: 0;\n\t}\n"])));
 
 // jest warning: JSDOM version (22) doesn't support the new @container CSS rule
 var layoutWithSeparatorBorderResponsiveBaseStyles = function layoutWithSeparatorBorderResponsiveBaseStyles(breakpoint
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
 ) {
-  return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n\t&.selected,\n\t&:hover,\n\t&.selected.danger,\n\t&.", ":not(.danger) {\n\t\t[data-layout-column]:not(:first-of-type) {\n\t\t\t@container editor-area (max-width:", "px) {\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\t}\n"])), akEditorSelectedNodeClassName, breakpoint, rowSeparatorBaseStyles);
+  return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n\t&.selected,\n\t&:hover,\n\t&.selected.danger,\n\t&.", ":not(.danger) {\n\t\t[data-layout-column]:not(:first-of-type) {\n\t\t\t@container editor-area (max-width:", "px) {\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\t}\n"])), akEditorSelectedNodeClassName, breakpoint, rowSeparatorBaseStyles);
 };
 
 // jest warning: JSDOM version (22) doesn't support the new @container CSS rule
 var layoutWithSeparatorBorderResponsiveViewStyles = function layoutWithSeparatorBorderResponsiveViewStyles(breakpoint
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
 ) {
-  return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n\t&.selected,\n\t&:hover,\n\t&.selected.danger,\n\t&.", ":not(.danger) {\n\t\t[data-layout-column]:not(:first-of-type) {\n\t\t\t@container editor-area (max-width:", "px) {\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\t}\n"])), akEditorSelectedNodeClassName, breakpoint, rowSeparatorViewStyles);
+  return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n\t&.selected,\n\t&:hover,\n\t&.selected.danger,\n\t&.", ":not(.danger) {\n\t\t[data-layout-column]:not(:first-of-type) {\n\t\t\t@container editor-area (max-width:", "px) {\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\t}\n"])), akEditorSelectedNodeClassName, breakpoint, rowSeparatorViewStyles);
 };
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
-var layoutWithSeparatorBorderBaseStyles = css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n\t&.selected [data-layout-column]:not(:first-of-type),\n\t[data-empty-layout='true'] [data-layout-column]:not(:first-of-type),\n\t&:hover [data-layout-column]:not(:first-of-type) {\n\t\t", "\n\t}\n\n\t&.selected.danger [data-layout-section] {\n\t\tbackground-color: ", ";\n\n\t\tbox-shadow: 0 0 0 ", "px ", ";\n\t\tborder-radius: 4px;\n\t\t[data-layout-column]:not(:first-of-type) {\n\t\t\t", "\n\t\t}\n\t}\n\n\t&.", ":not(.danger) [data-layout-section] {\n\t\tbox-shadow: 0 0 0 ", "px ", ";\n\t\tborder-radius: 4px;\n\t\tbackground-color: ", ";\n\t\t[data-layout-column] {\n\t\t\t", "\n\t\t\tborder: 0px;\n\t\t\t::before {\n\t\t\t\tbackground-color: transparent;\n\t\t\t}\n\t\t}\n\t\t[data-layout-column]:not(:first-of-type) {\n\t\t\t", "\n\t\t}\n\t}\n"])), columnSeparatorBaseStyles, "var(--ds-background-danger, ".concat(akEditorDeleteBackground, ")"), akEditorSelectedBorderSize, akEditorDeleteBorder, columnSeparatorBaseStyles, akEditorSelectedNodeClassName, akEditorSelectedBorderSize, "var(--ds-border-selected, #0C66E4)", "var(--ds-background-selected, #E9F2FF)", getSelectionStyles([SelectionStyle.Blanket]), columnSeparatorBaseStyles);
+var layoutWithSeparatorBorderBaseStyles = css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n\t&.selected [data-layout-column]:not(:first-of-type),\n\t[data-empty-layout='true'] [data-layout-column]:not(:first-of-type),\n\t&:hover [data-layout-column]:not(:first-of-type) {\n\t\t", "\n\t}\n\n\t&.selected.danger [data-layout-section] {\n\t\tbackground-color: ", ";\n\n\t\tbox-shadow: 0 0 0 ", "px ", ";\n\t\tborder-radius: 4px;\n\t\t[data-layout-column]:not(:first-of-type) {\n\t\t\t", "\n\t\t}\n\t}\n\n\t&.", ":not(.danger) [data-layout-section] {\n\t\tbox-shadow: 0 0 0 ", "px ", ";\n\t\tborder-radius: 4px;\n\t\tbackground-color: ", ";\n\t\t[data-layout-column] {\n\t\t\t", "\n\t\t\tborder: 0px;\n\t\t\t::before {\n\t\t\t\tbackground-color: transparent;\n\t\t\t}\n\t\t}\n\t\t[data-layout-column]:not(:first-of-type) {\n\t\t\t", "\n\t\t}\n\t}\n"])), columnSeparatorBaseStyles, "var(--ds-background-danger, ".concat(akEditorDeleteBackground, ")"), akEditorSelectedBorderSize, akEditorDeleteBorder, columnSeparatorBaseStyles, akEditorSelectedNodeClassName, akEditorSelectedBorderSize, "var(--ds-border-selected, #0C66E4)", "var(--ds-background-selected, #E9F2FF)", getSelectionStyles([SelectionStyle.Blanket]), columnSeparatorBaseStyles);
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
-var layoutWithSeparatorBorderViewStyles = css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n\t&.selected [data-layout-column]:not(:first-of-type),\n\t[data-empty-layout='true'] [data-layout-column]:not(:first-of-type),\n\t&:hover [data-layout-column]:not(:first-of-type) {\n\t\t", "\n\t}\n\n\t&.selected.danger [data-layout-section] {\n\t\tbox-shadow: 0 0 0 0 ", ";\n\t\t[data-layout-column]:not(:first-of-type) {\n\t\t\t", "\n\t\t}\n\t}\n\n\t&.", ":not(.danger) [data-layout-section] {\n\t\tbox-shadow: 0 0 0 0 ", ";\n\t\t[data-layout-column]:not(:first-of-type) {\n\t\t\t", "\n\t\t}\n\t}\n"])), columnSeparatorViewStyles, akEditorDeleteBorder, columnSeparatorViewStyles, akEditorSelectedNodeClassName, "var(--ds-border-selected, #0C66E4)", columnSeparatorViewStyles);
+var layoutWithSeparatorBorderViewStyles = css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n\t&.selected [data-layout-column]:not(:first-of-type),\n\t[data-empty-layout='true'] [data-layout-column]:not(:first-of-type),\n\t&:hover [data-layout-column]:not(:first-of-type) {\n\t\t", "\n\t}\n\n\t&.selected.danger [data-layout-section] {\n\t\tbox-shadow: 0 0 0 0 ", ";\n\t\t[data-layout-column]:not(:first-of-type) {\n\t\t\t", "\n\t\t}\n\t}\n\n\t&.", ":not(.danger) [data-layout-section] {\n\t\tbox-shadow: 0 0 0 0 ", ";\n\t\t[data-layout-column]:not(:first-of-type) {\n\t\t\t", "\n\t\t}\n\t}\n"])), columnSeparatorViewStyles, akEditorDeleteBorder, columnSeparatorViewStyles, akEditorSelectedNodeClassName, "var(--ds-border-selected, #0C66E4)", columnSeparatorViewStyles);
 
 // jest warning: JSDOM version (22) doesn't support the new @container CSS rule
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
-var layoutResponsiveBaseStyles = css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n\t/* chosen breakpoints in container queries are to make sure layout responsiveness in editor aligns with renderer */\n\t/* not resized layout in full-width editor */\n\t.fabric-editor--full-width-mode .ProseMirror {\n\t\t> .layoutSectionView-content-wrap {\n\t\t\t[data-layout-section] {\n\t\t\t\t@container editor-area (max-width:724px) {\n\t\t\t\t\tflex-direction: column;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t", "\n\t\t}\n\t}\n\n\t/* not resized layout in fixed-width editor */\n\t.ak-editor-content-area:not(.fabric-editor--full-width-mode) .ProseMirror {\n\t\t> .layoutSectionView-content-wrap {\n\t\t\t[data-layout-section] {\n\t\t\t\t@container editor-area (max-width:788px) {\n\t\t\t\t\tflex-direction: column;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t", "\n\t\t}\n\t}\n\n\t/* resized layout in full/fixed-width editor */\n\t.ProseMirror .fabric-editor-breakout-mark {\n\t\t.layoutSectionView-content-wrap {\n\t\t\t[data-layout-section] {\n\t\t\t\t@container editor-area (max-width:820px) {\n\t\t\t\t\tflex-direction: column;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t", "\n\t\t}\n\t}\n"])), layoutWithSeparatorBorderResponsiveBaseStyles(724), layoutWithSeparatorBorderResponsiveBaseStyles(788), layoutWithSeparatorBorderResponsiveBaseStyles(820));
+var layoutResponsiveBaseStyles = css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n\t/* chosen breakpoints in container queries are to make sure layout responsiveness in editor aligns with renderer */\n\t/* not resized layout in full-width editor */\n\t.fabric-editor--full-width-mode .ProseMirror {\n\t\t> .layoutSectionView-content-wrap {\n\t\t\t[data-layout-section] {\n\t\t\t\t@container editor-area (max-width:724px) {\n\t\t\t\t\tflex-direction: column;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t", "\n\t\t}\n\t}\n\n\t/* not resized layout in fixed-width editor */\n\t.ak-editor-content-area:not(.fabric-editor--full-width-mode) .ProseMirror {\n\t\t> .layoutSectionView-content-wrap {\n\t\t\t[data-layout-section] {\n\t\t\t\t@container editor-area (max-width:788px) {\n\t\t\t\t\tflex-direction: column;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t", "\n\t\t}\n\t}\n\n\t/* resized layout in full/fixed-width editor */\n\t.ProseMirror .fabric-editor-breakout-mark {\n\t\t.layoutSectionView-content-wrap {\n\t\t\t[data-layout-section] {\n\t\t\t\t@container editor-area (max-width:820px) {\n\t\t\t\t\tflex-direction: column;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t", "\n\t\t}\n\t}\n"])), layoutWithSeparatorBorderResponsiveBaseStyles(724), layoutWithSeparatorBorderResponsiveBaseStyles(788), layoutWithSeparatorBorderResponsiveBaseStyles(820));
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
-var layoutResponsiveViewStyles = css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n\t/* chosen breakpoints in container queries are to make sure layout responsiveness in editor aligns with renderer */\n\t/* not resized layout in full-width editor */\n\t.fabric-editor--full-width-mode .ProseMirror {\n\t\t> .layoutSectionView-content-wrap {\n\t\t\t", "\n\t\t}\n\t}\n\n\t/* not resized layout in fixed-width editor */\n\t.ak-editor-content-area:not(.fabric-editor--full-width-mode) .ProseMirror {\n\t\t> .layoutSectionView-content-wrap {\n\t\t\t", "\n\t\t}\n\t}\n\n\t/* resized layout in full/fixed-width editor */\n\t.ProseMirror .fabric-editor-breakout-mark {\n\t\t.layoutSectionView-content-wrap {\n\t\t\t", "\n\t\t}\n\t}\n"])), layoutWithSeparatorBorderResponsiveViewStyles(724), layoutWithSeparatorBorderResponsiveViewStyles(788), layoutWithSeparatorBorderResponsiveViewStyles(820));
+var layoutResponsiveViewStyles = css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n\t/* chosen breakpoints in container queries are to make sure layout responsiveness in editor aligns with renderer */\n\t/* not resized layout in full-width editor */\n\t.fabric-editor--full-width-mode .ProseMirror {\n\t\t> .layoutSectionView-content-wrap {\n\t\t\t", "\n\t\t}\n\t}\n\n\t/* not resized layout in fixed-width editor */\n\t.ak-editor-content-area:not(.fabric-editor--full-width-mode) .ProseMirror {\n\t\t> .layoutSectionView-content-wrap {\n\t\t\t", "\n\t\t}\n\t}\n\n\t/* resized layout in full/fixed-width editor */\n\t.ProseMirror .fabric-editor-breakout-mark {\n\t\t.layoutSectionView-content-wrap {\n\t\t\t", "\n\t\t}\n\t}\n"])), layoutWithSeparatorBorderResponsiveViewStyles(724), layoutWithSeparatorBorderResponsiveViewStyles(788), layoutWithSeparatorBorderResponsiveViewStyles(820));
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Needs manual remediation
 export var layoutBaseStyles = function layoutBaseStyles() {
-  return css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n\t.ProseMirror {\n\t\t", "\n\t\t[data-layout-section] {\n\t\t\t/* Ignored via go/ees007\n\t\t\tTODO: Migrate away from gridSize\n\t\t\tRecommendation: Replace directly with 7px */\n\t\t\tmargin: ", " -", "px 0;\n\t\t\ttransition: border-color 0.3s ", ";\n\t\t\tcursor: pointer;\n\n\t\t\t/* Inner cursor located 26px from left */\n\t\t\t[data-layout-column] {\n\t\t\t\tflex: 1;\n\t\t\t\tposition: relative;\n\n\t\t\t\tmin-width: 0;\n\t\t\t\t/* disable 4 borders when in view mode and advanced layouts is on */\n\t\t\t\tborder: ", "px\n\t\t\t\t\tsolid ", ";\n\t\t\t\tborder-radius: 4px;\n\t\t\t\tpadding: ", "px\n\t\t\t\t\t", "px;\n\t\t\t\tbox-sizing: border-box;\n\n\t\t\t\t> div {\n\t\t\t\t\t", "\n\n\t\t\t\t\t> .embedCardView-content-wrap:first-of-type .rich-media-item {\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t> .mediaSingleView-content-wrap:first-of-type .rich-media-item {\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t> .ProseMirror-gapcursor.-right:first-child\n\t\t\t\t\t\t+ .mediaSingleView-content-wrap\n\t\t\t\t\t\t.rich-media-item,\n\t\t\t\t\t> style:first-child\n\t\t\t\t\t\t+ .ProseMirror-gapcursor.-right\n\t\t\t\t\t\t+ .mediaSingleView-content-wrap\n\t\t\t\t\t\t.rich-media-item,\n\t\t\t\t\t> .ProseMirror-gapcursor.-right:first-of-type\n\t\t\t\t\t\t+ .embedCardView-content-wrap\n\t\t\t\t\t\t.rich-media-item {\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t> .ProseMirror-gapcursor:first-child\n\t\t\t\t\t\t+ span\n\t\t\t\t\t\t+ .mediaSingleView-content-wrap\n\t\t\t\t\t\t.rich-media-item,\n\t\t\t\t\t> style:first-child\n\t\t\t\t\t\t+ .ProseMirror-gapcursor\n\t\t\t\t\t\t+ span\n\t\t\t\t\t\t+ .mediaSingleView-content-wrap\n\t\t\t\t\t\t.rich-media-item {\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t/* Prevent first DecisionWrapper's margin-top: 8px from shifting decisions down\n\t\t\t and shrinking layout's node selectable area (leniency margin) */\n\t\t\t\t\t> [data-node-type='decisionList'] {\n\t\t\t\t\t\tli:first-of-type [data-decision-wrapper] {\n\t\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t/* Make the 'content' fill the entire height of the layout column to allow click\n\t\t   handler of layout section nodeview to target only data-layout-column */\n\t\t\t\t[data-layout-content] {\n\t\t\t\t\theight: 100%;\n\t\t\t\t\tcursor: text;\n\t\t\t\t\t.mediaGroupView-content-wrap {\n\t\t\t\t\t\tclear: both;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t", "\n\t\t}\n\n\t\t/* styles to support borders for layout */\n\t\t[data-layout-section],\n\t\t.layoutSectionView-content-wrap {\n\t\t\t", "\n\t\t}\n\t}\n\n\t", "\n\n\t/* hide separator when element is dragging on top of a layout column */\n\t[data-blocks-drop-target-container] ~ [data-layout-column] > [data-layout-content]::before {\n\t\tdisplay: none;\n\t}\n\n\t.fabric-editor--full-width-mode .ProseMirror {\n\t\t[data-layout-section] {\n\t\t\t.", " {\n\t\t\t\tmargin: 0 ", "px;\n\t\t\t}\n\t\t}\n\t}\n\n\t", "\n"])), layoutSectionStyles(), "var(--ds-space-100, 8px)", akLayoutGutterOffset + (fg('platform_editor_nested_dnd_styles_changes') ? 8 : 0), akEditorSwoopCubicBezier, editorExperiment('advanced_layouts', true) ? 0 : akEditorSelectedBorderSize, "var(--ds-border, #091E4224)", LAYOUT_COLUMN_PADDING, LAYOUT_COLUMN_PADDING + (fg('platform_editor_nested_dnd_styles_changes') ? 8 : 0), firstNodeWithNotMarginTop(), layoutColumnStyles(), editorExperiment('advanced_layouts', true) ? layoutWithSeparatorBorderBaseStyles : layoutBorderBaseStyles, editorExperiment('advanced_layouts', true) && layoutResponsiveBaseStyles, TableCssClassName.TABLE_CONTAINER, tableMarginFullWidthMode, editorExperiment('advanced_layouts', false) && fg('platform_editor_nested_dnd_styles_changes') && ".ak-editor-content-area.appearance-full-page .ProseMirror [data-layout-section] {\n\t\t\t\tmargin: ".concat("var(--ds-space-100, 8px)", " -", akLayoutGutterOffset + 8, "px 0;\n\t\t\t\t}"));
+  return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n\t.ProseMirror {\n\t\t", "\n\t\t[data-layout-section] {\n\t\t\t/* Ignored via go/ees007\n\t\t\tTODO: Migrate away from gridSize\n\t\t\tRecommendation: Replace directly with 7px */\n\t\t\tmargin: ", " -", "px 0;\n\t\t\ttransition: border-color 0.3s ", ";\n\t\t\tcursor: pointer;\n\n\t\t\t/* Inner cursor located 26px from left */\n\t\t\t[data-layout-column] {\n\t\t\t\tflex: 1;\n\t\t\t\tposition: relative;\n\n\t\t\t\tmin-width: 0;\n\t\t\t\t/* disable 4 borders when in view mode and advanced layouts is on */\n\t\t\t\tborder: ", "px\n\t\t\t\t\tsolid ", ";\n\t\t\t\tborder-radius: 4px;\n\t\t\t\tpadding: ", "px\n\t\t\t\t\t", "px;\n\t\t\t\tbox-sizing: border-box;\n\n\t\t\t\t> div {\n\t\t\t\t\t", "\n\n\t\t\t\t\t> .embedCardView-content-wrap:first-of-type .rich-media-item {\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t> .mediaSingleView-content-wrap:first-of-type .rich-media-item {\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t> .ProseMirror-gapcursor.-right:first-child\n\t\t\t\t\t\t+ .mediaSingleView-content-wrap\n\t\t\t\t\t\t.rich-media-item,\n\t\t\t\t\t> style:first-child\n\t\t\t\t\t\t+ .ProseMirror-gapcursor.-right\n\t\t\t\t\t\t+ .mediaSingleView-content-wrap\n\t\t\t\t\t\t.rich-media-item,\n\t\t\t\t\t> .ProseMirror-gapcursor.-right:first-of-type\n\t\t\t\t\t\t+ .embedCardView-content-wrap\n\t\t\t\t\t\t.rich-media-item {\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t> .ProseMirror-gapcursor:first-child\n\t\t\t\t\t\t+ span\n\t\t\t\t\t\t+ .mediaSingleView-content-wrap\n\t\t\t\t\t\t.rich-media-item,\n\t\t\t\t\t> style:first-child\n\t\t\t\t\t\t+ .ProseMirror-gapcursor\n\t\t\t\t\t\t+ span\n\t\t\t\t\t\t+ .mediaSingleView-content-wrap\n\t\t\t\t\t\t.rich-media-item {\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t/* Prevent first DecisionWrapper's margin-top: 8px from shifting decisions down\n\t\t\t and shrinking layout's node selectable area (leniency margin) */\n\t\t\t\t\t> [data-node-type='decisionList'] {\n\t\t\t\t\t\tli:first-of-type [data-decision-wrapper] {\n\t\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t/* Make the 'content' fill the entire height of the layout column to allow click\n\t\t   handler of layout section nodeview to target only data-layout-column */\n\t\t\t\t[data-layout-content] {\n\t\t\t\t\theight: 100%;\n\t\t\t\t\tcursor: text;\n\t\t\t\t\t.mediaGroupView-content-wrap {\n\t\t\t\t\t\tclear: both;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t", "\n\t\t}\n\n\t\t/* styles to support borders for layout */\n\t\t[data-layout-section],\n\t\t.layoutSectionView-content-wrap {\n\t\t\t", "\n\t\t}\n\t}\n\n\t", "\n\n\t/* hide separator when element is dragging on top of a layout column */\n\t[data-blocks-drop-target-container] ~ [data-layout-column] > [data-layout-content]::before {\n\t\tdisplay: none;\n\t}\n\n\t.fabric-editor--full-width-mode .ProseMirror {\n\t\t[data-layout-section] {\n\t\t\t.", " {\n\t\t\t\tmargin: 0 ", "px;\n\t\t\t}\n\t\t}\n\t}\n\n\t", "\n"])), layoutSectionStyles(), "var(--ds-space-100, 8px)", akLayoutGutterOffset + (fg('platform_editor_nested_dnd_styles_changes') ? 8 : 0), akEditorSwoopCubicBezier, editorExperiment('advanced_layouts', true) ? 0 : akEditorSelectedBorderSize, "var(--ds-border, #091E4224)", LAYOUT_COLUMN_PADDING, LAYOUT_COLUMN_PADDING + (fg('platform_editor_nested_dnd_styles_changes') ? 8 : 0), firstNodeWithNotMarginTop(), layoutColumnStyles(), editorExperiment('advanced_layouts', true) ? layoutWithSeparatorBorderBaseStyles : layoutBorderBaseStyles, editorExperiment('advanced_layouts', true) && layoutResponsiveBaseStyles, TableCssClassName.TABLE_CONTAINER, tableMarginFullWidthMode, editorExperiment('advanced_layouts', false) && fg('platform_editor_nested_dnd_styles_changes') && ".ak-editor-content-area.appearance-full-page .ProseMirror [data-layout-section] {\n\t\t\t\tmargin: ".concat("var(--ds-space-100, 8px)", " -", akLayoutGutterOffset + 8, "px 0;\n\t\t\t\t}"));
 };
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Needs manual remediation
-export var layoutViewStyles = css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n\t.ProseMirror {\n\t\t[data-layout-section] {\n\t\t\tcursor: default;\n\t\t\t[data-layout-column] {\n\t\t\t\tborder: 0;\n\t\t\t}\n\t\t}\n\t\t[data-layout-section],\n\t\t.layoutSectionView-content-wrap {\n\t\t\t", "\n\t\t}\n\t}\n\n\t", "\n"])), editorExperiment('advanced_layouts', true) ? layoutWithSeparatorBorderViewStyles : layoutBorderViewStyles, editorExperiment('advanced_layouts', true) && layoutResponsiveViewStyles);
+export var layoutViewStyles = css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n\t.ProseMirror {\n\t\t[data-layout-section] {\n\t\t\tcursor: default;\n\t\t\t[data-layout-column] {\n\t\t\t\tborder: 0;\n\t\t\t}\n\t\t}\n\t\t[data-layout-section],\n\t\t.layoutSectionView-content-wrap {\n\t\t\t", "\n\t\t}\n\t}\n\n\t", "\n"])), editorExperiment('advanced_layouts', true) ? layoutWithSeparatorBorderViewStyles : layoutBorderViewStyles, editorExperiment('advanced_layouts', true) && layoutResponsiveViewStyles);

package/dist/esm/ui/EditorContentContainer/styles/resizerStyles.js

@@ -8,6 +8,7 @@ export var resizerHandleClassName = 'resizer-handle';
 export var resizerHandleTrackClassName = "".concat(resizerHandleClassName, "-track");
 export var resizerHandleThumbClassName = "".concat(resizerHandleClassName, "-thumb");
 export var resizerDangerClassName = "".concat(resizerHandleClassName, "-danger");
+export var resizerHandleThumbWidth = 3;
 export var handleWrapperClass = 'resizer-handle-wrapper';
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766, Seems perfectly safe to autofix, but comments would be lost…
@@ -239,7 +240,7 @@ export var pragmaticResizerStyles = css({
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.pm-breakout-resize-handle-inner': {
-    minWidth: 3,
+    minWidth: "".concat(resizerHandleThumbWidth, "px"),
     // copied from resizeStyles.clamped
     height: 'clamp(27px, calc(100% - 32px), 96px)',
     background: "var(--ds-border, #091E4224)",

package/dist/esm/version-wrapper.js

@@ -1,2 +1,2 @@
 export var name = "@atlaskit/editor-core";
-export var version = "207.12.3";
+export var version = "207.13.0";

package/dist/types/create-editor/create-universal-preset.d.ts

@@ -718,6 +718,11 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
                 setMultiSelectPositions: (anchor?: number | undefined, head?: number | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
                 setSelectedViaDragHandle: (isSelectedViaDragHandle?: boolean | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
             };
+        }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"connectivity", {
+            sharedState: import("packages/editor/editor-plugin-connectivity/dist/types/connectivityPluginType").PublicPluginState;
+            commands: {
+                setMode: (mode: import("@atlaskit/editor-plugins/connectivity").Mode | null) => import("@atlaskit/editor-common/types").EditorCommand;
+            };
         }, undefined>>];
         actions?: {
             suppressToolbar?: (() => boolean) | undefined;
@@ -799,6 +804,11 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
             setMultiSelectPositions: (anchor?: number | undefined, head?: number | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
             setSelectedViaDragHandle: (isSelectedViaDragHandle?: boolean | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
         };
+    }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"connectivity", {
+        sharedState: import("packages/editor/editor-plugin-connectivity/dist/types/connectivityPluginType").PublicPluginState;
+        commands: {
+            setMode: (mode: import("@atlaskit/editor-plugins/connectivity").Mode | null) => import("@atlaskit/editor-common/types").EditorCommand;
+        };
     }, undefined>>];
     actions?: {
         suppressToolbar?: (() => boolean) | undefined;
@@ -882,6 +892,11 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
                 setMultiSelectPositions: (anchor?: number | undefined, head?: number | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
                 setSelectedViaDragHandle: (isSelectedViaDragHandle?: boolean | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
             };
+        }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"connectivity", {
+            sharedState: import("packages/editor/editor-plugin-connectivity/dist/types/connectivityPluginType").PublicPluginState;
+            commands: {
+                setMode: (mode: import("@atlaskit/editor-plugins/connectivity").Mode | null) => import("@atlaskit/editor-common/types").EditorCommand;
+            };
         }, undefined>>];
         actions?: {
             suppressToolbar?: (() => boolean) | undefined;

package/dist/types/presets/universal.d.ts

@@ -770,6 +770,11 @@ export default function createUniversalPresetInternal({ appearance, props, featu
                 setMultiSelectPositions: (anchor?: number | undefined, head?: number | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
                 setSelectedViaDragHandle: (isSelectedViaDragHandle?: boolean | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
             };
+        }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"connectivity", {
+            sharedState: import("packages/editor/editor-plugin-connectivity/dist/types/connectivityPluginType").PublicPluginState;
+            commands: {
+                setMode: (mode: import("@atlaskit/editor-plugins/connectivity").Mode | null) => import("@atlaskit/editor-common/types").EditorCommand;
+            };
         }, undefined>>];
         actions?: {
             suppressToolbar?: (() => boolean) | undefined;
@@ -851,6 +856,11 @@ export default function createUniversalPresetInternal({ appearance, props, featu
             setMultiSelectPositions: (anchor?: number | undefined, head?: number | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
             setSelectedViaDragHandle: (isSelectedViaDragHandle?: boolean | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
         };
+    }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"connectivity", {
+        sharedState: import("packages/editor/editor-plugin-connectivity/dist/types/connectivityPluginType").PublicPluginState;
+        commands: {
+            setMode: (mode: import("@atlaskit/editor-plugins/connectivity").Mode | null) => import("@atlaskit/editor-common/types").EditorCommand;
+        };
     }, undefined>>];
     actions?: {
         suppressToolbar?: (() => boolean) | undefined;
@@ -934,6 +944,11 @@ export default function createUniversalPresetInternal({ appearance, props, featu
                 setMultiSelectPositions: (anchor?: number | undefined, head?: number | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
                 setSelectedViaDragHandle: (isSelectedViaDragHandle?: boolean | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
             };
+        }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"connectivity", {
+            sharedState: import("packages/editor/editor-plugin-connectivity/dist/types/connectivityPluginType").PublicPluginState;
+            commands: {
+                setMode: (mode: import("@atlaskit/editor-plugins/connectivity").Mode | null) => import("@atlaskit/editor-common/types").EditorCommand;
+            };
         }, undefined>>];
         actions?: {
             suppressToolbar?: (() => boolean) | undefined;

package/dist/types/presets/useUniversalPreset.d.ts

@@ -718,6 +718,11 @@ export default function useUniversalPreset({ props, initialPluginConfiguration }
                 setMultiSelectPositions: (anchor?: number | undefined, head?: number | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
                 setSelectedViaDragHandle: (isSelectedViaDragHandle?: boolean | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
             };
+        }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"connectivity", {
+            sharedState: import("packages/editor/editor-plugin-connectivity/dist/types/connectivityPluginType").PublicPluginState;
+            commands: {
+                setMode: (mode: import("@atlaskit/editor-plugins/connectivity").Mode | null) => import("@atlaskit/editor-common/types").EditorCommand;
+            };
         }, undefined>>];
         actions?: {
             suppressToolbar?: (() => boolean) | undefined;
@@ -799,6 +804,11 @@ export default function useUniversalPreset({ props, initialPluginConfiguration }
             setMultiSelectPositions: (anchor?: number | undefined, head?: number | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
             setSelectedViaDragHandle: (isSelectedViaDragHandle?: boolean | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
         };
+    }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"connectivity", {
+        sharedState: import("packages/editor/editor-plugin-connectivity/dist/types/connectivityPluginType").PublicPluginState;
+        commands: {
+            setMode: (mode: import("@atlaskit/editor-plugins/connectivity").Mode | null) => import("@atlaskit/editor-common/types").EditorCommand;
+        };
     }, undefined>>];
     actions?: {
         suppressToolbar?: (() => boolean) | undefined;
@@ -882,6 +892,11 @@ export default function useUniversalPreset({ props, initialPluginConfiguration }
                 setMultiSelectPositions: (anchor?: number | undefined, head?: number | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
                 setSelectedViaDragHandle: (isSelectedViaDragHandle?: boolean | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
             };
+        }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"connectivity", {
+            sharedState: import("packages/editor/editor-plugin-connectivity/dist/types/connectivityPluginType").PublicPluginState;
+            commands: {
+                setMode: (mode: import("@atlaskit/editor-plugins/connectivity").Mode | null) => import("@atlaskit/editor-common/types").EditorCommand;
+            };
         }, undefined>>];
         actions?: {
             suppressToolbar?: (() => boolean) | undefined;

package/dist/types/ui/EditorContentContainer/styles/blockTypeStyles.d.ts

@@ -0,0 +1,4 @@
+export declare const blocktypeStyles: import("@emotion/react").SerializedStyles;
+export declare const blocktypeStyles_fg_platform_editor_typography_ugc: import("@emotion/react").SerializedStyles;
+export declare const blocktypeStyles_without_fg_platform_editor_typography_ugc: import("@emotion/react").SerializedStyles;
+export declare const blocktypeStyles_fg_platform_editor_nested_dnd_styles_changes: import("@emotion/react").SerializedStyles;

package/dist/types/ui/EditorContentContainer/styles/editorUGCTokenStyles.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Use when fg('platform_editor_typography_ugc') is disabled.
+ */
+export declare const editorUGCTokensDefault: import("@emotion/react").SerializedStyles;
+/**
+ * Use when fg('platform_editor_typography_ugc') is enabled, but none of the following are enabled:
+ * - fg('platform-dst-jira-web-fonts')
+ * - fg('confluence_typography_refreshed')
+ * - fg('atlas_editor_typography_refreshed')
+ */
+export declare const editorUGCTokensModernized: import("@emotion/react").SerializedStyles;
+/**
+ * Use when fg('platform_editor_typography_ugc') is enabled and one of the following are enabled:
+ * - fg('platform-dst-jira-web-fonts')
+ * - fg('confluence_typography_refreshed')
+ * - fg('atlas_editor_typography_refreshed')
+ */
+export declare const editorUGCTokensRefreshed: import("@emotion/react").SerializedStyles;

package/dist/types/ui/EditorContentContainer/styles/resizerStyles.d.ts

@@ -5,6 +5,7 @@ export declare const resizerHandleClassName = "resizer-handle";
 export declare const resizerHandleTrackClassName = "resizer-handle-track";
 export declare const resizerHandleThumbClassName = "resizer-handle-thumb";
 export declare const resizerDangerClassName = "resizer-handle-danger";
+export declare const resizerHandleThumbWidth = 3;
 export declare const handleWrapperClass = "resizer-handle-wrapper";
 export declare const resizerStyles: import("@emotion/react").SerializedStyles;
 export declare const pragmaticResizerStyles: import("@emotion/react").SerializedStyles;