@atlaskit/editor-shared-styles 2.13.5 → 3.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +14 -0
- package/afm-cc/tsconfig.json +0 -3
- package/afm-jira/tsconfig.json +0 -3
- package/afm-post-office/tsconfig.json +0 -3
- package/dist/cjs/consts/consts.js +11 -34
- package/dist/cjs/consts/index.js +0 -132
- package/dist/cjs/index.js +0 -132
- package/dist/es2019/consts/consts.js +11 -33
- package/dist/es2019/consts/index.js +1 -1
- package/dist/es2019/index.js +1 -1
- package/dist/esm/consts/consts.js +11 -33
- package/dist/esm/consts/index.js +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/types/consts/consts.d.ts +10 -32
- package/dist/types/consts/index.d.ts +1 -1
- package/dist/types/index.d.ts +1 -1
- package/dist/types-ts4.5/consts/consts.d.ts +10 -32
- package/dist/types-ts4.5/consts/index.d.ts +1 -1
- package/dist/types-ts4.5/index.d.ts +1 -1
- package/package.json +2 -3
- package/src/consts/consts.ts +10 -54
- package/src/consts/index.ts +0 -22
- package/src/index.ts +0 -22
- package/tsconfig.app.json +0 -3
package/dist/es2019/index.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export {
|
|
1
|
+
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';
|
|
2
2
|
export { SelectionStyle, getSelectionStyles, hideNativeBrowserTextSelectionStyles } from './selection';
|
|
3
3
|
export { overflowShadow } from './overflow-shadow';
|
|
@@ -1,35 +1,23 @@
|
|
|
1
1
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
2
2
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
3
3
|
/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
|
|
4
|
-
|
|
4
|
+
|
|
5
5
|
export var akEditorFullPageDefaultFontSize = 16;
|
|
6
6
|
export var akEditorCodeFontFamily = "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)";
|
|
7
|
-
export var
|
|
8
|
-
export var
|
|
9
|
-
export var
|
|
10
|
-
export var akEditorActiveBackground = N500;
|
|
11
|
-
export var akEditorActiveForeground = N0;
|
|
12
|
-
export var akEditorBlockquoteBorderColor = N40;
|
|
13
|
-
export var akEditorDropdownActiveBackground = N900;
|
|
14
|
-
export var akEditorPopupBackground = N700;
|
|
15
|
-
export var akEditorPopupText = B50;
|
|
16
|
-
export var akEditorPrimaryButton = B400;
|
|
17
|
-
export var akEditorCodeBackground = N20;
|
|
7
|
+
export var akEditorSubtleAccent = "var(--ds-background-accent-gray-subtler, #DCDFE4)";
|
|
8
|
+
export var akEditorBlockquoteBorderColor = "var(--ds-border, #091E4224)";
|
|
9
|
+
export var akEditorCodeBackground = "var(--ds-background-accent-gray-subtlest, #F1F2F4)";
|
|
18
10
|
export var akEditorCodeBlockPadding = '12px';
|
|
19
11
|
export var akEditorCodeInlinePadding = '2px 4px';
|
|
20
|
-
export var akEditorDeleteBackground =
|
|
21
|
-
export var akEditorDeleteBackgroundShaded = R50;
|
|
12
|
+
export var akEditorDeleteBackground = "var(--ds-background-danger, #FFECEB)";
|
|
22
13
|
export var akEditorDeleteBackgroundWithOpacity = 'rgba(255, 189, 173, 0.5)'; // R75 with 50% opacity
|
|
23
|
-
export var akEditorDeleteBorder =
|
|
24
|
-
export var akEditorDeleteIconColor =
|
|
14
|
+
export var akEditorDeleteBorder = "var(--ds-border-danger, #E2483D)";
|
|
15
|
+
export var akEditorDeleteIconColor = "var(--ds-icon-danger, #C9372C)";
|
|
25
16
|
export var akEditorCustomIconSize = 20;
|
|
26
|
-
export var akEditorSelectedBorderColor =
|
|
27
|
-
export var akEditorSelectedBgColor = B50;
|
|
28
|
-
export var akEditorSelectedBlanketColor = B75;
|
|
17
|
+
export var akEditorSelectedBorderColor = "var(--ds-border-selected, #0C66E4)";
|
|
29
18
|
export var akEditorSelectedBorderSize = 1;
|
|
30
19
|
export var akEditorSelectedBorder = "".concat(akEditorSelectedBorderSize, "px solid ", "var(--ds-border-selected, #0C66E4)");
|
|
31
20
|
export var akEditorSelectedBoxShadow = "0 0 0 ".concat(akEditorSelectedBorderSize, "px ", "var(--ds-border-selected, #0C66E4)");
|
|
32
|
-
export var akEditorSelectedIconColor = B400;
|
|
33
21
|
export var akEditorSelectedBorderBoldSize = 2;
|
|
34
22
|
export var akEditorSelectedBlanketOpacity = 0.3;
|
|
35
23
|
export var akEditorUnitZIndex = 1;
|
|
@@ -48,21 +36,12 @@ export var akEditorFloatingDialogZIndex = akEditorMenuZIndex + 10;
|
|
|
48
36
|
export var akEditorTableCellOnStickyHeaderZIndex = akEditorFloatingDialogZIndex - 5;
|
|
49
37
|
// z-index used for floating toolbars table cell menu which are above block toolbars
|
|
50
38
|
export var akEditorFloatingOverlapPanelZIndex = akEditorFloatingPanelZIndex + 5;
|
|
51
|
-
export var akEditorMentionSelected = N100;
|
|
52
39
|
export var akEditorTableToolbarSize = 11;
|
|
53
|
-
export var akEditorTableBorder =
|
|
54
|
-
export var
|
|
55
|
-
export var akEditorTableToolbar = N20;
|
|
56
|
-
export var akEditorTableToolbarDark = DN50;
|
|
57
|
-
export var akEditorTableFloatingControls = N20;
|
|
58
|
-
export var akEditorTableCellSelected = B75;
|
|
40
|
+
export var akEditorTableBorder = "var(--ds-background-accent-gray-subtler, #DCDFE4)";
|
|
41
|
+
export var akEditorTableToolbar = "var(--ds-background-accent-gray-subtlest, #F1F2F4)";
|
|
59
42
|
export var akEditorTableHeaderCellBackground = '#F1F2F4';
|
|
60
43
|
export var akEditorTableHeaderCellBackgroundDark = '#2C333A';
|
|
61
|
-
export var
|
|
62
|
-
export var akEditorTableBorderSelected = B300;
|
|
63
|
-
export var akEditorTableCellDelete = R50;
|
|
64
|
-
export var akEditorTableBorderDelete = R300;
|
|
65
|
-
export var akEditorTableToolbarDelete = R75;
|
|
44
|
+
export var akEditorTableBorderSelected = "var(--ds-border-focused, #388BFF)";
|
|
66
45
|
export var akEditorTableBorderRadius = '3px';
|
|
67
46
|
export var akEditorTableCellBackgroundOpacity = 0.5;
|
|
68
47
|
export var akEditorFullPageMaxWidth = 680;
|
|
@@ -89,7 +68,6 @@ export var akEditorCalculatedWideLayoutWidth = 1011; // = akEditorDefaultLayoutW
|
|
|
89
68
|
export var akRichMediaResizeZIndex = akEditorUnitZIndex * 99;
|
|
90
69
|
export var akLayoutGutterOffset = 12;
|
|
91
70
|
export var akEditorLineHeight = 1.714;
|
|
92
|
-
export var akEditorRuleBackground = N30;
|
|
93
71
|
export var akEditorRuleBorderRadius = '1px';
|
|
94
72
|
export var akEditorToolbarKeylineHeight = 2;
|
|
95
73
|
export var akEditorContextPanelWidth = 320;
|
package/dist/esm/consts/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export {
|
|
1
|
+
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/esm/index.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export {
|
|
1
|
+
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';
|
|
2
2
|
export { SelectionStyle, getSelectionStyles, hideNativeBrowserTextSelectionStyles } from './selection';
|
|
3
3
|
export { overflowShadow } from './overflow-shadow';
|
|
@@ -1,32 +1,20 @@
|
|
|
1
1
|
import type { EditorTheme } from './types';
|
|
2
2
|
export declare const akEditorFullPageDefaultFontSize = 16;
|
|
3
3
|
export declare const akEditorCodeFontFamily: "var(--ds-font-family-code)";
|
|
4
|
-
export declare const
|
|
5
|
-
export declare const
|
|
6
|
-
export declare const
|
|
7
|
-
export declare const akEditorActiveBackground = "#42526E";
|
|
8
|
-
export declare const akEditorActiveForeground = "#FFFFFF";
|
|
9
|
-
export declare const akEditorBlockquoteBorderColor = "#DFE1E6";
|
|
10
|
-
export declare const akEditorDropdownActiveBackground = "#091E42";
|
|
11
|
-
export declare const akEditorPopupBackground = "#253858";
|
|
12
|
-
export declare const akEditorPopupText = "#DEEBFF";
|
|
13
|
-
export declare const akEditorPrimaryButton = "#0052CC";
|
|
14
|
-
export declare const akEditorCodeBackground = "#F4F5F7";
|
|
4
|
+
export declare const akEditorSubtleAccent: "var(--ds-background-accent-gray-subtler)";
|
|
5
|
+
export declare const akEditorBlockquoteBorderColor: "var(--ds-border)";
|
|
6
|
+
export declare const akEditorCodeBackground: "var(--ds-background-accent-gray-subtlest)";
|
|
15
7
|
export declare const akEditorCodeBlockPadding = "12px";
|
|
16
8
|
export declare const akEditorCodeInlinePadding = "2px 4px";
|
|
17
|
-
export declare const akEditorDeleteBackground
|
|
18
|
-
export declare const akEditorDeleteBackgroundShaded = "#FFEBE6";
|
|
9
|
+
export declare const akEditorDeleteBackground: "var(--ds-background-danger)";
|
|
19
10
|
export declare const akEditorDeleteBackgroundWithOpacity = "rgba(255, 189, 173, 0.5)";
|
|
20
|
-
export declare const akEditorDeleteBorder
|
|
21
|
-
export declare const akEditorDeleteIconColor
|
|
11
|
+
export declare const akEditorDeleteBorder: "var(--ds-border-danger)";
|
|
12
|
+
export declare const akEditorDeleteIconColor: "var(--ds-icon-danger)";
|
|
22
13
|
export declare const akEditorCustomIconSize = 20;
|
|
23
|
-
export declare const akEditorSelectedBorderColor
|
|
24
|
-
export declare const akEditorSelectedBgColor = "#DEEBFF";
|
|
25
|
-
export declare const akEditorSelectedBlanketColor = "#B3D4FF";
|
|
14
|
+
export declare const akEditorSelectedBorderColor: "var(--ds-border-selected)";
|
|
26
15
|
export declare const akEditorSelectedBorderSize = 1;
|
|
27
16
|
export declare const akEditorSelectedBorder: string;
|
|
28
17
|
export declare const akEditorSelectedBoxShadow: string;
|
|
29
|
-
export declare const akEditorSelectedIconColor = "#0052CC";
|
|
30
18
|
export declare const akEditorSelectedBorderBoldSize = 2;
|
|
31
19
|
export declare const akEditorSelectedBlanketOpacity = 0.3;
|
|
32
20
|
export declare const akEditorUnitZIndex = 1;
|
|
@@ -39,21 +27,12 @@ export declare const akEditorFloatingPanelZIndex = 400;
|
|
|
39
27
|
export declare const akEditorFloatingDialogZIndex: number;
|
|
40
28
|
export declare const akEditorTableCellOnStickyHeaderZIndex: number;
|
|
41
29
|
export declare const akEditorFloatingOverlapPanelZIndex: number;
|
|
42
|
-
export declare const akEditorMentionSelected = "#7A869A";
|
|
43
30
|
export declare const akEditorTableToolbarSize = 11;
|
|
44
|
-
export declare const akEditorTableBorder
|
|
45
|
-
export declare const
|
|
46
|
-
export declare const akEditorTableToolbar = "#F4F5F7";
|
|
47
|
-
export declare const akEditorTableToolbarDark = "#283447";
|
|
48
|
-
export declare const akEditorTableFloatingControls = "#F4F5F7";
|
|
49
|
-
export declare const akEditorTableCellSelected = "#B3D4FF";
|
|
31
|
+
export declare const akEditorTableBorder: "var(--ds-background-accent-gray-subtler)";
|
|
32
|
+
export declare const akEditorTableToolbar: "var(--ds-background-accent-gray-subtlest)";
|
|
50
33
|
export declare const akEditorTableHeaderCellBackground = "#F1F2F4";
|
|
51
34
|
export declare const akEditorTableHeaderCellBackgroundDark = "#2C333A";
|
|
52
|
-
export declare const
|
|
53
|
-
export declare const akEditorTableBorderSelected = "#0065FF";
|
|
54
|
-
export declare const akEditorTableCellDelete = "#FFEBE6";
|
|
55
|
-
export declare const akEditorTableBorderDelete = "#FF5630";
|
|
56
|
-
export declare const akEditorTableToolbarDelete = "#FFBDAD";
|
|
35
|
+
export declare const akEditorTableBorderSelected: "var(--ds-border-focused)";
|
|
57
36
|
export declare const akEditorTableBorderRadius = "3px";
|
|
58
37
|
export declare const akEditorTableCellBackgroundOpacity = 0.5;
|
|
59
38
|
export declare const akEditorFullPageMaxWidth = 680;
|
|
@@ -78,7 +57,6 @@ export declare const akEditorCalculatedWideLayoutWidth = 1011;
|
|
|
78
57
|
export declare const akRichMediaResizeZIndex: number;
|
|
79
58
|
export declare const akLayoutGutterOffset = 12;
|
|
80
59
|
export declare const akEditorLineHeight = 1.714;
|
|
81
|
-
export declare const akEditorRuleBackground = "#EBECF0";
|
|
82
60
|
export declare const akEditorRuleBorderRadius = "1px";
|
|
83
61
|
export declare const akEditorToolbarKeylineHeight = 2;
|
|
84
62
|
export declare const akEditorContextPanelWidth = 320;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export type { EditorTheme } from './types';
|
|
2
|
-
export {
|
|
2
|
+
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
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export {
|
|
1
|
+
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';
|
|
2
2
|
export type { EditorTheme } from './consts';
|
|
3
3
|
export { SelectionStyle, getSelectionStyles, hideNativeBrowserTextSelectionStyles, } from './selection';
|
|
4
4
|
export { overflowShadow } from './overflow-shadow';
|
|
@@ -1,32 +1,20 @@
|
|
|
1
1
|
import type { EditorTheme } from './types';
|
|
2
2
|
export declare const akEditorFullPageDefaultFontSize = 16;
|
|
3
3
|
export declare const akEditorCodeFontFamily: "var(--ds-font-family-code)";
|
|
4
|
-
export declare const
|
|
5
|
-
export declare const
|
|
6
|
-
export declare const
|
|
7
|
-
export declare const akEditorActiveBackground = "#42526E";
|
|
8
|
-
export declare const akEditorActiveForeground = "#FFFFFF";
|
|
9
|
-
export declare const akEditorBlockquoteBorderColor = "#DFE1E6";
|
|
10
|
-
export declare const akEditorDropdownActiveBackground = "#091E42";
|
|
11
|
-
export declare const akEditorPopupBackground = "#253858";
|
|
12
|
-
export declare const akEditorPopupText = "#DEEBFF";
|
|
13
|
-
export declare const akEditorPrimaryButton = "#0052CC";
|
|
14
|
-
export declare const akEditorCodeBackground = "#F4F5F7";
|
|
4
|
+
export declare const akEditorSubtleAccent: "var(--ds-background-accent-gray-subtler)";
|
|
5
|
+
export declare const akEditorBlockquoteBorderColor: "var(--ds-border)";
|
|
6
|
+
export declare const akEditorCodeBackground: "var(--ds-background-accent-gray-subtlest)";
|
|
15
7
|
export declare const akEditorCodeBlockPadding = "12px";
|
|
16
8
|
export declare const akEditorCodeInlinePadding = "2px 4px";
|
|
17
|
-
export declare const akEditorDeleteBackground
|
|
18
|
-
export declare const akEditorDeleteBackgroundShaded = "#FFEBE6";
|
|
9
|
+
export declare const akEditorDeleteBackground: "var(--ds-background-danger)";
|
|
19
10
|
export declare const akEditorDeleteBackgroundWithOpacity = "rgba(255, 189, 173, 0.5)";
|
|
20
|
-
export declare const akEditorDeleteBorder
|
|
21
|
-
export declare const akEditorDeleteIconColor
|
|
11
|
+
export declare const akEditorDeleteBorder: "var(--ds-border-danger)";
|
|
12
|
+
export declare const akEditorDeleteIconColor: "var(--ds-icon-danger)";
|
|
22
13
|
export declare const akEditorCustomIconSize = 20;
|
|
23
|
-
export declare const akEditorSelectedBorderColor
|
|
24
|
-
export declare const akEditorSelectedBgColor = "#DEEBFF";
|
|
25
|
-
export declare const akEditorSelectedBlanketColor = "#B3D4FF";
|
|
14
|
+
export declare const akEditorSelectedBorderColor: "var(--ds-border-selected)";
|
|
26
15
|
export declare const akEditorSelectedBorderSize = 1;
|
|
27
16
|
export declare const akEditorSelectedBorder: string;
|
|
28
17
|
export declare const akEditorSelectedBoxShadow: string;
|
|
29
|
-
export declare const akEditorSelectedIconColor = "#0052CC";
|
|
30
18
|
export declare const akEditorSelectedBorderBoldSize = 2;
|
|
31
19
|
export declare const akEditorSelectedBlanketOpacity = 0.3;
|
|
32
20
|
export declare const akEditorUnitZIndex = 1;
|
|
@@ -39,21 +27,12 @@ export declare const akEditorFloatingPanelZIndex = 400;
|
|
|
39
27
|
export declare const akEditorFloatingDialogZIndex: number;
|
|
40
28
|
export declare const akEditorTableCellOnStickyHeaderZIndex: number;
|
|
41
29
|
export declare const akEditorFloatingOverlapPanelZIndex: number;
|
|
42
|
-
export declare const akEditorMentionSelected = "#7A869A";
|
|
43
30
|
export declare const akEditorTableToolbarSize = 11;
|
|
44
|
-
export declare const akEditorTableBorder
|
|
45
|
-
export declare const
|
|
46
|
-
export declare const akEditorTableToolbar = "#F4F5F7";
|
|
47
|
-
export declare const akEditorTableToolbarDark = "#283447";
|
|
48
|
-
export declare const akEditorTableFloatingControls = "#F4F5F7";
|
|
49
|
-
export declare const akEditorTableCellSelected = "#B3D4FF";
|
|
31
|
+
export declare const akEditorTableBorder: "var(--ds-background-accent-gray-subtler)";
|
|
32
|
+
export declare const akEditorTableToolbar: "var(--ds-background-accent-gray-subtlest)";
|
|
50
33
|
export declare const akEditorTableHeaderCellBackground = "#F1F2F4";
|
|
51
34
|
export declare const akEditorTableHeaderCellBackgroundDark = "#2C333A";
|
|
52
|
-
export declare const
|
|
53
|
-
export declare const akEditorTableBorderSelected = "#0065FF";
|
|
54
|
-
export declare const akEditorTableCellDelete = "#FFEBE6";
|
|
55
|
-
export declare const akEditorTableBorderDelete = "#FF5630";
|
|
56
|
-
export declare const akEditorTableToolbarDelete = "#FFBDAD";
|
|
35
|
+
export declare const akEditorTableBorderSelected: "var(--ds-border-focused)";
|
|
57
36
|
export declare const akEditorTableBorderRadius = "3px";
|
|
58
37
|
export declare const akEditorTableCellBackgroundOpacity = 0.5;
|
|
59
38
|
export declare const akEditorFullPageMaxWidth = 680;
|
|
@@ -78,7 +57,6 @@ export declare const akEditorCalculatedWideLayoutWidth = 1011;
|
|
|
78
57
|
export declare const akRichMediaResizeZIndex: number;
|
|
79
58
|
export declare const akLayoutGutterOffset = 12;
|
|
80
59
|
export declare const akEditorLineHeight = 1.714;
|
|
81
|
-
export declare const akEditorRuleBackground = "#EBECF0";
|
|
82
60
|
export declare const akEditorRuleBorderRadius = "1px";
|
|
83
61
|
export declare const akEditorToolbarKeylineHeight = 2;
|
|
84
62
|
export declare const akEditorContextPanelWidth = 320;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export type { EditorTheme } from './types';
|
|
2
|
-
export {
|
|
2
|
+
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';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export {
|
|
1
|
+
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';
|
|
2
2
|
export type { EditorTheme } from './consts';
|
|
3
3
|
export { SelectionStyle, getSelectionStyles, hideNativeBrowserTextSelectionStyles, } from './selection';
|
|
4
4
|
export { overflowShadow } from './overflow-shadow';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-shared-styles",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "3.0.1",
|
|
4
4
|
"description": "Style values used in the editor/renderer",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -42,8 +42,7 @@
|
|
|
42
42
|
},
|
|
43
43
|
"dependencies": {
|
|
44
44
|
"@atlaskit/platform-feature-flags": "^0.3.0",
|
|
45
|
-
"@atlaskit/
|
|
46
|
-
"@atlaskit/tokens": "^1.61.0",
|
|
45
|
+
"@atlaskit/tokens": "^2.0.0",
|
|
47
46
|
"@babel/runtime": "^7.0.0",
|
|
48
47
|
"@emotion/react": "^11.7.1"
|
|
49
48
|
},
|
package/src/consts/consts.ts
CHANGED
|
@@ -1,55 +1,22 @@
|
|
|
1
1
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
2
2
|
/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
|
|
3
|
-
import {
|
|
4
|
-
B100,
|
|
5
|
-
B300,
|
|
6
|
-
B400,
|
|
7
|
-
B50,
|
|
8
|
-
B75,
|
|
9
|
-
DN50,
|
|
10
|
-
DN70,
|
|
11
|
-
N0,
|
|
12
|
-
N100,
|
|
13
|
-
N20,
|
|
14
|
-
N30,
|
|
15
|
-
N40,
|
|
16
|
-
N50,
|
|
17
|
-
N500,
|
|
18
|
-
N700,
|
|
19
|
-
N900,
|
|
20
|
-
R300,
|
|
21
|
-
R400,
|
|
22
|
-
R50,
|
|
23
|
-
R75,
|
|
24
|
-
} from '@atlaskit/theme/colors';
|
|
25
3
|
import { token } from '@atlaskit/tokens';
|
|
26
4
|
|
|
27
5
|
import type { EditorTheme } from './types';
|
|
28
6
|
|
|
29
7
|
export const akEditorFullPageDefaultFontSize = 16;
|
|
30
8
|
export const akEditorCodeFontFamily = token('font.family.code');
|
|
31
|
-
export const
|
|
32
|
-
export const
|
|
33
|
-
export const
|
|
34
|
-
export const akEditorActiveBackground = N500;
|
|
35
|
-
export const akEditorActiveForeground = N0;
|
|
36
|
-
export const akEditorBlockquoteBorderColor = N40;
|
|
37
|
-
export const akEditorDropdownActiveBackground = N900;
|
|
38
|
-
export const akEditorPopupBackground = N700;
|
|
39
|
-
export const akEditorPopupText = B50;
|
|
40
|
-
export const akEditorPrimaryButton = B400;
|
|
41
|
-
export const akEditorCodeBackground = N20;
|
|
9
|
+
export const akEditorSubtleAccent = token('color.background.accent.gray.subtler');
|
|
10
|
+
export const akEditorBlockquoteBorderColor = token('color.border');
|
|
11
|
+
export const akEditorCodeBackground = token('color.background.accent.gray.subtlest');
|
|
42
12
|
export const akEditorCodeBlockPadding = '12px';
|
|
43
13
|
export const akEditorCodeInlinePadding = '2px 4px';
|
|
44
|
-
export const akEditorDeleteBackground =
|
|
45
|
-
export const akEditorDeleteBackgroundShaded = R50;
|
|
14
|
+
export const akEditorDeleteBackground = token('color.background.danger');
|
|
46
15
|
export const akEditorDeleteBackgroundWithOpacity = 'rgba(255, 189, 173, 0.5)'; // R75 with 50% opacity
|
|
47
|
-
export const akEditorDeleteBorder =
|
|
48
|
-
export const akEditorDeleteIconColor =
|
|
16
|
+
export const akEditorDeleteBorder = token('color.border.danger');
|
|
17
|
+
export const akEditorDeleteIconColor = token('color.icon.danger');
|
|
49
18
|
export const akEditorCustomIconSize = 20;
|
|
50
|
-
export const akEditorSelectedBorderColor =
|
|
51
|
-
export const akEditorSelectedBgColor = B50;
|
|
52
|
-
export const akEditorSelectedBlanketColor = B75;
|
|
19
|
+
export const akEditorSelectedBorderColor = token('color.border.selected');
|
|
53
20
|
export const akEditorSelectedBorderSize = 1;
|
|
54
21
|
export const akEditorSelectedBorder = `${akEditorSelectedBorderSize}px solid ${token(
|
|
55
22
|
'color.border.selected',
|
|
@@ -57,7 +24,6 @@ export const akEditorSelectedBorder = `${akEditorSelectedBorderSize}px solid ${t
|
|
|
57
24
|
export const akEditorSelectedBoxShadow = `0 0 0 ${akEditorSelectedBorderSize}px ${token(
|
|
58
25
|
'color.border.selected',
|
|
59
26
|
)}`;
|
|
60
|
-
export const akEditorSelectedIconColor = B400;
|
|
61
27
|
export const akEditorSelectedBorderBoldSize = 2;
|
|
62
28
|
export const akEditorSelectedBlanketOpacity = 0.3;
|
|
63
29
|
export const akEditorUnitZIndex = 1;
|
|
@@ -76,21 +42,12 @@ export const akEditorFloatingDialogZIndex = akEditorMenuZIndex + 10;
|
|
|
76
42
|
export const akEditorTableCellOnStickyHeaderZIndex = akEditorFloatingDialogZIndex - 5;
|
|
77
43
|
// z-index used for floating toolbars table cell menu which are above block toolbars
|
|
78
44
|
export const akEditorFloatingOverlapPanelZIndex = akEditorFloatingPanelZIndex + 5;
|
|
79
|
-
export const akEditorMentionSelected = N100;
|
|
80
45
|
export const akEditorTableToolbarSize = 11;
|
|
81
|
-
export const akEditorTableBorder =
|
|
82
|
-
export const
|
|
83
|
-
export const akEditorTableToolbar = N20;
|
|
84
|
-
export const akEditorTableToolbarDark = DN50;
|
|
85
|
-
export const akEditorTableFloatingControls = N20;
|
|
86
|
-
export const akEditorTableCellSelected = B75;
|
|
46
|
+
export const akEditorTableBorder = token('color.background.accent.gray.subtler');
|
|
47
|
+
export const akEditorTableToolbar = token('color.background.accent.gray.subtlest');
|
|
87
48
|
export const akEditorTableHeaderCellBackground = '#F1F2F4';
|
|
88
49
|
export const akEditorTableHeaderCellBackgroundDark = '#2C333A';
|
|
89
|
-
export const
|
|
90
|
-
export const akEditorTableBorderSelected = B300;
|
|
91
|
-
export const akEditorTableCellDelete = R50;
|
|
92
|
-
export const akEditorTableBorderDelete = R300;
|
|
93
|
-
export const akEditorTableToolbarDelete = R75;
|
|
50
|
+
export const akEditorTableBorderSelected = token('color.border.focused');
|
|
94
51
|
export const akEditorTableBorderRadius = '3px';
|
|
95
52
|
export const akEditorTableCellBackgroundOpacity = 0.5;
|
|
96
53
|
export const akEditorFullPageMaxWidth = 680;
|
|
@@ -116,7 +73,6 @@ export const akEditorCalculatedWideLayoutWidth = 1011; // = akEditorDefaultLayou
|
|
|
116
73
|
export const akRichMediaResizeZIndex = akEditorUnitZIndex * 99;
|
|
117
74
|
export const akLayoutGutterOffset = 12;
|
|
118
75
|
export const akEditorLineHeight = 1.714;
|
|
119
|
-
export const akEditorRuleBackground = N30;
|
|
120
76
|
export const akEditorRuleBorderRadius = '1px';
|
|
121
77
|
export const akEditorToolbarKeylineHeight = 2;
|
|
122
78
|
export const akEditorContextPanelWidth = 320;
|
package/src/consts/index.ts
CHANGED
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
export type { EditorTheme } from './types';
|
|
2
2
|
export {
|
|
3
|
-
akEditorActiveBackground,
|
|
4
|
-
akEditorActiveForeground,
|
|
5
3
|
akEditorBlockquoteBorderColor,
|
|
6
4
|
akEditorBreakoutPadding,
|
|
7
5
|
akEditorCodeBackground,
|
|
@@ -11,15 +9,12 @@ export {
|
|
|
11
9
|
akEditorContextPanelWidth,
|
|
12
10
|
akEditorDefaultLayoutWidth,
|
|
13
11
|
akEditorDeleteBackground,
|
|
14
|
-
akEditorDeleteBackgroundShaded,
|
|
15
12
|
akEditorDeleteBackgroundWithOpacity,
|
|
16
13
|
akEditorDeleteBorder,
|
|
17
14
|
akEditorDeleteIconColor,
|
|
18
|
-
akEditorDropdownActiveBackground,
|
|
19
15
|
akEditorFloatingDialogZIndex,
|
|
20
16
|
akEditorFloatingOverlapPanelZIndex,
|
|
21
17
|
akEditorFloatingPanelZIndex,
|
|
22
|
-
akEditorFocus,
|
|
23
18
|
akEditorFullPageMaxWidth,
|
|
24
19
|
akEditorFullPageDefaultFontSize,
|
|
25
20
|
akEditorFullWidthLayoutWidth,
|
|
@@ -27,49 +22,33 @@ export {
|
|
|
27
22
|
akEditorGridLineZIndex,
|
|
28
23
|
akEditorGutterPadding,
|
|
29
24
|
akEditorGutterPaddingDynamic,
|
|
30
|
-
akEditorInactiveForeground,
|
|
31
25
|
akEditorMediaResizeHandlerPadding,
|
|
32
26
|
akEditorMediaResizeHandlerPaddingWide,
|
|
33
|
-
akEditorMentionSelected,
|
|
34
27
|
akEditorMenuZIndex,
|
|
35
28
|
akEditorStickyHeaderZIndex,
|
|
36
29
|
akEditorMobileBreakoutPoint,
|
|
37
|
-
akEditorPopupBackground,
|
|
38
|
-
akEditorPopupText,
|
|
39
|
-
akEditorPrimaryButton,
|
|
40
30
|
akEditorSelectedBorderColor,
|
|
41
31
|
akEditorSelectedBorderBoldSize,
|
|
42
32
|
akEditorSelectedBorderSize,
|
|
43
33
|
akEditorSelectedBorder,
|
|
44
34
|
akEditorSelectedBoxShadow,
|
|
45
|
-
akEditorSelectedIconColor,
|
|
46
35
|
akEditorCustomIconSize,
|
|
47
|
-
akEditorSelectedBlanketColor,
|
|
48
|
-
akEditorSelectedBgColor,
|
|
49
36
|
akEditorSelectedBlanketOpacity,
|
|
50
37
|
akEditorSmallZIndex,
|
|
51
38
|
akEditorShadowZIndex,
|
|
52
39
|
akEditorSubtleAccent,
|
|
53
40
|
akEditorSwoopCubicBezier,
|
|
54
41
|
akEditorTableBorder,
|
|
55
|
-
akEditorTableBorderDark,
|
|
56
|
-
akEditorTableBorderDelete,
|
|
57
42
|
akEditorTableBorderRadius,
|
|
58
43
|
akEditorTableBorderSelected,
|
|
59
44
|
akEditorTableCellBackgroundOpacity,
|
|
60
|
-
akEditorTableCellDelete,
|
|
61
45
|
akEditorTableCellMinWidth,
|
|
62
46
|
akEditorTableCellOnStickyHeaderZIndex,
|
|
63
|
-
akEditorTableCellSelected,
|
|
64
|
-
akEditorTableFloatingControls,
|
|
65
47
|
akEditorTableHeaderCellBackground,
|
|
66
48
|
akEditorTableHeaderCellBackgroundDark,
|
|
67
49
|
akEditorTableLegacyCellMinWidth,
|
|
68
50
|
akEditorTableNumberColumnWidth,
|
|
69
51
|
akEditorTableToolbar,
|
|
70
|
-
akEditorTableToolbarDark,
|
|
71
|
-
akEditorTableToolbarDelete,
|
|
72
|
-
akEditorTableToolbarSelected,
|
|
73
52
|
akEditorTableToolbarSize,
|
|
74
53
|
akEditorUnitZIndex,
|
|
75
54
|
akEditorCalculatedWideLayoutWidth,
|
|
@@ -87,7 +66,6 @@ export {
|
|
|
87
66
|
DEFAULT_EMBED_CARD_HEIGHT,
|
|
88
67
|
DEFAULT_EMBED_CARD_WIDTH,
|
|
89
68
|
akEditorLineHeight,
|
|
90
|
-
akEditorRuleBackground,
|
|
91
69
|
akEditorRuleBorderRadius,
|
|
92
70
|
akEditorSelectedNodeClassName,
|
|
93
71
|
akEditorToolbarKeylineHeight,
|
package/src/index.ts
CHANGED
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
export {
|
|
2
|
-
akEditorActiveBackground,
|
|
3
|
-
akEditorActiveForeground,
|
|
4
2
|
akEditorBlockquoteBorderColor,
|
|
5
3
|
akEditorBreakoutPadding,
|
|
6
4
|
akEditorCodeBackground,
|
|
@@ -10,15 +8,12 @@ export {
|
|
|
10
8
|
akEditorContextPanelWidth,
|
|
11
9
|
akEditorDefaultLayoutWidth,
|
|
12
10
|
akEditorDeleteBackground,
|
|
13
|
-
akEditorDeleteBackgroundShaded,
|
|
14
11
|
akEditorDeleteBackgroundWithOpacity,
|
|
15
12
|
akEditorDeleteBorder,
|
|
16
13
|
akEditorDeleteIconColor,
|
|
17
|
-
akEditorDropdownActiveBackground,
|
|
18
14
|
akEditorFloatingDialogZIndex,
|
|
19
15
|
akEditorFloatingOverlapPanelZIndex,
|
|
20
16
|
akEditorFloatingPanelZIndex,
|
|
21
|
-
akEditorFocus,
|
|
22
17
|
akEditorFullPageMaxWidth,
|
|
23
18
|
akEditorFullPageDefaultFontSize,
|
|
24
19
|
akEditorFullWidthLayoutWidth,
|
|
@@ -26,48 +21,32 @@ export {
|
|
|
26
21
|
akEditorGridLineZIndex,
|
|
27
22
|
akEditorGutterPadding,
|
|
28
23
|
akEditorGutterPaddingDynamic,
|
|
29
|
-
akEditorInactiveForeground,
|
|
30
24
|
akEditorMediaResizeHandlerPadding,
|
|
31
25
|
akEditorMediaResizeHandlerPaddingWide,
|
|
32
|
-
akEditorMentionSelected,
|
|
33
26
|
akEditorMenuZIndex,
|
|
34
27
|
akEditorStickyHeaderZIndex,
|
|
35
28
|
akEditorMobileBreakoutPoint,
|
|
36
|
-
akEditorPopupBackground,
|
|
37
|
-
akEditorPopupText,
|
|
38
|
-
akEditorPrimaryButton,
|
|
39
29
|
akEditorSelectedBorderColor,
|
|
40
30
|
akEditorSelectedBorderBoldSize,
|
|
41
31
|
akEditorSelectedBorderSize,
|
|
42
32
|
akEditorSelectedBorder,
|
|
43
33
|
akEditorSelectedBoxShadow,
|
|
44
|
-
akEditorSelectedIconColor,
|
|
45
|
-
akEditorSelectedBlanketColor,
|
|
46
|
-
akEditorSelectedBgColor,
|
|
47
34
|
akEditorSelectedBlanketOpacity,
|
|
48
35
|
akEditorSmallZIndex,
|
|
49
36
|
akEditorShadowZIndex,
|
|
50
37
|
akEditorSubtleAccent,
|
|
51
38
|
akEditorSwoopCubicBezier,
|
|
52
39
|
akEditorTableBorder,
|
|
53
|
-
akEditorTableBorderDark,
|
|
54
|
-
akEditorTableBorderDelete,
|
|
55
40
|
akEditorTableBorderRadius,
|
|
56
41
|
akEditorTableBorderSelected,
|
|
57
42
|
akEditorTableCellBackgroundOpacity,
|
|
58
|
-
akEditorTableCellDelete,
|
|
59
43
|
akEditorTableCellMinWidth,
|
|
60
44
|
akEditorTableCellOnStickyHeaderZIndex,
|
|
61
|
-
akEditorTableCellSelected,
|
|
62
|
-
akEditorTableFloatingControls,
|
|
63
45
|
akEditorTableHeaderCellBackground,
|
|
64
46
|
akEditorTableHeaderCellBackgroundDark,
|
|
65
47
|
akEditorTableLegacyCellMinWidth,
|
|
66
48
|
akEditorTableNumberColumnWidth,
|
|
67
49
|
akEditorTableToolbar,
|
|
68
|
-
akEditorTableToolbarDark,
|
|
69
|
-
akEditorTableToolbarDelete,
|
|
70
|
-
akEditorTableToolbarSelected,
|
|
71
50
|
akEditorTableToolbarSize,
|
|
72
51
|
akEditorUnitZIndex,
|
|
73
52
|
akEditorCalculatedWideLayoutWidth,
|
|
@@ -85,7 +64,6 @@ export {
|
|
|
85
64
|
DEFAULT_EMBED_CARD_HEIGHT,
|
|
86
65
|
DEFAULT_EMBED_CARD_WIDTH,
|
|
87
66
|
akEditorLineHeight,
|
|
88
|
-
akEditorRuleBackground,
|
|
89
67
|
akEditorRuleBorderRadius,
|
|
90
68
|
akEditorSelectedNodeClassName,
|
|
91
69
|
akEditorToolbarKeylineHeight,
|