@atlaskit/editor-common 110.8.0 → 110.9.1

package/dist/cjs/utils/compareNodes.js

@@ -8,6 +8,7 @@ exports.createCompareNodes = exports.ContentType = void 0;
 exports.createNormalizeTextParser = createNormalizeTextParser;
 exports.extractMetaFromTextNode = extractMetaFromTextNode;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _types = require("../types");
 var ContentType = exports.ContentType = /*#__PURE__*/function (ContentType) {
   ContentType[ContentType["NUMBER"] = 0] = "NUMBER";
@@ -240,6 +241,11 @@ function compareMetaFromNode(metaNodeA, metaNodeB) {
   if (metaNodeA === null || metaNodeB === null) {
     return metaNodeB === null ? -1 : 1;
   }
+  if ((0, _platformFeatureFlags.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/es2019/element-browser/components/StatelessElementBrowser.js

@@ -320,7 +320,7 @@ function MobileBrowser({
   focusOnEmptyStateButton = false
 }) {
   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/es2019/extensibility/Extension/Lozenge/ExtensionLabel.js

@@ -154,7 +154,7 @@ export const ExtensionLabel = ({
     '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/es2019/media-inline/inline-image-wrapper.js

@@ -35,7 +35,7 @@ export const InlineImageWrapper = ({
     [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: {

package/dist/es2019/monitoring/error.js

@@ -1,7 +1,7 @@
 import { isFedRamp } from './environment';
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "110.7.2";
+const packageVersion = "110.9.0";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/es2019/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/es2019/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/es2019/styles/shared/annotation.js

@@ -1,6 +1,3 @@
-// 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 const annotationPrefix = 'ak-editor-annotation';
 export const AnnotationSharedClassNames = {
   focus: `${annotationPrefix}-focus`,
@@ -13,106 +10,4 @@ export const BlockAnnotationSharedClassNames = {
   focus: `${blockAnnotationPrefix}-focus`,
   blur: `${blockAnnotationPrefix}-blur`,
   draft: `${blockAnnotationPrefix}-draft`
-};
-export const 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 ${"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 ${"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 ${"var(--ds-border-accent-yellow, #B38600)"}`,
-        cursor: 'pointer'
-      })
-    };
-  }
-};
-export const annotationSharedStyles = () => 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`
-				.ProseMirror {
-					.${AnnotationSharedClassNames.blur},
-						.${AnnotationSharedClassNames.focus},
-						.${AnnotationSharedClassNames.draft} {
-						${AnnotationSharedCSSByState().common};
-					}
-
-					.${AnnotationSharedClassNames.focus} {
-						${AnnotationSharedCSSByState().focus};
-					}
-
-					.${AnnotationSharedClassNames.draft} {
-						${AnnotationSharedCSSByState().focus};
-						cursor: initial;
-					}
-
-					.${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`
-				.ProseMirror {
-					.${AnnotationSharedClassNames.focus} {
-						${AnnotationSharedCSSByState().focus};
-					}
-
-					.${AnnotationSharedClassNames.draft} {
-						${AnnotationSharedCSSByState().focus};
-						cursor: initial;
-					}
-
-					.${AnnotationSharedClassNames.blur} {
-						${AnnotationSharedCSSByState().blur};
-					}
-				}
-			`;
+};

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

@@ -1,7 +1,3 @@
-/* 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 const CodeBlockSharedCssClassName = {
   CODEBLOCK_CONTAINER: 'code-block',
   CODEBLOCK_START: 'code-block--start',
@@ -12,163 +8,4 @@ export const 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 const codeBlockSharedStyles = () => css`
-	.${CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPED}
-		> .${CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER}
-		> .${CodeBlockSharedCssClassName.CODEBLOCK_CONTENT} {
-		margin-right: ${"var(--ds-space-100, 8px)"};
-
-		code {
-			display: block;
-			word-break: break-word;
-			white-space: pre-wrap;
-		}
-	}
-
-	.${CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER}
-		> .${CodeBlockSharedCssClassName.CODEBLOCK_CONTENT} {
-		display: flex;
-		flex: 1;
-
-		code {
-			flex-grow: 1;
-
-			white-space: pre;
-		}
-	}
-
-	.${CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER} {
-		position: relative;
-		background-color: ${"var(--ds-surface-raised, #FFFFFF)"};
-		border-radius: ${"var(--ds-radius-small, 3px)"};
-		margin: ${blockNodesVerticalMargin} 0 0 0;
-		font-family: ${akEditorCodeFontFamily};
-		min-width: ${akEditorTableCellMinWidth}px;
-		cursor: pointer;
-		clear: both;
-
-		.code-block-gutter-pseudo-element::before {
-			content: attr(data-label);
-		}
-
-		/* This is necessary to allow for arrow key navigation in/out of code blocks in Firefox. */
-		white-space: normal;
-
-		.${CodeBlockSharedCssClassName.CODEBLOCK_START} {
-			position: absolute;
-			visibility: hidden;
-			height: 1.5rem;
-			top: 0px;
-			left: 0px;
-		}
-
-		.${CodeBlockSharedCssClassName.CODEBLOCK_END} {
-			position: absolute;
-			visibility: hidden;
-			height: 1.5rem;
-			bottom: 0px;
-			right: 0px;
-		}
-
-		.${CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER} {
-			position: relative;
-			background-color: ${"var(--ds-background-neutral, #091E420F)"};
-			display: flex;
-			border-radius: ${"var(--ds-radius-small, 3px)"};
-			width: 100%;
-			counter-reset: line;
-			overflow-x: auto;
-
-			background-image: ${overflowShadow({
-  leftCoverWidth: "var(--ds-space-300, 24px)"
-})};
-
-			background-repeat: no-repeat;
-			background-attachment: local, local, local, local, scroll, scroll, scroll, scroll;
-			background-size:
-				${"var(--ds-space-300, 24px)"} 100%,
-				${"var(--ds-space-300, 24px)"} 100%,
-				${"var(--ds-space-100, 8px)"} 100%,
-				${"var(--ds-space-100, 8px)"} 100%,
-				${"var(--ds-space-100, 8px)"} 100%,
-				1px 100%,
-				${"var(--ds-space-100, 8px)"} 100%,
-				1px 100%;
-			background-position:
-				0 0,
-				0 0,
-				100% 0,
-				100% 0,
-				100% 0,
-				100% 0,
-				0 0,
-				0 0;
-
-			/* Be careful if refactoring this; it is needed to keep arrow key navigation in Firefox consistent with other browsers. */
-			overflow-y: hidden;
-		}
-
-		.${CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER} {
-			background-color: ${"var(--ds-background-neutral, #091E420F)"};
-			position: relative;
-			width: var(--lineNumberGutterWidth, 2rem);
-			padding: ${"var(--ds-space-100, 8px)"};
-			flex-shrink: 0;
-			font-size: ${relativeFontSizeToBase16(14)};
-			box-sizing: content-box;
-		}
-
-		/* This is a fix of marker of list item with code block.
-		 The list item marker in Chrome is aligned by the baseline of the text,
-		 that's why we need to add a text (content: "1") to the line number gutter to align
-		 the list item marker with the text.
-		 Without it, the list item marker will be aligned by the bottom of the code block. */
-		.${CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER}::before {
-			content: '1';
-			visibility: hidden;
-			font-size: ${relativeFontSizeToBase16(14)};
-			line-height: 1.5rem;
-		}
-
-		.${CodeBlockSharedCssClassName.CODEBLOCK_CONTENT} {
-			code {
-				tab-size: 4;
-				cursor: text;
-				color: ${"var(--ds-text, #172B4D)"};
-				border-radius: ${"var(--ds-radius-small, 3px)"};
-				margin: ${"var(--ds-space-100, 8px)"};
-				font-size: ${relativeFontSizeToBase16(14)};
-				line-height: 1.5rem;
-			}
-		}
-
-		.${CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER_LINE_NUMBER_WIDGET} {
-			pointer-events: none;
-			user-select: none;
-			width: var(--lineNumberGutterWidth, 2rem);
-			left: 0;
-			position: absolute;
-			font-size: ${relativeFontSizeToBase16(14)};
-			padding: 0px ${"var(--ds-space-100, 8px)"};
-			line-height: 1.5rem;
-			text-align: right;
-			color: ${"var(--ds-text-subtlest, #505F79)"};
-			box-sizing: content-box;
-		}
-	}
-`;
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const codeBlockInListSafariFix = css`
-	::before {
-		content: ' ';
-		line-height: ${akEditorLineHeight};
-	}
-
-	> p:first-child,
-	> .code-block:first-child,
-	> .ProseMirror-gapcursor:first-child + .code-block {
-		margin-top: -${akEditorLineHeight}em !important;
-	}
-`;
+};

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

@@ -1,14 +1,4 @@
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css } from '@emotion/react';
 export const 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 const dateSharedStyle = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  [`.${DateSharedCssClassName.DATE_WRAPPER} span`]: {
-    whiteSpace: 'unset'
-  }
-});
+};

package/dist/es2019/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 const GRID_GUTTER = 12;
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const gridStyles = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '.gridParent': {
-    width: `calc(100% + ${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 ${"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 ${"var(--ds-border-focused, #388BFF)"}`
-  }
-});
+export const GRID_GUTTER = 12;

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

@@ -1,7 +1,3 @@
-// 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 const listItemCounterPadding = 24;
 var CSS_VAR_NAMES = /*#__PURE__*/function (CSS_VAR_NAMES) {
   CSS_VAR_NAMES["ITEM_COUNTER_PADDING"] = "--ed--list--item-counter--padding";
@@ -36,120 +32,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 const listsSharedStyles = css`
-	/* =============== INDENTATION SPACING ========= */
-
-	ul,
-	ol {
-		box-sizing: border-box;
-		padding-left: var(${CSS_VAR_NAMES.ITEM_COUNTER_PADDING}, ${listItemCounterPadding}px);
-		/*
-    Firefox does not handle empty block element inside li tag.
-    If there is not block element inside li tag,
-      then firefox sets inherited height to li
-    However, if there is any block element and if it's empty
-      (or has empty inline element) then
-    firefox sets li tag height to zero.
-    More details at
-    https://product-fabric.atlassian.net/wiki/spaces/~455502413/pages/3149365890/ED-14110+Investigation
-    */
-		li p:empty,
-		li p > span:empty {
-			${browser.gecko ? 'display: inline-block;' : ''}
-		}
-	}
-
-	${orderedListSelector}, ${bulletListSelector} {
-		/*
-      Ensures list item content adheres to the list's margin instead
-      of filling the entire block row. This is important to allow
-      clicking interactive elements which are floated next to a list.
-
-      For some history and context on this block, see PRs related to tickets.:
-      @see ED-6551 - original issue.
-      @see ED-7015 - follow up issue.
-      @see ED-7447 - flow-root change.
-
-      We use 'display: table' (old clear fix / new block formatting context hack)
-      for older browsers and 'flow-root' for modern browsers.
-
-      @see https://css-tricks.com/display-flow-root/
-    */
-		/* For older browsers the do not support flow-root. */
-		/* stylelint-disable declaration-block-no-duplicate-properties */
-		display: table;
-		display: flow-root;
-		/* stylelint-enable declaration-block-no-duplicate-properties */
-	}
-
-	/* =============== INDENTATION AESTHETICS ========= */
-
-	/**
-        We support nested lists up to six levels deep.
-    **/
-
-	/* LEGACY LISTS */
-
-	ul,
-	ul ul ul ul {
-		list-style-type: disc;
-	}
-
-	ul ul,
-	ul ul ul ul ul {
-		list-style-type: circle;
-	}
-
-	ul ul ul,
-	ul ul ul ul ul ul {
-		list-style-type: square;
-	}
-
-	ol,
-	ol ol ol ol {
-		list-style-type: decimal;
-	}
-	ol ol,
-	ol ol ol ol ol {
-		list-style-type: lower-alpha;
-	}
-	ol ol ol,
-	ol ol ol ol ol ol {
-		list-style-type: lower-roman;
-	}
-
-	/* PREDICTABLE LISTS */
-
-	ol[data-indent-level='1'],
-	ol[data-indent-level='4'] {
-		list-style-type: decimal;
-	}
-
-	ol[data-indent-level='2'],
-	ol[data-indent-level='5'] {
-		list-style-type: lower-alpha;
-	}
-
-	ol[data-indent-level='3'],
-	ol[data-indent-level='6'] {
-		list-style-type: lower-roman;
-	}
-
-	ul[data-indent-level='1'],
-	ul[data-indent-level='4'] {
-		list-style-type: disc;
-	}
-
-	ul[data-indent-level='2'],
-	ul[data-indent-level='5'] {
-		list-style-type: circle;
-	}
-
-	ul[data-indent-level='3'],
-	ul[data-indent-level='6'] {
-		list-style-type: square;
-	}
-`;
+}