@hopper-ui/styled-system 3.2.2 → 4.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.
- package/CHANGELOG.md +28 -0
- package/dist/StyledSystemProvider.css +34 -34
- package/dist/StyledSystemProvider.js +9 -9
- package/dist/{chunk-ASSKAO2A.js → chunk-2BMH444W.js} +45 -5
- package/dist/{chunk-VYSHJ4BC.js → chunk-3W57BWQT.js} +3 -3
- package/dist/{chunk-UR27V3AY.js → chunk-BLSIMXE7.js} +3 -3
- package/dist/{chunk-ODDLVJ3T.js → chunk-G37OO232.js} +1 -1
- package/dist/{chunk-WMA6YQHA.js → chunk-LLGTCJEP.js} +2 -2
- package/dist/{chunk-46R7LA5R.js → chunk-QAUUAHRK.js} +1 -1
- package/dist/{chunk-2B3FQDBI.js → chunk-RIOM7ASY.js} +1 -1
- package/dist/{chunk-F5DBKR5B.js → chunk-TSN5DPDB.js} +1 -1
- package/dist/{chunk-YFZ3HPSH.js → chunk-TZCNHN3Q.js} +4 -3
- package/dist/global-styles/BodyStyleProvider.js +2 -2
- package/dist/html-wrappers/html.css +34 -34
- package/dist/html-wrappers/html.js +6 -6
- package/dist/html-wrappers/htmlElement.css +34 -34
- package/dist/html-wrappers/htmlElement.js +5 -5
- package/dist/index.css +34 -34
- package/dist/index.d.ts +1 -1
- package/dist/index.js +9 -9
- package/dist/styledSystemProps.d.ts +13 -5
- package/dist/styledSystemRootCssClass.js +2 -2
- package/dist/theme/generated/sharegate/dark.css +273 -259
- package/dist/theme/generated/sharegate/light.css +307 -220
- package/dist/theme/generated/workleap/dark.css +27 -13
- package/dist/theme/generated/workleap/light.css +100 -13
- package/dist/tokens/generated/styledSystemConstants.d.ts +1 -1
- package/dist/tokens/generated/styledSystemConstants.js +1 -1
- package/dist/tokens/generated/styledSystemToTokenMappings.d.ts +42 -2
- package/dist/tokens/generated/styledSystemToTokenMappings.js +1 -1
- package/dist/tokens/tokenMappings.d.ts +42 -38
- package/dist/tokens/tokenMappings.js +3 -3
- package/dist/useStyledSystem.css +31 -31
- package/dist/useStyledSystem.js +4 -4
- package/package.json +2 -2
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* This file is generated by Style Dictionary. Do not edit directly.
|
|
3
3
|
*/
|
|
4
4
|
|
|
5
|
-
.hop-5-
|
|
5
|
+
.hop-5-3-0-workleap-dark {
|
|
6
6
|
--hop-neutral-surface-weak-transparent-always-dark: rgb(49 51 53 / 0.75);
|
|
7
7
|
--hop-neutral-surface-transparent: rgb(35 36 38 / 0.9);
|
|
8
8
|
--hop-space-1280: 8rem;
|
|
@@ -33,11 +33,23 @@
|
|
|
33
33
|
--hop-easing-duration-3: 300ms;
|
|
34
34
|
--hop-easing-duration-2: 200ms;
|
|
35
35
|
--hop-easing-duration-1: 100ms;
|
|
36
|
+
--hop-letter-spacing-wide-30: 0.1875rem;
|
|
37
|
+
--hop-letter-spacing-wide-25: 0.15625rem;
|
|
38
|
+
--hop-letter-spacing-wide-20: 0.125rem;
|
|
39
|
+
--hop-letter-spacing-wide-15: 0.09375rem;
|
|
40
|
+
--hop-letter-spacing-wide-10: 0.0625rem;
|
|
41
|
+
--hop-letter-spacing-wide-5: 0.03125rem;
|
|
42
|
+
--hop-letter-spacing-dense-5: -0.03125rem;
|
|
43
|
+
--hop-letter-spacing-dense-10: -0.0625rem;
|
|
44
|
+
--hop-letter-spacing-0: 0;
|
|
36
45
|
--hop-line-height-1-50: 1.5;
|
|
37
46
|
--hop-line-height-1-4285: 1.4285714;
|
|
47
|
+
--hop-line-height-1-40: 1.4;
|
|
38
48
|
--hop-line-height-1-33: 1.3333333;
|
|
49
|
+
--hop-line-height-1-2857: 1.2857142;
|
|
39
50
|
--hop-line-height-1-25: 1.25;
|
|
40
51
|
--hop-line-height-1-20: 1.2;
|
|
52
|
+
--hop-line-height-1-1666: 1.1666666;
|
|
41
53
|
--hop-line-height-1-14: 1.1428571;
|
|
42
54
|
--hop-line-height-1-125: 1.125;
|
|
43
55
|
--hop-font-weight-690: 690;
|
|
@@ -57,6 +69,7 @@
|
|
|
57
69
|
--hop-font-size-160: 1rem;
|
|
58
70
|
--hop-font-size-140: 0.875rem;
|
|
59
71
|
--hop-font-size-120: 0.75rem;
|
|
72
|
+
--hop-font-size-100: 0.625rem;
|
|
60
73
|
--hop-font-family-tertiary: 'ABC Favorit Mono', Consolas, 'SF Mono', monospace;
|
|
61
74
|
--hop-font-family-secondary: 'Inter', Helvetica, Arial, sans-serif;
|
|
62
75
|
--hop-font-family-primary: 'ABC Favorit', Helvetica, Arial, sans-serif;
|
|
@@ -100,18 +113,18 @@
|
|
|
100
113
|
--hop-amber-75: #ffe39a;
|
|
101
114
|
--hop-amber-50: #fff1cc;
|
|
102
115
|
--hop-amber-25: #fff6e0;
|
|
103
|
-
--hop-rose-900: #
|
|
104
|
-
--hop-rose-800: #
|
|
105
|
-
--hop-rose-700: #
|
|
106
|
-
--hop-rose-600: #
|
|
107
|
-
--hop-rose-500: #
|
|
108
|
-
--hop-rose-400: #
|
|
109
|
-
--hop-rose-300: #
|
|
110
|
-
--hop-rose-200: #
|
|
111
|
-
--hop-rose-100: #
|
|
112
|
-
--hop-rose-75: #
|
|
113
|
-
--hop-rose-50: #
|
|
114
|
-
--hop-rose-25: #
|
|
116
|
+
--hop-rose-900: #341417;
|
|
117
|
+
--hop-rose-800: #50161c;
|
|
118
|
+
--hop-rose-700: #711822;
|
|
119
|
+
--hop-rose-600: #951b2a;
|
|
120
|
+
--hop-rose-500: #ba1f34;
|
|
121
|
+
--hop-rose-400: #de2840;
|
|
122
|
+
--hop-rose-300: #f5425d;
|
|
123
|
+
--hop-rose-200: #f76d83;
|
|
124
|
+
--hop-rose-100: #fa9ba9;
|
|
125
|
+
--hop-rose-75: #fcbcc5;
|
|
126
|
+
--hop-rose-50: #fdd3d8;
|
|
127
|
+
--hop-rose-25: #feeaec;
|
|
115
128
|
--hop-samoyed: #ffffff;
|
|
116
129
|
--hop-rock-900: #232426;
|
|
117
130
|
--hop-rock-800: #313335;
|
|
@@ -834,6 +847,7 @@
|
|
|
834
847
|
--hop-danger-text-disabled: var(--hop-amanita-600);
|
|
835
848
|
--hop-danger-text-selected: var(--hop-amanita-100);
|
|
836
849
|
--hop-danger-text: var(--hop-amanita-900);
|
|
850
|
+
--hop-danger-surface-weak-selected: var(--hop-amanita-600);
|
|
837
851
|
--hop-danger-surface-weak-press: var(--hop-amanita-600);
|
|
838
852
|
--hop-danger-surface-weak-hover: var(--hop-amanita-700);
|
|
839
853
|
--hop-danger-surface-weak: var(--hop-amanita-900);
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* This file is generated by Style Dictionary. Do not edit directly.
|
|
3
3
|
*/
|
|
4
4
|
|
|
5
|
-
.hop-5-
|
|
5
|
+
.hop-5-3-0-workleap {
|
|
6
6
|
--hop-comp-tooltip-backdrop-filter: none;
|
|
7
7
|
--hop-comp-tile-icon-color: transparent;
|
|
8
8
|
--hop-comp-tile-outline-color-disabled: transparent;
|
|
@@ -10,6 +10,10 @@
|
|
|
10
10
|
--hop-comp-tile-border-color-selected: transparent;
|
|
11
11
|
--hop-comp-tile-border-color-focus: transparent;
|
|
12
12
|
--hop-comp-tile-box-shadow: none;
|
|
13
|
+
--hop-comp-tag-text-font-letterspacing-lg: normal;
|
|
14
|
+
--hop-comp-tag-text-font-letterspacing-md: normal;
|
|
15
|
+
--hop-comp-tag-text-font-letterspacing-sm: normal;
|
|
16
|
+
--hop-comp-tag-text-transform: none;
|
|
13
17
|
--hop-comp-popover-backdrop-filter: none;
|
|
14
18
|
--hop-comp-modal-backdrop-filter: none;
|
|
15
19
|
--hop-comp-modal-border: none;
|
|
@@ -47,6 +51,10 @@
|
|
|
47
51
|
--hop-comp-button-upsell-border-color-loading: transparent;
|
|
48
52
|
--hop-comp-button-primary-border-color: transparent;
|
|
49
53
|
--hop-comp-button-primary-border-color-loading: transparent;
|
|
54
|
+
--hop-comp-button-text-font-letterspacing-xs: normal;
|
|
55
|
+
--hop-comp-button-text-font-letterspacing-sm: normal;
|
|
56
|
+
--hop-comp-button-text-font-letterspacing-md: normal;
|
|
57
|
+
--hop-comp-button-text-transform: none;
|
|
50
58
|
--hop-overline-bottom-offset: -0.25rem;
|
|
51
59
|
--hop-overline-top-offset: -0.25rem;
|
|
52
60
|
--hop-heading-xs-medium-bottom-offset: -0.25rem;
|
|
@@ -355,11 +363,23 @@
|
|
|
355
363
|
--hop-easing-duration-3: 300ms;
|
|
356
364
|
--hop-easing-duration-2: 200ms;
|
|
357
365
|
--hop-easing-duration-1: 100ms;
|
|
366
|
+
--hop-letter-spacing-wide-30: 0.1875rem;
|
|
367
|
+
--hop-letter-spacing-wide-25: 0.15625rem;
|
|
368
|
+
--hop-letter-spacing-wide-20: 0.125rem;
|
|
369
|
+
--hop-letter-spacing-wide-15: 0.09375rem;
|
|
370
|
+
--hop-letter-spacing-wide-10: 0.0625rem;
|
|
371
|
+
--hop-letter-spacing-wide-5: 0.03125rem;
|
|
372
|
+
--hop-letter-spacing-dense-5: -0.03125rem;
|
|
373
|
+
--hop-letter-spacing-dense-10: -0.0625rem;
|
|
374
|
+
--hop-letter-spacing-0: 0;
|
|
358
375
|
--hop-line-height-1-50: 1.5;
|
|
359
376
|
--hop-line-height-1-4285: 1.4285714;
|
|
377
|
+
--hop-line-height-1-40: 1.4;
|
|
360
378
|
--hop-line-height-1-33: 1.3333333;
|
|
379
|
+
--hop-line-height-1-2857: 1.2857142;
|
|
361
380
|
--hop-line-height-1-25: 1.25;
|
|
362
381
|
--hop-line-height-1-20: 1.2;
|
|
382
|
+
--hop-line-height-1-1666: 1.1666666;
|
|
363
383
|
--hop-line-height-1-14: 1.1428571;
|
|
364
384
|
--hop-line-height-1-125: 1.125;
|
|
365
385
|
--hop-font-weight-690: 690;
|
|
@@ -379,6 +399,7 @@
|
|
|
379
399
|
--hop-font-size-160: 1rem;
|
|
380
400
|
--hop-font-size-140: 0.875rem;
|
|
381
401
|
--hop-font-size-120: 0.75rem;
|
|
402
|
+
--hop-font-size-100: 0.625rem;
|
|
382
403
|
--hop-font-family-tertiary: 'ABC Favorit Mono', Consolas, 'SF Mono', monospace;
|
|
383
404
|
--hop-font-family-secondary: 'Inter', Helvetica, Arial, sans-serif;
|
|
384
405
|
--hop-font-family-primary: 'ABC Favorit', Helvetica, Arial, sans-serif;
|
|
@@ -422,18 +443,18 @@
|
|
|
422
443
|
--hop-amber-75: #ffe39a;
|
|
423
444
|
--hop-amber-50: #fff1cc;
|
|
424
445
|
--hop-amber-25: #fff6e0;
|
|
425
|
-
--hop-rose-900: #
|
|
426
|
-
--hop-rose-800: #
|
|
427
|
-
--hop-rose-700: #
|
|
428
|
-
--hop-rose-600: #
|
|
429
|
-
--hop-rose-500: #
|
|
430
|
-
--hop-rose-400: #
|
|
431
|
-
--hop-rose-300: #
|
|
432
|
-
--hop-rose-200: #
|
|
433
|
-
--hop-rose-100: #
|
|
434
|
-
--hop-rose-75: #
|
|
435
|
-
--hop-rose-50: #
|
|
436
|
-
--hop-rose-25: #
|
|
446
|
+
--hop-rose-900: #341417;
|
|
447
|
+
--hop-rose-800: #50161c;
|
|
448
|
+
--hop-rose-700: #711822;
|
|
449
|
+
--hop-rose-600: #951b2a;
|
|
450
|
+
--hop-rose-500: #ba1f34;
|
|
451
|
+
--hop-rose-400: #de2840;
|
|
452
|
+
--hop-rose-300: #f5425d;
|
|
453
|
+
--hop-rose-200: #f76d83;
|
|
454
|
+
--hop-rose-100: #fa9ba9;
|
|
455
|
+
--hop-rose-75: #fcbcc5;
|
|
456
|
+
--hop-rose-50: #fdd3d8;
|
|
457
|
+
--hop-rose-25: #feeaec;
|
|
437
458
|
--hop-samoyed: #ffffff;
|
|
438
459
|
--hop-rock-900: #232426;
|
|
439
460
|
--hop-rock-800: #313335;
|
|
@@ -605,6 +626,10 @@
|
|
|
605
626
|
--hop-coastal-75: #bae6ff;
|
|
606
627
|
--hop-coastal-50: #d9efff;
|
|
607
628
|
--hop-coastal-25: #f0f8ff;
|
|
629
|
+
--hop-comp-tag-text-font-lineheight-lg: var(--hop-line-height-1-4285);
|
|
630
|
+
--hop-comp-tag-text-font-lineheight-md: var(--hop-line-height-1-33);
|
|
631
|
+
--hop-comp-tag-text-font-lineheight-sm: var(--hop-line-height-1-33);
|
|
632
|
+
--hop-comp-tag-text-font-weight: var(--hop-font-weight-410);
|
|
608
633
|
--hop-comp-tabs-tab-list-border-block-end: var(--hop-space-10) solid var(--hop-neutral-border-weak);
|
|
609
634
|
--hop-comp-tabs-tab-list-border: var(--hop-space-10) solid var(--hop-neutral-border-weak);
|
|
610
635
|
--hop-comp-popover-border: var(--hop-space-10) solid var(--hop-neutral-border-weak);
|
|
@@ -630,15 +655,43 @@
|
|
|
630
655
|
--hop-comp-button-secondary-box-shadow: var(--hop-shadow-none);
|
|
631
656
|
--hop-comp-button-primary-box-shadow-loading: var(--hop-shadow-none);
|
|
632
657
|
--hop-comp-button-primary-box-shadow: var(--hop-shadow-none);
|
|
658
|
+
--hop-comp-button-text-font-lineheight-xs: var(--hop-line-height-1-33);
|
|
659
|
+
--hop-comp-button-text-font-lineheight-sm: var(--hop-line-height-1-4285);
|
|
660
|
+
--hop-comp-button-text-font-lineheight-md: var(--hop-line-height-1-50);
|
|
661
|
+
--hop-comp-button-text-font-weight: var(--hop-font-weight-505);
|
|
633
662
|
--hop-shape-rounded-sm: var(--hop-border-radius-1);
|
|
634
663
|
--hop-shape-rounded-md: var(--hop-border-radius-2);
|
|
635
664
|
--hop-shape-rounded-lg: var(--hop-border-radius-3);
|
|
636
665
|
--hop-shape-pill: var(--hop-border-radius-4);
|
|
637
666
|
--hop-shape-circle: var(--hop-border-radius-9999);
|
|
667
|
+
--hop-caption-sm-line-height: var(--hop-line-height-1-33);
|
|
668
|
+
--hop-caption-sm-font-weight: var(--hop-font-weight-410);
|
|
669
|
+
--hop-caption-sm-font-size: var(--hop-font-size-100);
|
|
670
|
+
--hop-caption-sm-font-family: var(--hop-font-family-secondary);
|
|
671
|
+
--hop-caption-md-line-height: var(--hop-line-height-1-33);
|
|
672
|
+
--hop-caption-md-font-weight: var(--hop-font-weight-410);
|
|
673
|
+
--hop-caption-md-font-size: var(--hop-font-size-120);
|
|
674
|
+
--hop-caption-md-font-family: var(--hop-font-family-secondary);
|
|
675
|
+
--hop-caption-lg-line-height: var(--hop-line-height-1-4285);
|
|
676
|
+
--hop-caption-lg-font-weight: var(--hop-font-weight-410);
|
|
677
|
+
--hop-caption-lg-font-size: var(--hop-font-size-140);
|
|
678
|
+
--hop-caption-lg-font-family: var(--hop-font-family-secondary);
|
|
679
|
+
--hop-caption-xl-line-height: var(--hop-line-height-1-50);
|
|
680
|
+
--hop-caption-xl-font-weight: var(--hop-font-weight-410);
|
|
681
|
+
--hop-caption-xl-font-size: var(--hop-font-size-160);
|
|
682
|
+
--hop-caption-xl-font-family: var(--hop-font-family-secondary);
|
|
683
|
+
--hop-accent-xs-line-height: var(--hop-line-height-1-4285);
|
|
684
|
+
--hop-accent-xs-font-weight: var(--hop-font-weight-580);
|
|
685
|
+
--hop-accent-xs-font-size: var(--hop-font-size-140);
|
|
686
|
+
--hop-accent-xs-font-family: var(--hop-font-family-primary);
|
|
638
687
|
--hop-accent-sm-line-height: var(--hop-line-height-1-33);
|
|
639
688
|
--hop-accent-sm-font-weight: var(--hop-font-weight-580);
|
|
640
689
|
--hop-accent-sm-font-size: var(--hop-font-size-180);
|
|
641
690
|
--hop-accent-sm-font-family: var(--hop-font-family-primary);
|
|
691
|
+
--hop-accent-md-line-height: var(--hop-line-height-1-14);
|
|
692
|
+
--hop-accent-md-font-weight: var(--hop-font-weight-580);
|
|
693
|
+
--hop-accent-md-font-size: var(--hop-font-size-280);
|
|
694
|
+
--hop-accent-md-font-family: var(--hop-font-family-primary);
|
|
642
695
|
--hop-accent-lg-line-height: var(--hop-line-height-1-125);
|
|
643
696
|
--hop-accent-lg-font-weight: var(--hop-font-weight-580);
|
|
644
697
|
--hop-accent-lg-font-size: var(--hop-font-size-480);
|
|
@@ -1322,6 +1375,7 @@
|
|
|
1322
1375
|
--hop-danger-text-disabled: var(--hop-amanita-100);
|
|
1323
1376
|
--hop-danger-text-selected: var(--hop-amanita-400);
|
|
1324
1377
|
--hop-danger-text: var(--hop-amanita-700);
|
|
1378
|
+
--hop-danger-surface-weak-selected: var(--hop-amanita-100);
|
|
1325
1379
|
--hop-danger-surface-weak-press: var(--hop-amanita-100);
|
|
1326
1380
|
--hop-danger-surface-weak-hover: var(--hop-amanita-75);
|
|
1327
1381
|
--hop-danger-surface-weak: var(--hop-amanita-50);
|
|
@@ -1400,6 +1454,35 @@
|
|
|
1400
1454
|
--hop-comp-tile-background-color-press: var(--hop-neutral-surface-press);
|
|
1401
1455
|
--hop-comp-tile-background-color-hover: var(--hop-neutral-surface-hover);
|
|
1402
1456
|
--hop-comp-tile-background-color: var(--hop-neutral-surface);
|
|
1457
|
+
--hop-comp-tag-text-font-size-lg: var(--hop-body-sm-font-size);
|
|
1458
|
+
--hop-comp-tag-text-font-size-md: var(--hop-body-xs-font-size);
|
|
1459
|
+
--hop-comp-tag-text-font-size-sm: var(--hop-body-xs-font-size);
|
|
1460
|
+
--hop-comp-tag-text-font: var(--hop-caption-md-font-family);
|
|
1461
|
+
--hop-comp-tag-icon-color-error: var(--hop-danger-icon-weak);
|
|
1462
|
+
--hop-comp-tag-icon-color-disabled: var(--hop-neutral-icon-disabled);
|
|
1463
|
+
--hop-comp-tag-icon-color-selected: var(--hop-neutral-icon-selected);
|
|
1464
|
+
--hop-comp-tag-icon-color-press: var(--hop-neutral-icon-press);
|
|
1465
|
+
--hop-comp-tag-icon-color-hover: var(--hop-neutral-icon-hover);
|
|
1466
|
+
--hop-comp-tag-icon-color: var(--hop-neutral-icon);
|
|
1467
|
+
--hop-comp-tag-text-color-error: var(--hop-neutral-text);
|
|
1468
|
+
--hop-comp-tag-text-color-disabled: var(--hop-neutral-text-disabled);
|
|
1469
|
+
--hop-comp-tag-text-color-selected: var(--hop-neutral-text-selected);
|
|
1470
|
+
--hop-comp-tag-text-color-press: var(--hop-neutral-text-press);
|
|
1471
|
+
--hop-comp-tag-text-color-hover: var(--hop-neutral-text-hover);
|
|
1472
|
+
--hop-comp-tag-text-color: var(--hop-neutral-text);
|
|
1473
|
+
--hop-comp-tag-border-color-focus: var(--hop-primary-border-focus);
|
|
1474
|
+
--hop-comp-tag-border-color-error: var(--hop-danger-border-strong);
|
|
1475
|
+
--hop-comp-tag-border-color-disabled: var(--hop-neutral-border-weak);
|
|
1476
|
+
--hop-comp-tag-border-color-selected: var(--hop-neutral-border-selected);
|
|
1477
|
+
--hop-comp-tag-border-color-press: var(--hop-neutral-border-press);
|
|
1478
|
+
--hop-comp-tag-border-color-hover: var(--hop-neutral-border-hover);
|
|
1479
|
+
--hop-comp-tag-border-color: var(--hop-neutral-border);
|
|
1480
|
+
--hop-comp-tag-background-color-disabled: var(--hop-neutral-surface-disabled);
|
|
1481
|
+
--hop-comp-tag-background-color-selected: var(--hop-neutral-surface-selected);
|
|
1482
|
+
--hop-comp-tag-background-color-press: var(--hop-neutral-surface-press);
|
|
1483
|
+
--hop-comp-tag-background-color-hover: var(--hop-neutral-surface-hover);
|
|
1484
|
+
--hop-comp-tag-background-color: var(--hop-neutral-surface);
|
|
1485
|
+
--hop-comp-tag-border-radius: var(--hop-shape-pill);
|
|
1403
1486
|
--hop-comp-tabs-tab-panel-border-color-focus: var(--hop-primary-border-focus);
|
|
1404
1487
|
--hop-comp-tabs-tab-list-border-radius: var(--hop-shape-rounded-md);
|
|
1405
1488
|
--hop-comp-tabs-tab-list-background-color: var(--hop-neutral-surface-weakest);
|
|
@@ -1655,6 +1738,10 @@
|
|
|
1655
1738
|
--hop-comp-button-primary-text-color-pressed: var(--hop-primary-text-strong);
|
|
1656
1739
|
--hop-comp-button-primary-text-color-hover: var(--hop-primary-text-strong-hover);
|
|
1657
1740
|
--hop-comp-button-primary-text-color: var(--hop-primary-text-strong);
|
|
1741
|
+
--hop-comp-button-text-font-size-xs: var(--hop-body-xs-font-size);
|
|
1742
|
+
--hop-comp-button-text-font-size-sm: var(--hop-body-sm-font-size);
|
|
1743
|
+
--hop-comp-button-text-font-size-md: var(--hop-body-md-font-size);
|
|
1744
|
+
--hop-comp-button-text-font: var(--hop-caption-md-font-family);
|
|
1658
1745
|
--hop-comp-button-icon-color-disabled: var(--hop-neutral-icon-disabled);
|
|
1659
1746
|
--hop-comp-button-text-color-disabled: var(--hop-neutral-text-disabled);
|
|
1660
1747
|
--hop-comp-button-border-color-focus: var(--hop-primary-border-focus);
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { HopperRootCssClass, HopperVariablePrefix, StyledSystemRootCssClass } from '../../chunk-
|
|
1
|
+
export { HopperRootCssClass, HopperVariablePrefix, StyledSystemRootCssClass } from '../../chunk-QAUUAHRK.js';
|
|
2
2
|
import '../../chunk-AQ5VUG5P.js';
|
|
@@ -235,6 +235,7 @@ declare const BackgroundColors: {
|
|
|
235
235
|
readonly "danger-weak": "danger-surface-weak";
|
|
236
236
|
readonly "danger-weak-hover": "danger-surface-weak-hover";
|
|
237
237
|
readonly "danger-weak-press": "danger-surface-weak-press";
|
|
238
|
+
readonly "danger-weak-selected": "danger-surface-weak-selected";
|
|
238
239
|
readonly "neutral-active": "neutral-surface-active";
|
|
239
240
|
readonly "neutral-weak-active": "neutral-surface-weak-active";
|
|
240
241
|
readonly neutral: "neutral-surface";
|
|
@@ -1124,7 +1125,13 @@ declare const FontFamily: {
|
|
|
1124
1125
|
readonly "body-xs-bold": "body-xs-bold-font-family";
|
|
1125
1126
|
readonly "body-xs-underline": "body-xs-underline-font-family";
|
|
1126
1127
|
readonly "accent-lg": "accent-lg-font-family";
|
|
1128
|
+
readonly "accent-md": "accent-md-font-family";
|
|
1127
1129
|
readonly "accent-sm": "accent-sm-font-family";
|
|
1130
|
+
readonly "accent-xs": "accent-xs-font-family";
|
|
1131
|
+
readonly "caption-xl": "caption-xl-font-family";
|
|
1132
|
+
readonly "caption-lg": "caption-lg-font-family";
|
|
1133
|
+
readonly "caption-md": "caption-md-font-family";
|
|
1134
|
+
readonly "caption-sm": "caption-sm-font-family";
|
|
1128
1135
|
};
|
|
1129
1136
|
declare const FontWeight: {
|
|
1130
1137
|
readonly core_400: "font-weight-400";
|
|
@@ -1166,9 +1173,16 @@ declare const FontWeight: {
|
|
|
1166
1173
|
readonly "body-xs-bold": "body-xs-bold-font-weight";
|
|
1167
1174
|
readonly "body-xs-underline": "body-xs-underline-font-weight";
|
|
1168
1175
|
readonly "accent-lg": "accent-lg-font-weight";
|
|
1176
|
+
readonly "accent-md": "accent-md-font-weight";
|
|
1169
1177
|
readonly "accent-sm": "accent-sm-font-weight";
|
|
1178
|
+
readonly "accent-xs": "accent-xs-font-weight";
|
|
1179
|
+
readonly "caption-xl": "caption-xl-font-weight";
|
|
1180
|
+
readonly "caption-lg": "caption-lg-font-weight";
|
|
1181
|
+
readonly "caption-md": "caption-md-font-weight";
|
|
1182
|
+
readonly "caption-sm": "caption-sm-font-weight";
|
|
1170
1183
|
};
|
|
1171
1184
|
declare const FontSize: {
|
|
1185
|
+
readonly core_100: "font-size-100";
|
|
1172
1186
|
readonly core_120: "font-size-120";
|
|
1173
1187
|
readonly core_140: "font-size-140";
|
|
1174
1188
|
readonly core_160: "font-size-160";
|
|
@@ -1211,14 +1225,23 @@ declare const FontSize: {
|
|
|
1211
1225
|
readonly "body-xs-bold": "body-xs-bold-font-size";
|
|
1212
1226
|
readonly "body-xs-underline": "body-xs-underline-font-size";
|
|
1213
1227
|
readonly "accent-lg": "accent-lg-font-size";
|
|
1228
|
+
readonly "accent-md": "accent-md-font-size";
|
|
1214
1229
|
readonly "accent-sm": "accent-sm-font-size";
|
|
1230
|
+
readonly "accent-xs": "accent-xs-font-size";
|
|
1231
|
+
readonly "caption-xl": "caption-xl-font-size";
|
|
1232
|
+
readonly "caption-lg": "caption-lg-font-size";
|
|
1233
|
+
readonly "caption-md": "caption-md-font-size";
|
|
1234
|
+
readonly "caption-sm": "caption-sm-font-size";
|
|
1215
1235
|
};
|
|
1216
1236
|
declare const LineHeight: {
|
|
1217
1237
|
readonly "core_1-125": "line-height-1-125";
|
|
1218
1238
|
readonly "core_1-14": "line-height-1-14";
|
|
1239
|
+
readonly "core_1-1666": "line-height-1-1666";
|
|
1219
1240
|
readonly "core_1-20": "line-height-1-20";
|
|
1220
1241
|
readonly "core_1-25": "line-height-1-25";
|
|
1242
|
+
readonly "core_1-2857": "line-height-1-2857";
|
|
1221
1243
|
readonly "core_1-33": "line-height-1-33";
|
|
1244
|
+
readonly "core_1-40": "line-height-1-40";
|
|
1222
1245
|
readonly "core_1-4285": "line-height-1-4285";
|
|
1223
1246
|
readonly "core_1-50": "line-height-1-50";
|
|
1224
1247
|
readonly "heading-3xl": "heading-3xl-line-height";
|
|
@@ -1253,7 +1276,24 @@ declare const LineHeight: {
|
|
|
1253
1276
|
readonly "body-xs-bold": "body-xs-bold-line-height";
|
|
1254
1277
|
readonly "body-xs-underline": "body-xs-underline-line-height";
|
|
1255
1278
|
readonly "accent-lg": "accent-lg-line-height";
|
|
1279
|
+
readonly "accent-md": "accent-md-line-height";
|
|
1256
1280
|
readonly "accent-sm": "accent-sm-line-height";
|
|
1281
|
+
readonly "accent-xs": "accent-xs-line-height";
|
|
1282
|
+
readonly "caption-xl": "caption-xl-line-height";
|
|
1283
|
+
readonly "caption-lg": "caption-lg-line-height";
|
|
1284
|
+
readonly "caption-md": "caption-md-line-height";
|
|
1285
|
+
readonly "caption-sm": "caption-sm-line-height";
|
|
1286
|
+
};
|
|
1287
|
+
declare const LetterSpacing: {
|
|
1288
|
+
readonly core_0: "letter-spacing-0";
|
|
1289
|
+
readonly "core_dense-10": "letter-spacing-dense-10";
|
|
1290
|
+
readonly "core_dense-5": "letter-spacing-dense-5";
|
|
1291
|
+
readonly "core_wide-5": "letter-spacing-wide-5";
|
|
1292
|
+
readonly "core_wide-10": "letter-spacing-wide-10";
|
|
1293
|
+
readonly "core_wide-15": "letter-spacing-wide-15";
|
|
1294
|
+
readonly "core_wide-20": "letter-spacing-wide-20";
|
|
1295
|
+
readonly "core_wide-25": "letter-spacing-wide-25";
|
|
1296
|
+
readonly "core_wide-30": "letter-spacing-wide-30";
|
|
1257
1297
|
};
|
|
1258
1298
|
declare const FontOffset: {
|
|
1259
1299
|
readonly "heading-3xl-top-offset": "heading-3xl-top-offset";
|
|
@@ -1342,7 +1382,7 @@ declare const Motions: {
|
|
|
1342
1382
|
readonly "easing-focus": "easing-focus";
|
|
1343
1383
|
readonly "easing-expressive": "easing-expressive";
|
|
1344
1384
|
};
|
|
1345
|
-
type HopperTokenKey = `--hop-${typeof HopperColors[keyof typeof HopperColors] | typeof BackgroundColors[keyof typeof BackgroundColors] | typeof TextColors[keyof typeof TextColors] | typeof IconColors[keyof typeof IconColors] | typeof BorderColors[keyof typeof BorderColors] | typeof DataVizColors[keyof typeof DataVizColors] | typeof GradientColors[keyof typeof GradientColors] | typeof Elevation[keyof typeof Elevation] | typeof FontFamily[keyof typeof FontFamily] | typeof FontWeight[keyof typeof FontWeight] | typeof FontOffset[keyof typeof FontOffset] | typeof FontSize[keyof typeof FontSize] | typeof LineHeight[keyof typeof LineHeight] | typeof Shape[keyof typeof Shape] | typeof CoreSpace[keyof typeof CoreSpace] | typeof Motions[keyof typeof Motions] | typeof SemanticSimplePaddingSpace[keyof typeof SemanticSimplePaddingSpace] | typeof SemanticComplexPaddingSpace[keyof typeof SemanticComplexPaddingSpace] | typeof SemanticSimpleMarginSpace[keyof typeof SemanticSimpleMarginSpace] | typeof SemanticComplexMarginSpace[keyof typeof SemanticComplexMarginSpace]}`;
|
|
1385
|
+
type HopperTokenKey = `--hop-${typeof HopperColors[keyof typeof HopperColors] | typeof BackgroundColors[keyof typeof BackgroundColors] | typeof TextColors[keyof typeof TextColors] | typeof IconColors[keyof typeof IconColors] | typeof BorderColors[keyof typeof BorderColors] | typeof DataVizColors[keyof typeof DataVizColors] | typeof GradientColors[keyof typeof GradientColors] | typeof Elevation[keyof typeof Elevation] | typeof FontFamily[keyof typeof FontFamily] | typeof FontWeight[keyof typeof FontWeight] | typeof FontOffset[keyof typeof FontOffset] | typeof FontSize[keyof typeof FontSize] | typeof LineHeight[keyof typeof LineHeight] | typeof LetterSpacing[keyof typeof LetterSpacing] | typeof Shape[keyof typeof Shape] | typeof CoreSpace[keyof typeof CoreSpace] | typeof Motions[keyof typeof Motions] | typeof SemanticSimplePaddingSpace[keyof typeof SemanticSimplePaddingSpace] | typeof SemanticComplexPaddingSpace[keyof typeof SemanticComplexPaddingSpace] | typeof SemanticSimpleMarginSpace[keyof typeof SemanticSimpleMarginSpace] | typeof SemanticComplexMarginSpace[keyof typeof SemanticComplexMarginSpace]}`;
|
|
1346
1386
|
type HopperCssVar = `var(${HopperTokenKey})`;
|
|
1347
1387
|
|
|
1348
|
-
export { BackgroundColors, BorderColors, CoreSpace, DataVizColors, Elevation, FontFamily, FontOffset, FontSize, FontWeight, GradientColors, HopperColors, type HopperCssVar, type HopperTokenKey, IconColors, LineHeight, Motions, SemanticComplexMarginSpace, SemanticComplexPaddingSpace, SemanticSimpleMarginSpace, SemanticSimplePaddingSpace, Shape, TextColors };
|
|
1388
|
+
export { BackgroundColors, BorderColors, CoreSpace, DataVizColors, Elevation, FontFamily, FontOffset, FontSize, FontWeight, GradientColors, HopperColors, type HopperCssVar, type HopperTokenKey, IconColors, LetterSpacing, LineHeight, Motions, SemanticComplexMarginSpace, SemanticComplexPaddingSpace, SemanticSimpleMarginSpace, SemanticSimplePaddingSpace, Shape, TextColors };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { BackgroundColors, BorderColors, CoreSpace, DataVizColors, Elevation, FontFamily, FontOffset, FontSize, FontWeight, GradientColors, HopperColors, IconColors, LineHeight, Motions, SemanticComplexMarginSpace, SemanticComplexPaddingSpace, SemanticSimpleMarginSpace, SemanticSimplePaddingSpace, Shape, TextColors } from '../../chunk-
|
|
1
|
+
export { BackgroundColors, BorderColors, CoreSpace, DataVizColors, Elevation, FontFamily, FontOffset, FontSize, FontWeight, GradientColors, HopperColors, IconColors, LetterSpacing, LineHeight, Motions, SemanticComplexMarginSpace, SemanticComplexPaddingSpace, SemanticSimpleMarginSpace, SemanticSimplePaddingSpace, Shape, TextColors } from '../../chunk-2BMH444W.js';
|
|
2
2
|
import '../../chunk-AQ5VUG5P.js';
|
|
@@ -505,6 +505,7 @@ declare const BackgroundColorMapping: {
|
|
|
505
505
|
"danger-weak": string;
|
|
506
506
|
"danger-weak-hover": string;
|
|
507
507
|
"danger-weak-press": string;
|
|
508
|
+
"danger-weak-selected": string;
|
|
508
509
|
"neutral-active": string;
|
|
509
510
|
"neutral-weak-active": string;
|
|
510
511
|
neutral: string;
|
|
@@ -3112,46 +3113,47 @@ declare const IconColorMapping: {
|
|
|
3112
3113
|
"success-weak": string;
|
|
3113
3114
|
warning: string;
|
|
3114
3115
|
"warning-weak": string;
|
|
3115
|
-
"danger-weakest": string;
|
|
3116
3116
|
"neutral-strong-hover": string;
|
|
3117
|
+
"danger-weakest": string;
|
|
3117
3118
|
"upsell-weakest": string;
|
|
3118
3119
|
"information-weakest": string;
|
|
3119
3120
|
"success-weakest": string;
|
|
3120
3121
|
"warning-weakest": string;
|
|
3121
3122
|
};
|
|
3122
|
-
declare const BoxShadowMapping: Record<"
|
|
3123
|
-
declare const FontSizeMapping: Record<"heading-3xl" | "heading-2xl" | "heading-xl" | "heading-lg" | "heading-md" | "heading-sm" | "heading-xs" | "heading-xs-medium" | "overline" | "body-2xl" | "body-xl" | "body-lg" | "body-lg-medium" | "body-lg-semibold" | "body-lg-bold" | "body-lg-underline" | "body-md" | "body-md-medium" | "body-md-semibold" | "body-md-bold" | "body-md-underline" | "body-sm" | "body-sm-medium" | "body-sm-semibold" | "body-sm-bold" | "body-sm-underline" | "body-xs" | "body-xs-medium" | "body-xs-semibold" | "body-xs-bold" | "body-xs-underline" | "accent-lg" | "accent-sm" | "
|
|
3124
|
-
declare const FontWeightMapping: Record<"heading-3xl" | "heading-2xl" | "heading-xl" | "heading-lg" | "heading-md" | "heading-sm" | "heading-xs" | "heading-xs-medium" | "overline" | "body-2xl" | "body-xl" | "body-lg" | "body-lg-medium" | "body-lg-semibold" | "body-lg-bold" | "body-lg-underline" | "body-md" | "body-md-medium" | "body-md-semibold" | "body-md-bold" | "body-md-underline" | "body-sm" | "body-sm-medium" | "body-sm-semibold" | "body-sm-bold" | "body-sm-underline" | "body-xs" | "body-xs-medium" | "body-xs-semibold" | "body-xs-bold" | "body-xs-underline" | "accent-lg" | "accent-sm" | "
|
|
3125
|
-
declare const LineHeightMapping: Record<"heading-3xl" | "heading-2xl" | "heading-xl" | "heading-lg" | "heading-md" | "heading-sm" | "heading-xs" | "heading-xs-medium" | "overline" | "body-2xl" | "body-xl" | "body-lg" | "body-lg-medium" | "body-lg-semibold" | "body-lg-bold" | "body-lg-underline" | "body-md" | "body-md-medium" | "body-md-semibold" | "body-md-bold" | "body-md-underline" | "body-sm" | "body-sm-medium" | "body-sm-semibold" | "body-sm-bold" | "body-sm-underline" | "body-xs" | "body-xs-medium" | "body-xs-semibold" | "body-xs-bold" | "body-xs-underline" | "accent-lg" | "accent-sm" | "core_1-125" | "core_1-14" | "core_1-20" | "core_1-25" | "core_1-33" | "core_1-4285" | "core_1-50", string>;
|
|
3126
|
-
declare const
|
|
3127
|
-
declare const
|
|
3123
|
+
declare const BoxShadowMapping: Record<"none" | "core_none" | "core_sm" | "core_md" | "core_lg" | "raised" | "lifted" | "floating", string>;
|
|
3124
|
+
declare const FontSizeMapping: Record<"core_160" | "core_240" | "core_320" | "core_480" | "heading-3xl" | "heading-2xl" | "heading-xl" | "heading-lg" | "heading-md" | "heading-sm" | "heading-xs" | "heading-xs-medium" | "overline" | "body-2xl" | "body-xl" | "body-lg" | "body-lg-medium" | "body-lg-semibold" | "body-lg-bold" | "body-lg-underline" | "body-md" | "body-md-medium" | "body-md-semibold" | "body-md-bold" | "body-md-underline" | "body-sm" | "body-sm-medium" | "body-sm-semibold" | "body-sm-bold" | "body-sm-underline" | "body-xs" | "body-xs-medium" | "body-xs-semibold" | "body-xs-bold" | "body-xs-underline" | "accent-lg" | "accent-md" | "accent-sm" | "accent-xs" | "caption-xl" | "caption-lg" | "caption-md" | "caption-sm" | "core_100" | "core_120" | "core_140" | "core_180" | "core_200" | "core_280" | "core_360", string>;
|
|
3125
|
+
declare const FontWeightMapping: Record<"core_400" | "heading-3xl" | "heading-2xl" | "heading-xl" | "heading-lg" | "heading-md" | "heading-sm" | "heading-xs" | "heading-xs-medium" | "overline" | "body-2xl" | "body-xl" | "body-lg" | "body-lg-medium" | "body-lg-semibold" | "body-lg-bold" | "body-lg-underline" | "body-md" | "body-md-medium" | "body-md-semibold" | "body-md-bold" | "body-md-underline" | "body-sm" | "body-sm-medium" | "body-sm-semibold" | "body-sm-bold" | "body-sm-underline" | "body-xs" | "body-xs-medium" | "body-xs-semibold" | "body-xs-bold" | "body-xs-underline" | "accent-lg" | "accent-md" | "accent-sm" | "accent-xs" | "caption-xl" | "caption-lg" | "caption-md" | "caption-sm" | "core_410" | "core_505" | "core_580" | "core_590" | "core_680" | "core_690", string>;
|
|
3126
|
+
declare const LineHeightMapping: Record<"heading-3xl" | "heading-2xl" | "heading-xl" | "heading-lg" | "heading-md" | "heading-sm" | "heading-xs" | "heading-xs-medium" | "overline" | "body-2xl" | "body-xl" | "body-lg" | "body-lg-medium" | "body-lg-semibold" | "body-lg-bold" | "body-lg-underline" | "body-md" | "body-md-medium" | "body-md-semibold" | "body-md-bold" | "body-md-underline" | "body-sm" | "body-sm-medium" | "body-sm-semibold" | "body-sm-bold" | "body-sm-underline" | "body-xs" | "body-xs-medium" | "body-xs-semibold" | "body-xs-bold" | "body-xs-underline" | "accent-lg" | "accent-md" | "accent-sm" | "accent-xs" | "caption-xl" | "caption-lg" | "caption-md" | "caption-sm" | "core_1-125" | "core_1-14" | "core_1-1666" | "core_1-20" | "core_1-25" | "core_1-2857" | "core_1-33" | "core_1-40" | "core_1-4285" | "core_1-50", string>;
|
|
3127
|
+
declare const LetterSpacingMapping: Record<"core_0" | "core_dense-10" | "core_dense-5" | "core_wide-5" | "core_wide-10" | "core_wide-15" | "core_wide-20" | "core_wide-25" | "core_wide-30", string>;
|
|
3128
|
+
declare const FontFamilyMapping: Record<"core_primary" | "core_secondary" | "core_tertiary" | "heading-3xl" | "heading-2xl" | "heading-xl" | "heading-lg" | "heading-md" | "heading-sm" | "heading-xs" | "heading-xs-medium" | "overline" | "body-2xl" | "body-xl" | "body-lg" | "body-lg-medium" | "body-lg-semibold" | "body-lg-bold" | "body-lg-underline" | "body-md" | "body-md-medium" | "body-md-semibold" | "body-md-bold" | "body-md-underline" | "body-sm" | "body-sm-medium" | "body-sm-semibold" | "body-sm-bold" | "body-sm-underline" | "body-xs" | "body-xs-medium" | "body-xs-semibold" | "body-xs-bold" | "body-xs-underline" | "accent-lg" | "accent-md" | "accent-sm" | "accent-xs" | "caption-xl" | "caption-lg" | "caption-md" | "caption-sm", string>;
|
|
3129
|
+
declare const BorderRadiusMapping: Record<"circle" | "core_0" | "core_1" | "core_2" | "core_3" | "core_4" | "core_9999" | "pill" | "rounded-lg" | "rounded-md" | "rounded-sm", string>;
|
|
3128
3130
|
declare const SpaceMapping: {
|
|
3129
|
-
core_400: string;
|
|
3130
|
-
core_160: string;
|
|
3131
|
-
core_240: string;
|
|
3132
|
-
core_320: string;
|
|
3133
|
-
core_480: string;
|
|
3134
3131
|
core_0: string;
|
|
3135
3132
|
core_10: string;
|
|
3136
3133
|
core_20: string;
|
|
3137
3134
|
core_40: string;
|
|
3138
3135
|
core_80: string;
|
|
3136
|
+
core_160: string;
|
|
3137
|
+
core_240: string;
|
|
3138
|
+
core_320: string;
|
|
3139
|
+
core_400: string;
|
|
3140
|
+
core_480: string;
|
|
3139
3141
|
core_640: string;
|
|
3140
3142
|
core_800: string;
|
|
3141
3143
|
core_960: string;
|
|
3142
3144
|
core_1280: string;
|
|
3143
3145
|
};
|
|
3144
3146
|
declare const SimplePaddingMapping: {
|
|
3145
|
-
core_400: string;
|
|
3146
|
-
core_160: string;
|
|
3147
|
-
core_240: string;
|
|
3148
|
-
core_320: string;
|
|
3149
|
-
core_480: string;
|
|
3150
3147
|
core_0: string;
|
|
3151
3148
|
core_10: string;
|
|
3152
3149
|
core_20: string;
|
|
3153
3150
|
core_40: string;
|
|
3154
3151
|
core_80: string;
|
|
3152
|
+
core_160: string;
|
|
3153
|
+
core_240: string;
|
|
3154
|
+
core_320: string;
|
|
3155
|
+
core_400: string;
|
|
3156
|
+
core_480: string;
|
|
3155
3157
|
core_640: string;
|
|
3156
3158
|
core_800: string;
|
|
3157
3159
|
core_960: string;
|
|
@@ -3169,16 +3171,16 @@ declare const ComplexPaddingMapping: {
|
|
|
3169
3171
|
"inset-stretch-sm": string;
|
|
3170
3172
|
"inset-stretch-md": string;
|
|
3171
3173
|
"inset-stretch-lg": string;
|
|
3172
|
-
core_400: string;
|
|
3173
|
-
core_160: string;
|
|
3174
|
-
core_240: string;
|
|
3175
|
-
core_320: string;
|
|
3176
|
-
core_480: string;
|
|
3177
3174
|
core_0: string;
|
|
3178
3175
|
core_10: string;
|
|
3179
3176
|
core_20: string;
|
|
3180
3177
|
core_40: string;
|
|
3181
3178
|
core_80: string;
|
|
3179
|
+
core_160: string;
|
|
3180
|
+
core_240: string;
|
|
3181
|
+
core_320: string;
|
|
3182
|
+
core_400: string;
|
|
3183
|
+
core_480: string;
|
|
3182
3184
|
core_640: string;
|
|
3183
3185
|
core_800: string;
|
|
3184
3186
|
core_960: string;
|
|
@@ -3190,16 +3192,16 @@ declare const ComplexPaddingMapping: {
|
|
|
3190
3192
|
"inset-xl": string;
|
|
3191
3193
|
};
|
|
3192
3194
|
declare const SimpleMarginMapping: {
|
|
3193
|
-
core_400: string;
|
|
3194
|
-
core_160: string;
|
|
3195
|
-
core_240: string;
|
|
3196
|
-
core_320: string;
|
|
3197
|
-
core_480: string;
|
|
3198
3195
|
core_0: string;
|
|
3199
3196
|
core_10: string;
|
|
3200
3197
|
core_20: string;
|
|
3201
3198
|
core_40: string;
|
|
3202
3199
|
core_80: string;
|
|
3200
|
+
core_160: string;
|
|
3201
|
+
core_240: string;
|
|
3202
|
+
core_320: string;
|
|
3203
|
+
core_400: string;
|
|
3204
|
+
core_480: string;
|
|
3203
3205
|
core_640: string;
|
|
3204
3206
|
core_800: string;
|
|
3205
3207
|
core_960: string;
|
|
@@ -3216,16 +3218,16 @@ declare const SimpleMarginMapping: {
|
|
|
3216
3218
|
"inline-xl": string;
|
|
3217
3219
|
};
|
|
3218
3220
|
declare const ComplexMarginMapping: {
|
|
3219
|
-
core_400: string;
|
|
3220
|
-
core_160: string;
|
|
3221
|
-
core_240: string;
|
|
3222
|
-
core_320: string;
|
|
3223
|
-
core_480: string;
|
|
3224
3221
|
core_0: string;
|
|
3225
3222
|
core_10: string;
|
|
3226
3223
|
core_20: string;
|
|
3227
3224
|
core_40: string;
|
|
3228
3225
|
core_80: string;
|
|
3226
|
+
core_160: string;
|
|
3227
|
+
core_240: string;
|
|
3228
|
+
core_320: string;
|
|
3229
|
+
core_400: string;
|
|
3230
|
+
core_480: string;
|
|
3229
3231
|
core_640: string;
|
|
3230
3232
|
core_800: string;
|
|
3231
3233
|
core_960: string;
|
|
@@ -3265,16 +3267,16 @@ declare const SizingMapping: {
|
|
|
3265
3267
|
"3/6": string;
|
|
3266
3268
|
"4/6": string;
|
|
3267
3269
|
"5/6": string;
|
|
3268
|
-
core_400: string;
|
|
3269
|
-
core_160: string;
|
|
3270
|
-
core_240: string;
|
|
3271
|
-
core_320: string;
|
|
3272
|
-
core_480: string;
|
|
3273
3270
|
core_0: string;
|
|
3274
3271
|
core_10: string;
|
|
3275
3272
|
core_20: string;
|
|
3276
3273
|
core_40: string;
|
|
3277
3274
|
core_80: string;
|
|
3275
|
+
core_160: string;
|
|
3276
|
+
core_240: string;
|
|
3277
|
+
core_320: string;
|
|
3278
|
+
core_400: string;
|
|
3279
|
+
core_480: string;
|
|
3278
3280
|
core_640: string;
|
|
3279
3281
|
core_800: string;
|
|
3280
3282
|
core_960: string;
|
|
@@ -3327,6 +3329,8 @@ type HeightValue = keyof typeof SizingMapping | CSSSizing | "-moz-max-content" |
|
|
|
3327
3329
|
type UNSAFE_HeightValue = keyof typeof SizingMapping | Property.Height;
|
|
3328
3330
|
type LineHeightValue = keyof typeof LineHeightMapping | Globals | "normal" | 0;
|
|
3329
3331
|
type UNSAFE_LineHeightValue = keyof typeof LineHeightMapping | Property.LineHeight;
|
|
3332
|
+
type LetterSpacingValue = keyof typeof LetterSpacingMapping | Globals | "normal";
|
|
3333
|
+
type UNSAFE_LetterSpacingValue = keyof typeof LetterSpacingMapping | Property.LetterSpacing;
|
|
3330
3334
|
type SimpleMarginValue = keyof typeof SimpleMarginMapping | Globals | "auto" | 0;
|
|
3331
3335
|
type UNSAFE_SimpleMarginValue = keyof typeof SimpleMarginMapping | Property.Margin;
|
|
3332
3336
|
type ComplexMarginValue = keyof typeof ComplexMarginMapping | Globals | "auto" | 0;
|
|
@@ -3351,4 +3355,4 @@ declare function parseResponsiveSystemValue<TValue extends string | number>(valu
|
|
|
3351
3355
|
declare function getSystemValue<T extends string | number>(value: T, systemValues: Record<T, string>): Record<T, string>[T];
|
|
3352
3356
|
declare function getSizingValue(value: UNSAFE_SizingValue | (string & {})): string | (number & {});
|
|
3353
3357
|
|
|
3354
|
-
export { BackgroundColorMapping, type BackgroundColorValue, BorderMapping, BorderRadiusMapping, type BorderRadiusValue, type BorderValue, BoxShadowMapping, type BoxShadowValue, type CSSOutline, type CSSSizing, ColorExpressionTypes, ColorMapping, type ColorValue, type ColumnGapValue, ComplexMarginMapping, type ComplexMarginValue, ComplexPaddingMapping, type ComplexPaddingValue, type CssBorder, type CssBorderRadius, type CssBoxShadow, type CssColor, type CssFill, type CssGap, type CssGrid, type CssGridTemplate, DataVizColorMapping, DefaultBorderWidthAndStyle, DefaultOutlineWidthAndStyle, type FRValues, type FillValue, FontFamilyMapping, type FontFamilyValue, FontSizeMapping, type FontSizeValue, FontWeightMapping, type FontWeightValue, type GapValue, GradientColorMapping, type GridAutoColumnsValue, type GridAutoRowsValue, type GridColumSpanValue, type GridRowSpanValue, type GridTemplateAreasValue, type GridTemplateColumnsValue, type GridTemplateRowsValue, type HeightValue, IconColorMapping, LineHeightMapping, type LineHeightValue, OutlineMapping, type OutlineValue, type Percentage, type RowGapValue, SimpleMarginMapping, type SimpleMarginValue, SimplePaddingMapping, type SimplePaddingValue, SizingMapping, type SizingValue, SpaceMapping, type StrokeValue, TextColorMapping, type UNSAFE_BackgroundColorValue, type UNSAFE_BorderRadiusValue, type UNSAFE_BorderValue, type UNSAFE_BoxShadowValue, type UNSAFE_ColorValue, type UNSAFE_ColumnGapValue, type UNSAFE_ComplexMarginValue, type UNSAFE_ComplexPaddingValue, type UNSAFE_FillValue, type UNSAFE_FontFamilyValue, type UNSAFE_FontSizeValue, type UNSAFE_FontWeightValue, type UNSAFE_GapValue, type UNSAFE_GridAutoColumnsValue, type UNSAFE_GridAutoRowsValue, type UNSAFE_GridTemplateColumnsValue, type UNSAFE_GridTemplateRowsValue, type UNSAFE_HeightValue, type UNSAFE_LineHeightValue, type UNSAFE_OutlineValue, type UNSAFE_RowGapValue, type UNSAFE_SimpleMarginValue, type UNSAFE_SimplePaddingValue, type UNSAFE_SizingValue, type UNSAFE_StrokeValue, type UNSAFE_WidthValue, type WidthValue, getSizingValue, getSystemValue, parseResponsiveSystemValue };
|
|
3358
|
+
export { BackgroundColorMapping, type BackgroundColorValue, BorderMapping, BorderRadiusMapping, type BorderRadiusValue, type BorderValue, BoxShadowMapping, type BoxShadowValue, type CSSOutline, type CSSSizing, ColorExpressionTypes, ColorMapping, type ColorValue, type ColumnGapValue, ComplexMarginMapping, type ComplexMarginValue, ComplexPaddingMapping, type ComplexPaddingValue, type CssBorder, type CssBorderRadius, type CssBoxShadow, type CssColor, type CssFill, type CssGap, type CssGrid, type CssGridTemplate, DataVizColorMapping, DefaultBorderWidthAndStyle, DefaultOutlineWidthAndStyle, type FRValues, type FillValue, FontFamilyMapping, type FontFamilyValue, FontSizeMapping, type FontSizeValue, FontWeightMapping, type FontWeightValue, type GapValue, GradientColorMapping, type GridAutoColumnsValue, type GridAutoRowsValue, type GridColumSpanValue, type GridRowSpanValue, type GridTemplateAreasValue, type GridTemplateColumnsValue, type GridTemplateRowsValue, type HeightValue, IconColorMapping, LetterSpacingMapping, type LetterSpacingValue, LineHeightMapping, type LineHeightValue, OutlineMapping, type OutlineValue, type Percentage, type RowGapValue, SimpleMarginMapping, type SimpleMarginValue, SimplePaddingMapping, type SimplePaddingValue, SizingMapping, type SizingValue, SpaceMapping, type StrokeValue, TextColorMapping, type UNSAFE_BackgroundColorValue, type UNSAFE_BorderRadiusValue, type UNSAFE_BorderValue, type UNSAFE_BoxShadowValue, type UNSAFE_ColorValue, type UNSAFE_ColumnGapValue, type UNSAFE_ComplexMarginValue, type UNSAFE_ComplexPaddingValue, type UNSAFE_FillValue, type UNSAFE_FontFamilyValue, type UNSAFE_FontSizeValue, type UNSAFE_FontWeightValue, type UNSAFE_GapValue, type UNSAFE_GridAutoColumnsValue, type UNSAFE_GridAutoRowsValue, type UNSAFE_GridTemplateColumnsValue, type UNSAFE_GridTemplateRowsValue, type UNSAFE_HeightValue, type UNSAFE_LetterSpacingValue, type UNSAFE_LineHeightValue, type UNSAFE_OutlineValue, type UNSAFE_RowGapValue, type UNSAFE_SimpleMarginValue, type UNSAFE_SimplePaddingValue, type UNSAFE_SizingValue, type UNSAFE_StrokeValue, type UNSAFE_WidthValue, type WidthValue, getSizingValue, getSystemValue, parseResponsiveSystemValue };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
export { BackgroundColorMapping, BorderMapping, BorderRadiusMapping, BoxShadowMapping, ColorExpressionTypes, ColorMapping, ComplexMarginMapping, ComplexPaddingMapping, DataVizColorMapping, DefaultBorderWidthAndStyle, DefaultOutlineWidthAndStyle, FontFamilyMapping, FontSizeMapping, FontWeightMapping, GradientColorMapping, IconColorMapping, LineHeightMapping, OutlineMapping, SimpleMarginMapping, SimplePaddingMapping, SizingMapping, SpaceMapping, TextColorMapping, getSizingValue, getSystemValue, parseResponsiveSystemValue } from '../chunk-
|
|
2
|
-
import '../chunk-
|
|
1
|
+
export { BackgroundColorMapping, BorderMapping, BorderRadiusMapping, BoxShadowMapping, ColorExpressionTypes, ColorMapping, ComplexMarginMapping, ComplexPaddingMapping, DataVizColorMapping, DefaultBorderWidthAndStyle, DefaultOutlineWidthAndStyle, FontFamilyMapping, FontSizeMapping, FontWeightMapping, GradientColorMapping, IconColorMapping, LetterSpacingMapping, LineHeightMapping, OutlineMapping, SimpleMarginMapping, SimplePaddingMapping, SizingMapping, SpaceMapping, TextColorMapping, getSizingValue, getSystemValue, parseResponsiveSystemValue } from '../chunk-TZCNHN3Q.js';
|
|
2
|
+
import '../chunk-2BMH444W.js';
|
|
3
3
|
import '../chunk-FTYK7Z7Q.js';
|
|
4
4
|
import '../chunk-U5R6ZXH3.js';
|
|
5
5
|
import '../chunk-VBKLISDI.js';
|
|
6
6
|
import '../chunk-XUHDFZZL.js';
|
|
7
|
-
import '../chunk-
|
|
7
|
+
import '../chunk-QAUUAHRK.js';
|
|
8
8
|
import '../chunk-AQ5VUG5P.js';
|