@atlaskit/editor-shared-styles 2.13.4 → 3.0.0

package/dist/types/consts/consts.d.ts

@@ -1,32 +1,20 @@
 import type { EditorTheme } from './types';
 export declare const akEditorFullPageDefaultFontSize = 16;
-export declare const akEditorCodeFontFamily: string;
-export declare const akEditorInactiveForeground = "#42526E";
-export declare const akEditorFocus = "#4C9AFF";
-export declare const akEditorSubtleAccent = "#DFE1E6";
-export declare const akEditorActiveBackground = "#42526E";
-export declare const akEditorActiveForeground = "#FFFFFF";
-export declare const akEditorBlockquoteBorderColor = "#DFE1E6";
-export declare const akEditorDropdownActiveBackground = "#091E42";
-export declare const akEditorPopupBackground = "#253858";
-export declare const akEditorPopupText = "#DEEBFF";
-export declare const akEditorPrimaryButton = "#0052CC";
-export declare const akEditorCodeBackground = "#F4F5F7";
+export declare const akEditorCodeFontFamily: "var(--ds-font-family-code)";
+export declare const akEditorSubtleAccent: "var(--ds-background-accent-gray-subtler)";
+export declare const akEditorBlockquoteBorderColor: "var(--ds-border)";
+export declare const akEditorCodeBackground: "var(--ds-background-accent-gray-subtlest)";
 export declare const akEditorCodeBlockPadding = "12px";
 export declare const akEditorCodeInlinePadding = "2px 4px";
-export declare const akEditorDeleteBackground = "#FFEBE6";
-export declare const akEditorDeleteBackgroundShaded = "#FFEBE6";
+export declare const akEditorDeleteBackground: "var(--ds-background-danger)";
 export declare const akEditorDeleteBackgroundWithOpacity = "rgba(255, 189, 173, 0.5)";
-export declare const akEditorDeleteBorder = "#FF5630";
-export declare const akEditorDeleteIconColor = "#DE350B";
+export declare const akEditorDeleteBorder: "var(--ds-border-danger)";
+export declare const akEditorDeleteIconColor: "var(--ds-icon-danger)";
 export declare const akEditorCustomIconSize = 20;
-export declare const akEditorSelectedBorderColor = "#0065FF";
-export declare const akEditorSelectedBgColor = "#DEEBFF";
-export declare const akEditorSelectedBlanketColor = "#B3D4FF";
+export declare const akEditorSelectedBorderColor: "var(--ds-border-selected)";
 export declare const akEditorSelectedBorderSize = 1;
 export declare const akEditorSelectedBorder: string;
 export declare const akEditorSelectedBoxShadow: string;
-export declare const akEditorSelectedIconColor = "#0052CC";
 export declare const akEditorSelectedBorderBoldSize = 2;
 export declare const akEditorSelectedBlanketOpacity = 0.3;
 export declare const akEditorUnitZIndex = 1;
@@ -34,26 +22,17 @@ export declare const akEditorShadowZIndex = 2;
 export declare const akEditorStickyHeaderZIndex = 11;
 export declare const akEditorSmallZIndex: number;
 export declare const akEditorGridLineZIndex = 2;
-export declare const akEditorMenuZIndex: 500;
-export declare const akEditorFloatingPanelZIndex: 400;
+export declare const akEditorMenuZIndex = 500;
+export declare const akEditorFloatingPanelZIndex = 400;
 export declare const akEditorFloatingDialogZIndex: number;
 export declare const akEditorTableCellOnStickyHeaderZIndex: number;
 export declare const akEditorFloatingOverlapPanelZIndex: number;
-export declare const akEditorMentionSelected = "#7A869A";
 export declare const akEditorTableToolbarSize = 11;
-export declare const akEditorTableBorder = "#C1C7D0";
-export declare const akEditorTableBorderDark = "#3B475C";
-export declare const akEditorTableToolbar = "#F4F5F7";
-export declare const akEditorTableToolbarDark = "#283447";
-export declare const akEditorTableFloatingControls = "#F4F5F7";
-export declare const akEditorTableCellSelected = "#B3D4FF";
+export declare const akEditorTableBorder: "var(--ds-background-accent-gray-subtler)";
+export declare const akEditorTableToolbar: "var(--ds-background-accent-gray-subtlest)";
 export declare const akEditorTableHeaderCellBackground = "#F1F2F4";
 export declare const akEditorTableHeaderCellBackgroundDark = "#2C333A";
-export declare const akEditorTableToolbarSelected = "#4C9AFF";
-export declare const akEditorTableBorderSelected = "#0065FF";
-export declare const akEditorTableCellDelete = "#FFEBE6";
-export declare const akEditorTableBorderDelete = "#FF5630";
-export declare const akEditorTableToolbarDelete = "#FFBDAD";
+export declare const akEditorTableBorderSelected: "var(--ds-border-focused)";
 export declare const akEditorTableBorderRadius = "3px";
 export declare const akEditorTableCellBackgroundOpacity = 0.5;
 export declare const akEditorFullPageMaxWidth = 680;
@@ -76,9 +55,8 @@ export declare const breakoutWideScaleRatio = 1.33;
 export declare const akEditorCalculatedWideLayoutWidthSmallViewport = 905;
 export declare const akEditorCalculatedWideLayoutWidth = 1011;
 export declare const akRichMediaResizeZIndex: number;
-export declare const akLayoutGutterOffset: number;
+export declare const akLayoutGutterOffset = 12;
 export declare const akEditorLineHeight = 1.714;
-export declare const akEditorRuleBackground = "#EBECF0";
 export declare const akEditorRuleBorderRadius = "1px";
 export declare const akEditorToolbarKeylineHeight = 2;
 export declare const akEditorContextPanelWidth = 320;

package/dist/types/consts/index.d.ts

@@ -1,2 +1,2 @@
 export type { EditorTheme } from './types';
-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';

package/dist/types/index.d.ts

@@ -1,4 +1,4 @@
-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, 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, 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';
 export type { EditorTheme } from './consts';
 export { SelectionStyle, getSelectionStyles, hideNativeBrowserTextSelectionStyles, } from './selection';
 export { overflowShadow } from './overflow-shadow';

package/dist/types-ts4.5/consts/consts.d.ts

@@ -1,32 +1,20 @@
 import type { EditorTheme } from './types';
 export declare const akEditorFullPageDefaultFontSize = 16;
-export declare const akEditorCodeFontFamily: string;
-export declare const akEditorInactiveForeground = "#42526E";
-export declare const akEditorFocus = "#4C9AFF";
-export declare const akEditorSubtleAccent = "#DFE1E6";
-export declare const akEditorActiveBackground = "#42526E";
-export declare const akEditorActiveForeground = "#FFFFFF";
-export declare const akEditorBlockquoteBorderColor = "#DFE1E6";
-export declare const akEditorDropdownActiveBackground = "#091E42";
-export declare const akEditorPopupBackground = "#253858";
-export declare const akEditorPopupText = "#DEEBFF";
-export declare const akEditorPrimaryButton = "#0052CC";
-export declare const akEditorCodeBackground = "#F4F5F7";
+export declare const akEditorCodeFontFamily: "var(--ds-font-family-code)";
+export declare const akEditorSubtleAccent: "var(--ds-background-accent-gray-subtler)";
+export declare const akEditorBlockquoteBorderColor: "var(--ds-border)";
+export declare const akEditorCodeBackground: "var(--ds-background-accent-gray-subtlest)";
 export declare const akEditorCodeBlockPadding = "12px";
 export declare const akEditorCodeInlinePadding = "2px 4px";
-export declare const akEditorDeleteBackground = "#FFEBE6";
-export declare const akEditorDeleteBackgroundShaded = "#FFEBE6";
+export declare const akEditorDeleteBackground: "var(--ds-background-danger)";
 export declare const akEditorDeleteBackgroundWithOpacity = "rgba(255, 189, 173, 0.5)";
-export declare const akEditorDeleteBorder = "#FF5630";
-export declare const akEditorDeleteIconColor = "#DE350B";
+export declare const akEditorDeleteBorder: "var(--ds-border-danger)";
+export declare const akEditorDeleteIconColor: "var(--ds-icon-danger)";
 export declare const akEditorCustomIconSize = 20;
-export declare const akEditorSelectedBorderColor = "#0065FF";
-export declare const akEditorSelectedBgColor = "#DEEBFF";
-export declare const akEditorSelectedBlanketColor = "#B3D4FF";
+export declare const akEditorSelectedBorderColor: "var(--ds-border-selected)";
 export declare const akEditorSelectedBorderSize = 1;
 export declare const akEditorSelectedBorder: string;
 export declare const akEditorSelectedBoxShadow: string;
-export declare const akEditorSelectedIconColor = "#0052CC";
 export declare const akEditorSelectedBorderBoldSize = 2;
 export declare const akEditorSelectedBlanketOpacity = 0.3;
 export declare const akEditorUnitZIndex = 1;
@@ -34,26 +22,17 @@ export declare const akEditorShadowZIndex = 2;
 export declare const akEditorStickyHeaderZIndex = 11;
 export declare const akEditorSmallZIndex: number;
 export declare const akEditorGridLineZIndex = 2;
-export declare const akEditorMenuZIndex: 500;
-export declare const akEditorFloatingPanelZIndex: 400;
+export declare const akEditorMenuZIndex = 500;
+export declare const akEditorFloatingPanelZIndex = 400;
 export declare const akEditorFloatingDialogZIndex: number;
 export declare const akEditorTableCellOnStickyHeaderZIndex: number;
 export declare const akEditorFloatingOverlapPanelZIndex: number;
-export declare const akEditorMentionSelected = "#7A869A";
 export declare const akEditorTableToolbarSize = 11;
-export declare const akEditorTableBorder = "#C1C7D0";
-export declare const akEditorTableBorderDark = "#3B475C";
-export declare const akEditorTableToolbar = "#F4F5F7";
-export declare const akEditorTableToolbarDark = "#283447";
-export declare const akEditorTableFloatingControls = "#F4F5F7";
-export declare const akEditorTableCellSelected = "#B3D4FF";
+export declare const akEditorTableBorder: "var(--ds-background-accent-gray-subtler)";
+export declare const akEditorTableToolbar: "var(--ds-background-accent-gray-subtlest)";
 export declare const akEditorTableHeaderCellBackground = "#F1F2F4";
 export declare const akEditorTableHeaderCellBackgroundDark = "#2C333A";
-export declare const akEditorTableToolbarSelected = "#4C9AFF";
-export declare const akEditorTableBorderSelected = "#0065FF";
-export declare const akEditorTableCellDelete = "#FFEBE6";
-export declare const akEditorTableBorderDelete = "#FF5630";
-export declare const akEditorTableToolbarDelete = "#FFBDAD";
+export declare const akEditorTableBorderSelected: "var(--ds-border-focused)";
 export declare const akEditorTableBorderRadius = "3px";
 export declare const akEditorTableCellBackgroundOpacity = 0.5;
 export declare const akEditorFullPageMaxWidth = 680;
@@ -76,9 +55,8 @@ export declare const breakoutWideScaleRatio = 1.33;
 export declare const akEditorCalculatedWideLayoutWidthSmallViewport = 905;
 export declare const akEditorCalculatedWideLayoutWidth = 1011;
 export declare const akRichMediaResizeZIndex: number;
-export declare const akLayoutGutterOffset: number;
+export declare const akLayoutGutterOffset = 12;
 export declare const akEditorLineHeight = 1.714;
-export declare const akEditorRuleBackground = "#EBECF0";
 export declare const akEditorRuleBorderRadius = "1px";
 export declare const akEditorToolbarKeylineHeight = 2;
 export declare const akEditorContextPanelWidth = 320;

package/dist/types-ts4.5/consts/index.d.ts

@@ -1,2 +1,2 @@
 export type { EditorTheme } from './types';
-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';

package/dist/types-ts4.5/index.d.ts

@@ -1,4 +1,4 @@
-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, 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, 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';
 export type { EditorTheme } from './consts';
 export { SelectionStyle, getSelectionStyles, hideNativeBrowserTextSelectionStyles, } from './selection';
 export { overflowShadow } from './overflow-shadow';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-shared-styles",
-	"version": "2.13.4",
+	"version": "3.0.0",
 	"description": "Style values used in the editor/renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -42,8 +42,7 @@
 	},
 	"dependencies": {
 		"@atlaskit/platform-feature-flags": "^0.3.0",
-		"@atlaskit/theme": "^13.0.0",
-		"@atlaskit/tokens": "^1.59.0",
+		"@atlaskit/tokens": "^1.61.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1"
 	},

package/src/consts/consts.ts

@@ -1,90 +1,29 @@
 import { fg } from '@atlaskit/platform-feature-flags';
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-import {
-	B100,
-	B300,
-	B400,
-	B50,
-	B500,
-	B75,
-	DN50,
-	DN70,
-	G100,
-	G300,
-	G500,
-	N0,
-	N100,
-	N20,
-	N200,
-	N30,
-	N40,
-	N50,
-	N500,
-	N70,
-	N700,
-	N800,
-	N900,
-	P100,
-	P300,
-	P500,
-	R100,
-	R300,
-	R400,
-	R50,
-	R500,
-	R75,
-	T100,
-	T300,
-	T500,
-	Y100,
-	Y300,
-	Y500,
-} from '@atlaskit/theme/colors';
-import {
-	codeFontFamily,
-	fontSize as defaultFontSize,
-	// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
-	gridSize,
-	layers,
-} from '@atlaskit/theme/constants';
 import { token } from '@atlaskit/tokens';
 
 import type { EditorTheme } from './types';
 
 export const akEditorFullPageDefaultFontSize = 16;
-export const akEditorCodeFontFamily = codeFontFamily();
-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 akEditorCodeFontFamily = token('font.family.code');
+export const akEditorSubtleAccent = token('color.background.accent.gray.subtler');
+export const akEditorBlockquoteBorderColor = token('color.border');
+export const akEditorCodeBackground = token('color.background.accent.gray.subtlest');
 export const akEditorCodeBlockPadding = '12px';
 export const akEditorCodeInlinePadding = '2px 4px';
-export const akEditorDeleteBackground = R50;
-export const akEditorDeleteBackgroundShaded = R50;
+export const akEditorDeleteBackground = token('color.background.danger');
 export const akEditorDeleteBackgroundWithOpacity = 'rgba(255, 189, 173, 0.5)'; // R75 with 50% opacity
-export const akEditorDeleteBorder = R300;
-export const akEditorDeleteIconColor = R400;
+export const akEditorDeleteBorder = token('color.border.danger');
+export const akEditorDeleteIconColor = token('color.icon.danger');
 export const akEditorCustomIconSize = 20;
-export const akEditorSelectedBorderColor = B300;
-export const akEditorSelectedBgColor = B50;
-export const akEditorSelectedBlanketColor = B75;
+export const akEditorSelectedBorderColor = token('color.border.selected');
 export const akEditorSelectedBorderSize = 1;
 export const akEditorSelectedBorder = `${akEditorSelectedBorderSize}px solid ${token(
 	'color.border.selected',
-	akEditorSelectedBorderColor,
 )}`;
 export const akEditorSelectedBoxShadow = `0 0 0 ${akEditorSelectedBorderSize}px ${token(
 	'color.border.selected',
-	akEditorSelectedBorderColor,
 )}`;
-export const akEditorSelectedIconColor = B400;
 export const akEditorSelectedBorderBoldSize = 2;
 export const akEditorSelectedBlanketOpacity = 0.3;
 export const akEditorUnitZIndex = 1;
@@ -94,30 +33,21 @@ export const akEditorSmallZIndex = akEditorStickyHeaderZIndex + 1;
 export const akEditorGridLineZIndex = 2;
 // z-index for main menu bar -
 // this is highest as it should be above anything else in editor below.
-export const akEditorMenuZIndex = layers.blanket();
+export const akEditorMenuZIndex = 500;
 // z-index used for floating toolbars like code block, table etc
-export const akEditorFloatingPanelZIndex = layers.layer();
+export const akEditorFloatingPanelZIndex = 400;
 // z-index used for pickers (date, emoji, mentions) and type-aheads, hyperlinks
 export const akEditorFloatingDialogZIndex = akEditorMenuZIndex + 10;
 // z-index used for table cell menu options button on a sticky header
 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 = token('color.background.accent.gray.subtler');
+export const akEditorTableToolbar = token('color.background.accent.gray.subtlest');
 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 = token('color.border.focused');
 export const akEditorTableBorderRadius = '3px';
 export const akEditorTableCellBackgroundOpacity = 0.5;
 export const akEditorFullPageMaxWidth = 680;
@@ -141,9 +71,8 @@ export const breakoutWideScaleRatio = 1.33;
 export const akEditorCalculatedWideLayoutWidthSmallViewport = 905; // from breakoutConsts.calcWideWidth, layoutMaxWidth * breakoutConsts.wideScaleRatio = 904.8 ~ 905 This is a resulting width value that is applied to nodes that currently use breakouts (except table) and are set to `wide` when the viewport's width is <= 1266px.
 export const akEditorCalculatedWideLayoutWidth = 1011; // = akEditorDefaultLayoutWidth * breakoutWideScaleRatio = 1010.8 ~ 1011 This is a resulting width value that is applied to nodes that currently use breakouts (except table) and are set to `wide` when the viewport's width is > 1329px.
 export const akRichMediaResizeZIndex = akEditorUnitZIndex * 99;
-export const akLayoutGutterOffset = gridSize() * 1.5;
+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;
@@ -161,6 +90,8 @@ export const MAX_BROWSER_SCROLLBAR_HEIGHT = 20;
 // @deprecated
 export const ATLASSIAN_NAVIGATION_HEIGHT = '56px';
 
+const DEFAULT_FONT_SIZE = 14;
+
 export const FULL_PAGE_EDITOR_TOOLBAR_HEIGHT = () =>
 	fg('platform.confluence.frontend.narrow-full-page-editor-toolbar')
 		? token('space.500', '40px')
@@ -169,7 +100,7 @@ export const FULL_PAGE_EDITOR_TOOLBAR_HEIGHT = () =>
 export const akEditorSelectedNodeClassName = 'ak-editor-selected-node';
 
 export const editorFontSize = ({ theme }: { theme: { baseFontSize?: number } | undefined }) =>
-	theme && theme.baseFontSize ? theme.baseFontSize : defaultFontSize();
+	theme && theme.baseFontSize ? theme.baseFontSize : DEFAULT_FONT_SIZE;
 
 export const relativeSize =
 	(multiplier: number) =>
@@ -239,25 +170,25 @@ export function getTableCellBackgroundDarkModeColorCSS(
 }
 
 export const avatarColors = [
-	token('color.icon.accent.red', R100),
-	token('color.background.accent.red.bolder.hovered', R300),
-	token('color.icon.accent.magenta', R500),
-	token('color.background.accent.magenta.bolder.hovered', Y100),
-	token('color.icon.accent.orange', Y300),
-	token('color.background.accent.orange.bolder.hovered', Y500),
-	token('color.icon.accent.green', G100),
-	token('color.background.accent.green.bolder.hovered', G300),
-	token('color.icon.accent.blue', G500),
-	token('color.background.accent.blue.bolder.hovered', T100),
-	token('color.icon.accent.teal', T300),
-	token('color.background.accent.teal.bolder.hovered', T500),
-	token('color.icon.accent.lime', B100),
-	token('color.background.accent.lime.bolder.hovered', B300),
-	token('color.icon.accent.purple', B500),
-	token('color.background.accent.purple.bolder.hovered', N70),
-	token('color.icon.accent.gray', N200),
-	token('color.background.accent.gray.bolder.hovered', N800),
-	token('color.icon.accent.yellow', P100),
-	token('color.background.accent.yellow.bolder.hovered', P300),
-	token('color.background.accent.yellow.bolder.pressed', P500),
+	token('color.icon.accent.red'),
+	token('color.background.accent.red.bolder.hovered'),
+	token('color.icon.accent.magenta'),
+	token('color.background.accent.magenta.bolder.hovered'),
+	token('color.icon.accent.orange'),
+	token('color.background.accent.orange.bolder.hovered'),
+	token('color.icon.accent.green'),
+	token('color.background.accent.green.bolder.hovered'),
+	token('color.icon.accent.blue'),
+	token('color.background.accent.blue.bolder.hovered'),
+	token('color.icon.accent.teal'),
+	token('color.background.accent.teal.bolder.hovered'),
+	token('color.icon.accent.lime'),
+	token('color.background.accent.lime.bolder.hovered'),
+	token('color.icon.accent.purple'),
+	token('color.background.accent.purple.bolder.hovered'),
+	token('color.icon.accent.gray'),
+	token('color.background.accent.gray.bolder.hovered'),
+	token('color.icon.accent.yellow'),
+	token('color.background.accent.yellow.bolder.hovered'),
+	token('color.background.accent.yellow.bolder.pressed'),
 ];

package/src/consts/index.ts

@@ -1,7 +1,5 @@
 export type { EditorTheme } from './types';
 export {
-	akEditorActiveBackground,
-	akEditorActiveForeground,
 	akEditorBlockquoteBorderColor,
 	akEditorBreakoutPadding,
 	akEditorCodeBackground,
@@ -11,15 +9,12 @@ export {
 	akEditorContextPanelWidth,
 	akEditorDefaultLayoutWidth,
 	akEditorDeleteBackground,
-	akEditorDeleteBackgroundShaded,
 	akEditorDeleteBackgroundWithOpacity,
 	akEditorDeleteBorder,
 	akEditorDeleteIconColor,
-	akEditorDropdownActiveBackground,
 	akEditorFloatingDialogZIndex,
 	akEditorFloatingOverlapPanelZIndex,
 	akEditorFloatingPanelZIndex,
-	akEditorFocus,
 	akEditorFullPageMaxWidth,
 	akEditorFullPageDefaultFontSize,
 	akEditorFullWidthLayoutWidth,
@@ -27,49 +22,33 @@ export {
 	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,
@@ -87,7 +66,6 @@ export {
 	DEFAULT_EMBED_CARD_HEIGHT,
 	DEFAULT_EMBED_CARD_WIDTH,
 	akEditorLineHeight,
-	akEditorRuleBackground,
 	akEditorRuleBorderRadius,
 	akEditorSelectedNodeClassName,
 	akEditorToolbarKeylineHeight,

package/src/index.ts

@@ -1,6 +1,4 @@
 export {
-	akEditorActiveBackground,
-	akEditorActiveForeground,
 	akEditorBlockquoteBorderColor,
 	akEditorBreakoutPadding,
 	akEditorCodeBackground,
@@ -10,15 +8,12 @@ export {
 	akEditorContextPanelWidth,
 	akEditorDefaultLayoutWidth,
 	akEditorDeleteBackground,
-	akEditorDeleteBackgroundShaded,
 	akEditorDeleteBackgroundWithOpacity,
 	akEditorDeleteBorder,
 	akEditorDeleteIconColor,
-	akEditorDropdownActiveBackground,
 	akEditorFloatingDialogZIndex,
 	akEditorFloatingOverlapPanelZIndex,
 	akEditorFloatingPanelZIndex,
-	akEditorFocus,
 	akEditorFullPageMaxWidth,
 	akEditorFullPageDefaultFontSize,
 	akEditorFullWidthLayoutWidth,
@@ -26,48 +21,32 @@ export {
 	akEditorGridLineZIndex,
 	akEditorGutterPadding,
 	akEditorGutterPaddingDynamic,
-	akEditorInactiveForeground,
 	akEditorMediaResizeHandlerPadding,
 	akEditorMediaResizeHandlerPaddingWide,
-	akEditorMentionSelected,
 	akEditorMenuZIndex,
 	akEditorStickyHeaderZIndex,
 	akEditorMobileBreakoutPoint,
-	akEditorPopupBackground,
-	akEditorPopupText,
-	akEditorPrimaryButton,
 	akEditorSelectedBorderColor,
 	akEditorSelectedBorderBoldSize,
 	akEditorSelectedBorderSize,
 	akEditorSelectedBorder,
 	akEditorSelectedBoxShadow,
-	akEditorSelectedIconColor,
-	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,
@@ -85,7 +64,6 @@ export {
 	DEFAULT_EMBED_CARD_HEIGHT,
 	DEFAULT_EMBED_CARD_WIDTH,
 	akEditorLineHeight,
-	akEditorRuleBackground,
 	akEditorRuleBorderRadius,
 	akEditorSelectedNodeClassName,
 	akEditorToolbarKeylineHeight,