ionbase-ui 0.38.0 → 0.47.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/dist/figma-descriptions.json +39 -39
- package/dist/figma-map.json +1 -1
- package/dist/meta/Alert.json +2 -0
- package/dist/meta/Avatar.json +1 -0
- package/dist/meta/AvatarGradient.json +30 -30
- package/dist/meta/AvatarGroup.json +1 -0
- package/dist/meta/Button.json +1 -0
- package/dist/meta/components.json +36 -31
- package/dist/meta/contrast.json +2432 -1513
- package/dist/meta/index.json +1 -1
- package/dist/meta/patterns/index.json +1 -1
- package/dist/styles/alert.css +6 -0
- package/dist/styles/avatar-gradient.css +98 -55
- package/dist/styles/avatar.css +7 -1
- package/dist/styles/button.css +6 -1
- package/dist/styles/tokens/base.css +88 -16
- package/dist/styles/tokens/theme-dark.css +42 -29
- package/dist/tokens/index.d.ts +441 -51
- package/dist/tokens/index.d.ts.map +1 -1
- package/dist/tokens/index.js +362 -44
- package/dist/tokens/index.js.map +1 -1
- package/llms.txt +1 -1
- package/package.json +1 -1
package/dist/tokens/index.d.ts
CHANGED
|
@@ -137,6 +137,36 @@ export declare const ui: {
|
|
|
137
137
|
readonly 'ring/focus': "var(--ring-focus)";
|
|
138
138
|
readonly 'ring/error': "var(--ring-error)";
|
|
139
139
|
readonly 'ring/offset': "var(--ring-offset)";
|
|
140
|
+
readonly 'surface/palette-1': "var(--surface-palette-1)";
|
|
141
|
+
readonly 'surface/palette-1-tint': "var(--surface-palette-1-tint)";
|
|
142
|
+
readonly 'surface/palette-1-subtle': "var(--surface-palette-1-subtle)";
|
|
143
|
+
readonly 'text/palette-1': "var(--text-palette-1)";
|
|
144
|
+
readonly 'surface/palette-2': "var(--surface-palette-2)";
|
|
145
|
+
readonly 'surface/palette-2-tint': "var(--surface-palette-2-tint)";
|
|
146
|
+
readonly 'surface/palette-2-subtle': "var(--surface-palette-2-subtle)";
|
|
147
|
+
readonly 'text/palette-2': "var(--text-palette-2)";
|
|
148
|
+
readonly 'surface/palette-3': "var(--surface-palette-3)";
|
|
149
|
+
readonly 'surface/palette-3-tint': "var(--surface-palette-3-tint)";
|
|
150
|
+
readonly 'surface/palette-3-subtle': "var(--surface-palette-3-subtle)";
|
|
151
|
+
readonly 'text/palette-3': "var(--text-palette-3)";
|
|
152
|
+
readonly 'surface/palette-4': "var(--surface-palette-4)";
|
|
153
|
+
readonly 'surface/palette-4-tint': "var(--surface-palette-4-tint)";
|
|
154
|
+
readonly 'surface/palette-4-subtle': "var(--surface-palette-4-subtle)";
|
|
155
|
+
readonly 'text/palette-4': "var(--text-palette-4)";
|
|
156
|
+
readonly 'surface/palette-5': "var(--surface-palette-5)";
|
|
157
|
+
readonly 'surface/palette-5-tint': "var(--surface-palette-5-tint)";
|
|
158
|
+
readonly 'surface/palette-5-subtle': "var(--surface-palette-5-subtle)";
|
|
159
|
+
readonly 'text/palette-5': "var(--text-palette-5)";
|
|
160
|
+
readonly 'surface/palette-6': "var(--surface-palette-6)";
|
|
161
|
+
readonly 'surface/palette-6-tint': "var(--surface-palette-6-tint)";
|
|
162
|
+
readonly 'surface/palette-6-subtle': "var(--surface-palette-6-subtle)";
|
|
163
|
+
readonly 'text/palette-6': "var(--text-palette-6)";
|
|
164
|
+
readonly 'surface/palette-7': "var(--surface-palette-7)";
|
|
165
|
+
readonly 'surface/palette-7-tint': "var(--surface-palette-7-tint)";
|
|
166
|
+
readonly 'surface/palette-7-subtle': "var(--surface-palette-7-subtle)";
|
|
167
|
+
readonly 'text/palette-7': "var(--text-palette-7)";
|
|
168
|
+
readonly 'surface/sheen': "var(--surface-sheen)";
|
|
169
|
+
readonly 'surface/sheen-subtle': "var(--surface-sheen-subtle)";
|
|
140
170
|
};
|
|
141
171
|
/** Primitives tokens — modes: Value. */
|
|
142
172
|
export declare const primitives: {
|
|
@@ -393,13 +423,55 @@ export declare const semantics: {
|
|
|
393
423
|
readonly 'icon-size/lg': "var(--icon-size-lg)";
|
|
394
424
|
readonly 'icon-size/xl': "var(--icon-size-xl)";
|
|
395
425
|
readonly 'border-width/thicker': "var(--border-width-thicker)";
|
|
396
|
-
readonly 'palette/1': "var(--palette-1)";
|
|
397
|
-
readonly 'palette/
|
|
398
|
-
readonly 'palette/
|
|
399
|
-
readonly 'palette/
|
|
400
|
-
readonly 'palette/
|
|
401
|
-
readonly 'palette/
|
|
402
|
-
readonly 'palette/
|
|
426
|
+
readonly 'palette/1/50': "var(--palette-1-50)";
|
|
427
|
+
readonly 'palette/1/200': "var(--palette-1-200)";
|
|
428
|
+
readonly 'palette/1/300': "var(--palette-1-300)";
|
|
429
|
+
readonly 'palette/1/600': "var(--palette-1-600)";
|
|
430
|
+
readonly 'palette/1/700': "var(--palette-1-700)";
|
|
431
|
+
readonly 'palette/1/800': "var(--palette-1-800)";
|
|
432
|
+
readonly 'palette/1/900': "var(--palette-1-900)";
|
|
433
|
+
readonly 'palette/2/50': "var(--palette-2-50)";
|
|
434
|
+
readonly 'palette/2/200': "var(--palette-2-200)";
|
|
435
|
+
readonly 'palette/2/300': "var(--palette-2-300)";
|
|
436
|
+
readonly 'palette/2/600': "var(--palette-2-600)";
|
|
437
|
+
readonly 'palette/2/700': "var(--palette-2-700)";
|
|
438
|
+
readonly 'palette/2/800': "var(--palette-2-800)";
|
|
439
|
+
readonly 'palette/2/900': "var(--palette-2-900)";
|
|
440
|
+
readonly 'palette/3/50': "var(--palette-3-50)";
|
|
441
|
+
readonly 'palette/3/200': "var(--palette-3-200)";
|
|
442
|
+
readonly 'palette/3/300': "var(--palette-3-300)";
|
|
443
|
+
readonly 'palette/3/600': "var(--palette-3-600)";
|
|
444
|
+
readonly 'palette/3/700': "var(--palette-3-700)";
|
|
445
|
+
readonly 'palette/3/800': "var(--palette-3-800)";
|
|
446
|
+
readonly 'palette/3/900': "var(--palette-3-900)";
|
|
447
|
+
readonly 'palette/4/50': "var(--palette-4-50)";
|
|
448
|
+
readonly 'palette/4/200': "var(--palette-4-200)";
|
|
449
|
+
readonly 'palette/4/300': "var(--palette-4-300)";
|
|
450
|
+
readonly 'palette/4/600': "var(--palette-4-600)";
|
|
451
|
+
readonly 'palette/4/700': "var(--palette-4-700)";
|
|
452
|
+
readonly 'palette/4/800': "var(--palette-4-800)";
|
|
453
|
+
readonly 'palette/4/900': "var(--palette-4-900)";
|
|
454
|
+
readonly 'palette/5/50': "var(--palette-5-50)";
|
|
455
|
+
readonly 'palette/5/200': "var(--palette-5-200)";
|
|
456
|
+
readonly 'palette/5/300': "var(--palette-5-300)";
|
|
457
|
+
readonly 'palette/5/600': "var(--palette-5-600)";
|
|
458
|
+
readonly 'palette/5/700': "var(--palette-5-700)";
|
|
459
|
+
readonly 'palette/5/800': "var(--palette-5-800)";
|
|
460
|
+
readonly 'palette/5/900': "var(--palette-5-900)";
|
|
461
|
+
readonly 'palette/6/50': "var(--palette-6-50)";
|
|
462
|
+
readonly 'palette/6/200': "var(--palette-6-200)";
|
|
463
|
+
readonly 'palette/6/300': "var(--palette-6-300)";
|
|
464
|
+
readonly 'palette/6/600': "var(--palette-6-600)";
|
|
465
|
+
readonly 'palette/6/700': "var(--palette-6-700)";
|
|
466
|
+
readonly 'palette/6/800': "var(--palette-6-800)";
|
|
467
|
+
readonly 'palette/6/900': "var(--palette-6-900)";
|
|
468
|
+
readonly 'palette/7/50': "var(--palette-7-50)";
|
|
469
|
+
readonly 'palette/7/200': "var(--palette-7-200)";
|
|
470
|
+
readonly 'palette/7/300': "var(--palette-7-300)";
|
|
471
|
+
readonly 'palette/7/600': "var(--palette-7-600)";
|
|
472
|
+
readonly 'palette/7/700': "var(--palette-7-700)";
|
|
473
|
+
readonly 'palette/7/800': "var(--palette-7-800)";
|
|
474
|
+
readonly 'palette/7/900': "var(--palette-7-900)";
|
|
403
475
|
};
|
|
404
476
|
export declare const tokens: {
|
|
405
477
|
readonly breakpoint: {
|
|
@@ -539,6 +611,36 @@ export declare const tokens: {
|
|
|
539
611
|
readonly 'ring/focus': "var(--ring-focus)";
|
|
540
612
|
readonly 'ring/error': "var(--ring-error)";
|
|
541
613
|
readonly 'ring/offset': "var(--ring-offset)";
|
|
614
|
+
readonly 'surface/palette-1': "var(--surface-palette-1)";
|
|
615
|
+
readonly 'surface/palette-1-tint': "var(--surface-palette-1-tint)";
|
|
616
|
+
readonly 'surface/palette-1-subtle': "var(--surface-palette-1-subtle)";
|
|
617
|
+
readonly 'text/palette-1': "var(--text-palette-1)";
|
|
618
|
+
readonly 'surface/palette-2': "var(--surface-palette-2)";
|
|
619
|
+
readonly 'surface/palette-2-tint': "var(--surface-palette-2-tint)";
|
|
620
|
+
readonly 'surface/palette-2-subtle': "var(--surface-palette-2-subtle)";
|
|
621
|
+
readonly 'text/palette-2': "var(--text-palette-2)";
|
|
622
|
+
readonly 'surface/palette-3': "var(--surface-palette-3)";
|
|
623
|
+
readonly 'surface/palette-3-tint': "var(--surface-palette-3-tint)";
|
|
624
|
+
readonly 'surface/palette-3-subtle': "var(--surface-palette-3-subtle)";
|
|
625
|
+
readonly 'text/palette-3': "var(--text-palette-3)";
|
|
626
|
+
readonly 'surface/palette-4': "var(--surface-palette-4)";
|
|
627
|
+
readonly 'surface/palette-4-tint': "var(--surface-palette-4-tint)";
|
|
628
|
+
readonly 'surface/palette-4-subtle': "var(--surface-palette-4-subtle)";
|
|
629
|
+
readonly 'text/palette-4': "var(--text-palette-4)";
|
|
630
|
+
readonly 'surface/palette-5': "var(--surface-palette-5)";
|
|
631
|
+
readonly 'surface/palette-5-tint': "var(--surface-palette-5-tint)";
|
|
632
|
+
readonly 'surface/palette-5-subtle': "var(--surface-palette-5-subtle)";
|
|
633
|
+
readonly 'text/palette-5': "var(--text-palette-5)";
|
|
634
|
+
readonly 'surface/palette-6': "var(--surface-palette-6)";
|
|
635
|
+
readonly 'surface/palette-6-tint': "var(--surface-palette-6-tint)";
|
|
636
|
+
readonly 'surface/palette-6-subtle': "var(--surface-palette-6-subtle)";
|
|
637
|
+
readonly 'text/palette-6': "var(--text-palette-6)";
|
|
638
|
+
readonly 'surface/palette-7': "var(--surface-palette-7)";
|
|
639
|
+
readonly 'surface/palette-7-tint': "var(--surface-palette-7-tint)";
|
|
640
|
+
readonly 'surface/palette-7-subtle': "var(--surface-palette-7-subtle)";
|
|
641
|
+
readonly 'text/palette-7': "var(--text-palette-7)";
|
|
642
|
+
readonly 'surface/sheen': "var(--surface-sheen)";
|
|
643
|
+
readonly 'surface/sheen-subtle': "var(--surface-sheen-subtle)";
|
|
542
644
|
};
|
|
543
645
|
readonly primitives: {
|
|
544
646
|
readonly 'color/base/white': "var(--color-base-white)";
|
|
@@ -793,13 +895,55 @@ export declare const tokens: {
|
|
|
793
895
|
readonly 'icon-size/lg': "var(--icon-size-lg)";
|
|
794
896
|
readonly 'icon-size/xl': "var(--icon-size-xl)";
|
|
795
897
|
readonly 'border-width/thicker': "var(--border-width-thicker)";
|
|
796
|
-
readonly 'palette/1': "var(--palette-1)";
|
|
797
|
-
readonly 'palette/
|
|
798
|
-
readonly 'palette/
|
|
799
|
-
readonly 'palette/
|
|
800
|
-
readonly 'palette/
|
|
801
|
-
readonly 'palette/
|
|
802
|
-
readonly 'palette/
|
|
898
|
+
readonly 'palette/1/50': "var(--palette-1-50)";
|
|
899
|
+
readonly 'palette/1/200': "var(--palette-1-200)";
|
|
900
|
+
readonly 'palette/1/300': "var(--palette-1-300)";
|
|
901
|
+
readonly 'palette/1/600': "var(--palette-1-600)";
|
|
902
|
+
readonly 'palette/1/700': "var(--palette-1-700)";
|
|
903
|
+
readonly 'palette/1/800': "var(--palette-1-800)";
|
|
904
|
+
readonly 'palette/1/900': "var(--palette-1-900)";
|
|
905
|
+
readonly 'palette/2/50': "var(--palette-2-50)";
|
|
906
|
+
readonly 'palette/2/200': "var(--palette-2-200)";
|
|
907
|
+
readonly 'palette/2/300': "var(--palette-2-300)";
|
|
908
|
+
readonly 'palette/2/600': "var(--palette-2-600)";
|
|
909
|
+
readonly 'palette/2/700': "var(--palette-2-700)";
|
|
910
|
+
readonly 'palette/2/800': "var(--palette-2-800)";
|
|
911
|
+
readonly 'palette/2/900': "var(--palette-2-900)";
|
|
912
|
+
readonly 'palette/3/50': "var(--palette-3-50)";
|
|
913
|
+
readonly 'palette/3/200': "var(--palette-3-200)";
|
|
914
|
+
readonly 'palette/3/300': "var(--palette-3-300)";
|
|
915
|
+
readonly 'palette/3/600': "var(--palette-3-600)";
|
|
916
|
+
readonly 'palette/3/700': "var(--palette-3-700)";
|
|
917
|
+
readonly 'palette/3/800': "var(--palette-3-800)";
|
|
918
|
+
readonly 'palette/3/900': "var(--palette-3-900)";
|
|
919
|
+
readonly 'palette/4/50': "var(--palette-4-50)";
|
|
920
|
+
readonly 'palette/4/200': "var(--palette-4-200)";
|
|
921
|
+
readonly 'palette/4/300': "var(--palette-4-300)";
|
|
922
|
+
readonly 'palette/4/600': "var(--palette-4-600)";
|
|
923
|
+
readonly 'palette/4/700': "var(--palette-4-700)";
|
|
924
|
+
readonly 'palette/4/800': "var(--palette-4-800)";
|
|
925
|
+
readonly 'palette/4/900': "var(--palette-4-900)";
|
|
926
|
+
readonly 'palette/5/50': "var(--palette-5-50)";
|
|
927
|
+
readonly 'palette/5/200': "var(--palette-5-200)";
|
|
928
|
+
readonly 'palette/5/300': "var(--palette-5-300)";
|
|
929
|
+
readonly 'palette/5/600': "var(--palette-5-600)";
|
|
930
|
+
readonly 'palette/5/700': "var(--palette-5-700)";
|
|
931
|
+
readonly 'palette/5/800': "var(--palette-5-800)";
|
|
932
|
+
readonly 'palette/5/900': "var(--palette-5-900)";
|
|
933
|
+
readonly 'palette/6/50': "var(--palette-6-50)";
|
|
934
|
+
readonly 'palette/6/200': "var(--palette-6-200)";
|
|
935
|
+
readonly 'palette/6/300': "var(--palette-6-300)";
|
|
936
|
+
readonly 'palette/6/600': "var(--palette-6-600)";
|
|
937
|
+
readonly 'palette/6/700': "var(--palette-6-700)";
|
|
938
|
+
readonly 'palette/6/800': "var(--palette-6-800)";
|
|
939
|
+
readonly 'palette/6/900': "var(--palette-6-900)";
|
|
940
|
+
readonly 'palette/7/50': "var(--palette-7-50)";
|
|
941
|
+
readonly 'palette/7/200': "var(--palette-7-200)";
|
|
942
|
+
readonly 'palette/7/300': "var(--palette-7-300)";
|
|
943
|
+
readonly 'palette/7/600': "var(--palette-7-600)";
|
|
944
|
+
readonly 'palette/7/700': "var(--palette-7-700)";
|
|
945
|
+
readonly 'palette/7/800': "var(--palette-7-800)";
|
|
946
|
+
readonly 'palette/7/900': "var(--palette-7-900)";
|
|
803
947
|
};
|
|
804
948
|
};
|
|
805
949
|
export type TokenTier = keyof typeof tokens;
|
|
@@ -984,7 +1128,7 @@ export declare const tokenValues: {
|
|
|
984
1128
|
};
|
|
985
1129
|
readonly "text/on-color": {
|
|
986
1130
|
readonly Light: "{base.white}";
|
|
987
|
-
readonly Dark: "{base.
|
|
1131
|
+
readonly Dark: "{base.white}";
|
|
988
1132
|
};
|
|
989
1133
|
readonly "text/inverse": {
|
|
990
1134
|
readonly Light: "{neutral.50}";
|
|
@@ -992,7 +1136,7 @@ export declare const tokenValues: {
|
|
|
992
1136
|
};
|
|
993
1137
|
readonly "text/primary": {
|
|
994
1138
|
readonly Light: "{primary.600}";
|
|
995
|
-
readonly Dark: "{primary.
|
|
1139
|
+
readonly Dark: "{primary.300}";
|
|
996
1140
|
};
|
|
997
1141
|
readonly "text/error": {
|
|
998
1142
|
readonly Light: "{error.700}";
|
|
@@ -1000,11 +1144,11 @@ export declare const tokenValues: {
|
|
|
1000
1144
|
};
|
|
1001
1145
|
readonly "text/success": {
|
|
1002
1146
|
readonly Light: "{success.700}";
|
|
1003
|
-
readonly Dark: "{success.
|
|
1147
|
+
readonly Dark: "{success.300}";
|
|
1004
1148
|
};
|
|
1005
1149
|
readonly "text/warning": {
|
|
1006
1150
|
readonly Light: "{warning.600}";
|
|
1007
|
-
readonly Dark: "{warning.
|
|
1151
|
+
readonly Dark: "{warning.300}";
|
|
1008
1152
|
};
|
|
1009
1153
|
readonly "text/information": {
|
|
1010
1154
|
readonly Light: "{information.700}";
|
|
@@ -1012,11 +1156,11 @@ export declare const tokenValues: {
|
|
|
1012
1156
|
};
|
|
1013
1157
|
readonly "text/link": {
|
|
1014
1158
|
readonly Light: "{primary.700}";
|
|
1015
|
-
readonly Dark: "{primary.
|
|
1159
|
+
readonly Dark: "{primary.300}";
|
|
1016
1160
|
};
|
|
1017
1161
|
readonly "text/link/hover": {
|
|
1018
1162
|
readonly Light: "{primary.800}";
|
|
1019
|
-
readonly Dark: "{primary.
|
|
1163
|
+
readonly Dark: "{primary.200}";
|
|
1020
1164
|
};
|
|
1021
1165
|
readonly "text/link/visited": {
|
|
1022
1166
|
readonly Light: "{information.700}";
|
|
@@ -1152,15 +1296,15 @@ export declare const tokenValues: {
|
|
|
1152
1296
|
};
|
|
1153
1297
|
readonly "surface/primary": {
|
|
1154
1298
|
readonly Light: "{primary.600}";
|
|
1155
|
-
readonly Dark: "{primary.
|
|
1299
|
+
readonly Dark: "{primary.600}";
|
|
1156
1300
|
};
|
|
1157
1301
|
readonly "surface/primary/hover": {
|
|
1158
1302
|
readonly Light: "{primary.700}";
|
|
1159
|
-
readonly Dark: "{primary.
|
|
1303
|
+
readonly Dark: "{primary.700}";
|
|
1160
1304
|
};
|
|
1161
1305
|
readonly "surface/primary/pressed": {
|
|
1162
1306
|
readonly Light: "{primary.800}";
|
|
1163
|
-
readonly Dark: "{primary.
|
|
1307
|
+
readonly Dark: "{primary.800}";
|
|
1164
1308
|
};
|
|
1165
1309
|
readonly "surface/primary-subtle": {
|
|
1166
1310
|
readonly Light: "{primary.50}";
|
|
@@ -1176,15 +1320,15 @@ export declare const tokenValues: {
|
|
|
1176
1320
|
};
|
|
1177
1321
|
readonly "surface/error": {
|
|
1178
1322
|
readonly Light: "{error.600}";
|
|
1179
|
-
readonly Dark: "{error.
|
|
1323
|
+
readonly Dark: "{error.600}";
|
|
1180
1324
|
};
|
|
1181
1325
|
readonly "surface/error/hover": {
|
|
1182
1326
|
readonly Light: "{error.700}";
|
|
1183
|
-
readonly Dark: "{error.
|
|
1327
|
+
readonly Dark: "{error.700}";
|
|
1184
1328
|
};
|
|
1185
1329
|
readonly "surface/error/pressed": {
|
|
1186
1330
|
readonly Light: "{error.800}";
|
|
1187
|
-
readonly Dark: "{error.
|
|
1331
|
+
readonly Dark: "{error.800}";
|
|
1188
1332
|
};
|
|
1189
1333
|
readonly "surface/error-subtle": {
|
|
1190
1334
|
readonly Light: "{error.50}";
|
|
@@ -1200,15 +1344,15 @@ export declare const tokenValues: {
|
|
|
1200
1344
|
};
|
|
1201
1345
|
readonly "surface/success": {
|
|
1202
1346
|
readonly Light: "{success.600}";
|
|
1203
|
-
readonly Dark: "{success.
|
|
1347
|
+
readonly Dark: "{success.600}";
|
|
1204
1348
|
};
|
|
1205
1349
|
readonly "surface/success/hover": {
|
|
1206
1350
|
readonly Light: "{success.700}";
|
|
1207
|
-
readonly Dark: "{success.
|
|
1351
|
+
readonly Dark: "{success.700}";
|
|
1208
1352
|
};
|
|
1209
1353
|
readonly "surface/success/pressed": {
|
|
1210
1354
|
readonly Light: "{success.800}";
|
|
1211
|
-
readonly Dark: "{success.
|
|
1355
|
+
readonly Dark: "{success.800}";
|
|
1212
1356
|
};
|
|
1213
1357
|
readonly "surface/success-subtle": {
|
|
1214
1358
|
readonly Light: "{success.50}";
|
|
@@ -1224,15 +1368,15 @@ export declare const tokenValues: {
|
|
|
1224
1368
|
};
|
|
1225
1369
|
readonly "surface/warning": {
|
|
1226
1370
|
readonly Light: "{warning.600}";
|
|
1227
|
-
readonly Dark: "{warning.
|
|
1371
|
+
readonly Dark: "{warning.600}";
|
|
1228
1372
|
};
|
|
1229
1373
|
readonly "surface/warning/hover": {
|
|
1230
1374
|
readonly Light: "{warning.700}";
|
|
1231
|
-
readonly Dark: "{warning.
|
|
1375
|
+
readonly Dark: "{warning.700}";
|
|
1232
1376
|
};
|
|
1233
1377
|
readonly "surface/warning/pressed": {
|
|
1234
1378
|
readonly Light: "{warning.800}";
|
|
1235
|
-
readonly Dark: "{warning.
|
|
1379
|
+
readonly Dark: "{warning.800}";
|
|
1236
1380
|
};
|
|
1237
1381
|
readonly "surface/warning-subtle": {
|
|
1238
1382
|
readonly Light: "{warning.50}";
|
|
@@ -1248,15 +1392,15 @@ export declare const tokenValues: {
|
|
|
1248
1392
|
};
|
|
1249
1393
|
readonly "surface/information": {
|
|
1250
1394
|
readonly Light: "{information.600}";
|
|
1251
|
-
readonly Dark: "{information.
|
|
1395
|
+
readonly Dark: "{information.600}";
|
|
1252
1396
|
};
|
|
1253
1397
|
readonly "surface/information/hover": {
|
|
1254
1398
|
readonly Light: "{information.700}";
|
|
1255
|
-
readonly Dark: "{information.
|
|
1399
|
+
readonly Dark: "{information.700}";
|
|
1256
1400
|
};
|
|
1257
1401
|
readonly "surface/information/pressed": {
|
|
1258
1402
|
readonly Light: "{information.800}";
|
|
1259
|
-
readonly Dark: "{information.
|
|
1403
|
+
readonly Dark: "{information.800}";
|
|
1260
1404
|
};
|
|
1261
1405
|
readonly "surface/information-subtle": {
|
|
1262
1406
|
readonly Light: "{information.50}";
|
|
@@ -1304,7 +1448,7 @@ export declare const tokenValues: {
|
|
|
1304
1448
|
};
|
|
1305
1449
|
readonly "border/primary-strong": {
|
|
1306
1450
|
readonly Light: "{primary.700}";
|
|
1307
|
-
readonly Dark: "{primary.
|
|
1451
|
+
readonly Dark: "{primary.500}";
|
|
1308
1452
|
};
|
|
1309
1453
|
readonly "border/primary-subtle": {
|
|
1310
1454
|
readonly Light: "{primary.200}";
|
|
@@ -1316,7 +1460,7 @@ export declare const tokenValues: {
|
|
|
1316
1460
|
};
|
|
1317
1461
|
readonly "border/error-strong": {
|
|
1318
1462
|
readonly Light: "{error.700}";
|
|
1319
|
-
readonly Dark: "{error.
|
|
1463
|
+
readonly Dark: "{error.500}";
|
|
1320
1464
|
};
|
|
1321
1465
|
readonly "border/error-subtle": {
|
|
1322
1466
|
readonly Light: "{error.200}";
|
|
@@ -1328,7 +1472,7 @@ export declare const tokenValues: {
|
|
|
1328
1472
|
};
|
|
1329
1473
|
readonly "border/success-strong": {
|
|
1330
1474
|
readonly Light: "{success.700}";
|
|
1331
|
-
readonly Dark: "{success.
|
|
1475
|
+
readonly Dark: "{success.500}";
|
|
1332
1476
|
};
|
|
1333
1477
|
readonly "border/success-subtle": {
|
|
1334
1478
|
readonly Light: "{success.200}";
|
|
@@ -1340,7 +1484,7 @@ export declare const tokenValues: {
|
|
|
1340
1484
|
};
|
|
1341
1485
|
readonly "border/warning-strong": {
|
|
1342
1486
|
readonly Light: "{warning.700}";
|
|
1343
|
-
readonly Dark: "{warning.
|
|
1487
|
+
readonly Dark: "{warning.500}";
|
|
1344
1488
|
};
|
|
1345
1489
|
readonly "border/warning-subtle": {
|
|
1346
1490
|
readonly Light: "{warning.200}";
|
|
@@ -1352,7 +1496,7 @@ export declare const tokenValues: {
|
|
|
1352
1496
|
};
|
|
1353
1497
|
readonly "border/information-strong": {
|
|
1354
1498
|
readonly Light: "{information.700}";
|
|
1355
|
-
readonly Dark: "{information.
|
|
1499
|
+
readonly Dark: "{information.500}";
|
|
1356
1500
|
};
|
|
1357
1501
|
readonly "border/information-subtle": {
|
|
1358
1502
|
readonly Light: "{information.200}";
|
|
@@ -1378,6 +1522,126 @@ export declare const tokenValues: {
|
|
|
1378
1522
|
readonly Light: "{base.white}";
|
|
1379
1523
|
readonly Dark: "{neutral.900}";
|
|
1380
1524
|
};
|
|
1525
|
+
readonly "surface/palette-1": {
|
|
1526
|
+
readonly Light: "{palette.1.300}";
|
|
1527
|
+
readonly Dark: "{palette.1.700}";
|
|
1528
|
+
};
|
|
1529
|
+
readonly "surface/palette-1-tint": {
|
|
1530
|
+
readonly Light: "{palette.1.200}";
|
|
1531
|
+
readonly Dark: "{palette.1.800}";
|
|
1532
|
+
};
|
|
1533
|
+
readonly "surface/palette-1-subtle": {
|
|
1534
|
+
readonly Light: "{palette.1.50}";
|
|
1535
|
+
readonly Dark: "{palette.1.900}";
|
|
1536
|
+
};
|
|
1537
|
+
readonly "text/palette-1": {
|
|
1538
|
+
readonly Light: "{palette.1.800}";
|
|
1539
|
+
readonly Dark: "{palette.1.200}";
|
|
1540
|
+
};
|
|
1541
|
+
readonly "surface/palette-2": {
|
|
1542
|
+
readonly Light: "{palette.2.300}";
|
|
1543
|
+
readonly Dark: "{palette.2.700}";
|
|
1544
|
+
};
|
|
1545
|
+
readonly "surface/palette-2-tint": {
|
|
1546
|
+
readonly Light: "{palette.2.200}";
|
|
1547
|
+
readonly Dark: "{palette.2.800}";
|
|
1548
|
+
};
|
|
1549
|
+
readonly "surface/palette-2-subtle": {
|
|
1550
|
+
readonly Light: "{palette.2.50}";
|
|
1551
|
+
readonly Dark: "{palette.2.900}";
|
|
1552
|
+
};
|
|
1553
|
+
readonly "text/palette-2": {
|
|
1554
|
+
readonly Light: "{palette.2.800}";
|
|
1555
|
+
readonly Dark: "{palette.2.200}";
|
|
1556
|
+
};
|
|
1557
|
+
readonly "surface/palette-3": {
|
|
1558
|
+
readonly Light: "{palette.3.300}";
|
|
1559
|
+
readonly Dark: "{palette.3.700}";
|
|
1560
|
+
};
|
|
1561
|
+
readonly "surface/palette-3-tint": {
|
|
1562
|
+
readonly Light: "{palette.3.200}";
|
|
1563
|
+
readonly Dark: "{palette.3.800}";
|
|
1564
|
+
};
|
|
1565
|
+
readonly "surface/palette-3-subtle": {
|
|
1566
|
+
readonly Light: "{palette.3.50}";
|
|
1567
|
+
readonly Dark: "{palette.3.900}";
|
|
1568
|
+
};
|
|
1569
|
+
readonly "text/palette-3": {
|
|
1570
|
+
readonly Light: "{palette.3.800}";
|
|
1571
|
+
readonly Dark: "{palette.3.200}";
|
|
1572
|
+
};
|
|
1573
|
+
readonly "surface/palette-4": {
|
|
1574
|
+
readonly Light: "{palette.4.300}";
|
|
1575
|
+
readonly Dark: "{palette.4.700}";
|
|
1576
|
+
};
|
|
1577
|
+
readonly "surface/palette-4-tint": {
|
|
1578
|
+
readonly Light: "{palette.4.200}";
|
|
1579
|
+
readonly Dark: "{palette.4.800}";
|
|
1580
|
+
};
|
|
1581
|
+
readonly "surface/palette-4-subtle": {
|
|
1582
|
+
readonly Light: "{palette.4.50}";
|
|
1583
|
+
readonly Dark: "{palette.4.900}";
|
|
1584
|
+
};
|
|
1585
|
+
readonly "text/palette-4": {
|
|
1586
|
+
readonly Light: "{palette.4.800}";
|
|
1587
|
+
readonly Dark: "{palette.4.200}";
|
|
1588
|
+
};
|
|
1589
|
+
readonly "surface/palette-5": {
|
|
1590
|
+
readonly Light: "{palette.5.300}";
|
|
1591
|
+
readonly Dark: "{palette.5.700}";
|
|
1592
|
+
};
|
|
1593
|
+
readonly "surface/palette-5-tint": {
|
|
1594
|
+
readonly Light: "{palette.5.200}";
|
|
1595
|
+
readonly Dark: "{palette.5.800}";
|
|
1596
|
+
};
|
|
1597
|
+
readonly "surface/palette-5-subtle": {
|
|
1598
|
+
readonly Light: "{palette.5.50}";
|
|
1599
|
+
readonly Dark: "{palette.5.900}";
|
|
1600
|
+
};
|
|
1601
|
+
readonly "text/palette-5": {
|
|
1602
|
+
readonly Light: "{palette.5.800}";
|
|
1603
|
+
readonly Dark: "{palette.5.200}";
|
|
1604
|
+
};
|
|
1605
|
+
readonly "surface/palette-6": {
|
|
1606
|
+
readonly Light: "{palette.6.300}";
|
|
1607
|
+
readonly Dark: "{palette.6.700}";
|
|
1608
|
+
};
|
|
1609
|
+
readonly "surface/palette-6-tint": {
|
|
1610
|
+
readonly Light: "{palette.6.200}";
|
|
1611
|
+
readonly Dark: "{palette.6.800}";
|
|
1612
|
+
};
|
|
1613
|
+
readonly "surface/palette-6-subtle": {
|
|
1614
|
+
readonly Light: "{palette.6.50}";
|
|
1615
|
+
readonly Dark: "{palette.6.900}";
|
|
1616
|
+
};
|
|
1617
|
+
readonly "text/palette-6": {
|
|
1618
|
+
readonly Light: "{palette.6.800}";
|
|
1619
|
+
readonly Dark: "{palette.6.200}";
|
|
1620
|
+
};
|
|
1621
|
+
readonly "surface/palette-7": {
|
|
1622
|
+
readonly Light: "{palette.7.300}";
|
|
1623
|
+
readonly Dark: "{palette.7.700}";
|
|
1624
|
+
};
|
|
1625
|
+
readonly "surface/palette-7-tint": {
|
|
1626
|
+
readonly Light: "{palette.7.200}";
|
|
1627
|
+
readonly Dark: "{palette.7.800}";
|
|
1628
|
+
};
|
|
1629
|
+
readonly "surface/palette-7-subtle": {
|
|
1630
|
+
readonly Light: "{palette.7.50}";
|
|
1631
|
+
readonly Dark: "{palette.7.900}";
|
|
1632
|
+
};
|
|
1633
|
+
readonly "text/palette-7": {
|
|
1634
|
+
readonly Light: "{palette.7.800}";
|
|
1635
|
+
readonly Dark: "{palette.7.200}";
|
|
1636
|
+
};
|
|
1637
|
+
readonly "surface/sheen": {
|
|
1638
|
+
readonly Light: "{alpha.white-20}";
|
|
1639
|
+
readonly Dark: "{alpha.white-05}";
|
|
1640
|
+
};
|
|
1641
|
+
readonly "surface/sheen-subtle": {
|
|
1642
|
+
readonly Light: "{alpha.white-05}";
|
|
1643
|
+
readonly Dark: "{alpha.white-05}";
|
|
1644
|
+
};
|
|
1381
1645
|
readonly "color/base/white": {
|
|
1382
1646
|
readonly Value: "#ffffff";
|
|
1383
1647
|
};
|
|
@@ -1427,10 +1691,10 @@ export declare const tokenValues: {
|
|
|
1427
1691
|
readonly Value: "#adadf5";
|
|
1428
1692
|
};
|
|
1429
1693
|
readonly "color/purple/400": {
|
|
1430
|
-
readonly Value: "#
|
|
1694
|
+
readonly Value: "#9a8ff4";
|
|
1431
1695
|
};
|
|
1432
1696
|
readonly "color/purple/500": {
|
|
1433
|
-
readonly Value: "#
|
|
1697
|
+
readonly Value: "#786cdd";
|
|
1434
1698
|
};
|
|
1435
1699
|
readonly "color/purple/600": {
|
|
1436
1700
|
readonly Value: "#4f3cc8";
|
|
@@ -1475,7 +1739,7 @@ export declare const tokenValues: {
|
|
|
1475
1739
|
readonly Value: "#650a0a";
|
|
1476
1740
|
};
|
|
1477
1741
|
readonly "color/orange/50": {
|
|
1478
|
-
readonly Value: "#
|
|
1742
|
+
readonly Value: "#fff6ea";
|
|
1479
1743
|
};
|
|
1480
1744
|
readonly "color/orange/100": {
|
|
1481
1745
|
readonly Value: "#ffeed6";
|
|
@@ -1994,7 +2258,7 @@ export declare const tokenValues: {
|
|
|
1994
2258
|
readonly IonBase: "{color.green.500}";
|
|
1995
2259
|
};
|
|
1996
2260
|
readonly "chart/3": {
|
|
1997
|
-
readonly IonBase: "{color.purple.
|
|
2261
|
+
readonly IonBase: "{color.purple.600}";
|
|
1998
2262
|
};
|
|
1999
2263
|
readonly "chart/4": {
|
|
2000
2264
|
readonly IonBase: "{color.orange.500}";
|
|
@@ -2128,26 +2392,152 @@ export declare const tokenValues: {
|
|
|
2128
2392
|
readonly "border-width/thicker": {
|
|
2129
2393
|
readonly IonBase: "{scale.4}";
|
|
2130
2394
|
};
|
|
2131
|
-
readonly "palette/1": {
|
|
2395
|
+
readonly "palette/1/50": {
|
|
2396
|
+
readonly IonBase: "{color.gray.50}";
|
|
2397
|
+
};
|
|
2398
|
+
readonly "palette/1/200": {
|
|
2399
|
+
readonly IonBase: "{color.gray.200}";
|
|
2400
|
+
};
|
|
2401
|
+
readonly "palette/1/300": {
|
|
2402
|
+
readonly IonBase: "{color.gray.300}";
|
|
2403
|
+
};
|
|
2404
|
+
readonly "palette/1/600": {
|
|
2132
2405
|
readonly IonBase: "{color.gray.600}";
|
|
2133
2406
|
};
|
|
2134
|
-
readonly "palette/
|
|
2407
|
+
readonly "palette/1/700": {
|
|
2408
|
+
readonly IonBase: "{color.gray.700}";
|
|
2409
|
+
};
|
|
2410
|
+
readonly "palette/1/800": {
|
|
2411
|
+
readonly IonBase: "{color.gray.800}";
|
|
2412
|
+
};
|
|
2413
|
+
readonly "palette/1/900": {
|
|
2414
|
+
readonly IonBase: "{color.gray.900}";
|
|
2415
|
+
};
|
|
2416
|
+
readonly "palette/2/50": {
|
|
2417
|
+
readonly IonBase: "{color.blue.50}";
|
|
2418
|
+
};
|
|
2419
|
+
readonly "palette/2/200": {
|
|
2420
|
+
readonly IonBase: "{color.blue.200}";
|
|
2421
|
+
};
|
|
2422
|
+
readonly "palette/2/300": {
|
|
2423
|
+
readonly IonBase: "{color.blue.300}";
|
|
2424
|
+
};
|
|
2425
|
+
readonly "palette/2/600": {
|
|
2135
2426
|
readonly IonBase: "{color.blue.600}";
|
|
2136
2427
|
};
|
|
2137
|
-
readonly "palette/
|
|
2428
|
+
readonly "palette/2/700": {
|
|
2429
|
+
readonly IonBase: "{color.blue.700}";
|
|
2430
|
+
};
|
|
2431
|
+
readonly "palette/2/800": {
|
|
2432
|
+
readonly IonBase: "{color.blue.800}";
|
|
2433
|
+
};
|
|
2434
|
+
readonly "palette/2/900": {
|
|
2435
|
+
readonly IonBase: "{color.blue.900}";
|
|
2436
|
+
};
|
|
2437
|
+
readonly "palette/3/50": {
|
|
2438
|
+
readonly IonBase: "{color.purple.50}";
|
|
2439
|
+
};
|
|
2440
|
+
readonly "palette/3/200": {
|
|
2441
|
+
readonly IonBase: "{color.purple.200}";
|
|
2442
|
+
};
|
|
2443
|
+
readonly "palette/3/300": {
|
|
2444
|
+
readonly IonBase: "{color.purple.300}";
|
|
2445
|
+
};
|
|
2446
|
+
readonly "palette/3/600": {
|
|
2138
2447
|
readonly IonBase: "{color.purple.600}";
|
|
2139
2448
|
};
|
|
2140
|
-
readonly "palette/
|
|
2449
|
+
readonly "palette/3/700": {
|
|
2450
|
+
readonly IonBase: "{color.purple.700}";
|
|
2451
|
+
};
|
|
2452
|
+
readonly "palette/3/800": {
|
|
2453
|
+
readonly IonBase: "{color.purple.800}";
|
|
2454
|
+
};
|
|
2455
|
+
readonly "palette/3/900": {
|
|
2456
|
+
readonly IonBase: "{color.purple.900}";
|
|
2457
|
+
};
|
|
2458
|
+
readonly "palette/4/50": {
|
|
2459
|
+
readonly IonBase: "{color.pink.50}";
|
|
2460
|
+
};
|
|
2461
|
+
readonly "palette/4/200": {
|
|
2462
|
+
readonly IonBase: "{color.pink.200}";
|
|
2463
|
+
};
|
|
2464
|
+
readonly "palette/4/300": {
|
|
2465
|
+
readonly IonBase: "{color.pink.300}";
|
|
2466
|
+
};
|
|
2467
|
+
readonly "palette/4/600": {
|
|
2141
2468
|
readonly IonBase: "{color.pink.600}";
|
|
2142
2469
|
};
|
|
2143
|
-
readonly "palette/
|
|
2470
|
+
readonly "palette/4/700": {
|
|
2471
|
+
readonly IonBase: "{color.pink.700}";
|
|
2472
|
+
};
|
|
2473
|
+
readonly "palette/4/800": {
|
|
2474
|
+
readonly IonBase: "{color.pink.800}";
|
|
2475
|
+
};
|
|
2476
|
+
readonly "palette/4/900": {
|
|
2477
|
+
readonly IonBase: "{color.pink.900}";
|
|
2478
|
+
};
|
|
2479
|
+
readonly "palette/5/50": {
|
|
2480
|
+
readonly IonBase: "{color.orange.50}";
|
|
2481
|
+
};
|
|
2482
|
+
readonly "palette/5/200": {
|
|
2483
|
+
readonly IonBase: "{color.orange.200}";
|
|
2484
|
+
};
|
|
2485
|
+
readonly "palette/5/300": {
|
|
2486
|
+
readonly IonBase: "{color.orange.300}";
|
|
2487
|
+
};
|
|
2488
|
+
readonly "palette/5/600": {
|
|
2144
2489
|
readonly IonBase: "{color.orange.600}";
|
|
2145
2490
|
};
|
|
2146
|
-
readonly "palette/
|
|
2491
|
+
readonly "palette/5/700": {
|
|
2492
|
+
readonly IonBase: "{color.orange.700}";
|
|
2493
|
+
};
|
|
2494
|
+
readonly "palette/5/800": {
|
|
2495
|
+
readonly IonBase: "{color.orange.800}";
|
|
2496
|
+
};
|
|
2497
|
+
readonly "palette/5/900": {
|
|
2498
|
+
readonly IonBase: "{color.orange.900}";
|
|
2499
|
+
};
|
|
2500
|
+
readonly "palette/6/50": {
|
|
2501
|
+
readonly IonBase: "{color.green.50}";
|
|
2502
|
+
};
|
|
2503
|
+
readonly "palette/6/200": {
|
|
2504
|
+
readonly IonBase: "{color.green.200}";
|
|
2505
|
+
};
|
|
2506
|
+
readonly "palette/6/300": {
|
|
2507
|
+
readonly IonBase: "{color.green.300}";
|
|
2508
|
+
};
|
|
2509
|
+
readonly "palette/6/600": {
|
|
2147
2510
|
readonly IonBase: "{color.green.600}";
|
|
2148
2511
|
};
|
|
2149
|
-
readonly "palette/
|
|
2512
|
+
readonly "palette/6/700": {
|
|
2513
|
+
readonly IonBase: "{color.green.700}";
|
|
2514
|
+
};
|
|
2515
|
+
readonly "palette/6/800": {
|
|
2516
|
+
readonly IonBase: "{color.green.800}";
|
|
2517
|
+
};
|
|
2518
|
+
readonly "palette/6/900": {
|
|
2519
|
+
readonly IonBase: "{color.green.900}";
|
|
2520
|
+
};
|
|
2521
|
+
readonly "palette/7/50": {
|
|
2522
|
+
readonly IonBase: "{color.red.50}";
|
|
2523
|
+
};
|
|
2524
|
+
readonly "palette/7/200": {
|
|
2525
|
+
readonly IonBase: "{color.red.200}";
|
|
2526
|
+
};
|
|
2527
|
+
readonly "palette/7/300": {
|
|
2528
|
+
readonly IonBase: "{color.red.300}";
|
|
2529
|
+
};
|
|
2530
|
+
readonly "palette/7/600": {
|
|
2150
2531
|
readonly IonBase: "{color.red.600}";
|
|
2151
2532
|
};
|
|
2533
|
+
readonly "palette/7/700": {
|
|
2534
|
+
readonly IonBase: "{color.red.700}";
|
|
2535
|
+
};
|
|
2536
|
+
readonly "palette/7/800": {
|
|
2537
|
+
readonly IonBase: "{color.red.800}";
|
|
2538
|
+
};
|
|
2539
|
+
readonly "palette/7/900": {
|
|
2540
|
+
readonly IonBase: "{color.red.900}";
|
|
2541
|
+
};
|
|
2152
2542
|
};
|
|
2153
2543
|
//# sourceMappingURL=index.d.ts.map
|