@atlaskit/editor-shared-styles 2.8.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 (15) hide show
  1. package/CHANGELOG.md +44 -38
  2. package/dist/cjs/consts/consts.js +95 -190
  3. package/dist/cjs/overflow-shadow/overflow-shadow.js +2 -3
  4. package/dist/cjs/scrollbar-styles.js +1 -2
  5. package/dist/cjs/selection/types.js +2 -3
  6. package/dist/cjs/selection/utils.js +2 -4
  7. package/dist/cjs/shortcut/shortcut.js +1 -2
  8. package/dist/es2019/consts/consts.js +1 -1
  9. package/dist/esm/consts/consts.js +1 -1
  10. package/dist/types/consts/consts.d.ts +1 -1
  11. package/dist/types-ts4.5/consts/consts.d.ts +1 -1
  12. package/package.json +2 -2
  13. package/report.api.md +1 -1
  14. package/src/consts/consts.ts +1 -1
  15. package/tmp/api-report-tmp.d.ts +1 -1
package/CHANGELOG.md CHANGED
@@ -1,65 +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
+
3
9
  ## 2.8.0
4
10
 
5
11
  ### Minor Changes
6
12
 
7
- - [`3aaff60be08`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3aaff60be08) - ED-18988 Adds classnames and constants for table sticky scrollbar
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
8
14
 
9
15
  ## 2.7.0
10
16
 
11
17
  ### Minor Changes
12
18
 
13
- - [`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.
14
20
 
15
21
  ## 2.6.1
16
22
 
17
23
  ### Patch Changes
18
24
 
19
- - [`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
20
26
 
21
27
  ## 2.6.0
22
28
 
23
29
  ### Minor Changes
24
30
 
25
- - [`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
26
32
 
27
33
  ## 2.5.0
28
34
 
29
35
  ### Minor Changes
30
36
 
31
- - [`638784fa9d5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/638784fa9d5) - force dependency bump
32
- - [`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
33
39
 
34
40
  ## 2.4.4
35
41
 
36
42
  ### Patch Changes
37
43
 
38
- - [`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.
39
45
 
40
46
  ## 2.4.3
41
47
 
42
48
  ### Patch Changes
43
49
 
44
- - [`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
45
51
 
46
52
  ## 2.4.2
47
53
 
48
54
  ### Patch Changes
49
55
 
50
- - [`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.
51
57
 
52
58
  ## 2.4.1
53
59
 
54
60
  ### Patch Changes
55
61
 
56
- - [`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`
57
63
 
58
64
  ## 2.4.0
59
65
 
60
66
  ### Minor Changes
61
67
 
62
- - [`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
63
69
 
64
70
  ### Patch Changes
65
71
 
@@ -69,20 +75,20 @@
69
75
 
70
76
  ### Patch Changes
71
77
 
72
- - [`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`.
73
79
  - Updated dependencies
74
80
 
75
81
  ## 2.3.1
76
82
 
77
83
  ### Patch Changes
78
84
 
79
- - [`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.
80
86
 
81
87
  ## 2.3.0
82
88
 
83
89
  ### Minor Changes
84
90
 
85
- - [`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.
86
92
 
87
93
  New tokens will be visible only in applications configured to use the new Tokens API (currently in beta).
88
94
  These changes are intended to be interoperable with the legacy theme implementation. Legacy dark mode users should expect no visual or breaking changes.
@@ -105,7 +111,7 @@
105
111
 
106
112
  ### Patch Changes
107
113
 
108
- - [`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.
109
115
 
110
116
  ## 2.2.2
111
117
 
@@ -117,39 +123,39 @@
117
123
 
118
124
  ### Patch Changes
119
125
 
120
- - [`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`
121
127
 
122
128
  ## 2.2.0
123
129
 
124
130
  ### Minor Changes
125
131
 
126
- - [`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
127
133
 
128
134
  ## 2.1.5
129
135
 
130
136
  ### Patch Changes
131
137
 
132
- - [`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
133
139
  - Updated dependencies
134
140
 
135
141
  ## 2.1.4
136
142
 
137
143
  ### Patch Changes
138
144
 
139
- - [`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`.
140
146
 
141
147
  ## 2.1.3
142
148
 
143
149
  ### Patch Changes
144
150
 
145
- - [`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
146
152
  - [`30c74c32783`](https://bitbucket.org/atlassian/atlassian-frontend/commits/30c74c32783) - [ux] ED-15234: reverts ED-14654 because causing header zindex issues
147
153
 
148
154
  ## 2.1.2
149
155
 
150
156
  ### Patch Changes
151
157
 
152
- - [`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.
153
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.
154
160
 
155
161
  ## 2.1.1
@@ -162,7 +168,7 @@
162
168
 
163
169
  ### Minor Changes
164
170
 
165
- - [`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`.
166
172
 
167
173
  New tokens will be visible only in applications configured to use the new Tokens API (currently in alpha).
168
174
  These changes are intended to be interoperable with the legacy theme implementation. Legacy dark mode users should expect no visual or breaking changes.
@@ -176,13 +182,13 @@
176
182
 
177
183
  ### Patch Changes
178
184
 
179
- - [`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
180
186
 
181
187
  ## 2.0.0
182
188
 
183
189
  ### Major Changes
184
190
 
185
- - [`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
186
192
 
187
193
  ### Patch Changes
188
194
 
@@ -192,7 +198,7 @@
192
198
 
193
199
  ### Minor Changes
194
200
 
195
- - [`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
196
202
 
197
203
  ### Patch Changes
198
204
 
@@ -202,26 +208,26 @@
202
208
 
203
209
  ### Minor Changes
204
210
 
205
- - [`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
206
212
 
207
213
  ## 1.4.1
208
214
 
209
215
  ### Patch Changes
210
216
 
211
- - [`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.
212
218
  - Updated dependencies
213
219
 
214
220
  ## 1.4.0
215
221
 
216
222
  ### Minor Changes
217
223
 
218
- - [`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
219
225
 
220
226
  ## 1.3.0
221
227
 
222
228
  ### Minor Changes
223
229
 
224
- - [`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.
225
231
  Remove 'width' prop from the Context Panel component as we no longer allow dynamic panel width to enforce consistency.
226
232
 
227
233
  All references to this component can safely remove the 'wdith' prop as it is no longer part of the component props.
@@ -235,31 +241,31 @@
235
241
 
236
242
  ### Patch Changes
237
243
 
238
- - [`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
239
245
 
240
246
  ## 1.2.0
241
247
 
242
248
  ### Minor Changes
243
249
 
244
- - [`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
245
251
 
246
252
  ## 1.1.7
247
253
 
248
254
  ### Patch Changes
249
255
 
250
- - [`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
251
257
 
252
258
  ## 1.1.6
253
259
 
254
260
  ### Patch Changes
255
261
 
256
- - [`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
257
263
 
258
264
  ## 1.1.5
259
265
 
260
266
  ### Patch Changes
261
267
 
262
- - [`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
263
269
 
264
270
  Use background colour instead of blanket styling
265
271
  Fix an issue on Safari where text inside unsupported content appeared selected when node was selected
@@ -268,19 +274,19 @@
268
274
 
269
275
  ### Patch Changes
270
276
 
271
- - [`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
272
278
 
273
279
  ## 1.1.3
274
280
 
275
281
  ### Patch Changes
276
282
 
277
- - [`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.
278
284
 
279
285
  ## 1.1.2
280
286
 
281
287
  ### Patch Changes
282
288
 
283
- - [`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.
284
290
  This requires version 3.8 of Typescript, read more about how we handle Typescript versions here: https://atlaskit.atlassian.com/get-started
285
291
  Also add `typescript` to `devDependencies` to denote version that the package was built with.
286
292
 
@@ -294,7 +300,7 @@
294
300
 
295
301
  ### Minor Changes
296
302
 
297
- - [`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
298
304
  - [`4f217f1d92`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4f217f1d92) - ED-10168 Add new package @atlaskit/editor-shared-styles
299
305
 
300
306
  ### Patch Changes
package/dist/cjs/consts/consts.js CHANGED
@@ -12,198 +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 MAX_BROWSER_SCROLLBAR_HEIGHT = 20;
196
- exports.MAX_BROWSER_SCROLLBAR_HEIGHT = MAX_BROWSER_SCROLLBAR_HEIGHT;
197
- var ATLASSIAN_NAVIGATION_HEIGHT = '56px';
198
- exports.ATLASSIAN_NAVIGATION_HEIGHT = ATLASSIAN_NAVIGATION_HEIGHT;
199
- var akEditorSelectedNodeClassName = 'ak-editor-selected-node';
200
- exports.akEditorSelectedNodeClassName = akEditorSelectedNodeClassName;
201
- 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) {
202
113
  var theme = _ref.theme;
203
114
  return theme && theme.baseFontSize ? theme.baseFontSize : (0, _constants.fontSize)();
204
115
  };
205
- exports.editorFontSize = editorFontSize;
206
- var relativeSize = function relativeSize(multiplier) {
116
+ var relativeSize = exports.relativeSize = function relativeSize(multiplier) {
207
117
  return function (_ref2) {
208
118
  var theme = _ref2.theme;
209
119
  return editorFontSize({
@@ -211,8 +121,7 @@ var relativeSize = function relativeSize(multiplier) {
211
121
  }) * multiplier;
212
122
  };
213
123
  };
214
- exports.relativeSize = relativeSize;
215
- var relativeFontSizeToBase16 = function relativeFontSizeToBase16(px) {
124
+ var relativeFontSizeToBase16 = exports.relativeFontSizeToBase16 = function relativeFontSizeToBase16(px) {
216
125
  if (typeof px === 'string') {
217
126
  px = parseInt(px);
218
127
  }
@@ -221,8 +130,7 @@ var relativeFontSizeToBase16 = function relativeFontSizeToBase16(px) {
221
130
  }
222
131
  return "".concat(px / 16, "rem");
223
132
  };
224
- exports.relativeFontSizeToBase16 = relativeFontSizeToBase16;
225
- var VIEWPORT_SIZES = {
133
+ var VIEWPORT_SIZES = exports.VIEWPORT_SIZES = {
226
134
  laptopHiDPI: {
227
135
  width: 1440,
228
136
  height: 900
@@ -254,16 +162,13 @@ var VIEWPORT_SIZES = {
254
162
  };
255
163
 
256
164
  // to be updated in ED-10790: this should be variable threshold based on how many buttons enabled on main toolbar
257
- exports.VIEWPORT_SIZES = VIEWPORT_SIZES;
258
- var akEditorMobileMaxWidth = 0;
259
- exports.akEditorMobileMaxWidth = akEditorMobileMaxWidth;
260
- 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) {
261
167
  var _ref4 = (0, _slicedToArray2.default)(_ref3, 2),
262
168
  colorName = _ref4[0],
263
169
  colorValue = _ref4[1];
264
170
  return getTableCellBackgroundDarkModeColorCSS(colorName, colorValue);
265
171
  }).join('\n');
266
- exports.getTableCellBackgroundDarkModeColors = getTableCellBackgroundDarkModeColors;
267
172
  function getTableCellBackgroundDarkModeColorCSS(colorName, colorValue) {
268
173
  return "\n &[colorname=\"".concat(colorName, "\"] {\n background-color: ").concat(colorValue, " !important; // !important to override default style color\n }\n ");
269
174
  }
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();
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();
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;
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;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-shared-styles",
3
- "version": "2.8.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.25.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;
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();
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;