@atlaskit/editor-shared-styles 3.10.27 → 3.10.29
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 +12 -0
- package/dist/types/consts/consts.d.ts +13 -13
- package/dist/types/overflow-shadow/overflow-shadow.d.ts +2 -1
- package/dist/types/shortcut/shortcut.d.ts +2 -1
- package/dist/types-ts4.5/consts/consts.d.ts +13 -13
- package/dist/types-ts4.5/overflow-shadow/overflow-shadow.d.ts +2 -1
- package/dist/types-ts4.5/shortcut/shortcut.d.ts +2 -1
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import type { EditorTheme, ParticipantColor } from './types';
|
|
2
2
|
export declare const akEditorFullPageDefaultFontSize = 16;
|
|
3
3
|
export declare const akEditorFullPageDenseFontSize = 13;
|
|
4
|
-
export declare const akEditorCodeFontFamily:
|
|
5
|
-
export declare const akEditorSubtleAccent:
|
|
6
|
-
export declare const akEditorBlockquoteBorderColor:
|
|
7
|
-
export declare const akEditorCodeBackground:
|
|
4
|
+
export declare const akEditorCodeFontFamily: 'var(--ds-font-family-code)';
|
|
5
|
+
export declare const akEditorSubtleAccent: 'var(--ds-background-accent-gray-subtler)';
|
|
6
|
+
export declare const akEditorBlockquoteBorderColor: 'var(--ds-border)';
|
|
7
|
+
export declare const akEditorCodeBackground: 'var(--ds-background-accent-gray-subtlest)';
|
|
8
8
|
export declare const akEditorCodeBlockPadding = "12px";
|
|
9
9
|
export declare const akEditorCodeInlinePadding = "2px 4px";
|
|
10
|
-
export declare const akEditorDeleteBackground:
|
|
10
|
+
export declare const akEditorDeleteBackground: 'var(--ds-background-danger)';
|
|
11
11
|
export declare const akEditorDeleteBackgroundWithOpacity = "rgba(255, 189, 173, 0.5)";
|
|
12
|
-
export declare const akEditorDeleteBorder:
|
|
13
|
-
export declare const akEditorDeleteIconColor:
|
|
12
|
+
export declare const akEditorDeleteBorder: 'var(--ds-border-danger)';
|
|
13
|
+
export declare const akEditorDeleteIconColor: 'var(--ds-icon-danger)';
|
|
14
14
|
export declare const akEditorCustomIconSize = 20;
|
|
15
|
-
export declare const akEditorSelectedBorderColor:
|
|
15
|
+
export declare const akEditorSelectedBorderColor: 'var(--ds-border-selected)';
|
|
16
16
|
export declare const akEditorSelectedBorderSize = 1;
|
|
17
17
|
export declare const akEditorSelectedBorderBoldSize = 2;
|
|
18
18
|
export declare const akEditorSelectedBorder: string;
|
|
@@ -30,11 +30,11 @@ export declare const akEditorFloatingDialogZIndex: number;
|
|
|
30
30
|
export declare const akEditorTableCellOnStickyHeaderZIndex: number;
|
|
31
31
|
export declare const akEditorFloatingOverlapPanelZIndex: number;
|
|
32
32
|
export declare const akEditorTableToolbarSize = 11;
|
|
33
|
-
export declare const akEditorTableBorder:
|
|
34
|
-
export declare const akEditorTableToolbar:
|
|
33
|
+
export declare const akEditorTableBorder: 'var(--ds-background-accent-gray-subtler)';
|
|
34
|
+
export declare const akEditorTableToolbar: 'var(--ds-background-accent-gray-subtlest)';
|
|
35
35
|
export declare const akEditorTableHeaderCellBackground = "#F1F2F4";
|
|
36
36
|
export declare const akEditorTableHeaderCellBackgroundDark = "#2C333A";
|
|
37
|
-
export declare const akEditorTableBorderSelected:
|
|
37
|
+
export declare const akEditorTableBorderSelected: 'var(--ds-border-focused)';
|
|
38
38
|
export declare const akEditorTableBorderRadius = "3px";
|
|
39
39
|
export declare const akEditorTableCellBackgroundOpacity = 0.5;
|
|
40
40
|
export declare const akEditorFullPageMaxWidth = 680;
|
|
@@ -82,7 +82,7 @@ export declare const ATLASSIAN_NAVIGATION_HEIGHT = "56px";
|
|
|
82
82
|
export declare const FULL_PAGE_EDITOR_TOOLBAR_HEIGHT: (isToolbarAIFCEnabled?: boolean) => "var(--ds-space-500)" | "44px";
|
|
83
83
|
export declare const akEditorFullPageToolbarHeight = 40;
|
|
84
84
|
export declare const akEditorSelectedNodeClassName = "ak-editor-selected-node";
|
|
85
|
-
export declare const editorFontSize: ({ theme }: {
|
|
85
|
+
export declare const editorFontSize: ({ theme, }: {
|
|
86
86
|
theme: {
|
|
87
87
|
baseFontSize?: number;
|
|
88
88
|
} | undefined;
|
|
@@ -149,5 +149,5 @@ export declare const VIEWPORT_SIZES: {
|
|
|
149
149
|
export declare const akEditorMobileMaxWidth = 0;
|
|
150
150
|
export declare const getTableCellBackgroundDarkModeColors: string;
|
|
151
151
|
export declare function getTableCellBackgroundDarkModeColorCSS(colorName: string, colorValue: string): string;
|
|
152
|
-
export declare const avatarColors: (
|
|
152
|
+
export declare const avatarColors: ('var(--ds-icon-accent-red)' | 'var(--ds-background-accent-red-bolder-hovered)' | 'var(--ds-icon-accent-magenta)' | 'var(--ds-background-accent-magenta-bolder-hovered)' | 'var(--ds-icon-accent-orange)' | 'var(--ds-background-accent-orange-bolder-hovered)' | 'var(--ds-icon-accent-green)' | 'var(--ds-background-accent-green-bolder-hovered)' | 'var(--ds-icon-accent-blue)' | 'var(--ds-background-accent-blue-bolder-hovered)' | 'var(--ds-icon-accent-teal)' | 'var(--ds-background-accent-teal-bolder-hovered)' | 'var(--ds-icon-accent-lime)' | 'var(--ds-background-accent-lime-bolder-hovered)' | 'var(--ds-icon-accent-purple)' | 'var(--ds-background-accent-purple-bolder-hovered)' | 'var(--ds-icon-accent-gray)' | 'var(--ds-background-accent-gray-bolder-hovered)' | 'var(--ds-icon-accent-yellow)' | 'var(--ds-background-accent-yellow-bolder-hovered)' | 'var(--ds-background-accent-yellow-bolder-pressed)')[];
|
|
153
153
|
export declare const participantColors: Array<ParticipantColor>;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
+
import { type SerializedStyles } from '@emotion/react';
|
|
1
2
|
/**
|
|
2
3
|
* @private
|
|
3
4
|
* @deprecated use `import { Shortcut } from '@atlaskit/editor-common/ui';` instead
|
|
4
5
|
*/
|
|
5
|
-
export declare const shortcutStyle:
|
|
6
|
+
export declare const shortcutStyle: SerializedStyles;
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import type { EditorTheme, ParticipantColor } from './types';
|
|
2
2
|
export declare const akEditorFullPageDefaultFontSize = 16;
|
|
3
3
|
export declare const akEditorFullPageDenseFontSize = 13;
|
|
4
|
-
export declare const akEditorCodeFontFamily:
|
|
5
|
-
export declare const akEditorSubtleAccent:
|
|
6
|
-
export declare const akEditorBlockquoteBorderColor:
|
|
7
|
-
export declare const akEditorCodeBackground:
|
|
4
|
+
export declare const akEditorCodeFontFamily: 'var(--ds-font-family-code)';
|
|
5
|
+
export declare const akEditorSubtleAccent: 'var(--ds-background-accent-gray-subtler)';
|
|
6
|
+
export declare const akEditorBlockquoteBorderColor: 'var(--ds-border)';
|
|
7
|
+
export declare const akEditorCodeBackground: 'var(--ds-background-accent-gray-subtlest)';
|
|
8
8
|
export declare const akEditorCodeBlockPadding = "12px";
|
|
9
9
|
export declare const akEditorCodeInlinePadding = "2px 4px";
|
|
10
|
-
export declare const akEditorDeleteBackground:
|
|
10
|
+
export declare const akEditorDeleteBackground: 'var(--ds-background-danger)';
|
|
11
11
|
export declare const akEditorDeleteBackgroundWithOpacity = "rgba(255, 189, 173, 0.5)";
|
|
12
|
-
export declare const akEditorDeleteBorder:
|
|
13
|
-
export declare const akEditorDeleteIconColor:
|
|
12
|
+
export declare const akEditorDeleteBorder: 'var(--ds-border-danger)';
|
|
13
|
+
export declare const akEditorDeleteIconColor: 'var(--ds-icon-danger)';
|
|
14
14
|
export declare const akEditorCustomIconSize = 20;
|
|
15
|
-
export declare const akEditorSelectedBorderColor:
|
|
15
|
+
export declare const akEditorSelectedBorderColor: 'var(--ds-border-selected)';
|
|
16
16
|
export declare const akEditorSelectedBorderSize = 1;
|
|
17
17
|
export declare const akEditorSelectedBorderBoldSize = 2;
|
|
18
18
|
export declare const akEditorSelectedBorder: string;
|
|
@@ -30,11 +30,11 @@ export declare const akEditorFloatingDialogZIndex: number;
|
|
|
30
30
|
export declare const akEditorTableCellOnStickyHeaderZIndex: number;
|
|
31
31
|
export declare const akEditorFloatingOverlapPanelZIndex: number;
|
|
32
32
|
export declare const akEditorTableToolbarSize = 11;
|
|
33
|
-
export declare const akEditorTableBorder:
|
|
34
|
-
export declare const akEditorTableToolbar:
|
|
33
|
+
export declare const akEditorTableBorder: 'var(--ds-background-accent-gray-subtler)';
|
|
34
|
+
export declare const akEditorTableToolbar: 'var(--ds-background-accent-gray-subtlest)';
|
|
35
35
|
export declare const akEditorTableHeaderCellBackground = "#F1F2F4";
|
|
36
36
|
export declare const akEditorTableHeaderCellBackgroundDark = "#2C333A";
|
|
37
|
-
export declare const akEditorTableBorderSelected:
|
|
37
|
+
export declare const akEditorTableBorderSelected: 'var(--ds-border-focused)';
|
|
38
38
|
export declare const akEditorTableBorderRadius = "3px";
|
|
39
39
|
export declare const akEditorTableCellBackgroundOpacity = 0.5;
|
|
40
40
|
export declare const akEditorFullPageMaxWidth = 680;
|
|
@@ -82,7 +82,7 @@ export declare const ATLASSIAN_NAVIGATION_HEIGHT = "56px";
|
|
|
82
82
|
export declare const FULL_PAGE_EDITOR_TOOLBAR_HEIGHT: (isToolbarAIFCEnabled?: boolean) => "var(--ds-space-500)" | "44px";
|
|
83
83
|
export declare const akEditorFullPageToolbarHeight = 40;
|
|
84
84
|
export declare const akEditorSelectedNodeClassName = "ak-editor-selected-node";
|
|
85
|
-
export declare const editorFontSize: ({ theme }: {
|
|
85
|
+
export declare const editorFontSize: ({ theme, }: {
|
|
86
86
|
theme: {
|
|
87
87
|
baseFontSize?: number;
|
|
88
88
|
} | undefined;
|
|
@@ -149,5 +149,5 @@ export declare const VIEWPORT_SIZES: {
|
|
|
149
149
|
export declare const akEditorMobileMaxWidth = 0;
|
|
150
150
|
export declare const getTableCellBackgroundDarkModeColors: string;
|
|
151
151
|
export declare function getTableCellBackgroundDarkModeColorCSS(colorName: string, colorValue: string): string;
|
|
152
|
-
export declare const avatarColors: (
|
|
152
|
+
export declare const avatarColors: ('var(--ds-icon-accent-red)' | 'var(--ds-background-accent-red-bolder-hovered)' | 'var(--ds-icon-accent-magenta)' | 'var(--ds-background-accent-magenta-bolder-hovered)' | 'var(--ds-icon-accent-orange)' | 'var(--ds-background-accent-orange-bolder-hovered)' | 'var(--ds-icon-accent-green)' | 'var(--ds-background-accent-green-bolder-hovered)' | 'var(--ds-icon-accent-blue)' | 'var(--ds-background-accent-blue-bolder-hovered)' | 'var(--ds-icon-accent-teal)' | 'var(--ds-background-accent-teal-bolder-hovered)' | 'var(--ds-icon-accent-lime)' | 'var(--ds-background-accent-lime-bolder-hovered)' | 'var(--ds-icon-accent-purple)' | 'var(--ds-background-accent-purple-bolder-hovered)' | 'var(--ds-icon-accent-gray)' | 'var(--ds-background-accent-gray-bolder-hovered)' | 'var(--ds-icon-accent-yellow)' | 'var(--ds-background-accent-yellow-bolder-hovered)' | 'var(--ds-background-accent-yellow-bolder-pressed)')[];
|
|
153
153
|
export declare const participantColors: Array<ParticipantColor>;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
+
import { type SerializedStyles } from '@emotion/react';
|
|
1
2
|
/**
|
|
2
3
|
* @private
|
|
3
4
|
* @deprecated use `import { Shortcut } from '@atlaskit/editor-common/ui';` instead
|
|
4
5
|
*/
|
|
5
|
-
export declare const shortcutStyle:
|
|
6
|
+
export declare const shortcutStyle: SerializedStyles;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-shared-styles",
|
|
3
|
-
"version": "3.10.
|
|
3
|
+
"version": "3.10.29",
|
|
4
4
|
"description": "Style values used in the editor/renderer",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -37,8 +37,8 @@
|
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
39
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
40
|
-
"@atlaskit/tmp-editor-statsig": "^
|
|
41
|
-
"@atlaskit/tokens": "^11.
|
|
40
|
+
"@atlaskit/tmp-editor-statsig": "^37.0.0",
|
|
41
|
+
"@atlaskit/tokens": "^11.1.0",
|
|
42
42
|
"@babel/runtime": "^7.0.0",
|
|
43
43
|
"@emotion/react": "^11.7.1"
|
|
44
44
|
},
|