@nation-a/ui 0.9.1 → 0.9.2
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/dist/index.cjs +225 -309
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +225 -309
- package/dist/index.js.map +1 -1
- package/dist/styled-system/styles.css +92 -78
- package/dist/styled-system/tokens/index.mjs +76 -16
- package/dist/styled-system/tokens/tokens.d.ts +3 -3
- package/dist/styled-system/types/prop-type.d.ts +1 -1
- package/dist/types/components/BottomSheet/BottomSheet.stories.d.ts +6 -0
- package/dist/types/components/Button/button.recipe.d.ts +2 -1
- package/dist/types/components/Dialog/dialog.recipe.d.ts +2 -1
- package/dist/types/components/IconButton/icon-button.recipe.d.ts +2 -1
- package/dist/types/components/Input/index.d.ts +2 -8
- package/dist/types/components/Input/input.recipe.d.ts +74 -53
- package/dist/types/components/Navigation/navigation.recipe.d.ts +2 -1
- package/dist/types/components/Spinner/index.d.ts +273 -5
- package/dist/types/components/Spinner/spinner.recipe.d.ts +2 -1
- package/dist/types/components/Tabs/tabs.recipe.d.ts +2 -1
- package/dist/types/components/Tag/index.d.ts +2 -1
- package/dist/types/components/Tag/tag.recipe.d.ts +2 -1
- package/dist/types/components/Text/index.d.ts +273 -1
- package/dist/types/components/Text/text.recipe.d.ts +2 -1
- package/dist/types/components/TextArea/index.d.ts +2 -2
- package/package.json +2 -2
|
@@ -659,9 +659,9 @@ html:not(#\#),body:not(#\#) {
|
|
|
659
659
|
--colors-content-success-default: var(--colors-green-600);
|
|
660
660
|
--colors-content-informative-default: var(--colors-blue-600);
|
|
661
661
|
--colors-content-zoltarina-primary-default: var(--colors-ohre-800);
|
|
662
|
-
--colors-content-zoltarina-primary-
|
|
662
|
+
--colors-content-zoltarina-primary-default_inverse: var(--colors-ohre-1000);
|
|
663
663
|
--colors-content-heyd-primary-default: var(--colors-cyan-800);
|
|
664
|
-
--colors-content-heyd-primary-
|
|
664
|
+
--colors-content-heyd-primary-default_inverse: var(--colors-cyan-1000);
|
|
665
665
|
--colors-content-static-white-bold: var(--colors-neutral-1200);
|
|
666
666
|
--colors-content-static-white-default: var(--colors-neutral-1050);
|
|
667
667
|
--colors-content-static-white-subtle: var(--colors-neutral-1000);
|
|
@@ -674,6 +674,12 @@ html:not(#\#),body:not(#\#) {
|
|
|
674
674
|
--colors-content-static-black-disabled: var(--colors-neutral-800);
|
|
675
675
|
--colors-content-heybee-primary-default: var(--colors-yellow-800);
|
|
676
676
|
--colors-content-heybee-primary-default_inverse: var(--colors-yellow-1000);
|
|
677
|
+
--colors-content-neutral-inverse-bold: var(--colors-neutral-1100);
|
|
678
|
+
--colors-content-neutral-inverse-default: var(--colors-neutral-1000);
|
|
679
|
+
--colors-content-neutral-inverse-subtle: var(--colors-neutral-900);
|
|
680
|
+
--colors-content-neutral-inverse-subtlest: var(--colors-neutral-500);
|
|
681
|
+
--colors-content-neutral-inverse-disabled: var(--colors-neutral-600);
|
|
682
|
+
--colors-content-neutral-inverse-default_inverse: var(--colors-neutral-0);
|
|
677
683
|
--colors-background-neutral-default: var(--colors-neutral-1050);
|
|
678
684
|
--colors-background-neutral-selected: var(--colors-neutral-1000);
|
|
679
685
|
--colors-background-neutral-disabled: var(--colors-neutral-1000);
|
|
@@ -707,6 +713,9 @@ html:not(#\#),body:not(#\#) {
|
|
|
707
713
|
--colors-background-static-black-alpha-disabled: var(--colors-black-500-a);
|
|
708
714
|
--colors-background-heybee-primary-default: var(--colors-yellow-500);
|
|
709
715
|
--colors-background-heybee-primary-selected: var(--colors-yellow-600);
|
|
716
|
+
--colors-background-neutral-inverse-default: var(--colors-neutral-200);
|
|
717
|
+
--colors-background-neutral-inverse-selected: var(--colors-neutral-300);
|
|
718
|
+
--colors-background-neutral-inverse-disabled: var(--colors-neutral-400);
|
|
710
719
|
--colors-surface-base: var(--colors-neutral-1100);
|
|
711
720
|
--colors-surface-layer_1: var(--colors-neutral-1100);
|
|
712
721
|
--colors-surface-layer_2: var(--colors-neutral-1050);
|
|
@@ -744,9 +753,9 @@ html:not(#\#),body:not(#\#) {
|
|
|
744
753
|
--colors-content-success-default: var(--colors-green-400);
|
|
745
754
|
--colors-content-informative-default: var(--colors-blue-400);
|
|
746
755
|
--colors-content-zoltarina-primary-default: var(--colors-ohre-400);
|
|
747
|
-
--colors-content-zoltarina-primary-
|
|
756
|
+
--colors-content-zoltarina-primary-default_inverse: var(--colors-ohre-1000);
|
|
748
757
|
--colors-content-heyd-primary-default: var(--colors-cyan-400);
|
|
749
|
-
--colors-content-heyd-primary-
|
|
758
|
+
--colors-content-heyd-primary-default_inverse: var(--colors-cyan-1000);
|
|
750
759
|
--colors-content-static-white-bold: var(--colors-neutral-1200);
|
|
751
760
|
--colors-content-static-white-default: var(--colors-neutral-1050);
|
|
752
761
|
--colors-content-static-white-subtle: var(--colors-neutral-1000);
|
|
@@ -759,6 +768,12 @@ html:not(#\#),body:not(#\#) {
|
|
|
759
768
|
--colors-content-static-black-disabled: var(--colors-neutral-800);
|
|
760
769
|
--colors-content-heybee-primary-default: var(--colors-yellow-500);
|
|
761
770
|
--colors-content-heybee-primary-default_inverse: var(--colors-yellow-1000);
|
|
771
|
+
--colors-content-neutral-inverse-bold: var(--colors-neutral-0);
|
|
772
|
+
--colors-content-neutral-inverse-default: var(--colors-neutral-300);
|
|
773
|
+
--colors-content-neutral-inverse-subtle: var(--colors-neutral-600);
|
|
774
|
+
--colors-content-neutral-inverse-subtlest: var(--colors-neutral-900);
|
|
775
|
+
--colors-content-neutral-inverse-disabled: var(--colors-neutral-800);
|
|
776
|
+
--colors-content-neutral-inverse-default_inverse: var(--colors-neutral-1100);
|
|
762
777
|
--colors-background-neutral-default: var(--colors-neutral-200);
|
|
763
778
|
--colors-background-neutral-selected: var(--colors-neutral-300);
|
|
764
779
|
--colors-background-neutral-disabled: var(--colors-neutral-400);
|
|
@@ -792,6 +807,9 @@ html:not(#\#),body:not(#\#) {
|
|
|
792
807
|
--colors-background-static-black-alpha-disabled: var(--colors-black-500-a);
|
|
793
808
|
--colors-background-heybee-primary-default: var(--colors-yellow-500);
|
|
794
809
|
--colors-background-heybee-primary-selected: var(--colors-yellow-600);
|
|
810
|
+
--colors-background-neutral-inverse-default: var(--colors-neutral-1050);
|
|
811
|
+
--colors-background-neutral-inverse-selected: var(--colors-neutral-1000);
|
|
812
|
+
--colors-background-neutral-inverse-disabled: var(--colors-neutral-1000);
|
|
795
813
|
--colors-surface-base: var(--colors-neutral-0);
|
|
796
814
|
--colors-surface-layer_1: var(--colors-neutral-100);
|
|
797
815
|
--colors-surface-layer_2: var(--colors-neutral-200);
|
|
@@ -969,6 +987,14 @@ html:not(#\#),body:not(#\#) {
|
|
|
969
987
|
gap: var(--spacing-10);
|
|
970
988
|
}
|
|
971
989
|
|
|
990
|
+
.d_flex:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
991
|
+
display: flex;
|
|
992
|
+
}
|
|
993
|
+
|
|
994
|
+
.gap_10px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
995
|
+
gap: 10px;
|
|
996
|
+
}
|
|
997
|
+
|
|
972
998
|
.pos_fixed:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
973
999
|
position: fixed;
|
|
974
1000
|
}
|
|
@@ -977,10 +1003,6 @@ html:not(#\#),body:not(#\#) {
|
|
|
977
1003
|
touch-action: pan-y;
|
|
978
1004
|
}
|
|
979
1005
|
|
|
980
|
-
.d_flex:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
981
|
-
display: flex;
|
|
982
|
-
}
|
|
983
|
-
|
|
984
1006
|
.w_100\%:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
985
1007
|
width: 100%;
|
|
986
1008
|
}
|
|
@@ -1267,9 +1289,13 @@ html:not(#\#),body:not(#\#) {
|
|
|
1267
1289
|
padding-inline: var(--spacing-4);
|
|
1268
1290
|
}
|
|
1269
1291
|
|
|
1270
|
-
.bkdp_blur\(
|
|
1271
|
-
backdrop-filter: blur(
|
|
1272
|
-
-webkit-backdrop-filter: blur(
|
|
1292
|
+
.bkdp_blur\(3px\):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
1293
|
+
backdrop-filter: blur(3px);
|
|
1294
|
+
-webkit-backdrop-filter: blur(3px);
|
|
1295
|
+
}
|
|
1296
|
+
|
|
1297
|
+
.bg_shadow\.overlay:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
1298
|
+
background: var(--colors-shadow-overlay);
|
|
1273
1299
|
}
|
|
1274
1300
|
|
|
1275
1301
|
.h_100vh:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
@@ -1328,26 +1354,6 @@ html:not(#\#),body:not(#\#) {
|
|
|
1328
1354
|
padding: 8px;
|
|
1329
1355
|
}
|
|
1330
1356
|
|
|
1331
|
-
.gap_10px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
1332
|
-
gap: 10px;
|
|
1333
|
-
}
|
|
1334
|
-
|
|
1335
|
-
.c_content\.neutral\.subtle:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
1336
|
-
color: var(--colors-content-neutral-subtle);
|
|
1337
|
-
}
|
|
1338
|
-
|
|
1339
|
-
.ta_start:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
1340
|
-
text-align: start;
|
|
1341
|
-
}
|
|
1342
|
-
|
|
1343
|
-
.d_inline-block:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
1344
|
-
display: inline-block;
|
|
1345
|
-
}
|
|
1346
|
-
|
|
1347
|
-
.ta_end:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
1348
|
-
text-align: end;
|
|
1349
|
-
}
|
|
1350
|
-
|
|
1351
1357
|
.cursor_text:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
1352
1358
|
cursor: text;
|
|
1353
1359
|
}
|
|
@@ -1388,20 +1394,28 @@ html:not(#\#),body:not(#\#) {
|
|
|
1388
1394
|
border-radius: 9999px;
|
|
1389
1395
|
}
|
|
1390
1396
|
|
|
1391
|
-
.c_content\.neutral\.disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
1392
|
-
color: var(--colors-content-neutral-disabled);
|
|
1393
|
-
}
|
|
1394
|
-
|
|
1395
1397
|
.bg_black\.500A:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
1396
1398
|
background: var(--colors-black-500-a);
|
|
1397
1399
|
}
|
|
1398
1400
|
|
|
1399
|
-
.
|
|
1400
|
-
|
|
1401
|
+
.c_content\.neutral\.subtle:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
1402
|
+
color: var(--colors-content-neutral-subtle);
|
|
1401
1403
|
}
|
|
1402
1404
|
|
|
1403
|
-
.
|
|
1404
|
-
|
|
1405
|
+
.ta_start:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
1406
|
+
text-align: start;
|
|
1407
|
+
}
|
|
1408
|
+
|
|
1409
|
+
.d_inline-block:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
1410
|
+
display: inline-block;
|
|
1411
|
+
}
|
|
1412
|
+
|
|
1413
|
+
.ta_end:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
1414
|
+
text-align: end;
|
|
1415
|
+
}
|
|
1416
|
+
|
|
1417
|
+
.c_content\.neutral\.subtlest:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
1418
|
+
color: var(--colors-content-neutral-subtlest);
|
|
1405
1419
|
}
|
|
1406
1420
|
|
|
1407
1421
|
.bg_surface\.layer_1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
@@ -1420,10 +1434,6 @@ html:not(#\#),body:not(#\#) {
|
|
|
1420
1434
|
width: 64px;
|
|
1421
1435
|
}
|
|
1422
1436
|
|
|
1423
|
-
.c_content\.neutral\.subtlest:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
1424
|
-
color: var(--colors-content-neutral-subtlest);
|
|
1425
|
-
}
|
|
1426
|
-
|
|
1427
1437
|
.gap_2rem:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
1428
1438
|
gap: 2rem;
|
|
1429
1439
|
}
|
|
@@ -2017,6 +2027,14 @@ html:not(#\#),body:not(#\#) {
|
|
|
2017
2027
|
right: var(--spacing-4);
|
|
2018
2028
|
}
|
|
2019
2029
|
|
|
2030
|
+
.bd-c_transparent:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
2031
|
+
border-color: transparent;
|
|
2032
|
+
}
|
|
2033
|
+
|
|
2034
|
+
.bd-c_border\.neutral\.subtle:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
2035
|
+
border-color: var(--colors-border-neutral-subtle);
|
|
2036
|
+
}
|
|
2037
|
+
|
|
2020
2038
|
.pl_1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
2021
2039
|
padding-left: var(--spacing-1);
|
|
2022
2040
|
}
|
|
@@ -2029,18 +2047,6 @@ html:not(#\#),body:not(#\#) {
|
|
|
2029
2047
|
margin-top: calc(var(--spacing-0\.5) * -1);
|
|
2030
2048
|
}
|
|
2031
2049
|
|
|
2032
|
-
.bd-c_transparent:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
2033
|
-
border-color: transparent;
|
|
2034
|
-
}
|
|
2035
|
-
|
|
2036
|
-
.bd-c_border\.neutral\.subtle:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
2037
|
-
border-color: var(--colors-border-neutral-subtle);
|
|
2038
|
-
}
|
|
2039
|
-
|
|
2040
|
-
.bd-c_border\.neutral\.disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
2041
|
-
border-color: var(--colors-border-neutral-disabled);
|
|
2042
|
-
}
|
|
2043
|
-
|
|
2044
2050
|
.pt_2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
2045
2051
|
padding-top: var(--spacing-2);
|
|
2046
2052
|
}
|
|
@@ -2205,14 +2211,6 @@ html:not(#\#),body:not(#\#) {
|
|
|
2205
2211
|
height: 24px;
|
|
2206
2212
|
}
|
|
2207
2213
|
|
|
2208
|
-
:root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .light\:bg_white\.100A,.light:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .light\:bg_white\.100A {
|
|
2209
|
-
background: var(--colors-white-100-a);
|
|
2210
|
-
}
|
|
2211
|
-
|
|
2212
|
-
.dark:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .dark\:bg_black\.100A {
|
|
2213
|
-
background: var(--colors-black-100-a);
|
|
2214
|
-
}
|
|
2215
|
-
|
|
2216
2214
|
.open\:anim_backdrop-in:is([open], [data-open], [data-state="open"]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
2217
2215
|
animation: var(--animations-backdrop-in);
|
|
2218
2216
|
}
|
|
@@ -2229,44 +2227,44 @@ html:not(#\#),body:not(#\#) {
|
|
|
2229
2227
|
animation: var(--animations-dialog-out);
|
|
2230
2228
|
}
|
|
2231
2229
|
|
|
2232
|
-
.\[\&
|
|
2230
|
+
.\[\&_input\,_\&_textarea\]\:ring_none:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) input,.\[\&_input\,_\&_textarea\]\:ring_none:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) textarea {
|
|
2233
2231
|
outline: var(--borders-none);
|
|
2234
2232
|
}
|
|
2235
2233
|
|
|
2236
|
-
.\[\&
|
|
2234
|
+
.\[\&_input\,_\&_textarea\]\:w_100\%:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) input,.\[\&_input\,_\&_textarea\]\:w_100\%:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) textarea {
|
|
2237
2235
|
width: 100%;
|
|
2238
2236
|
}
|
|
2239
2237
|
|
|
2240
|
-
.\[\&
|
|
2238
|
+
.\[\&_input\,_\&_textarea\]\:h_100\%:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) input,.\[\&_input\,_\&_textarea\]\:h_100\%:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) textarea {
|
|
2241
2239
|
height: 100%;
|
|
2242
2240
|
}
|
|
2243
2241
|
|
|
2244
|
-
|
|
2245
|
-
|
|
2242
|
+
.group:is(:disabled, [disabled], [data-disabled]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .groupDisabled\:cursor_not-allowed {
|
|
2243
|
+
cursor: not-allowed;
|
|
2246
2244
|
}
|
|
2247
2245
|
|
|
2248
|
-
|
|
2249
|
-
|
|
2246
|
+
.group:is(:disabled, [disabled], [data-disabled]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .groupDisabled\:c_content\.neutral\.disabled {
|
|
2247
|
+
color: var(--colors-content-neutral-disabled);
|
|
2248
|
+
}
|
|
2249
|
+
|
|
2250
|
+
.\[\&_textarea\]\:bg_transparent:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) textarea {
|
|
2251
|
+
background: transparent;
|
|
2250
2252
|
}
|
|
2251
2253
|
|
|
2252
2254
|
.\[\&_textarea\]\:resize_none:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) textarea {
|
|
2253
2255
|
resize: none;
|
|
2254
2256
|
}
|
|
2255
2257
|
|
|
2256
|
-
|
|
2258
|
+
.placeholder\:c_content\.static\.white\.subtlest:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::placeholder,.placeholder\:c_content\.static\.white\.subtlest[data-placeholder]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
2257
2259
|
color: var(--colors-content-static-white-subtlest);
|
|
2258
2260
|
}
|
|
2259
2261
|
|
|
2260
|
-
|
|
2262
|
+
.placeholder\:c_content\.neutral\.subtlest:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::placeholder,.placeholder\:c_content\.neutral\.subtlest[data-placeholder]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
2261
2263
|
color: var(--colors-content-neutral-subtlest);
|
|
2262
2264
|
}
|
|
2263
2265
|
|
|
2264
|
-
|
|
2265
|
-
|
|
2266
|
-
}
|
|
2267
|
-
|
|
2268
|
-
.\[\&\:\:placeholder\]\:c_content\.neutral\.disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::placeholder {
|
|
2269
|
-
color: var(--colors-content-neutral-disabled);
|
|
2266
|
+
.group:is(:disabled, [disabled], [data-disabled]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .groupDisabled\:bg_background\.neutral\.disabled {
|
|
2267
|
+
background: var(--colors-background-neutral-disabled);
|
|
2270
2268
|
}
|
|
2271
2269
|
|
|
2272
2270
|
.selected\:c_content\.neutral\.default:is([aria-selected=true], [data-selected]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
@@ -2625,6 +2623,22 @@ html:not(#\#),body:not(#\#) {
|
|
|
2625
2623
|
overflow-y: auto;
|
|
2626
2624
|
}
|
|
2627
2625
|
|
|
2626
|
+
.group:is(:disabled, [disabled], [data-disabled]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .groupDisabled\:bd-c_border\.neutral\.disabled {
|
|
2627
|
+
border-color: var(--colors-border-neutral-disabled);
|
|
2628
|
+
}
|
|
2629
|
+
|
|
2630
|
+
.focusWithin\:bd-c_border\.neutral\.default:focus-within:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
2631
|
+
border-color: var(--colors-border-neutral-default);
|
|
2632
|
+
}
|
|
2633
|
+
|
|
2634
|
+
.group:is(:disabled, [disabled], [data-disabled]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .placeholder\:groupDisabled\:c_content\.static\.white\.disabled::placeholder, .group:is(:disabled, [disabled], [data-disabled]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .placeholder\:groupDisabled\:c_content\.static\.white\.disabled[data-placeholder] {
|
|
2635
|
+
color: var(--colors-content-static-white-disabled);
|
|
2636
|
+
}
|
|
2637
|
+
|
|
2638
|
+
.group:is(:disabled, [disabled], [data-disabled]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .placeholder\:groupDisabled\:c_content\.neutral\.disabled::placeholder, .group:is(:disabled, [disabled], [data-disabled]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .placeholder\:groupDisabled\:c_content\.neutral\.disabled[data-placeholder] {
|
|
2639
|
+
color: var(--colors-content-neutral-disabled);
|
|
2640
|
+
}
|
|
2641
|
+
|
|
2628
2642
|
@media (hover: hover) and (pointer: fine) {
|
|
2629
2643
|
.hover\:bg_background\.neuroidPrimary\.selected:is(:hover, [data-hover]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
2630
2644
|
background: var(--colors-background-neuroid-primary-selected);
|
|
@@ -1223,17 +1223,17 @@ const tokens = {
|
|
|
1223
1223
|
"value": "var(--colors-content-zoltarina-primary-default)",
|
|
1224
1224
|
"variable": "var(--colors-content-zoltarina-primary-default)"
|
|
1225
1225
|
},
|
|
1226
|
-
"colors.content.zoltarinaPrimary.
|
|
1227
|
-
"value": "var(--colors-content-zoltarina-primary-
|
|
1228
|
-
"variable": "var(--colors-content-zoltarina-primary-
|
|
1226
|
+
"colors.content.zoltarinaPrimary.default_inverse": {
|
|
1227
|
+
"value": "var(--colors-content-zoltarina-primary-default_inverse)",
|
|
1228
|
+
"variable": "var(--colors-content-zoltarina-primary-default_inverse)"
|
|
1229
1229
|
},
|
|
1230
1230
|
"colors.content.heydPrimary.default": {
|
|
1231
1231
|
"value": "var(--colors-content-heyd-primary-default)",
|
|
1232
1232
|
"variable": "var(--colors-content-heyd-primary-default)"
|
|
1233
1233
|
},
|
|
1234
|
-
"colors.content.heydPrimary.
|
|
1235
|
-
"value": "var(--colors-content-heyd-primary-
|
|
1236
|
-
"variable": "var(--colors-content-heyd-primary-
|
|
1234
|
+
"colors.content.heydPrimary.default_inverse": {
|
|
1235
|
+
"value": "var(--colors-content-heyd-primary-default_inverse)",
|
|
1236
|
+
"variable": "var(--colors-content-heyd-primary-default_inverse)"
|
|
1237
1237
|
},
|
|
1238
1238
|
"colors.content.static.white.bold": {
|
|
1239
1239
|
"value": "var(--colors-content-static-white-bold)",
|
|
@@ -1283,6 +1283,30 @@ const tokens = {
|
|
|
1283
1283
|
"value": "var(--colors-content-heybee-primary-default_inverse)",
|
|
1284
1284
|
"variable": "var(--colors-content-heybee-primary-default_inverse)"
|
|
1285
1285
|
},
|
|
1286
|
+
"colors.content.neutralInverse.bold": {
|
|
1287
|
+
"value": "var(--colors-content-neutral-inverse-bold)",
|
|
1288
|
+
"variable": "var(--colors-content-neutral-inverse-bold)"
|
|
1289
|
+
},
|
|
1290
|
+
"colors.content.neutralInverse.default": {
|
|
1291
|
+
"value": "var(--colors-content-neutral-inverse-default)",
|
|
1292
|
+
"variable": "var(--colors-content-neutral-inverse-default)"
|
|
1293
|
+
},
|
|
1294
|
+
"colors.content.neutralInverse.subtle": {
|
|
1295
|
+
"value": "var(--colors-content-neutral-inverse-subtle)",
|
|
1296
|
+
"variable": "var(--colors-content-neutral-inverse-subtle)"
|
|
1297
|
+
},
|
|
1298
|
+
"colors.content.neutralInverse.subtlest": {
|
|
1299
|
+
"value": "var(--colors-content-neutral-inverse-subtlest)",
|
|
1300
|
+
"variable": "var(--colors-content-neutral-inverse-subtlest)"
|
|
1301
|
+
},
|
|
1302
|
+
"colors.content.neutralInverse.disabled": {
|
|
1303
|
+
"value": "var(--colors-content-neutral-inverse-disabled)",
|
|
1304
|
+
"variable": "var(--colors-content-neutral-inverse-disabled)"
|
|
1305
|
+
},
|
|
1306
|
+
"colors.content.neutralInverse.default_inverse": {
|
|
1307
|
+
"value": "var(--colors-content-neutral-inverse-default_inverse)",
|
|
1308
|
+
"variable": "var(--colors-content-neutral-inverse-default_inverse)"
|
|
1309
|
+
},
|
|
1286
1310
|
"colors.background.neutral.default": {
|
|
1287
1311
|
"value": "var(--colors-background-neutral-default)",
|
|
1288
1312
|
"variable": "var(--colors-background-neutral-default)"
|
|
@@ -1415,6 +1439,18 @@ const tokens = {
|
|
|
1415
1439
|
"value": "var(--colors-background-heybee-primary-selected)",
|
|
1416
1440
|
"variable": "var(--colors-background-heybee-primary-selected)"
|
|
1417
1441
|
},
|
|
1442
|
+
"colors.background.neutralInverse.default": {
|
|
1443
|
+
"value": "var(--colors-background-neutral-inverse-default)",
|
|
1444
|
+
"variable": "var(--colors-background-neutral-inverse-default)"
|
|
1445
|
+
},
|
|
1446
|
+
"colors.background.neutralInverse.selected": {
|
|
1447
|
+
"value": "var(--colors-background-neutral-inverse-selected)",
|
|
1448
|
+
"variable": "var(--colors-background-neutral-inverse-selected)"
|
|
1449
|
+
},
|
|
1450
|
+
"colors.background.neutralInverse.disabled": {
|
|
1451
|
+
"value": "var(--colors-background-neutral-inverse-disabled)",
|
|
1452
|
+
"variable": "var(--colors-background-neutral-inverse-disabled)"
|
|
1453
|
+
},
|
|
1418
1454
|
"colors.surface.base": {
|
|
1419
1455
|
"value": "var(--colors-surface-base)",
|
|
1420
1456
|
"variable": "var(--colors-surface-base)"
|
|
@@ -1811,21 +1847,17 @@ const tokens = {
|
|
|
1811
1847
|
"value": "var(--colors-color-palette-zoltarina-primary-default)",
|
|
1812
1848
|
"variable": "var(--colors-color-palette-zoltarina-primary-default)"
|
|
1813
1849
|
},
|
|
1814
|
-
"colors.colorPalette.zoltarinaPrimary.
|
|
1815
|
-
"value": "var(--colors-color-palette-zoltarina-primary-
|
|
1816
|
-
"variable": "var(--colors-color-palette-zoltarina-primary-
|
|
1817
|
-
},
|
|
1818
|
-
"colors.colorPalette.defult_inverse": {
|
|
1819
|
-
"value": "var(--colors-color-palette-defult_inverse)",
|
|
1820
|
-
"variable": "var(--colors-color-palette-defult_inverse)"
|
|
1850
|
+
"colors.colorPalette.zoltarinaPrimary.default_inverse": {
|
|
1851
|
+
"value": "var(--colors-color-palette-zoltarina-primary-default_inverse)",
|
|
1852
|
+
"variable": "var(--colors-color-palette-zoltarina-primary-default_inverse)"
|
|
1821
1853
|
},
|
|
1822
1854
|
"colors.colorPalette.heydPrimary.default": {
|
|
1823
1855
|
"value": "var(--colors-color-palette-heyd-primary-default)",
|
|
1824
1856
|
"variable": "var(--colors-color-palette-heyd-primary-default)"
|
|
1825
1857
|
},
|
|
1826
|
-
"colors.colorPalette.heydPrimary.
|
|
1827
|
-
"value": "var(--colors-color-palette-heyd-primary-
|
|
1828
|
-
"variable": "var(--colors-color-palette-heyd-primary-
|
|
1858
|
+
"colors.colorPalette.heydPrimary.default_inverse": {
|
|
1859
|
+
"value": "var(--colors-color-palette-heyd-primary-default_inverse)",
|
|
1860
|
+
"variable": "var(--colors-color-palette-heyd-primary-default_inverse)"
|
|
1829
1861
|
},
|
|
1830
1862
|
"colors.colorPalette.static.white.bold": {
|
|
1831
1863
|
"value": "var(--colors-color-palette-static-white-bold)",
|
|
@@ -1915,6 +1947,30 @@ const tokens = {
|
|
|
1915
1947
|
"value": "var(--colors-color-palette-heybee-primary-default_inverse)",
|
|
1916
1948
|
"variable": "var(--colors-color-palette-heybee-primary-default_inverse)"
|
|
1917
1949
|
},
|
|
1950
|
+
"colors.colorPalette.neutralInverse.bold": {
|
|
1951
|
+
"value": "var(--colors-color-palette-neutral-inverse-bold)",
|
|
1952
|
+
"variable": "var(--colors-color-palette-neutral-inverse-bold)"
|
|
1953
|
+
},
|
|
1954
|
+
"colors.colorPalette.neutralInverse.default": {
|
|
1955
|
+
"value": "var(--colors-color-palette-neutral-inverse-default)",
|
|
1956
|
+
"variable": "var(--colors-color-palette-neutral-inverse-default)"
|
|
1957
|
+
},
|
|
1958
|
+
"colors.colorPalette.neutralInverse.subtle": {
|
|
1959
|
+
"value": "var(--colors-color-palette-neutral-inverse-subtle)",
|
|
1960
|
+
"variable": "var(--colors-color-palette-neutral-inverse-subtle)"
|
|
1961
|
+
},
|
|
1962
|
+
"colors.colorPalette.neutralInverse.subtlest": {
|
|
1963
|
+
"value": "var(--colors-color-palette-neutral-inverse-subtlest)",
|
|
1964
|
+
"variable": "var(--colors-color-palette-neutral-inverse-subtlest)"
|
|
1965
|
+
},
|
|
1966
|
+
"colors.colorPalette.neutralInverse.disabled": {
|
|
1967
|
+
"value": "var(--colors-color-palette-neutral-inverse-disabled)",
|
|
1968
|
+
"variable": "var(--colors-color-palette-neutral-inverse-disabled)"
|
|
1969
|
+
},
|
|
1970
|
+
"colors.colorPalette.neutralInverse.default_inverse": {
|
|
1971
|
+
"value": "var(--colors-color-palette-neutral-inverse-default_inverse)",
|
|
1972
|
+
"variable": "var(--colors-color-palette-neutral-inverse-default_inverse)"
|
|
1973
|
+
},
|
|
1918
1974
|
"colors.colorPalette.neutral.selected": {
|
|
1919
1975
|
"value": "var(--colors-color-palette-neutral-selected)",
|
|
1920
1976
|
"variable": "var(--colors-color-palette-neutral-selected)"
|
|
@@ -2043,6 +2099,10 @@ const tokens = {
|
|
|
2043
2099
|
"value": "var(--colors-color-palette-heybee-primary-selected)",
|
|
2044
2100
|
"variable": "var(--colors-color-palette-heybee-primary-selected)"
|
|
2045
2101
|
},
|
|
2102
|
+
"colors.colorPalette.neutralInverse.selected": {
|
|
2103
|
+
"value": "var(--colors-color-palette-neutral-inverse-selected)",
|
|
2104
|
+
"variable": "var(--colors-color-palette-neutral-inverse-selected)"
|
|
2105
|
+
},
|
|
2046
2106
|
"colors.colorPalette.base": {
|
|
2047
2107
|
"value": "var(--colors-color-palette-base)",
|
|
2048
2108
|
"variable": "var(--colors-color-palette-base)"
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/* eslint-disable */
|
|
2
|
-
export type Token = "animations.backdrop-in" | "animations.backdrop-out" | "animations.dialog-in" | "animations.dialog-out" | "animations.drawer-in-left" | "animations.drawer-out-left" | "animations.drawer-in-right" | "animations.drawer-out-right" | "animations.skeleton-pulse" | "animations.fade-in" | "animations.collapse-in" | "animations.collapse-out" | "animations.spin" | "blurs.sm" | "blurs.base" | "blurs.md" | "blurs.lg" | "blurs.xl" | "blurs.2xl" | "blurs.3xl" | "borders.none" | "durations.fastest" | "durations.faster" | "durations.fast" | "durations.normal" | "durations.slow" | "durations.slower" | "durations.slowest" | "easings.pulse" | "easings.default" | "easings.emphasized-in" | "easings.emphasized-out" | "sizes.0" | "sizes.1" | "sizes.2" | "sizes.3" | "sizes.4" | "sizes.5" | "sizes.6" | "sizes.7" | "sizes.8" | "sizes.9" | "sizes.10" | "sizes.11" | "sizes.12" | "sizes.14" | "sizes.16" | "sizes.20" | "sizes.24" | "sizes.28" | "sizes.32" | "sizes.36" | "sizes.40" | "sizes.44" | "sizes.48" | "sizes.52" | "sizes.56" | "sizes.60" | "sizes.64" | "sizes.72" | "sizes.80" | "sizes.96" | "sizes.0.5" | "sizes.1.5" | "sizes.2.5" | "sizes.3.5" | "sizes.4.5" | "sizes.2xs" | "sizes.xs" | "sizes.sm" | "sizes.md" | "sizes.lg" | "sizes.xl" | "sizes.2xl" | "sizes.3xl" | "sizes.4xl" | "sizes.5xl" | "sizes.6xl" | "sizes.7xl" | "sizes.8xl" | "sizes.full" | "sizes.min" | "sizes.max" | "sizes.fit" | "sizes.breakpoint-sm" | "sizes.breakpoint-md" | "sizes.breakpoint-lg" | "sizes.breakpoint-xl" | "sizes.breakpoint-2xl" | "zIndex.hide" | "zIndex.base" | "zIndex.docked" | "zIndex.dropdown" | "zIndex.sticky" | "zIndex.banner" | "zIndex.overlay" | "zIndex.modal" | "zIndex.popover" | "zIndex.skipLink" | "zIndex.toast" | "zIndex.tooltip" | "colors.neutral.0" | "colors.neutral.100" | "colors.neutral.200" | "colors.neutral.300" | "colors.neutral.400" | "colors.neutral.500" | "colors.neutral.600" | "colors.neutral.700" | "colors.neutral.800" | "colors.neutral.900" | "colors.neutral.1000" | "colors.neutral.1050" | "colors.neutral.1100" | "colors.neutral.1200" | "colors.black.700A" | "colors.black.600A" | "colors.black.500A" | "colors.black.400A" | "colors.black.300A" | "colors.black.200A" | "colors.black.100A" | "colors.white.700A" | "colors.white.600A" | "colors.white.500A" | "colors.white.400A" | "colors.white.300A" | "colors.white.200A" | "colors.white.100A" | "colors.red.100" | "colors.red.200" | "colors.red.300" | "colors.red.400" | "colors.red.500" | "colors.red.600" | "colors.red.700" | "colors.red.800" | "colors.red.900" | "colors.red.1000" | "colors.orange.100" | "colors.orange.200" | "colors.orange.300" | "colors.orange.400" | "colors.orange.500" | "colors.orange.600" | "colors.orange.700" | "colors.orange.800" | "colors.orange.900" | "colors.orange.1000" | "colors.blue.100" | "colors.blue.200" | "colors.blue.300" | "colors.blue.400" | "colors.blue.500" | "colors.blue.600" | "colors.blue.700" | "colors.blue.800" | "colors.blue.900" | "colors.blue.1000" | "colors.green.100" | "colors.green.200" | "colors.green.300" | "colors.green.400" | "colors.green.500" | "colors.green.600" | "colors.green.700" | "colors.green.800" | "colors.green.900" | "colors.green.1000" | "colors.purple.100" | "colors.purple.200" | "colors.purple.300" | "colors.purple.400" | "colors.purple.500" | "colors.purple.600" | "colors.purple.700" | "colors.purple.800" | "colors.purple.900" | "colors.purple.1000" | "colors.ohre.100" | "colors.ohre.200" | "colors.ohre.300" | "colors.ohre.400" | "colors.ohre.500" | "colors.ohre.600" | "colors.ohre.700" | "colors.ohre.800" | "colors.ohre.900" | "colors.ohre.1000" | "colors.cyan.100" | "colors.cyan.200" | "colors.cyan.300" | "colors.cyan.400" | "colors.cyan.500" | "colors.cyan.600" | "colors.cyan.700" | "colors.cyan.800" | "colors.cyan.900" | "colors.cyan.1000" | "colors.yellow.100" | "colors.yellow.200" | "colors.yellow.300" | "colors.yellow.400" | "colors.yellow.500" | "colors.yellow.600" | "colors.yellow.700" | "colors.yellow.800" | "colors.yellow.900" | "colors.yellow.1000" | "borderWidths.none" | "borderWidths.sm" | "borderWidths.md" | "borderWidths.lg" | "spacing.0" | "spacing.1" | "spacing.2" | "spacing.3" | "spacing.4" | "spacing.5" | "spacing.6" | "spacing.7" | "spacing.8" | "spacing.9" | "spacing.10" | "spacing.11" | "spacing.12" | "spacing.14" | "spacing.16" | "spacing.20" | "spacing.24" | "spacing.28" | "spacing.30" | "spacing.32" | "spacing.36" | "spacing.40" | "spacing.44" | "spacing.48" | "spacing.52" | "spacing.56" | "spacing.60" | "spacing.64" | "spacing.72" | "spacing.80" | "spacing.96" | "spacing.98" | "spacing.128" | "spacing.160" | "spacing.0.5" | "spacing.1.5" | "spacing.2.5" | "spacing.3.5" | "spacing.4.5" | "radii.none" | "radii.xs" | "radii.sm" | "radii.md" | "radii.lg" | "radii.full" | "fontSizes.xs" | "fontSizes.sm" | "fontSizes.md" | "fontSizes.lg" | "fontSizes.xl" | "fontSizes.2xl" | "fontSizes.3xl" | "fontSizes.4xl" | "letterSpacings.xs" | "letterSpacings.sm" | "letterSpacings.md" | "letterSpacings.lg" | "letterSpacings.xl" | "letterSpacings.2xl" | "letterSpacings.3xl" | "lineHeights.md" | "lineHeights.lg" | "lineHeights.xl" | "lineHeights.2xl" | "lineHeights.3xl" | "lineHeights.4xl" | "lineHeights.5xl" | "fontWeights.regular" | "fontWeights.medium" | "fontWeights.semibold" | "fontWeights.bold" | "fontWeights.regularItalic" | "fontWeights.mediumItalic" | "fonts.inter" | "fonts.notoSans" | "breakpoints.sm" | "breakpoints.md" | "breakpoints.lg" | "breakpoints.xl" | "breakpoints.2xl" | "colors.content.neutral.bold" | "colors.content.neutral.default" | "colors.content.neutral.subtle" | "colors.content.neutral.subtlest" | "colors.content.neutral.disabled" | "colors.content.neutral.default_inverse" | "colors.content.neuroidPrimary.default" | "colors.content.neuroidPrimary.default_inverse" | "colors.content.danger.default" | "colors.content.warning.default" | "colors.content.success.default" | "colors.content.informative.default" | "colors.content.zoltarinaPrimary.default" | "colors.content.zoltarinaPrimary.defult_inverse" | "colors.content.heydPrimary.default" | "colors.content.heydPrimary.defult_inverse" | "colors.content.static.white.bold" | "colors.content.static.white.default" | "colors.content.static.white.subtle" | "colors.content.static.white.subtlest" | "colors.content.static.white.disabled" | "colors.content.static.black.bold" | "colors.content.static.black.default" | "colors.content.static.black.subtle" | "colors.content.static.black.subtlest" | "colors.content.static.black.disabled" | "colors.content.heybeePrimary.default" | "colors.content.heybeePrimary.default_inverse" | "colors.background.neutral.default" | "colors.background.neutral.selected" | "colors.background.neutral.disabled" | "colors.background.neuroidPrimary.default" | "colors.background.neuroidPrimary.selected" | "colors.background.neuroidSecondary.default" | "colors.background.neuroidSecondary.selected" | "colors.background.danger.default" | "colors.background.danger.selected" | "colors.background.warning.default" | "colors.background.warning.selected" | "colors.background.success.default" | "colors.background.success.selected" | "colors.background.informative.default" | "colors.background.informative.selected" | "colors.background.zoltarinaPrimary.default" | "colors.background.zoltarinaPrimary.selected" | "colors.background.zoltarinaSecondary.default" | "colors.background.zoltarinaSecondary.selected" | "colors.background.heydPrimary.default" | "colors.background.heydPrimary.selected" | "colors.background.heydSecondary.default" | "colors.background.heydSecondary.selected" | "colors.background.static.whiteAlpha.bold" | "colors.background.static.whiteAlpha.default" | "colors.background.static.whiteAlpha.selected" | "colors.background.static.whiteAlpha.disabled" | "colors.background.static.blackAlpha.bold" | "colors.background.static.blackAlpha.default" | "colors.background.static.blackAlpha.selected" | "colors.background.static.blackAlpha.disabled" | "colors.background.heybeePrimary.default" | "colors.background.heybeePrimary.selected" | "colors.surface.base" | "colors.surface.layer_1" | "colors.surface.layer_2" | "colors.shadow.overlay" | "colors.shadow.raised" | "colors.scrim.default" | "colors.skeleton.default" | "colors.skeleton.subtle" | "colors.border.neutral.default" | "colors.border.neutral.subtle" | "colors.border.neutral.disabled" | "colors.border.neuroidPrimary.default" | "colors.border.danger.default" | "colors.border.warning.default" | "colors.border.success.default" | "colors.border.informative.default" | "colors.border.zoltarinaPrimary.default" | "colors.border.heydPrimary.default" | "colors.border.heybeePrimary.default" | "shadows.raised" | "shadows.overlay" | "spacing.-1" | "spacing.-2" | "spacing.-3" | "spacing.-4" | "spacing.-5" | "spacing.-6" | "spacing.-7" | "spacing.-8" | "spacing.-9" | "spacing.-10" | "spacing.-11" | "spacing.-12" | "spacing.-14" | "spacing.-16" | "spacing.-20" | "spacing.-24" | "spacing.-28" | "spacing.-30" | "spacing.-32" | "spacing.-36" | "spacing.-40" | "spacing.-44" | "spacing.-48" | "spacing.-52" | "spacing.-56" | "spacing.-60" | "spacing.-64" | "spacing.-72" | "spacing.-80" | "spacing.-96" | "spacing.-98" | "spacing.-128" | "spacing.-160" | "spacing.-0.5" | "spacing.-1.5" | "spacing.-2.5" | "spacing.-3.5" | "spacing.-4.5" | "colors.colorPalette.0" | "colors.colorPalette.100" | "colors.colorPalette.200" | "colors.colorPalette.300" | "colors.colorPalette.400" | "colors.colorPalette.500" | "colors.colorPalette.600" | "colors.colorPalette.700" | "colors.colorPalette.800" | "colors.colorPalette.900" | "colors.colorPalette.1000" | "colors.colorPalette.1050" | "colors.colorPalette.1100" | "colors.colorPalette.1200" | "colors.colorPalette.700A" | "colors.colorPalette.600A" | "colors.colorPalette.500A" | "colors.colorPalette.400A" | "colors.colorPalette.300A" | "colors.colorPalette.200A" | "colors.colorPalette.100A" | "colors.colorPalette.neutral.bold" | "colors.colorPalette.bold" | "colors.colorPalette.neutral.default" | "colors.colorPalette.default" | "colors.colorPalette.neutral.subtle" | "colors.colorPalette.subtle" | "colors.colorPalette.neutral.subtlest" | "colors.colorPalette.subtlest" | "colors.colorPalette.neutral.disabled" | "colors.colorPalette.disabled" | "colors.colorPalette.neutral.default_inverse" | "colors.colorPalette.default_inverse" | "colors.colorPalette.neuroidPrimary.default" | "colors.colorPalette.neuroidPrimary.default_inverse" | "colors.colorPalette.danger.default" | "colors.colorPalette.warning.default" | "colors.colorPalette.success.default" | "colors.colorPalette.informative.default" | "colors.colorPalette.zoltarinaPrimary.default" | "colors.colorPalette.zoltarinaPrimary.defult_inverse" | "colors.colorPalette.defult_inverse" | "colors.colorPalette.heydPrimary.default" | "colors.colorPalette.heydPrimary.defult_inverse" | "colors.colorPalette.static.white.bold" | "colors.colorPalette.white.bold" | "colors.colorPalette.static.white.default" | "colors.colorPalette.white.default" | "colors.colorPalette.static.white.subtle" | "colors.colorPalette.white.subtle" | "colors.colorPalette.static.white.subtlest" | "colors.colorPalette.white.subtlest" | "colors.colorPalette.static.white.disabled" | "colors.colorPalette.white.disabled" | "colors.colorPalette.static.black.bold" | "colors.colorPalette.black.bold" | "colors.colorPalette.static.black.default" | "colors.colorPalette.black.default" | "colors.colorPalette.static.black.subtle" | "colors.colorPalette.black.subtle" | "colors.colorPalette.static.black.subtlest" | "colors.colorPalette.black.subtlest" | "colors.colorPalette.static.black.disabled" | "colors.colorPalette.black.disabled" | "colors.colorPalette.heybeePrimary.default" | "colors.colorPalette.heybeePrimary.default_inverse" | "colors.colorPalette.neutral.selected" | "colors.colorPalette.selected" | "colors.colorPalette.neuroidPrimary.selected" | "colors.colorPalette.neuroidSecondary.default" | "colors.colorPalette.neuroidSecondary.selected" | "colors.colorPalette.danger.selected" | "colors.colorPalette.warning.selected" | "colors.colorPalette.success.selected" | "colors.colorPalette.informative.selected" | "colors.colorPalette.zoltarinaPrimary.selected" | "colors.colorPalette.zoltarinaSecondary.default" | "colors.colorPalette.zoltarinaSecondary.selected" | "colors.colorPalette.heydPrimary.selected" | "colors.colorPalette.heydSecondary.default" | "colors.colorPalette.heydSecondary.selected" | "colors.colorPalette.static.whiteAlpha.bold" | "colors.colorPalette.whiteAlpha.bold" | "colors.colorPalette.static.whiteAlpha.default" | "colors.colorPalette.whiteAlpha.default" | "colors.colorPalette.static.whiteAlpha.selected" | "colors.colorPalette.whiteAlpha.selected" | "colors.colorPalette.static.whiteAlpha.disabled" | "colors.colorPalette.whiteAlpha.disabled" | "colors.colorPalette.static.blackAlpha.bold" | "colors.colorPalette.blackAlpha.bold" | "colors.colorPalette.static.blackAlpha.default" | "colors.colorPalette.blackAlpha.default" | "colors.colorPalette.static.blackAlpha.selected" | "colors.colorPalette.blackAlpha.selected" | "colors.colorPalette.static.blackAlpha.disabled" | "colors.colorPalette.blackAlpha.disabled" | "colors.colorPalette.heybeePrimary.selected" | "colors.colorPalette.base" | "colors.colorPalette.layer_1" | "colors.colorPalette.layer_2" | "colors.colorPalette.overlay" | "colors.colorPalette.raised"
|
|
2
|
+
export type Token = "animations.backdrop-in" | "animations.backdrop-out" | "animations.dialog-in" | "animations.dialog-out" | "animations.drawer-in-left" | "animations.drawer-out-left" | "animations.drawer-in-right" | "animations.drawer-out-right" | "animations.skeleton-pulse" | "animations.fade-in" | "animations.collapse-in" | "animations.collapse-out" | "animations.spin" | "blurs.sm" | "blurs.base" | "blurs.md" | "blurs.lg" | "blurs.xl" | "blurs.2xl" | "blurs.3xl" | "borders.none" | "durations.fastest" | "durations.faster" | "durations.fast" | "durations.normal" | "durations.slow" | "durations.slower" | "durations.slowest" | "easings.pulse" | "easings.default" | "easings.emphasized-in" | "easings.emphasized-out" | "sizes.0" | "sizes.1" | "sizes.2" | "sizes.3" | "sizes.4" | "sizes.5" | "sizes.6" | "sizes.7" | "sizes.8" | "sizes.9" | "sizes.10" | "sizes.11" | "sizes.12" | "sizes.14" | "sizes.16" | "sizes.20" | "sizes.24" | "sizes.28" | "sizes.32" | "sizes.36" | "sizes.40" | "sizes.44" | "sizes.48" | "sizes.52" | "sizes.56" | "sizes.60" | "sizes.64" | "sizes.72" | "sizes.80" | "sizes.96" | "sizes.0.5" | "sizes.1.5" | "sizes.2.5" | "sizes.3.5" | "sizes.4.5" | "sizes.2xs" | "sizes.xs" | "sizes.sm" | "sizes.md" | "sizes.lg" | "sizes.xl" | "sizes.2xl" | "sizes.3xl" | "sizes.4xl" | "sizes.5xl" | "sizes.6xl" | "sizes.7xl" | "sizes.8xl" | "sizes.full" | "sizes.min" | "sizes.max" | "sizes.fit" | "sizes.breakpoint-sm" | "sizes.breakpoint-md" | "sizes.breakpoint-lg" | "sizes.breakpoint-xl" | "sizes.breakpoint-2xl" | "zIndex.hide" | "zIndex.base" | "zIndex.docked" | "zIndex.dropdown" | "zIndex.sticky" | "zIndex.banner" | "zIndex.overlay" | "zIndex.modal" | "zIndex.popover" | "zIndex.skipLink" | "zIndex.toast" | "zIndex.tooltip" | "colors.neutral.0" | "colors.neutral.100" | "colors.neutral.200" | "colors.neutral.300" | "colors.neutral.400" | "colors.neutral.500" | "colors.neutral.600" | "colors.neutral.700" | "colors.neutral.800" | "colors.neutral.900" | "colors.neutral.1000" | "colors.neutral.1050" | "colors.neutral.1100" | "colors.neutral.1200" | "colors.black.700A" | "colors.black.600A" | "colors.black.500A" | "colors.black.400A" | "colors.black.300A" | "colors.black.200A" | "colors.black.100A" | "colors.white.700A" | "colors.white.600A" | "colors.white.500A" | "colors.white.400A" | "colors.white.300A" | "colors.white.200A" | "colors.white.100A" | "colors.red.100" | "colors.red.200" | "colors.red.300" | "colors.red.400" | "colors.red.500" | "colors.red.600" | "colors.red.700" | "colors.red.800" | "colors.red.900" | "colors.red.1000" | "colors.orange.100" | "colors.orange.200" | "colors.orange.300" | "colors.orange.400" | "colors.orange.500" | "colors.orange.600" | "colors.orange.700" | "colors.orange.800" | "colors.orange.900" | "colors.orange.1000" | "colors.blue.100" | "colors.blue.200" | "colors.blue.300" | "colors.blue.400" | "colors.blue.500" | "colors.blue.600" | "colors.blue.700" | "colors.blue.800" | "colors.blue.900" | "colors.blue.1000" | "colors.green.100" | "colors.green.200" | "colors.green.300" | "colors.green.400" | "colors.green.500" | "colors.green.600" | "colors.green.700" | "colors.green.800" | "colors.green.900" | "colors.green.1000" | "colors.purple.100" | "colors.purple.200" | "colors.purple.300" | "colors.purple.400" | "colors.purple.500" | "colors.purple.600" | "colors.purple.700" | "colors.purple.800" | "colors.purple.900" | "colors.purple.1000" | "colors.ohre.100" | "colors.ohre.200" | "colors.ohre.300" | "colors.ohre.400" | "colors.ohre.500" | "colors.ohre.600" | "colors.ohre.700" | "colors.ohre.800" | "colors.ohre.900" | "colors.ohre.1000" | "colors.cyan.100" | "colors.cyan.200" | "colors.cyan.300" | "colors.cyan.400" | "colors.cyan.500" | "colors.cyan.600" | "colors.cyan.700" | "colors.cyan.800" | "colors.cyan.900" | "colors.cyan.1000" | "colors.yellow.100" | "colors.yellow.200" | "colors.yellow.300" | "colors.yellow.400" | "colors.yellow.500" | "colors.yellow.600" | "colors.yellow.700" | "colors.yellow.800" | "colors.yellow.900" | "colors.yellow.1000" | "borderWidths.none" | "borderWidths.sm" | "borderWidths.md" | "borderWidths.lg" | "spacing.0" | "spacing.1" | "spacing.2" | "spacing.3" | "spacing.4" | "spacing.5" | "spacing.6" | "spacing.7" | "spacing.8" | "spacing.9" | "spacing.10" | "spacing.11" | "spacing.12" | "spacing.14" | "spacing.16" | "spacing.20" | "spacing.24" | "spacing.28" | "spacing.30" | "spacing.32" | "spacing.36" | "spacing.40" | "spacing.44" | "spacing.48" | "spacing.52" | "spacing.56" | "spacing.60" | "spacing.64" | "spacing.72" | "spacing.80" | "spacing.96" | "spacing.98" | "spacing.128" | "spacing.160" | "spacing.0.5" | "spacing.1.5" | "spacing.2.5" | "spacing.3.5" | "spacing.4.5" | "radii.none" | "radii.xs" | "radii.sm" | "radii.md" | "radii.lg" | "radii.full" | "fontSizes.xs" | "fontSizes.sm" | "fontSizes.md" | "fontSizes.lg" | "fontSizes.xl" | "fontSizes.2xl" | "fontSizes.3xl" | "fontSizes.4xl" | "letterSpacings.xs" | "letterSpacings.sm" | "letterSpacings.md" | "letterSpacings.lg" | "letterSpacings.xl" | "letterSpacings.2xl" | "letterSpacings.3xl" | "lineHeights.md" | "lineHeights.lg" | "lineHeights.xl" | "lineHeights.2xl" | "lineHeights.3xl" | "lineHeights.4xl" | "lineHeights.5xl" | "fontWeights.regular" | "fontWeights.medium" | "fontWeights.semibold" | "fontWeights.bold" | "fontWeights.regularItalic" | "fontWeights.mediumItalic" | "fonts.inter" | "fonts.notoSans" | "breakpoints.sm" | "breakpoints.md" | "breakpoints.lg" | "breakpoints.xl" | "breakpoints.2xl" | "colors.content.neutral.bold" | "colors.content.neutral.default" | "colors.content.neutral.subtle" | "colors.content.neutral.subtlest" | "colors.content.neutral.disabled" | "colors.content.neutral.default_inverse" | "colors.content.neuroidPrimary.default" | "colors.content.neuroidPrimary.default_inverse" | "colors.content.danger.default" | "colors.content.warning.default" | "colors.content.success.default" | "colors.content.informative.default" | "colors.content.zoltarinaPrimary.default" | "colors.content.zoltarinaPrimary.default_inverse" | "colors.content.heydPrimary.default" | "colors.content.heydPrimary.default_inverse" | "colors.content.static.white.bold" | "colors.content.static.white.default" | "colors.content.static.white.subtle" | "colors.content.static.white.subtlest" | "colors.content.static.white.disabled" | "colors.content.static.black.bold" | "colors.content.static.black.default" | "colors.content.static.black.subtle" | "colors.content.static.black.subtlest" | "colors.content.static.black.disabled" | "colors.content.heybeePrimary.default" | "colors.content.heybeePrimary.default_inverse" | "colors.content.neutralInverse.bold" | "colors.content.neutralInverse.default" | "colors.content.neutralInverse.subtle" | "colors.content.neutralInverse.subtlest" | "colors.content.neutralInverse.disabled" | "colors.content.neutralInverse.default_inverse" | "colors.background.neutral.default" | "colors.background.neutral.selected" | "colors.background.neutral.disabled" | "colors.background.neuroidPrimary.default" | "colors.background.neuroidPrimary.selected" | "colors.background.neuroidSecondary.default" | "colors.background.neuroidSecondary.selected" | "colors.background.danger.default" | "colors.background.danger.selected" | "colors.background.warning.default" | "colors.background.warning.selected" | "colors.background.success.default" | "colors.background.success.selected" | "colors.background.informative.default" | "colors.background.informative.selected" | "colors.background.zoltarinaPrimary.default" | "colors.background.zoltarinaPrimary.selected" | "colors.background.zoltarinaSecondary.default" | "colors.background.zoltarinaSecondary.selected" | "colors.background.heydPrimary.default" | "colors.background.heydPrimary.selected" | "colors.background.heydSecondary.default" | "colors.background.heydSecondary.selected" | "colors.background.static.whiteAlpha.bold" | "colors.background.static.whiteAlpha.default" | "colors.background.static.whiteAlpha.selected" | "colors.background.static.whiteAlpha.disabled" | "colors.background.static.blackAlpha.bold" | "colors.background.static.blackAlpha.default" | "colors.background.static.blackAlpha.selected" | "colors.background.static.blackAlpha.disabled" | "colors.background.heybeePrimary.default" | "colors.background.heybeePrimary.selected" | "colors.background.neutralInverse.default" | "colors.background.neutralInverse.selected" | "colors.background.neutralInverse.disabled" | "colors.surface.base" | "colors.surface.layer_1" | "colors.surface.layer_2" | "colors.shadow.overlay" | "colors.shadow.raised" | "colors.scrim.default" | "colors.skeleton.default" | "colors.skeleton.subtle" | "colors.border.neutral.default" | "colors.border.neutral.subtle" | "colors.border.neutral.disabled" | "colors.border.neuroidPrimary.default" | "colors.border.danger.default" | "colors.border.warning.default" | "colors.border.success.default" | "colors.border.informative.default" | "colors.border.zoltarinaPrimary.default" | "colors.border.heydPrimary.default" | "colors.border.heybeePrimary.default" | "shadows.raised" | "shadows.overlay" | "spacing.-1" | "spacing.-2" | "spacing.-3" | "spacing.-4" | "spacing.-5" | "spacing.-6" | "spacing.-7" | "spacing.-8" | "spacing.-9" | "spacing.-10" | "spacing.-11" | "spacing.-12" | "spacing.-14" | "spacing.-16" | "spacing.-20" | "spacing.-24" | "spacing.-28" | "spacing.-30" | "spacing.-32" | "spacing.-36" | "spacing.-40" | "spacing.-44" | "spacing.-48" | "spacing.-52" | "spacing.-56" | "spacing.-60" | "spacing.-64" | "spacing.-72" | "spacing.-80" | "spacing.-96" | "spacing.-98" | "spacing.-128" | "spacing.-160" | "spacing.-0.5" | "spacing.-1.5" | "spacing.-2.5" | "spacing.-3.5" | "spacing.-4.5" | "colors.colorPalette.0" | "colors.colorPalette.100" | "colors.colorPalette.200" | "colors.colorPalette.300" | "colors.colorPalette.400" | "colors.colorPalette.500" | "colors.colorPalette.600" | "colors.colorPalette.700" | "colors.colorPalette.800" | "colors.colorPalette.900" | "colors.colorPalette.1000" | "colors.colorPalette.1050" | "colors.colorPalette.1100" | "colors.colorPalette.1200" | "colors.colorPalette.700A" | "colors.colorPalette.600A" | "colors.colorPalette.500A" | "colors.colorPalette.400A" | "colors.colorPalette.300A" | "colors.colorPalette.200A" | "colors.colorPalette.100A" | "colors.colorPalette.neutral.bold" | "colors.colorPalette.bold" | "colors.colorPalette.neutral.default" | "colors.colorPalette.default" | "colors.colorPalette.neutral.subtle" | "colors.colorPalette.subtle" | "colors.colorPalette.neutral.subtlest" | "colors.colorPalette.subtlest" | "colors.colorPalette.neutral.disabled" | "colors.colorPalette.disabled" | "colors.colorPalette.neutral.default_inverse" | "colors.colorPalette.default_inverse" | "colors.colorPalette.neuroidPrimary.default" | "colors.colorPalette.neuroidPrimary.default_inverse" | "colors.colorPalette.danger.default" | "colors.colorPalette.warning.default" | "colors.colorPalette.success.default" | "colors.colorPalette.informative.default" | "colors.colorPalette.zoltarinaPrimary.default" | "colors.colorPalette.zoltarinaPrimary.default_inverse" | "colors.colorPalette.heydPrimary.default" | "colors.colorPalette.heydPrimary.default_inverse" | "colors.colorPalette.static.white.bold" | "colors.colorPalette.white.bold" | "colors.colorPalette.static.white.default" | "colors.colorPalette.white.default" | "colors.colorPalette.static.white.subtle" | "colors.colorPalette.white.subtle" | "colors.colorPalette.static.white.subtlest" | "colors.colorPalette.white.subtlest" | "colors.colorPalette.static.white.disabled" | "colors.colorPalette.white.disabled" | "colors.colorPalette.static.black.bold" | "colors.colorPalette.black.bold" | "colors.colorPalette.static.black.default" | "colors.colorPalette.black.default" | "colors.colorPalette.static.black.subtle" | "colors.colorPalette.black.subtle" | "colors.colorPalette.static.black.subtlest" | "colors.colorPalette.black.subtlest" | "colors.colorPalette.static.black.disabled" | "colors.colorPalette.black.disabled" | "colors.colorPalette.heybeePrimary.default" | "colors.colorPalette.heybeePrimary.default_inverse" | "colors.colorPalette.neutralInverse.bold" | "colors.colorPalette.neutralInverse.default" | "colors.colorPalette.neutralInverse.subtle" | "colors.colorPalette.neutralInverse.subtlest" | "colors.colorPalette.neutralInverse.disabled" | "colors.colorPalette.neutralInverse.default_inverse" | "colors.colorPalette.neutral.selected" | "colors.colorPalette.selected" | "colors.colorPalette.neuroidPrimary.selected" | "colors.colorPalette.neuroidSecondary.default" | "colors.colorPalette.neuroidSecondary.selected" | "colors.colorPalette.danger.selected" | "colors.colorPalette.warning.selected" | "colors.colorPalette.success.selected" | "colors.colorPalette.informative.selected" | "colors.colorPalette.zoltarinaPrimary.selected" | "colors.colorPalette.zoltarinaSecondary.default" | "colors.colorPalette.zoltarinaSecondary.selected" | "colors.colorPalette.heydPrimary.selected" | "colors.colorPalette.heydSecondary.default" | "colors.colorPalette.heydSecondary.selected" | "colors.colorPalette.static.whiteAlpha.bold" | "colors.colorPalette.whiteAlpha.bold" | "colors.colorPalette.static.whiteAlpha.default" | "colors.colorPalette.whiteAlpha.default" | "colors.colorPalette.static.whiteAlpha.selected" | "colors.colorPalette.whiteAlpha.selected" | "colors.colorPalette.static.whiteAlpha.disabled" | "colors.colorPalette.whiteAlpha.disabled" | "colors.colorPalette.static.blackAlpha.bold" | "colors.colorPalette.blackAlpha.bold" | "colors.colorPalette.static.blackAlpha.default" | "colors.colorPalette.blackAlpha.default" | "colors.colorPalette.static.blackAlpha.selected" | "colors.colorPalette.blackAlpha.selected" | "colors.colorPalette.static.blackAlpha.disabled" | "colors.colorPalette.blackAlpha.disabled" | "colors.colorPalette.heybeePrimary.selected" | "colors.colorPalette.neutralInverse.selected" | "colors.colorPalette.base" | "colors.colorPalette.layer_1" | "colors.colorPalette.layer_2" | "colors.colorPalette.overlay" | "colors.colorPalette.raised"
|
|
3
3
|
|
|
4
|
-
export type ColorPalette = "neutral" | "black" | "white" | "red" | "orange" | "blue" | "green" | "purple" | "ohre" | "cyan" | "yellow" | "content" | "content.neutral" | "content.neuroidPrimary" | "content.danger" | "content.warning" | "content.success" | "content.informative" | "content.zoltarinaPrimary" | "content.heydPrimary" | "content.static" | "content.static.white" | "content.static.black" | "content.heybeePrimary" | "background" | "background.neutral" | "background.neuroidPrimary" | "background.neuroidSecondary" | "background.danger" | "background.warning" | "background.success" | "background.informative" | "background.zoltarinaPrimary" | "background.zoltarinaSecondary" | "background.heydPrimary" | "background.heydSecondary" | "background.static" | "background.static.whiteAlpha" | "background.static.blackAlpha" | "background.heybeePrimary" | "surface" | "shadow" | "scrim" | "skeleton" | "border" | "border.neutral" | "border.neuroidPrimary" | "border.danger" | "border.warning" | "border.success" | "border.informative" | "border.zoltarinaPrimary" | "border.heydPrimary" | "border.heybeePrimary"
|
|
4
|
+
export type ColorPalette = "neutral" | "black" | "white" | "red" | "orange" | "blue" | "green" | "purple" | "ohre" | "cyan" | "yellow" | "content" | "content.neutral" | "content.neuroidPrimary" | "content.danger" | "content.warning" | "content.success" | "content.informative" | "content.zoltarinaPrimary" | "content.heydPrimary" | "content.static" | "content.static.white" | "content.static.black" | "content.heybeePrimary" | "content.neutralInverse" | "background" | "background.neutral" | "background.neuroidPrimary" | "background.neuroidSecondary" | "background.danger" | "background.warning" | "background.success" | "background.informative" | "background.zoltarinaPrimary" | "background.zoltarinaSecondary" | "background.heydPrimary" | "background.heydSecondary" | "background.static" | "background.static.whiteAlpha" | "background.static.blackAlpha" | "background.heybeePrimary" | "background.neutralInverse" | "surface" | "shadow" | "scrim" | "skeleton" | "border" | "border.neutral" | "border.neuroidPrimary" | "border.danger" | "border.warning" | "border.success" | "border.informative" | "border.zoltarinaPrimary" | "border.heydPrimary" | "border.heybeePrimary"
|
|
5
5
|
|
|
6
6
|
export type AnimationToken = "backdrop-in" | "backdrop-out" | "dialog-in" | "dialog-out" | "drawer-in-left" | "drawer-out-left" | "drawer-in-right" | "drawer-out-right" | "skeleton-pulse" | "fade-in" | "collapse-in" | "collapse-out" | "spin"
|
|
7
7
|
|
|
@@ -17,7 +17,7 @@ export type SizeToken = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9
|
|
|
17
17
|
|
|
18
18
|
export type ZIndexToken = "hide" | "base" | "docked" | "dropdown" | "sticky" | "banner" | "overlay" | "modal" | "popover" | "skipLink" | "toast" | "tooltip"
|
|
19
19
|
|
|
20
|
-
export type ColorToken = "neutral.0" | "neutral.100" | "neutral.200" | "neutral.300" | "neutral.400" | "neutral.500" | "neutral.600" | "neutral.700" | "neutral.800" | "neutral.900" | "neutral.1000" | "neutral.1050" | "neutral.1100" | "neutral.1200" | "black.700A" | "black.600A" | "black.500A" | "black.400A" | "black.300A" | "black.200A" | "black.100A" | "white.700A" | "white.600A" | "white.500A" | "white.400A" | "white.300A" | "white.200A" | "white.100A" | "red.100" | "red.200" | "red.300" | "red.400" | "red.500" | "red.600" | "red.700" | "red.800" | "red.900" | "red.1000" | "orange.100" | "orange.200" | "orange.300" | "orange.400" | "orange.500" | "orange.600" | "orange.700" | "orange.800" | "orange.900" | "orange.1000" | "blue.100" | "blue.200" | "blue.300" | "blue.400" | "blue.500" | "blue.600" | "blue.700" | "blue.800" | "blue.900" | "blue.1000" | "green.100" | "green.200" | "green.300" | "green.400" | "green.500" | "green.600" | "green.700" | "green.800" | "green.900" | "green.1000" | "purple.100" | "purple.200" | "purple.300" | "purple.400" | "purple.500" | "purple.600" | "purple.700" | "purple.800" | "purple.900" | "purple.1000" | "ohre.100" | "ohre.200" | "ohre.300" | "ohre.400" | "ohre.500" | "ohre.600" | "ohre.700" | "ohre.800" | "ohre.900" | "ohre.1000" | "cyan.100" | "cyan.200" | "cyan.300" | "cyan.400" | "cyan.500" | "cyan.600" | "cyan.700" | "cyan.800" | "cyan.900" | "cyan.1000" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.500" | "yellow.600" | "yellow.700" | "yellow.800" | "yellow.900" | "yellow.1000" | "content.neutral.bold" | "content.neutral.default" | "content.neutral.subtle" | "content.neutral.subtlest" | "content.neutral.disabled" | "content.neutral.default_inverse" | "content.neuroidPrimary.default" | "content.neuroidPrimary.default_inverse" | "content.danger.default" | "content.warning.default" | "content.success.default" | "content.informative.default" | "content.zoltarinaPrimary.default" | "content.zoltarinaPrimary.
|
|
20
|
+
export type ColorToken = "neutral.0" | "neutral.100" | "neutral.200" | "neutral.300" | "neutral.400" | "neutral.500" | "neutral.600" | "neutral.700" | "neutral.800" | "neutral.900" | "neutral.1000" | "neutral.1050" | "neutral.1100" | "neutral.1200" | "black.700A" | "black.600A" | "black.500A" | "black.400A" | "black.300A" | "black.200A" | "black.100A" | "white.700A" | "white.600A" | "white.500A" | "white.400A" | "white.300A" | "white.200A" | "white.100A" | "red.100" | "red.200" | "red.300" | "red.400" | "red.500" | "red.600" | "red.700" | "red.800" | "red.900" | "red.1000" | "orange.100" | "orange.200" | "orange.300" | "orange.400" | "orange.500" | "orange.600" | "orange.700" | "orange.800" | "orange.900" | "orange.1000" | "blue.100" | "blue.200" | "blue.300" | "blue.400" | "blue.500" | "blue.600" | "blue.700" | "blue.800" | "blue.900" | "blue.1000" | "green.100" | "green.200" | "green.300" | "green.400" | "green.500" | "green.600" | "green.700" | "green.800" | "green.900" | "green.1000" | "purple.100" | "purple.200" | "purple.300" | "purple.400" | "purple.500" | "purple.600" | "purple.700" | "purple.800" | "purple.900" | "purple.1000" | "ohre.100" | "ohre.200" | "ohre.300" | "ohre.400" | "ohre.500" | "ohre.600" | "ohre.700" | "ohre.800" | "ohre.900" | "ohre.1000" | "cyan.100" | "cyan.200" | "cyan.300" | "cyan.400" | "cyan.500" | "cyan.600" | "cyan.700" | "cyan.800" | "cyan.900" | "cyan.1000" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.500" | "yellow.600" | "yellow.700" | "yellow.800" | "yellow.900" | "yellow.1000" | "content.neutral.bold" | "content.neutral.default" | "content.neutral.subtle" | "content.neutral.subtlest" | "content.neutral.disabled" | "content.neutral.default_inverse" | "content.neuroidPrimary.default" | "content.neuroidPrimary.default_inverse" | "content.danger.default" | "content.warning.default" | "content.success.default" | "content.informative.default" | "content.zoltarinaPrimary.default" | "content.zoltarinaPrimary.default_inverse" | "content.heydPrimary.default" | "content.heydPrimary.default_inverse" | "content.static.white.bold" | "content.static.white.default" | "content.static.white.subtle" | "content.static.white.subtlest" | "content.static.white.disabled" | "content.static.black.bold" | "content.static.black.default" | "content.static.black.subtle" | "content.static.black.subtlest" | "content.static.black.disabled" | "content.heybeePrimary.default" | "content.heybeePrimary.default_inverse" | "content.neutralInverse.bold" | "content.neutralInverse.default" | "content.neutralInverse.subtle" | "content.neutralInverse.subtlest" | "content.neutralInverse.disabled" | "content.neutralInverse.default_inverse" | "background.neutral.default" | "background.neutral.selected" | "background.neutral.disabled" | "background.neuroidPrimary.default" | "background.neuroidPrimary.selected" | "background.neuroidSecondary.default" | "background.neuroidSecondary.selected" | "background.danger.default" | "background.danger.selected" | "background.warning.default" | "background.warning.selected" | "background.success.default" | "background.success.selected" | "background.informative.default" | "background.informative.selected" | "background.zoltarinaPrimary.default" | "background.zoltarinaPrimary.selected" | "background.zoltarinaSecondary.default" | "background.zoltarinaSecondary.selected" | "background.heydPrimary.default" | "background.heydPrimary.selected" | "background.heydSecondary.default" | "background.heydSecondary.selected" | "background.static.whiteAlpha.bold" | "background.static.whiteAlpha.default" | "background.static.whiteAlpha.selected" | "background.static.whiteAlpha.disabled" | "background.static.blackAlpha.bold" | "background.static.blackAlpha.default" | "background.static.blackAlpha.selected" | "background.static.blackAlpha.disabled" | "background.heybeePrimary.default" | "background.heybeePrimary.selected" | "background.neutralInverse.default" | "background.neutralInverse.selected" | "background.neutralInverse.disabled" | "surface.base" | "surface.layer_1" | "surface.layer_2" | "shadow.overlay" | "shadow.raised" | "scrim.default" | "skeleton.default" | "skeleton.subtle" | "border.neutral.default" | "border.neutral.subtle" | "border.neutral.disabled" | "border.neuroidPrimary.default" | "border.danger.default" | "border.warning.default" | "border.success.default" | "border.informative.default" | "border.zoltarinaPrimary.default" | "border.heydPrimary.default" | "border.heybeePrimary.default" | "colorPalette.0" | "colorPalette.100" | "colorPalette.200" | "colorPalette.300" | "colorPalette.400" | "colorPalette.500" | "colorPalette.600" | "colorPalette.700" | "colorPalette.800" | "colorPalette.900" | "colorPalette.1000" | "colorPalette.1050" | "colorPalette.1100" | "colorPalette.1200" | "colorPalette.700A" | "colorPalette.600A" | "colorPalette.500A" | "colorPalette.400A" | "colorPalette.300A" | "colorPalette.200A" | "colorPalette.100A" | "colorPalette.neutral.bold" | "colorPalette.bold" | "colorPalette.neutral.default" | "colorPalette.default" | "colorPalette.neutral.subtle" | "colorPalette.subtle" | "colorPalette.neutral.subtlest" | "colorPalette.subtlest" | "colorPalette.neutral.disabled" | "colorPalette.disabled" | "colorPalette.neutral.default_inverse" | "colorPalette.default_inverse" | "colorPalette.neuroidPrimary.default" | "colorPalette.neuroidPrimary.default_inverse" | "colorPalette.danger.default" | "colorPalette.warning.default" | "colorPalette.success.default" | "colorPalette.informative.default" | "colorPalette.zoltarinaPrimary.default" | "colorPalette.zoltarinaPrimary.default_inverse" | "colorPalette.heydPrimary.default" | "colorPalette.heydPrimary.default_inverse" | "colorPalette.static.white.bold" | "colorPalette.white.bold" | "colorPalette.static.white.default" | "colorPalette.white.default" | "colorPalette.static.white.subtle" | "colorPalette.white.subtle" | "colorPalette.static.white.subtlest" | "colorPalette.white.subtlest" | "colorPalette.static.white.disabled" | "colorPalette.white.disabled" | "colorPalette.static.black.bold" | "colorPalette.black.bold" | "colorPalette.static.black.default" | "colorPalette.black.default" | "colorPalette.static.black.subtle" | "colorPalette.black.subtle" | "colorPalette.static.black.subtlest" | "colorPalette.black.subtlest" | "colorPalette.static.black.disabled" | "colorPalette.black.disabled" | "colorPalette.heybeePrimary.default" | "colorPalette.heybeePrimary.default_inverse" | "colorPalette.neutralInverse.bold" | "colorPalette.neutralInverse.default" | "colorPalette.neutralInverse.subtle" | "colorPalette.neutralInverse.subtlest" | "colorPalette.neutralInverse.disabled" | "colorPalette.neutralInverse.default_inverse" | "colorPalette.neutral.selected" | "colorPalette.selected" | "colorPalette.neuroidPrimary.selected" | "colorPalette.neuroidSecondary.default" | "colorPalette.neuroidSecondary.selected" | "colorPalette.danger.selected" | "colorPalette.warning.selected" | "colorPalette.success.selected" | "colorPalette.informative.selected" | "colorPalette.zoltarinaPrimary.selected" | "colorPalette.zoltarinaSecondary.default" | "colorPalette.zoltarinaSecondary.selected" | "colorPalette.heydPrimary.selected" | "colorPalette.heydSecondary.default" | "colorPalette.heydSecondary.selected" | "colorPalette.static.whiteAlpha.bold" | "colorPalette.whiteAlpha.bold" | "colorPalette.static.whiteAlpha.default" | "colorPalette.whiteAlpha.default" | "colorPalette.static.whiteAlpha.selected" | "colorPalette.whiteAlpha.selected" | "colorPalette.static.whiteAlpha.disabled" | "colorPalette.whiteAlpha.disabled" | "colorPalette.static.blackAlpha.bold" | "colorPalette.blackAlpha.bold" | "colorPalette.static.blackAlpha.default" | "colorPalette.blackAlpha.default" | "colorPalette.static.blackAlpha.selected" | "colorPalette.blackAlpha.selected" | "colorPalette.static.blackAlpha.disabled" | "colorPalette.blackAlpha.disabled" | "colorPalette.heybeePrimary.selected" | "colorPalette.neutralInverse.selected" | "colorPalette.base" | "colorPalette.layer_1" | "colorPalette.layer_2" | "colorPalette.overlay" | "colorPalette.raised"
|
|
21
21
|
|
|
22
22
|
export type BorderWidthToken = "none" | "sm" | "md" | "lg"
|
|
23
23
|
|
|
@@ -207,7 +207,7 @@ export interface UtilityValues {
|
|
|
207
207
|
srOnly: boolean;
|
|
208
208
|
debug: boolean;
|
|
209
209
|
containerName: CssProperties["containerName"];
|
|
210
|
-
colorPalette: "neutral" | "black" | "white" | "red" | "orange" | "blue" | "green" | "purple" | "ohre" | "cyan" | "yellow" | "content" | "content.neutral" | "content.neuroidPrimary" | "content.danger" | "content.warning" | "content.success" | "content.informative" | "content.zoltarinaPrimary" | "content.heydPrimary" | "content.static" | "content.static.white" | "content.static.black" | "content.heybeePrimary" | "background" | "background.neutral" | "background.neuroidPrimary" | "background.neuroidSecondary" | "background.danger" | "background.warning" | "background.success" | "background.informative" | "background.zoltarinaPrimary" | "background.zoltarinaSecondary" | "background.heydPrimary" | "background.heydSecondary" | "background.static" | "background.static.whiteAlpha" | "background.static.blackAlpha" | "background.heybeePrimary" | "surface" | "shadow" | "scrim" | "skeleton" | "border" | "border.neutral" | "border.neuroidPrimary" | "border.danger" | "border.warning" | "border.success" | "border.informative" | "border.zoltarinaPrimary" | "border.heydPrimary" | "border.heybeePrimary";
|
|
210
|
+
colorPalette: "neutral" | "black" | "white" | "red" | "orange" | "blue" | "green" | "purple" | "ohre" | "cyan" | "yellow" | "content" | "content.neutral" | "content.neuroidPrimary" | "content.danger" | "content.warning" | "content.success" | "content.informative" | "content.zoltarinaPrimary" | "content.heydPrimary" | "content.static" | "content.static.white" | "content.static.black" | "content.heybeePrimary" | "content.neutralInverse" | "background" | "background.neutral" | "background.neuroidPrimary" | "background.neuroidSecondary" | "background.danger" | "background.warning" | "background.success" | "background.informative" | "background.zoltarinaPrimary" | "background.zoltarinaSecondary" | "background.heydPrimary" | "background.heydSecondary" | "background.static" | "background.static.whiteAlpha" | "background.static.blackAlpha" | "background.heybeePrimary" | "background.neutralInverse" | "surface" | "shadow" | "scrim" | "skeleton" | "border" | "border.neutral" | "border.neuroidPrimary" | "border.danger" | "border.warning" | "border.success" | "border.informative" | "border.zoltarinaPrimary" | "border.heydPrimary" | "border.heybeePrimary";
|
|
211
211
|
textStyle: "body.md" | "body.lg" | "body.sm" | "label.sm" | "label.md" | "title.sm" | "title.md" | "title.lg" | "headline.sm" | "headline.md" | "display.md" | "display.lg";
|
|
212
212
|
}
|
|
213
213
|
|