@atlaskit/editor-shared-styles 2.7.0 → 2.8.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.
Files changed (27) hide show
  1. package/CHANGELOG.md +49 -37
  2. package/dist/cjs/consts/consts.js +96 -189
  3. package/dist/cjs/consts/index.js +6 -0
  4. package/dist/cjs/index.js +6 -0
  5. package/dist/cjs/overflow-shadow/overflow-shadow.js +2 -3
  6. package/dist/cjs/scrollbar-styles.js +1 -2
  7. package/dist/cjs/selection/types.js +2 -3
  8. package/dist/cjs/selection/utils.js +2 -4
  9. package/dist/cjs/shortcut/shortcut.js +1 -2
  10. package/dist/es2019/consts/consts.js +2 -1
  11. package/dist/es2019/consts/index.js +1 -1
  12. package/dist/es2019/index.js +1 -1
  13. package/dist/esm/consts/consts.js +2 -1
  14. package/dist/esm/consts/index.js +1 -1
  15. package/dist/esm/index.js +1 -1
  16. package/dist/types/consts/consts.d.ts +2 -1
  17. package/dist/types/consts/index.d.ts +1 -1
  18. package/dist/types/index.d.ts +1 -1
  19. package/dist/types-ts4.5/consts/consts.d.ts +2 -1
  20. package/dist/types-ts4.5/consts/index.d.ts +1 -1
  21. package/dist/types-ts4.5/index.d.ts +1 -1
  22. package/package.json +2 -2
  23. package/report.api.md +4 -1
  24. package/src/consts/consts.ts +3 -1
  25. package/src/consts/index.ts +1 -0
  26. package/src/index.ts +1 -0
  27. package/tmp/api-report-tmp.d.ts +4 -1
package/CHANGELOG.md CHANGED
@@ -1,59 +1,71 @@
1
1
  # @atlaskit/editor-shared-styles
2
2
 
3
+ ## 2.8.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [#41274](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41274) [`17ba12fb12b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/17ba12fb12b) - fix unnecessarily high z-index so that the vertical scrollbar in Safari does not overlay other layer components with z-index below 9999
8
+
9
+ ## 2.8.0
10
+
11
+ ### Minor Changes
12
+
13
+ - [#39366](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/39366) [`3aaff60be08`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3aaff60be08) - ED-18988 Adds classnames and constants for table sticky scrollbar
14
+
3
15
  ## 2.7.0
4
16
 
5
17
  ### Minor Changes
6
18
 
7
- - [`0b1f816e4fa`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0b1f816e4fa) - [ux] Added akEditorTableHeaderCellBackground to store fallback.
19
+ - [#40236](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40236) [`0b1f816e4fa`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0b1f816e4fa) - [ux] Added akEditorTableHeaderCellBackground to store fallback.
8
20
 
9
21
  ## 2.6.1
10
22
 
11
23
  ### Patch Changes
12
24
 
13
- - [`113fcc02759`](https://bitbucket.org/atlassian/atlassian-frontend/commits/113fcc02759) - ED-19433 Extract Emoji Plugin to its own package
25
+ - [#39154](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/39154) [`113fcc02759`](https://bitbucket.org/atlassian/atlassian-frontend/commits/113fcc02759) - ED-19433 Extract Emoji Plugin to its own package
14
26
 
15
27
  ## 2.6.0
16
28
 
17
29
  ### Minor Changes
18
30
 
19
- - [`79dc812733f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/79dc812733f) - [ED-19293] Exposes a new constant value for table guidelines to align with nodes that are using wide layout
31
+ - [#38223](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38223) [`79dc812733f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/79dc812733f) - [ED-19293] Exposes a new constant value for table guidelines to align with nodes that are using wide layout
20
32
 
21
33
  ## 2.5.0
22
34
 
23
35
  ### Minor Changes
24
36
 
25
- - [`638784fa9d5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/638784fa9d5) - force dependency bump
26
- - [`df488d9b806`](https://bitbucket.org/atlassian/atlassian-frontend/commits/df488d9b806) - [ux] Adds a new constant with a zIndex that is used for table sticky header and table cells that are in the sticky header
37
+ - [#37456](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/37456) [`638784fa9d5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/638784fa9d5) - force dependency bump
38
+ - [#37270](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/37270) [`df488d9b806`](https://bitbucket.org/atlassian/atlassian-frontend/commits/df488d9b806) - [ux] Adds a new constant with a zIndex that is used for table sticky header and table cells that are in the sticky header
27
39
 
28
40
  ## 2.4.4
29
41
 
30
42
  ### Patch Changes
31
43
 
32
- - [`e64541c6fda`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e64541c6fda) - [ux] [ED-18759] Updated table border, handlebar controls, blanket, icon, icon background and table cell options button colour tokens on light and dark theme for table selection and table deletion. Borders for Table Floating Contextual Button & Floating toolbar color palette button on dark & light theme are also updated.
44
+ - [#36845](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/36845) [`e64541c6fda`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e64541c6fda) - [ux] [ED-18759] Updated table border, handlebar controls, blanket, icon, icon background and table cell options button colour tokens on light and dark theme for table selection and table deletion. Borders for Table Floating Contextual Button & Floating toolbar color palette button on dark & light theme are also updated.
33
45
 
34
46
  ## 2.4.3
35
47
 
36
48
  ### Patch Changes
37
49
 
38
- - [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
50
+ - [#33793](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33793) [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
39
51
 
40
52
  ## 2.4.2
41
53
 
42
54
  ### Patch Changes
43
55
 
44
- - [`9369cc38a68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9369cc38a68) - Migrated use of `gridSize` to space tokens where possible. There is no expected visual or behaviour change.
56
+ - [#33771](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33771) [`9369cc38a68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9369cc38a68) - Migrated use of `gridSize` to space tokens where possible. There is no expected visual or behaviour change.
45
57
 
46
58
  ## 2.4.1
47
59
 
48
60
  ### Patch Changes
49
61
 
50
- - [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
62
+ - [#33649](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33649) [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
51
63
 
52
64
  ## 2.4.0
53
65
 
54
66
  ### Minor Changes
55
67
 
56
- - [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
68
+ - [#33258](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33258) [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
57
69
 
58
70
  ### Patch Changes
59
71
 
@@ -63,20 +75,20 @@
63
75
 
64
76
  ### Patch Changes
65
77
 
66
- - [`0d93211414e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0d93211414e) - Updates usage of removed design token `utilities.UNSAFE_util.transparent` in favour of its replacement `utilities.UNSAFE.transparent`.
78
+ - [#27634](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/27634) [`0d93211414e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0d93211414e) - Updates usage of removed design token `utilities.UNSAFE_util.transparent` in favour of its replacement `utilities.UNSAFE.transparent`.
67
79
  - Updated dependencies
68
80
 
69
81
  ## 2.3.1
70
82
 
71
83
  ### Patch Changes
72
84
 
73
- - [`6455cf006b3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6455cf006b3) - Builds for this package now pass through a tokens babel plugin, removing runtime invocations of the tokens() function and improving performance.
85
+ - [#28324](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/28324) [`6455cf006b3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6455cf006b3) - Builds for this package now pass through a tokens babel plugin, removing runtime invocations of the tokens() function and improving performance.
74
86
 
75
87
  ## 2.3.0
76
88
 
77
89
  ### Minor Changes
78
90
 
79
- - [`4fbaeb2a1fd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4fbaeb2a1fd) - DSP-4118 Updated tokens used to render overflow shadows in code blocks.
91
+ - [#28090](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/28090) [`4fbaeb2a1fd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4fbaeb2a1fd) - DSP-4118 Updated tokens used to render overflow shadows in code blocks.
80
92
 
81
93
  New tokens will be visible only in applications configured to use the new Tokens API (currently in beta).
82
94
  These changes are intended to be interoperable with the legacy theme implementation. Legacy dark mode users should expect no visual or breaking changes.
@@ -99,7 +111,7 @@
99
111
 
100
112
  ### Patch Changes
101
113
 
102
- - [`977ac74443c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/977ac74443c) - DSP-7235: Fixes issue with overflow shadows on code blocks due to layered transparent colors.
114
+ - [#26712](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26712) [`977ac74443c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/977ac74443c) - DSP-7235: Fixes issue with overflow shadows on code blocks due to layered transparent colors.
103
115
 
104
116
  ## 2.2.2
105
117
 
@@ -111,39 +123,39 @@
111
123
 
112
124
  ### Patch Changes
113
125
 
114
- - [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade Typescript from `4.3.5` to `4.5.5`
126
+ - [#24874](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24874) [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade Typescript from `4.3.5` to `4.5.5`
115
127
 
116
128
  ## 2.2.0
117
129
 
118
130
  ### Minor Changes
119
131
 
120
- - [`73d9a2fa116`](https://bitbucket.org/atlassian/atlassian-frontend/commits/73d9a2fa116) - ED-15568 Restore table's FloatingContextualMenu, extract utils/UI components
132
+ - [#24607](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24607) [`73d9a2fa116`](https://bitbucket.org/atlassian/atlassian-frontend/commits/73d9a2fa116) - ED-15568 Restore table's FloatingContextualMenu, extract utils/UI components
121
133
 
122
134
  ## 2.1.5
123
135
 
124
136
  ### Patch Changes
125
137
 
126
- - [`a6df7e823d8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a6df7e823d8) - [ux] Fixed trello card overflow issue in table cells & fixed merged table cells selection / hover state
138
+ - [#24004](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24004) [`a6df7e823d8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a6df7e823d8) - [ux] Fixed trello card overflow issue in table cells & fixed merged table cells selection / hover state
127
139
  - Updated dependencies
128
140
 
129
141
  ## 2.1.4
130
142
 
131
143
  ### Patch Changes
132
144
 
133
- - [`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) - Upgrade Typescript from `4.2.4` to `4.3.5`.
145
+ - [#24492](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24492) [`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) - Upgrade Typescript from `4.2.4` to `4.3.5`.
134
146
 
135
147
  ## 2.1.3
136
148
 
137
149
  ### Patch Changes
138
150
 
139
- - [`450a17a332a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/450a17a332a) - [ux] ED-14654: Lower z-index values on editor elements so they do not stick out of the editor and interfere with consuming products
151
+ - [#22642](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/22642) [`450a17a332a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/450a17a332a) - [ux] ED-14654: Lower z-index values on editor elements so they do not stick out of the editor and interfere with consuming products
140
152
  - [`30c74c32783`](https://bitbucket.org/atlassian/atlassian-frontend/commits/30c74c32783) - [ux] ED-15234: reverts ED-14654 because causing header zindex issues
141
153
 
142
154
  ## 2.1.2
143
155
 
144
156
  ### Patch Changes
145
157
 
146
- - [`17480b66f3e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/17480b66f3e) - [ux][ed-9943] Fix to have the TypeAhead component appear above the main editor toolbar.
158
+ - [#21570](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/21570) [`17480b66f3e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/17480b66f3e) - [ux][ed-9943] Fix to have the TypeAhead component appear above the main editor toolbar.
147
159
  - [`d8b3bc73330`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d8b3bc73330) - [ED-14507] Deprecate the allowDynamicTextSizing editor prop and remove all code related to it. This feature has been unused since 2020.
148
160
 
149
161
  ## 2.1.1
@@ -156,7 +168,7 @@
156
168
 
157
169
  ### Minor Changes
158
170
 
159
- - [`02bfb564e45`](https://bitbucket.org/atlassian/atlassian-frontend/commits/02bfb564e45) - [ux] Instrumented `@atlaskit/editor-shared-styles` and partial `@atlaskit/editor-core` with the new theming package, `@atlaskit/tokens`.
171
+ - [#20721](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/20721) [`02bfb564e45`](https://bitbucket.org/atlassian/atlassian-frontend/commits/02bfb564e45) - [ux] Instrumented `@atlaskit/editor-shared-styles` and partial `@atlaskit/editor-core` with the new theming package, `@atlaskit/tokens`.
160
172
 
161
173
  New tokens will be visible only in applications configured to use the new Tokens API (currently in alpha).
162
174
  These changes are intended to be interoperable with the legacy theme implementation. Legacy dark mode users should expect no visual or breaking changes.
@@ -170,13 +182,13 @@
170
182
 
171
183
  ### Patch Changes
172
184
 
173
- - [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade to TypeScript 4.2.4
185
+ - [#20650](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/20650) [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade to TypeScript 4.2.4
174
186
 
175
187
  ## 2.0.0
176
188
 
177
189
  ### Major Changes
178
190
 
179
- - [`e22509504e8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e22509504e8) - ED-14255 migrate editor-shared-style to emotion
191
+ - [#19019](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/19019) [`e22509504e8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e22509504e8) - ED-14255 migrate editor-shared-style to emotion
180
192
 
181
193
  ### Patch Changes
182
194
 
@@ -186,7 +198,7 @@
186
198
 
187
199
  ### Minor Changes
188
200
 
189
- - [`1a07c1caf61`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1a07c1caf61) - CETI-93 - Fixed custom panel icon sizing and alignment when icon render as image
201
+ - [#14319](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/14319) [`1a07c1caf61`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1a07c1caf61) - CETI-93 - Fixed custom panel icon sizing and alignment when icon render as image
190
202
 
191
203
  ### Patch Changes
192
204
 
@@ -196,26 +208,26 @@
196
208
 
197
209
  ### Minor Changes
198
210
 
199
- - [`c2c0160f566`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c2c0160f566) - Bump editor-shared-styles to pick up relativeFontSizeToBase16
211
+ - [#10316](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/10316) [`c2c0160f566`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c2c0160f566) - Bump editor-shared-styles to pick up relativeFontSizeToBase16
200
212
 
201
213
  ## 1.4.1
202
214
 
203
215
  ### Patch Changes
204
216
 
205
- - [`5c835144ef0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5c835144ef0) - [ME-741][me-743] Remove PX references in editor packages and modify code block font size.
217
+ - [#9756](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/9756) [`5c835144ef0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5c835144ef0) - [ME-741][me-743] Remove PX references in editor packages and modify code block font size.
206
218
  - Updated dependencies
207
219
 
208
220
  ## 1.4.0
209
221
 
210
222
  ### Minor Changes
211
223
 
212
- - [`e2fb7440936`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e2fb7440936) - ED-12430: Fix issue with Editor showing double scrollbar when context panel is visible.Update context panel to have same height as editor content area when using position absolute styles
224
+ - [#9281](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/9281) [`e2fb7440936`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e2fb7440936) - ED-12430: Fix issue with Editor showing double scrollbar when context panel is visible.Update context panel to have same height as editor content area when using position absolute styles
213
225
 
214
226
  ## 1.3.0
215
227
 
216
228
  ### Minor Changes
217
229
 
218
- - [`511a91ad376`](https://bitbucket.org/atlassian/atlassian-frontend/commits/511a91ad376) - [ux] ED-12128: Update Context Panel to use set width of 320px and remove 'width' prop.
230
+ - [#8644](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/8644) [`511a91ad376`](https://bitbucket.org/atlassian/atlassian-frontend/commits/511a91ad376) - [ux] ED-12128: Update Context Panel to use set width of 320px and remove 'width' prop.
219
231
  Remove 'width' prop from the Context Panel component as we no longer allow dynamic panel width to enforce consistency.
220
232
 
221
233
  All references to this component can safely remove the 'wdith' prop as it is no longer part of the component props.
@@ -229,31 +241,31 @@
229
241
 
230
242
  ### Patch Changes
231
243
 
232
- - [`7d24194b639`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7d24194b639) - EDM-1717: Fix Safari danger styles for inline smart links
244
+ - [#7762](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/7762) [`7d24194b639`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7d24194b639) - EDM-1717: Fix Safari danger styles for inline smart links
233
245
 
234
246
  ## 1.2.0
235
247
 
236
248
  ### Minor Changes
237
249
 
238
- - [`0615a2be97`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0615a2be97) - ED-10441: share overflow-shadow helper
250
+ - [#7170](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/7170) [`0615a2be97`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0615a2be97) - ED-10441: share overflow-shadow helper
239
251
 
240
252
  ## 1.1.7
241
253
 
242
254
  ### Patch Changes
243
255
 
244
- - [`d3265f19be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d3265f19be) - Transpile packages using babel rather than tsc
256
+ - [#5857](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5857) [`d3265f19be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d3265f19be) - Transpile packages using babel rather than tsc
245
257
 
246
258
  ## 1.1.6
247
259
 
248
260
  ### Patch Changes
249
261
 
250
- - [`d6c23f1886`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d6c23f1886) - Added dark mode support to table cell background colors
262
+ - [#6228](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/6228) [`d6c23f1886`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d6c23f1886) - Added dark mode support to table cell background colors
251
263
 
252
264
  ## 1.1.5
253
265
 
254
266
  ### Patch Changes
255
267
 
256
- - [`7895bfa4f3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7895bfa4f3) - [ux] ED-10562 Update selection styles for unsupported content
268
+ - [#5516](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5516) [`7895bfa4f3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7895bfa4f3) - [ux] ED-10562 Update selection styles for unsupported content
257
269
 
258
270
  Use background colour instead of blanket styling
259
271
  Fix an issue on Safari where text inside unsupported content appeared selected when node was selected
@@ -262,19 +274,19 @@
262
274
 
263
275
  ### Patch Changes
264
276
 
265
- - [`34674fa4cd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/34674fa4cd) - [ux] ED-10780 removed the threshold that enabled responsive changes
277
+ - [#5762](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5762) [`34674fa4cd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/34674fa4cd) - [ux] ED-10780 removed the threshold that enabled responsive changes
266
278
 
267
279
  ## 1.1.3
268
280
 
269
281
  ### Patch Changes
270
282
 
271
- - [`a2634b5390`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a2634b5390) - [ux] ED-10780 reduced the threshold for responcive toolbar oayout;fixed problem with italic button not working when it is in collapse menu.
283
+ - [#5720](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5720) [`a2634b5390`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a2634b5390) - [ux] ED-10780 reduced the threshold for responcive toolbar oayout;fixed problem with italic button not working when it is in collapse menu.
272
284
 
273
285
  ## 1.1.2
274
286
 
275
287
  ### Patch Changes
276
288
 
277
- - [`5f58283e1f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5f58283e1f) - Export types using Typescript's new "export type" syntax to satisfy Typescript's --isolatedModules compiler option.
289
+ - [#5497](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5497) [`5f58283e1f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5f58283e1f) - Export types using Typescript's new "export type" syntax to satisfy Typescript's --isolatedModules compiler option.
278
290
  This requires version 3.8 of Typescript, read more about how we handle Typescript versions here: https://atlaskit.atlassian.com/get-started
279
291
  Also add `typescript` to `devDependencies` to denote version that the package was built with.
280
292
 
@@ -288,7 +300,7 @@
288
300
 
289
301
  ### Minor Changes
290
302
 
291
- - [`fbc358206c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fbc358206c) - ED-9125 ED-8837 Export values for selected border and selected box shadow, and util to disable browser text selection
303
+ - [#4749](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/4749) [`fbc358206c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fbc358206c) - ED-9125 ED-8837 Export values for selected border and selected box shadow, and util to disable browser text selection
292
304
  - [`4f217f1d92`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4f217f1d92) - ED-10168 Add new package @atlaskit/editor-shared-styles
293
305
 
294
306
  ### Patch Changes
package/dist/cjs/consts/consts.js CHANGED
@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports.editorFontSize = exports.breakoutWideScaleRatio = exports.blockNodesVerticalMargin = exports.akRichMediaResizeZIndex = exports.akLayoutGutterOffset = exports.akEditorWideLayoutWidth = exports.akEditorUnitZIndex = exports.akEditorToolbarKeylineHeight = exports.akEditorTableToolbarSize = exports.akEditorTableToolbarSelected = exports.akEditorTableToolbarDelete = exports.akEditorTableToolbarDark = exports.akEditorTableToolbar = exports.akEditorTableNumberColumnWidth = exports.akEditorTableLegacyCellMinWidth = exports.akEditorTableHeaderCellBackgroundDark = exports.akEditorTableHeaderCellBackground = exports.akEditorTableFloatingControls = exports.akEditorTableCellSelected = exports.akEditorTableCellOnStickyHeaderZIndex = exports.akEditorTableCellMinWidth = exports.akEditorTableCellDelete = exports.akEditorTableCellBlanketSelected = exports.akEditorTableCellBlanketDeleted = exports.akEditorTableCellBackgroundOpacity = exports.akEditorTableBorderSelected = exports.akEditorTableBorderRadius = exports.akEditorTableBorderDelete = exports.akEditorTableBorderDark = exports.akEditorTableBorder = exports.akEditorSwoopCubicBezier = exports.akEditorSubtleAccent = exports.akEditorStickyHeaderZIndex = exports.akEditorSmallZIndex = exports.akEditorShadowZIndex = exports.akEditorSelectedNodeClassName = exports.akEditorSelectedIconColor = exports.akEditorSelectedBoxShadow = exports.akEditorSelectedBorderSize = exports.akEditorSelectedBorderColor = exports.akEditorSelectedBorderBoldSize = exports.akEditorSelectedBorder = exports.akEditorSelectedBlanketOpacity = exports.akEditorSelectedBlanketColor = exports.akEditorSelectedBgColor = exports.akEditorRuleBorderRadius = exports.akEditorRuleBackground = exports.akEditorPrimaryButton = exports.akEditorPopupText = exports.akEditorPopupBackground = exports.akEditorMobileMaxWidth = exports.akEditorMobileBreakoutPoint = exports.akEditorMenuZIndex = exports.akEditorMentionSelected = exports.akEditorMediaResizeHandlerPaddingWide = exports.akEditorMediaResizeHandlerPadding = exports.akEditorLineHeight = exports.akEditorInactiveForeground = exports.akEditorGutterPadding = exports.akEditorGridLineZIndex = exports.akEditorFullWidthLayoutWidth = exports.akEditorFullWidthLayoutLineLength = exports.akEditorFullPageMaxWidth = exports.akEditorFullPageDefaultFontSize = exports.akEditorFocus = exports.akEditorFloatingPanelZIndex = exports.akEditorFloatingOverlapPanelZIndex = exports.akEditorFloatingDialogZIndex = exports.akEditorDropdownActiveBackground = exports.akEditorDeleteIconColor = exports.akEditorDeleteBorder = exports.akEditorDeleteBackgroundWithOpacity = exports.akEditorDeleteBackgroundShaded = exports.akEditorDeleteBackground = exports.akEditorDefaultLayoutWidth = exports.akEditorCustomIconSize = exports.akEditorContextPanelWidth = exports.akEditorCodeInlinePadding = exports.akEditorCodeFontFamily = exports.akEditorCodeBlockPadding = exports.akEditorCodeBackground = exports.akEditorCalculatedWideLayoutWidth = exports.akEditorBreakoutPadding = exports.akEditorBlockquoteBorderColor = exports.akEditorActiveForeground = exports.akEditorActiveBackground = exports.VIEWPORT_SIZES = exports.DEFAULT_EMBED_CARD_WIDTH = exports.DEFAULT_EMBED_CARD_HEIGHT = exports.ATLASSIAN_NAVIGATION_HEIGHT = void 0;
7
+ exports.editorFontSize = exports.breakoutWideScaleRatio = exports.blockNodesVerticalMargin = exports.akRichMediaResizeZIndex = exports.akLayoutGutterOffset = exports.akEditorWideLayoutWidth = exports.akEditorUnitZIndex = exports.akEditorToolbarKeylineHeight = exports.akEditorTableToolbarSize = exports.akEditorTableToolbarSelected = exports.akEditorTableToolbarDelete = exports.akEditorTableToolbarDark = exports.akEditorTableToolbar = exports.akEditorTableNumberColumnWidth = exports.akEditorTableLegacyCellMinWidth = exports.akEditorTableHeaderCellBackgroundDark = exports.akEditorTableHeaderCellBackground = exports.akEditorTableFloatingControls = exports.akEditorTableCellSelected = exports.akEditorTableCellOnStickyHeaderZIndex = exports.akEditorTableCellMinWidth = exports.akEditorTableCellDelete = exports.akEditorTableCellBlanketSelected = exports.akEditorTableCellBlanketDeleted = exports.akEditorTableCellBackgroundOpacity = exports.akEditorTableBorderSelected = exports.akEditorTableBorderRadius = exports.akEditorTableBorderDelete = exports.akEditorTableBorderDark = exports.akEditorTableBorder = exports.akEditorSwoopCubicBezier = exports.akEditorSubtleAccent = exports.akEditorStickyHeaderZIndex = exports.akEditorSmallZIndex = exports.akEditorShadowZIndex = exports.akEditorSelectedNodeClassName = exports.akEditorSelectedIconColor = exports.akEditorSelectedBoxShadow = exports.akEditorSelectedBorderSize = exports.akEditorSelectedBorderColor = exports.akEditorSelectedBorderBoldSize = exports.akEditorSelectedBorder = exports.akEditorSelectedBlanketOpacity = exports.akEditorSelectedBlanketColor = exports.akEditorSelectedBgColor = exports.akEditorRuleBorderRadius = exports.akEditorRuleBackground = exports.akEditorPrimaryButton = exports.akEditorPopupText = exports.akEditorPopupBackground = exports.akEditorMobileMaxWidth = exports.akEditorMobileBreakoutPoint = exports.akEditorMenuZIndex = exports.akEditorMentionSelected = exports.akEditorMediaResizeHandlerPaddingWide = exports.akEditorMediaResizeHandlerPadding = exports.akEditorLineHeight = exports.akEditorInactiveForeground = exports.akEditorGutterPadding = exports.akEditorGridLineZIndex = exports.akEditorFullWidthLayoutWidth = exports.akEditorFullWidthLayoutLineLength = exports.akEditorFullPageMaxWidth = exports.akEditorFullPageDefaultFontSize = exports.akEditorFocus = exports.akEditorFloatingPanelZIndex = exports.akEditorFloatingOverlapPanelZIndex = exports.akEditorFloatingDialogZIndex = exports.akEditorDropdownActiveBackground = exports.akEditorDeleteIconColor = exports.akEditorDeleteBorder = exports.akEditorDeleteBackgroundWithOpacity = exports.akEditorDeleteBackgroundShaded = exports.akEditorDeleteBackground = exports.akEditorDefaultLayoutWidth = exports.akEditorCustomIconSize = exports.akEditorContextPanelWidth = exports.akEditorCodeInlinePadding = exports.akEditorCodeFontFamily = exports.akEditorCodeBlockPadding = exports.akEditorCodeBackground = exports.akEditorCalculatedWideLayoutWidth = exports.akEditorBreakoutPadding = exports.akEditorBlockquoteBorderColor = exports.akEditorActiveForeground = exports.akEditorActiveBackground = exports.VIEWPORT_SIZES = exports.MAX_BROWSER_SCROLLBAR_HEIGHT = exports.DEFAULT_EMBED_CARD_WIDTH = exports.DEFAULT_EMBED_CARD_HEIGHT = exports.ATLASSIAN_NAVIGATION_HEIGHT = void 0;
8
8
  exports.getTableCellBackgroundDarkModeColorCSS = getTableCellBackgroundDarkModeColorCSS;
9
9
  exports.relativeSize = exports.relativeFontSizeToBase16 = exports.gridMediumMaxWidth = exports.getTableCellBackgroundDarkModeColors = void 0;
10
10
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
@@ -12,196 +12,108 @@ var _colors = require("@atlaskit/theme/colors");
12
12
  var _constants = require("@atlaskit/theme/constants");
13
13
  /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
14
14
 
15
- var akEditorFullPageDefaultFontSize = 16;
16
- exports.akEditorFullPageDefaultFontSize = akEditorFullPageDefaultFontSize;
17
- var akEditorCodeFontFamily = (0, _constants.codeFontFamily)();
18
- exports.akEditorCodeFontFamily = akEditorCodeFontFamily;
19
- var akEditorInactiveForeground = _colors.N500;
20
- exports.akEditorInactiveForeground = akEditorInactiveForeground;
21
- var akEditorFocus = _colors.B100;
22
- exports.akEditorFocus = akEditorFocus;
23
- var akEditorSubtleAccent = _colors.N40;
24
- exports.akEditorSubtleAccent = akEditorSubtleAccent;
25
- var akEditorActiveBackground = _colors.N500;
26
- exports.akEditorActiveBackground = akEditorActiveBackground;
27
- var akEditorActiveForeground = _colors.N0;
28
- exports.akEditorActiveForeground = akEditorActiveForeground;
29
- var akEditorBlockquoteBorderColor = _colors.N40;
30
- exports.akEditorBlockquoteBorderColor = akEditorBlockquoteBorderColor;
31
- var akEditorDropdownActiveBackground = _colors.N900;
32
- exports.akEditorDropdownActiveBackground = akEditorDropdownActiveBackground;
33
- var akEditorPopupBackground = _colors.N700;
34
- exports.akEditorPopupBackground = akEditorPopupBackground;
35
- var akEditorPopupText = _colors.B50;
36
- exports.akEditorPopupText = akEditorPopupText;
37
- var akEditorPrimaryButton = _colors.B400;
38
- exports.akEditorPrimaryButton = akEditorPrimaryButton;
39
- var akEditorCodeBackground = _colors.N20;
40
- exports.akEditorCodeBackground = akEditorCodeBackground;
41
- var akEditorCodeBlockPadding = '12px';
42
- exports.akEditorCodeBlockPadding = akEditorCodeBlockPadding;
43
- var akEditorCodeInlinePadding = '2px 4px';
44
- exports.akEditorCodeInlinePadding = akEditorCodeInlinePadding;
45
- var akEditorDeleteBackground = _colors.R50;
46
- exports.akEditorDeleteBackground = akEditorDeleteBackground;
47
- var akEditorDeleteBackgroundShaded = _colors.R50;
48
- exports.akEditorDeleteBackgroundShaded = akEditorDeleteBackgroundShaded;
49
- var akEditorDeleteBackgroundWithOpacity = 'rgba(255, 189, 173, 0.5)'; // R75 with 50% opacity
50
- exports.akEditorDeleteBackgroundWithOpacity = akEditorDeleteBackgroundWithOpacity;
51
- var akEditorDeleteBorder = _colors.R300;
52
- exports.akEditorDeleteBorder = akEditorDeleteBorder;
53
- var akEditorDeleteIconColor = _colors.R400;
54
- exports.akEditorDeleteIconColor = akEditorDeleteIconColor;
55
- var akEditorCustomIconSize = 20;
56
- exports.akEditorCustomIconSize = akEditorCustomIconSize;
57
- var akEditorSelectedBorderColor = _colors.B300;
58
- exports.akEditorSelectedBorderColor = akEditorSelectedBorderColor;
59
- var akEditorSelectedBgColor = _colors.B50;
60
- exports.akEditorSelectedBgColor = akEditorSelectedBgColor;
61
- var akEditorSelectedBlanketColor = _colors.B75;
62
- exports.akEditorSelectedBlanketColor = akEditorSelectedBlanketColor;
63
- var akEditorSelectedBorderSize = 1;
64
- exports.akEditorSelectedBorderSize = akEditorSelectedBorderSize;
65
- var akEditorSelectedBorder = "".concat(akEditorSelectedBorderSize, "px solid ", "var(--ds-border-selected, ".concat(akEditorSelectedBorderColor, ")"));
66
- exports.akEditorSelectedBorder = akEditorSelectedBorder;
67
- var akEditorSelectedBoxShadow = "0 0 0 ".concat(akEditorSelectedBorderSize, "px ", "var(--ds-border-selected, ".concat(akEditorSelectedBorderColor, ")"));
68
- exports.akEditorSelectedBoxShadow = akEditorSelectedBoxShadow;
69
- var akEditorSelectedIconColor = _colors.B400;
70
- exports.akEditorSelectedIconColor = akEditorSelectedIconColor;
71
- var akEditorSelectedBorderBoldSize = 2;
72
- exports.akEditorSelectedBorderBoldSize = akEditorSelectedBorderBoldSize;
73
- var akEditorSelectedBlanketOpacity = 0.3;
74
- exports.akEditorSelectedBlanketOpacity = akEditorSelectedBlanketOpacity;
75
- var akEditorUnitZIndex = 1;
76
- exports.akEditorUnitZIndex = akEditorUnitZIndex;
77
- var akEditorShadowZIndex = 2;
78
- exports.akEditorShadowZIndex = akEditorShadowZIndex;
79
- var akEditorStickyHeaderZIndex = 11; // filmstrip uses 10 for its shadow
80
- exports.akEditorStickyHeaderZIndex = akEditorStickyHeaderZIndex;
81
- var akEditorSmallZIndex = akEditorStickyHeaderZIndex + 1;
82
- exports.akEditorSmallZIndex = akEditorSmallZIndex;
83
- var akEditorGridLineZIndex = 9999;
15
+ var akEditorFullPageDefaultFontSize = exports.akEditorFullPageDefaultFontSize = 16;
16
+ var akEditorCodeFontFamily = exports.akEditorCodeFontFamily = (0, _constants.codeFontFamily)();
17
+ var akEditorInactiveForeground = exports.akEditorInactiveForeground = _colors.N500;
18
+ var akEditorFocus = exports.akEditorFocus = _colors.B100;
19
+ var akEditorSubtleAccent = exports.akEditorSubtleAccent = _colors.N40;
20
+ var akEditorActiveBackground = exports.akEditorActiveBackground = _colors.N500;
21
+ var akEditorActiveForeground = exports.akEditorActiveForeground = _colors.N0;
22
+ var akEditorBlockquoteBorderColor = exports.akEditorBlockquoteBorderColor = _colors.N40;
23
+ var akEditorDropdownActiveBackground = exports.akEditorDropdownActiveBackground = _colors.N900;
24
+ var akEditorPopupBackground = exports.akEditorPopupBackground = _colors.N700;
25
+ var akEditorPopupText = exports.akEditorPopupText = _colors.B50;
26
+ var akEditorPrimaryButton = exports.akEditorPrimaryButton = _colors.B400;
27
+ var akEditorCodeBackground = exports.akEditorCodeBackground = _colors.N20;
28
+ var akEditorCodeBlockPadding = exports.akEditorCodeBlockPadding = '12px';
29
+ var akEditorCodeInlinePadding = exports.akEditorCodeInlinePadding = '2px 4px';
30
+ var akEditorDeleteBackground = exports.akEditorDeleteBackground = _colors.R50;
31
+ var akEditorDeleteBackgroundShaded = exports.akEditorDeleteBackgroundShaded = _colors.R50;
32
+ var akEditorDeleteBackgroundWithOpacity = exports.akEditorDeleteBackgroundWithOpacity = 'rgba(255, 189, 173, 0.5)'; // R75 with 50% opacity
33
+ var akEditorDeleteBorder = exports.akEditorDeleteBorder = _colors.R300;
34
+ var akEditorDeleteIconColor = exports.akEditorDeleteIconColor = _colors.R400;
35
+ var akEditorCustomIconSize = exports.akEditorCustomIconSize = 20;
36
+ var akEditorSelectedBorderColor = exports.akEditorSelectedBorderColor = _colors.B300;
37
+ var akEditorSelectedBgColor = exports.akEditorSelectedBgColor = _colors.B50;
38
+ var akEditorSelectedBlanketColor = exports.akEditorSelectedBlanketColor = _colors.B75;
39
+ var akEditorSelectedBorderSize = exports.akEditorSelectedBorderSize = 1;
40
+ var akEditorSelectedBorder = exports.akEditorSelectedBorder = "".concat(akEditorSelectedBorderSize, "px solid ", "var(--ds-border-selected, ".concat(akEditorSelectedBorderColor, ")"));
41
+ var akEditorSelectedBoxShadow = exports.akEditorSelectedBoxShadow = "0 0 0 ".concat(akEditorSelectedBorderSize, "px ", "var(--ds-border-selected, ".concat(akEditorSelectedBorderColor, ")"));
42
+ var akEditorSelectedIconColor = exports.akEditorSelectedIconColor = _colors.B400;
43
+ var akEditorSelectedBorderBoldSize = exports.akEditorSelectedBorderBoldSize = 2;
44
+ var akEditorSelectedBlanketOpacity = exports.akEditorSelectedBlanketOpacity = 0.3;
45
+ var akEditorUnitZIndex = exports.akEditorUnitZIndex = 1;
46
+ var akEditorShadowZIndex = exports.akEditorShadowZIndex = 2;
47
+ var akEditorStickyHeaderZIndex = exports.akEditorStickyHeaderZIndex = 11; // filmstrip uses 10 for its shadow
48
+ var akEditorSmallZIndex = exports.akEditorSmallZIndex = akEditorStickyHeaderZIndex + 1;
49
+ var akEditorGridLineZIndex = exports.akEditorGridLineZIndex = 1;
84
50
  // z-index for main menu bar -
85
51
  // this is highest as it should be above anything else in editor below.
86
- exports.akEditorGridLineZIndex = akEditorGridLineZIndex;
87
- var akEditorMenuZIndex = _constants.layers.blanket();
52
+ var akEditorMenuZIndex = exports.akEditorMenuZIndex = _constants.layers.blanket();
88
53
  // z-index used for floating toolbars like code block, table etc
89
- exports.akEditorMenuZIndex = akEditorMenuZIndex;
90
- var akEditorFloatingPanelZIndex = _constants.layers.layer();
54
+ var akEditorFloatingPanelZIndex = exports.akEditorFloatingPanelZIndex = _constants.layers.layer();
91
55
  // z-index used for pickers (date, emoji, mentions) and type-aheads, hyperlinks
92
- exports.akEditorFloatingPanelZIndex = akEditorFloatingPanelZIndex;
93
- var akEditorFloatingDialogZIndex = akEditorMenuZIndex + 10;
56
+ var akEditorFloatingDialogZIndex = exports.akEditorFloatingDialogZIndex = akEditorMenuZIndex + 10;
94
57
  // z-index used for table cell menu options button on a sticky header
95
- exports.akEditorFloatingDialogZIndex = akEditorFloatingDialogZIndex;
96
- var akEditorTableCellOnStickyHeaderZIndex = akEditorFloatingDialogZIndex - 5;
58
+ var akEditorTableCellOnStickyHeaderZIndex = exports.akEditorTableCellOnStickyHeaderZIndex = akEditorFloatingDialogZIndex - 5;
97
59
  // z-index used for floating toolbars table cell menu which are above block toolbars
98
- exports.akEditorTableCellOnStickyHeaderZIndex = akEditorTableCellOnStickyHeaderZIndex;
99
- var akEditorFloatingOverlapPanelZIndex = akEditorFloatingPanelZIndex + 5;
100
- exports.akEditorFloatingOverlapPanelZIndex = akEditorFloatingOverlapPanelZIndex;
101
- var akEditorMentionSelected = _colors.N100;
102
- exports.akEditorMentionSelected = akEditorMentionSelected;
103
- var akEditorTableToolbarSize = 11;
104
- exports.akEditorTableToolbarSize = akEditorTableToolbarSize;
105
- var akEditorTableBorder = _colors.N50;
106
- exports.akEditorTableBorder = akEditorTableBorder;
107
- var akEditorTableBorderDark = _colors.DN70;
108
- exports.akEditorTableBorderDark = akEditorTableBorderDark;
109
- var akEditorTableToolbar = _colors.N20;
110
- exports.akEditorTableToolbar = akEditorTableToolbar;
111
- var akEditorTableToolbarDark = _colors.DN50;
112
- exports.akEditorTableToolbarDark = akEditorTableToolbarDark;
113
- var akEditorTableFloatingControls = _colors.N20;
114
- exports.akEditorTableFloatingControls = akEditorTableFloatingControls;
115
- var akEditorTableCellSelected = _colors.B75;
116
- exports.akEditorTableCellSelected = akEditorTableCellSelected;
117
- var akEditorTableHeaderCellBackground = '#F1F2F4';
118
- exports.akEditorTableHeaderCellBackground = akEditorTableHeaderCellBackground;
119
- var akEditorTableHeaderCellBackgroundDark = '#2C333A';
120
- exports.akEditorTableHeaderCellBackgroundDark = akEditorTableHeaderCellBackgroundDark;
121
- var akEditorTableToolbarSelected = _colors.B100;
122
- exports.akEditorTableToolbarSelected = akEditorTableToolbarSelected;
123
- var akEditorTableBorderSelected = _colors.B300;
124
- exports.akEditorTableBorderSelected = akEditorTableBorderSelected;
125
- var akEditorTableCellDelete = _colors.R50;
126
- exports.akEditorTableCellDelete = akEditorTableCellDelete;
127
- var akEditorTableBorderDelete = _colors.R300;
128
- exports.akEditorTableBorderDelete = akEditorTableBorderDelete;
129
- var akEditorTableToolbarDelete = _colors.R75;
130
- exports.akEditorTableToolbarDelete = akEditorTableToolbarDelete;
131
- var akEditorTableBorderRadius = '3px';
132
- exports.akEditorTableBorderRadius = akEditorTableBorderRadius;
133
- var akEditorTableCellBackgroundOpacity = 0.5;
134
- exports.akEditorTableCellBackgroundOpacity = akEditorTableCellBackgroundOpacity;
135
- var akEditorFullPageMaxWidth = 680;
136
- exports.akEditorFullPageMaxWidth = akEditorFullPageMaxWidth;
137
- var akEditorDefaultLayoutWidth = 760;
138
- exports.akEditorDefaultLayoutWidth = akEditorDefaultLayoutWidth;
139
- var akEditorWideLayoutWidth = 960; // This value is used for tables with breakouts and is used to calculate `breakoutWidthPx`
140
- exports.akEditorWideLayoutWidth = akEditorWideLayoutWidth;
141
- var akEditorFullWidthLayoutWidth = 1800;
142
- exports.akEditorFullWidthLayoutWidth = akEditorFullWidthLayoutWidth;
143
- var akEditorFullWidthLayoutLineLength = 1792;
144
- exports.akEditorFullWidthLayoutLineLength = akEditorFullWidthLayoutLineLength;
145
- var akEditorTableNumberColumnWidth = 42;
146
- exports.akEditorTableNumberColumnWidth = akEditorTableNumberColumnWidth;
147
- var akEditorBreakoutPadding = 96;
148
- exports.akEditorBreakoutPadding = akEditorBreakoutPadding;
149
- var akEditorGutterPadding = 32;
150
- exports.akEditorGutterPadding = akEditorGutterPadding;
151
- var akEditorMobileBreakoutPoint = 720;
152
- exports.akEditorMobileBreakoutPoint = akEditorMobileBreakoutPoint;
153
- var akEditorTableCellMinWidth = 48;
154
- exports.akEditorTableCellMinWidth = akEditorTableCellMinWidth;
155
- var akEditorTableLegacyCellMinWidth = 128;
156
- exports.akEditorTableLegacyCellMinWidth = akEditorTableLegacyCellMinWidth;
157
- var akEditorMediaResizeHandlerPaddingWide = 12;
158
- exports.akEditorMediaResizeHandlerPaddingWide = akEditorMediaResizeHandlerPaddingWide;
159
- var akEditorMediaResizeHandlerPadding = 4;
160
- exports.akEditorMediaResizeHandlerPadding = akEditorMediaResizeHandlerPadding;
161
- var akEditorSwoopCubicBezier = "cubic-bezier(0.15, 1, 0.3, 1)";
162
- exports.akEditorSwoopCubicBezier = akEditorSwoopCubicBezier;
163
- var gridMediumMaxWidth = 1024;
164
- exports.gridMediumMaxWidth = gridMediumMaxWidth;
165
- var breakoutWideScaleRatio = 1.33;
166
- exports.breakoutWideScaleRatio = breakoutWideScaleRatio;
167
- var akEditorCalculatedWideLayoutWidth = 1011; // = akEditorDefaultLayoutWidth * breakoutWideScaleRatio = 1010.8 ~ 1011 This is a resulting width value that is applied to nodes that currently use breakouts (except table) and are set to `wide` when the viewport's width is > 1329px.
168
- exports.akEditorCalculatedWideLayoutWidth = akEditorCalculatedWideLayoutWidth;
169
- var akRichMediaResizeZIndex = akEditorUnitZIndex * 99;
170
- exports.akRichMediaResizeZIndex = akRichMediaResizeZIndex;
171
- var akLayoutGutterOffset = (0, _constants.gridSize)() * 1.5;
172
- exports.akLayoutGutterOffset = akLayoutGutterOffset;
173
- var akEditorLineHeight = 1.714;
174
- exports.akEditorLineHeight = akEditorLineHeight;
175
- var akEditorRuleBackground = _colors.N30;
176
- exports.akEditorRuleBackground = akEditorRuleBackground;
177
- var akEditorRuleBorderRadius = '1px';
178
- exports.akEditorRuleBorderRadius = akEditorRuleBorderRadius;
179
- var akEditorToolbarKeylineHeight = 2;
180
- exports.akEditorToolbarKeylineHeight = akEditorToolbarKeylineHeight;
181
- var akEditorContextPanelWidth = 320;
182
- exports.akEditorContextPanelWidth = akEditorContextPanelWidth;
183
- var akEditorTableCellBlanketSelected = 'rgba(179, 212, 255, 0.3)';
184
- exports.akEditorTableCellBlanketSelected = akEditorTableCellBlanketSelected;
185
- var akEditorTableCellBlanketDeleted = 'rgba(255, 235, 230, 0.3)';
60
+ var akEditorFloatingOverlapPanelZIndex = exports.akEditorFloatingOverlapPanelZIndex = akEditorFloatingPanelZIndex + 5;
61
+ var akEditorMentionSelected = exports.akEditorMentionSelected = _colors.N100;
62
+ var akEditorTableToolbarSize = exports.akEditorTableToolbarSize = 11;
63
+ var akEditorTableBorder = exports.akEditorTableBorder = _colors.N50;
64
+ var akEditorTableBorderDark = exports.akEditorTableBorderDark = _colors.DN70;
65
+ var akEditorTableToolbar = exports.akEditorTableToolbar = _colors.N20;
66
+ var akEditorTableToolbarDark = exports.akEditorTableToolbarDark = _colors.DN50;
67
+ var akEditorTableFloatingControls = exports.akEditorTableFloatingControls = _colors.N20;
68
+ var akEditorTableCellSelected = exports.akEditorTableCellSelected = _colors.B75;
69
+ var akEditorTableHeaderCellBackground = exports.akEditorTableHeaderCellBackground = '#F1F2F4';
70
+ var akEditorTableHeaderCellBackgroundDark = exports.akEditorTableHeaderCellBackgroundDark = '#2C333A';
71
+ var akEditorTableToolbarSelected = exports.akEditorTableToolbarSelected = _colors.B100;
72
+ var akEditorTableBorderSelected = exports.akEditorTableBorderSelected = _colors.B300;
73
+ var akEditorTableCellDelete = exports.akEditorTableCellDelete = _colors.R50;
74
+ var akEditorTableBorderDelete = exports.akEditorTableBorderDelete = _colors.R300;
75
+ var akEditorTableToolbarDelete = exports.akEditorTableToolbarDelete = _colors.R75;
76
+ var akEditorTableBorderRadius = exports.akEditorTableBorderRadius = '3px';
77
+ var akEditorTableCellBackgroundOpacity = exports.akEditorTableCellBackgroundOpacity = 0.5;
78
+ var akEditorFullPageMaxWidth = exports.akEditorFullPageMaxWidth = 680;
79
+ var akEditorDefaultLayoutWidth = exports.akEditorDefaultLayoutWidth = 760;
80
+ var akEditorWideLayoutWidth = exports.akEditorWideLayoutWidth = 960; // This value is used for tables with breakouts and is used to calculate `breakoutWidthPx`
81
+ var akEditorFullWidthLayoutWidth = exports.akEditorFullWidthLayoutWidth = 1800;
82
+ var akEditorFullWidthLayoutLineLength = exports.akEditorFullWidthLayoutLineLength = 1792;
83
+ var akEditorTableNumberColumnWidth = exports.akEditorTableNumberColumnWidth = 42;
84
+ var akEditorBreakoutPadding = exports.akEditorBreakoutPadding = 96;
85
+ var akEditorGutterPadding = exports.akEditorGutterPadding = 32;
86
+ var akEditorMobileBreakoutPoint = exports.akEditorMobileBreakoutPoint = 720;
87
+ var akEditorTableCellMinWidth = exports.akEditorTableCellMinWidth = 48;
88
+ var akEditorTableLegacyCellMinWidth = exports.akEditorTableLegacyCellMinWidth = 128;
89
+ var akEditorMediaResizeHandlerPaddingWide = exports.akEditorMediaResizeHandlerPaddingWide = 12;
90
+ var akEditorMediaResizeHandlerPadding = exports.akEditorMediaResizeHandlerPadding = 4;
91
+ var akEditorSwoopCubicBezier = exports.akEditorSwoopCubicBezier = "cubic-bezier(0.15, 1, 0.3, 1)";
92
+ var gridMediumMaxWidth = exports.gridMediumMaxWidth = 1024;
93
+ var breakoutWideScaleRatio = exports.breakoutWideScaleRatio = 1.33;
94
+ var akEditorCalculatedWideLayoutWidth = exports.akEditorCalculatedWideLayoutWidth = 1011; // = akEditorDefaultLayoutWidth * breakoutWideScaleRatio = 1010.8 ~ 1011 This is a resulting width value that is applied to nodes that currently use breakouts (except table) and are set to `wide` when the viewport's width is > 1329px.
95
+ var akRichMediaResizeZIndex = exports.akRichMediaResizeZIndex = akEditorUnitZIndex * 99;
96
+ var akLayoutGutterOffset = exports.akLayoutGutterOffset = (0, _constants.gridSize)() * 1.5;
97
+ var akEditorLineHeight = exports.akEditorLineHeight = 1.714;
98
+ var akEditorRuleBackground = exports.akEditorRuleBackground = _colors.N30;
99
+ var akEditorRuleBorderRadius = exports.akEditorRuleBorderRadius = '1px';
100
+ var akEditorToolbarKeylineHeight = exports.akEditorToolbarKeylineHeight = 2;
101
+ var akEditorContextPanelWidth = exports.akEditorContextPanelWidth = 320;
102
+ var akEditorTableCellBlanketSelected = exports.akEditorTableCellBlanketSelected = 'rgba(179, 212, 255, 0.3)';
103
+ var akEditorTableCellBlanketDeleted = exports.akEditorTableCellBlanketDeleted = 'rgba(255, 235, 230, 0.3)';
186
104
 
187
105
  // @see typography spreadsheet: https://docs.google.com/spreadsheets/d/1iYusRGCT4PoPfvxbJ8NrgjtfFgXLm5lpDWXzjua1W2E/edit#gid=93913128
188
- exports.akEditorTableCellBlanketDeleted = akEditorTableCellBlanketDeleted;
189
- var blockNodesVerticalMargin = '0.75rem';
190
- exports.blockNodesVerticalMargin = blockNodesVerticalMargin;
191
- var DEFAULT_EMBED_CARD_WIDTH = 680;
192
- exports.DEFAULT_EMBED_CARD_WIDTH = DEFAULT_EMBED_CARD_WIDTH;
193
- var DEFAULT_EMBED_CARD_HEIGHT = 480;
194
- exports.DEFAULT_EMBED_CARD_HEIGHT = DEFAULT_EMBED_CARD_HEIGHT;
195
- var ATLASSIAN_NAVIGATION_HEIGHT = '56px';
196
- exports.ATLASSIAN_NAVIGATION_HEIGHT = ATLASSIAN_NAVIGATION_HEIGHT;
197
- var akEditorSelectedNodeClassName = 'ak-editor-selected-node';
198
- exports.akEditorSelectedNodeClassName = akEditorSelectedNodeClassName;
199
- var editorFontSize = function editorFontSize(_ref) {
106
+ var blockNodesVerticalMargin = exports.blockNodesVerticalMargin = '0.75rem';
107
+ var DEFAULT_EMBED_CARD_WIDTH = exports.DEFAULT_EMBED_CARD_WIDTH = 680;
108
+ var DEFAULT_EMBED_CARD_HEIGHT = exports.DEFAULT_EMBED_CARD_HEIGHT = 480;
109
+ var MAX_BROWSER_SCROLLBAR_HEIGHT = exports.MAX_BROWSER_SCROLLBAR_HEIGHT = 20;
110
+ var ATLASSIAN_NAVIGATION_HEIGHT = exports.ATLASSIAN_NAVIGATION_HEIGHT = '56px';
111
+ var akEditorSelectedNodeClassName = exports.akEditorSelectedNodeClassName = 'ak-editor-selected-node';
112
+ var editorFontSize = exports.editorFontSize = function editorFontSize(_ref) {
200
113
  var theme = _ref.theme;
201
114
  return theme && theme.baseFontSize ? theme.baseFontSize : (0, _constants.fontSize)();
202
115
  };
203
- exports.editorFontSize = editorFontSize;
204
- var relativeSize = function relativeSize(multiplier) {
116
+ var relativeSize = exports.relativeSize = function relativeSize(multiplier) {
205
117
  return function (_ref2) {
206
118
  var theme = _ref2.theme;
207
119
  return editorFontSize({
@@ -209,8 +121,7 @@ var relativeSize = function relativeSize(multiplier) {
209
121
  }) * multiplier;
210
122
  };
211
123
  };
212
- exports.relativeSize = relativeSize;
213
- var relativeFontSizeToBase16 = function relativeFontSizeToBase16(px) {
124
+ var relativeFontSizeToBase16 = exports.relativeFontSizeToBase16 = function relativeFontSizeToBase16(px) {
214
125
  if (typeof px === 'string') {
215
126
  px = parseInt(px);
216
127
  }
@@ -219,8 +130,7 @@ var relativeFontSizeToBase16 = function relativeFontSizeToBase16(px) {
219
130
  }
220
131
  return "".concat(px / 16, "rem");
221
132
  };
222
- exports.relativeFontSizeToBase16 = relativeFontSizeToBase16;
223
- var VIEWPORT_SIZES = {
133
+ var VIEWPORT_SIZES = exports.VIEWPORT_SIZES = {
224
134
  laptopHiDPI: {
225
135
  width: 1440,
226
136
  height: 900
@@ -252,16 +162,13 @@ var VIEWPORT_SIZES = {
252
162
  };
253
163
 
254
164
  // to be updated in ED-10790: this should be variable threshold based on how many buttons enabled on main toolbar
255
- exports.VIEWPORT_SIZES = VIEWPORT_SIZES;
256
- var akEditorMobileMaxWidth = 0;
257
- exports.akEditorMobileMaxWidth = akEditorMobileMaxWidth;
258
- var getTableCellBackgroundDarkModeColors = [['White', '#000000'], ['Light blue', '#0C294F'], ['Light teal', '#0C343B'], ['Light green', '#052E21'], ['Light yellow', '#484123'], ['Light red', '#441C13'], ['Light purple', '#282249'], ['Light gray', '#202328'], ['Blue', '#0B3165'], ['Teal', '#044853'], ['Green', '#053927'], ['Yellow', '#6F5C25'], ['Red', '#582013'], ['Purple', '#3E327B'], ['Gray', '#475262'], ['Dark blue', '#003884'], ['Dark teal', '#055866'], ['Dark green', '#044932'], ['Dark yellow', '#82641C'], ['Dark red', '#6B2A19'], ['Dark purple', '#4D38B2']].map(function (_ref3) {
165
+ var akEditorMobileMaxWidth = exports.akEditorMobileMaxWidth = 0;
166
+ var getTableCellBackgroundDarkModeColors = exports.getTableCellBackgroundDarkModeColors = [['White', '#000000'], ['Light blue', '#0C294F'], ['Light teal', '#0C343B'], ['Light green', '#052E21'], ['Light yellow', '#484123'], ['Light red', '#441C13'], ['Light purple', '#282249'], ['Light gray', '#202328'], ['Blue', '#0B3165'], ['Teal', '#044853'], ['Green', '#053927'], ['Yellow', '#6F5C25'], ['Red', '#582013'], ['Purple', '#3E327B'], ['Gray', '#475262'], ['Dark blue', '#003884'], ['Dark teal', '#055866'], ['Dark green', '#044932'], ['Dark yellow', '#82641C'], ['Dark red', '#6B2A19'], ['Dark purple', '#4D38B2']].map(function (_ref3) {
259
167
  var _ref4 = (0, _slicedToArray2.default)(_ref3, 2),
260
168
  colorName = _ref4[0],
261
169
  colorValue = _ref4[1];
262
170
  return getTableCellBackgroundDarkModeColorCSS(colorName, colorValue);
263
171
  }).join('\n');
264
- exports.getTableCellBackgroundDarkModeColors = getTableCellBackgroundDarkModeColors;
265
172
  function getTableCellBackgroundDarkModeColorCSS(colorName, colorValue) {
266
173
  return "\n &[colorname=\"".concat(colorName, "\"] {\n background-color: ").concat(colorValue, " !important; // !important to override default style color\n }\n ");
267
174
  }
package/dist/cjs/consts/index.js CHANGED
@@ -21,6 +21,12 @@ Object.defineProperty(exports, "DEFAULT_EMBED_CARD_WIDTH", {
21
21
  return _consts.DEFAULT_EMBED_CARD_WIDTH;
22
22
  }
23
23
  });
24
+ Object.defineProperty(exports, "MAX_BROWSER_SCROLLBAR_HEIGHT", {
25
+ enumerable: true,
26
+ get: function get() {
27
+ return _consts.MAX_BROWSER_SCROLLBAR_HEIGHT;
28
+ }
29
+ });
24
30
  Object.defineProperty(exports, "VIEWPORT_SIZES", {
25
31
  enumerable: true,
26
32
  get: function get() {
package/dist/cjs/index.js CHANGED
@@ -21,6 +21,12 @@ Object.defineProperty(exports, "DEFAULT_EMBED_CARD_WIDTH", {
21
21
  return _consts.DEFAULT_EMBED_CARD_WIDTH;
22
22
  }
23
23
  });
24
+ Object.defineProperty(exports, "MAX_BROWSER_SCROLLBAR_HEIGHT", {
25
+ enumerable: true,
26
+ get: function get() {
27
+ return _consts.MAX_BROWSER_SCROLLBAR_HEIGHT;
28
+ }
29
+ });
24
30
  Object.defineProperty(exports, "SelectionStyle", {
25
31
  enumerable: true,
26
32
  get: function get() {
package/dist/cjs/overflow-shadow/overflow-shadow.js CHANGED
@@ -9,7 +9,7 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
9
9
  var _react = require("@emotion/react");
10
10
  var _templateObject;
11
11
  /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
12
- var overflowShadow = function overflowShadow(_ref) {
12
+ var overflowShadow = exports.overflowShadow = function overflowShadow(_ref) {
13
13
  var background = _ref.background,
14
14
  _ref$width = _ref.width,
15
15
  width = _ref$width === void 0 ? "var(--ds-space-100, 8px)" : _ref$width,
@@ -18,5 +18,4 @@ var overflowShadow = function overflowShadow(_ref) {
18
18
  var leftCoverWidthResolved = leftCoverWidth || width;
19
19
  var rightCoverWidthResolved = rightCoverWidth || width;
20
20
  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n/* shadow cover left */\n linear-gradient(\n to right,\n ", " ", ",\n transparent ", "\n ),\n/* shadow cover background left */\n linear-gradient(\n to right,\n ", " ", ",\n transparent ", "\n ),\n/* shadow cover right */\n linear-gradient(\n to left,\n ", " ", ",\n transparent ", "\n ),\n/* shadow cover background right */\n linear-gradient(\n to left,\n ", " ", ",\n transparent ", "\n ),\n/* overflow shadow right spread */\n linear-gradient(\n to left,\n ", " 0,\n ", " ", "\n ),\n /* overflow shadow right perimeter */\n linear-gradient(\n to left,\n ", " 0,\n ", " ", "\n ),\n /* overflow shadow left spread */\n linear-gradient(\n to right,\n ", " 0,\n ", " ", "\n ),\n /* overflow shadow left perimeter */\n linear-gradient(\n to right,\n ", " 0,\n ", " ", "\n )\n"])), background, leftCoverWidthResolved, leftCoverWidthResolved, "var(--ds-surface-raised, transparent)", leftCoverWidthResolved, leftCoverWidthResolved, background, rightCoverWidthResolved, rightCoverWidthResolved, "var(--ds-surface-raised, transparent)", rightCoverWidthResolved, rightCoverWidthResolved, "var(--ds-shadow-overflow-spread, rgba(9, 30, 66, 0.13))", "var(--ds-UNSAFE-transparent, rgba(99, 114, 130, 0))", width, "var(--ds-shadow-overflow-perimeter, transparent)", "var(--ds-UNSAFE-transparent, transparent)", width, "var(--ds-shadow-overflow-spread, rgba(9, 30, 66, 0.13))", "var(--ds-UNSAFE-transparent, rgba(99, 114, 130, 0))", width, "var(--ds-shadow-overflow-perimeter, transparent)", "var(--ds-UNSAFE-transparent, transparent)", width);
21
- };
22
- exports.overflowShadow = overflowShadow;
21
+ };
package/dist/cjs/scrollbar-styles.js CHANGED
@@ -5,5 +5,4 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.scrollbarStyles = void 0;
7
7
  // TODO: https://product-fabric.atlassian.net/browse/DSP-4494
8
- var scrollbarStyles = "\n -ms-overflow-style: -ms-autohiding-scrollbar;\n\n &::-webkit-scrollbar {\n height: ".concat("var(--ds-space-100, 8px)", ";\n width: ", "var(--ds-space-100, 8px)", ";\n }\n\n &::-webkit-scrollbar-corner {\n display: none;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: ", "var(--ds-background-neutral-subtle, rgba(0, 0, 0, 0))", ";\n }\n\n &:hover::-webkit-scrollbar-thumb {\n background-color: ", "var(--ds-background-neutral-bold, rgba(0, 0, 0, 0.2))", ";\n border-radius: 8px;\n }\n\n &::-webkit-scrollbar-thumb:hover {\n background-color: ", "var(--ds-background-neutral-bold-hovered, rgba(0, 0, 0, 0.4))", ";\n }\n");
9
- exports.scrollbarStyles = scrollbarStyles;
8
+ var scrollbarStyles = exports.scrollbarStyles = "\n -ms-overflow-style: -ms-autohiding-scrollbar;\n\n &::-webkit-scrollbar {\n height: ".concat("var(--ds-space-100, 8px)", ";\n width: ", "var(--ds-space-100, 8px)", ";\n }\n\n &::-webkit-scrollbar-corner {\n display: none;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: ", "var(--ds-background-neutral-subtle, rgba(0, 0, 0, 0))", ";\n }\n\n &:hover::-webkit-scrollbar-thumb {\n background-color: ", "var(--ds-background-neutral-bold, rgba(0, 0, 0, 0.2))", ";\n border-radius: 8px;\n }\n\n &::-webkit-scrollbar-thumb:hover {\n background-color: ", "var(--ds-background-neutral-bold-hovered, rgba(0, 0, 0, 0.4))", ";\n }\n");
package/dist/cjs/selection/types.js CHANGED
@@ -9,11 +9,10 @@ exports.SelectionStyle = void 0;
9
9
  * If you have custom behaviour needed for a node, add that in the plugin's styles
10
10
  * file in editor-core
11
11
  */
12
- var SelectionStyle = /*#__PURE__*/function (SelectionStyle) {
12
+ var SelectionStyle = exports.SelectionStyle = /*#__PURE__*/function (SelectionStyle) {
13
13
  SelectionStyle[SelectionStyle["Border"] = 0] = "Border";
14
14
  SelectionStyle[SelectionStyle["BoxShadow"] = 1] = "BoxShadow";
15
15
  SelectionStyle[SelectionStyle["Background"] = 2] = "Background";
16
16
  SelectionStyle[SelectionStyle["Blanket"] = 3] = "Blanket";
17
17
  return SelectionStyle;
18
- }({});
19
- exports.SelectionStyle = SelectionStyle;
18
+ }({});
package/dist/cjs/selection/utils.js CHANGED
@@ -16,14 +16,12 @@ var _types = require("./types");
16
16
  * }
17
17
  *
18
18
  */
19
- var getSelectionStyles = function getSelectionStyles(selectionStyles) {
19
+ var getSelectionStyles = exports.getSelectionStyles = function getSelectionStyles(selectionStyles) {
20
20
  return selectionStyles.map(function (selectionStyle) {
21
21
  return getSelectionStyle(selectionStyle);
22
22
  }).concat(hideNativeBrowserTextSelectionStyles).join('\n');
23
23
  };
24
- exports.getSelectionStyles = getSelectionStyles;
25
- var hideNativeBrowserTextSelectionStyles = "\n ::selection,*::selection {\n background-color: transparent;\n }\n ::-moz-selection,*::-moz-selection {\n background-color: transparent;\n }\n";
26
- exports.hideNativeBrowserTextSelectionStyles = hideNativeBrowserTextSelectionStyles;
24
+ var hideNativeBrowserTextSelectionStyles = exports.hideNativeBrowserTextSelectionStyles = "\n ::selection,*::selection {\n background-color: transparent;\n }\n ::-moz-selection,*::-moz-selection {\n background-color: transparent;\n }\n";
27
25
  var getSelectionStyle = function getSelectionStyle(style) {
28
26
  switch (style) {
29
27
  case _types.SelectionStyle.Border:
package/dist/cjs/shortcut/shortcut.js CHANGED
@@ -11,5 +11,4 @@ var _colors = require("@atlaskit/theme/colors");
11
11
  var _constants = require("@atlaskit/theme/constants");
12
12
  var _consts = require("../consts");
13
13
  var _templateObject;
14
- var shortcutStyle = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n background-color: ", "; /* N60 at 50% */\n color: ", ";\n border-radius: ", "px;\n padding: 4px;\n line-height: 12px;\n font-size: ", ";\n align-self: flex-end;\n @media (max-width: ", "px) {\n display: none;\n }\n"])), "var(--ds-background-neutral, rgba(223, 225, 229, 0.5))", "var(--ds-text-subtle, ".concat(_colors.N100, ")"), (0, _constants.borderRadius)(), (0, _consts.relativeFontSizeToBase16)(11.67), _consts.akEditorMobileMaxWidth);
15
- exports.shortcutStyle = shortcutStyle;
14
+ var shortcutStyle = exports.shortcutStyle = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n background-color: ", "; /* N60 at 50% */\n color: ", ";\n border-radius: ", "px;\n padding: 4px;\n line-height: 12px;\n font-size: ", ";\n align-self: flex-end;\n @media (max-width: ", "px) {\n display: none;\n }\n"])), "var(--ds-background-neutral, rgba(223, 225, 229, 0.5))", "var(--ds-text-subtle, ".concat(_colors.N100, ")"), (0, _constants.borderRadius)(), (0, _consts.relativeFontSizeToBase16)(11.67), _consts.akEditorMobileMaxWidth);
package/dist/es2019/consts/consts.js CHANGED
@@ -37,7 +37,7 @@ export const akEditorUnitZIndex = 1;
37
37
  export const akEditorShadowZIndex = 2;
38
38
  export const akEditorStickyHeaderZIndex = 11; // filmstrip uses 10 for its shadow
39
39
  export const akEditorSmallZIndex = akEditorStickyHeaderZIndex + 1;
40
- export const akEditorGridLineZIndex = 9999;
40
+ export const akEditorGridLineZIndex = 1;
41
41
  // z-index for main menu bar -
42
42
  // this is highest as it should be above anything else in editor below.
43
43
  export const akEditorMenuZIndex = layers.blanket();
@@ -97,6 +97,7 @@ export const akEditorTableCellBlanketDeleted = 'rgba(255, 235, 230, 0.3)';
97
97
  export const blockNodesVerticalMargin = '0.75rem';
98
98
  export const DEFAULT_EMBED_CARD_WIDTH = 680;
99
99
  export const DEFAULT_EMBED_CARD_HEIGHT = 480;
100
+ export const MAX_BROWSER_SCROLLBAR_HEIGHT = 20;
100
101
  export const ATLASSIAN_NAVIGATION_HEIGHT = '56px';
101
102
  export const akEditorSelectedNodeClassName = 'ak-editor-selected-node';
102
103
  export const editorFontSize = ({
package/dist/es2019/consts/index.js CHANGED
@@ -1 +1 @@
1
- export { akEditorActiveBackground, akEditorActiveForeground, akEditorBlockquoteBorderColor, akEditorBreakoutPadding, akEditorCodeBackground, akEditorCodeBlockPadding, akEditorCodeFontFamily, akEditorCodeInlinePadding, akEditorContextPanelWidth, akEditorDefaultLayoutWidth, akEditorDeleteBackground, akEditorDeleteBackgroundShaded, akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorDeleteIconColor, akEditorDropdownActiveBackground, akEditorFloatingDialogZIndex, akEditorFloatingOverlapPanelZIndex, akEditorFloatingPanelZIndex, akEditorFocus, akEditorFullPageMaxWidth, akEditorFullPageDefaultFontSize, akEditorFullWidthLayoutWidth, akEditorFullWidthLayoutLineLength, akEditorGridLineZIndex, akEditorGutterPadding, akEditorInactiveForeground, akEditorMediaResizeHandlerPadding, akEditorMediaResizeHandlerPaddingWide, akEditorMentionSelected, akEditorMenuZIndex, akEditorStickyHeaderZIndex, akEditorMobileBreakoutPoint, akEditorPopupBackground, akEditorPopupText, akEditorPrimaryButton, akEditorSelectedBorderColor, akEditorSelectedBorderBoldSize, akEditorSelectedBorderSize, akEditorSelectedBorder, akEditorSelectedBoxShadow, akEditorSelectedIconColor, akEditorCustomIconSize, akEditorSelectedBlanketColor, akEditorSelectedBgColor, akEditorSelectedBlanketOpacity, akEditorSmallZIndex, akEditorShadowZIndex, akEditorSubtleAccent, akEditorSwoopCubicBezier, akEditorTableBorder, akEditorTableBorderDark, akEditorTableBorderDelete, akEditorTableBorderRadius, akEditorTableBorderSelected, akEditorTableCellBackgroundOpacity, akEditorTableCellDelete, akEditorTableCellMinWidth, akEditorTableCellOnStickyHeaderZIndex, akEditorTableCellSelected, akEditorTableFloatingControls, akEditorTableHeaderCellBackground, akEditorTableHeaderCellBackgroundDark, akEditorTableLegacyCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorTableToolbarDark, akEditorTableToolbarDelete, akEditorTableToolbarSelected, akEditorTableToolbarSize, akEditorUnitZIndex, akEditorCalculatedWideLayoutWidth, 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, akEditorTableCellBlanketSelected, akEditorTableCellBlanketDeleted } from './consts';
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, akEditorCustomIconSize, akEditorSelectedBlanketColor, akEditorSelectedBgColor, akEditorSelectedBlanketOpacity, akEditorSmallZIndex, akEditorShadowZIndex, akEditorSubtleAccent, akEditorSwoopCubicBezier, akEditorTableBorder, akEditorTableBorderDark, akEditorTableBorderDelete, akEditorTableBorderRadius, akEditorTableBorderSelected, akEditorTableCellBackgroundOpacity, akEditorTableCellDelete, akEditorTableCellMinWidth, akEditorTableCellOnStickyHeaderZIndex, akEditorTableCellSelected, akEditorTableFloatingControls, akEditorTableHeaderCellBackground, akEditorTableHeaderCellBackgroundDark, akEditorTableLegacyCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorTableToolbarDark, akEditorTableToolbarDelete, akEditorTableToolbarSelected, akEditorTableToolbarSize, akEditorUnitZIndex, akEditorCalculatedWideLayoutWidth, akEditorWideLayoutWidth, akLayoutGutterOffset, akRichMediaResizeZIndex, blockNodesVerticalMargin, breakoutWideScaleRatio, editorFontSize, gridMediumMaxWidth, relativeSize, relativeFontSizeToBase16, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH, akEditorLineHeight, akEditorRuleBackground, akEditorRuleBorderRadius, akEditorSelectedNodeClassName, akEditorToolbarKeylineHeight, MAX_BROWSER_SCROLLBAR_HEIGHT, VIEWPORT_SIZES, akEditorMobileMaxWidth, getTableCellBackgroundDarkModeColors, ATLASSIAN_NAVIGATION_HEIGHT, akEditorTableCellBlanketSelected, akEditorTableCellBlanketDeleted } from './consts';
package/dist/es2019/index.js CHANGED
@@ -1,3 +1,3 @@
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, akEditorTableCellOnStickyHeaderZIndex, akEditorTableCellSelected, akEditorTableFloatingControls, akEditorTableHeaderCellBackground, akEditorTableHeaderCellBackgroundDark, akEditorTableLegacyCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorTableToolbarDark, akEditorTableToolbarDelete, akEditorTableToolbarSelected, akEditorTableToolbarSize, akEditorUnitZIndex, akEditorCalculatedWideLayoutWidth, 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, akEditorTableCellBlanketSelected, akEditorTableCellBlanketDeleted } from './consts';
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, akEditorTableCellOnStickyHeaderZIndex, akEditorTableCellSelected, akEditorTableFloatingControls, akEditorTableHeaderCellBackground, akEditorTableHeaderCellBackgroundDark, akEditorTableLegacyCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorTableToolbarDark, akEditorTableToolbarDelete, akEditorTableToolbarSelected, akEditorTableToolbarSize, akEditorUnitZIndex, akEditorCalculatedWideLayoutWidth, akEditorWideLayoutWidth, akLayoutGutterOffset, akRichMediaResizeZIndex, blockNodesVerticalMargin, breakoutWideScaleRatio, editorFontSize, gridMediumMaxWidth, relativeSize, relativeFontSizeToBase16, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH, akEditorLineHeight, akEditorRuleBackground, akEditorRuleBorderRadius, akEditorSelectedNodeClassName, akEditorToolbarKeylineHeight, MAX_BROWSER_SCROLLBAR_HEIGHT, VIEWPORT_SIZES, akEditorMobileMaxWidth, getTableCellBackgroundDarkModeColors, ATLASSIAN_NAVIGATION_HEIGHT, akEditorTableCellBlanketSelected, akEditorTableCellBlanketDeleted } from './consts';
2
2
  export { SelectionStyle, getSelectionStyles, hideNativeBrowserTextSelectionStyles } from './selection';
3
3
  export { overflowShadow } from './overflow-shadow';
package/dist/esm/consts/consts.js CHANGED
@@ -38,7 +38,7 @@ export var akEditorUnitZIndex = 1;
38
38
  export var akEditorShadowZIndex = 2;
39
39
  export var akEditorStickyHeaderZIndex = 11; // filmstrip uses 10 for its shadow
40
40
  export var akEditorSmallZIndex = akEditorStickyHeaderZIndex + 1;
41
- export var akEditorGridLineZIndex = 9999;
41
+ export var akEditorGridLineZIndex = 1;
42
42
  // z-index for main menu bar -
43
43
  // this is highest as it should be above anything else in editor below.
44
44
  export var akEditorMenuZIndex = layers.blanket();
@@ -98,6 +98,7 @@ export var akEditorTableCellBlanketDeleted = 'rgba(255, 235, 230, 0.3)';
98
98
  export var blockNodesVerticalMargin = '0.75rem';
99
99
  export var DEFAULT_EMBED_CARD_WIDTH = 680;
100
100
  export var DEFAULT_EMBED_CARD_HEIGHT = 480;
101
+ export var MAX_BROWSER_SCROLLBAR_HEIGHT = 20;
101
102
  export var ATLASSIAN_NAVIGATION_HEIGHT = '56px';
102
103
  export var akEditorSelectedNodeClassName = 'ak-editor-selected-node';
103
104
  export var editorFontSize = function editorFontSize(_ref) {
package/dist/esm/consts/index.js CHANGED
@@ -1 +1 @@
1
- export { akEditorActiveBackground, akEditorActiveForeground, akEditorBlockquoteBorderColor, akEditorBreakoutPadding, akEditorCodeBackground, akEditorCodeBlockPadding, akEditorCodeFontFamily, akEditorCodeInlinePadding, akEditorContextPanelWidth, akEditorDefaultLayoutWidth, akEditorDeleteBackground, akEditorDeleteBackgroundShaded, akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorDeleteIconColor, akEditorDropdownActiveBackground, akEditorFloatingDialogZIndex, akEditorFloatingOverlapPanelZIndex, akEditorFloatingPanelZIndex, akEditorFocus, akEditorFullPageMaxWidth, akEditorFullPageDefaultFontSize, akEditorFullWidthLayoutWidth, akEditorFullWidthLayoutLineLength, akEditorGridLineZIndex, akEditorGutterPadding, akEditorInactiveForeground, akEditorMediaResizeHandlerPadding, akEditorMediaResizeHandlerPaddingWide, akEditorMentionSelected, akEditorMenuZIndex, akEditorStickyHeaderZIndex, akEditorMobileBreakoutPoint, akEditorPopupBackground, akEditorPopupText, akEditorPrimaryButton, akEditorSelectedBorderColor, akEditorSelectedBorderBoldSize, akEditorSelectedBorderSize, akEditorSelectedBorder, akEditorSelectedBoxShadow, akEditorSelectedIconColor, akEditorCustomIconSize, akEditorSelectedBlanketColor, akEditorSelectedBgColor, akEditorSelectedBlanketOpacity, akEditorSmallZIndex, akEditorShadowZIndex, akEditorSubtleAccent, akEditorSwoopCubicBezier, akEditorTableBorder, akEditorTableBorderDark, akEditorTableBorderDelete, akEditorTableBorderRadius, akEditorTableBorderSelected, akEditorTableCellBackgroundOpacity, akEditorTableCellDelete, akEditorTableCellMinWidth, akEditorTableCellOnStickyHeaderZIndex, akEditorTableCellSelected, akEditorTableFloatingControls, akEditorTableHeaderCellBackground, akEditorTableHeaderCellBackgroundDark, akEditorTableLegacyCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorTableToolbarDark, akEditorTableToolbarDelete, akEditorTableToolbarSelected, akEditorTableToolbarSize, akEditorUnitZIndex, akEditorCalculatedWideLayoutWidth, 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, akEditorTableCellBlanketSelected, akEditorTableCellBlanketDeleted } from './consts';
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, akEditorCustomIconSize, akEditorSelectedBlanketColor, akEditorSelectedBgColor, akEditorSelectedBlanketOpacity, akEditorSmallZIndex, akEditorShadowZIndex, akEditorSubtleAccent, akEditorSwoopCubicBezier, akEditorTableBorder, akEditorTableBorderDark, akEditorTableBorderDelete, akEditorTableBorderRadius, akEditorTableBorderSelected, akEditorTableCellBackgroundOpacity, akEditorTableCellDelete, akEditorTableCellMinWidth, akEditorTableCellOnStickyHeaderZIndex, akEditorTableCellSelected, akEditorTableFloatingControls, akEditorTableHeaderCellBackground, akEditorTableHeaderCellBackgroundDark, akEditorTableLegacyCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorTableToolbarDark, akEditorTableToolbarDelete, akEditorTableToolbarSelected, akEditorTableToolbarSize, akEditorUnitZIndex, akEditorCalculatedWideLayoutWidth, akEditorWideLayoutWidth, akLayoutGutterOffset, akRichMediaResizeZIndex, blockNodesVerticalMargin, breakoutWideScaleRatio, editorFontSize, gridMediumMaxWidth, relativeSize, relativeFontSizeToBase16, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH, akEditorLineHeight, akEditorRuleBackground, akEditorRuleBorderRadius, akEditorSelectedNodeClassName, akEditorToolbarKeylineHeight, MAX_BROWSER_SCROLLBAR_HEIGHT, VIEWPORT_SIZES, akEditorMobileMaxWidth, getTableCellBackgroundDarkModeColors, ATLASSIAN_NAVIGATION_HEIGHT, akEditorTableCellBlanketSelected, akEditorTableCellBlanketDeleted } from './consts';
package/dist/esm/index.js CHANGED
@@ -1,3 +1,3 @@
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, akEditorTableCellOnStickyHeaderZIndex, akEditorTableCellSelected, akEditorTableFloatingControls, akEditorTableHeaderCellBackground, akEditorTableHeaderCellBackgroundDark, akEditorTableLegacyCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorTableToolbarDark, akEditorTableToolbarDelete, akEditorTableToolbarSelected, akEditorTableToolbarSize, akEditorUnitZIndex, akEditorCalculatedWideLayoutWidth, 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, akEditorTableCellBlanketSelected, akEditorTableCellBlanketDeleted } from './consts';
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, akEditorTableCellOnStickyHeaderZIndex, akEditorTableCellSelected, akEditorTableFloatingControls, akEditorTableHeaderCellBackground, akEditorTableHeaderCellBackgroundDark, akEditorTableLegacyCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorTableToolbarDark, akEditorTableToolbarDelete, akEditorTableToolbarSelected, akEditorTableToolbarSize, akEditorUnitZIndex, akEditorCalculatedWideLayoutWidth, akEditorWideLayoutWidth, akLayoutGutterOffset, akRichMediaResizeZIndex, blockNodesVerticalMargin, breakoutWideScaleRatio, editorFontSize, gridMediumMaxWidth, relativeSize, relativeFontSizeToBase16, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH, akEditorLineHeight, akEditorRuleBackground, akEditorRuleBorderRadius, akEditorSelectedNodeClassName, akEditorToolbarKeylineHeight, MAX_BROWSER_SCROLLBAR_HEIGHT, VIEWPORT_SIZES, akEditorMobileMaxWidth, getTableCellBackgroundDarkModeColors, ATLASSIAN_NAVIGATION_HEIGHT, akEditorTableCellBlanketSelected, akEditorTableCellBlanketDeleted } from './consts';
2
2
  export { SelectionStyle, getSelectionStyles, hideNativeBrowserTextSelectionStyles } from './selection';
3
3
  export { overflowShadow } from './overflow-shadow';
package/dist/types/consts/consts.d.ts CHANGED
@@ -33,7 +33,7 @@ export declare const akEditorUnitZIndex = 1;
33
33
  export declare const akEditorShadowZIndex = 2;
34
34
  export declare const akEditorStickyHeaderZIndex = 11;
35
35
  export declare const akEditorSmallZIndex: number;
36
- export declare const akEditorGridLineZIndex = 9999;
36
+ export declare const akEditorGridLineZIndex = 1;
37
37
  export declare const akEditorMenuZIndex: 500;
38
38
  export declare const akEditorFloatingPanelZIndex: 400;
39
39
  export declare const akEditorFloatingDialogZIndex: number;
@@ -85,6 +85,7 @@ export declare const akEditorTableCellBlanketDeleted = "rgba(255, 235, 230, 0.3)
85
85
  export declare const blockNodesVerticalMargin = "0.75rem";
86
86
  export declare const DEFAULT_EMBED_CARD_WIDTH = 680;
87
87
  export declare const DEFAULT_EMBED_CARD_HEIGHT = 480;
88
+ export declare const MAX_BROWSER_SCROLLBAR_HEIGHT = 20;
88
89
  export declare const ATLASSIAN_NAVIGATION_HEIGHT = "56px";
89
90
  export declare const akEditorSelectedNodeClassName = "ak-editor-selected-node";
90
91
  export declare const editorFontSize: ({ theme }: {
package/dist/types/consts/index.d.ts CHANGED
@@ -1,2 +1,2 @@
1
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, akEditorTableCellOnStickyHeaderZIndex, akEditorTableCellSelected, akEditorTableFloatingControls, akEditorTableHeaderCellBackground, akEditorTableHeaderCellBackgroundDark, akEditorTableLegacyCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorTableToolbarDark, akEditorTableToolbarDelete, akEditorTableToolbarSelected, akEditorTableToolbarSize, akEditorUnitZIndex, akEditorCalculatedWideLayoutWidth, 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, akEditorTableCellBlanketSelected, akEditorTableCellBlanketDeleted, } from './consts';
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, akEditorTableCellOnStickyHeaderZIndex, akEditorTableCellSelected, akEditorTableFloatingControls, akEditorTableHeaderCellBackground, akEditorTableHeaderCellBackgroundDark, akEditorTableLegacyCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorTableToolbarDark, akEditorTableToolbarDelete, akEditorTableToolbarSelected, akEditorTableToolbarSize, akEditorUnitZIndex, akEditorCalculatedWideLayoutWidth, akEditorWideLayoutWidth, akLayoutGutterOffset, akRichMediaResizeZIndex, blockNodesVerticalMargin, breakoutWideScaleRatio, editorFontSize, gridMediumMaxWidth, relativeSize, relativeFontSizeToBase16, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH, akEditorLineHeight, akEditorRuleBackground, akEditorRuleBorderRadius, akEditorSelectedNodeClassName, akEditorToolbarKeylineHeight, MAX_BROWSER_SCROLLBAR_HEIGHT, VIEWPORT_SIZES, akEditorMobileMaxWidth, getTableCellBackgroundDarkModeColors, ATLASSIAN_NAVIGATION_HEIGHT, akEditorTableCellBlanketSelected, akEditorTableCellBlanketDeleted, } from './consts';
package/dist/types/index.d.ts CHANGED
@@ -1,4 +1,4 @@
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, akEditorTableCellOnStickyHeaderZIndex, akEditorTableCellSelected, akEditorTableFloatingControls, akEditorTableHeaderCellBackground, akEditorTableHeaderCellBackgroundDark, akEditorTableLegacyCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorTableToolbarDark, akEditorTableToolbarDelete, akEditorTableToolbarSelected, akEditorTableToolbarSize, akEditorUnitZIndex, akEditorCalculatedWideLayoutWidth, 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, akEditorTableCellBlanketSelected, akEditorTableCellBlanketDeleted, } from './consts';
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, akEditorTableCellOnStickyHeaderZIndex, akEditorTableCellSelected, akEditorTableFloatingControls, akEditorTableHeaderCellBackground, akEditorTableHeaderCellBackgroundDark, akEditorTableLegacyCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorTableToolbarDark, akEditorTableToolbarDelete, akEditorTableToolbarSelected, akEditorTableToolbarSize, akEditorUnitZIndex, akEditorCalculatedWideLayoutWidth, akEditorWideLayoutWidth, akLayoutGutterOffset, akRichMediaResizeZIndex, blockNodesVerticalMargin, breakoutWideScaleRatio, editorFontSize, gridMediumMaxWidth, relativeSize, relativeFontSizeToBase16, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH, akEditorLineHeight, akEditorRuleBackground, akEditorRuleBorderRadius, akEditorSelectedNodeClassName, akEditorToolbarKeylineHeight, MAX_BROWSER_SCROLLBAR_HEIGHT, VIEWPORT_SIZES, akEditorMobileMaxWidth, getTableCellBackgroundDarkModeColors, ATLASSIAN_NAVIGATION_HEIGHT, 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/dist/types-ts4.5/consts/consts.d.ts CHANGED
@@ -33,7 +33,7 @@ export declare const akEditorUnitZIndex = 1;
33
33
  export declare const akEditorShadowZIndex = 2;
34
34
  export declare const akEditorStickyHeaderZIndex = 11;
35
35
  export declare const akEditorSmallZIndex: number;
36
- export declare const akEditorGridLineZIndex = 9999;
36
+ export declare const akEditorGridLineZIndex = 1;
37
37
  export declare const akEditorMenuZIndex: 500;
38
38
  export declare const akEditorFloatingPanelZIndex: 400;
39
39
  export declare const akEditorFloatingDialogZIndex: number;
@@ -85,6 +85,7 @@ export declare const akEditorTableCellBlanketDeleted = "rgba(255, 235, 230, 0.3)
85
85
  export declare const blockNodesVerticalMargin = "0.75rem";
86
86
  export declare const DEFAULT_EMBED_CARD_WIDTH = 680;
87
87
  export declare const DEFAULT_EMBED_CARD_HEIGHT = 480;
88
+ export declare const MAX_BROWSER_SCROLLBAR_HEIGHT = 20;
88
89
  export declare const ATLASSIAN_NAVIGATION_HEIGHT = "56px";
89
90
  export declare const akEditorSelectedNodeClassName = "ak-editor-selected-node";
90
91
  export declare const editorFontSize: ({ theme }: {
package/dist/types-ts4.5/consts/index.d.ts CHANGED
@@ -1,2 +1,2 @@
1
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, akEditorTableCellOnStickyHeaderZIndex, akEditorTableCellSelected, akEditorTableFloatingControls, akEditorTableHeaderCellBackground, akEditorTableHeaderCellBackgroundDark, akEditorTableLegacyCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorTableToolbarDark, akEditorTableToolbarDelete, akEditorTableToolbarSelected, akEditorTableToolbarSize, akEditorUnitZIndex, akEditorCalculatedWideLayoutWidth, 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, akEditorTableCellBlanketSelected, akEditorTableCellBlanketDeleted, } from './consts';
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, akEditorTableCellOnStickyHeaderZIndex, akEditorTableCellSelected, akEditorTableFloatingControls, akEditorTableHeaderCellBackground, akEditorTableHeaderCellBackgroundDark, akEditorTableLegacyCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorTableToolbarDark, akEditorTableToolbarDelete, akEditorTableToolbarSelected, akEditorTableToolbarSize, akEditorUnitZIndex, akEditorCalculatedWideLayoutWidth, akEditorWideLayoutWidth, akLayoutGutterOffset, akRichMediaResizeZIndex, blockNodesVerticalMargin, breakoutWideScaleRatio, editorFontSize, gridMediumMaxWidth, relativeSize, relativeFontSizeToBase16, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH, akEditorLineHeight, akEditorRuleBackground, akEditorRuleBorderRadius, akEditorSelectedNodeClassName, akEditorToolbarKeylineHeight, MAX_BROWSER_SCROLLBAR_HEIGHT, VIEWPORT_SIZES, akEditorMobileMaxWidth, getTableCellBackgroundDarkModeColors, ATLASSIAN_NAVIGATION_HEIGHT, akEditorTableCellBlanketSelected, akEditorTableCellBlanketDeleted, } from './consts';
package/dist/types-ts4.5/index.d.ts CHANGED
@@ -1,4 +1,4 @@
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, akEditorTableCellOnStickyHeaderZIndex, akEditorTableCellSelected, akEditorTableFloatingControls, akEditorTableHeaderCellBackground, akEditorTableHeaderCellBackgroundDark, akEditorTableLegacyCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorTableToolbarDark, akEditorTableToolbarDelete, akEditorTableToolbarSelected, akEditorTableToolbarSize, akEditorUnitZIndex, akEditorCalculatedWideLayoutWidth, 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, akEditorTableCellBlanketSelected, akEditorTableCellBlanketDeleted, } from './consts';
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, akEditorTableCellOnStickyHeaderZIndex, akEditorTableCellSelected, akEditorTableFloatingControls, akEditorTableHeaderCellBackground, akEditorTableHeaderCellBackgroundDark, akEditorTableLegacyCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorTableToolbarDark, akEditorTableToolbarDelete, akEditorTableToolbarSelected, akEditorTableToolbarSize, akEditorUnitZIndex, akEditorCalculatedWideLayoutWidth, akEditorWideLayoutWidth, akLayoutGutterOffset, akRichMediaResizeZIndex, blockNodesVerticalMargin, breakoutWideScaleRatio, editorFontSize, gridMediumMaxWidth, relativeSize, relativeFontSizeToBase16, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH, akEditorLineHeight, akEditorRuleBackground, akEditorRuleBorderRadius, akEditorSelectedNodeClassName, akEditorToolbarKeylineHeight, MAX_BROWSER_SCROLLBAR_HEIGHT, VIEWPORT_SIZES, akEditorMobileMaxWidth, getTableCellBackgroundDarkModeColors, ATLASSIAN_NAVIGATION_HEIGHT, 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": "2.7.0",
3
+ "version": "2.8.1",
4
4
  "description": "Style values used in the editor/renderer",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -36,7 +36,7 @@
36
36
  },
37
37
  "dependencies": {
38
38
  "@atlaskit/theme": "^12.6.0",
39
- "@atlaskit/tokens": "^1.22.0",
39
+ "@atlaskit/tokens": "^1.26.0",
40
40
  "@babel/runtime": "^7.0.0",
41
41
  "@emotion/react": "^11.7.1"
42
42
  },
package/report.api.md CHANGED
@@ -93,7 +93,7 @@ export const akEditorFullWidthLayoutLineLength = 1792;
93
93
  export const akEditorFullWidthLayoutWidth = 1800;
94
94
 
95
95
  // @public (undocumented)
96
- export const akEditorGridLineZIndex = 9999;
96
+ export const akEditorGridLineZIndex = 1;
97
97
 
98
98
  // @public (undocumented)
99
99
  export const akEditorGutterPadding = 32;
@@ -301,6 +301,9 @@ export const gridMediumMaxWidth = 1024;
301
301
  export const hideNativeBrowserTextSelectionStyles =
302
302
  '\n ::selection,*::selection {\n background-color: transparent;\n }\n ::-moz-selection,*::-moz-selection {\n background-color: transparent;\n }\n';
303
303
 
304
+ // @public (undocumented)
305
+ export const MAX_BROWSER_SCROLLBAR_HEIGHT = 20;
306
+
304
307
  // @public (undocumented)
305
308
  export const overflowShadow: ({
306
309
  background,
package/src/consts/consts.ts CHANGED
@@ -72,7 +72,7 @@ export const akEditorUnitZIndex = 1;
72
72
  export const akEditorShadowZIndex = 2;
73
73
  export const akEditorStickyHeaderZIndex = 11; // filmstrip uses 10 for its shadow
74
74
  export const akEditorSmallZIndex = akEditorStickyHeaderZIndex + 1;
75
- export const akEditorGridLineZIndex = 9999;
75
+ export const akEditorGridLineZIndex = 1;
76
76
  // z-index for main menu bar -
77
77
  // this is highest as it should be above anything else in editor below.
78
78
  export const akEditorMenuZIndex = layers.blanket();
@@ -136,6 +136,8 @@ export const blockNodesVerticalMargin = '0.75rem';
136
136
  export const DEFAULT_EMBED_CARD_WIDTH = 680;
137
137
  export const DEFAULT_EMBED_CARD_HEIGHT = 480;
138
138
 
139
+ export const MAX_BROWSER_SCROLLBAR_HEIGHT = 20;
140
+
139
141
  export const ATLASSIAN_NAVIGATION_HEIGHT = '56px';
140
142
 
141
143
  export const akEditorSelectedNodeClassName = 'ak-editor-selected-node';
package/src/consts/index.ts CHANGED
@@ -88,6 +88,7 @@ export {
88
88
  akEditorRuleBorderRadius,
89
89
  akEditorSelectedNodeClassName,
90
90
  akEditorToolbarKeylineHeight,
91
+ MAX_BROWSER_SCROLLBAR_HEIGHT,
91
92
  VIEWPORT_SIZES,
92
93
  akEditorMobileMaxWidth,
93
94
  getTableCellBackgroundDarkModeColors,
package/src/index.ts CHANGED
@@ -86,6 +86,7 @@ export {
86
86
  akEditorRuleBorderRadius,
87
87
  akEditorSelectedNodeClassName,
88
88
  akEditorToolbarKeylineHeight,
89
+ MAX_BROWSER_SCROLLBAR_HEIGHT,
89
90
  VIEWPORT_SIZES,
90
91
  akEditorMobileMaxWidth,
91
92
  getTableCellBackgroundDarkModeColors,
package/tmp/api-report-tmp.d.ts CHANGED
@@ -82,7 +82,7 @@ export const akEditorFullWidthLayoutLineLength = 1792;
82
82
  export const akEditorFullWidthLayoutWidth = 1800;
83
83
 
84
84
  // @public (undocumented)
85
- export const akEditorGridLineZIndex = 9999;
85
+ export const akEditorGridLineZIndex = 1;
86
86
 
87
87
  // @public (undocumented)
88
88
  export const akEditorGutterPadding = 32;
@@ -289,6 +289,9 @@ export const gridMediumMaxWidth = 1024;
289
289
  // @public (undocumented)
290
290
  export const hideNativeBrowserTextSelectionStyles = "\n ::selection,*::selection {\n background-color: transparent;\n }\n ::-moz-selection,*::-moz-selection {\n background-color: transparent;\n }\n";
291
291
 
292
+ // @public (undocumented)
293
+ export const MAX_BROWSER_SCROLLBAR_HEIGHT = 20;
294
+
292
295
  // @public (undocumented)
293
296
  export const overflowShadow: ({ background, width, leftCoverWidth, rightCoverWidth, }: {
294
297
  background: string;