@atlaskit/editor-shared-styles 2.2.1 → 2.2.2

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.
Files changed (20) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/version.json +1 -1
  3. package/dist/es2019/version.json +1 -1
  4. package/dist/esm/version.json +1 -1
  5. package/dist/types/consts/consts.d.ts +1 -1
  6. package/package.json +7 -11
  7. package/report.api.md +197 -115
  8. package/src/consts/consts.ts +4 -5
  9. package/dist/types-ts4.0/consts/consts.d.ts +0 -123
  10. package/dist/types-ts4.0/consts/index.d.ts +0 -2
  11. package/dist/types-ts4.0/consts/types.d.ts +0 -3
  12. package/dist/types-ts4.0/index.d.ts +0 -4
  13. package/dist/types-ts4.0/overflow-shadow/index.d.ts +0 -1
  14. package/dist/types-ts4.0/overflow-shadow/overflow-shadow.d.ts +0 -4
  15. package/dist/types-ts4.0/scrollbar-styles.d.ts +0 -1
  16. package/dist/types-ts4.0/selection/index.d.ts +0 -2
  17. package/dist/types-ts4.0/selection/types.d.ts +0 -11
  18. package/dist/types-ts4.0/selection/utils.d.ts +0 -13
  19. package/dist/types-ts4.0/shortcut/index.d.ts +0 -1
  20. package/dist/types-ts4.0/shortcut/shortcut.d.ts +0 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/editor-shared-styles
2
2
 
3
+ ## 2.2.2
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
3
9
  ## 2.2.1
4
10
 
5
11
  ### Patch Changes
package/dist/cjs/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-shared-styles",
3
- "version": "2.2.1",
3
+ "version": "2.2.2",
4
4
  "sideEffects": false
5
5
  }
package/dist/es2019/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-shared-styles",
3
- "version": "2.2.1",
3
+ "version": "2.2.2",
4
4
  "sideEffects": false
5
5
  }
package/dist/esm/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-shared-styles",
3
- "version": "2.2.1",
3
+ "version": "2.2.2",
4
4
  "sideEffects": false
5
5
  }
package/dist/types/consts/consts.d.ts CHANGED
@@ -84,7 +84,7 @@ export declare const akEditorSelectedNodeClassName = "ak-editor-selected-node";
84
84
  export declare const editorFontSize: ({ theme }: {
85
85
  theme: EditorTheme;
86
86
  }) => number;
87
- export declare const relativeSize: (multiplier: number) => ({ theme, }: {
87
+ export declare const relativeSize: (multiplier: number) => ({ theme }: {
88
88
  theme: EditorTheme;
89
89
  }) => number;
90
90
  export declare const relativeFontSizeToBase16: (px: number | string) => string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-shared-styles",
3
- "version": "2.2.1",
3
+ "version": "2.2.2",
4
4
  "description": "Style values used in the editor/renderer",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -12,13 +12,6 @@
12
12
  "module": "dist/esm/index.js",
13
13
  "module:es2019": "dist/es2019/index.js",
14
14
  "types": "dist/types/index.d.ts",
15
- "typesVersions": {
16
- ">=4.0 <4.5": {
17
- "*": [
18
- "dist/types-ts4.0/*"
19
- ]
20
- }
21
- },
22
15
  "sideEffects": false,
23
16
  "atlaskit:src": "src/index.ts",
24
17
  "atlassian": {
@@ -35,7 +28,7 @@
35
28
  },
36
29
  "dependencies": {
37
30
  "@atlaskit/theme": "^12.2.0",
38
- "@atlaskit/tokens": "^0.10.0",
31
+ "@atlaskit/tokens": "^0.11.0",
39
32
  "@babel/runtime": "^7.0.0",
40
33
  "@emotion/react": "^11.7.1"
41
34
  },
@@ -53,8 +46,11 @@
53
46
  },
54
47
  "@repo/internal": {
55
48
  "deprecation": "no-deprecated-imports",
56
- "theming": "tokens"
49
+ "theming": "tokens",
50
+ "styling": [
51
+ "emotion"
52
+ ]
57
53
  }
58
54
  },
59
55
  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
60
- }
56
+ }
package/report.api.md CHANGED
@@ -2,204 +2,283 @@
2
2
 
3
3
  > Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
4
4
 
5
+ <!--
6
+ Generated API Report version: 2.0
7
+ -->
8
+
9
+ [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
10
+
5
11
  ```ts
6
12
  import { SerializedStyles } from '@emotion/react';
7
13
 
8
- export declare const akEditorActiveBackground = '#42526E';
14
+ // @public (undocumented)
15
+ export const akEditorActiveBackground = '#42526E';
9
16
 
10
- export declare const akEditorActiveForeground = '#FFFFFF';
17
+ // @public (undocumented)
18
+ export const akEditorActiveForeground = '#FFFFFF';
11
19
 
12
- export declare const akEditorBlockquoteBorderColor = '#DFE1E6';
20
+ // @public (undocumented)
21
+ export const akEditorBlockquoteBorderColor = '#DFE1E6';
13
22
 
14
- export declare const akEditorBreakoutPadding = 96;
23
+ // @public (undocumented)
24
+ export const akEditorBreakoutPadding = 96;
15
25
 
16
- export declare const akEditorCodeBackground = '#F4F5F7';
26
+ // @public (undocumented)
27
+ export const akEditorCodeBackground = '#F4F5F7';
17
28
 
18
- export declare const akEditorCodeBlockPadding = '12px';
29
+ // @public (undocumented)
30
+ export const akEditorCodeBlockPadding = '12px';
19
31
 
20
- export declare const akEditorCodeFontFamily: string;
32
+ // @public (undocumented)
33
+ export const akEditorCodeFontFamily: string;
21
34
 
22
- export declare const akEditorCodeInlinePadding = '2px 4px';
35
+ // @public (undocumented)
36
+ export const akEditorCodeInlinePadding = '2px 4px';
23
37
 
24
- export declare const akEditorContextPanelWidth = 320;
38
+ // @public (undocumented)
39
+ export const akEditorContextPanelWidth = 320;
25
40
 
26
- export declare const akEditorDefaultLayoutWidth = 760;
41
+ // @public (undocumented)
42
+ export const akEditorDefaultLayoutWidth = 760;
27
43
 
28
- export declare const akEditorDeleteBackground = '#FFEBE6';
44
+ // @public (undocumented)
45
+ export const akEditorDeleteBackground = '#FFEBE6';
29
46
 
30
- export declare const akEditorDeleteBackgroundShaded = '#FFEBE6';
47
+ // @public (undocumented)
48
+ export const akEditorDeleteBackgroundShaded = '#FFEBE6';
31
49
 
32
- export declare const akEditorDeleteBackgroundWithOpacity =
33
- 'rgba(255, 189, 173, 0.5)';
50
+ // @public (undocumented)
51
+ export const akEditorDeleteBackgroundWithOpacity = 'rgba(255, 189, 173, 0.5)';
34
52
 
35
- export declare const akEditorDeleteBorder = '#FF5630';
53
+ // @public (undocumented)
54
+ export const akEditorDeleteBorder = '#FF5630';
36
55
 
37
- export declare const akEditorDeleteIconColor = '#DE350B';
56
+ // @public (undocumented)
57
+ export const akEditorDeleteIconColor = '#DE350B';
38
58
 
39
- export declare const akEditorDropdownActiveBackground = '#091E42';
59
+ // @public (undocumented)
60
+ export const akEditorDropdownActiveBackground = '#091E42';
40
61
 
41
- export declare const akEditorFloatingDialogZIndex: number;
62
+ // @public (undocumented)
63
+ export const akEditorFloatingDialogZIndex: number;
42
64
 
43
- export declare const akEditorFloatingOverlapPanelZIndex: number;
65
+ // @public (undocumented)
66
+ export const akEditorFloatingOverlapPanelZIndex: number;
44
67
 
45
- export declare const akEditorFloatingPanelZIndex: 400;
68
+ // @public (undocumented)
69
+ export const akEditorFloatingPanelZIndex: 400;
46
70
 
47
- export declare const akEditorFocus = '#4C9AFF';
71
+ // @public (undocumented)
72
+ export const akEditorFocus = '#4C9AFF';
48
73
 
49
- export declare const akEditorFullPageDefaultFontSize = 16;
74
+ // @public (undocumented)
75
+ export const akEditorFullPageDefaultFontSize = 16;
50
76
 
51
- export declare const akEditorFullPageMaxWidth = 680;
77
+ // @public (undocumented)
78
+ export const akEditorFullPageMaxWidth = 680;
52
79
 
53
- export declare const akEditorFullWidthLayoutLineLength = 1792;
80
+ // @public (undocumented)
81
+ export const akEditorFullWidthLayoutLineLength = 1792;
54
82
 
55
- export declare const akEditorFullWidthLayoutWidth = 1800;
83
+ // @public (undocumented)
84
+ export const akEditorFullWidthLayoutWidth = 1800;
56
85
 
57
- export declare const akEditorGridLineZIndex = 9999;
86
+ // @public (undocumented)
87
+ export const akEditorGridLineZIndex = 9999;
58
88
 
59
- export declare const akEditorGutterPadding = 32;
89
+ // @public (undocumented)
90
+ export const akEditorGutterPadding = 32;
60
91
 
61
- export declare const akEditorInactiveForeground = '#42526E';
92
+ // @public (undocumented)
93
+ export const akEditorInactiveForeground = '#42526E';
62
94
 
63
- export declare const akEditorLineHeight = 1.714;
95
+ // @public (undocumented)
96
+ export const akEditorLineHeight = 1.714;
64
97
 
65
- export declare const akEditorMediaResizeHandlerPadding = 4;
98
+ // @public (undocumented)
99
+ export const akEditorMediaResizeHandlerPadding = 4;
66
100
 
67
- export declare const akEditorMediaResizeHandlerPaddingWide = 12;
101
+ // @public (undocumented)
102
+ export const akEditorMediaResizeHandlerPaddingWide = 12;
68
103
 
69
- export declare const akEditorMentionSelected = '#7A869A';
104
+ // @public (undocumented)
105
+ export const akEditorMentionSelected = '#7A869A';
70
106
 
71
- export declare const akEditorMenuZIndex: 500;
107
+ // @public (undocumented)
108
+ export const akEditorMenuZIndex: 500;
72
109
 
73
- export declare const akEditorMobileBreakoutPoint = 720;
110
+ // @public (undocumented)
111
+ export const akEditorMobileBreakoutPoint = 720;
74
112
 
75
- export declare const akEditorMobileMaxWidth = 0;
113
+ // @public (undocumented)
114
+ export const akEditorMobileMaxWidth = 0;
76
115
 
77
- export declare const akEditorPopupBackground = '#253858';
116
+ // @public (undocumented)
117
+ export const akEditorPopupBackground = '#253858';
78
118
 
79
- export declare const akEditorPopupText = '#DEEBFF';
119
+ // @public (undocumented)
120
+ export const akEditorPopupText = '#DEEBFF';
80
121
 
81
- export declare const akEditorPrimaryButton = '#0052CC';
122
+ // @public (undocumented)
123
+ export const akEditorPrimaryButton = '#0052CC';
82
124
 
83
- export declare const akEditorRuleBackground = '#EBECF0';
125
+ // @public (undocumented)
126
+ export const akEditorRuleBackground = '#EBECF0';
84
127
 
85
- export declare const akEditorRuleBorderRadius = '1px';
128
+ // @public (undocumented)
129
+ export const akEditorRuleBorderRadius = '1px';
86
130
 
87
- export declare const akEditorSelectedBgColor = '#DEEBFF';
131
+ // @public (undocumented)
132
+ export const akEditorSelectedBgColor = '#DEEBFF';
88
133
 
89
- export declare const akEditorSelectedBlanketColor = '#B3D4FF';
134
+ // @public (undocumented)
135
+ export const akEditorSelectedBlanketColor = '#B3D4FF';
90
136
 
91
- export declare const akEditorSelectedBlanketOpacity = 0.3;
137
+ // @public (undocumented)
138
+ export const akEditorSelectedBlanketOpacity = 0.3;
92
139
 
93
- export declare const akEditorSelectedBorder: string;
140
+ // @public (undocumented)
141
+ export const akEditorSelectedBorder: string;
94
142
 
95
- export declare const akEditorSelectedBorderBoldSize = 2;
143
+ // @public (undocumented)
144
+ export const akEditorSelectedBorderBoldSize = 2;
96
145
 
97
- export declare const akEditorSelectedBorderColor = '#0065FF';
146
+ // @public (undocumented)
147
+ export const akEditorSelectedBorderColor = '#0065FF';
98
148
 
99
- export declare const akEditorSelectedBorderSize = 1;
149
+ // @public (undocumented)
150
+ export const akEditorSelectedBorderSize = 1;
100
151
 
101
- export declare const akEditorSelectedBoxShadow: string;
152
+ // @public (undocumented)
153
+ export const akEditorSelectedBoxShadow: string;
102
154
 
103
- export declare const akEditorSelectedIconColor = '#0052CC';
155
+ // @public (undocumented)
156
+ export const akEditorSelectedIconColor = '#0052CC';
104
157
 
105
- export declare const akEditorSelectedNodeClassName = 'ak-editor-selected-node';
158
+ // @public (undocumented)
159
+ export const akEditorSelectedNodeClassName = 'ak-editor-selected-node';
106
160
 
107
- export declare const akEditorShadowZIndex = 2;
161
+ // @public (undocumented)
162
+ export const akEditorShadowZIndex = 2;
108
163
 
109
- export declare const akEditorSmallZIndex: number;
164
+ // @public (undocumented)
165
+ export const akEditorSmallZIndex: number;
110
166
 
111
- export declare const akEditorStickyHeaderZIndex = 11;
167
+ // @public (undocumented)
168
+ export const akEditorStickyHeaderZIndex = 11;
112
169
 
113
- export declare const akEditorSubtleAccent = '#DFE1E6';
170
+ // @public (undocumented)
171
+ export const akEditorSubtleAccent = '#DFE1E6';
114
172
 
115
- export declare const akEditorSwoopCubicBezier = 'cubic-bezier(0.15, 1, 0.3, 1)';
173
+ // @public (undocumented)
174
+ export const akEditorSwoopCubicBezier = 'cubic-bezier(0.15, 1, 0.3, 1)';
116
175
 
117
- export declare const akEditorTableBorder = '#C1C7D0';
176
+ // @public (undocumented)
177
+ export const akEditorTableBorder = '#C1C7D0';
118
178
 
119
- export declare const akEditorTableBorderDark = '#3B475C';
179
+ // @public (undocumented)
180
+ export const akEditorTableBorderDark = '#3B475C';
120
181
 
121
- export declare const akEditorTableBorderDelete = '#FF5630';
182
+ // @public (undocumented)
183
+ export const akEditorTableBorderDelete = '#FF5630';
122
184
 
123
- export declare const akEditorTableBorderRadius = '3px';
185
+ // @public (undocumented)
186
+ export const akEditorTableBorderRadius = '3px';
124
187
 
125
- export declare const akEditorTableBorderSelected = '#0065FF';
188
+ // @public (undocumented)
189
+ export const akEditorTableBorderSelected = '#0065FF';
126
190
 
127
- export declare const akEditorTableCellBackgroundOpacity = 0.5;
191
+ // @public (undocumented)
192
+ export const akEditorTableCellBackgroundOpacity = 0.5;
128
193
 
129
- export declare const akEditorTableCellDelete = '#FFEBE6';
194
+ // @public (undocumented)
195
+ export const akEditorTableCellDelete = '#FFEBE6';
130
196
 
131
- export declare const akEditorTableCellMinWidth = 48;
197
+ // @public (undocumented)
198
+ export const akEditorTableCellMinWidth = 48;
132
199
 
133
- export declare const akEditorTableCellSelected = '#B3D4FF';
200
+ // @public (undocumented)
201
+ export const akEditorTableCellSelected = '#B3D4FF';
134
202
 
135
- export declare const akEditorTableFloatingControls = '#F4F5F7';
203
+ // @public (undocumented)
204
+ export const akEditorTableFloatingControls = '#F4F5F7';
136
205
 
137
- export declare const akEditorTableLegacyCellMinWidth = 128;
206
+ // @public (undocumented)
207
+ export const akEditorTableLegacyCellMinWidth = 128;
138
208
 
139
- export declare const akEditorTableNumberColumnWidth = 42;
209
+ // @public (undocumented)
210
+ export const akEditorTableNumberColumnWidth = 42;
140
211
 
141
- export declare const akEditorTableToolbar = '#F4F5F7';
212
+ // @public (undocumented)
213
+ export const akEditorTableToolbar = '#F4F5F7';
142
214
 
143
- export declare const akEditorTableToolbarDark = '#283447';
215
+ // @public (undocumented)
216
+ export const akEditorTableToolbarDark = '#283447';
144
217
 
145
- export declare const akEditorTableToolbarDelete = '#FFBDAD';
218
+ // @public (undocumented)
219
+ export const akEditorTableToolbarDelete = '#FFBDAD';
146
220
 
147
- export declare const akEditorTableToolbarSelected = '#4C9AFF';
221
+ // @public (undocumented)
222
+ export const akEditorTableToolbarSelected = '#4C9AFF';
148
223
 
149
- export declare const akEditorTableToolbarSize = 11;
224
+ // @public (undocumented)
225
+ export const akEditorTableToolbarSize = 11;
150
226
 
151
- export declare const akEditorToolbarKeylineHeight = 2;
227
+ // @public (undocumented)
228
+ export const akEditorToolbarKeylineHeight = 2;
152
229
 
153
- export declare const akEditorUnitZIndex = 1;
230
+ // @public (undocumented)
231
+ export const akEditorUnitZIndex = 1;
154
232
 
155
- export declare const akEditorWideLayoutWidth = 960;
233
+ // @public (undocumented)
234
+ export const akEditorWideLayoutWidth = 960;
156
235
 
157
- export declare const akLayoutGutterOffset: number;
236
+ // @public (undocumented)
237
+ export const akLayoutGutterOffset: number;
158
238
 
159
- export declare const akRichMediaResizeZIndex: number;
239
+ // @public (undocumented)
240
+ export const akRichMediaResizeZIndex: number;
160
241
 
161
- export declare const ATLASSIAN_NAVIGATION_HEIGHT = '56px';
242
+ // @public (undocumented)
243
+ export const ATLASSIAN_NAVIGATION_HEIGHT = '56px';
162
244
 
163
- export declare const blockNodesVerticalMargin = '0.75rem';
245
+ // @public (undocumented)
246
+ export const blockNodesVerticalMargin = '0.75rem';
164
247
 
165
- export declare const breakoutWideScaleRatio = 1.33;
248
+ // @public (undocumented)
249
+ export const breakoutWideScaleRatio = 1.33;
166
250
 
167
- export declare const DEFAULT_EMBED_CARD_HEIGHT = 480;
251
+ // @public (undocumented)
252
+ export const DEFAULT_EMBED_CARD_HEIGHT = 480;
168
253
 
169
- export declare const DEFAULT_EMBED_CARD_WIDTH = 680;
254
+ // @public (undocumented)
255
+ export const DEFAULT_EMBED_CARD_WIDTH = 680;
170
256
 
171
- export declare const editorFontSize: ({
172
- theme,
173
- }: {
174
- theme: EditorTheme;
175
- }) => number;
257
+ // @public (undocumented)
258
+ export const editorFontSize: ({ theme }: { theme: EditorTheme }) => number;
176
259
 
177
- export declare type EditorTheme = {
260
+ // @public (undocumented)
261
+ export type EditorTheme = {
178
262
  baseFontSize?: number;
179
263
  };
180
264
 
181
- /**
182
- * Adds correct selection styling for a node
183
- * Pass in which selection style properties you want and it will return css string of necessary styles
184
- *
185
- * eg.
186
- * .expand.ak-editor-selected-node {
187
- * ${getSelectionStyles([SelectionStyle.BoxShadow, SelectionStyle.Blanket])}
188
- * }
189
- *
190
- */
191
- export declare const getSelectionStyles: (
265
+ // @public
266
+ export const getSelectionStyles: (
192
267
  selectionStyles: Array<SelectionStyle>,
193
268
  ) => string;
194
269
 
195
- export declare const getTableCellBackgroundDarkModeColors: string;
270
+ // @public (undocumented)
271
+ export const getTableCellBackgroundDarkModeColors: string;
196
272
 
197
- export declare const gridMediumMaxWidth = 1024;
273
+ // @public (undocumented)
274
+ export const gridMediumMaxWidth = 1024;
198
275
 
199
- export declare const hideNativeBrowserTextSelectionStyles =
276
+ // @public (undocumented)
277
+ export const hideNativeBrowserTextSelectionStyles =
200
278
  '\n ::selection,*::selection {\n background-color: transparent;\n }\n ::-moz-selection,*::-moz-selection {\n background-color: transparent;\n }\n';
201
279
 
202
- export declare const overflowShadow: ({
280
+ // @public (undocumented)
281
+ export const overflowShadow: ({
203
282
  background,
204
283
  width,
205
284
  }: {
@@ -207,25 +286,28 @@ export declare const overflowShadow: ({
207
286
  width: string;
208
287
  }) => SerializedStyles;
209
288
 
210
- export declare const relativeFontSizeToBase16: (px: number | string) => string;
289
+ // @public (undocumented)
290
+ export const relativeFontSizeToBase16: (px: number | string) => string;
211
291
 
212
- export declare const relativeSize: (
292
+ // @public (undocumented)
293
+ export const relativeSize: (
213
294
  multiplier: number,
214
295
  ) => ({ theme }: { theme: EditorTheme }) => number;
215
296
 
216
- /**
217
- * These are generic selection styles for all nodes
218
- * If you have custom behaviour needed for a node, add that in the plugin's styles
219
- * file in editor-core
220
- */
221
- export declare enum SelectionStyle {
222
- Border = 0,
223
- BoxShadow = 1,
297
+ // @public
298
+ export enum SelectionStyle {
299
+ // (undocumented)
224
300
  Background = 2,
301
+ // (undocumented)
225
302
  Blanket = 3,
303
+ // (undocumented)
304
+ Border = 0,
305
+ // (undocumented)
306
+ BoxShadow = 1,
226
307
  }
227
308
 
228
- export declare const VIEWPORT_SIZES: {
309
+ // @public (undocumented)
310
+ export const VIEWPORT_SIZES: {
229
311
  laptopHiDPI: {
230
312
  width: number;
231
313
  height: number;
@@ -256,5 +338,5 @@ export declare const VIEWPORT_SIZES: {
256
338
  };
257
339
  };
258
340
 
259
- export {};
341
+ // (No @packageDocumentation comment for this package)
260
342
  ```
package/src/consts/consts.ts CHANGED
@@ -134,11 +134,10 @@ export const akEditorSelectedNodeClassName = 'ak-editor-selected-node';
134
134
  export const editorFontSize = ({ theme }: { theme: EditorTheme }) =>
135
135
  theme && theme.baseFontSize ? theme.baseFontSize : defaultFontSize();
136
136
 
137
- export const relativeSize = (multiplier: number) => ({
138
- theme,
139
- }: {
140
- theme: EditorTheme;
141
- }) => editorFontSize({ theme }) * multiplier;
137
+ export const relativeSize =
138
+ (multiplier: number) =>
139
+ ({ theme }: { theme: EditorTheme }) =>
140
+ editorFontSize({ theme }) * multiplier;
142
141
 
143
142
  export const relativeFontSizeToBase16 = (px: number | string) => {
144
143
  if (typeof px === 'string') {
package/dist/types-ts4.0/consts/consts.d.ts DELETED
@@ -1,123 +0,0 @@
1
- import { EditorTheme } from './types';
2
- export declare const akEditorFullPageDefaultFontSize = 16;
3
- export declare const akEditorCodeFontFamily: string;
4
- export declare const akEditorInactiveForeground = "#42526E";
5
- export declare const akEditorFocus = "#4C9AFF";
6
- export declare const akEditorSubtleAccent = "#DFE1E6";
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";
15
- export declare const akEditorCodeBlockPadding = "12px";
16
- export declare const akEditorCodeInlinePadding = "2px 4px";
17
- export declare const akEditorDeleteBackground = "#FFEBE6";
18
- export declare const akEditorDeleteBackgroundShaded = "#FFEBE6";
19
- export declare const akEditorDeleteBackgroundWithOpacity = "rgba(255, 189, 173, 0.5)";
20
- export declare const akEditorDeleteBorder = "#FF5630";
21
- export declare const akEditorDeleteIconColor = "#DE350B";
22
- export declare const akEditorCustomIconSize = 20;
23
- export declare const akEditorSelectedBorderColor = "#0065FF";
24
- export declare const akEditorSelectedBgColor = "#DEEBFF";
25
- export declare const akEditorSelectedBlanketColor = "#B3D4FF";
26
- export declare const akEditorSelectedBorderSize = 1;
27
- export declare const akEditorSelectedBorder: string;
28
- export declare const akEditorSelectedBoxShadow: string;
29
- export declare const akEditorSelectedIconColor = "#0052CC";
30
- export declare const akEditorSelectedBorderBoldSize = 2;
31
- export declare const akEditorSelectedBlanketOpacity = 0.3;
32
- export declare const akEditorUnitZIndex = 1;
33
- export declare const akEditorShadowZIndex = 2;
34
- export declare const akEditorStickyHeaderZIndex = 11;
35
- export declare const akEditorSmallZIndex: number;
36
- export declare const akEditorGridLineZIndex = 9999;
37
- export declare const akEditorMenuZIndex: 500;
38
- export declare const akEditorFloatingPanelZIndex: 400;
39
- export declare const akEditorFloatingDialogZIndex: number;
40
- export declare const akEditorFloatingOverlapPanelZIndex: number;
41
- export declare const akEditorMentionSelected = "#7A869A";
42
- export declare const akEditorTableToolbarSize = 11;
43
- export declare const akEditorTableBorder = "#C1C7D0";
44
- export declare const akEditorTableBorderDark = "#3B475C";
45
- export declare const akEditorTableToolbar = "#F4F5F7";
46
- export declare const akEditorTableToolbarDark = "#283447";
47
- export declare const akEditorTableFloatingControls = "#F4F5F7";
48
- export declare const akEditorTableCellSelected = "#B3D4FF";
49
- export declare const akEditorTableToolbarSelected = "#4C9AFF";
50
- export declare const akEditorTableBorderSelected = "#0065FF";
51
- export declare const akEditorTableCellDelete = "#FFEBE6";
52
- export declare const akEditorTableBorderDelete = "#FF5630";
53
- export declare const akEditorTableToolbarDelete = "#FFBDAD";
54
- export declare const akEditorTableBorderRadius = "3px";
55
- export declare const akEditorTableCellBackgroundOpacity = 0.5;
56
- export declare const akEditorFullPageMaxWidth = 680;
57
- export declare const akEditorDefaultLayoutWidth = 760;
58
- export declare const akEditorWideLayoutWidth = 960;
59
- export declare const akEditorFullWidthLayoutWidth = 1800;
60
- export declare const akEditorFullWidthLayoutLineLength = 1792;
61
- export declare const akEditorTableNumberColumnWidth = 42;
62
- export declare const akEditorBreakoutPadding = 96;
63
- export declare const akEditorGutterPadding = 32;
64
- export declare const akEditorMobileBreakoutPoint = 720;
65
- export declare const akEditorTableCellMinWidth = 48;
66
- export declare const akEditorTableLegacyCellMinWidth = 128;
67
- export declare const akEditorMediaResizeHandlerPaddingWide = 12;
68
- export declare const akEditorMediaResizeHandlerPadding = 4;
69
- export declare const akEditorSwoopCubicBezier = "cubic-bezier(0.15, 1, 0.3, 1)";
70
- export declare const gridMediumMaxWidth = 1024;
71
- export declare const breakoutWideScaleRatio = 1.33;
72
- export declare const akRichMediaResizeZIndex: number;
73
- export declare const akLayoutGutterOffset: number;
74
- export declare const akEditorLineHeight = 1.714;
75
- export declare const akEditorRuleBackground = "#EBECF0";
76
- export declare const akEditorRuleBorderRadius = "1px";
77
- export declare const akEditorToolbarKeylineHeight = 2;
78
- export declare const akEditorContextPanelWidth = 320;
79
- export declare const blockNodesVerticalMargin = "0.75rem";
80
- export declare const DEFAULT_EMBED_CARD_WIDTH = 680;
81
- export declare const DEFAULT_EMBED_CARD_HEIGHT = 480;
82
- export declare const ATLASSIAN_NAVIGATION_HEIGHT = "56px";
83
- export declare const akEditorSelectedNodeClassName = "ak-editor-selected-node";
84
- export declare const editorFontSize: ({ theme }: {
85
- theme: EditorTheme;
86
- }) => number;
87
- export declare const relativeSize: (multiplier: number) => ({ theme, }: {
88
- theme: EditorTheme;
89
- }) => number;
90
- export declare const relativeFontSizeToBase16: (px: number | string) => string;
91
- export declare const VIEWPORT_SIZES: {
92
- laptopHiDPI: {
93
- width: number;
94
- height: number;
95
- };
96
- laptopMDPI: {
97
- width: number;
98
- height: number;
99
- };
100
- tabletL: {
101
- width: number;
102
- height: number;
103
- };
104
- tabletS: {
105
- width: number;
106
- height: number;
107
- };
108
- mobileM: {
109
- width: number;
110
- height: number;
111
- };
112
- mobileS: {
113
- width: number;
114
- height: number;
115
- };
116
- mobileXS: {
117
- width: number;
118
- height: number;
119
- };
120
- };
121
- export declare const akEditorMobileMaxWidth = 0;
122
- export declare const getTableCellBackgroundDarkModeColors: string;
123
- export declare function getTableCellBackgroundDarkModeColorCSS(colorName: string, colorValue: string): string;
package/dist/types-ts4.0/consts/index.d.ts DELETED
@@ -1,2 +0,0 @@
1
- export type { EditorTheme } from './types';
2
- 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, 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, akEditorTableCellSelected, akEditorTableFloatingControls, akEditorTableLegacyCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorTableToolbarDark, akEditorTableToolbarDelete, akEditorTableToolbarSelected, akEditorTableToolbarSize, akEditorUnitZIndex, akEditorWideLayoutWidth, akLayoutGutterOffset, akRichMediaResizeZIndex, blockNodesVerticalMargin, breakoutWideScaleRatio, editorFontSize, gridMediumMaxWidth, relativeSize, relativeFontSizeToBase16, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH, akEditorLineHeight, akEditorRuleBackground, akEditorRuleBorderRadius, akEditorSelectedNodeClassName, akEditorToolbarKeylineHeight, VIEWPORT_SIZES, akEditorMobileMaxWidth, getTableCellBackgroundDarkModeColors, ATLASSIAN_NAVIGATION_HEIGHT, } from './consts';
package/dist/types-ts4.0/consts/types.d.ts DELETED
@@ -1,3 +0,0 @@
1
- export declare type EditorTheme = {
2
- baseFontSize?: number;
3
- };
package/dist/types-ts4.0/index.d.ts DELETED
@@ -1,4 +0,0 @@
1
- export { akEditorActiveBackground, akEditorActiveForeground, akEditorBlockquoteBorderColor, akEditorBreakoutPadding, akEditorCodeBackground, akEditorCodeBlockPadding, akEditorCodeFontFamily, akEditorCodeInlinePadding, akEditorContextPanelWidth, akEditorDefaultLayoutWidth, akEditorDeleteBackground, akEditorDeleteBackgroundShaded, akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorDeleteIconColor, akEditorDropdownActiveBackground, akEditorFloatingDialogZIndex, akEditorFloatingOverlapPanelZIndex, akEditorFloatingPanelZIndex, akEditorFocus, akEditorFullPageMaxWidth, akEditorFullPageDefaultFontSize, akEditorFullWidthLayoutWidth, akEditorFullWidthLayoutLineLength, akEditorGridLineZIndex, akEditorGutterPadding, 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, akEditorTableCellSelected, akEditorTableFloatingControls, akEditorTableLegacyCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorTableToolbarDark, akEditorTableToolbarDelete, akEditorTableToolbarSelected, akEditorTableToolbarSize, akEditorUnitZIndex, akEditorWideLayoutWidth, akLayoutGutterOffset, akRichMediaResizeZIndex, blockNodesVerticalMargin, breakoutWideScaleRatio, editorFontSize, gridMediumMaxWidth, relativeSize, relativeFontSizeToBase16, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH, akEditorLineHeight, akEditorRuleBackground, akEditorRuleBorderRadius, akEditorSelectedNodeClassName, akEditorToolbarKeylineHeight, VIEWPORT_SIZES, akEditorMobileMaxWidth, getTableCellBackgroundDarkModeColors, ATLASSIAN_NAVIGATION_HEIGHT, } from './consts';
2
- export type { EditorTheme } from './consts';
3
- export { SelectionStyle, getSelectionStyles, hideNativeBrowserTextSelectionStyles, } from './selection';
4
- export { overflowShadow } from './overflow-shadow';
package/dist/types-ts4.0/overflow-shadow/index.d.ts DELETED
@@ -1 +0,0 @@
1
- export { overflowShadow } from './overflow-shadow';
package/dist/types-ts4.0/overflow-shadow/overflow-shadow.d.ts DELETED
@@ -1,4 +0,0 @@
1
- export declare const overflowShadow: ({ background, width, }: {
2
- background: string;
3
- width: string;
4
- }) => import("@emotion/react").SerializedStyles;
package/dist/types-ts4.0/scrollbar-styles.d.ts DELETED
@@ -1 +0,0 @@
1
- export declare const scrollbarStyles: string;
package/dist/types-ts4.0/selection/index.d.ts DELETED
@@ -1,2 +0,0 @@
1
- export { SelectionStyle } from './types';
2
- export { getSelectionStyles, hideNativeBrowserTextSelectionStyles, } from './utils';
package/dist/types-ts4.0/selection/types.d.ts DELETED
@@ -1,11 +0,0 @@
1
- /**
2
- * These are generic selection styles for all nodes
3
- * If you have custom behaviour needed for a node, add that in the plugin's styles
4
- * file in editor-core
5
- */
6
- export declare enum SelectionStyle {
7
- Border = 0,
8
- BoxShadow = 1,
9
- Background = 2,
10
- Blanket = 3
11
- }
package/dist/types-ts4.0/selection/utils.d.ts DELETED
@@ -1,13 +0,0 @@
1
- import { SelectionStyle } from './types';
2
- /**
3
- * Adds correct selection styling for a node
4
- * Pass in which selection style properties you want and it will return css string of necessary styles
5
- *
6
- * eg.
7
- * .expand.ak-editor-selected-node {
8
- * ${getSelectionStyles([SelectionStyle.BoxShadow, SelectionStyle.Blanket])}
9
- * }
10
- *
11
- */
12
- export declare const getSelectionStyles: (selectionStyles: Array<SelectionStyle>) => string;
13
- export declare const hideNativeBrowserTextSelectionStyles = "\n ::selection,*::selection {\n background-color: transparent;\n }\n ::-moz-selection,*::-moz-selection {\n background-color: transparent;\n }\n";
package/dist/types-ts4.0/shortcut/index.d.ts DELETED
@@ -1 +0,0 @@
1
- export { shortcutStyle } from './shortcut';
package/dist/types-ts4.0/shortcut/shortcut.d.ts DELETED
@@ -1 +0,0 @@
1
- export declare const shortcutStyle: import("@emotion/react").SerializedStyles;