@atlaskit/editor-shared-styles 4.0.67 → 4.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +17 -0
- package/package.json +4 -4
- package/report.api.md +0 -382
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,22 @@
|
|
|
1
1
|
# @atlaskit/editor-shared-styles
|
|
2
2
|
|
|
3
|
+
## 4.1.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies
|
|
8
|
+
|
|
9
|
+
## 4.1.0
|
|
10
|
+
|
|
11
|
+
### Minor Changes
|
|
12
|
+
|
|
13
|
+
- [`bd2c5b0112185`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/bd2c5b0112185) -
|
|
14
|
+
Remove stale API report artifacts from published Platform packages.
|
|
15
|
+
|
|
16
|
+
### Patch Changes
|
|
17
|
+
|
|
18
|
+
- Updated dependencies
|
|
19
|
+
|
|
3
20
|
## 4.0.67
|
|
4
21
|
|
|
5
22
|
### Patch Changes
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-shared-styles",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.1.1",
|
|
4
4
|
"description": "Style values used in the editor/renderer",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -28,9 +28,9 @@
|
|
|
28
28
|
}
|
|
29
29
|
},
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"@atlaskit/platform-feature-flags": "^2.
|
|
32
|
-
"@atlaskit/tmp-editor-statsig": "^
|
|
33
|
-
"@atlaskit/tokens": "^16.
|
|
31
|
+
"@atlaskit/platform-feature-flags": "^2.2.0",
|
|
32
|
+
"@atlaskit/tmp-editor-statsig": "^169.0.0",
|
|
33
|
+
"@atlaskit/tokens": "^16.10.0",
|
|
34
34
|
"@babel/runtime": "^7.0.0",
|
|
35
35
|
"@emotion/react": "^11.7.1"
|
|
36
36
|
},
|
package/report.api.md
DELETED
|
@@ -1,382 +0,0 @@
|
|
|
1
|
-
<!-- API Report Version: 2.3 -->
|
|
2
|
-
|
|
3
|
-
## API Report File for "@atlaskit/editor-shared-styles"
|
|
4
|
-
|
|
5
|
-
> Do not edit this file. This report is auto-generated using
|
|
6
|
-
> [API Extractor](https://api-extractor.com/).
|
|
7
|
-
> [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
|
|
8
|
-
|
|
9
|
-
### Table of contents
|
|
10
|
-
|
|
11
|
-
- [Main Entry Types](#main-entry-types)
|
|
12
|
-
- [Peer Dependencies](#peer-dependencies)
|
|
13
|
-
|
|
14
|
-
### Main Entry Types
|
|
15
|
-
|
|
16
|
-
<!--SECTION START: Main Entry Types-->
|
|
17
|
-
|
|
18
|
-
```ts
|
|
19
|
-
import { SerializedStyles } from '@emotion/react';
|
|
20
|
-
|
|
21
|
-
// @public (undocumented)
|
|
22
|
-
export const akEditorActiveBackground = '#42526E';
|
|
23
|
-
|
|
24
|
-
// @public (undocumented)
|
|
25
|
-
export const akEditorActiveForeground = '#FFFFFF';
|
|
26
|
-
|
|
27
|
-
// @public (undocumented)
|
|
28
|
-
export const akEditorBlockquoteBorderColor = '#DFE1E6';
|
|
29
|
-
|
|
30
|
-
// @public (undocumented)
|
|
31
|
-
export const akEditorBreakoutPadding = 96;
|
|
32
|
-
|
|
33
|
-
// @public (undocumented)
|
|
34
|
-
export const akEditorCalculatedWideLayoutWidth = 1011;
|
|
35
|
-
|
|
36
|
-
// @public (undocumented)
|
|
37
|
-
export const akEditorCodeBackground = '#F4F5F7';
|
|
38
|
-
|
|
39
|
-
// @public (undocumented)
|
|
40
|
-
export const akEditorCodeBlockPadding = '12px';
|
|
41
|
-
|
|
42
|
-
// @public (undocumented)
|
|
43
|
-
export const akEditorCodeFontFamily: string;
|
|
44
|
-
|
|
45
|
-
// @public (undocumented)
|
|
46
|
-
export const akEditorCodeInlinePadding = '2px 4px';
|
|
47
|
-
|
|
48
|
-
// @public (undocumented)
|
|
49
|
-
export const akEditorContextPanelWidth = 320;
|
|
50
|
-
|
|
51
|
-
// @public (undocumented)
|
|
52
|
-
export const akEditorDefaultLayoutWidth = 760;
|
|
53
|
-
|
|
54
|
-
// @public (undocumented)
|
|
55
|
-
export const akEditorDeleteBackground = '#FFEBE6';
|
|
56
|
-
|
|
57
|
-
// @public (undocumented)
|
|
58
|
-
export const akEditorDeleteBackgroundShaded = '#FFEBE6';
|
|
59
|
-
|
|
60
|
-
// @public (undocumented)
|
|
61
|
-
export const akEditorDeleteBackgroundWithOpacity = 'rgba(255, 189, 173, 0.5)';
|
|
62
|
-
|
|
63
|
-
// @public (undocumented)
|
|
64
|
-
export const akEditorDeleteBorder = '#FF5630';
|
|
65
|
-
|
|
66
|
-
// @public (undocumented)
|
|
67
|
-
export const akEditorDeleteIconColor = '#DE350B';
|
|
68
|
-
|
|
69
|
-
// @public (undocumented)
|
|
70
|
-
export const akEditorDropdownActiveBackground = '#091E42';
|
|
71
|
-
|
|
72
|
-
// @public (undocumented)
|
|
73
|
-
export const akEditorFloatingDialogZIndex: number;
|
|
74
|
-
|
|
75
|
-
// @public (undocumented)
|
|
76
|
-
export const akEditorFloatingOverlapPanelZIndex: number;
|
|
77
|
-
|
|
78
|
-
// @public (undocumented)
|
|
79
|
-
export const akEditorFloatingPanelZIndex: 400;
|
|
80
|
-
|
|
81
|
-
// @public (undocumented)
|
|
82
|
-
export const akEditorFocus = '#4C9AFF';
|
|
83
|
-
|
|
84
|
-
// @public (undocumented)
|
|
85
|
-
export const akEditorFullPageDefaultFontSize = 16;
|
|
86
|
-
|
|
87
|
-
// @public (undocumented)
|
|
88
|
-
export const akEditorFullPageMaxWidth = 680;
|
|
89
|
-
|
|
90
|
-
// @public (undocumented)
|
|
91
|
-
export const akEditorFullWidthLayoutLineLength = 1792;
|
|
92
|
-
|
|
93
|
-
// @public (undocumented)
|
|
94
|
-
export const akEditorFullWidthLayoutWidth = 1800;
|
|
95
|
-
|
|
96
|
-
// @public (undocumented)
|
|
97
|
-
export const akEditorGridLineZIndex = 1;
|
|
98
|
-
|
|
99
|
-
// @public (undocumented)
|
|
100
|
-
export const akEditorGutterPadding = 32;
|
|
101
|
-
|
|
102
|
-
// @public (undocumented)
|
|
103
|
-
export const akEditorInactiveForeground = '#42526E';
|
|
104
|
-
|
|
105
|
-
// @public (undocumented)
|
|
106
|
-
export const akEditorLineHeight = 1.714;
|
|
107
|
-
|
|
108
|
-
// @public (undocumented)
|
|
109
|
-
export const akEditorMediaResizeHandlerPadding = 4;
|
|
110
|
-
|
|
111
|
-
// @public (undocumented)
|
|
112
|
-
export const akEditorMediaResizeHandlerPaddingWide = 12;
|
|
113
|
-
|
|
114
|
-
// @public (undocumented)
|
|
115
|
-
export const akEditorMentionSelected = '#7A869A';
|
|
116
|
-
|
|
117
|
-
// @public (undocumented)
|
|
118
|
-
export const akEditorMenuZIndex: 500;
|
|
119
|
-
|
|
120
|
-
// @public (undocumented)
|
|
121
|
-
export const akEditorMobileBreakoutPoint = 720;
|
|
122
|
-
|
|
123
|
-
// @public (undocumented)
|
|
124
|
-
export const akEditorMobileMaxWidth = 0;
|
|
125
|
-
|
|
126
|
-
// @public (undocumented)
|
|
127
|
-
export const akEditorPopupBackground = '#253858';
|
|
128
|
-
|
|
129
|
-
// @public (undocumented)
|
|
130
|
-
export const akEditorPopupText = '#DEEBFF';
|
|
131
|
-
|
|
132
|
-
// @public (undocumented)
|
|
133
|
-
export const akEditorPrimaryButton = '#0052CC';
|
|
134
|
-
|
|
135
|
-
// @public (undocumented)
|
|
136
|
-
export const akEditorRuleBackground = '#EBECF0';
|
|
137
|
-
|
|
138
|
-
// @public (undocumented)
|
|
139
|
-
export const akEditorRuleBorderRadius = '1px';
|
|
140
|
-
|
|
141
|
-
// @public (undocumented)
|
|
142
|
-
export const akEditorSelectedBgColor = '#DEEBFF';
|
|
143
|
-
|
|
144
|
-
// @public (undocumented)
|
|
145
|
-
export const akEditorSelectedBlanketColor = '#B3D4FF';
|
|
146
|
-
|
|
147
|
-
// @public (undocumented)
|
|
148
|
-
export const akEditorSelectedBlanketOpacity = 0.3;
|
|
149
|
-
|
|
150
|
-
// @public (undocumented)
|
|
151
|
-
export const akEditorSelectedBorder: string;
|
|
152
|
-
|
|
153
|
-
// @public (undocumented)
|
|
154
|
-
export const akEditorSelectedBorderBoldSize = 2;
|
|
155
|
-
|
|
156
|
-
// @public (undocumented)
|
|
157
|
-
export const akEditorSelectedBorderColor = '#0065FF';
|
|
158
|
-
|
|
159
|
-
// @public (undocumented)
|
|
160
|
-
export const akEditorSelectedBorderSize = 1;
|
|
161
|
-
|
|
162
|
-
// @public (undocumented)
|
|
163
|
-
export const akEditorSelectedBoxShadow: string;
|
|
164
|
-
|
|
165
|
-
// @public (undocumented)
|
|
166
|
-
export const akEditorSelectedIconColor = '#0052CC';
|
|
167
|
-
|
|
168
|
-
// @public (undocumented)
|
|
169
|
-
export const akEditorSelectedNodeClassName = 'ak-editor-selected-node';
|
|
170
|
-
|
|
171
|
-
// @public (undocumented)
|
|
172
|
-
export const akEditorShadowZIndex = 2;
|
|
173
|
-
|
|
174
|
-
// @public (undocumented)
|
|
175
|
-
export const akEditorSmallZIndex: number;
|
|
176
|
-
|
|
177
|
-
// @public (undocumented)
|
|
178
|
-
export const akEditorStickyHeaderZIndex = 11;
|
|
179
|
-
|
|
180
|
-
// @public (undocumented)
|
|
181
|
-
export const akEditorSubtleAccent = '#DFE1E6';
|
|
182
|
-
|
|
183
|
-
// @public (undocumented)
|
|
184
|
-
export const akEditorSwoopCubicBezier = 'cubic-bezier(0.15, 1, 0.3, 1)';
|
|
185
|
-
|
|
186
|
-
// @public (undocumented)
|
|
187
|
-
export const akEditorTableBorder = '#C1C7D0';
|
|
188
|
-
|
|
189
|
-
// @public (undocumented)
|
|
190
|
-
export const akEditorTableBorderDark = '#3B475C';
|
|
191
|
-
|
|
192
|
-
// @public (undocumented)
|
|
193
|
-
export const akEditorTableBorderDelete = '#FF5630';
|
|
194
|
-
|
|
195
|
-
// @public (undocumented)
|
|
196
|
-
export const akEditorTableBorderRadius = '3px';
|
|
197
|
-
|
|
198
|
-
// @public (undocumented)
|
|
199
|
-
export const akEditorTableBorderSelected = '#0065FF';
|
|
200
|
-
|
|
201
|
-
// @public (undocumented)
|
|
202
|
-
export const akEditorTableCellBackgroundOpacity = 0.5;
|
|
203
|
-
|
|
204
|
-
// @public (undocumented)
|
|
205
|
-
export const akEditorTableCellBlanketDeleted = 'rgba(255, 235, 230, 0.3)';
|
|
206
|
-
|
|
207
|
-
// @public (undocumented)
|
|
208
|
-
export const akEditorTableCellBlanketSelected = 'rgba(179, 212, 255, 0.3)';
|
|
209
|
-
|
|
210
|
-
// @public (undocumented)
|
|
211
|
-
export const akEditorTableCellDelete = '#FFEBE6';
|
|
212
|
-
|
|
213
|
-
// @public (undocumented)
|
|
214
|
-
export const akEditorTableCellMinWidth = 48;
|
|
215
|
-
|
|
216
|
-
// @public (undocumented)
|
|
217
|
-
export const akEditorTableCellOnStickyHeaderZIndex: number;
|
|
218
|
-
|
|
219
|
-
// @public (undocumented)
|
|
220
|
-
export const akEditorTableCellSelected = '#B3D4FF';
|
|
221
|
-
|
|
222
|
-
// @public (undocumented)
|
|
223
|
-
export const akEditorTableFloatingControls = '#F4F5F7';
|
|
224
|
-
|
|
225
|
-
// @public (undocumented)
|
|
226
|
-
export const akEditorTableHeaderCellBackground = '#F1F2F4';
|
|
227
|
-
|
|
228
|
-
// @public (undocumented)
|
|
229
|
-
export const akEditorTableHeaderCellBackgroundDark = '#2C333A';
|
|
230
|
-
|
|
231
|
-
// @public (undocumented)
|
|
232
|
-
export const akEditorTableLegacyCellMinWidth = 128;
|
|
233
|
-
|
|
234
|
-
// @public (undocumented)
|
|
235
|
-
export const akEditorTableNumberColumnWidth = 42;
|
|
236
|
-
|
|
237
|
-
// @public (undocumented)
|
|
238
|
-
export const akEditorTableToolbar = '#F4F5F7';
|
|
239
|
-
|
|
240
|
-
// @public (undocumented)
|
|
241
|
-
export const akEditorTableToolbarDark = '#283447';
|
|
242
|
-
|
|
243
|
-
// @public (undocumented)
|
|
244
|
-
export const akEditorTableToolbarDelete = '#FFBDAD';
|
|
245
|
-
|
|
246
|
-
// @public (undocumented)
|
|
247
|
-
export const akEditorTableToolbarSelected = '#4C9AFF';
|
|
248
|
-
|
|
249
|
-
// @public (undocumented)
|
|
250
|
-
export const akEditorTableToolbarSize = 11;
|
|
251
|
-
|
|
252
|
-
// @public (undocumented)
|
|
253
|
-
export const akEditorToolbarKeylineHeight = 2;
|
|
254
|
-
|
|
255
|
-
// @public (undocumented)
|
|
256
|
-
export const akEditorUnitZIndex = 1;
|
|
257
|
-
|
|
258
|
-
// @public (undocumented)
|
|
259
|
-
export const akEditorWideLayoutWidth = 960;
|
|
260
|
-
|
|
261
|
-
// @public (undocumented)
|
|
262
|
-
export const akLayoutGutterOffset: number;
|
|
263
|
-
|
|
264
|
-
// @public (undocumented)
|
|
265
|
-
export const akRichMediaResizeZIndex: number;
|
|
266
|
-
|
|
267
|
-
// @public (undocumented)
|
|
268
|
-
export const ATLASSIAN_NAVIGATION_HEIGHT = '56px';
|
|
269
|
-
|
|
270
|
-
// @public (undocumented)
|
|
271
|
-
export const blockNodesVerticalMargin = '0.75rem';
|
|
272
|
-
|
|
273
|
-
// @public (undocumented)
|
|
274
|
-
export const breakoutWideScaleRatio = 1.33;
|
|
275
|
-
|
|
276
|
-
// @public (undocumented)
|
|
277
|
-
export const DEFAULT_EMBED_CARD_HEIGHT = 480;
|
|
278
|
-
|
|
279
|
-
// @public (undocumented)
|
|
280
|
-
export const DEFAULT_EMBED_CARD_WIDTH = 680;
|
|
281
|
-
|
|
282
|
-
// @public (undocumented)
|
|
283
|
-
export const editorFontSize: ({ theme }: { theme: EditorTheme }) => number;
|
|
284
|
-
|
|
285
|
-
// @public (undocumented)
|
|
286
|
-
export type EditorTheme = {
|
|
287
|
-
baseFontSize?: number;
|
|
288
|
-
};
|
|
289
|
-
|
|
290
|
-
// @public
|
|
291
|
-
export const getSelectionStyles: (selectionStyles: Array<SelectionStyle>) => string;
|
|
292
|
-
|
|
293
|
-
// @public (undocumented)
|
|
294
|
-
export const getTableCellBackgroundDarkModeColors: string;
|
|
295
|
-
|
|
296
|
-
// @public (undocumented)
|
|
297
|
-
export const gridMediumMaxWidth = 1024;
|
|
298
|
-
|
|
299
|
-
// @public (undocumented)
|
|
300
|
-
export const hideNativeBrowserTextSelectionStyles =
|
|
301
|
-
'\n ::selection,*::selection {\n background-color: transparent;\n }\n ::-moz-selection,*::-moz-selection {\n background-color: transparent;\n }\n';
|
|
302
|
-
|
|
303
|
-
// @public (undocumented)
|
|
304
|
-
export const MAX_BROWSER_SCROLLBAR_HEIGHT = 20;
|
|
305
|
-
|
|
306
|
-
// @public (undocumented)
|
|
307
|
-
export const overflowShadow: ({
|
|
308
|
-
background,
|
|
309
|
-
width,
|
|
310
|
-
leftCoverWidth,
|
|
311
|
-
rightCoverWidth,
|
|
312
|
-
}: {
|
|
313
|
-
background: string;
|
|
314
|
-
width?: string | undefined;
|
|
315
|
-
leftCoverWidth?: string | undefined;
|
|
316
|
-
rightCoverWidth?: string | undefined;
|
|
317
|
-
}) => SerializedStyles;
|
|
318
|
-
|
|
319
|
-
// @public (undocumented)
|
|
320
|
-
export const relativeFontSizeToBase16: (px: number | string) => string;
|
|
321
|
-
|
|
322
|
-
// @public (undocumented)
|
|
323
|
-
export const relativeSize: (multiplier: number) => ({ theme }: { theme: EditorTheme }) => number;
|
|
324
|
-
|
|
325
|
-
// @public
|
|
326
|
-
export enum SelectionStyle {
|
|
327
|
-
// (undocumented)
|
|
328
|
-
Background = 2,
|
|
329
|
-
// (undocumented)
|
|
330
|
-
Blanket = 3,
|
|
331
|
-
// (undocumented)
|
|
332
|
-
Border = 0,
|
|
333
|
-
// (undocumented)
|
|
334
|
-
BoxShadow = 1,
|
|
335
|
-
}
|
|
336
|
-
|
|
337
|
-
// @public (undocumented)
|
|
338
|
-
export const VIEWPORT_SIZES: {
|
|
339
|
-
laptopHiDPI: {
|
|
340
|
-
width: number;
|
|
341
|
-
height: number;
|
|
342
|
-
};
|
|
343
|
-
laptopMDPI: {
|
|
344
|
-
width: number;
|
|
345
|
-
height: number;
|
|
346
|
-
};
|
|
347
|
-
tabletL: {
|
|
348
|
-
width: number;
|
|
349
|
-
height: number;
|
|
350
|
-
};
|
|
351
|
-
tabletS: {
|
|
352
|
-
width: number;
|
|
353
|
-
height: number;
|
|
354
|
-
};
|
|
355
|
-
mobileM: {
|
|
356
|
-
width: number;
|
|
357
|
-
height: number;
|
|
358
|
-
};
|
|
359
|
-
mobileS: {
|
|
360
|
-
width: number;
|
|
361
|
-
height: number;
|
|
362
|
-
};
|
|
363
|
-
mobileXS: {
|
|
364
|
-
width: number;
|
|
365
|
-
height: number;
|
|
366
|
-
};
|
|
367
|
-
};
|
|
368
|
-
|
|
369
|
-
// (No @packageDocumentation comment for this package)
|
|
370
|
-
```
|
|
371
|
-
|
|
372
|
-
<!--SECTION END: Main Entry Types-->
|
|
373
|
-
|
|
374
|
-
### Peer Dependencies
|
|
375
|
-
|
|
376
|
-
<!--SECTION START: Peer Dependencies-->
|
|
377
|
-
|
|
378
|
-
```json
|
|
379
|
-
{}
|
|
380
|
-
```
|
|
381
|
-
|
|
382
|
-
<!--SECTION END: Peer Dependencies-->
|