@atlaskit/editor-common 110.8.0 → 110.9.1

package/dist/es2019/transforms/sync-block.js

@@ -0,0 +1,15 @@
+import { uuid } from '@atlaskit/adf-schema';
+import { mapSlice } from '../utils/slice';
+export const transformToNewReferenceSyncBlock = (slice, schema) => {
+  slice = mapSlice(slice, node => {
+    if (node.type === schema.nodes.syncBlock) {
+      const newAttrs = {
+        ...node.attrs,
+        localId: uuid.generate()
+      };
+      return schema.nodes.syncBlock.create(newAttrs, null, [...node.marks]);
+    }
+    return node;
+  });
+  return slice;
+};

package/dist/es2019/ui/DropList/index.js

@@ -14,7 +14,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "110.7.2";
+const packageVersion = "110.9.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 const fadeIn = keyframes({

package/dist/es2019/ui/Expand/sharedStyles.js

@@ -1,113 +1 @@
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css } from '@emotion/react';
-import { akEditorLineHeight, akEditorSwoopCubicBezier, akLayoutGutterOffset, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
-import { fg } from '@atlaskit/platform-feature-flags';
-const BORDER_RADIUS = "var(--ds-radius-small, 4px)";
-const EXPAND_COLLAPSED_BACKGROUND = "var(--ds-background-neutral-subtle, transparent)";
-const EXPAND_SELECTED_BACKGROUND = "var(--ds-surface, rgba(255, 255, 255, 0.6))";
-const EXPAND_FOCUSED_BORDER_COLOR = "var(--ds-border-focused, #388BFF)";
-const EXPAND_COLLAPSED_BORDER_COLOR = 'transparent';
-const EXPAND_EXPANDED_BORDER_COLOR = "var(--ds-border, #091E4224)";
-export const EXPAND_CONTAINER_PADDING = 8;
-const containerStyles = styleProps => {
-  const {
-    expanded,
-    focused
-  } = styleProps;
-  const marginTop = "var(--ds-space-050, 0.25rem)";
-  const marginBottom = 0;
-  // Only only these margins if the expand isn't editable
-  // and is the root level expand.
-  const marginHorizontal = styleProps['data-node-type'] === 'expand' ? `-${akLayoutGutterOffset}px` : 0;
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  const margin = `${marginTop} ${marginHorizontal} ${marginBottom}`;
-  return () => css({
-    borderWidth: "var(--ds-border-width, 1px)",
-    borderStyle: 'solid',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    borderColor: focused ? EXPAND_FOCUSED_BORDER_COLOR : expanded ? EXPAND_EXPANDED_BORDER_COLOR : EXPAND_COLLAPSED_BORDER_COLOR,
-    borderRadius: BORDER_RADIUS,
-    minHeight: '25px',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    background: !expanded ? EXPAND_COLLAPSED_BACKGROUND : EXPAND_SELECTED_BACKGROUND,
-    margin: margin,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    transition: `background 0.3s ${akEditorSwoopCubicBezier}, border-color 0.3s ${akEditorSwoopCubicBezier}`,
-    padding: `var(--ds-space-100, ${`${EXPAND_CONTAINER_PADDING}px`})`,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-    'td > :not(style):first-child, td > style:first-child + *': {
-      marginTop: 0
-    }
-  });
-};
-const contentStyles = styleProps => () =>
-// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
-css`
-		padding-top: ${styleProps.expanded ? "var(--ds-space-100, 8px)" : "var(--ds-space-0, 0px)"};
-		padding-right: ${"var(--ds-space-100, 8px)"};
-		padding-left: ${"var(--ds-space-300, 24px)"};
-		margin-left: ${"var(--ds-space-050, 4px)"};
-		display: flow-root;
-
-		/* The follow rules inside @supports block are added as a part of ED-8893
-		The fix is targeting mobile bridge on iOS 12 or below,
-		We should consider remove this fix when we no longer support iOS 12 */
-		@supports not (display: flow-root) {
-			width: 100%;
-			box-sizing: border-box;
-		}
-
-		${!styleProps.expanded ? `
-        .expand-content-wrapper, .nestedExpand-content-wrapper {
-          /* We visually hide the content here to preserve the content during copy+paste */
-          /* Do not add text nowrap here because inline comment navigation depends on the location of the text */
-          width: 100%;
-          display: block;
-          height: 0;
-          overflow: hidden;
-          clip: rect(1px, 1px, 1px, 1px);
-          user-select: none;
-        }
-      ` : ''}
-	`;
-const titleInputStyles = () => css({
-  outline: 'none',
-  border: 'none',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  fontSize: relativeFontSizeToBase16(14),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/design-system/use-tokens-typography -- Ignored via go/DSP-18766
-  lineHeight: fg('platform-visual-refresh-icons') ? 1 : akEditorLineHeight,
-  fontWeight: "var(--ds-font-weight-regular, 400)",
-  color: "var(--ds-text-subtlest, #626F86)",
-  background: 'transparent',
-  display: 'flex',
-  flex: 1,
-  padding: `0 0 0 ${"var(--ds-space-050, 4px)"}`,
-  width: '100%',
-  '&::placeholder': {
-    opacity: 1,
-    color: "var(--ds-text-subtlest, #626F86)"
-  }
-});
-const titleContainerStyles = () => css({
-  padding: 0,
-  display: 'flex',
-  alignItems: 'flex-start',
-  background: 'none',
-  border: 'none',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  fontSize: relativeFontSizeToBase16(14),
-  width: '100%',
-  color: "var(--ds-text-subtle, #44546F)",
-  overflow: 'hidden',
-  cursor: 'pointer',
-  '&:focus': {
-    outline: 0
-  }
-});
-export const sharedExpandStyles = {
-  titleInputStyles,
-  titleContainerStyles,
-  containerStyles,
-  contentStyles
-};
+export const EXPAND_CONTAINER_PADDING = 8;

package/dist/es2019/ui/index.js

@@ -18,7 +18,6 @@ export { default as overflowShadow, shadowClassNames } from './OverflowShadow';
 export { shadowObserverClassNames, ShadowObserver } from './OverflowShadow/shadowObserver';
 export { WithCreateAnalyticsEvent } from './WithCreateAnalyticsEvent';
 export { messages as expandMessages, ExpandIconWrapper, expandLayoutWrapperStyle, ExpandLayoutWrapperWithRef } from './Expand';
-export { sharedExpandStyles } from './Expand/sharedStyles';
 export { ErrorMessage, HelperMessage, ValidMessage } from './Messages';
 export { clearNextSiblingMarginTopStyle, clearNextSiblingBlockMarkMarginTopStyle } from './clear-next-sibling-margin-top';
 export { IntlErrorBoundary, REACT_INTL_ERROR_MESSAGE } from './IntlErrorBoundary';

package/dist/es2019/utils/compareNodes.js

@@ -1,3 +1,4 @@
+import { fg } from '@atlaskit/platform-feature-flags';
 import { SortOrder } from '../types';
 export let ContentType = /*#__PURE__*/function (ContentType) {
   ContentType[ContentType["NUMBER"] = 0] = "NUMBER";
@@ -225,6 +226,11 @@ function compareMetaFromNode(metaNodeA, metaNodeB) {
   if (metaNodeA === null || metaNodeB === null) {
     return metaNodeB === null ? -1 : 1;
   }
+  if (fg('platform_editor_fix_mixed_types_column_sort')) {
+    if (metaNodeA.type === ContentType.TEXT && metaNodeB.type === ContentType.NUMBER || metaNodeA.type === ContentType.NUMBER && metaNodeB.type === ContentType.TEXT) {
+      return compareValue(String(metaNodeA.value), String(metaNodeB.value));
+    }
+  }
   if (metaNodeA.type !== metaNodeB.type) {
     return metaNodeA.type > metaNodeB.type ? 1 : -1;
   }

package/dist/esm/element-browser/components/StatelessElementBrowser.js

@@ -324,7 +324,7 @@ function MobileBrowser(_ref) {
     _ref$focusOnEmptyStat = _ref.focusOnEmptyStateButton,
     focusOnEmptyStateButton = _ref$focusOnEmptyStat === void 0 ? false : _ref$focusOnEmptyStat;
   return (
-    // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+    // eslint-disable-next-line @atlassian/a11y/no-static-element-interactions
     jsx("div", {
       css: mobileElementBrowserContainer,
       onKeyDown: onKeyDown,

package/dist/esm/extensibility/Extension/Lozenge/ExtensionLabel.js

@@ -154,7 +154,7 @@ export var ExtensionLabel = function ExtensionLabel(_ref) {
     'extension-icon': expValEquals('cc_editor_ttvc_release_bundle_one', 'extensionHoverRefactor', true)
   });
   return (
-    // eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable
+    // eslint-disable-next-line jsx-a11y/no-static-element-interactions, @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable
     jsx("div", {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       css: containerStyles

package/dist/esm/media-inline/inline-image-wrapper.js

@@ -33,7 +33,7 @@ export var InlineImageWrapper = function InlineImageWrapper(_ref) {
   var borderStyleVars = borderSize && borderColor ? _defineProperty(_defineProperty({}, INLINE_IMAGE_BORDER_SIZE_CSS_VAR_KEY, borderSize), INLINE_IMAGE_BORDER_COLOR_CSS_VAR_KEY, hexToEditorBorderPaletteColor(borderColor) || borderColor) : {};
   var aspectStyleVars = aspectRatio ? _defineProperty({}, INLINE_IMAGE_ASPECT_RATIO_CSS_VAR_KEY, aspectRatio) : {};
   return (
-    // eslint-disable-next-line @atlaskit/design-system/prefer-primitives, jsx-a11y/no-static-element-interactions, @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlassian/a11y/click-events-have-key-events
+    // eslint-disable-next-line @atlaskit/design-system/prefer-primitives, @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlassian/a11y/no-static-element-interactions
     jsx("span", _extends({
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       style: _objectSpread(_objectSpread({}, borderStyleVars), aspectStyleVars)

package/dist/esm/monitoring/error.js

@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { isFedRamp } from './environment';
 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.7.2";
+var packageVersion = "110.9.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/esm/panel.js

@@ -1,4 +1,4 @@
 // Disable no-re-export rule for entry point files
 /* eslint-disable @atlaskit/editor/no-re-export */
 
-export { getPanelTypeBackground, getPanelTypeBackgroundNoTokens, darkPanelColors, panelSharedStyles, panelSharedStylesWithoutPrefix, PanelSharedCssClassName, PanelSharedSelectors } from './styles/shared/panel';
+export { getPanelTypeBackground, getPanelTypeBackgroundNoTokens, darkPanelColors, PanelSharedCssClassName, PanelSharedSelectors } from './styles/shared/panel';

package/dist/esm/styles/index.js

@@ -1,39 +1,27 @@
 // Disable no-re-export rule for entry point files
 /* eslint-disable @atlaskit/editor/no-re-export */
 
-export { textColorStyles } from './shared/text-color';
-export { backgroundColorStyles } from './shared/background-color';
 export { tableSharedStyle, tableMarginTop, tableMarginBottom, tableMarginSides, tableCellMinWidth, tableNewColumnMinWidth, tableCellBorderWidth, calcTableWidth, TableSharedCssClassName, tableResizeHandleWidth, tableCellPadding, tableMarginTopWithControl, tableControlsSpacing, tablePadding } from './shared/table';
-export { AnnotationSharedClassNames, BlockAnnotationSharedClassNames, AnnotationSharedCSSByState, annotationSharedStyles } from './shared/annotation';
-export { columnLayoutSharedStyle, columnLayoutResponsiveSharedStyle, columnLayoutResponsiveRendererStyles } from './shared/column-layout';
+export { AnnotationSharedClassNames, BlockAnnotationSharedClassNames } from './shared/annotation';
 export { mediaSingleSharedStyle, mediaSingleSharedStyleNew, richMediaClassName } from './shared/media-single';
 export { blockquoteSharedStyles } from './shared/blockquote';
 export { headingsSharedStyles } from './shared/headings';
-export { ruleSharedStyles } from './shared/rule';
-export { whitespaceSharedStyles } from './shared/whitespace';
-export { paragraphSharedStyles } from './shared/paragraph';
-export { linkSharedStyle } from './shared/link';
-export { listsSharedStyles, listItemCounterPadding, getOrderedListInlineStyles } from './shared/lists';
-export { indentationSharedStyles } from './shared/indentation';
-export { blockMarksSharedStyles } from './shared/block-marks';
-export { codeMarkSharedStyles } from './shared/code-mark';
-export { shadowSharedStyle } from './shared/shadow';
-export { dateSharedStyle, DateSharedCssClassName } from './shared/date';
-export { tasksAndDecisionsStyles, TaskDecisionSharedCssClassName } from './shared/task-decision';
+export { listItemCounterPadding, getOrderedListInlineStyles } from './shared/lists';
+export { DateSharedCssClassName } from './shared/date';
+export { TaskDecisionSharedCssClassName } from './shared/task-decision';
 export { StatusSharedCssClassName } from './shared/status';
-export { getSmartCardSharedStyles, smartCardSharedStyles, SmartCardSharedCssClassName } from './shared/smart-card';
+export { SmartCardSharedCssClassName } from './shared/smart-card';
 export { DropdownMenuSharedCssClassName } from './shared/dropdown-menu';
-export { CodeBlockSharedCssClassName, codeBlockSharedStyles, codeBlockInListSafariFix } from './shared/code-block';
+export { CodeBlockSharedCssClassName } from './shared/code-block';
 export { LAYOUT_SECTION_MARGIN, LAYOUT_COLUMN_PADDING, DEFAULT_TWO_COLUMN_LAYOUT_COLUMN_WIDTH } from './shared/layout';
 export { EXTENSION_PADDING, BODIED_EXT_PADDING } from './shared/extension';
-export { resizerStyles, resizerHandleClassName, resizerHandleTrackClassName, resizerHandleThumbClassName, resizerHandleThumbWidth, pragmaticResizerStyles, pragmaticStylesLayoutFirstNodeResizeHandleFix, pragmaticResizerStylesForTooltip, pragmaticResizerStylesWithReducedEditorGutter } from './shared/resizer';
-export { gridStyles, GRID_GUTTER } from './shared/grid';
-export { smartCardStyles, FLOATING_TOOLBAR_LINKPICKER_CLASSNAME, DATASOURCE_INNER_CONTAINER_CLASSNAME } from './shared/smartCard';
-export { embedCardStyles, embedSpacingStyles } from './shared/embedCard';
+export { resizerStyles, resizerHandleClassName, resizerHandleTrackClassName, resizerHandleThumbClassName, resizerHandleThumbWidth } from './shared/resizer';
+export { GRID_GUTTER } from './shared/grid';
+export { FLOATING_TOOLBAR_LINKPICKER_CLASSNAME, DATASOURCE_INNER_CONTAINER_CLASSNAME } from './shared/smartCard';
 export { buttonGroupStyle, buttonGroupStyleBeforeVisualRefresh, disableBlueBorderStyles, separatorStyles, wrapperStyle, triggerWrapperStyles, triggerWrapperStylesWithPadding } from './shared/plugins';
-export { UnsupportedSharedCssClassName, unsupportedStyles } from './shared/unsupported-content';
+export { UnsupportedSharedCssClassName } from './shared/unsupported-content';
 export { expandIconWrapperStyle, expandClassNames, expandIconContainerStyle } from './shared/expand';
-export { sharedExpandStyles, EXPAND_CONTAINER_PADDING } from '../ui/Expand/sharedStyles';
+export { EXPAND_CONTAINER_PADDING } from '../ui/Expand/sharedStyles';
 export { ClassNames as MediaSharedClassNames } from './shared/media';
 export { BreakoutCssClassName } from './shared/breakout';
 export { BODIED_EXT_MBE_MARGIN_TOP } from './shared/extension';

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

@@ -1,8 +1,3 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2;
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css } from '@emotion/react';
-import { fg } from '@atlaskit/platform-feature-flags';
 export var annotationPrefix = 'ak-editor-annotation';
 export var AnnotationSharedClassNames = {
   focus: "".concat(annotationPrefix, "-focus"),
@@ -15,66 +10,4 @@ export var BlockAnnotationSharedClassNames = {
   focus: "".concat(blockAnnotationPrefix, "-focus"),
   blur: "".concat(blockAnnotationPrefix, "-blur"),
   draft: "".concat(blockAnnotationPrefix, "-draft")
-};
-export var AnnotationSharedCSSByState = function AnnotationSharedCSSByState() {
-  if (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])': 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: 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: css({
-        background: "var(--ds-background-accent-yellow-subtlest, #FFF7D6)",
-        borderBottomColor: "var(--ds-border-accent-yellow, #B38600)"
-      }),
-      hover: 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: 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: css({
-        background: "var(--ds-background-accent-yellow-subtlest, #FFF7D6)",
-        borderBottom: "2px solid ".concat("var(--ds-border-accent-yellow, #B38600)"),
-        cursor: 'pointer'
-      })
-    };
-  }
-};
-export var annotationSharedStyles = function annotationSharedStyles() {
-  return 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
-  css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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
-  css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\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/esm/styles/shared/code-block.js

@@ -1,9 +1,3 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-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
-import { css } from '@emotion/react';
-import { akEditorCodeFontFamily, akEditorLineHeight, akEditorTableCellMinWidth, blockNodesVerticalMargin, overflowShadow, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 export var CodeBlockSharedCssClassName = {
   CODEBLOCK_CONTAINER: 'code-block',
   CODEBLOCK_START: 'code-block--start',
@@ -14,12 +8,4 @@ export var CodeBlockSharedCssClassName = {
   DS_CODEBLOCK: '[data-ds--code--code-block]',
   CODEBLOCK_CONTENT_WRAPPED: 'code-content--wrapped',
   CODEBLOCK_CONTAINER_LINE_NUMBER_WIDGET: 'code-content__line-number--wrapped'
-};
-export var codeBlockSharedStyles = function codeBlockSharedStyles() {
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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)", blockNodesVerticalMargin, akEditorCodeFontFamily, akEditorTableCellMinWidth, CodeBlockSharedCssClassName.CODEBLOCK_START, CodeBlockSharedCssClassName.CODEBLOCK_END, CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER, "var(--ds-background-neutral, #091E420F)", "var(--ds-radius-small, 3px)", 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)", relativeFontSizeToBase16(14), CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER, relativeFontSizeToBase16(14), CodeBlockSharedCssClassName.CODEBLOCK_CONTENT, "var(--ds-text, #172B4D)", "var(--ds-radius-small, 3px)", "var(--ds-space-100, 8px)", relativeFontSizeToBase16(14), CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER_LINE_NUMBER_WIDGET, 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
-export var codeBlockInListSafariFix = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\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"])), akEditorLineHeight, akEditorLineHeight);
+};

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

@@ -1,12 +1,4 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css } from '@emotion/react';
 export var 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
-export var dateSharedStyle = css(_defineProperty({}, ".".concat(DateSharedCssClassName.DATE_WRAPPER, " span"), {
-  whiteSpace: 'unset'
-}));
+};

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

@@ -1,39 +1 @@
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css } from '@emotion/react';
-import { akEditorGridLineZIndex } from '@atlaskit/editor-shared-styles';
-export var GRID_GUTTER = 12;
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var gridStyles = 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: 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)")
-  }
-});
+export var GRID_GUTTER = 12;

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

@@ -1,11 +1,5 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-var _templateObject;
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css } from '@emotion/react';
-import { bulletListSelector, orderedListSelector } from '@atlaskit/adf-schema';
-import { browser } from '../../utils/browser';
 export var listItemCounterPadding = 24;
 var CSS_VAR_NAMES = /*#__PURE__*/function (CSS_VAR_NAMES) {
   CSS_VAR_NAMES["ITEM_COUNTER_PADDING"] = "--ed--list--item-counter--padding";
@@ -45,7 +39,4 @@ export 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…
-export var listsSharedStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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.gecko ? 'display: inline-block;' : '', orderedListSelector, bulletListSelector);
+}

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

@@ -1,15 +1,5 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-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
-import { css } from '@emotion/react';
 import { PanelType } from '@atlaskit/adf-schema';
 import { hexToEditorBackgroundPaletteColor } from '@atlaskit/editor-palette';
-import { akEditorTableCellMinWidth, blockNodesVerticalMargin } from '@atlaskit/editor-shared-styles';
-import { akEditorCustomIconSize } from '@atlaskit/editor-shared-styles/consts';
-import { emojiImage, emojiSprite } from '@atlaskit/emoji';
-import { fg } from '@atlaskit/platform-feature-flags';
 var lightPanelColors = {
   info: '#DEEBFF',
   note: '#EAE6FF',
@@ -80,19 +70,6 @@ export var 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 - akEditorCustomIconSize) / 2;
-var panelEmojiImageVerticalAlignment = panelEmojiSpriteVerticalAlignment - 1;
 export 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  ");
 }
@@ -126,9 +103,6 @@ export var 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
 export var getPanelTypeBackgroundNoTokens = function getPanelTypeBackgroundNoTokens(panelType) {
@@ -136,15 +110,4 @@ export var getPanelTypeBackgroundNoTokens = function getPanelTypeBackgroundNoTok
 };
 export var getPanelTypeBackground = function getPanelTypeBackground(panelType) {
   return 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…
-export var panelSharedStylesWithoutPrefix = function panelSharedStylesWithoutPrefix() {
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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)", blockNodesVerticalMargin, "var(--ds-space-100, 8px)", "var(--ds-space-200, 16px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", akEditorTableCellMinWidth, mainDynamicStyles(PanelType.INFO), PanelSharedCssClassName.icon, "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)", "var(--ds-space-100, 8px)", emojiSprite, panelEmojiSpriteVerticalAlignment, emojiImage, panelEmojiImageVerticalAlignment, "var(--ds-space-025, 2px)", "var(--ds-space-025, 2px)", PanelSharedCssClassName.content, prefix, "var(--ds-border, #091E42)", PanelType.INFO, getIconStyles(PanelType.INFO), PanelType.NOTE, mainDynamicStyles(PanelType.NOTE), getIconStyles(PanelType.NOTE), PanelType.TIP, mainDynamicStyles(PanelType.TIP), getIconStyles(PanelType.TIP), PanelType.WARNING, mainDynamicStyles(PanelType.WARNING), getIconStyles(PanelType.WARNING), PanelType.ERROR, mainDynamicStyles(PanelType.ERROR), getIconStyles(PanelType.ERROR), PanelType.SUCCESS, mainDynamicStyles(PanelType.SUCCESS), getIconStyles(PanelType.SUCCESS), 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}") : '');
-};
-export var panelSharedStyles = function panelSharedStyles() {
-  return css(_defineProperty({}, ".".concat(PanelSharedCssClassName.prefix), panelSharedStylesWithoutPrefix()));
 };