@atlaskit/editor-shared-styles 2.9.3 → 2.11.0

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 (30) hide show
  1. package/CHANGELOG.md +217 -77
  2. package/afm-cc/tsconfig.json +3 -0
  3. package/dist/cjs/consts/consts.js +9 -2
  4. package/dist/cjs/consts/index.js +12 -0
  5. package/dist/cjs/index.js +12 -0
  6. package/dist/cjs/overflow-shadow/overflow-shadow.js +2 -0
  7. package/dist/cjs/shortcut/shortcut.js +1 -0
  8. package/dist/es2019/consts/consts.js +7 -2
  9. package/dist/es2019/consts/index.js +1 -1
  10. package/dist/es2019/index.js +1 -1
  11. package/dist/es2019/overflow-shadow/overflow-shadow.js +2 -0
  12. package/dist/es2019/shortcut/shortcut.js +2 -0
  13. package/dist/esm/consts/consts.js +9 -2
  14. package/dist/esm/consts/index.js +1 -1
  15. package/dist/esm/index.js +1 -1
  16. package/dist/esm/overflow-shadow/overflow-shadow.js +2 -0
  17. package/dist/esm/shortcut/shortcut.js +2 -0
  18. package/dist/types/consts/consts.d.ts +2 -0
  19. package/dist/types/consts/index.d.ts +1 -1
  20. package/dist/types/index.d.ts +1 -1
  21. package/dist/types-ts4.5/consts/consts.d.ts +2 -0
  22. package/dist/types-ts4.5/consts/index.d.ts +1 -1
  23. package/dist/types-ts4.5/index.d.ts +1 -1
  24. package/package.json +9 -3
  25. package/src/consts/consts.ts +47 -0
  26. package/src/consts/index.ts +2 -0
  27. package/src/index.ts +2 -0
  28. package/src/overflow-shadow/overflow-shadow.ts +1 -0
  29. package/src/shortcut/shortcut.ts +1 -0
  30. package/tsconfig.app.json +3 -0
package/CHANGELOG.md CHANGED
@@ -1,344 +1,484 @@
1
1
  # @atlaskit/editor-shared-styles
2
2
 
3
+ ## 2.11.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#98803](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/98803)
8
+ [`b9d6c4c4f418`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b9d6c4c4f418) -
9
+ Added new FULL_PAGE_EDITOR_TOOLBAR_HEIGHT constant to editor-shared-styles.
10
+
11
+ ## 2.10.0
12
+
13
+ ### Minor Changes
14
+
15
+ - [#86433](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/86433)
16
+ [`88ca3b199a49`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/88ca3b199a49) -
17
+ [ux] EDF-412 Collaborators avatars and telepointer colors are tokenised.
18
+
3
19
  ## 2.9.3
4
20
 
5
21
  ### Patch Changes
6
22
 
7
- - [#88247](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/88247) [`634a42ea0ca8`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/634a42ea0ca8) - [ux] Fix webkit scrollbar style so header image can be full width
23
+ - [#88247](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/88247)
24
+ [`634a42ea0ca8`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/634a42ea0ca8) -
25
+ [ux] Fix webkit scrollbar style so header image can be full width
8
26
 
9
27
  ## 2.9.2
10
28
 
11
29
  ### Patch Changes
12
30
 
13
- - [#83116](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83116) [`8d4e99057fe0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8d4e99057fe0) - Upgrade Typescript from `4.9.5` to `5.4.2`
31
+ - [#83116](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83116)
32
+ [`8d4e99057fe0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8d4e99057fe0) -
33
+ Upgrade Typescript from `4.9.5` to `5.4.2`
14
34
 
15
35
  ## 2.9.1
16
36
 
17
37
  ### Patch Changes
18
38
 
19
- - [#73177](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/73177) [`22452599ed8f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/22452599ed8f) - Move styling for certain packages to tokens.
39
+ - [#73177](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/73177)
40
+ [`22452599ed8f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/22452599ed8f) -
41
+ Move styling for certain packages to tokens.
20
42
 
21
43
  ## 2.9.0
22
44
 
23
45
  ### Minor Changes
24
46
 
25
- - [#64679](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/64679) [`0d0b1219b1b9`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0d0b1219b1b9) - Fix insert column button and line above toolbar popups
47
+ - [#64679](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/64679)
48
+ [`0d0b1219b1b9`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0d0b1219b1b9) -
49
+ Fix insert column button and line above toolbar popups
26
50
 
27
51
  ## 2.8.3
28
52
 
29
53
  ### Patch Changes
30
54
 
31
- - [#63606](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/63606) [`196f99e732d6`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/196f99e732d6) - [ux] Add support for drag handle for sticky header in table
55
+ - [#63606](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/63606)
56
+ [`196f99e732d6`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/196f99e732d6) -
57
+ [ux] Add support for drag handle for sticky header in table
32
58
 
33
59
  ## 2.8.2
34
60
 
35
61
  ### Patch Changes
36
62
 
37
- - [#59829](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/59829) [`3120b36a9f2c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/3120b36a9f2c) - Converted spacing values to the corresponding space tokens
63
+ - [#59829](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/59829)
64
+ [`3120b36a9f2c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/3120b36a9f2c) -
65
+ Converted spacing values to the corresponding space tokens
38
66
 
39
67
  ## 2.8.1
40
68
 
41
69
  ### Patch Changes
42
70
 
43
- - [#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
71
+ - [#41274](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41274)
72
+ [`17ba12fb12b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/17ba12fb12b) - fix
73
+ unnecessarily high z-index so that the vertical scrollbar in Safari does not overlay other layer
74
+ components with z-index below 9999
44
75
 
45
76
  ## 2.8.0
46
77
 
47
78
  ### Minor Changes
48
79
 
49
- - [#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
80
+ - [#39366](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/39366)
81
+ [`3aaff60be08`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3aaff60be08) -
82
+ ED-18988 Adds classnames and constants for table sticky scrollbar
50
83
 
51
84
  ## 2.7.0
52
85
 
53
86
  ### Minor Changes
54
87
 
55
- - [#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.
88
+ - [#40236](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40236)
89
+ [`0b1f816e4fa`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0b1f816e4fa) - [ux]
90
+ Added akEditorTableHeaderCellBackground to store fallback.
56
91
 
57
92
  ## 2.6.1
58
93
 
59
94
  ### Patch Changes
60
95
 
61
- - [#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
96
+ - [#39154](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/39154)
97
+ [`113fcc02759`](https://bitbucket.org/atlassian/atlassian-frontend/commits/113fcc02759) -
98
+ ED-19433 Extract Emoji Plugin to its own package
62
99
 
63
100
  ## 2.6.0
64
101
 
65
102
  ### Minor Changes
66
103
 
67
- - [#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
104
+ - [#38223](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38223)
105
+ [`79dc812733f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/79dc812733f) -
106
+ [ED-19293] Exposes a new constant value for table guidelines to align with nodes that are using
107
+ wide layout
68
108
 
69
109
  ## 2.5.0
70
110
 
71
111
  ### Minor Changes
72
112
 
73
- - [#37456](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/37456) [`638784fa9d5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/638784fa9d5) - force dependency bump
74
- - [#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
113
+ - [#37456](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/37456)
114
+ [`638784fa9d5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/638784fa9d5) - force
115
+ dependency bump
116
+ - [#37270](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/37270)
117
+ [`df488d9b806`](https://bitbucket.org/atlassian/atlassian-frontend/commits/df488d9b806) - [ux]
118
+ Adds a new constant with a zIndex that is used for table sticky header and table cells that are
119
+ in the sticky header
75
120
 
76
121
  ## 2.4.4
77
122
 
78
123
  ### Patch Changes
79
124
 
80
- - [#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.
125
+ - [#36845](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/36845)
126
+ [`e64541c6fda`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e64541c6fda) - [ux]
127
+ [ED-18759] Updated table border, handlebar controls, blanket, icon, icon background and table
128
+ cell options button colour tokens on light and dark theme for table selection and table
129
+ deletion. Borders for Table Floating Contextual Button & Floating toolbar color palette button
130
+ on dark & light theme are also updated.
81
131
 
82
132
  ## 2.4.3
83
133
 
84
134
  ### Patch Changes
85
135
 
86
- - [#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
136
+ - [#33793](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33793)
137
+ [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure
138
+ legacy types are published for TS 4.5-4.8
87
139
 
88
140
  ## 2.4.2
89
141
 
90
142
  ### Patch Changes
91
143
 
92
- - [#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.
144
+ - [#33771](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33771)
145
+ [`9369cc38a68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9369cc38a68) -
146
+ Migrated use of `gridSize` to space tokens where possible. There is no expected visual or
147
+ behaviour change.
93
148
 
94
149
  ## 2.4.1
95
150
 
96
151
  ### Patch Changes
97
152
 
98
- - [#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`
153
+ - [#33649](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33649)
154
+ [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) -
155
+ Upgrade Typescript from `4.5.5` to `4.9.5`
99
156
 
100
157
  ## 2.4.0
101
158
 
102
159
  ### Minor Changes
103
160
 
104
- - [#33258](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33258) [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
161
+ - [#33258](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33258)
162
+ [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip
163
+ minor dependency bump
105
164
 
106
165
  ### Patch Changes
107
166
 
108
- - Updated dependencies
167
+ - Updated dependencies
109
168
 
110
169
  ## 2.3.2
111
170
 
112
171
  ### Patch Changes
113
172
 
114
- - [#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`.
115
- - Updated dependencies
173
+ - [#27634](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/27634)
174
+ [`0d93211414e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0d93211414e) -
175
+ Updates usage of removed design token `utilities.UNSAFE_util.transparent` in favour of its
176
+ replacement `utilities.UNSAFE.transparent`.
177
+ - Updated dependencies
116
178
 
117
179
  ## 2.3.1
118
180
 
119
181
  ### Patch Changes
120
182
 
121
- - [#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.
183
+ - [#28324](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/28324)
184
+ [`6455cf006b3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6455cf006b3) - Builds
185
+ for this package now pass through a tokens babel plugin, removing runtime invocations of the
186
+ tokens() function and improving performance.
122
187
 
123
188
  ## 2.3.0
124
189
 
125
190
  ### Minor Changes
126
191
 
127
- - [#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.
192
+ - [#28090](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/28090)
193
+ [`4fbaeb2a1fd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4fbaeb2a1fd) -
194
+ DSP-4118 Updated tokens used to render overflow shadows in code blocks.
128
195
 
129
- New tokens will be visible only in applications configured to use the new Tokens API (currently in beta).
130
- These changes are intended to be interoperable with the legacy theme implementation. Legacy dark mode users should expect no visual or breaking changes.
196
+ New tokens will be visible only in applications configured to use the new Tokens API (currently
197
+ in beta). These changes are intended to be interoperable with the legacy theme implementation.
198
+ Legacy dark mode users should expect no visual or breaking changes.
131
199
 
132
- `overflowShadow` now optionally supports customizing the size of the "covers" that appear over shadows when at the edge of content, via `leftCoverWidth` and `rightCoverWidth`, and the shadow width via the `width` prop.
200
+ `overflowShadow` now optionally supports customizing the size of the "covers" that appear over
201
+ shadows when at the edge of content, via `leftCoverWidth` and `rightCoverWidth`, and the shadow
202
+ width via the `width` prop.
133
203
 
134
204
  ## 2.2.5
135
205
 
136
206
  ### Patch Changes
137
207
 
138
- - Updated dependencies
208
+ - Updated dependencies
139
209
 
140
210
  ## 2.2.4
141
211
 
142
212
  ### Patch Changes
143
213
 
144
- - Updated dependencies
214
+ - Updated dependencies
145
215
 
146
216
  ## 2.2.3
147
217
 
148
218
  ### Patch Changes
149
219
 
150
- - [#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.
220
+ - [#26712](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26712)
221
+ [`977ac74443c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/977ac74443c) -
222
+ DSP-7235: Fixes issue with overflow shadows on code blocks due to layered transparent colors.
151
223
 
152
224
  ## 2.2.2
153
225
 
154
226
  ### Patch Changes
155
227
 
156
- - Updated dependencies
228
+ - Updated dependencies
157
229
 
158
230
  ## 2.2.1
159
231
 
160
232
  ### Patch Changes
161
233
 
162
- - [#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`
234
+ - [#24874](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24874)
235
+ [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) -
236
+ Upgrade Typescript from `4.3.5` to `4.5.5`
163
237
 
164
238
  ## 2.2.0
165
239
 
166
240
  ### Minor Changes
167
241
 
168
- - [#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
242
+ - [#24607](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24607)
243
+ [`73d9a2fa116`](https://bitbucket.org/atlassian/atlassian-frontend/commits/73d9a2fa116) -
244
+ ED-15568 Restore table's FloatingContextualMenu, extract utils/UI components
169
245
 
170
246
  ## 2.1.5
171
247
 
172
248
  ### Patch Changes
173
249
 
174
- - [#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
175
- - Updated dependencies
250
+ - [#24004](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24004)
251
+ [`a6df7e823d8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a6df7e823d8) - [ux]
252
+ Fixed trello card overflow issue in table cells & fixed merged table cells selection / hover
253
+ state
254
+ - Updated dependencies
176
255
 
177
256
  ## 2.1.4
178
257
 
179
258
  ### Patch Changes
180
259
 
181
- - [#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`.
260
+ - [#24492](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24492)
261
+ [`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) -
262
+ Upgrade Typescript from `4.2.4` to `4.3.5`.
182
263
 
183
264
  ## 2.1.3
184
265
 
185
266
  ### Patch Changes
186
267
 
187
- - [#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
188
- - [`30c74c32783`](https://bitbucket.org/atlassian/atlassian-frontend/commits/30c74c32783) - [ux] ED-15234: reverts ED-14654 because causing header zindex issues
268
+ - [#22642](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/22642)
269
+ [`450a17a332a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/450a17a332a) - [ux]
270
+ ED-14654: Lower z-index values on editor elements so they do not stick out of the editor and
271
+ interfere with consuming products
272
+ - [`30c74c32783`](https://bitbucket.org/atlassian/atlassian-frontend/commits/30c74c32783) - [ux]
273
+ ED-15234: reverts ED-14654 because causing header zindex issues
189
274
 
190
275
  ## 2.1.2
191
276
 
192
277
  ### Patch Changes
193
278
 
194
- - [#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.
195
- - [`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.
279
+ - [#21570](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/21570)
280
+ [`17480b66f3e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/17480b66f3e) -
281
+ [ux][ed-9943] Fix to have the TypeAhead component appear above the main editor toolbar.
282
+ - [`d8b3bc73330`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d8b3bc73330) -
283
+ [ED-14507] Deprecate the allowDynamicTextSizing editor prop and remove all code related to it.
284
+ This feature has been unused since 2020.
196
285
 
197
286
  ## 2.1.1
198
287
 
199
288
  ### Patch Changes
200
289
 
201
- - Updated dependencies
290
+ - Updated dependencies
202
291
 
203
292
  ## 2.1.0
204
293
 
205
294
  ### Minor Changes
206
295
 
207
- - [#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`.
296
+ - [#20721](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/20721)
297
+ [`02bfb564e45`](https://bitbucket.org/atlassian/atlassian-frontend/commits/02bfb564e45) - [ux]
298
+ Instrumented `@atlaskit/editor-shared-styles` and partial `@atlaskit/editor-core` with the new
299
+ theming package, `@atlaskit/tokens`.
208
300
 
209
- New tokens will be visible only in applications configured to use the new Tokens API (currently in alpha).
210
- These changes are intended to be interoperable with the legacy theme implementation. Legacy dark mode users should expect no visual or breaking changes.
301
+ New tokens will be visible only in applications configured to use the new Tokens API (currently
302
+ in alpha). These changes are intended to be interoperable with the legacy theme implementation.
303
+ Legacy dark mode users should expect no visual or breaking changes.
211
304
 
212
- - [`5ab00fca118`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5ab00fca118) - Instrumented `@atlaskit/editor-shared-styles` with the new theming package, `@atlaskit/tokens`.
305
+ - [`5ab00fca118`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5ab00fca118) -
306
+ Instrumented `@atlaskit/editor-shared-styles` with the new theming package, `@atlaskit/tokens`.
213
307
 
214
- New tokens will be visible only in applications configured to use the new Tokens API (currently in alpha).
215
- These changes are intended to be interoperable with the legacy theme implementation. Legacy dark mode users should expect no visual or breaking changes.
308
+ New tokens will be visible only in applications configured to use the new Tokens API (currently
309
+ in alpha). These changes are intended to be interoperable with the legacy theme implementation.
310
+ Legacy dark mode users should expect no visual or breaking changes.
216
311
 
217
312
  ## 2.0.1
218
313
 
219
314
  ### Patch Changes
220
315
 
221
- - [#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
316
+ - [#20650](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/20650)
317
+ [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) -
318
+ Upgrade to TypeScript 4.2.4
222
319
 
223
320
  ## 2.0.0
224
321
 
225
322
  ### Major Changes
226
323
 
227
- - [#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
324
+ - [#19019](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/19019)
325
+ [`e22509504e8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e22509504e8) -
326
+ ED-14255 migrate editor-shared-style to emotion
228
327
 
229
328
  ### Patch Changes
230
329
 
231
- - [`9712e78abb0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9712e78abb0) - ED-14255 moved some usages of editor-shared-styles to emotion
330
+ - [`9712e78abb0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9712e78abb0) -
331
+ ED-14255 moved some usages of editor-shared-styles to emotion
232
332
 
233
333
  ## 1.6.0
234
334
 
235
335
  ### Minor Changes
236
336
 
237
- - [#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
337
+ - [#14319](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/14319)
338
+ [`1a07c1caf61`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1a07c1caf61) -
339
+ CETI-93 - Fixed custom panel icon sizing and alignment when icon render as image
238
340
 
239
341
  ### Patch Changes
240
342
 
241
- - Updated dependencies
343
+ - Updated dependencies
242
344
 
243
345
  ## 1.5.0
244
346
 
245
347
  ### Minor Changes
246
348
 
247
- - [#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
349
+ - [#10316](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/10316)
350
+ [`c2c0160f566`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c2c0160f566) - Bump
351
+ editor-shared-styles to pick up relativeFontSizeToBase16
248
352
 
249
353
  ## 1.4.1
250
354
 
251
355
  ### Patch Changes
252
356
 
253
- - [#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.
254
- - Updated dependencies
357
+ - [#9756](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/9756)
358
+ [`5c835144ef0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5c835144ef0) -
359
+ [ME-741][me-743] Remove PX references in editor packages and modify code block font size.
360
+ - Updated dependencies
255
361
 
256
362
  ## 1.4.0
257
363
 
258
364
  ### Minor Changes
259
365
 
260
- - [#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
366
+ - [#9281](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/9281)
367
+ [`e2fb7440936`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e2fb7440936) -
368
+ ED-12430: Fix issue with Editor showing double scrollbar when context panel is visible.Update
369
+ context panel to have same height as editor content area when using position absolute styles
261
370
 
262
371
  ## 1.3.0
263
372
 
264
373
  ### Minor Changes
265
374
 
266
- - [#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.
267
- Remove 'width' prop from the Context Panel component as we no longer allow dynamic panel width to enforce consistency.
375
+ - [#8644](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/8644)
376
+ [`511a91ad376`](https://bitbucket.org/atlassian/atlassian-frontend/commits/511a91ad376) - [ux]
377
+ ED-12128: Update Context Panel to use set width of 320px and remove 'width' prop. Remove 'width'
378
+ prop from the Context Panel component as we no longer allow dynamic panel width to enforce
379
+ consistency.
268
380
 
269
- All references to this component can safely remove the 'wdith' prop as it is no longer part of the component props.
381
+ All references to this component can safely remove the 'wdith' prop as it is no longer part of
382
+ the component props.
270
383
 
271
- - [`007103b93e6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/007103b93e6) - [ux] ED-11993 Change behaviour of context panel so it will not push content if there is enough space to slide out without overlapping.
272
- Config panel will keep existing behaviour to push content if there isn't enough space to show without overlapping content. Also add width css transition to context panel content to mimic "slide in" animation.
384
+ - [`007103b93e6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/007103b93e6) - [ux]
385
+ ED-11993 Change behaviour of context panel so it will not push content if there is enough space
386
+ to slide out without overlapping. Config panel will keep existing behaviour to push content if
387
+ there isn't enough space to show without overlapping content. Also add width css transition to
388
+ context panel content to mimic "slide in" animation.
273
389
 
274
- Add new shared const of `akEditorFullWidthLayoutLineLength` which indicates the line length of a full-width editor
390
+ Add new shared const of `akEditorFullWidthLayoutLineLength` which indicates the line length of a
391
+ full-width editor
275
392
 
276
393
  ## 1.2.1
277
394
 
278
395
  ### Patch Changes
279
396
 
280
- - [#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
397
+ - [#7762](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/7762)
398
+ [`7d24194b639`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7d24194b639) -
399
+ EDM-1717: Fix Safari danger styles for inline smart links
281
400
 
282
401
  ## 1.2.0
283
402
 
284
403
  ### Minor Changes
285
404
 
286
- - [#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
405
+ - [#7170](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/7170)
406
+ [`0615a2be97`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0615a2be97) -
407
+ ED-10441: share overflow-shadow helper
287
408
 
288
409
  ## 1.1.7
289
410
 
290
411
  ### Patch Changes
291
412
 
292
- - [#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
413
+ - [#5857](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5857)
414
+ [`d3265f19be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d3265f19be) -
415
+ Transpile packages using babel rather than tsc
293
416
 
294
417
  ## 1.1.6
295
418
 
296
419
  ### Patch Changes
297
420
 
298
- - [#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
421
+ - [#6228](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/6228)
422
+ [`d6c23f1886`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d6c23f1886) - Added
423
+ dark mode support to table cell background colors
299
424
 
300
425
  ## 1.1.5
301
426
 
302
427
  ### Patch Changes
303
428
 
304
- - [#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
429
+ - [#5516](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5516)
430
+ [`7895bfa4f3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7895bfa4f3) - [ux]
431
+ ED-10562 Update selection styles for unsupported content
305
432
 
306
- Use background colour instead of blanket styling
307
- Fix an issue on Safari where text inside unsupported content appeared selected when node was selected
433
+ Use background colour instead of blanket styling Fix an issue on Safari where text inside
434
+ unsupported content appeared selected when node was selected
308
435
 
309
436
  ## 1.1.4
310
437
 
311
438
  ### Patch Changes
312
439
 
313
- - [#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
440
+ - [#5762](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5762)
441
+ [`34674fa4cd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/34674fa4cd) - [ux]
442
+ ED-10780 removed the threshold that enabled responsive changes
314
443
 
315
444
  ## 1.1.3
316
445
 
317
446
  ### Patch Changes
318
447
 
319
- - [#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.
448
+ - [#5720](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5720)
449
+ [`a2634b5390`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a2634b5390) - [ux]
450
+ ED-10780 reduced the threshold for responcive toolbar oayout;fixed problem with italic button
451
+ not working when it is in collapse menu.
320
452
 
321
453
  ## 1.1.2
322
454
 
323
455
  ### Patch Changes
324
456
 
325
- - [#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.
326
- This requires version 3.8 of Typescript, read more about how we handle Typescript versions here: https://atlaskit.atlassian.com/get-started
327
- Also add `typescript` to `devDependencies` to denote version that the package was built with.
457
+ - [#5497](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5497)
458
+ [`5f58283e1f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5f58283e1f) - Export
459
+ types using Typescript's new "export type" syntax to satisfy Typescript's --isolatedModules
460
+ compiler option. This requires version 3.8 of Typescript, read more about how we handle
461
+ Typescript versions here: https://atlaskit.atlassian.com/get-started Also add `typescript` to
462
+ `devDependencies` to denote version that the package was built with.
328
463
 
329
464
  ## 1.1.1
330
465
 
331
466
  ### Patch Changes
332
467
 
333
- - Updated dependencies
468
+ - Updated dependencies
334
469
 
335
470
  ## 1.1.0
336
471
 
337
472
  ### Minor Changes
338
473
 
339
- - [#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
340
- - [`4f217f1d92`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4f217f1d92) - ED-10168 Add new package @atlaskit/editor-shared-styles
474
+ - [#4749](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/4749)
475
+ [`fbc358206c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fbc358206c) - ED-9125
476
+ ED-8837 Export values for selected border and selected box shadow, and util to disable browser
477
+ text selection
478
+ - [`4f217f1d92`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4f217f1d92) - ED-10168
479
+ Add new package @atlaskit/editor-shared-styles
341
480
 
342
481
  ### Patch Changes
343
482
 
344
- - [`b9812b8b35`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b9812b8b35) - ED-10004 improved editor toolbar responsiveness
483
+ - [`b9812b8b35`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b9812b8b35) - ED-10004
484
+ improved editor toolbar responsiveness
package/afm-cc/tsconfig.json CHANGED
@@ -18,6 +18,9 @@
18
18
  "../src/**/test.*"
19
19
  ],
20
20
  "references": [
21
+ {
22
+ "path": "../../../platform/feature-flags/afm-cc/tsconfig.json"
23
+ },
21
24
  {
22
25
  "path": "../../../design-system/theme/afm-cc/tsconfig.json"
23
26
  },
package/dist/cjs/consts/consts.js CHANGED
@@ -4,10 +4,11 @@ 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.MAX_BROWSER_SCROLLBAR_HEIGHT = exports.DEFAULT_EMBED_CARD_WIDTH = exports.DEFAULT_EMBED_CARD_HEIGHT = exports.ATLASSIAN_NAVIGATION_HEIGHT = void 0;
7
+ exports.editorFontSize = exports.breakoutWideScaleRatio = exports.blockNodesVerticalMargin = exports.avatarColors = 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.FULL_PAGE_EDITOR_TOOLBAR_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"));
11
+ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
11
12
  var _colors = require("@atlaskit/theme/colors");
12
13
  var _constants = require("@atlaskit/theme/constants");
13
14
  /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
@@ -107,7 +108,12 @@ var blockNodesVerticalMargin = exports.blockNodesVerticalMargin = '0.75rem';
107
108
  var DEFAULT_EMBED_CARD_WIDTH = exports.DEFAULT_EMBED_CARD_WIDTH = 680;
108
109
  var DEFAULT_EMBED_CARD_HEIGHT = exports.DEFAULT_EMBED_CARD_HEIGHT = 480;
109
110
  var MAX_BROWSER_SCROLLBAR_HEIGHT = exports.MAX_BROWSER_SCROLLBAR_HEIGHT = 20;
111
+
112
+ // @deprecated
110
113
  var ATLASSIAN_NAVIGATION_HEIGHT = exports.ATLASSIAN_NAVIGATION_HEIGHT = '56px';
114
+ var FULL_PAGE_EDITOR_TOOLBAR_HEIGHT = exports.FULL_PAGE_EDITOR_TOOLBAR_HEIGHT = function FULL_PAGE_EDITOR_TOOLBAR_HEIGHT() {
115
+ return (0, _platformFeatureFlags.getBooleanFF)('platform.confluence.frontend.narrow-full-page-editor-toolbar') ? "var(--ds-space-500, 40px)" : '56px';
116
+ };
111
117
  var akEditorSelectedNodeClassName = exports.akEditorSelectedNodeClassName = 'ak-editor-selected-node';
112
118
  var editorFontSize = exports.editorFontSize = function editorFontSize(_ref) {
113
119
  var theme = _ref.theme;
@@ -171,4 +177,5 @@ var getTableCellBackgroundDarkModeColors = exports.getTableCellBackgroundDarkMod
171
177
  }).join('\n');
172
178
  function getTableCellBackgroundDarkModeColorCSS(colorName, colorValue) {
173
179
  return "\n &[colorname=\"".concat(colorName, "\"] {\n background-color: ").concat(colorValue, " !important; // !important to override default style color\n }\n ");
174
- }
180
+ }
181
+ var avatarColors = exports.avatarColors = ["var(--ds-icon-accent-red, ".concat(_colors.R100, ")"), "var(--ds-background-accent-red-bolder-hovered, ".concat(_colors.R300, ")"), "var(--ds-icon-accent-magenta, ".concat(_colors.R500, ")"), "var(--ds-background-accent-magenta-bolder-hovered, ".concat(_colors.Y100, ")"), "var(--ds-icon-accent-orange, ".concat(_colors.Y300, ")"), "var(--ds-background-accent-orange-bolder-hovered, ".concat(_colors.Y500, ")"), "var(--ds-icon-accent-green, ".concat(_colors.G100, ")"), "var(--ds-background-accent-green-bolder-hovered, ".concat(_colors.G300, ")"), "var(--ds-icon-accent-blue, ".concat(_colors.G500, ")"), "var(--ds-background-accent-blue-bolder-hovered, ".concat(_colors.T100, ")"), "var(--ds-icon-accent-teal, ".concat(_colors.T300, ")"), "var(--ds-background-accent-teal-bolder-hovered, ".concat(_colors.T500, ")"), "var(--ds-icon-accent-lime, ".concat(_colors.B100, ")"), "var(--ds-background-accent-lime-bolder-hovered, ".concat(_colors.B300, ")"), "var(--ds-icon-accent-purple, ".concat(_colors.B500, ")"), "var(--ds-background-accent-purple-bolder-hovered, ".concat(_colors.N70, ")"), "var(--ds-icon-accent-gray, ".concat(_colors.N200, ")"), "var(--ds-background-accent-gray-bolder-hovered, ".concat(_colors.N800, ")"), "var(--ds-icon-accent-yellow, ".concat(_colors.P100, ")"), "var(--ds-background-accent-yellow-bolder-hovered, ".concat(_colors.P300, ")"), "var(--ds-background-accent-yellow-bolder-pressed, ".concat(_colors.P500, ")")];
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, "FULL_PAGE_EDITOR_TOOLBAR_HEIGHT", {
25
+ enumerable: true,
26
+ get: function get() {
27
+ return _consts.FULL_PAGE_EDITOR_TOOLBAR_HEIGHT;
28
+ }
29
+ });
24
30
  Object.defineProperty(exports, "MAX_BROWSER_SCROLLBAR_HEIGHT", {
25
31
  enumerable: true,
26
32
  get: function get() {
@@ -531,6 +537,12 @@ Object.defineProperty(exports, "akRichMediaResizeZIndex", {
531
537
  return _consts.akRichMediaResizeZIndex;
532
538
  }
533
539
  });
540
+ Object.defineProperty(exports, "avatarColors", {
541
+ enumerable: true,
542
+ get: function get() {
543
+ return _consts.avatarColors;
544
+ }
545
+ });
534
546
  Object.defineProperty(exports, "blockNodesVerticalMargin", {
535
547
  enumerable: true,
536
548
  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, "FULL_PAGE_EDITOR_TOOLBAR_HEIGHT", {
25
+ enumerable: true,
26
+ get: function get() {
27
+ return _consts.FULL_PAGE_EDITOR_TOOLBAR_HEIGHT;
28
+ }
29
+ });
24
30
  Object.defineProperty(exports, "MAX_BROWSER_SCROLLBAR_HEIGHT", {
25
31
  enumerable: true,
26
32
  get: function get() {
@@ -531,6 +537,12 @@ Object.defineProperty(exports, "akRichMediaResizeZIndex", {
531
537
  return _consts.akRichMediaResizeZIndex;
532
538
  }
533
539
  });
540
+ Object.defineProperty(exports, "avatarColors", {
541
+ enumerable: true,
542
+ get: function get() {
543
+ return _consts.avatarColors;
544
+ }
545
+ });
534
546
  Object.defineProperty(exports, "blockNodesVerticalMargin", {
535
547
  enumerable: true,
536
548
  get: function get() {
package/dist/cjs/overflow-shadow/overflow-shadow.js CHANGED
@@ -16,5 +16,7 @@ var overflowShadow = exports.overflowShadow = function overflowShadow(_ref) {
16
16
  var width = "var(--ds-space-100, 8px)";
17
17
  var leftCoverWidthResolved = leftCoverWidth || width;
18
18
  var rightCoverWidthResolved = rightCoverWidth || width;
19
+
20
+ // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
19
21
  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"])), "var(--ds-background-neutral, ".concat(_colors.N20, ")"), leftCoverWidthResolved, leftCoverWidthResolved, "var(--ds-surface-raised, transparent)", leftCoverWidthResolved, leftCoverWidthResolved, "var(--ds-background-neutral, ".concat(_colors.N20, ")"), 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);
20
22
  };
package/dist/cjs/shortcut/shortcut.js CHANGED
@@ -11,4 +11,5 @@ 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
+ // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
14
15
  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: ", ";\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)(), "var(--ds-space-050, 4px)", (0, _consts.relativeFontSizeToBase16)(11.67), _consts.akEditorMobileMaxWidth);
package/dist/es2019/consts/consts.js CHANGED
@@ -1,5 +1,6 @@
1
+ import { getBooleanFF } from '@atlaskit/platform-feature-flags';
1
2
  /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
2
- import { B100, B300, B400, B50, B75, DN50, DN70, N0, N100, N20, N30, N40, N50, N500, N700, N900, R300, R400, R50, R75 } from '@atlaskit/theme/colors';
3
+ import { B100, B300, B400, B50, B500, B75, DN50, DN70, G100, G300, G500, N0, N100, N20, N200, N30, N40, N50, N500, N70, N700, N800, N900, P100, P300, P500, R100, R300, R400, R50, R500, R75, T100, T300, T500, Y100, Y300, Y500 } from '@atlaskit/theme/colors';
3
4
  import { codeFontFamily, fontSize as defaultFontSize,
4
5
  // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
5
6
  gridSize, layers } from '@atlaskit/theme/constants';
@@ -98,7 +99,10 @@ export const blockNodesVerticalMargin = '0.75rem';
98
99
  export const DEFAULT_EMBED_CARD_WIDTH = 680;
99
100
  export const DEFAULT_EMBED_CARD_HEIGHT = 480;
100
101
  export const MAX_BROWSER_SCROLLBAR_HEIGHT = 20;
102
+
103
+ // @deprecated
101
104
  export const ATLASSIAN_NAVIGATION_HEIGHT = '56px';
105
+ export const FULL_PAGE_EDITOR_TOOLBAR_HEIGHT = () => getBooleanFF('platform.confluence.frontend.narrow-full-page-editor-toolbar') ? "var(--ds-space-500, 40px)" : '56px';
102
106
  export const akEditorSelectedNodeClassName = 'ak-editor-selected-node';
103
107
  export const editorFontSize = ({
104
108
  theme
@@ -157,4 +161,5 @@ export function getTableCellBackgroundDarkModeColorCSS(colorName, colorValue) {
157
161
  background-color: ${colorValue} !important; // !important to override default style color
158
162
  }
159
163
  `;
160
- }
164
+ }
165
+ export const avatarColors = [`var(--ds-icon-accent-red, ${R100})`, `var(--ds-background-accent-red-bolder-hovered, ${R300})`, `var(--ds-icon-accent-magenta, ${R500})`, `var(--ds-background-accent-magenta-bolder-hovered, ${Y100})`, `var(--ds-icon-accent-orange, ${Y300})`, `var(--ds-background-accent-orange-bolder-hovered, ${Y500})`, `var(--ds-icon-accent-green, ${G100})`, `var(--ds-background-accent-green-bolder-hovered, ${G300})`, `var(--ds-icon-accent-blue, ${G500})`, `var(--ds-background-accent-blue-bolder-hovered, ${T100})`, `var(--ds-icon-accent-teal, ${T300})`, `var(--ds-background-accent-teal-bolder-hovered, ${T500})`, `var(--ds-icon-accent-lime, ${B100})`, `var(--ds-background-accent-lime-bolder-hovered, ${B300})`, `var(--ds-icon-accent-purple, ${B500})`, `var(--ds-background-accent-purple-bolder-hovered, ${N70})`, `var(--ds-icon-accent-gray, ${N200})`, `var(--ds-background-accent-gray-bolder-hovered, ${N800})`, `var(--ds-icon-accent-yellow, ${P100})`, `var(--ds-background-accent-yellow-bolder-hovered, ${P300})`, `var(--ds-background-accent-yellow-bolder-pressed, ${P500})`];
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, MAX_BROWSER_SCROLLBAR_HEIGHT, 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, avatarColors, 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, FULL_PAGE_EDITOR_TOOLBAR_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, MAX_BROWSER_SCROLLBAR_HEIGHT, 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, avatarColors, 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, FULL_PAGE_EDITOR_TOOLBAR_HEIGHT, akEditorTableCellBlanketSelected, akEditorTableCellBlanketDeleted } from './consts';
2
2
  export { SelectionStyle, getSelectionStyles, hideNativeBrowserTextSelectionStyles } from './selection';
3
3
  export { overflowShadow } from './overflow-shadow';
package/dist/es2019/overflow-shadow/overflow-shadow.js CHANGED
@@ -8,6 +8,8 @@ export const overflowShadow = ({
8
8
  const width = "var(--ds-space-100, 8px)";
9
9
  const leftCoverWidthResolved = leftCoverWidth || width;
10
10
  const rightCoverWidthResolved = rightCoverWidth || width;
11
+
12
+ // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
11
13
  return css`
12
14
  /* shadow cover left */
13
15
  linear-gradient(
package/dist/es2019/shortcut/shortcut.js CHANGED
@@ -2,6 +2,8 @@ import { css } from '@emotion/react';
2
2
  import { N100 } from '@atlaskit/theme/colors';
3
3
  import { borderRadius } from '@atlaskit/theme/constants';
4
4
  import { akEditorMobileMaxWidth, relativeFontSizeToBase16 } from '../consts';
5
+
6
+ // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
5
7
  export const shortcutStyle = css`
6
8
  background-color: ${"var(--ds-background-neutral, rgba(223, 225, 229, 0.5))"}; /* N60 at 50% */
7
9
  color: ${`var(--ds-text-subtle, ${N100})`};
package/dist/esm/consts/consts.js CHANGED
@@ -1,6 +1,7 @@
1
1
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
2
+ import { getBooleanFF } from '@atlaskit/platform-feature-flags';
2
3
  /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
3
- import { B100, B300, B400, B50, B75, DN50, DN70, N0, N100, N20, N30, N40, N50, N500, N700, N900, R300, R400, R50, R75 } from '@atlaskit/theme/colors';
4
+ import { B100, B300, B400, B50, B500, B75, DN50, DN70, G100, G300, G500, N0, N100, N20, N200, N30, N40, N50, N500, N70, N700, N800, N900, P100, P300, P500, R100, R300, R400, R50, R500, R75, T100, T300, T500, Y100, Y300, Y500 } from '@atlaskit/theme/colors';
4
5
  import { codeFontFamily, fontSize as defaultFontSize,
5
6
  // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
6
7
  gridSize, layers } from '@atlaskit/theme/constants';
@@ -99,7 +100,12 @@ export var blockNodesVerticalMargin = '0.75rem';
99
100
  export var DEFAULT_EMBED_CARD_WIDTH = 680;
100
101
  export var DEFAULT_EMBED_CARD_HEIGHT = 480;
101
102
  export var MAX_BROWSER_SCROLLBAR_HEIGHT = 20;
103
+
104
+ // @deprecated
102
105
  export var ATLASSIAN_NAVIGATION_HEIGHT = '56px';
106
+ export var FULL_PAGE_EDITOR_TOOLBAR_HEIGHT = function FULL_PAGE_EDITOR_TOOLBAR_HEIGHT() {
107
+ return getBooleanFF('platform.confluence.frontend.narrow-full-page-editor-toolbar') ? "var(--ds-space-500, 40px)" : '56px';
108
+ };
103
109
  export var akEditorSelectedNodeClassName = 'ak-editor-selected-node';
104
110
  export var editorFontSize = function editorFontSize(_ref) {
105
111
  var theme = _ref.theme;
@@ -163,4 +169,5 @@ export var getTableCellBackgroundDarkModeColors = [['White', '#000000'], ['Light
163
169
  }).join('\n');
164
170
  export function getTableCellBackgroundDarkModeColorCSS(colorName, colorValue) {
165
171
  return "\n &[colorname=\"".concat(colorName, "\"] {\n background-color: ").concat(colorValue, " !important; // !important to override default style color\n }\n ");
166
- }
172
+ }
173
+ export var avatarColors = ["var(--ds-icon-accent-red, ".concat(R100, ")"), "var(--ds-background-accent-red-bolder-hovered, ".concat(R300, ")"), "var(--ds-icon-accent-magenta, ".concat(R500, ")"), "var(--ds-background-accent-magenta-bolder-hovered, ".concat(Y100, ")"), "var(--ds-icon-accent-orange, ".concat(Y300, ")"), "var(--ds-background-accent-orange-bolder-hovered, ".concat(Y500, ")"), "var(--ds-icon-accent-green, ".concat(G100, ")"), "var(--ds-background-accent-green-bolder-hovered, ".concat(G300, ")"), "var(--ds-icon-accent-blue, ".concat(G500, ")"), "var(--ds-background-accent-blue-bolder-hovered, ".concat(T100, ")"), "var(--ds-icon-accent-teal, ".concat(T300, ")"), "var(--ds-background-accent-teal-bolder-hovered, ".concat(T500, ")"), "var(--ds-icon-accent-lime, ".concat(B100, ")"), "var(--ds-background-accent-lime-bolder-hovered, ".concat(B300, ")"), "var(--ds-icon-accent-purple, ".concat(B500, ")"), "var(--ds-background-accent-purple-bolder-hovered, ".concat(N70, ")"), "var(--ds-icon-accent-gray, ".concat(N200, ")"), "var(--ds-background-accent-gray-bolder-hovered, ".concat(N800, ")"), "var(--ds-icon-accent-yellow, ".concat(P100, ")"), "var(--ds-background-accent-yellow-bolder-hovered, ".concat(P300, ")"), "var(--ds-background-accent-yellow-bolder-pressed, ".concat(P500, ")")];
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, MAX_BROWSER_SCROLLBAR_HEIGHT, 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, avatarColors, 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, FULL_PAGE_EDITOR_TOOLBAR_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, MAX_BROWSER_SCROLLBAR_HEIGHT, 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, avatarColors, 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, FULL_PAGE_EDITOR_TOOLBAR_HEIGHT, akEditorTableCellBlanketSelected, akEditorTableCellBlanketDeleted } from './consts';
2
2
  export { SelectionStyle, getSelectionStyles, hideNativeBrowserTextSelectionStyles } from './selection';
3
3
  export { overflowShadow } from './overflow-shadow';
package/dist/esm/overflow-shadow/overflow-shadow.js CHANGED
@@ -9,5 +9,7 @@ export var overflowShadow = function overflowShadow(_ref) {
9
9
  var width = "var(--ds-space-100, 8px)";
10
10
  var leftCoverWidthResolved = leftCoverWidth || width;
11
11
  var rightCoverWidthResolved = rightCoverWidth || width;
12
+
13
+ // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
12
14
  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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"])), "var(--ds-background-neutral, ".concat(N20, ")"), leftCoverWidthResolved, leftCoverWidthResolved, "var(--ds-surface-raised, transparent)", leftCoverWidthResolved, leftCoverWidthResolved, "var(--ds-background-neutral, ".concat(N20, ")"), 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);
13
15
  };
package/dist/esm/shortcut/shortcut.js CHANGED
@@ -4,4 +4,6 @@ import { css } from '@emotion/react';
4
4
  import { N100 } from '@atlaskit/theme/colors';
5
5
  import { borderRadius } from '@atlaskit/theme/constants';
6
6
  import { akEditorMobileMaxWidth, relativeFontSizeToBase16 } from '../consts';
7
+
8
+ // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
7
9
  export var shortcutStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n background-color: ", "; /* N60 at 50% */\n color: ", ";\n border-radius: ", "px;\n padding: ", ";\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(N100, ")"), borderRadius(), "var(--ds-space-050, 4px)", relativeFontSizeToBase16(11.67), akEditorMobileMaxWidth);
package/dist/types/consts/consts.d.ts CHANGED
@@ -87,6 +87,7 @@ export declare const DEFAULT_EMBED_CARD_WIDTH = 680;
87
87
  export declare const DEFAULT_EMBED_CARD_HEIGHT = 480;
88
88
  export declare const MAX_BROWSER_SCROLLBAR_HEIGHT = 20;
89
89
  export declare const ATLASSIAN_NAVIGATION_HEIGHT = "56px";
90
+ export declare const FULL_PAGE_EDITOR_TOOLBAR_HEIGHT: () => "56px" | "var(--ds-space-500)";
90
91
  export declare const akEditorSelectedNodeClassName = "ak-editor-selected-node";
91
92
  export declare const editorFontSize: ({ theme }: {
92
93
  theme: EditorTheme;
@@ -128,3 +129,4 @@ export declare const VIEWPORT_SIZES: {
128
129
  export declare const akEditorMobileMaxWidth = 0;
129
130
  export declare const getTableCellBackgroundDarkModeColors: string;
130
131
  export declare function getTableCellBackgroundDarkModeColorCSS(colorName: string, colorValue: string): string;
132
+ export declare const avatarColors: ("var(--ds-icon-accent-red)" | "var(--ds-background-accent-red-bolder-hovered)" | "var(--ds-icon-accent-magenta)" | "var(--ds-background-accent-magenta-bolder-hovered)" | "var(--ds-icon-accent-orange)" | "var(--ds-background-accent-orange-bolder-hovered)" | "var(--ds-icon-accent-green)" | "var(--ds-background-accent-green-bolder-hovered)" | "var(--ds-icon-accent-blue)" | "var(--ds-background-accent-blue-bolder-hovered)" | "var(--ds-icon-accent-teal)" | "var(--ds-background-accent-teal-bolder-hovered)" | "var(--ds-icon-accent-lime)" | "var(--ds-background-accent-lime-bolder-hovered)" | "var(--ds-icon-accent-purple)" | "var(--ds-background-accent-purple-bolder-hovered)" | "var(--ds-icon-accent-gray)" | "var(--ds-background-accent-gray-bolder-hovered)" | "var(--ds-icon-accent-yellow)" | "var(--ds-background-accent-yellow-bolder-hovered)" | "var(--ds-background-accent-yellow-bolder-pressed)")[];
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, MAX_BROWSER_SCROLLBAR_HEIGHT, 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, avatarColors, 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, FULL_PAGE_EDITOR_TOOLBAR_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, MAX_BROWSER_SCROLLBAR_HEIGHT, 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, avatarColors, 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, FULL_PAGE_EDITOR_TOOLBAR_HEIGHT, akEditorTableCellBlanketSelected, akEditorTableCellBlanketDeleted, } from './consts';
2
2
  export type { EditorTheme } from './consts';
3
3
  export { SelectionStyle, getSelectionStyles, hideNativeBrowserTextSelectionStyles, } from './selection';
4
4
  export { overflowShadow } from './overflow-shadow';
package/dist/types-ts4.5/consts/consts.d.ts CHANGED
@@ -87,6 +87,7 @@ export declare const DEFAULT_EMBED_CARD_WIDTH = 680;
87
87
  export declare const DEFAULT_EMBED_CARD_HEIGHT = 480;
88
88
  export declare const MAX_BROWSER_SCROLLBAR_HEIGHT = 20;
89
89
  export declare const ATLASSIAN_NAVIGATION_HEIGHT = "56px";
90
+ export declare const FULL_PAGE_EDITOR_TOOLBAR_HEIGHT: () => "56px" | "var(--ds-space-500)";
90
91
  export declare const akEditorSelectedNodeClassName = "ak-editor-selected-node";
91
92
  export declare const editorFontSize: ({ theme }: {
92
93
  theme: EditorTheme;
@@ -128,3 +129,4 @@ export declare const VIEWPORT_SIZES: {
128
129
  export declare const akEditorMobileMaxWidth = 0;
129
130
  export declare const getTableCellBackgroundDarkModeColors: string;
130
131
  export declare function getTableCellBackgroundDarkModeColorCSS(colorName: string, colorValue: string): string;
132
+ export declare const avatarColors: ("var(--ds-icon-accent-red)" | "var(--ds-background-accent-red-bolder-hovered)" | "var(--ds-icon-accent-magenta)" | "var(--ds-background-accent-magenta-bolder-hovered)" | "var(--ds-icon-accent-orange)" | "var(--ds-background-accent-orange-bolder-hovered)" | "var(--ds-icon-accent-green)" | "var(--ds-background-accent-green-bolder-hovered)" | "var(--ds-icon-accent-blue)" | "var(--ds-background-accent-blue-bolder-hovered)" | "var(--ds-icon-accent-teal)" | "var(--ds-background-accent-teal-bolder-hovered)" | "var(--ds-icon-accent-lime)" | "var(--ds-background-accent-lime-bolder-hovered)" | "var(--ds-icon-accent-purple)" | "var(--ds-background-accent-purple-bolder-hovered)" | "var(--ds-icon-accent-gray)" | "var(--ds-background-accent-gray-bolder-hovered)" | "var(--ds-icon-accent-yellow)" | "var(--ds-background-accent-yellow-bolder-hovered)" | "var(--ds-background-accent-yellow-bolder-pressed)")[];
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, MAX_BROWSER_SCROLLBAR_HEIGHT, 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, avatarColors, 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, FULL_PAGE_EDITOR_TOOLBAR_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, MAX_BROWSER_SCROLLBAR_HEIGHT, 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, avatarColors, 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, FULL_PAGE_EDITOR_TOOLBAR_HEIGHT, akEditorTableCellBlanketSelected, akEditorTableCellBlanketDeleted, } from './consts';
2
2
  export type { EditorTheme } from './consts';
3
3
  export { SelectionStyle, getSelectionStyles, hideNativeBrowserTextSelectionStyles, } from './selection';
4
4
  export { overflowShadow } from './overflow-shadow';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-shared-styles",
3
- "version": "2.9.3",
3
+ "version": "2.11.0",
4
4
  "description": "Style values used in the editor/renderer",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -27,6 +27,11 @@
27
27
  "inPublicMirror": true,
28
28
  "releaseModel": "continuous"
29
29
  },
30
+ "platform-feature-flags": {
31
+ "platform.confluence.frontend.narrow-full-page-editor-toolbar": {
32
+ "type": "boolean"
33
+ }
34
+ },
30
35
  "af:exports": {
31
36
  "./consts": "./src/consts/index.ts",
32
37
  "./selection": "./src/selection/index.ts",
@@ -35,8 +40,9 @@
35
40
  ".": "./src/index.ts"
36
41
  },
37
42
  "dependencies": {
38
- "@atlaskit/theme": "^12.7.0",
39
- "@atlaskit/tokens": "^1.43.0",
43
+ "@atlaskit/platform-feature-flags": "^0.2.0",
44
+ "@atlaskit/theme": "^12.8.0",
45
+ "@atlaskit/tokens": "^1.48.0",
40
46
  "@babel/runtime": "^7.0.0",
41
47
  "@emotion/react": "^11.7.1"
42
48
  },
package/src/consts/consts.ts CHANGED
@@ -1,25 +1,44 @@
1
+ import { getBooleanFF } from '@atlaskit/platform-feature-flags';
1
2
  /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
2
3
  import {
3
4
  B100,
4
5
  B300,
5
6
  B400,
6
7
  B50,
8
+ B500,
7
9
  B75,
8
10
  DN50,
9
11
  DN70,
12
+ G100,
13
+ G300,
14
+ G500,
10
15
  N0,
11
16
  N100,
12
17
  N20,
18
+ N200,
13
19
  N30,
14
20
  N40,
15
21
  N50,
16
22
  N500,
23
+ N70,
17
24
  N700,
25
+ N800,
18
26
  N900,
27
+ P100,
28
+ P300,
29
+ P500,
30
+ R100,
19
31
  R300,
20
32
  R400,
21
33
  R50,
34
+ R500,
22
35
  R75,
36
+ T100,
37
+ T300,
38
+ T500,
39
+ Y100,
40
+ Y300,
41
+ Y500,
23
42
  } from '@atlaskit/theme/colors';
24
43
  import {
25
44
  codeFontFamily,
@@ -138,8 +157,12 @@ export const DEFAULT_EMBED_CARD_HEIGHT = 480;
138
157
 
139
158
  export const MAX_BROWSER_SCROLLBAR_HEIGHT = 20;
140
159
 
160
+ // @deprecated
141
161
  export const ATLASSIAN_NAVIGATION_HEIGHT = '56px';
142
162
 
163
+ export const FULL_PAGE_EDITOR_TOOLBAR_HEIGHT = () =>
164
+ getBooleanFF('platform.confluence.frontend.narrow-full-page-editor-toolbar') ? token('space.500', '40px') : '56px';
165
+
143
166
  export const akEditorSelectedNodeClassName = 'ak-editor-selected-node';
144
167
 
145
168
  export const editorFontSize = ({ theme }: { theme: EditorTheme }) =>
@@ -213,3 +236,27 @@ export function getTableCellBackgroundDarkModeColorCSS(
213
236
  }
214
237
  `;
215
238
  }
239
+
240
+ export const avatarColors = [
241
+ token('color.icon.accent.red', R100),
242
+ token('color.background.accent.red.bolder.hovered', R300),
243
+ token('color.icon.accent.magenta', R500),
244
+ token('color.background.accent.magenta.bolder.hovered', Y100),
245
+ token('color.icon.accent.orange', Y300),
246
+ token('color.background.accent.orange.bolder.hovered', Y500),
247
+ token('color.icon.accent.green', G100),
248
+ token('color.background.accent.green.bolder.hovered', G300),
249
+ token('color.icon.accent.blue', G500),
250
+ token('color.background.accent.blue.bolder.hovered', T100),
251
+ token('color.icon.accent.teal', T300),
252
+ token('color.background.accent.teal.bolder.hovered', T500),
253
+ token('color.icon.accent.lime', B100),
254
+ token('color.background.accent.lime.bolder.hovered', B300),
255
+ token('color.icon.accent.purple', B500),
256
+ token('color.background.accent.purple.bolder.hovered', N70),
257
+ token('color.icon.accent.gray', N200),
258
+ token('color.background.accent.gray.bolder.hovered', N800),
259
+ token('color.icon.accent.yellow', P100),
260
+ token('color.background.accent.yellow.bolder.hovered', P300),
261
+ token('color.background.accent.yellow.bolder.pressed', P500),
262
+ ];
package/src/consts/index.ts CHANGED
@@ -75,6 +75,7 @@ export {
75
75
  akEditorWideLayoutWidth,
76
76
  akLayoutGutterOffset,
77
77
  akRichMediaResizeZIndex,
78
+ avatarColors,
78
79
  blockNodesVerticalMargin,
79
80
  breakoutWideScaleRatio,
80
81
  editorFontSize,
@@ -93,6 +94,7 @@ export {
93
94
  akEditorMobileMaxWidth,
94
95
  getTableCellBackgroundDarkModeColors,
95
96
  ATLASSIAN_NAVIGATION_HEIGHT,
97
+ FULL_PAGE_EDITOR_TOOLBAR_HEIGHT,
96
98
  akEditorTableCellBlanketSelected,
97
99
  akEditorTableCellBlanketDeleted,
98
100
  } from './consts';
package/src/index.ts CHANGED
@@ -73,6 +73,7 @@ export {
73
73
  akEditorWideLayoutWidth,
74
74
  akLayoutGutterOffset,
75
75
  akRichMediaResizeZIndex,
76
+ avatarColors,
76
77
  blockNodesVerticalMargin,
77
78
  breakoutWideScaleRatio,
78
79
  editorFontSize,
@@ -91,6 +92,7 @@ export {
91
92
  akEditorMobileMaxWidth,
92
93
  getTableCellBackgroundDarkModeColors,
93
94
  ATLASSIAN_NAVIGATION_HEIGHT,
95
+ FULL_PAGE_EDITOR_TOOLBAR_HEIGHT,
94
96
  akEditorTableCellBlanketSelected,
95
97
  akEditorTableCellBlanketDeleted,
96
98
  } from './consts';
package/src/overflow-shadow/overflow-shadow.ts CHANGED
@@ -15,6 +15,7 @@ export const overflowShadow = ({
15
15
  const leftCoverWidthResolved = leftCoverWidth || width;
16
16
  const rightCoverWidthResolved = rightCoverWidth || width;
17
17
 
18
+ // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
18
19
  return css`
19
20
  /* shadow cover left */
20
21
  linear-gradient(
package/src/shortcut/shortcut.ts CHANGED
@@ -6,6 +6,7 @@ import { token } from '@atlaskit/tokens';
6
6
 
7
7
  import { akEditorMobileMaxWidth, relativeFontSizeToBase16 } from '../consts';
8
8
 
9
+ // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
9
10
  export const shortcutStyle = css`
10
11
  background-color: ${token(
11
12
  'color.background.neutral',
package/tsconfig.app.json CHANGED
@@ -32,6 +32,9 @@
32
32
  "outDir": "../../../tsDist/@atlaskit__editor-shared-styles/app"
33
33
  },
34
34
  "references": [
35
+ {
36
+ "path": "../../platform/feature-flags/tsconfig.app.json"
37
+ },
35
38
  {
36
39
  "path": "../../design-system/theme/tsconfig.app.json"
37
40
  },