@atlaskit/editor-core 207.19.1 → 207.19.2

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

@@ -0,0 +1,352 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.extensionStyles = void 0;
+var _react = require("@emotion/react");
+var _selectionStyles = require("./selectionStyles");
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+var extensionStyles = exports.extensionStyles = (0, _react.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.multiBodiedExtensionView-content-wrap': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '&.danger > span > .multiBodiedExtension--container': {
+      boxShadow: "0 0 0 1px ".concat("var(--ds-border-danger, #E2483D)"),
+      backgroundColor: "var(--ds-background-danger, #FFECEB)"
+    },
+    // ...extensionLabelStyles
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '&.danger > span > div > .extension-label': {
+      backgroundColor: "var(--ds-background-accent-red-subtler, #FFD5D2)",
+      color: "var(--ds-text-danger, #AE2E24)",
+      opacity: 1,
+      boxShadow: 'none'
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    '&:not(.danger).ak-editor-selected-node > span > div > .extension-label': {
+      backgroundColor: "var(--ds-background-selected, #E9F2FF)",
+      color: "var(--ds-text-selected, #0C66E4)",
+      opacity: 1,
+      boxShadow: 'none'
+    },
+    /* Targets the icon for bodied macro styling in button label */
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '&.danger > span > div > .extension-label > span': {
+      display: 'inline'
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    '&:not(.danger).ak-editor-selected-node > span > div .extension-label > span': {
+      display: 'inline'
+    },
+    /* Start of bodied extension edit toggle styles */
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '&.danger.ak-editor-selected-node > span > .extension-edit-toggle-container': {
+      opacity: 1
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    '&:not(.danger).ak-editor-selected-node > span > .extension-edit-toggle-container': {
+      opacity: 1
+    },
+    /* In view mode of the bodied macro, we never want to show the extension label */
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '&.danger.ak-editor-selected-node > span > div > .extension-label.always-hide-label': {
+      opacity: 0
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    '&:not(.danger).ak-editor-selected-node > span > div > .extension-label.always-hide-label': {
+      opacity: 0
+    },
+    /* .with-bodied-macro-live-page-styles class will only be added to bodied macros with the renderer mode gate enabled */
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    '&:not(.danger).ak-editor-selected-node > span > div > .extension-label.with-bodied-macro-live-page-styles': {
+      boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)")
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '&.danger.ak-editor-selected-node > span > div > .extension-label.with-bodied-macro-live-page-styles': {
+      boxShadow: "0 0 0 1px ".concat("var(--ds-border-danger, #E2483D)")
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '&.danger.ak-editor-selected-node > span > .extension-edit-toggle-container > .extension-edit-toggle': {
+      backgroundColor: "var(--ds-background-accent-red-subtler, #FFD5D2)",
+      color: "var(--ds-text-danger, #AE2E24)",
+      boxShadow: 'none'
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    '&.danger > span > .with-danger-overlay': {
+      backgroundColor: 'transparent',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '.multiBodiedExtension--overlay': {
+        // ...dangerOverlayStyles
+        opacity: 0.3,
+        backgroundColor: "var(--ds-background-danger-hovered, #FFD5D2)"
+      }
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    '&:not(.danger).ak-editor-selected-node': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
+      '& > span > .multiBodiedExtension--container': [
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+      _selectionStyles.boxShadowSelectionStyles,
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+      _selectionStyles.blanketSelectionStyles,
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+      _selectionStyles.hideNativeBrowserTextSelectionStyles]
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '.multiBodiedExtension--container': {
+      width: '100%',
+      maxWidth: '100%' // ensure width can't go over 100%
+    }
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.inlineExtensionView-content-wrap': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '&.danger > span > .extension-container': {
+      boxShadow: "0 0 0 1px ".concat("var(--ds-border-danger, #E2483D)"),
+      backgroundColor: "var(--ds-background-danger, #FFECEB)"
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '&.danger > span > .with-danger-overlay': {
+      /* If the macro turned used to red before, not setting the background to be transparent will cause the
+      danger state to have two layers of red which we don't want. */
+      backgroundColor: 'transparent',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '.extension-overlay': {
+        // ...dangerOverlayStyles
+        opacity: 0.3,
+        backgroundColor: "var(--ds-background-danger-hovered, #FFD5D2)"
+      }
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    '&:not(.danger).ak-editor-selected-node': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
+      '& > span > .extension-container': [
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+      _selectionStyles.boxShadowSelectionStyles,
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+      _selectionStyles.hideNativeBrowserTextSelectionStyles]
+    },
+    // ...extensionLabelStyles
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '&.danger > span > div > .extension-label': {
+      backgroundColor: "var(--ds-background-accent-red-subtler, #FFD5D2)",
+      color: "var(--ds-text-danger, #AE2E24)",
+      opacity: 1,
+      boxShadow: 'none'
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    '&:not(.danger).ak-editor-selected-node > span > div > .extension-label': {
+      backgroundColor: "var(--ds-background-selected, #E9F2FF)",
+      color: "var(--ds-text-selected, #0C66E4)",
+      opacity: 1,
+      boxShadow: 'none'
+    },
+    /* Targets the icon for bodied macro styling in button label */
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '&.danger > span > div > .extension-label > span': {
+      display: 'inline'
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    '&:not(.danger).ak-editor-selected-node > span > div .extension-label > span': {
+      display: 'inline'
+    },
+    /* Start of bodied extension edit toggle styles */
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '&.danger.ak-editor-selected-node > span > .extension-edit-toggle-container': {
+      opacity: 1
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    '&:not(.danger).ak-editor-selected-node > span > .extension-edit-toggle-container': {
+      opacity: 1
+    },
+    /* In view mode of the bodied macro, we never want to show the extension label */
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '&.danger.ak-editor-selected-node > span > div > .extension-label.always-hide-label': {
+      opacity: 0
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    '&:not(.danger).ak-editor-selected-node > span > div > .extension-label.always-hide-label': {
+      opacity: 0
+    },
+    /* .with-bodied-macro-live-page-styles class will only be added to bodied macros with the renderer mode gate enabled */
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    '&:not(.danger).ak-editor-selected-node > span > div > .extension-label.with-bodied-macro-live-page-styles': {
+      boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)")
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '&.danger.ak-editor-selected-node > span > div > .extension-label.with-bodied-macro-live-page-styles': {
+      boxShadow: "0 0 0 1px ".concat("var(--ds-border-danger, #E2483D)")
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '&.danger.ak-editor-selected-node > span > .extension-edit-toggle-container > .extension-edit-toggle': {
+      backgroundColor: "var(--ds-background-accent-red-subtler, #FFD5D2)",
+      color: "var(--ds-text-danger, #AE2E24)",
+      boxShadow: 'none'
+    }
+  },
+  /* This is referenced in the toDOM of a bodied extension and is used to put
+  label content into the bodied extension.
+  We do this so that we don't serialise the label (which causes the label to be
+  copied to the clipboard causing copy-paste issues). */
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.bodied-extension-to-dom-label::after': {
+    content: 'attr(data-bodied-extension-label)'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.extensionView-content-wrap, .multiBodiedExtensionView-content-wrap, .bodiedExtensionView-content-wrap': {
+    margin: "0.75rem 0",
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
+    '&:first-of-type': {
+      marginTop: 0
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
+    '&:last-of-type': {
+      marginBottom: 0
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    '&:not(.danger).ak-editor-selected-node': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
+      '& > span > .extension-container': [
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+      _selectionStyles.boxShadowSelectionStyles,
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+      _selectionStyles.hideNativeBrowserTextSelectionStyles]
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '&.danger > span > .extension-container': {
+      boxShadow: "0 0 0 1px ".concat("var(--ds-border-danger, #E2483D)"),
+      backgroundColor: "var(--ds-background-danger, #FFECEB)"
+    },
+    // ...extensionLabelStyles
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '&.danger > span > div > .extension-label': {
+      backgroundColor: "var(--ds-background-accent-red-subtler, #FFD5D2)",
+      color: "var(--ds-text-danger, #AE2E24)",
+      opacity: 1,
+      boxShadow: 'none'
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    '&:not(.danger).ak-editor-selected-node > span > div > .extension-label': {
+      backgroundColor: "var(--ds-background-selected, #E9F2FF)",
+      color: "var(--ds-text-selected, #0C66E4)",
+      opacity: 1,
+      boxShadow: 'none'
+    },
+    /* Targets the icon for bodied macro styling in button label */
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '&.danger > span > div > .extension-label > span': {
+      display: 'inline'
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    '&:not(.danger).ak-editor-selected-node > span > div .extension-label > span': {
+      display: 'inline'
+    },
+    /* Start of bodied extension edit toggle styles */
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '&.danger.ak-editor-selected-node > span > .extension-edit-toggle-container': {
+      opacity: 1
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    '&:not(.danger).ak-editor-selected-node > span > .extension-edit-toggle-container': {
+      opacity: 1
+    },
+    /* In view mode of the bodied macro, we never want to show the extension label */
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '&.danger.ak-editor-selected-node > span > div > .extension-label.always-hide-label': {
+      opacity: 0
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    '&:not(.danger).ak-editor-selected-node > span > div > .extension-label.always-hide-label': {
+      opacity: 0
+    },
+    /* .with-bodied-macro-live-page-styles class will only be added to bodied macros with the renderer mode gate enabled */
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    '&:not(.danger).ak-editor-selected-node > span > div > .extension-label.with-bodied-macro-live-page-styles': {
+      boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)")
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '&.danger.ak-editor-selected-node > span > div > .extension-label.with-bodied-macro-live-page-styles': {
+      boxShadow: "0 0 0 1px ".concat("var(--ds-border-danger, #E2483D)")
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '&.danger.ak-editor-selected-node > span > .extension-edit-toggle-container > .extension-edit-toggle': {
+      backgroundColor: "var(--ds-background-accent-red-subtler, #FFD5D2)",
+      color: "var(--ds-text-danger, #AE2E24)",
+      boxShadow: 'none'
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    '&.danger > span > .with-danger-overlay': {
+      backgroundColor: 'transparent',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '.extension-overlay': {
+        // ...dangerOverlayStyles
+        opacity: 0.3,
+        backgroundColor: "var(--ds-background-danger-hovered, #FFD5D2)"
+      }
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '&.inline': {
+      // wordWrap: 'break-all' was previously used here, but break-all is not a valid CSS property of word-wrap.
+      // It was probably intended to be word-break: break-all, however I'm omitting it here for consistency with previous actual behavior.
+    }
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.extensionView-content-wrap .extension-container': {
+    overflow: 'hidden',
+    /* Don't hide overflow for editors inside extensions. */
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    '&:has(.extension-editable-area)': {
+      overflow: 'visible'
+    }
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.bodiedExtensionView-content-wrap .extensionView-content-wrap .extension-container': {
+    width: '100%',
+    maxWidth: '100%' // ensure width can't go over 100%
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  "[data-mark-type='fragment']": {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '& > .extensionView-content-wrap, & > .bodiedExtensionView-content-wrap': {
+      margin: '0.75rem 0'
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    "& > [data-mark-type='dataConsumer']": {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '& > .extensionView-content-wrap, & > .bodiedExtensionView-content-wrap': {
+        margin: '0.75rem 0'
+      }
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
+    '&:first-child': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '& > .extensionView-content-wrap, & > .bodiedExtensionView-content-wrap': {
+        marginTop: 0
+      },
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      "& > [data-mark-type='dataConsumer']": {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+        '& > .extensionView-content-wrap, & > .bodiedExtensionView-content-wrap': {
+          marginTop: 0
+        }
+      }
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
+    '&:nth-last-of-type(-n + 2):not(:first-of-type)': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '& > .extensionView-content-wrap, & > .bodiedExtensionView-content-wrap': {
+        marginBottom: 0
+      },
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      "& > [data-mark-type='dataConsumer']": {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+        '& > .extensionView-content-wrap, & > .bodiedExtensionView-content-wrap': {
+          marginBottom: 0
+        }
+      }
+    }
+  }
+});

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

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.firstFloatingToolbarButtonStyles = void 0;
+var _react = require("@emotion/react");
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
+
+// Make sure the first floating toolbar button has focus ring when focused via .focus()
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+var firstFloatingToolbarButtonStyles = exports.firstFloatingToolbarButtonStyles = (0, _react.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  'button.first-floating-toolbar-button:focus': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
+    outline: "2px solid ".concat("var(--ds-border-focused, #388BFF)")
+  }
+});

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

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.fullPageEditorStyles = void 0;
+var _react = require("@emotion/react");
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
+
+// Originally copied from scrollStyles in packages/editor/editor-core/src/ui/Appearance/FullPage/StyledComponents.ts
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+var fullPageEditorStyles = exports.fullPageEditorStyles = (0, _react.css)({
+  flexGrow: 1,
+  height: '100%',
+  overflowY: 'scroll',
+  position: 'relative',
+  display: 'flex',
+  flexDirection: 'column',
+  scrollBehavior: 'smooth'
+});

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

@@ -9,37 +9,40 @@ var _react = require("@emotion/react");
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var indentationStyles = exports.indentationStyles = (0, _react.css)({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '.fabric-editor-indentation-mark': {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    "&[data-level='1']": {
-      // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
-      marginLeft: 30
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    "&[data-level='2']": {
-      // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
-      marginLeft: 60
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    "&[data-level='3']": {
-      // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
-      marginLeft: 90
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    "&[data-level='4']": {
-      // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
-      marginLeft: 120
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    "&[data-level='5']": {
-      // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
-      marginLeft: 150
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    "&[data-level='6']": {
-      // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
-      marginLeft: 180
+    '.fabric-editor-indentation-mark': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+      "&[data-level='1']": {
+        // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
+        marginLeft: 30
+      },
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+      "&[data-level='2']": {
+        // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
+        marginLeft: 60
+      },
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+      "&[data-level='3']": {
+        // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
+        marginLeft: 90
+      },
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+      "&[data-level='4']": {
+        // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
+        marginLeft: 120
+      },
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+      "&[data-level='5']": {
+        // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
+        marginLeft: 150
+      },
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+      "&[data-level='6']": {
+        // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
+        marginLeft: 180
+      }
     }
   }
 });

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

@@ -10,37 +10,40 @@ var _react = require("@emotion/react");
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
 var InlineNodeViewSharedStyles = exports.InlineNodeViewSharedStyles = (0, _react.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.inlineNodeView': {
-    display: 'inline',
-    userSelect: 'all',
-    whiteSpace: 'nowrap',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-    '& > *:not(.zeroWidthSpaceContainer)': {
-      whiteSpace: 'pre-wrap'
+  '.ProseMirror': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '.inlineNodeView': {
+      display: 'inline',
+      userSelect: 'all',
+      whiteSpace: 'nowrap',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+      '& > *:not(.zeroWidthSpaceContainer)': {
+        whiteSpace: 'pre-wrap'
+      },
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '& > .assistive': {
+        userSelect: 'none'
+      }
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '&.ua-safari': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '.inlineNodeView': {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+        '&::selection, *::selection': {
+          background: 'transparent'
+        }
+      }
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '& > .assistive': {
+    '&.ua-chrome .inlineNodeView > span': {
       userSelect: 'none'
-    }
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '&.ua-safari': {
+    },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '.inlineNodeView': {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '&::selection, *::selection': {
-        background: 'transparent'
+    '.inlineNodeViewAddZeroWidthSpace': {
+      '&::after': {
+        content: "'\u200B'" // ZERO_WIDTH_SPACE
       }
     }
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '&.ua-chrome .inlineNodeView > span': {
-    userSelect: 'none'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.inlineNodeViewAddZeroWidthSpace': {
-    '&::after': {
-      content: "'\u200B'" // ZERO_WIDTH_SPACE
-    }
   }
 });

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.linkStylesOld = exports.linkStyles = void 0;
+exports.linkStylesOld = exports.linkStyles = exports.linkLegacyIconStylesFix = exports.hyperLinkFloatingToolbarStyles = void 0;
 var _react = require("@emotion/react");
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
 
@@ -29,4 +29,28 @@ var linkStylesOld = exports.linkStylesOld = (0, _react.css)({
   '.ProseMirror a.blockLink': {
     display: 'block'
   }
+});
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+var hyperLinkFloatingToolbarStyles = exports.hyperLinkFloatingToolbarStyles = (0, _react.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.hyperlink-floating-toolbar': {
+    padding: 0
+  }
+});
+
+/*
+ * Legacy Link icon in the Atlaskit package is bigger than the others,
+ * new ADS icon does not have this issue
+ */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+var linkLegacyIconStylesFix = exports.linkLegacyIconStylesFix = (0, _react.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.hyperlink-open-link': {
+    minWidth: 24,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    svg: {
+      maxWidth: 18
+    }
+  }
 });

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.listsStylesSafariFix = exports.listsStyles = void 0;
+exports.listsStylesSafariFix = exports.listsStyles = exports.listLayoutShiftFix = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
 // eslint-disable-line @atlaskit/ui-styling-standard/use-compiled
@@ -147,4 +147,13 @@ var listsStylesSafariFix = exports.listsStylesSafariFix = (0, _react.css)((0, _d
 }), ".ProseMirror:not(.".concat(BLOCK_CARD_CONTAINER, ") > li > p:first-child, .ProseMirror:not(.").concat(BLOCK_CARD_CONTAINER, ") > li > .code-block:first-child, .ProseMirror:not(.").concat(BLOCK_CARD_CONTAINER, ") > li > .ProseMirror-gapcursor:first-child + .code-block"), {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
   marginTop: "-".concat(akEditorLineHeight, "em !important")
-}));
+}));
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+var listLayoutShiftFix = exports.listLayoutShiftFix = (0, _react.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror ul, .ProseMirror ol': {
+    // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
+    marginTop: '10px'
+  }
+});

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.mediaStyles = void 0;
+exports.mediaStyles = exports.mediaGroupStyles = exports.mediaAlignmentStyles = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
 var _mediaInline = require("@atlaskit/editor-common/media-inline");
@@ -227,4 +227,45 @@ var mediaStyles = exports.mediaStyles = (0, _react.css)((_css = {
   boxShadow: _editorSharedStyles.akEditorSelectedBoxShadow
 }), '.ak-editor-no-interaction #newFileExperienceWrapper', {
   boxShadow: 'none'
-})));
+})));
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+var mediaGroupStyles = exports.mediaGroupStyles = (0, _react.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.mediaGroupView-content-wrap ul': {
+    padding: 0
+  }
+});
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+var mediaAlignmentStyles = exports.mediaAlignmentStyles = (0, _react.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.fabric-editor-block-mark[class^="fabric-editor-align"]': {
+    // It was `clear: none !important` before, but it was causing typescript errors
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+    clear: 'none'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.fabric-editor-align-end': {
+    textAlign: 'right'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.fabric-editor-align-start': {
+    textAlign: 'left'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.fabric-editor-align-center': {
+    textAlign: 'center'
+  },
+  // For FullPage only when inside a table
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.fabric-editor--full-width-mode': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '.pm-table-container': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '.code-block, .extension-container, .multiBodiedExtension--container': {
+        maxWidth: '100%'
+      }
+    }
+  }
+});