@atlaskit/editor-shared-styles 1.6.0 → 2.0.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 (16) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/dist/cjs/consts/consts.js +2 -1
  3. package/dist/cjs/consts/index.js +100 -100
  4. package/dist/cjs/index.js +108 -108
  5. package/dist/cjs/overflow-shadow/overflow-shadow.js +2 -2
  6. package/dist/cjs/version.json +1 -1
  7. package/dist/es2019/overflow-shadow/overflow-shadow.js +1 -1
  8. package/dist/es2019/version.json +1 -1
  9. package/dist/esm/overflow-shadow/overflow-shadow.js +1 -1
  10. package/dist/esm/version.json +1 -1
  11. package/dist/types/overflow-shadow/overflow-shadow.d.ts +2 -3
  12. package/package.json +6 -3
  13. package/src/overflow-shadow/overflow-shadow.ts +2 -4
  14. package/dist/cjs/consts/consts.test.js +0 -25
  15. package/dist/es2019/consts/consts.test.js +0 -20
  16. package/dist/esm/consts/consts.test.js +0 -22
package/CHANGELOG.md CHANGED
@@ -1,5 +1,15 @@
1
1
  # @atlaskit/editor-shared-styles
2
2
 
3
+ ## 2.0.0
4
+
5
+ ### Major Changes
6
+
7
+ - [`e22509504e8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e22509504e8) - ED-14255 migrate editor-shared-style to emotion
8
+
9
+ ### Patch Changes
10
+
11
+ - [`9712e78abb0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9712e78abb0) - ED-14255 moved some usages of editor-shared-styles to emotion
12
+
3
13
  ## 1.6.0
4
14
 
5
15
  ### Minor Changes
package/dist/cjs/consts/consts.js CHANGED
@@ -5,8 +5,9 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
+ exports.getAkEditorFullPageMaxWidth = 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.akEditorTableFloatingControls = exports.akEditorTableCellSelected = exports.akEditorTableCellMinWidth = exports.akEditorTableCellDelete = 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.akEditorBreakoutPadding = exports.akEditorBlockquoteBorderColor = exports.akEditorActiveForeground = exports.akEditorActiveBackground = exports.VIEWPORT_SIZES = exports.DEFAULT_EMBED_CARD_WIDTH = exports.DEFAULT_EMBED_CARD_HEIGHT = exports.ATLASSIAN_NAVIGATION_HEIGHT = void 0;
8
9
  exports.getTableCellBackgroundDarkModeColorCSS = getTableCellBackgroundDarkModeColorCSS;
9
- exports.getTableCellBackgroundDarkModeColors = exports.akEditorMobileMaxWidth = exports.VIEWPORT_SIZES = exports.getAkEditorFullPageMaxWidth = exports.relativeFontSizeToBase16 = exports.relativeSize = exports.editorFontSize = exports.akEditorSelectedNodeClassName = exports.ATLASSIAN_NAVIGATION_HEIGHT = exports.DEFAULT_EMBED_CARD_HEIGHT = exports.DEFAULT_EMBED_CARD_WIDTH = exports.blockNodesVerticalMargin = exports.akEditorContextPanelWidth = exports.akEditorToolbarKeylineHeight = exports.akEditorRuleBorderRadius = exports.akEditorRuleBackground = exports.akEditorLineHeight = exports.akLayoutGutterOffset = exports.akRichMediaResizeZIndex = exports.breakoutWideScaleRatio = exports.gridMediumMaxWidth = exports.akEditorSwoopCubicBezier = exports.akEditorMediaResizeHandlerPadding = exports.akEditorMediaResizeHandlerPaddingWide = exports.akEditorTableLegacyCellMinWidth = exports.akEditorTableCellMinWidth = exports.akEditorMobileBreakoutPoint = exports.akEditorGutterPadding = exports.akEditorBreakoutPadding = exports.akEditorTableNumberColumnWidth = exports.akEditorFullWidthLayoutLineLength = exports.akEditorFullWidthLayoutWidth = exports.akEditorWideLayoutWidth = exports.akEditorDefaultLayoutWidth = exports.akEditorFullPageMaxWidth = exports.akEditorTableCellBackgroundOpacity = exports.akEditorTableBorderRadius = exports.akEditorTableToolbarDelete = exports.akEditorTableBorderDelete = exports.akEditorTableCellDelete = exports.akEditorTableBorderSelected = exports.akEditorTableToolbarSelected = exports.akEditorTableCellSelected = exports.akEditorTableFloatingControls = exports.akEditorTableToolbarDark = exports.akEditorTableToolbar = exports.akEditorTableBorderDark = exports.akEditorTableBorder = exports.akEditorTableToolbarSize = exports.akEditorMentionSelected = exports.akEditorFloatingOverlapPanelZIndex = exports.akEditorFloatingDialogZIndex = exports.akEditorFloatingPanelZIndex = exports.akEditorMenuZIndex = exports.akEditorGridLineZIndex = exports.akEditorSmallZIndex = exports.akEditorStickyHeaderZIndex = exports.akEditorShadowZIndex = exports.akEditorUnitZIndex = exports.akEditorSelectedBlanketOpacity = exports.akEditorSelectedBorderBoldSize = exports.akEditorSelectedIconColor = exports.akEditorSelectedBoxShadow = exports.akEditorSelectedBorder = exports.akEditorSelectedBorderSize = exports.akEditorSelectedBlanketColor = exports.akEditorSelectedBgColor = exports.akEditorSelectedBorderColor = exports.akEditorCustomIconSize = exports.akEditorDeleteIconColor = exports.akEditorDeleteBorder = exports.akEditorDeleteBackgroundWithOpacity = exports.akEditorDeleteBackgroundShaded = exports.akEditorDeleteBackground = exports.akEditorCodeInlinePadding = exports.akEditorCodeBlockPadding = exports.akEditorCodeBackground = exports.akEditorPrimaryButton = exports.akEditorPopupText = exports.akEditorPopupBackground = exports.akEditorDropdownActiveBackground = exports.akEditorBlockquoteBorderColor = exports.akEditorActiveForeground = exports.akEditorActiveBackground = exports.akEditorSubtleAccent = exports.akEditorFocus = exports.akEditorInactiveForeground = exports.akEditorCodeFontFamily = exports.akEditorFullPageDefaultFontSize = void 0;
10
+ exports.relativeSize = exports.relativeFontSizeToBase16 = exports.gridMediumMaxWidth = exports.getTableCellBackgroundDarkModeColors = void 0;
10
11
 
11
12
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
12
13
 
package/dist/cjs/consts/index.js CHANGED
@@ -3,6 +3,30 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
+ Object.defineProperty(exports, "ATLASSIAN_NAVIGATION_HEIGHT", {
7
+ enumerable: true,
8
+ get: function get() {
9
+ return _consts.ATLASSIAN_NAVIGATION_HEIGHT;
10
+ }
11
+ });
12
+ Object.defineProperty(exports, "DEFAULT_EMBED_CARD_HEIGHT", {
13
+ enumerable: true,
14
+ get: function get() {
15
+ return _consts.DEFAULT_EMBED_CARD_HEIGHT;
16
+ }
17
+ });
18
+ Object.defineProperty(exports, "DEFAULT_EMBED_CARD_WIDTH", {
19
+ enumerable: true,
20
+ get: function get() {
21
+ return _consts.DEFAULT_EMBED_CARD_WIDTH;
22
+ }
23
+ });
24
+ Object.defineProperty(exports, "VIEWPORT_SIZES", {
25
+ enumerable: true,
26
+ get: function get() {
27
+ return _consts.VIEWPORT_SIZES;
28
+ }
29
+ });
6
30
  Object.defineProperty(exports, "akEditorActiveBackground", {
7
31
  enumerable: true,
8
32
  get: function get() {
@@ -57,6 +81,12 @@ Object.defineProperty(exports, "akEditorContextPanelWidth", {
57
81
  return _consts.akEditorContextPanelWidth;
58
82
  }
59
83
  });
84
+ Object.defineProperty(exports, "akEditorCustomIconSize", {
85
+ enumerable: true,
86
+ get: function get() {
87
+ return _consts.akEditorCustomIconSize;
88
+ }
89
+ });
60
90
  Object.defineProperty(exports, "akEditorDefaultLayoutWidth", {
61
91
  enumerable: true,
62
92
  get: function get() {
@@ -123,22 +153,16 @@ Object.defineProperty(exports, "akEditorFocus", {
123
153
  return _consts.akEditorFocus;
124
154
  }
125
155
  });
126
- Object.defineProperty(exports, "akEditorFullPageMaxWidth", {
127
- enumerable: true,
128
- get: function get() {
129
- return _consts.akEditorFullPageMaxWidth;
130
- }
131
- });
132
156
  Object.defineProperty(exports, "akEditorFullPageDefaultFontSize", {
133
157
  enumerable: true,
134
158
  get: function get() {
135
159
  return _consts.akEditorFullPageDefaultFontSize;
136
160
  }
137
161
  });
138
- Object.defineProperty(exports, "akEditorFullWidthLayoutWidth", {
162
+ Object.defineProperty(exports, "akEditorFullPageMaxWidth", {
139
163
  enumerable: true,
140
164
  get: function get() {
141
- return _consts.akEditorFullWidthLayoutWidth;
165
+ return _consts.akEditorFullPageMaxWidth;
142
166
  }
143
167
  });
144
168
  Object.defineProperty(exports, "akEditorFullWidthLayoutLineLength", {
@@ -147,6 +171,12 @@ Object.defineProperty(exports, "akEditorFullWidthLayoutLineLength", {
147
171
  return _consts.akEditorFullWidthLayoutLineLength;
148
172
  }
149
173
  });
174
+ Object.defineProperty(exports, "akEditorFullWidthLayoutWidth", {
175
+ enumerable: true,
176
+ get: function get() {
177
+ return _consts.akEditorFullWidthLayoutWidth;
178
+ }
179
+ });
150
180
  Object.defineProperty(exports, "akEditorGridLineZIndex", {
151
181
  enumerable: true,
152
182
  get: function get() {
@@ -165,6 +195,12 @@ Object.defineProperty(exports, "akEditorInactiveForeground", {
165
195
  return _consts.akEditorInactiveForeground;
166
196
  }
167
197
  });
198
+ Object.defineProperty(exports, "akEditorLineHeight", {
199
+ enumerable: true,
200
+ get: function get() {
201
+ return _consts.akEditorLineHeight;
202
+ }
203
+ });
168
204
  Object.defineProperty(exports, "akEditorMediaResizeHandlerPadding", {
169
205
  enumerable: true,
170
206
  get: function get() {
@@ -189,16 +225,16 @@ Object.defineProperty(exports, "akEditorMenuZIndex", {
189
225
  return _consts.akEditorMenuZIndex;
190
226
  }
191
227
  });
192
- Object.defineProperty(exports, "akEditorStickyHeaderZIndex", {
228
+ Object.defineProperty(exports, "akEditorMobileBreakoutPoint", {
193
229
  enumerable: true,
194
230
  get: function get() {
195
- return _consts.akEditorStickyHeaderZIndex;
231
+ return _consts.akEditorMobileBreakoutPoint;
196
232
  }
197
233
  });
198
- Object.defineProperty(exports, "akEditorMobileBreakoutPoint", {
234
+ Object.defineProperty(exports, "akEditorMobileMaxWidth", {
199
235
  enumerable: true,
200
236
  get: function get() {
201
- return _consts.akEditorMobileBreakoutPoint;
237
+ return _consts.akEditorMobileMaxWidth;
202
238
  }
203
239
  });
204
240
  Object.defineProperty(exports, "akEditorPopupBackground", {
@@ -219,22 +255,34 @@ Object.defineProperty(exports, "akEditorPrimaryButton", {
219
255
  return _consts.akEditorPrimaryButton;
220
256
  }
221
257
  });
222
- Object.defineProperty(exports, "akEditorSelectedBorderColor", {
258
+ Object.defineProperty(exports, "akEditorRuleBackground", {
223
259
  enumerable: true,
224
260
  get: function get() {
225
- return _consts.akEditorSelectedBorderColor;
261
+ return _consts.akEditorRuleBackground;
226
262
  }
227
263
  });
228
- Object.defineProperty(exports, "akEditorSelectedBorderBoldSize", {
264
+ Object.defineProperty(exports, "akEditorRuleBorderRadius", {
229
265
  enumerable: true,
230
266
  get: function get() {
231
- return _consts.akEditorSelectedBorderBoldSize;
267
+ return _consts.akEditorRuleBorderRadius;
232
268
  }
233
269
  });
234
- Object.defineProperty(exports, "akEditorSelectedBorderSize", {
270
+ Object.defineProperty(exports, "akEditorSelectedBgColor", {
235
271
  enumerable: true,
236
272
  get: function get() {
237
- return _consts.akEditorSelectedBorderSize;
273
+ return _consts.akEditorSelectedBgColor;
274
+ }
275
+ });
276
+ Object.defineProperty(exports, "akEditorSelectedBlanketColor", {
277
+ enumerable: true,
278
+ get: function get() {
279
+ return _consts.akEditorSelectedBlanketColor;
280
+ }
281
+ });
282
+ Object.defineProperty(exports, "akEditorSelectedBlanketOpacity", {
283
+ enumerable: true,
284
+ get: function get() {
285
+ return _consts.akEditorSelectedBlanketOpacity;
238
286
  }
239
287
  });
240
288
  Object.defineProperty(exports, "akEditorSelectedBorder", {
@@ -243,40 +291,46 @@ Object.defineProperty(exports, "akEditorSelectedBorder", {
243
291
  return _consts.akEditorSelectedBorder;
244
292
  }
245
293
  });
246
- Object.defineProperty(exports, "akEditorSelectedBoxShadow", {
294
+ Object.defineProperty(exports, "akEditorSelectedBorderBoldSize", {
247
295
  enumerable: true,
248
296
  get: function get() {
249
- return _consts.akEditorSelectedBoxShadow;
297
+ return _consts.akEditorSelectedBorderBoldSize;
250
298
  }
251
299
  });
252
- Object.defineProperty(exports, "akEditorSelectedIconColor", {
300
+ Object.defineProperty(exports, "akEditorSelectedBorderColor", {
253
301
  enumerable: true,
254
302
  get: function get() {
255
- return _consts.akEditorSelectedIconColor;
303
+ return _consts.akEditorSelectedBorderColor;
256
304
  }
257
305
  });
258
- Object.defineProperty(exports, "akEditorCustomIconSize", {
306
+ Object.defineProperty(exports, "akEditorSelectedBorderSize", {
259
307
  enumerable: true,
260
308
  get: function get() {
261
- return _consts.akEditorCustomIconSize;
309
+ return _consts.akEditorSelectedBorderSize;
262
310
  }
263
311
  });
264
- Object.defineProperty(exports, "akEditorSelectedBlanketColor", {
312
+ Object.defineProperty(exports, "akEditorSelectedBoxShadow", {
265
313
  enumerable: true,
266
314
  get: function get() {
267
- return _consts.akEditorSelectedBlanketColor;
315
+ return _consts.akEditorSelectedBoxShadow;
268
316
  }
269
317
  });
270
- Object.defineProperty(exports, "akEditorSelectedBgColor", {
318
+ Object.defineProperty(exports, "akEditorSelectedIconColor", {
271
319
  enumerable: true,
272
320
  get: function get() {
273
- return _consts.akEditorSelectedBgColor;
321
+ return _consts.akEditorSelectedIconColor;
274
322
  }
275
323
  });
276
- Object.defineProperty(exports, "akEditorSelectedBlanketOpacity", {
324
+ Object.defineProperty(exports, "akEditorSelectedNodeClassName", {
277
325
  enumerable: true,
278
326
  get: function get() {
279
- return _consts.akEditorSelectedBlanketOpacity;
327
+ return _consts.akEditorSelectedNodeClassName;
328
+ }
329
+ });
330
+ Object.defineProperty(exports, "akEditorShadowZIndex", {
331
+ enumerable: true,
332
+ get: function get() {
333
+ return _consts.akEditorShadowZIndex;
280
334
  }
281
335
  });
282
336
  Object.defineProperty(exports, "akEditorSmallZIndex", {
@@ -285,10 +339,10 @@ Object.defineProperty(exports, "akEditorSmallZIndex", {
285
339
  return _consts.akEditorSmallZIndex;
286
340
  }
287
341
  });
288
- Object.defineProperty(exports, "akEditorShadowZIndex", {
342
+ Object.defineProperty(exports, "akEditorStickyHeaderZIndex", {
289
343
  enumerable: true,
290
344
  get: function get() {
291
- return _consts.akEditorShadowZIndex;
345
+ return _consts.akEditorStickyHeaderZIndex;
292
346
  }
293
347
  });
294
348
  Object.defineProperty(exports, "akEditorSubtleAccent", {
@@ -405,6 +459,12 @@ Object.defineProperty(exports, "akEditorTableToolbarSize", {
405
459
  return _consts.akEditorTableToolbarSize;
406
460
  }
407
461
  });
462
+ Object.defineProperty(exports, "akEditorToolbarKeylineHeight", {
463
+ enumerable: true,
464
+ get: function get() {
465
+ return _consts.akEditorToolbarKeylineHeight;
466
+ }
467
+ });
408
468
  Object.defineProperty(exports, "akEditorUnitZIndex", {
409
469
  enumerable: true,
410
470
  get: function get() {
@@ -447,94 +507,34 @@ Object.defineProperty(exports, "editorFontSize", {
447
507
  return _consts.editorFontSize;
448
508
  }
449
509
  });
450
- Object.defineProperty(exports, "gridMediumMaxWidth", {
451
- enumerable: true,
452
- get: function get() {
453
- return _consts.gridMediumMaxWidth;
454
- }
455
- });
456
510
  Object.defineProperty(exports, "getAkEditorFullPageMaxWidth", {
457
511
  enumerable: true,
458
512
  get: function get() {
459
513
  return _consts.getAkEditorFullPageMaxWidth;
460
514
  }
461
515
  });
462
- Object.defineProperty(exports, "relativeSize", {
463
- enumerable: true,
464
- get: function get() {
465
- return _consts.relativeSize;
466
- }
467
- });
468
- Object.defineProperty(exports, "relativeFontSizeToBase16", {
469
- enumerable: true,
470
- get: function get() {
471
- return _consts.relativeFontSizeToBase16;
472
- }
473
- });
474
- Object.defineProperty(exports, "DEFAULT_EMBED_CARD_HEIGHT", {
475
- enumerable: true,
476
- get: function get() {
477
- return _consts.DEFAULT_EMBED_CARD_HEIGHT;
478
- }
479
- });
480
- Object.defineProperty(exports, "DEFAULT_EMBED_CARD_WIDTH", {
481
- enumerable: true,
482
- get: function get() {
483
- return _consts.DEFAULT_EMBED_CARD_WIDTH;
484
- }
485
- });
486
- Object.defineProperty(exports, "akEditorLineHeight", {
487
- enumerable: true,
488
- get: function get() {
489
- return _consts.akEditorLineHeight;
490
- }
491
- });
492
- Object.defineProperty(exports, "akEditorRuleBackground", {
493
- enumerable: true,
494
- get: function get() {
495
- return _consts.akEditorRuleBackground;
496
- }
497
- });
498
- Object.defineProperty(exports, "akEditorRuleBorderRadius", {
499
- enumerable: true,
500
- get: function get() {
501
- return _consts.akEditorRuleBorderRadius;
502
- }
503
- });
504
- Object.defineProperty(exports, "akEditorSelectedNodeClassName", {
505
- enumerable: true,
506
- get: function get() {
507
- return _consts.akEditorSelectedNodeClassName;
508
- }
509
- });
510
- Object.defineProperty(exports, "akEditorToolbarKeylineHeight", {
511
- enumerable: true,
512
- get: function get() {
513
- return _consts.akEditorToolbarKeylineHeight;
514
- }
515
- });
516
- Object.defineProperty(exports, "VIEWPORT_SIZES", {
516
+ Object.defineProperty(exports, "getTableCellBackgroundDarkModeColors", {
517
517
  enumerable: true,
518
518
  get: function get() {
519
- return _consts.VIEWPORT_SIZES;
519
+ return _consts.getTableCellBackgroundDarkModeColors;
520
520
  }
521
521
  });
522
- Object.defineProperty(exports, "akEditorMobileMaxWidth", {
522
+ Object.defineProperty(exports, "gridMediumMaxWidth", {
523
523
  enumerable: true,
524
524
  get: function get() {
525
- return _consts.akEditorMobileMaxWidth;
525
+ return _consts.gridMediumMaxWidth;
526
526
  }
527
527
  });
528
- Object.defineProperty(exports, "getTableCellBackgroundDarkModeColors", {
528
+ Object.defineProperty(exports, "relativeFontSizeToBase16", {
529
529
  enumerable: true,
530
530
  get: function get() {
531
- return _consts.getTableCellBackgroundDarkModeColors;
531
+ return _consts.relativeFontSizeToBase16;
532
532
  }
533
533
  });
534
- Object.defineProperty(exports, "ATLASSIAN_NAVIGATION_HEIGHT", {
534
+ Object.defineProperty(exports, "relativeSize", {
535
535
  enumerable: true,
536
536
  get: function get() {
537
- return _consts.ATLASSIAN_NAVIGATION_HEIGHT;
537
+ return _consts.relativeSize;
538
538
  }
539
539
  });
540
540
 
package/dist/cjs/index.js CHANGED
@@ -3,6 +3,36 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
+ Object.defineProperty(exports, "ATLASSIAN_NAVIGATION_HEIGHT", {
7
+ enumerable: true,
8
+ get: function get() {
9
+ return _consts.ATLASSIAN_NAVIGATION_HEIGHT;
10
+ }
11
+ });
12
+ Object.defineProperty(exports, "DEFAULT_EMBED_CARD_HEIGHT", {
13
+ enumerable: true,
14
+ get: function get() {
15
+ return _consts.DEFAULT_EMBED_CARD_HEIGHT;
16
+ }
17
+ });
18
+ Object.defineProperty(exports, "DEFAULT_EMBED_CARD_WIDTH", {
19
+ enumerable: true,
20
+ get: function get() {
21
+ return _consts.DEFAULT_EMBED_CARD_WIDTH;
22
+ }
23
+ });
24
+ Object.defineProperty(exports, "SelectionStyle", {
25
+ enumerable: true,
26
+ get: function get() {
27
+ return _selection.SelectionStyle;
28
+ }
29
+ });
30
+ Object.defineProperty(exports, "VIEWPORT_SIZES", {
31
+ enumerable: true,
32
+ get: function get() {
33
+ return _consts.VIEWPORT_SIZES;
34
+ }
35
+ });
6
36
  Object.defineProperty(exports, "akEditorActiveBackground", {
7
37
  enumerable: true,
8
38
  get: function get() {
@@ -123,22 +153,16 @@ Object.defineProperty(exports, "akEditorFocus", {
123
153
  return _consts.akEditorFocus;
124
154
  }
125
155
  });
126
- Object.defineProperty(exports, "akEditorFullPageMaxWidth", {
127
- enumerable: true,
128
- get: function get() {
129
- return _consts.akEditorFullPageMaxWidth;
130
- }
131
- });
132
156
  Object.defineProperty(exports, "akEditorFullPageDefaultFontSize", {
133
157
  enumerable: true,
134
158
  get: function get() {
135
159
  return _consts.akEditorFullPageDefaultFontSize;
136
160
  }
137
161
  });
138
- Object.defineProperty(exports, "akEditorFullWidthLayoutWidth", {
162
+ Object.defineProperty(exports, "akEditorFullPageMaxWidth", {
139
163
  enumerable: true,
140
164
  get: function get() {
141
- return _consts.akEditorFullWidthLayoutWidth;
165
+ return _consts.akEditorFullPageMaxWidth;
142
166
  }
143
167
  });
144
168
  Object.defineProperty(exports, "akEditorFullWidthLayoutLineLength", {
@@ -147,6 +171,12 @@ Object.defineProperty(exports, "akEditorFullWidthLayoutLineLength", {
147
171
  return _consts.akEditorFullWidthLayoutLineLength;
148
172
  }
149
173
  });
174
+ Object.defineProperty(exports, "akEditorFullWidthLayoutWidth", {
175
+ enumerable: true,
176
+ get: function get() {
177
+ return _consts.akEditorFullWidthLayoutWidth;
178
+ }
179
+ });
150
180
  Object.defineProperty(exports, "akEditorGridLineZIndex", {
151
181
  enumerable: true,
152
182
  get: function get() {
@@ -165,6 +195,12 @@ Object.defineProperty(exports, "akEditorInactiveForeground", {
165
195
  return _consts.akEditorInactiveForeground;
166
196
  }
167
197
  });
198
+ Object.defineProperty(exports, "akEditorLineHeight", {
199
+ enumerable: true,
200
+ get: function get() {
201
+ return _consts.akEditorLineHeight;
202
+ }
203
+ });
168
204
  Object.defineProperty(exports, "akEditorMediaResizeHandlerPadding", {
169
205
  enumerable: true,
170
206
  get: function get() {
@@ -189,16 +225,16 @@ Object.defineProperty(exports, "akEditorMenuZIndex", {
189
225
  return _consts.akEditorMenuZIndex;
190
226
  }
191
227
  });
192
- Object.defineProperty(exports, "akEditorStickyHeaderZIndex", {
228
+ Object.defineProperty(exports, "akEditorMobileBreakoutPoint", {
193
229
  enumerable: true,
194
230
  get: function get() {
195
- return _consts.akEditorStickyHeaderZIndex;
231
+ return _consts.akEditorMobileBreakoutPoint;
196
232
  }
197
233
  });
198
- Object.defineProperty(exports, "akEditorMobileBreakoutPoint", {
234
+ Object.defineProperty(exports, "akEditorMobileMaxWidth", {
199
235
  enumerable: true,
200
236
  get: function get() {
201
- return _consts.akEditorMobileBreakoutPoint;
237
+ return _consts.akEditorMobileMaxWidth;
202
238
  }
203
239
  });
204
240
  Object.defineProperty(exports, "akEditorPopupBackground", {
@@ -219,22 +255,34 @@ Object.defineProperty(exports, "akEditorPrimaryButton", {
219
255
  return _consts.akEditorPrimaryButton;
220
256
  }
221
257
  });
222
- Object.defineProperty(exports, "akEditorSelectedBorderColor", {
258
+ Object.defineProperty(exports, "akEditorRuleBackground", {
223
259
  enumerable: true,
224
260
  get: function get() {
225
- return _consts.akEditorSelectedBorderColor;
261
+ return _consts.akEditorRuleBackground;
226
262
  }
227
263
  });
228
- Object.defineProperty(exports, "akEditorSelectedBorderBoldSize", {
264
+ Object.defineProperty(exports, "akEditorRuleBorderRadius", {
229
265
  enumerable: true,
230
266
  get: function get() {
231
- return _consts.akEditorSelectedBorderBoldSize;
267
+ return _consts.akEditorRuleBorderRadius;
232
268
  }
233
269
  });
234
- Object.defineProperty(exports, "akEditorSelectedBorderSize", {
270
+ Object.defineProperty(exports, "akEditorSelectedBgColor", {
235
271
  enumerable: true,
236
272
  get: function get() {
237
- return _consts.akEditorSelectedBorderSize;
273
+ return _consts.akEditorSelectedBgColor;
274
+ }
275
+ });
276
+ Object.defineProperty(exports, "akEditorSelectedBlanketColor", {
277
+ enumerable: true,
278
+ get: function get() {
279
+ return _consts.akEditorSelectedBlanketColor;
280
+ }
281
+ });
282
+ Object.defineProperty(exports, "akEditorSelectedBlanketOpacity", {
283
+ enumerable: true,
284
+ get: function get() {
285
+ return _consts.akEditorSelectedBlanketOpacity;
238
286
  }
239
287
  });
240
288
  Object.defineProperty(exports, "akEditorSelectedBorder", {
@@ -243,40 +291,40 @@ Object.defineProperty(exports, "akEditorSelectedBorder", {
243
291
  return _consts.akEditorSelectedBorder;
244
292
  }
245
293
  });
246
- Object.defineProperty(exports, "akEditorSelectedBoxShadow", {
294
+ Object.defineProperty(exports, "akEditorSelectedBorderBoldSize", {
247
295
  enumerable: true,
248
296
  get: function get() {
249
- return _consts.akEditorSelectedBoxShadow;
297
+ return _consts.akEditorSelectedBorderBoldSize;
250
298
  }
251
299
  });
252
- Object.defineProperty(exports, "akEditorSelectedIconColor", {
300
+ Object.defineProperty(exports, "akEditorSelectedBorderColor", {
253
301
  enumerable: true,
254
302
  get: function get() {
255
- return _consts.akEditorSelectedIconColor;
303
+ return _consts.akEditorSelectedBorderColor;
256
304
  }
257
305
  });
258
- Object.defineProperty(exports, "akEditorSelectedBlanketColor", {
306
+ Object.defineProperty(exports, "akEditorSelectedBorderSize", {
259
307
  enumerable: true,
260
308
  get: function get() {
261
- return _consts.akEditorSelectedBlanketColor;
309
+ return _consts.akEditorSelectedBorderSize;
262
310
  }
263
311
  });
264
- Object.defineProperty(exports, "akEditorSelectedBgColor", {
312
+ Object.defineProperty(exports, "akEditorSelectedBoxShadow", {
265
313
  enumerable: true,
266
314
  get: function get() {
267
- return _consts.akEditorSelectedBgColor;
315
+ return _consts.akEditorSelectedBoxShadow;
268
316
  }
269
317
  });
270
- Object.defineProperty(exports, "akEditorSelectedBlanketOpacity", {
318
+ Object.defineProperty(exports, "akEditorSelectedIconColor", {
271
319
  enumerable: true,
272
320
  get: function get() {
273
- return _consts.akEditorSelectedBlanketOpacity;
321
+ return _consts.akEditorSelectedIconColor;
274
322
  }
275
323
  });
276
- Object.defineProperty(exports, "akEditorSmallZIndex", {
324
+ Object.defineProperty(exports, "akEditorSelectedNodeClassName", {
277
325
  enumerable: true,
278
326
  get: function get() {
279
- return _consts.akEditorSmallZIndex;
327
+ return _consts.akEditorSelectedNodeClassName;
280
328
  }
281
329
  });
282
330
  Object.defineProperty(exports, "akEditorShadowZIndex", {
@@ -285,6 +333,18 @@ Object.defineProperty(exports, "akEditorShadowZIndex", {
285
333
  return _consts.akEditorShadowZIndex;
286
334
  }
287
335
  });
336
+ Object.defineProperty(exports, "akEditorSmallZIndex", {
337
+ enumerable: true,
338
+ get: function get() {
339
+ return _consts.akEditorSmallZIndex;
340
+ }
341
+ });
342
+ Object.defineProperty(exports, "akEditorStickyHeaderZIndex", {
343
+ enumerable: true,
344
+ get: function get() {
345
+ return _consts.akEditorStickyHeaderZIndex;
346
+ }
347
+ });
288
348
  Object.defineProperty(exports, "akEditorSubtleAccent", {
289
349
  enumerable: true,
290
350
  get: function get() {
@@ -399,6 +459,12 @@ Object.defineProperty(exports, "akEditorTableToolbarSize", {
399
459
  return _consts.akEditorTableToolbarSize;
400
460
  }
401
461
  });
462
+ Object.defineProperty(exports, "akEditorToolbarKeylineHeight", {
463
+ enumerable: true,
464
+ get: function get() {
465
+ return _consts.akEditorToolbarKeylineHeight;
466
+ }
467
+ });
402
468
  Object.defineProperty(exports, "akEditorUnitZIndex", {
403
469
  enumerable: true,
404
470
  get: function get() {
@@ -441,82 +507,16 @@ Object.defineProperty(exports, "editorFontSize", {
441
507
  return _consts.editorFontSize;
442
508
  }
443
509
  });
444
- Object.defineProperty(exports, "gridMediumMaxWidth", {
445
- enumerable: true,
446
- get: function get() {
447
- return _consts.gridMediumMaxWidth;
448
- }
449
- });
450
510
  Object.defineProperty(exports, "getAkEditorFullPageMaxWidth", {
451
511
  enumerable: true,
452
512
  get: function get() {
453
513
  return _consts.getAkEditorFullPageMaxWidth;
454
514
  }
455
515
  });
456
- Object.defineProperty(exports, "relativeSize", {
457
- enumerable: true,
458
- get: function get() {
459
- return _consts.relativeSize;
460
- }
461
- });
462
- Object.defineProperty(exports, "relativeFontSizeToBase16", {
463
- enumerable: true,
464
- get: function get() {
465
- return _consts.relativeFontSizeToBase16;
466
- }
467
- });
468
- Object.defineProperty(exports, "DEFAULT_EMBED_CARD_HEIGHT", {
469
- enumerable: true,
470
- get: function get() {
471
- return _consts.DEFAULT_EMBED_CARD_HEIGHT;
472
- }
473
- });
474
- Object.defineProperty(exports, "DEFAULT_EMBED_CARD_WIDTH", {
475
- enumerable: true,
476
- get: function get() {
477
- return _consts.DEFAULT_EMBED_CARD_WIDTH;
478
- }
479
- });
480
- Object.defineProperty(exports, "akEditorLineHeight", {
481
- enumerable: true,
482
- get: function get() {
483
- return _consts.akEditorLineHeight;
484
- }
485
- });
486
- Object.defineProperty(exports, "akEditorRuleBackground", {
487
- enumerable: true,
488
- get: function get() {
489
- return _consts.akEditorRuleBackground;
490
- }
491
- });
492
- Object.defineProperty(exports, "akEditorRuleBorderRadius", {
493
- enumerable: true,
494
- get: function get() {
495
- return _consts.akEditorRuleBorderRadius;
496
- }
497
- });
498
- Object.defineProperty(exports, "akEditorSelectedNodeClassName", {
499
- enumerable: true,
500
- get: function get() {
501
- return _consts.akEditorSelectedNodeClassName;
502
- }
503
- });
504
- Object.defineProperty(exports, "akEditorToolbarKeylineHeight", {
505
- enumerable: true,
506
- get: function get() {
507
- return _consts.akEditorToolbarKeylineHeight;
508
- }
509
- });
510
- Object.defineProperty(exports, "VIEWPORT_SIZES", {
511
- enumerable: true,
512
- get: function get() {
513
- return _consts.VIEWPORT_SIZES;
514
- }
515
- });
516
- Object.defineProperty(exports, "akEditorMobileMaxWidth", {
516
+ Object.defineProperty(exports, "getSelectionStyles", {
517
517
  enumerable: true,
518
518
  get: function get() {
519
- return _consts.akEditorMobileMaxWidth;
519
+ return _selection.getSelectionStyles;
520
520
  }
521
521
  });
522
522
  Object.defineProperty(exports, "getTableCellBackgroundDarkModeColors", {
@@ -525,34 +525,34 @@ Object.defineProperty(exports, "getTableCellBackgroundDarkModeColors", {
525
525
  return _consts.getTableCellBackgroundDarkModeColors;
526
526
  }
527
527
  });
528
- Object.defineProperty(exports, "ATLASSIAN_NAVIGATION_HEIGHT", {
528
+ Object.defineProperty(exports, "gridMediumMaxWidth", {
529
529
  enumerable: true,
530
530
  get: function get() {
531
- return _consts.ATLASSIAN_NAVIGATION_HEIGHT;
531
+ return _consts.gridMediumMaxWidth;
532
532
  }
533
533
  });
534
- Object.defineProperty(exports, "SelectionStyle", {
534
+ Object.defineProperty(exports, "hideNativeBrowserTextSelectionStyles", {
535
535
  enumerable: true,
536
536
  get: function get() {
537
- return _selection.SelectionStyle;
537
+ return _selection.hideNativeBrowserTextSelectionStyles;
538
538
  }
539
539
  });
540
- Object.defineProperty(exports, "getSelectionStyles", {
540
+ Object.defineProperty(exports, "overflowShadow", {
541
541
  enumerable: true,
542
542
  get: function get() {
543
- return _selection.getSelectionStyles;
543
+ return _overflowShadow.overflowShadow;
544
544
  }
545
545
  });
546
- Object.defineProperty(exports, "hideNativeBrowserTextSelectionStyles", {
546
+ Object.defineProperty(exports, "relativeFontSizeToBase16", {
547
547
  enumerable: true,
548
548
  get: function get() {
549
- return _selection.hideNativeBrowserTextSelectionStyles;
549
+ return _consts.relativeFontSizeToBase16;
550
550
  }
551
551
  });
552
- Object.defineProperty(exports, "overflowShadow", {
552
+ Object.defineProperty(exports, "relativeSize", {
553
553
  enumerable: true,
554
554
  get: function get() {
555
- return _overflowShadow.overflowShadow;
555
+ return _consts.relativeSize;
556
556
  }
557
557
  });
558
558
 
package/dist/cjs/overflow-shadow/overflow-shadow.js CHANGED
@@ -9,14 +9,14 @@ exports.overflowShadow = void 0;
9
9
 
10
10
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
11
11
 
12
- var _styledComponents = require("styled-components");
12
+ var _react = require("@emotion/react");
13
13
 
14
14
  var _templateObject;
15
15
 
16
16
  var overflowShadow = function overflowShadow(_ref) {
17
17
  var background = _ref.background,
18
18
  width = _ref.width;
19
- return (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n/* shadow cover right */ linear-gradient(\n to left,\n ", " ", ",\n transparent ", "\n),\n/* overflow shadow right */\n linear-gradient(\n to left,\n rgba(9, 30, 66, 0.13) 0,\n rgba(99, 114, 130, 0) ", "\n ),\n/* overflow shadow left */\n linear-gradient(\n to right,\n rgba(9, 30, 66, 0.13) 0,\n rgba(99, 114, 130, 0) ", "\n )\n"])), background, width, width, width, width);
19
+ return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n/* shadow cover right */ linear-gradient(\n to left,\n ", " ", ",\n transparent ", "\n),\n/* overflow shadow right */\n linear-gradient(\n to left,\n rgba(9, 30, 66, 0.13) 0,\n rgba(99, 114, 130, 0) ", "\n ),\n/* overflow shadow left */\n linear-gradient(\n to right,\n rgba(9, 30, 66, 0.13) 0,\n rgba(99, 114, 130, 0) ", "\n )\n"])), background, width, width, width, width);
20
20
  };
21
21
 
22
22
  exports.overflowShadow = overflowShadow;
package/dist/cjs/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-shared-styles",
3
- "version": "1.6.0",
3
+ "version": "2.0.0",
4
4
  "sideEffects": false
5
5
  }
package/dist/es2019/overflow-shadow/overflow-shadow.js CHANGED
@@ -1,4 +1,4 @@
1
- import { css } from 'styled-components';
1
+ import { css } from '@emotion/react';
2
2
  export const overflowShadow = ({
3
3
  background,
4
4
  width
package/dist/es2019/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-shared-styles",
3
- "version": "1.6.0",
3
+ "version": "2.0.0",
4
4
  "sideEffects": false
5
5
  }
package/dist/esm/overflow-shadow/overflow-shadow.js CHANGED
@@ -2,7 +2,7 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
2
2
 
3
3
  var _templateObject;
4
4
 
5
- import { css } from 'styled-components';
5
+ import { css } from '@emotion/react';
6
6
  export var overflowShadow = function overflowShadow(_ref) {
7
7
  var background = _ref.background,
8
8
  width = _ref.width;
package/dist/esm/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-shared-styles",
3
- "version": "1.6.0",
3
+ "version": "2.0.0",
4
4
  "sideEffects": false
5
5
  }
package/dist/types/overflow-shadow/overflow-shadow.d.ts CHANGED
@@ -1,5 +1,4 @@
1
- import { ThemedValue } from '@atlaskit/theme/types';
2
1
  export declare const overflowShadow: ({ background, width, }: {
3
- background: ThemedValue<string> | string;
2
+ background: string;
4
3
  width: string;
5
- }) => import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<import("@atlaskit/theme/types").AtlaskitThemeProps | import("@atlaskit/theme/types").CustomThemeProps | import("@atlaskit/theme/types").NoThemeProps | undefined, any>>[];
4
+ }) => import("@emotion/react").SerializedStyles;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-shared-styles",
3
- "version": "1.6.0",
3
+ "version": "2.0.0",
4
4
  "description": "Style values used in the editor/renderer",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -25,9 +25,9 @@
25
25
  ".": "./src/index.ts"
26
26
  },
27
27
  "dependencies": {
28
- "@atlaskit/theme": "^12.0.0",
28
+ "@atlaskit/theme": "^12.1.0",
29
29
  "@babel/runtime": "^7.0.0",
30
- "styled-components": "^3.2.6"
30
+ "@emotion/react": "^11.7.1"
31
31
  },
32
32
  "peerDependencies": {},
33
33
  "devDependencies": {
@@ -40,6 +40,9 @@
40
40
  "file-level"
41
41
  ],
42
42
  "import-structure": "atlassian-conventions"
43
+ },
44
+ "@repo/internal": {
45
+ "deprecation": "no-deprecated-imports"
43
46
  }
44
47
  },
45
48
  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
package/src/overflow-shadow/overflow-shadow.ts CHANGED
@@ -1,12 +1,10 @@
1
- import { css } from 'styled-components';
2
-
3
- import { ThemedValue } from '@atlaskit/theme/types';
1
+ import { css } from '@emotion/react';
4
2
 
5
3
  export const overflowShadow = ({
6
4
  background,
7
5
  width,
8
6
  }: {
9
- background: ThemedValue<string> | string;
7
+ background: string;
10
8
  width: string;
11
9
  }) => css`
12
10
  /* shadow cover right */ linear-gradient(
package/dist/cjs/consts/consts.test.js DELETED
@@ -1,25 +0,0 @@
1
- "use strict";
2
-
3
- var _consts = require("./consts");
4
-
5
- describe('consts', function () {
6
- describe('relativeFontSizeToBase16', function () {
7
- it('relativeFontSizeToBase16 should return 1rem with a base font size of 16px', function () {
8
- expect((0, _consts.relativeFontSizeToBase16)(16)).toBe('1rem');
9
- });
10
- it('relativeFontSizeToBase16 should return 0.875rem with a base font size of 14px', function () {
11
- expect((0, _consts.relativeFontSizeToBase16)(14)).toBe('0.875rem');
12
- });
13
- it('relativeFontSizeToBase16 should return 0.875rem with a base font size (string) of 14px', function () {
14
- expect((0, _consts.relativeFontSizeToBase16)('14')).toBe('0.875rem');
15
- });
16
- it('relativeFontSizeToBase16 should return 0.875rem with a base font size (string) of 14px', function () {
17
- expect((0, _consts.relativeFontSizeToBase16)('14px')).toBe('0.875rem');
18
- });
19
- it('relativeFontSizeToBase16 should throw an error for invalid string', function () {
20
- expect(function () {
21
- return (0, _consts.relativeFontSizeToBase16)('px');
22
- }).toThrowError();
23
- });
24
- });
25
- });
package/dist/es2019/consts/consts.test.js DELETED
@@ -1,20 +0,0 @@
1
- import { relativeFontSizeToBase16 } from './consts';
2
- describe('consts', () => {
3
- describe('relativeFontSizeToBase16', () => {
4
- it('relativeFontSizeToBase16 should return 1rem with a base font size of 16px', () => {
5
- expect(relativeFontSizeToBase16(16)).toBe('1rem');
6
- });
7
- it('relativeFontSizeToBase16 should return 0.875rem with a base font size of 14px', () => {
8
- expect(relativeFontSizeToBase16(14)).toBe('0.875rem');
9
- });
10
- it('relativeFontSizeToBase16 should return 0.875rem with a base font size (string) of 14px', () => {
11
- expect(relativeFontSizeToBase16('14')).toBe('0.875rem');
12
- });
13
- it('relativeFontSizeToBase16 should return 0.875rem with a base font size (string) of 14px', () => {
14
- expect(relativeFontSizeToBase16('14px')).toBe('0.875rem');
15
- });
16
- it('relativeFontSizeToBase16 should throw an error for invalid string', () => {
17
- expect(() => relativeFontSizeToBase16('px')).toThrowError();
18
- });
19
- });
20
- });
package/dist/esm/consts/consts.test.js DELETED
@@ -1,22 +0,0 @@
1
- import { relativeFontSizeToBase16 } from './consts';
2
- describe('consts', function () {
3
- describe('relativeFontSizeToBase16', function () {
4
- it('relativeFontSizeToBase16 should return 1rem with a base font size of 16px', function () {
5
- expect(relativeFontSizeToBase16(16)).toBe('1rem');
6
- });
7
- it('relativeFontSizeToBase16 should return 0.875rem with a base font size of 14px', function () {
8
- expect(relativeFontSizeToBase16(14)).toBe('0.875rem');
9
- });
10
- it('relativeFontSizeToBase16 should return 0.875rem with a base font size (string) of 14px', function () {
11
- expect(relativeFontSizeToBase16('14')).toBe('0.875rem');
12
- });
13
- it('relativeFontSizeToBase16 should return 0.875rem with a base font size (string) of 14px', function () {
14
- expect(relativeFontSizeToBase16('14px')).toBe('0.875rem');
15
- });
16
- it('relativeFontSizeToBase16 should throw an error for invalid string', function () {
17
- expect(function () {
18
- return relativeFontSizeToBase16('px');
19
- }).toThrowError();
20
- });
21
- });
22
- });