@atlaskit/editor-shared-styles 2.13.5 → 3.0.0

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-shared-styles
 
+## 3.0.0
+
+### Major Changes
+
+- [#145684](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/145684)
+  [`8faa0ce1c97d3`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8faa0ce1c97d3) -
+  [ux] Removed unused consts and updated colours to use tokens instead of the theme package
+
 ## 2.13.5
 
 ### Patch Changes

package/afm-cc/tsconfig.json

@@ -21,9 +21,6 @@
         {
             "path": "../../../platform/feature-flags/afm-cc/tsconfig.json"
         },
-        {
-            "path": "../../../design-system/theme/afm-cc/tsconfig.json"
-        },
         {
             "path": "../../../design-system/tokens/afm-cc/tsconfig.json"
         }

package/afm-jira/tsconfig.json

@@ -20,9 +20,6 @@
     {
       "path": "../../../platform/feature-flags/afm-jira/tsconfig.json"
     },
-    {
-      "path": "../../../design-system/theme/afm-jira/tsconfig.json"
-    },
     {
       "path": "../../../design-system/tokens/afm-jira/tsconfig.json"
     }

package/afm-post-office/tsconfig.json

@@ -20,9 +20,6 @@
     {
       "path": "../../../platform/feature-flags/afm-post-office/tsconfig.json"
     },
-    {
-      "path": "../../../design-system/theme/afm-post-office/tsconfig.json"
-    },
     {
       "path": "../../../design-system/tokens/afm-post-office/tsconfig.json"
     }

package/dist/cjs/consts/consts.js

@@ -4,42 +4,29 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.editorFontSize = exports.breakoutWideScaleRatio = exports.blockNodesVerticalMargin = exports.avatarColors = exports.akRichMediaResizeZIndex = exports.akLayoutGutterOffset = exports.akEditorWideLayoutWidth = exports.akEditorUnitZIndex = exports.akEditorToolbarKeylineHeight = exports.akEditorTableToolbarSize = exports.akEditorTableToolbarSelected = exports.akEditorTableToolbarDelete = exports.akEditorTableToolbarDark = exports.akEditorTableToolbar = exports.akEditorTableNumberColumnWidth = exports.akEditorTableLegacyCellMinWidth = exports.akEditorTableHeaderCellBackgroundDark = exports.akEditorTableHeaderCellBackground = exports.akEditorTableFloatingControls = exports.akEditorTableCellSelected = exports.akEditorTableCellOnStickyHeaderZIndex = exports.akEditorTableCellMinWidth = exports.akEditorTableCellDelete = exports.akEditorTableCellBlanketSelected = exports.akEditorTableCellBlanketDeleted = exports.akEditorTableCellBackgroundOpacity = exports.akEditorTableBorderSelected = exports.akEditorTableBorderRadius = exports.akEditorTableBorderDelete = exports.akEditorTableBorderDark = exports.akEditorTableBorder = exports.akEditorSwoopCubicBezier = exports.akEditorSubtleAccent = exports.akEditorStickyHeaderZIndex = exports.akEditorSmallZIndex = exports.akEditorShadowZIndex = exports.akEditorSelectedNodeClassName = exports.akEditorSelectedIconColor = exports.akEditorSelectedBoxShadow = exports.akEditorSelectedBorderSize = exports.akEditorSelectedBorderColor = exports.akEditorSelectedBorderBoldSize = exports.akEditorSelectedBorder = exports.akEditorSelectedBlanketOpacity = exports.akEditorSelectedBlanketColor = exports.akEditorSelectedBgColor = exports.akEditorRuleBorderRadius = exports.akEditorRuleBackground = exports.akEditorPrimaryButton = exports.akEditorPopupText = exports.akEditorPopupBackground = exports.akEditorMobileMaxWidth = exports.akEditorMobileBreakoutPoint = exports.akEditorMenuZIndex = exports.akEditorMentionSelected = exports.akEditorMediaResizeHandlerPaddingWide = exports.akEditorMediaResizeHandlerPadding = exports.akEditorLineHeight = exports.akEditorInactiveForeground = exports.akEditorGutterPaddingDynamic = exports.akEditorGutterPadding = exports.akEditorGridLineZIndex = exports.akEditorFullWidthLayoutWidth = exports.akEditorFullWidthLayoutLineLength = exports.akEditorFullPageMaxWidth = exports.akEditorFullPageDefaultFontSize = exports.akEditorFocus = exports.akEditorFloatingPanelZIndex = exports.akEditorFloatingOverlapPanelZIndex = exports.akEditorFloatingDialogZIndex = exports.akEditorDropdownActiveBackground = exports.akEditorDeleteIconColor = exports.akEditorDeleteBorder = exports.akEditorDeleteBackgroundWithOpacity = exports.akEditorDeleteBackgroundShaded = exports.akEditorDeleteBackground = exports.akEditorDefaultLayoutWidth = exports.akEditorCustomIconSize = exports.akEditorContextPanelWidth = exports.akEditorCodeInlinePadding = exports.akEditorCodeFontFamily = exports.akEditorCodeBlockPadding = exports.akEditorCodeBackground = exports.akEditorCalculatedWideLayoutWidthSmallViewport = exports.akEditorCalculatedWideLayoutWidth = exports.akEditorBreakoutPadding = exports.akEditorBlockquoteBorderColor = exports.akEditorActiveForeground = exports.akEditorActiveBackground = exports.VIEWPORT_SIZES = exports.MAX_BROWSER_SCROLLBAR_HEIGHT = exports.FULL_PAGE_EDITOR_TOOLBAR_HEIGHT = exports.DEFAULT_EMBED_CARD_WIDTH = exports.DEFAULT_EMBED_CARD_HEIGHT = exports.ATLASSIAN_NAVIGATION_HEIGHT = void 0;
+exports.editorFontSize = exports.breakoutWideScaleRatio = exports.blockNodesVerticalMargin = exports.avatarColors = exports.akRichMediaResizeZIndex = exports.akLayoutGutterOffset = exports.akEditorWideLayoutWidth = exports.akEditorUnitZIndex = exports.akEditorToolbarKeylineHeight = exports.akEditorTableToolbarSize = exports.akEditorTableToolbar = exports.akEditorTableNumberColumnWidth = exports.akEditorTableLegacyCellMinWidth = exports.akEditorTableHeaderCellBackgroundDark = exports.akEditorTableHeaderCellBackground = exports.akEditorTableCellOnStickyHeaderZIndex = exports.akEditorTableCellMinWidth = exports.akEditorTableCellBlanketSelected = exports.akEditorTableCellBlanketDeleted = exports.akEditorTableCellBackgroundOpacity = exports.akEditorTableBorderSelected = exports.akEditorTableBorderRadius = exports.akEditorTableBorder = exports.akEditorSwoopCubicBezier = exports.akEditorSubtleAccent = exports.akEditorStickyHeaderZIndex = exports.akEditorSmallZIndex = exports.akEditorShadowZIndex = exports.akEditorSelectedNodeClassName = exports.akEditorSelectedBoxShadow = exports.akEditorSelectedBorderSize = exports.akEditorSelectedBorderColor = exports.akEditorSelectedBorderBoldSize = exports.akEditorSelectedBorder = exports.akEditorSelectedBlanketOpacity = exports.akEditorRuleBorderRadius = exports.akEditorMobileMaxWidth = exports.akEditorMobileBreakoutPoint = exports.akEditorMenuZIndex = exports.akEditorMediaResizeHandlerPaddingWide = exports.akEditorMediaResizeHandlerPadding = exports.akEditorLineHeight = exports.akEditorGutterPaddingDynamic = exports.akEditorGutterPadding = exports.akEditorGridLineZIndex = exports.akEditorFullWidthLayoutWidth = exports.akEditorFullWidthLayoutLineLength = exports.akEditorFullPageMaxWidth = exports.akEditorFullPageDefaultFontSize = exports.akEditorFloatingPanelZIndex = exports.akEditorFloatingOverlapPanelZIndex = exports.akEditorFloatingDialogZIndex = exports.akEditorDeleteIconColor = exports.akEditorDeleteBorder = exports.akEditorDeleteBackgroundWithOpacity = exports.akEditorDeleteBackground = exports.akEditorDefaultLayoutWidth = exports.akEditorCustomIconSize = exports.akEditorContextPanelWidth = exports.akEditorCodeInlinePadding = exports.akEditorCodeFontFamily = exports.akEditorCodeBlockPadding = exports.akEditorCodeBackground = exports.akEditorCalculatedWideLayoutWidthSmallViewport = exports.akEditorCalculatedWideLayoutWidth = exports.akEditorBreakoutPadding = exports.akEditorBlockquoteBorderColor = exports.VIEWPORT_SIZES = exports.MAX_BROWSER_SCROLLBAR_HEIGHT = exports.FULL_PAGE_EDITOR_TOOLBAR_HEIGHT = exports.DEFAULT_EMBED_CARD_WIDTH = exports.DEFAULT_EMBED_CARD_HEIGHT = exports.ATLASSIAN_NAVIGATION_HEIGHT = void 0;
 exports.getTableCellBackgroundDarkModeColorCSS = getTableCellBackgroundDarkModeColorCSS;
 exports.relativeSize = exports.relativeFontSizeToBase16 = exports.gridMediumMaxWidth = exports.getTableCellBackgroundDarkModeColors = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _colors = require("@atlaskit/theme/colors");
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 
 var akEditorFullPageDefaultFontSize = exports.akEditorFullPageDefaultFontSize = 16;
 var akEditorCodeFontFamily = exports.akEditorCodeFontFamily = "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)";
-var akEditorInactiveForeground = exports.akEditorInactiveForeground = _colors.N500;
-var akEditorFocus = exports.akEditorFocus = _colors.B100;
-var akEditorSubtleAccent = exports.akEditorSubtleAccent = _colors.N40;
-var akEditorActiveBackground = exports.akEditorActiveBackground = _colors.N500;
-var akEditorActiveForeground = exports.akEditorActiveForeground = _colors.N0;
-var akEditorBlockquoteBorderColor = exports.akEditorBlockquoteBorderColor = _colors.N40;
-var akEditorDropdownActiveBackground = exports.akEditorDropdownActiveBackground = _colors.N900;
-var akEditorPopupBackground = exports.akEditorPopupBackground = _colors.N700;
-var akEditorPopupText = exports.akEditorPopupText = _colors.B50;
-var akEditorPrimaryButton = exports.akEditorPrimaryButton = _colors.B400;
-var akEditorCodeBackground = exports.akEditorCodeBackground = _colors.N20;
+var akEditorSubtleAccent = exports.akEditorSubtleAccent = "var(--ds-background-accent-gray-subtler, #DCDFE4)";
+var akEditorBlockquoteBorderColor = exports.akEditorBlockquoteBorderColor = "var(--ds-border, #091E4224)";
+var akEditorCodeBackground = exports.akEditorCodeBackground = "var(--ds-background-accent-gray-subtlest, #F1F2F4)";
 var akEditorCodeBlockPadding = exports.akEditorCodeBlockPadding = '12px';
 var akEditorCodeInlinePadding = exports.akEditorCodeInlinePadding = '2px 4px';
-var akEditorDeleteBackground = exports.akEditorDeleteBackground = _colors.R50;
-var akEditorDeleteBackgroundShaded = exports.akEditorDeleteBackgroundShaded = _colors.R50;
+var akEditorDeleteBackground = exports.akEditorDeleteBackground = "var(--ds-background-danger, #FFECEB)";
 var akEditorDeleteBackgroundWithOpacity = exports.akEditorDeleteBackgroundWithOpacity = 'rgba(255, 189, 173, 0.5)'; // R75 with 50% opacity
-var akEditorDeleteBorder = exports.akEditorDeleteBorder = _colors.R300;
-var akEditorDeleteIconColor = exports.akEditorDeleteIconColor = _colors.R400;
+var akEditorDeleteBorder = exports.akEditorDeleteBorder = "var(--ds-border-danger, #E2483D)";
+var akEditorDeleteIconColor = exports.akEditorDeleteIconColor = "var(--ds-icon-danger, #C9372C)";
 var akEditorCustomIconSize = exports.akEditorCustomIconSize = 20;
-var akEditorSelectedBorderColor = exports.akEditorSelectedBorderColor = _colors.B300;
-var akEditorSelectedBgColor = exports.akEditorSelectedBgColor = _colors.B50;
-var akEditorSelectedBlanketColor = exports.akEditorSelectedBlanketColor = _colors.B75;
+var akEditorSelectedBorderColor = exports.akEditorSelectedBorderColor = "var(--ds-border-selected, #0C66E4)";
 var akEditorSelectedBorderSize = exports.akEditorSelectedBorderSize = 1;
 var akEditorSelectedBorder = exports.akEditorSelectedBorder = "".concat(akEditorSelectedBorderSize, "px solid ", "var(--ds-border-selected, #0C66E4)");
 var akEditorSelectedBoxShadow = exports.akEditorSelectedBoxShadow = "0 0 0 ".concat(akEditorSelectedBorderSize, "px ", "var(--ds-border-selected, #0C66E4)");
-var akEditorSelectedIconColor = exports.akEditorSelectedIconColor = _colors.B400;
 var akEditorSelectedBorderBoldSize = exports.akEditorSelectedBorderBoldSize = 2;
 var akEditorSelectedBlanketOpacity = exports.akEditorSelectedBlanketOpacity = 0.3;
 var akEditorUnitZIndex = exports.akEditorUnitZIndex = 1;
@@ -58,21 +45,12 @@ var akEditorFloatingDialogZIndex = exports.akEditorFloatingDialogZIndex = akEdit
 var akEditorTableCellOnStickyHeaderZIndex = exports.akEditorTableCellOnStickyHeaderZIndex = akEditorFloatingDialogZIndex - 5;
 // z-index used for floating toolbars table cell menu which are above block toolbars
 var akEditorFloatingOverlapPanelZIndex = exports.akEditorFloatingOverlapPanelZIndex = akEditorFloatingPanelZIndex + 5;
-var akEditorMentionSelected = exports.akEditorMentionSelected = _colors.N100;
 var akEditorTableToolbarSize = exports.akEditorTableToolbarSize = 11;
-var akEditorTableBorder = exports.akEditorTableBorder = _colors.N50;
-var akEditorTableBorderDark = exports.akEditorTableBorderDark = _colors.DN70;
-var akEditorTableToolbar = exports.akEditorTableToolbar = _colors.N20;
-var akEditorTableToolbarDark = exports.akEditorTableToolbarDark = _colors.DN50;
-var akEditorTableFloatingControls = exports.akEditorTableFloatingControls = _colors.N20;
-var akEditorTableCellSelected = exports.akEditorTableCellSelected = _colors.B75;
+var akEditorTableBorder = exports.akEditorTableBorder = "var(--ds-background-accent-gray-subtler, #DCDFE4)";
+var akEditorTableToolbar = exports.akEditorTableToolbar = "var(--ds-background-accent-gray-subtlest, #F1F2F4)";
 var akEditorTableHeaderCellBackground = exports.akEditorTableHeaderCellBackground = '#F1F2F4';
 var akEditorTableHeaderCellBackgroundDark = exports.akEditorTableHeaderCellBackgroundDark = '#2C333A';
-var akEditorTableToolbarSelected = exports.akEditorTableToolbarSelected = _colors.B100;
-var akEditorTableBorderSelected = exports.akEditorTableBorderSelected = _colors.B300;
-var akEditorTableCellDelete = exports.akEditorTableCellDelete = _colors.R50;
-var akEditorTableBorderDelete = exports.akEditorTableBorderDelete = _colors.R300;
-var akEditorTableToolbarDelete = exports.akEditorTableToolbarDelete = _colors.R75;
+var akEditorTableBorderSelected = exports.akEditorTableBorderSelected = "var(--ds-border-focused, #388BFF)";
 var akEditorTableBorderRadius = exports.akEditorTableBorderRadius = '3px';
 var akEditorTableCellBackgroundOpacity = exports.akEditorTableCellBackgroundOpacity = 0.5;
 var akEditorFullPageMaxWidth = exports.akEditorFullPageMaxWidth = 680;
@@ -99,7 +77,6 @@ var akEditorCalculatedWideLayoutWidth = exports.akEditorCalculatedWideLayoutWidt
 var akRichMediaResizeZIndex = exports.akRichMediaResizeZIndex = akEditorUnitZIndex * 99;
 var akLayoutGutterOffset = exports.akLayoutGutterOffset = 12;
 var akEditorLineHeight = exports.akEditorLineHeight = 1.714;
-var akEditorRuleBackground = exports.akEditorRuleBackground = _colors.N30;
 var akEditorRuleBorderRadius = exports.akEditorRuleBorderRadius = '1px';
 var akEditorToolbarKeylineHeight = exports.akEditorToolbarKeylineHeight = 2;
 var akEditorContextPanelWidth = exports.akEditorContextPanelWidth = 320;

package/dist/cjs/consts/index.js

@@ -39,18 +39,6 @@ Object.defineProperty(exports, "VIEWPORT_SIZES", {
     return _consts.VIEWPORT_SIZES;
   }
 });
-Object.defineProperty(exports, "akEditorActiveBackground", {
-  enumerable: true,
-  get: function get() {
-    return _consts.akEditorActiveBackground;
-  }
-});
-Object.defineProperty(exports, "akEditorActiveForeground", {
-  enumerable: true,
-  get: function get() {
-    return _consts.akEditorActiveForeground;
-  }
-});
 Object.defineProperty(exports, "akEditorBlockquoteBorderColor", {
   enumerable: true,
   get: function get() {
@@ -123,12 +111,6 @@ Object.defineProperty(exports, "akEditorDeleteBackground", {
     return _consts.akEditorDeleteBackground;
   }
 });
-Object.defineProperty(exports, "akEditorDeleteBackgroundShaded", {
-  enumerable: true,
-  get: function get() {
-    return _consts.akEditorDeleteBackgroundShaded;
-  }
-});
 Object.defineProperty(exports, "akEditorDeleteBackgroundWithOpacity", {
   enumerable: true,
   get: function get() {
@@ -147,12 +129,6 @@ Object.defineProperty(exports, "akEditorDeleteIconColor", {
     return _consts.akEditorDeleteIconColor;
   }
 });
-Object.defineProperty(exports, "akEditorDropdownActiveBackground", {
-  enumerable: true,
-  get: function get() {
-    return _consts.akEditorDropdownActiveBackground;
-  }
-});
 Object.defineProperty(exports, "akEditorFloatingDialogZIndex", {
   enumerable: true,
   get: function get() {
@@ -171,12 +147,6 @@ Object.defineProperty(exports, "akEditorFloatingPanelZIndex", {
     return _consts.akEditorFloatingPanelZIndex;
   }
 });
-Object.defineProperty(exports, "akEditorFocus", {
-  enumerable: true,
-  get: function get() {
-    return _consts.akEditorFocus;
-  }
-});
 Object.defineProperty(exports, "akEditorFullPageDefaultFontSize", {
   enumerable: true,
   get: function get() {
@@ -219,12 +189,6 @@ Object.defineProperty(exports, "akEditorGutterPaddingDynamic", {
     return _consts.akEditorGutterPaddingDynamic;
   }
 });
-Object.defineProperty(exports, "akEditorInactiveForeground", {
-  enumerable: true,
-  get: function get() {
-    return _consts.akEditorInactiveForeground;
-  }
-});
 Object.defineProperty(exports, "akEditorLineHeight", {
   enumerable: true,
   get: function get() {
@@ -243,12 +207,6 @@ Object.defineProperty(exports, "akEditorMediaResizeHandlerPaddingWide", {
     return _consts.akEditorMediaResizeHandlerPaddingWide;
   }
 });
-Object.defineProperty(exports, "akEditorMentionSelected", {
-  enumerable: true,
-  get: function get() {
-    return _consts.akEditorMentionSelected;
-  }
-});
 Object.defineProperty(exports, "akEditorMenuZIndex", {
   enumerable: true,
   get: function get() {
@@ -267,48 +225,12 @@ Object.defineProperty(exports, "akEditorMobileMaxWidth", {
     return _consts.akEditorMobileMaxWidth;
   }
 });
-Object.defineProperty(exports, "akEditorPopupBackground", {
-  enumerable: true,
-  get: function get() {
-    return _consts.akEditorPopupBackground;
-  }
-});
-Object.defineProperty(exports, "akEditorPopupText", {
-  enumerable: true,
-  get: function get() {
-    return _consts.akEditorPopupText;
-  }
-});
-Object.defineProperty(exports, "akEditorPrimaryButton", {
-  enumerable: true,
-  get: function get() {
-    return _consts.akEditorPrimaryButton;
-  }
-});
-Object.defineProperty(exports, "akEditorRuleBackground", {
-  enumerable: true,
-  get: function get() {
-    return _consts.akEditorRuleBackground;
-  }
-});
 Object.defineProperty(exports, "akEditorRuleBorderRadius", {
   enumerable: true,
   get: function get() {
     return _consts.akEditorRuleBorderRadius;
   }
 });
-Object.defineProperty(exports, "akEditorSelectedBgColor", {
-  enumerable: true,
-  get: function get() {
-    return _consts.akEditorSelectedBgColor;
-  }
-});
-Object.defineProperty(exports, "akEditorSelectedBlanketColor", {
-  enumerable: true,
-  get: function get() {
-    return _consts.akEditorSelectedBlanketColor;
-  }
-});
 Object.defineProperty(exports, "akEditorSelectedBlanketOpacity", {
   enumerable: true,
   get: function get() {
@@ -345,12 +267,6 @@ Object.defineProperty(exports, "akEditorSelectedBoxShadow", {
     return _consts.akEditorSelectedBoxShadow;
   }
 });
-Object.defineProperty(exports, "akEditorSelectedIconColor", {
-  enumerable: true,
-  get: function get() {
-    return _consts.akEditorSelectedIconColor;
-  }
-});
 Object.defineProperty(exports, "akEditorSelectedNodeClassName", {
   enumerable: true,
   get: function get() {
@@ -393,18 +309,6 @@ Object.defineProperty(exports, "akEditorTableBorder", {
     return _consts.akEditorTableBorder;
   }
 });
-Object.defineProperty(exports, "akEditorTableBorderDark", {
-  enumerable: true,
-  get: function get() {
-    return _consts.akEditorTableBorderDark;
-  }
-});
-Object.defineProperty(exports, "akEditorTableBorderDelete", {
-  enumerable: true,
-  get: function get() {
-    return _consts.akEditorTableBorderDelete;
-  }
-});
 Object.defineProperty(exports, "akEditorTableBorderRadius", {
   enumerable: true,
   get: function get() {
@@ -435,12 +339,6 @@ Object.defineProperty(exports, "akEditorTableCellBlanketSelected", {
     return _consts.akEditorTableCellBlanketSelected;
   }
 });
-Object.defineProperty(exports, "akEditorTableCellDelete", {
-  enumerable: true,
-  get: function get() {
-    return _consts.akEditorTableCellDelete;
-  }
-});
 Object.defineProperty(exports, "akEditorTableCellMinWidth", {
   enumerable: true,
   get: function get() {
@@ -453,18 +351,6 @@ Object.defineProperty(exports, "akEditorTableCellOnStickyHeaderZIndex", {
     return _consts.akEditorTableCellOnStickyHeaderZIndex;
   }
 });
-Object.defineProperty(exports, "akEditorTableCellSelected", {
-  enumerable: true,
-  get: function get() {
-    return _consts.akEditorTableCellSelected;
-  }
-});
-Object.defineProperty(exports, "akEditorTableFloatingControls", {
-  enumerable: true,
-  get: function get() {
-    return _consts.akEditorTableFloatingControls;
-  }
-});
 Object.defineProperty(exports, "akEditorTableHeaderCellBackground", {
   enumerable: true,
   get: function get() {
@@ -495,24 +381,6 @@ Object.defineProperty(exports, "akEditorTableToolbar", {
     return _consts.akEditorTableToolbar;
   }
 });
-Object.defineProperty(exports, "akEditorTableToolbarDark", {
-  enumerable: true,
-  get: function get() {
-    return _consts.akEditorTableToolbarDark;
-  }
-});
-Object.defineProperty(exports, "akEditorTableToolbarDelete", {
-  enumerable: true,
-  get: function get() {
-    return _consts.akEditorTableToolbarDelete;
-  }
-});
-Object.defineProperty(exports, "akEditorTableToolbarSelected", {
-  enumerable: true,
-  get: function get() {
-    return _consts.akEditorTableToolbarSelected;
-  }
-});
 Object.defineProperty(exports, "akEditorTableToolbarSize", {
   enumerable: true,
   get: function get() {

package/dist/cjs/index.js

@@ -45,18 +45,6 @@ Object.defineProperty(exports, "VIEWPORT_SIZES", {
     return _consts.VIEWPORT_SIZES;
   }
 });
-Object.defineProperty(exports, "akEditorActiveBackground", {
-  enumerable: true,
-  get: function get() {
-    return _consts.akEditorActiveBackground;
-  }
-});
-Object.defineProperty(exports, "akEditorActiveForeground", {
-  enumerable: true,
-  get: function get() {
-    return _consts.akEditorActiveForeground;
-  }
-});
 Object.defineProperty(exports, "akEditorBlockquoteBorderColor", {
   enumerable: true,
   get: function get() {
@@ -123,12 +111,6 @@ Object.defineProperty(exports, "akEditorDeleteBackground", {
     return _consts.akEditorDeleteBackground;
   }
 });
-Object.defineProperty(exports, "akEditorDeleteBackgroundShaded", {
-  enumerable: true,
-  get: function get() {
-    return _consts.akEditorDeleteBackgroundShaded;
-  }
-});
 Object.defineProperty(exports, "akEditorDeleteBackgroundWithOpacity", {
   enumerable: true,
   get: function get() {
@@ -147,12 +129,6 @@ Object.defineProperty(exports, "akEditorDeleteIconColor", {
     return _consts.akEditorDeleteIconColor;
   }
 });
-Object.defineProperty(exports, "akEditorDropdownActiveBackground", {
-  enumerable: true,
-  get: function get() {
-    return _consts.akEditorDropdownActiveBackground;
-  }
-});
 Object.defineProperty(exports, "akEditorFloatingDialogZIndex", {
   enumerable: true,
   get: function get() {
@@ -171,12 +147,6 @@ Object.defineProperty(exports, "akEditorFloatingPanelZIndex", {
     return _consts.akEditorFloatingPanelZIndex;
   }
 });
-Object.defineProperty(exports, "akEditorFocus", {
-  enumerable: true,
-  get: function get() {
-    return _consts.akEditorFocus;
-  }
-});
 Object.defineProperty(exports, "akEditorFullPageDefaultFontSize", {
   enumerable: true,
   get: function get() {
@@ -219,12 +189,6 @@ Object.defineProperty(exports, "akEditorGutterPaddingDynamic", {
     return _consts.akEditorGutterPaddingDynamic;
   }
 });
-Object.defineProperty(exports, "akEditorInactiveForeground", {
-  enumerable: true,
-  get: function get() {
-    return _consts.akEditorInactiveForeground;
-  }
-});
 Object.defineProperty(exports, "akEditorLineHeight", {
   enumerable: true,
   get: function get() {
@@ -243,12 +207,6 @@ Object.defineProperty(exports, "akEditorMediaResizeHandlerPaddingWide", {
     return _consts.akEditorMediaResizeHandlerPaddingWide;
   }
 });
-Object.defineProperty(exports, "akEditorMentionSelected", {
-  enumerable: true,
-  get: function get() {
-    return _consts.akEditorMentionSelected;
-  }
-});
 Object.defineProperty(exports, "akEditorMenuZIndex", {
   enumerable: true,
   get: function get() {
@@ -267,48 +225,12 @@ Object.defineProperty(exports, "akEditorMobileMaxWidth", {
     return _consts.akEditorMobileMaxWidth;
   }
 });
-Object.defineProperty(exports, "akEditorPopupBackground", {
-  enumerable: true,
-  get: function get() {
-    return _consts.akEditorPopupBackground;
-  }
-});
-Object.defineProperty(exports, "akEditorPopupText", {
-  enumerable: true,
-  get: function get() {
-    return _consts.akEditorPopupText;
-  }
-});
-Object.defineProperty(exports, "akEditorPrimaryButton", {
-  enumerable: true,
-  get: function get() {
-    return _consts.akEditorPrimaryButton;
-  }
-});
-Object.defineProperty(exports, "akEditorRuleBackground", {
-  enumerable: true,
-  get: function get() {
-    return _consts.akEditorRuleBackground;
-  }
-});
 Object.defineProperty(exports, "akEditorRuleBorderRadius", {
   enumerable: true,
   get: function get() {
     return _consts.akEditorRuleBorderRadius;
   }
 });
-Object.defineProperty(exports, "akEditorSelectedBgColor", {
-  enumerable: true,
-  get: function get() {
-    return _consts.akEditorSelectedBgColor;
-  }
-});
-Object.defineProperty(exports, "akEditorSelectedBlanketColor", {
-  enumerable: true,
-  get: function get() {
-    return _consts.akEditorSelectedBlanketColor;
-  }
-});
 Object.defineProperty(exports, "akEditorSelectedBlanketOpacity", {
   enumerable: true,
   get: function get() {
@@ -345,12 +267,6 @@ Object.defineProperty(exports, "akEditorSelectedBoxShadow", {
     return _consts.akEditorSelectedBoxShadow;
   }
 });
-Object.defineProperty(exports, "akEditorSelectedIconColor", {
-  enumerable: true,
-  get: function get() {
-    return _consts.akEditorSelectedIconColor;
-  }
-});
 Object.defineProperty(exports, "akEditorSelectedNodeClassName", {
   enumerable: true,
   get: function get() {
@@ -393,18 +309,6 @@ Object.defineProperty(exports, "akEditorTableBorder", {
     return _consts.akEditorTableBorder;
   }
 });
-Object.defineProperty(exports, "akEditorTableBorderDark", {
-  enumerable: true,
-  get: function get() {
-    return _consts.akEditorTableBorderDark;
-  }
-});
-Object.defineProperty(exports, "akEditorTableBorderDelete", {
-  enumerable: true,
-  get: function get() {
-    return _consts.akEditorTableBorderDelete;
-  }
-});
 Object.defineProperty(exports, "akEditorTableBorderRadius", {
   enumerable: true,
   get: function get() {
@@ -435,12 +339,6 @@ Object.defineProperty(exports, "akEditorTableCellBlanketSelected", {
     return _consts.akEditorTableCellBlanketSelected;
   }
 });
-Object.defineProperty(exports, "akEditorTableCellDelete", {
-  enumerable: true,
-  get: function get() {
-    return _consts.akEditorTableCellDelete;
-  }
-});
 Object.defineProperty(exports, "akEditorTableCellMinWidth", {
   enumerable: true,
   get: function get() {
@@ -453,18 +351,6 @@ Object.defineProperty(exports, "akEditorTableCellOnStickyHeaderZIndex", {
     return _consts.akEditorTableCellOnStickyHeaderZIndex;
   }
 });
-Object.defineProperty(exports, "akEditorTableCellSelected", {
-  enumerable: true,
-  get: function get() {
-    return _consts.akEditorTableCellSelected;
-  }
-});
-Object.defineProperty(exports, "akEditorTableFloatingControls", {
-  enumerable: true,
-  get: function get() {
-    return _consts.akEditorTableFloatingControls;
-  }
-});
 Object.defineProperty(exports, "akEditorTableHeaderCellBackground", {
   enumerable: true,
   get: function get() {
@@ -495,24 +381,6 @@ Object.defineProperty(exports, "akEditorTableToolbar", {
     return _consts.akEditorTableToolbar;
   }
 });
-Object.defineProperty(exports, "akEditorTableToolbarDark", {
-  enumerable: true,
-  get: function get() {
-    return _consts.akEditorTableToolbarDark;
-  }
-});
-Object.defineProperty(exports, "akEditorTableToolbarDelete", {
-  enumerable: true,
-  get: function get() {
-    return _consts.akEditorTableToolbarDelete;
-  }
-});
-Object.defineProperty(exports, "akEditorTableToolbarSelected", {
-  enumerable: true,
-  get: function get() {
-    return _consts.akEditorTableToolbarSelected;
-  }
-});
 Object.defineProperty(exports, "akEditorTableToolbarSize", {
   enumerable: true,
   get: function get() {

package/dist/es2019/consts/consts.js

@@ -1,34 +1,22 @@
 import { fg } from '@atlaskit/platform-feature-flags';
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-import { B100, B300, B400, B50, B75, DN50, DN70, N0, N100, N20, N30, N40, N50, N500, N700, N900, R300, R400, R50, R75 } from '@atlaskit/theme/colors';
+
 export const akEditorFullPageDefaultFontSize = 16;
 export const akEditorCodeFontFamily = "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)";
-export const akEditorInactiveForeground = N500;
-export const akEditorFocus = B100;
-export const akEditorSubtleAccent = N40;
-export const akEditorActiveBackground = N500;
-export const akEditorActiveForeground = N0;
-export const akEditorBlockquoteBorderColor = N40;
-export const akEditorDropdownActiveBackground = N900;
-export const akEditorPopupBackground = N700;
-export const akEditorPopupText = B50;
-export const akEditorPrimaryButton = B400;
-export const akEditorCodeBackground = N20;
+export const akEditorSubtleAccent = "var(--ds-background-accent-gray-subtler, #DCDFE4)";
+export const akEditorBlockquoteBorderColor = "var(--ds-border, #091E4224)";
+export const akEditorCodeBackground = "var(--ds-background-accent-gray-subtlest, #F1F2F4)";
 export const akEditorCodeBlockPadding = '12px';
 export const akEditorCodeInlinePadding = '2px 4px';
-export const akEditorDeleteBackground = R50;
-export const akEditorDeleteBackgroundShaded = R50;
+export const akEditorDeleteBackground = "var(--ds-background-danger, #FFECEB)";
 export const akEditorDeleteBackgroundWithOpacity = 'rgba(255, 189, 173, 0.5)'; // R75 with 50% opacity
-export const akEditorDeleteBorder = R300;
-export const akEditorDeleteIconColor = R400;
+export const akEditorDeleteBorder = "var(--ds-border-danger, #E2483D)";
+export const akEditorDeleteIconColor = "var(--ds-icon-danger, #C9372C)";
 export const akEditorCustomIconSize = 20;
-export const akEditorSelectedBorderColor = B300;
-export const akEditorSelectedBgColor = B50;
-export const akEditorSelectedBlanketColor = B75;
+export const akEditorSelectedBorderColor = "var(--ds-border-selected, #0C66E4)";
 export const akEditorSelectedBorderSize = 1;
 export const akEditorSelectedBorder = `${akEditorSelectedBorderSize}px solid ${"var(--ds-border-selected, #0C66E4)"}`;
 export const akEditorSelectedBoxShadow = `0 0 0 ${akEditorSelectedBorderSize}px ${"var(--ds-border-selected, #0C66E4)"}`;
-export const akEditorSelectedIconColor = B400;
 export const akEditorSelectedBorderBoldSize = 2;
 export const akEditorSelectedBlanketOpacity = 0.3;
 export const akEditorUnitZIndex = 1;
@@ -47,21 +35,12 @@ export const akEditorFloatingDialogZIndex = akEditorMenuZIndex + 10;
 export const akEditorTableCellOnStickyHeaderZIndex = akEditorFloatingDialogZIndex - 5;
 // z-index used for floating toolbars table cell menu which are above block toolbars
 export const akEditorFloatingOverlapPanelZIndex = akEditorFloatingPanelZIndex + 5;
-export const akEditorMentionSelected = N100;
 export const akEditorTableToolbarSize = 11;
-export const akEditorTableBorder = N50;
-export const akEditorTableBorderDark = DN70;
-export const akEditorTableToolbar = N20;
-export const akEditorTableToolbarDark = DN50;
-export const akEditorTableFloatingControls = N20;
-export const akEditorTableCellSelected = B75;
+export const akEditorTableBorder = "var(--ds-background-accent-gray-subtler, #DCDFE4)";
+export const akEditorTableToolbar = "var(--ds-background-accent-gray-subtlest, #F1F2F4)";
 export const akEditorTableHeaderCellBackground = '#F1F2F4';
 export const akEditorTableHeaderCellBackgroundDark = '#2C333A';
-export const akEditorTableToolbarSelected = B100;
-export const akEditorTableBorderSelected = B300;
-export const akEditorTableCellDelete = R50;
-export const akEditorTableBorderDelete = R300;
-export const akEditorTableToolbarDelete = R75;
+export const akEditorTableBorderSelected = "var(--ds-border-focused, #388BFF)";
 export const akEditorTableBorderRadius = '3px';
 export const akEditorTableCellBackgroundOpacity = 0.5;
 export const akEditorFullPageMaxWidth = 680;
@@ -86,7 +65,6 @@ export const akEditorCalculatedWideLayoutWidth = 1011; // = akEditorDefaultLayou
 export const akRichMediaResizeZIndex = akEditorUnitZIndex * 99;
 export const akLayoutGutterOffset = 12;
 export const akEditorLineHeight = 1.714;
-export const akEditorRuleBackground = N30;
 export const akEditorRuleBorderRadius = '1px';
 export const akEditorToolbarKeylineHeight = 2;
 export const akEditorContextPanelWidth = 320;

package/dist/es2019/consts/index.js

@@ -1 +1 @@
-export { akEditorActiveBackground, akEditorActiveForeground, akEditorBlockquoteBorderColor, akEditorBreakoutPadding, akEditorCodeBackground, akEditorCodeBlockPadding, akEditorCodeFontFamily, akEditorCodeInlinePadding, akEditorContextPanelWidth, akEditorDefaultLayoutWidth, akEditorDeleteBackground, akEditorDeleteBackgroundShaded, akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorDeleteIconColor, akEditorDropdownActiveBackground, akEditorFloatingDialogZIndex, akEditorFloatingOverlapPanelZIndex, akEditorFloatingPanelZIndex, akEditorFocus, akEditorFullPageMaxWidth, akEditorFullPageDefaultFontSize, akEditorFullWidthLayoutWidth, akEditorFullWidthLayoutLineLength, akEditorGridLineZIndex, akEditorGutterPadding, akEditorGutterPaddingDynamic, akEditorInactiveForeground, akEditorMediaResizeHandlerPadding, akEditorMediaResizeHandlerPaddingWide, akEditorMentionSelected, akEditorMenuZIndex, akEditorStickyHeaderZIndex, akEditorMobileBreakoutPoint, akEditorPopupBackground, akEditorPopupText, akEditorPrimaryButton, akEditorSelectedBorderColor, akEditorSelectedBorderBoldSize, akEditorSelectedBorderSize, akEditorSelectedBorder, akEditorSelectedBoxShadow, akEditorSelectedIconColor, akEditorCustomIconSize, akEditorSelectedBlanketColor, akEditorSelectedBgColor, akEditorSelectedBlanketOpacity, akEditorSmallZIndex, akEditorShadowZIndex, akEditorSubtleAccent, akEditorSwoopCubicBezier, akEditorTableBorder, akEditorTableBorderDark, akEditorTableBorderDelete, akEditorTableBorderRadius, akEditorTableBorderSelected, akEditorTableCellBackgroundOpacity, akEditorTableCellDelete, akEditorTableCellMinWidth, akEditorTableCellOnStickyHeaderZIndex, akEditorTableCellSelected, akEditorTableFloatingControls, akEditorTableHeaderCellBackground, akEditorTableHeaderCellBackgroundDark, akEditorTableLegacyCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorTableToolbarDark, akEditorTableToolbarDelete, akEditorTableToolbarSelected, akEditorTableToolbarSize, akEditorUnitZIndex, akEditorCalculatedWideLayoutWidth, akEditorCalculatedWideLayoutWidthSmallViewport, akEditorWideLayoutWidth, akLayoutGutterOffset, akRichMediaResizeZIndex, avatarColors, blockNodesVerticalMargin, breakoutWideScaleRatio, editorFontSize, gridMediumMaxWidth, relativeSize, relativeFontSizeToBase16, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH, akEditorLineHeight, akEditorRuleBackground, akEditorRuleBorderRadius, akEditorSelectedNodeClassName, akEditorToolbarKeylineHeight, MAX_BROWSER_SCROLLBAR_HEIGHT, VIEWPORT_SIZES, akEditorMobileMaxWidth, getTableCellBackgroundDarkModeColors, ATLASSIAN_NAVIGATION_HEIGHT, FULL_PAGE_EDITOR_TOOLBAR_HEIGHT, akEditorTableCellBlanketSelected, akEditorTableCellBlanketDeleted } from './consts';
+export { akEditorBlockquoteBorderColor, akEditorBreakoutPadding, akEditorCodeBackground, akEditorCodeBlockPadding, akEditorCodeFontFamily, akEditorCodeInlinePadding, akEditorContextPanelWidth, akEditorDefaultLayoutWidth, akEditorDeleteBackground, akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorDeleteIconColor, akEditorFloatingDialogZIndex, akEditorFloatingOverlapPanelZIndex, akEditorFloatingPanelZIndex, akEditorFullPageMaxWidth, akEditorFullPageDefaultFontSize, akEditorFullWidthLayoutWidth, akEditorFullWidthLayoutLineLength, akEditorGridLineZIndex, akEditorGutterPadding, akEditorGutterPaddingDynamic, akEditorMediaResizeHandlerPadding, akEditorMediaResizeHandlerPaddingWide, akEditorMenuZIndex, akEditorStickyHeaderZIndex, akEditorMobileBreakoutPoint, akEditorSelectedBorderColor, akEditorSelectedBorderBoldSize, akEditorSelectedBorderSize, akEditorSelectedBorder, akEditorSelectedBoxShadow, akEditorCustomIconSize, akEditorSelectedBlanketOpacity, akEditorSmallZIndex, akEditorShadowZIndex, akEditorSubtleAccent, akEditorSwoopCubicBezier, akEditorTableBorder, akEditorTableBorderRadius, akEditorTableBorderSelected, akEditorTableCellBackgroundOpacity, akEditorTableCellMinWidth, akEditorTableCellOnStickyHeaderZIndex, akEditorTableHeaderCellBackground, akEditorTableHeaderCellBackgroundDark, akEditorTableLegacyCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorTableToolbarSize, akEditorUnitZIndex, akEditorCalculatedWideLayoutWidth, akEditorCalculatedWideLayoutWidthSmallViewport, akEditorWideLayoutWidth, akLayoutGutterOffset, akRichMediaResizeZIndex, avatarColors, blockNodesVerticalMargin, breakoutWideScaleRatio, editorFontSize, gridMediumMaxWidth, relativeSize, relativeFontSizeToBase16, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH, akEditorLineHeight, akEditorRuleBorderRadius, akEditorSelectedNodeClassName, akEditorToolbarKeylineHeight, MAX_BROWSER_SCROLLBAR_HEIGHT, VIEWPORT_SIZES, akEditorMobileMaxWidth, getTableCellBackgroundDarkModeColors, ATLASSIAN_NAVIGATION_HEIGHT, FULL_PAGE_EDITOR_TOOLBAR_HEIGHT, akEditorTableCellBlanketSelected, akEditorTableCellBlanketDeleted } from './consts';