@atlaskit/editor-common 110.9.0 → 110.9.1

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/editor-common
 
+## 110.9.1
+
+### Patch Changes
+
+- [`be54c7e850cd3`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/be54c7e850cd3) -
+  remove unused deprecated styles used to be consumed in editor content styles
+- [`30bb04cd8a8e9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/30bb04cd8a8e9) -
+  [ux] [ED-29292] Fix 2 issues with wrapped images in editor and renderer
+
+  1. There is a gap between the first and the second wrapped images
+  2. For wrapped images in layout, if image is the first node, it not horizontally aligned with the
+     following wrapped images
+
+- Updated dependencies
+
 ## 110.9.0
 
 ### Minor Changes

package/dist/cjs/monitoring/error.js

@@ -16,7 +16,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "110.8.0";
+var packageVersion = "110.9.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/cjs/panel.js

@@ -33,16 +33,4 @@ Object.defineProperty(exports, "getPanelTypeBackgroundNoTokens", {
     return _panel.getPanelTypeBackgroundNoTokens;
   }
 });
-Object.defineProperty(exports, "panelSharedStyles", {
-  enumerable: true,
-  get: function get() {
-    return _panel.panelSharedStyles;
-  }
-});
-Object.defineProperty(exports, "panelSharedStylesWithoutPrefix", {
-  enumerable: true,
-  get: function get() {
-    return _panel.panelSharedStylesWithoutPrefix;
-  }
-});
 var _panel = require("./styles/shared/panel");

package/dist/cjs/styles/index.js

@@ -3,12 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "AnnotationSharedCSSByState", {
-  enumerable: true,
-  get: function get() {
-    return _annotation.AnnotationSharedCSSByState;
-  }
-});
 Object.defineProperty(exports, "AnnotationSharedClassNames", {
   enumerable: true,
   get: function get() {
@@ -153,24 +147,6 @@ Object.defineProperty(exports, "UnsupportedSharedCssClassName", {
     return _unsupportedContent.UnsupportedSharedCssClassName;
   }
 });
-Object.defineProperty(exports, "annotationSharedStyles", {
-  enumerable: true,
-  get: function get() {
-    return _annotation.annotationSharedStyles;
-  }
-});
-Object.defineProperty(exports, "backgroundColorStyles", {
-  enumerable: true,
-  get: function get() {
-    return _backgroundColor.backgroundColorStyles;
-  }
-});
-Object.defineProperty(exports, "blockMarksSharedStyles", {
-  enumerable: true,
-  get: function get() {
-    return _blockMarks.blockMarksSharedStyles;
-  }
-});
 Object.defineProperty(exports, "blockquoteSharedStyles", {
   enumerable: true,
   get: function get() {
@@ -195,66 +171,12 @@ Object.defineProperty(exports, "calcTableWidth", {
     return _table.calcTableWidth;
   }
 });
-Object.defineProperty(exports, "codeBlockInListSafariFix", {
-  enumerable: true,
-  get: function get() {
-    return _codeBlock.codeBlockInListSafariFix;
-  }
-});
-Object.defineProperty(exports, "codeBlockSharedStyles", {
-  enumerable: true,
-  get: function get() {
-    return _codeBlock.codeBlockSharedStyles;
-  }
-});
-Object.defineProperty(exports, "codeMarkSharedStyles", {
-  enumerable: true,
-  get: function get() {
-    return _codeMark.codeMarkSharedStyles;
-  }
-});
-Object.defineProperty(exports, "columnLayoutResponsiveRendererStyles", {
-  enumerable: true,
-  get: function get() {
-    return _columnLayout.columnLayoutResponsiveRendererStyles;
-  }
-});
-Object.defineProperty(exports, "columnLayoutResponsiveSharedStyle", {
-  enumerable: true,
-  get: function get() {
-    return _columnLayout.columnLayoutResponsiveSharedStyle;
-  }
-});
-Object.defineProperty(exports, "columnLayoutSharedStyle", {
-  enumerable: true,
-  get: function get() {
-    return _columnLayout.columnLayoutSharedStyle;
-  }
-});
-Object.defineProperty(exports, "dateSharedStyle", {
-  enumerable: true,
-  get: function get() {
-    return _date.dateSharedStyle;
-  }
-});
 Object.defineProperty(exports, "disableBlueBorderStyles", {
   enumerable: true,
   get: function get() {
     return _plugins.disableBlueBorderStyles;
   }
 });
-Object.defineProperty(exports, "embedCardStyles", {
-  enumerable: true,
-  get: function get() {
-    return _embedCard.embedCardStyles;
-  }
-});
-Object.defineProperty(exports, "embedSpacingStyles", {
-  enumerable: true,
-  get: function get() {
-    return _embedCard.embedSpacingStyles;
-  }
-});
 Object.defineProperty(exports, "expandClassNames", {
   enumerable: true,
   get: function get() {
@@ -279,48 +201,18 @@ Object.defineProperty(exports, "getOrderedListInlineStyles", {
     return _lists.getOrderedListInlineStyles;
   }
 });
-Object.defineProperty(exports, "getSmartCardSharedStyles", {
-  enumerable: true,
-  get: function get() {
-    return _smartCard.getSmartCardSharedStyles;
-  }
-});
-Object.defineProperty(exports, "gridStyles", {
-  enumerable: true,
-  get: function get() {
-    return _grid.gridStyles;
-  }
-});
 Object.defineProperty(exports, "headingsSharedStyles", {
   enumerable: true,
   get: function get() {
     return _headings.headingsSharedStyles;
   }
 });
-Object.defineProperty(exports, "indentationSharedStyles", {
-  enumerable: true,
-  get: function get() {
-    return _indentation.indentationSharedStyles;
-  }
-});
-Object.defineProperty(exports, "linkSharedStyle", {
-  enumerable: true,
-  get: function get() {
-    return _link.linkSharedStyle;
-  }
-});
 Object.defineProperty(exports, "listItemCounterPadding", {
   enumerable: true,
   get: function get() {
     return _lists.listItemCounterPadding;
   }
 });
-Object.defineProperty(exports, "listsSharedStyles", {
-  enumerable: true,
-  get: function get() {
-    return _lists.listsSharedStyles;
-  }
-});
 Object.defineProperty(exports, "mediaSingleSharedStyle", {
   enumerable: true,
   get: function get() {
@@ -333,36 +225,6 @@ Object.defineProperty(exports, "mediaSingleSharedStyleNew", {
     return _mediaSingle.mediaSingleSharedStyleNew;
   }
 });
-Object.defineProperty(exports, "paragraphSharedStyles", {
-  enumerable: true,
-  get: function get() {
-    return _paragraph.paragraphSharedStyles;
-  }
-});
-Object.defineProperty(exports, "pragmaticResizerStyles", {
-  enumerable: true,
-  get: function get() {
-    return _resizer.pragmaticResizerStyles;
-  }
-});
-Object.defineProperty(exports, "pragmaticResizerStylesForTooltip", {
-  enumerable: true,
-  get: function get() {
-    return _resizer.pragmaticResizerStylesForTooltip;
-  }
-});
-Object.defineProperty(exports, "pragmaticResizerStylesWithReducedEditorGutter", {
-  enumerable: true,
-  get: function get() {
-    return _resizer.pragmaticResizerStylesWithReducedEditorGutter;
-  }
-});
-Object.defineProperty(exports, "pragmaticStylesLayoutFirstNodeResizeHandleFix", {
-  enumerable: true,
-  get: function get() {
-    return _resizer.pragmaticStylesLayoutFirstNodeResizeHandleFix;
-  }
-});
 Object.defineProperty(exports, "resizerHandleClassName", {
   enumerable: true,
   get: function get() {
@@ -399,42 +261,12 @@ Object.defineProperty(exports, "richMediaClassName", {
     return _mediaSingle.richMediaClassName;
   }
 });
-Object.defineProperty(exports, "ruleSharedStyles", {
-  enumerable: true,
-  get: function get() {
-    return _rule.ruleSharedStyles;
-  }
-});
 Object.defineProperty(exports, "separatorStyles", {
   enumerable: true,
   get: function get() {
     return _plugins.separatorStyles;
   }
 });
-Object.defineProperty(exports, "shadowSharedStyle", {
-  enumerable: true,
-  get: function get() {
-    return _shadow.shadowSharedStyle;
-  }
-});
-Object.defineProperty(exports, "sharedExpandStyles", {
-  enumerable: true,
-  get: function get() {
-    return _sharedStyles.sharedExpandStyles;
-  }
-});
-Object.defineProperty(exports, "smartCardSharedStyles", {
-  enumerable: true,
-  get: function get() {
-    return _smartCard.smartCardSharedStyles;
-  }
-});
-Object.defineProperty(exports, "smartCardStyles", {
-  enumerable: true,
-  get: function get() {
-    return _smartCard2.smartCardStyles;
-  }
-});
 Object.defineProperty(exports, "tableCellBorderWidth", {
   enumerable: true,
   get: function get() {
@@ -507,18 +339,6 @@ Object.defineProperty(exports, "tableSharedStyle", {
     return _table.tableSharedStyle;
   }
 });
-Object.defineProperty(exports, "tasksAndDecisionsStyles", {
-  enumerable: true,
-  get: function get() {
-    return _taskDecision.tasksAndDecisionsStyles;
-  }
-});
-Object.defineProperty(exports, "textColorStyles", {
-  enumerable: true,
-  get: function get() {
-    return _textColor.textColorStyles;
-  }
-});
 Object.defineProperty(exports, "triggerWrapperStyles", {
   enumerable: true,
   get: function get() {
@@ -531,41 +351,18 @@ Object.defineProperty(exports, "triggerWrapperStylesWithPadding", {
     return _plugins.triggerWrapperStylesWithPadding;
   }
 });
-Object.defineProperty(exports, "unsupportedStyles", {
-  enumerable: true,
-  get: function get() {
-    return _unsupportedContent.unsupportedStyles;
-  }
-});
-Object.defineProperty(exports, "whitespaceSharedStyles", {
-  enumerable: true,
-  get: function get() {
-    return _whitespace.whitespaceSharedStyles;
-  }
-});
 Object.defineProperty(exports, "wrapperStyle", {
   enumerable: true,
   get: function get() {
     return _plugins.wrapperStyle;
   }
 });
-var _textColor = require("./shared/text-color");
-var _backgroundColor = require("./shared/background-color");
 var _table = require("./shared/table");
 var _annotation = require("./shared/annotation");
-var _columnLayout = require("./shared/column-layout");
 var _mediaSingle = require("./shared/media-single");
 var _blockquote = require("./shared/blockquote");
 var _headings = require("./shared/headings");
-var _rule = require("./shared/rule");
-var _whitespace = require("./shared/whitespace");
-var _paragraph = require("./shared/paragraph");
-var _link = require("./shared/link");
 var _lists = require("./shared/lists");
-var _indentation = require("./shared/indentation");
-var _blockMarks = require("./shared/block-marks");
-var _codeMark = require("./shared/code-mark");
-var _shadow = require("./shared/shadow");
 var _date = require("./shared/date");
 var _taskDecision = require("./shared/task-decision");
 var _status = require("./shared/status");
@@ -577,7 +374,6 @@ var _extension = require("./shared/extension");
 var _resizer = require("./shared/resizer");
 var _grid = require("./shared/grid");
 var _smartCard2 = require("./shared/smartCard");
-var _embedCard = require("./shared/embedCard");
 var _plugins = require("./shared/plugins");
 var _unsupportedContent = require("./shared/unsupported-content");
 var _expand = require("./shared/expand");

package/dist/cjs/styles/shared/annotation.js

@@ -1,14 +1,9 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.blockAnnotationPrefix = exports.annotationSharedStyles = exports.annotationPrefix = exports.BlockAnnotationSharedClassNames = exports.AnnotationSharedClassNames = exports.AnnotationSharedCSSByState = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = require("@emotion/react");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _templateObject, _templateObject2; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+exports.blockAnnotationPrefix = exports.annotationPrefix = exports.BlockAnnotationSharedClassNames = exports.AnnotationSharedClassNames = void 0;
 var annotationPrefix = exports.annotationPrefix = 'ak-editor-annotation';
 var AnnotationSharedClassNames = exports.AnnotationSharedClassNames = {
   focus: "".concat(annotationPrefix, "-focus"),
@@ -21,66 +16,4 @@ var BlockAnnotationSharedClassNames = exports.BlockAnnotationSharedClassNames =
   focus: "".concat(blockAnnotationPrefix, "-focus"),
   blur: "".concat(blockAnnotationPrefix, "-blur"),
   draft: "".concat(blockAnnotationPrefix, "-draft")
-};
-var AnnotationSharedCSSByState = exports.AnnotationSharedCSSByState = function AnnotationSharedCSSByState() {
-  if ((0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes')) {
-    // NOTE: These styles are shared between renderer and editor. Sometimes they
-    // need different selectors and other times they apply the same attributes
-    // in a different way. For example in renderer the focus styles are an
-    // override, not a separate class. Be sure to check both usages of this
-    // before modifying.
-    return {
-      common: {
-        borderBottom: '2px solid transparent',
-        cursor: 'pointer',
-        padding: '1px 0 2px',
-        '&:has(.card), &:has([data-inline-card])': (0, _platformFeatureFlags.fg)('annotations_align_editor_and_renderer_styles') ? {
-          padding: '5px 0 3px 0'
-        } : {
-          paddingTop: '4px',
-          border: 'none',
-          boxShadow: "0 2px 0 0 ".concat("var(--ds-border-accent-yellow, #B38600)")
-        },
-        '&:has(.date-lozenger-container)': {
-          paddingTop: '2px'
-        }
-      },
-      focus: (0, _react.css)({
-        background: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)",
-        borderBottomColor: "var(--ds-border-accent-yellow, #B38600)",
-        boxShadow: "var(--ds-shadow-raised, 0px 1px 1px #091E4240, 0px 0px 1px #091E424f)"
-      }),
-      blur: (0, _react.css)({
-        background: "var(--ds-background-accent-yellow-subtlest, #FFF7D6)",
-        borderBottomColor: "var(--ds-border-accent-yellow, #B38600)"
-      }),
-      hover: (0, _react.css)({
-        background: "var(--ds-background-accent-yellow-subtlest-hovered, #F8E6A0)",
-        borderBottomColor: "var(--ds-border-accent-yellow, #B38600)",
-        boxShadow: "var(--ds-shadow-raised, 0px 1px 1px #091E4240, 0px 0px 1px #091E424f)"
-      })
-    };
-  } else {
-    return {
-      focus: (0, _react.css)({
-        // Background is not coming through in confluence, suspecting to be caused by some specific combination of
-        // emotion and token look up
-        background: "var(--ds-background-accent-yellow-subtler, #F8E6A0)",
-        borderBottom: "2px solid ".concat("var(--ds-border-accent-yellow, #B38600)"),
-        // TODO: DSP-4147 - Annotation shadow
-        boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #091E4226, 0px 0px 1px #091E424f)",
-        cursor: 'pointer'
-      }),
-      blur: (0, _react.css)({
-        background: "var(--ds-background-accent-yellow-subtlest, #FFF7D6)",
-        borderBottom: "2px solid ".concat("var(--ds-border-accent-yellow, #B38600)"),
-        cursor: 'pointer'
-      })
-    };
-  }
-};
-var annotationSharedStyles = exports.annotationSharedStyles = function annotationSharedStyles() {
-  return (0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes') ? // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- `AnnotationSharedCSSByState()` is not safe in object syntax
-  (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\t.ProseMirror {\n\t\t\t\t\t.", ",\n\t\t\t\t\t\t.", ",\n\t\t\t\t\t\t.", " {\n\t\t\t\t\t\t", ";\n\t\t\t\t\t}\n\n\t\t\t\t\t.", " {\n\t\t\t\t\t\t", ";\n\t\t\t\t\t}\n\n\t\t\t\t\t.", " {\n\t\t\t\t\t\t", ";\n\t\t\t\t\t\tcursor: initial;\n\t\t\t\t\t}\n\n\t\t\t\t\t.", " {\n\t\t\t\t\t\t", ";\n\t\t\t\t\t}\n\t\t\t\t\t.", " {\n\t\t\t\t\t\t", ";\n\t\t\t\t\t\t", ";\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t"])), AnnotationSharedClassNames.blur, AnnotationSharedClassNames.focus, AnnotationSharedClassNames.draft, AnnotationSharedCSSByState().common, AnnotationSharedClassNames.focus, AnnotationSharedCSSByState().focus, AnnotationSharedClassNames.draft, AnnotationSharedCSSByState().focus, AnnotationSharedClassNames.blur, AnnotationSharedCSSByState().blur, AnnotationSharedClassNames.hover, AnnotationSharedCSSByState().common, AnnotationSharedCSSByState().hover) : // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- `AnnotationSharedCSSByState()` is not safe in object syntax
-  (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\t.ProseMirror {\n\t\t\t\t\t.", " {\n\t\t\t\t\t\t", ";\n\t\t\t\t\t}\n\n\t\t\t\t\t.", " {\n\t\t\t\t\t\t", ";\n\t\t\t\t\t\tcursor: initial;\n\t\t\t\t\t}\n\n\t\t\t\t\t.", " {\n\t\t\t\t\t\t", ";\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t"])), AnnotationSharedClassNames.focus, AnnotationSharedCSSByState().focus, AnnotationSharedClassNames.draft, AnnotationSharedCSSByState().focus, AnnotationSharedClassNames.blur, AnnotationSharedCSSByState().blur);
 };

package/dist/cjs/styles/shared/code-block.js

@@ -1,16 +1,9 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.codeBlockSharedStyles = exports.codeBlockInListSafariFix = exports.CodeBlockSharedCssClassName = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = require("@emotion/react");
-var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _templateObject, _templateObject2;
-/* eslint-disable @atlaskit/design-system/no-css-tagged-template-expression -- Should be safe to autofix, but ignoring for now */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+exports.CodeBlockSharedCssClassName = void 0;
 var CodeBlockSharedCssClassName = exports.CodeBlockSharedCssClassName = {
   CODEBLOCK_CONTAINER: 'code-block',
   CODEBLOCK_START: 'code-block--start',
@@ -21,12 +14,4 @@ var CodeBlockSharedCssClassName = exports.CodeBlockSharedCssClassName = {
   DS_CODEBLOCK: '[data-ds--code--code-block]',
   CODEBLOCK_CONTENT_WRAPPED: 'code-content--wrapped',
   CODEBLOCK_CONTAINER_LINE_NUMBER_WIDGET: 'code-content__line-number--wrapped'
-};
-var codeBlockSharedStyles = exports.codeBlockSharedStyles = function codeBlockSharedStyles() {
-  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t.", "\n\t\t> .", "\n\t\t> .", " {\n\t\tmargin-right: ", ";\n\n\t\tcode {\n\t\t\tdisplay: block;\n\t\t\tword-break: break-word;\n\t\t\twhite-space: pre-wrap;\n\t\t}\n\t}\n\n\t.", "\n\t\t> .", " {\n\t\tdisplay: flex;\n\t\tflex: 1;\n\n\t\tcode {\n\t\t\tflex-grow: 1;\n\n\t\t\twhite-space: pre;\n\t\t}\n\t}\n\n\t.", " {\n\t\tposition: relative;\n\t\tbackground-color: ", ";\n\t\tborder-radius: ", ";\n\t\tmargin: ", " 0 0 0;\n\t\tfont-family: ", ";\n\t\tmin-width: ", "px;\n\t\tcursor: pointer;\n\t\tclear: both;\n\n\t\t.code-block-gutter-pseudo-element::before {\n\t\t\tcontent: attr(data-label);\n\t\t}\n\n\t\t/* This is necessary to allow for arrow key navigation in/out of code blocks in Firefox. */\n\t\twhite-space: normal;\n\n\t\t.", " {\n\t\t\tposition: absolute;\n\t\t\tvisibility: hidden;\n\t\t\theight: 1.5rem;\n\t\t\ttop: 0px;\n\t\t\tleft: 0px;\n\t\t}\n\n\t\t.", " {\n\t\t\tposition: absolute;\n\t\t\tvisibility: hidden;\n\t\t\theight: 1.5rem;\n\t\t\tbottom: 0px;\n\t\t\tright: 0px;\n\t\t}\n\n\t\t.", " {\n\t\t\tposition: relative;\n\t\t\tbackground-color: ", ";\n\t\t\tdisplay: flex;\n\t\t\tborder-radius: ", ";\n\t\t\twidth: 100%;\n\t\t\tcounter-reset: line;\n\t\t\toverflow-x: auto;\n\n\t\t\tbackground-image: ", ";\n\n\t\t\tbackground-repeat: no-repeat;\n\t\t\tbackground-attachment: local, local, local, local, scroll, scroll, scroll, scroll;\n\t\t\tbackground-size:\n\t\t\t\t", " 100%,\n\t\t\t\t", " 100%,\n\t\t\t\t", " 100%,\n\t\t\t\t", " 100%,\n\t\t\t\t", " 100%,\n\t\t\t\t1px 100%,\n\t\t\t\t", " 100%,\n\t\t\t\t1px 100%;\n\t\t\tbackground-position:\n\t\t\t\t0 0,\n\t\t\t\t0 0,\n\t\t\t\t100% 0,\n\t\t\t\t100% 0,\n\t\t\t\t100% 0,\n\t\t\t\t100% 0,\n\t\t\t\t0 0,\n\t\t\t\t0 0;\n\n\t\t\t/* Be careful if refactoring this; it is needed to keep arrow key navigation in Firefox consistent with other browsers. */\n\t\t\toverflow-y: hidden;\n\t\t}\n\n\t\t.", " {\n\t\t\tbackground-color: ", ";\n\t\t\tposition: relative;\n\t\t\twidth: var(--lineNumberGutterWidth, 2rem);\n\t\t\tpadding: ", ";\n\t\t\tflex-shrink: 0;\n\t\t\tfont-size: ", ";\n\t\t\tbox-sizing: content-box;\n\t\t}\n\n\t\t/* This is a fix of marker of list item with code block.\n\t\t The list item marker in Chrome is aligned by the baseline of the text,\n\t\t that's why we need to add a text (content: \"1\") to the line number gutter to align\n\t\t the list item marker with the text.\n\t\t Without it, the list item marker will be aligned by the bottom of the code block. */\n\t\t.", "::before {\n\t\t\tcontent: '1';\n\t\t\tvisibility: hidden;\n\t\t\tfont-size: ", ";\n\t\t\tline-height: 1.5rem;\n\t\t}\n\n\t\t.", " {\n\t\t\tcode {\n\t\t\t\ttab-size: 4;\n\t\t\t\tcursor: text;\n\t\t\t\tcolor: ", ";\n\t\t\t\tborder-radius: ", ";\n\t\t\t\tmargin: ", ";\n\t\t\t\tfont-size: ", ";\n\t\t\t\tline-height: 1.5rem;\n\t\t\t}\n\t\t}\n\n\t\t.", " {\n\t\t\tpointer-events: none;\n\t\t\tuser-select: none;\n\t\t\twidth: var(--lineNumberGutterWidth, 2rem);\n\t\t\tleft: 0;\n\t\t\tposition: absolute;\n\t\t\tfont-size: ", ";\n\t\t\tpadding: 0px ", ";\n\t\t\tline-height: 1.5rem;\n\t\t\ttext-align: right;\n\t\t\tcolor: ", ";\n\t\t\tbox-sizing: content-box;\n\t\t}\n\t}\n"])), CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPED, CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER, CodeBlockSharedCssClassName.CODEBLOCK_CONTENT, "var(--ds-space-100, 8px)", CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER, CodeBlockSharedCssClassName.CODEBLOCK_CONTENT, CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, "var(--ds-surface-raised, #FFFFFF)", "var(--ds-radius-small, 3px)", _editorSharedStyles.blockNodesVerticalMargin, _editorSharedStyles.akEditorCodeFontFamily, _editorSharedStyles.akEditorTableCellMinWidth, CodeBlockSharedCssClassName.CODEBLOCK_START, CodeBlockSharedCssClassName.CODEBLOCK_END, CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER, "var(--ds-background-neutral, #091E420F)", "var(--ds-radius-small, 3px)", (0, _editorSharedStyles.overflowShadow)({
-    leftCoverWidth: "var(--ds-space-300, 24px)"
-  }), "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER, "var(--ds-background-neutral, #091E420F)", "var(--ds-space-100, 8px)", (0, _editorSharedStyles.relativeFontSizeToBase16)(14), CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER, (0, _editorSharedStyles.relativeFontSizeToBase16)(14), CodeBlockSharedCssClassName.CODEBLOCK_CONTENT, "var(--ds-text, #172B4D)", "var(--ds-radius-small, 3px)", "var(--ds-space-100, 8px)", (0, _editorSharedStyles.relativeFontSizeToBase16)(14), CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER_LINE_NUMBER_WIDGET, (0, _editorSharedStyles.relativeFontSizeToBase16)(14), "var(--ds-space-100, 8px)", "var(--ds-text-subtlest, #505F79)");
-};
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var codeBlockInListSafariFix = exports.codeBlockInListSafariFix = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n\t::before {\n\t\tcontent: ' ';\n\t\tline-height: ", ";\n\t}\n\n\t> p:first-child,\n\t> .code-block:first-child,\n\t> .ProseMirror-gapcursor:first-child + .code-block {\n\t\tmargin-top: -", "em !important;\n\t}\n"])), _editorSharedStyles.akEditorLineHeight, _editorSharedStyles.akEditorLineHeight);
+};

package/dist/cjs/styles/shared/date.js

@@ -1,20 +1,10 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.dateSharedStyle = exports.DateSharedCssClassName = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = require("@emotion/react");
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
+exports.DateSharedCssClassName = void 0;
 var DateSharedCssClassName = exports.DateSharedCssClassName = {
   DATE_WRAPPER: "date-lozenger-container",
   DATE_CONTAINER: 'dateView-content-wrap'
-};
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var dateSharedStyle = exports.dateSharedStyle = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(DateSharedCssClassName.DATE_WRAPPER, " span"), {
-  whiteSpace: 'unset'
-}));
+};

package/dist/cjs/styles/shared/grid.js

@@ -3,44 +3,5 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.gridStyles = exports.GRID_GUTTER = void 0;
-var _react = require("@emotion/react");
-var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var GRID_GUTTER = exports.GRID_GUTTER = 12;
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var gridStyles = exports.gridStyles = (0, _react.css)({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '.gridParent': {
-    width: "calc(100% + ".concat(GRID_GUTTER * 2, "px)"),
-    marginLeft: "var(--ds-space-negative-150, -12px)",
-    marginRight: "var(--ds-space-negative-150, -12px)",
-    transform: 'scale(1)',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    zIndex: _editorSharedStyles.akEditorGridLineZIndex
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '.gridContainer': {
-    position: 'fixed',
-    height: '100vh',
-    width: '100%',
-    pointerEvents: 'none'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '.gridLine': {
-    borderLeft: "1px solid ".concat("var(--ds-border, #091E4224)"),
-    display: 'inline-block',
-    boxSizing: 'border-box',
-    height: '100%',
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
-    marginLeft: '-1px',
-    transition: 'border-color 0.15s linear',
-    zIndex: 0
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '.highlight': {
-    borderLeft: "1px solid ".concat("var(--ds-border-focused, #388BFF)")
-  }
-});
+exports.GRID_GUTTER = void 0;
+var GRID_GUTTER = exports.GRID_GUTTER = 12;

package/dist/cjs/styles/shared/lists.js

@@ -5,14 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getOrderedListInlineStyles = getOrderedListInlineStyles;
-exports.listsSharedStyles = exports.listItemCounterPadding = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+exports.listItemCounterPadding = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("@emotion/react");
-var _adfSchema = require("@atlaskit/adf-schema");
-var _browser = require("../../utils/browser");
-var _templateObject; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var listItemCounterPadding = exports.listItemCounterPadding = 24;
 var CSS_VAR_NAMES = /*#__PURE__*/function (CSS_VAR_NAMES) {
   CSS_VAR_NAMES["ITEM_COUNTER_PADDING"] = "--ed--list--item-counter--padding";
@@ -52,7 +47,4 @@ function getOrderedListInlineStyles(itemCounterDigitsSize, styleFormat
     return stringifyStyle(style);
   }
   return style;
-}
-
-// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766, There is some "flow-root" hack that is not actually valid css.  Do note, this might not even work in Compiled (or Emotion) due to the way tagged template expressions are parsed…
-var listsSharedStyles = exports.listsSharedStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t/* =============== INDENTATION SPACING ========= */\n\n\tul,\n\tol {\n\t\tbox-sizing: border-box;\n\t\tpadding-left: var(", ", ", "px);\n\t\t/*\n    Firefox does not handle empty block element inside li tag.\n    If there is not block element inside li tag,\n      then firefox sets inherited height to li\n    However, if there is any block element and if it's empty\n      (or has empty inline element) then\n    firefox sets li tag height to zero.\n    More details at\n    https://product-fabric.atlassian.net/wiki/spaces/~455502413/pages/3149365890/ED-14110+Investigation\n    */\n\t\tli p:empty,\n\t\tli p > span:empty {\n\t\t\t", "\n\t\t}\n\t}\n\n\t", ", ", " {\n\t\t/*\n      Ensures list item content adheres to the list's margin instead\n      of filling the entire block row. This is important to allow\n      clicking interactive elements which are floated next to a list.\n\n      For some history and context on this block, see PRs related to tickets.:\n      @see ED-6551 - original issue.\n      @see ED-7015 - follow up issue.\n      @see ED-7447 - flow-root change.\n\n      We use 'display: table' (old clear fix / new block formatting context hack)\n      for older browsers and 'flow-root' for modern browsers.\n\n      @see https://css-tricks.com/display-flow-root/\n    */\n\t\t/* For older browsers the do not support flow-root. */\n\t\t/* stylelint-disable declaration-block-no-duplicate-properties */\n\t\tdisplay: table;\n\t\tdisplay: flow-root;\n\t\t/* stylelint-enable declaration-block-no-duplicate-properties */\n\t}\n\n\t/* =============== INDENTATION AESTHETICS ========= */\n\n\t/**\n        We support nested lists up to six levels deep.\n    **/\n\n\t/* LEGACY LISTS */\n\n\tul,\n\tul ul ul ul {\n\t\tlist-style-type: disc;\n\t}\n\n\tul ul,\n\tul ul ul ul ul {\n\t\tlist-style-type: circle;\n\t}\n\n\tul ul ul,\n\tul ul ul ul ul ul {\n\t\tlist-style-type: square;\n\t}\n\n\tol,\n\tol ol ol ol {\n\t\tlist-style-type: decimal;\n\t}\n\tol ol,\n\tol ol ol ol ol {\n\t\tlist-style-type: lower-alpha;\n\t}\n\tol ol ol,\n\tol ol ol ol ol ol {\n\t\tlist-style-type: lower-roman;\n\t}\n\n\t/* PREDICTABLE LISTS */\n\n\tol[data-indent-level='1'],\n\tol[data-indent-level='4'] {\n\t\tlist-style-type: decimal;\n\t}\n\n\tol[data-indent-level='2'],\n\tol[data-indent-level='5'] {\n\t\tlist-style-type: lower-alpha;\n\t}\n\n\tol[data-indent-level='3'],\n\tol[data-indent-level='6'] {\n\t\tlist-style-type: lower-roman;\n\t}\n\n\tul[data-indent-level='1'],\n\tul[data-indent-level='4'] {\n\t\tlist-style-type: disc;\n\t}\n\n\tul[data-indent-level='2'],\n\tul[data-indent-level='5'] {\n\t\tlist-style-type: circle;\n\t}\n\n\tul[data-indent-level='3'],\n\tul[data-indent-level='6'] {\n\t\tlist-style-type: square;\n\t}\n"])), CSS_VAR_NAMES.ITEM_COUNTER_PADDING, listItemCounterPadding, _browser.browser.gecko ? 'display: inline-block;' : '', _adfSchema.orderedListSelector, _adfSchema.bulletListSelector);
+}

package/dist/cjs/styles/shared/panel.js

@@ -1,24 +1,13 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.darkPanelColors = exports.PanelSharedSelectors = exports.PanelSharedCssClassName = void 0;
 exports.getPanelDarkModeCSS = getPanelDarkModeCSS;
-exports.panelSharedStylesWithoutPrefix = exports.panelSharedStyles = exports.getPanelTypeBackgroundNoTokens = exports.getPanelTypeBackground = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = require("@emotion/react");
+exports.getPanelTypeBackgroundNoTokens = exports.getPanelTypeBackground = void 0;
 var _adfSchema = require("@atlaskit/adf-schema");
 var _editorPalette = require("@atlaskit/editor-palette");
-var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _consts = require("@atlaskit/editor-shared-styles/consts");
-var _emoji = require("@atlaskit/emoji");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _templateObject;
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var lightPanelColors = {
   info: '#DEEBFF',
   note: '#EAE6FF',
@@ -89,19 +78,6 @@ var darkPanelColors = exports.darkPanelColors = {
   LightGray: '#5A6977',
   TextColor: '#D9DDE3'
 };
-var lightIconColor = {
-  info: "var(--ds-icon-information, #1D7AFC)",
-  note: "var(--ds-icon-discovery, #8270DB)",
-  tip: "var(--ds-icon-success, #22A06B)",
-  success: "var(--ds-icon-success, #22A06B)",
-  warning: "var(--ds-icon-warning, #E56910)",
-  error: "var(--ds-icon-danger, #C9372C)"
-};
-
-// New custom icons are a little smaller than predefined icons.
-// To fix alignment issues with custom icons, vertical alignment is updated.
-var panelEmojiSpriteVerticalAlignment = -(8 * 3 - _consts.akEditorCustomIconSize) / 2;
-var panelEmojiImageVerticalAlignment = panelEmojiSpriteVerticalAlignment - 1;
 function getPanelDarkModeCSS(colorName, colorValue) {
   return "\n  &[data-panel-color=\"".concat(colorName, "\"] {\n    background-color: ").concat(colorValue, " !important; // !important to override default style color\n    color: ").concat(darkPanelColors.TextColor, ";\n  }\n  ");
 }
@@ -135,9 +111,6 @@ var PanelSharedSelectors = exports.PanelSharedSelectors = {
   yellowWarningIcon: "[aria-label=\":warning:\"]  span:nth-child(1)",
   copyButton: "button[aria-label=\"Copy\"]"
 };
-var getIconStyles = function getIconStyles(panelType) {
-  return "\n\t\t.".concat(PanelSharedCssClassName.icon, "[data-panel-type='").concat(panelType, "'] {\n\t\t\tcolor: ").concat(lightIconColor[panelType], ";\n\t\t}\n\t");
-};
 
 // Provides the color without tokens, used when converting to a custom panel
 var getPanelTypeBackgroundNoTokens = exports.getPanelTypeBackgroundNoTokens = function getPanelTypeBackgroundNoTokens(panelType) {
@@ -145,15 +118,4 @@ var getPanelTypeBackgroundNoTokens = exports.getPanelTypeBackgroundNoTokens = fu
 };
 var getPanelTypeBackground = exports.getPanelTypeBackground = function getPanelTypeBackground(panelType) {
   return (0, _editorPalette.hexToEditorBackgroundPaletteColor)(lightPanelColors[panelType]) || 'none';
-};
-var mainDynamicStyles = function mainDynamicStyles(panelType) {
-  return "\n    background-color: ".concat(getPanelTypeBackground(panelType), ";\n    color: inherit;\n  ");
-};
-
-// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Safe to autofix with a tiny tweak to `mainDynamicStyles` being an object, but holding off…
-var panelSharedStylesWithoutPrefix = exports.panelSharedStylesWithoutPrefix = function panelSharedStylesWithoutPrefix() {
-  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tborder-radius: ", ";\n\tmargin: ", " 0 0;\n\tpadding-top: ", ";\n\tpadding-right: ", ";\n\tpadding-bottom: ", ";\n\tpadding-left: ", ";\n\tmin-width: ", "px;\n\tdisplay: flex;\n\tposition: relative;\n\talign-items: normal;\n\tword-break: break-word;\n\n\t", "\n\n\t.", " {\n\t\tflex-shrink: 0;\n\t\theight: ", ";\n\t\twidth: ", ";\n\t\tbox-sizing: content-box;\n\t\tpadding-right: ", ";\n\t\ttext-align: center;\n\t\tuser-select: none;\n\t\t-moz-user-select: none;\n\t\t-webkit-user-select: none;\n\t\t-ms-user-select: none;\n\t\tmargin-top: 0.1em;\n\n\t\t> span {\n\t\t\tvertical-align: middle;\n\t\t\tdisplay: inline-flex;\n\t\t}\n\n\t\t.", " {\n\t\t\tvertical-align: ", "px;\n\t\t}\n\n\t\t.", " {\n\t\t\tvertical-align: ", "px;\n\n\t\t\t/* Vertical align only works for inline-block elements in Firefox */\n\t\t\t@-moz-document url-prefix() {\n\t\t\t\timg {\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.ak-editor-panel__content {\n\t\tmargin: ", " 0 ", ";\n\t\tflex: 1 0 0;\n\t\t/*\n      https://ishadeed.com/article/min-max-css/#setting-min-width-to-zero-with-flexbox\n      The default value for min-width is auto, which is computed to zero. When an element is a flex item, the value of min-width doesn\u2019t compute to zero. The minimum size of a flex item is equal to the size of its contents.\n    */\n\t\tmin-width: 0;\n\t}\n\n\t/* support nested panel */\n\t.", " .", " {\n\t\tborder: 1px solid ", ";\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\t\t", "\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\t\t", "\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\t\t", "\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\t\t", "\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\t\t", "\n\t}\n\n\t", "\n"])), "var(--ds-radius-small, 3px)", _editorSharedStyles.blockNodesVerticalMargin, "var(--ds-space-100, 8px)", "var(--ds-space-200, 16px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", _editorSharedStyles.akEditorTableCellMinWidth, mainDynamicStyles(_adfSchema.PanelType.INFO), PanelSharedCssClassName.icon, "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)", "var(--ds-space-100, 8px)", _emoji.emojiSprite, panelEmojiSpriteVerticalAlignment, _emoji.emojiImage, panelEmojiImageVerticalAlignment, "var(--ds-space-025, 2px)", "var(--ds-space-025, 2px)", PanelSharedCssClassName.content, prefix, "var(--ds-border, #091E42)", _adfSchema.PanelType.INFO, getIconStyles(_adfSchema.PanelType.INFO), _adfSchema.PanelType.NOTE, mainDynamicStyles(_adfSchema.PanelType.NOTE), getIconStyles(_adfSchema.PanelType.NOTE), _adfSchema.PanelType.TIP, mainDynamicStyles(_adfSchema.PanelType.TIP), getIconStyles(_adfSchema.PanelType.TIP), _adfSchema.PanelType.WARNING, mainDynamicStyles(_adfSchema.PanelType.WARNING), getIconStyles(_adfSchema.PanelType.WARNING), _adfSchema.PanelType.ERROR, mainDynamicStyles(_adfSchema.PanelType.ERROR), getIconStyles(_adfSchema.PanelType.ERROR), _adfSchema.PanelType.SUCCESS, mainDynamicStyles(_adfSchema.PanelType.SUCCESS), getIconStyles(_adfSchema.PanelType.SUCCESS), (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') ? "&.".concat(PanelSharedCssClassName.noIcon, " {\n\t\t\tpadding-right: ", "var(--ds-space-150, 12px)", ";\n\t\t\tpadding-left: ", "var(--ds-space-150, 12px)", ";\n\t\t}") : '');
-};
-var panelSharedStyles = exports.panelSharedStyles = function panelSharedStyles() {
-  return (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(PanelSharedCssClassName.prefix), panelSharedStylesWithoutPrefix()));
 };