ionbase-ui 0.5.0 → 0.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/README.md +2 -0
  2. package/dist/components/Header.d.ts +43 -11
  3. package/dist/components/Header.d.ts.map +1 -1
  4. package/dist/components/Header.js +61 -9
  5. package/dist/components/Header.js.map +1 -1
  6. package/dist/styles/header.css +138 -35
  7. package/dist/styles/tokens/base.css +24 -23
  8. package/dist/styles/tokens/elevation.css +6 -6
  9. package/dist/styles/tokens/theme-dark.css +2 -1
  10. package/dist/styles/tokens/typography.css +3 -3
  11. package/dist/tokens/index.d.ts +200 -194
  12. package/dist/tokens/index.d.ts.map +1 -1
  13. package/dist/tokens/index.js +165 -160
  14. package/dist/tokens/index.js.map +1 -1
  15. package/package.json +1 -1
package/dist/tokens/index.d.ts CHANGED
@@ -7,28 +7,28 @@ export declare const breakpoint: {
7
7
  readonly 'section/gap-y': "var(--section-gap-y)";
8
8
  readonly 'section/gap-y-sm': "var(--section-gap-y-sm)";
9
9
  readonly 'type/display': "var(--type-display)";
10
- readonly 'type/display/line-height': "var(--type-display-line-height)";
11
10
  readonly 'type/h1': "var(--type-h1)";
12
- readonly 'type/h1/line-height': "var(--type-h1-line-height)";
13
11
  readonly 'type/h2': "var(--type-h2)";
14
- readonly 'type/h2/line-height': "var(--type-h2-line-height)";
15
12
  readonly 'type/h3': "var(--type-h3)";
16
- readonly 'type/h3/line-height': "var(--type-h3-line-height)";
17
13
  readonly 'type/h4': "var(--type-h4)";
18
- readonly 'type/h4/line-height': "var(--type-h4-line-height)";
19
14
  readonly 'type/h5': "var(--type-h5)";
20
- readonly 'type/h5/line-height': "var(--type-h5-line-height)";
21
15
  readonly 'type/h6': "var(--type-h6)";
22
- readonly 'type/h6/line-height': "var(--type-h6-line-height)";
23
16
  readonly 'type/body-lg': "var(--type-body-lg)";
24
- readonly 'type/body-lg/line-height': "var(--type-body-lg-line-height)";
25
17
  readonly 'type/body-md': "var(--type-body-md)";
26
- readonly 'type/body-md/line-height': "var(--type-body-md-line-height)";
27
18
  readonly 'type/body': "var(--type-body)";
28
- readonly 'type/body/line-height': "var(--type-body-line-height)";
29
19
  readonly 'type/body-sm': "var(--type-body-sm)";
30
- readonly 'type/body-sm/line-height': "var(--type-body-sm-line-height)";
31
20
  readonly 'type/caption': "var(--type-caption)";
21
+ readonly 'type/display/line-height': "var(--type-display-line-height)";
22
+ readonly 'type/h1/line-height': "var(--type-h1-line-height)";
23
+ readonly 'type/h2/line-height': "var(--type-h2-line-height)";
24
+ readonly 'type/h3/line-height': "var(--type-h3-line-height)";
25
+ readonly 'type/h4/line-height': "var(--type-h4-line-height)";
26
+ readonly 'type/h5/line-height': "var(--type-h5-line-height)";
27
+ readonly 'type/h6/line-height': "var(--type-h6-line-height)";
28
+ readonly 'type/body-lg/line-height': "var(--type-body-lg-line-height)";
29
+ readonly 'type/body-md/line-height': "var(--type-body-md-line-height)";
30
+ readonly 'type/body/line-height': "var(--type-body-line-height)";
31
+ readonly 'type/body-sm/line-height': "var(--type-body-sm-line-height)";
32
32
  readonly 'type/caption/line-height': "var(--type-caption-line-height)";
33
33
  };
34
34
  /** Interface tokens — modes: Light, Dark. */
@@ -54,6 +54,7 @@ export declare const ui: {
54
54
  readonly 'icon/secondary': "var(--icon-secondary)";
55
55
  readonly 'icon/tertiary': "var(--icon-tertiary)";
56
56
  readonly 'icon/disabled': "var(--icon-disabled)";
57
+ readonly 'icon/placeholder': "var(--icon-placeholder)";
57
58
  readonly 'icon/on-color': "var(--icon-on-color)";
58
59
  readonly 'icon/inverse': "var(--icon-inverse)";
59
60
  readonly 'icon/primary': "var(--icon-primary)";
@@ -237,6 +238,22 @@ export declare const primitives: {
237
238
  readonly 'spacing/80': "var(--spacing-80)";
238
239
  readonly 'spacing/96': "var(--spacing-96)";
239
240
  readonly 'spacing/128': "var(--spacing-128)";
241
+ readonly 'scale/0': "var(--scale-0)";
242
+ readonly 'scale/1': "var(--scale-1)";
243
+ readonly 'scale/2': "var(--scale-2)";
244
+ readonly 'scale/4': "var(--scale-4)";
245
+ readonly 'scale/6': "var(--scale-6)";
246
+ readonly 'scale/8': "var(--scale-8)";
247
+ readonly 'scale/10': "var(--scale-10)";
248
+ readonly 'scale/12': "var(--scale-12)";
249
+ readonly 'scale/14': "var(--scale-14)";
250
+ readonly 'scale/16': "var(--scale-16)";
251
+ readonly 'scale/20': "var(--scale-20)";
252
+ readonly 'scale/24': "var(--scale-24)";
253
+ readonly 'scale/32': "var(--scale-32)";
254
+ readonly 'scale/full': "var(--scale-full)";
255
+ readonly 'font/family/host-grotesk': "var(--font-family-host-grotesk)";
256
+ readonly 'font/family/space-mono': "var(--font-family-space-mono)";
240
257
  readonly 'font/size/12': "var(--font-size-12)";
241
258
  readonly 'font/size/14': "var(--font-size-14)";
242
259
  readonly 'font/size/16': "var(--font-size-16)";
@@ -250,6 +267,12 @@ export declare const primitives: {
250
267
  readonly 'font/size/56': "var(--font-size-56)";
251
268
  readonly 'font/size/64': "var(--font-size-64)";
252
269
  readonly 'font/size/72': "var(--font-size-72)";
270
+ readonly 'font/weight/400': "var(--font-weight-400)";
271
+ readonly 'font/weight/500': "var(--font-weight-500)";
272
+ readonly 'font/weight/600': "var(--font-weight-600)";
273
+ readonly 'font/weight/700': "var(--font-weight-700)";
274
+ readonly 'font/family/merriweather': "var(--font-family-merriweather)";
275
+ readonly 'font/family/stix-two-text': "var(--font-family-stix-two-text)";
253
276
  readonly 'color/alpha/black-05': "var(--color-alpha-black-05)";
254
277
  readonly 'color/alpha/black-10': "var(--color-alpha-black-10)";
255
278
  readonly 'color/alpha/black-40': "var(--color-alpha-black-40)";
@@ -258,28 +281,6 @@ export declare const primitives: {
258
281
  readonly 'color/alpha/white-10': "var(--color-alpha-white-10)";
259
282
  readonly 'color/alpha/white-20': "var(--color-alpha-white-20)";
260
283
  readonly 'font/size/36': "var(--font-size-36)";
261
- readonly 'scale/0': "var(--scale-0)";
262
- readonly 'scale/1': "var(--scale-1)";
263
- readonly 'scale/2': "var(--scale-2)";
264
- readonly 'scale/4': "var(--scale-4)";
265
- readonly 'scale/6': "var(--scale-6)";
266
- readonly 'scale/8': "var(--scale-8)";
267
- readonly 'scale/10': "var(--scale-10)";
268
- readonly 'scale/12': "var(--scale-12)";
269
- readonly 'scale/14': "var(--scale-14)";
270
- readonly 'scale/16': "var(--scale-16)";
271
- readonly 'scale/20': "var(--scale-20)";
272
- readonly 'scale/24': "var(--scale-24)";
273
- readonly 'scale/32': "var(--scale-32)";
274
- readonly 'scale/full': "var(--scale-full)";
275
- readonly 'font/family/host-grotesk': "var(--font-family-host-grotesk)";
276
- readonly 'font/family/merriweather': "var(--font-family-merriweather)";
277
- readonly 'font/family/space-mono': "var(--font-family-space-mono)";
278
- readonly 'font/family/stix-two-text': "var(--font-family-stix-two-text)";
279
- readonly 'font/weight/400': "var(--font-weight-400)";
280
- readonly 'font/weight/500': "var(--font-weight-500)";
281
- readonly 'font/weight/600': "var(--font-weight-600)";
282
- readonly 'font/weight/700': "var(--font-weight-700)";
283
284
  };
284
285
  /** Semantics tokens — modes: IonBase. */
285
286
  export declare const semantics: {
@@ -375,7 +376,6 @@ export declare const semantics: {
375
376
  readonly 'radius/full': "var(--radius-full)";
376
377
  readonly 'border-width/default': "var(--border-width-default)";
377
378
  readonly 'border-width/thick': "var(--border-width-thick)";
378
- readonly 'border-width/thicker': "var(--border-width-thicker)";
379
379
  readonly 'font/family/sans': "var(--font-family-sans)";
380
380
  readonly 'font/family/serif': "var(--font-family-serif)";
381
381
  readonly 'font/family/mono': "var(--font-family-mono)";
@@ -389,6 +389,7 @@ export declare const semantics: {
389
389
  readonly 'icon-size/md': "var(--icon-size-md)";
390
390
  readonly 'icon-size/lg': "var(--icon-size-lg)";
391
391
  readonly 'icon-size/xl': "var(--icon-size-xl)";
392
+ readonly 'border-width/thicker': "var(--border-width-thicker)";
392
393
  };
393
394
  export declare const tokens: {
394
395
  readonly breakpoint: {
@@ -399,28 +400,28 @@ export declare const tokens: {
399
400
  readonly 'section/gap-y': "var(--section-gap-y)";
400
401
  readonly 'section/gap-y-sm': "var(--section-gap-y-sm)";
401
402
  readonly 'type/display': "var(--type-display)";
402
- readonly 'type/display/line-height': "var(--type-display-line-height)";
403
403
  readonly 'type/h1': "var(--type-h1)";
404
- readonly 'type/h1/line-height': "var(--type-h1-line-height)";
405
404
  readonly 'type/h2': "var(--type-h2)";
406
- readonly 'type/h2/line-height': "var(--type-h2-line-height)";
407
405
  readonly 'type/h3': "var(--type-h3)";
408
- readonly 'type/h3/line-height': "var(--type-h3-line-height)";
409
406
  readonly 'type/h4': "var(--type-h4)";
410
- readonly 'type/h4/line-height': "var(--type-h4-line-height)";
411
407
  readonly 'type/h5': "var(--type-h5)";
412
- readonly 'type/h5/line-height': "var(--type-h5-line-height)";
413
408
  readonly 'type/h6': "var(--type-h6)";
414
- readonly 'type/h6/line-height': "var(--type-h6-line-height)";
415
409
  readonly 'type/body-lg': "var(--type-body-lg)";
416
- readonly 'type/body-lg/line-height': "var(--type-body-lg-line-height)";
417
410
  readonly 'type/body-md': "var(--type-body-md)";
418
- readonly 'type/body-md/line-height': "var(--type-body-md-line-height)";
419
411
  readonly 'type/body': "var(--type-body)";
420
- readonly 'type/body/line-height': "var(--type-body-line-height)";
421
412
  readonly 'type/body-sm': "var(--type-body-sm)";
422
- readonly 'type/body-sm/line-height': "var(--type-body-sm-line-height)";
423
413
  readonly 'type/caption': "var(--type-caption)";
414
+ readonly 'type/display/line-height': "var(--type-display-line-height)";
415
+ readonly 'type/h1/line-height': "var(--type-h1-line-height)";
416
+ readonly 'type/h2/line-height': "var(--type-h2-line-height)";
417
+ readonly 'type/h3/line-height': "var(--type-h3-line-height)";
418
+ readonly 'type/h4/line-height': "var(--type-h4-line-height)";
419
+ readonly 'type/h5/line-height': "var(--type-h5-line-height)";
420
+ readonly 'type/h6/line-height': "var(--type-h6-line-height)";
421
+ readonly 'type/body-lg/line-height': "var(--type-body-lg-line-height)";
422
+ readonly 'type/body-md/line-height': "var(--type-body-md-line-height)";
423
+ readonly 'type/body/line-height': "var(--type-body-line-height)";
424
+ readonly 'type/body-sm/line-height': "var(--type-body-sm-line-height)";
424
425
  readonly 'type/caption/line-height': "var(--type-caption-line-height)";
425
426
  };
426
427
  readonly ui: {
@@ -445,6 +446,7 @@ export declare const tokens: {
445
446
  readonly 'icon/secondary': "var(--icon-secondary)";
446
447
  readonly 'icon/tertiary': "var(--icon-tertiary)";
447
448
  readonly 'icon/disabled': "var(--icon-disabled)";
449
+ readonly 'icon/placeholder': "var(--icon-placeholder)";
448
450
  readonly 'icon/on-color': "var(--icon-on-color)";
449
451
  readonly 'icon/inverse': "var(--icon-inverse)";
450
452
  readonly 'icon/primary': "var(--icon-primary)";
@@ -627,6 +629,22 @@ export declare const tokens: {
627
629
  readonly 'spacing/80': "var(--spacing-80)";
628
630
  readonly 'spacing/96': "var(--spacing-96)";
629
631
  readonly 'spacing/128': "var(--spacing-128)";
632
+ readonly 'scale/0': "var(--scale-0)";
633
+ readonly 'scale/1': "var(--scale-1)";
634
+ readonly 'scale/2': "var(--scale-2)";
635
+ readonly 'scale/4': "var(--scale-4)";
636
+ readonly 'scale/6': "var(--scale-6)";
637
+ readonly 'scale/8': "var(--scale-8)";
638
+ readonly 'scale/10': "var(--scale-10)";
639
+ readonly 'scale/12': "var(--scale-12)";
640
+ readonly 'scale/14': "var(--scale-14)";
641
+ readonly 'scale/16': "var(--scale-16)";
642
+ readonly 'scale/20': "var(--scale-20)";
643
+ readonly 'scale/24': "var(--scale-24)";
644
+ readonly 'scale/32': "var(--scale-32)";
645
+ readonly 'scale/full': "var(--scale-full)";
646
+ readonly 'font/family/host-grotesk': "var(--font-family-host-grotesk)";
647
+ readonly 'font/family/space-mono': "var(--font-family-space-mono)";
630
648
  readonly 'font/size/12': "var(--font-size-12)";
631
649
  readonly 'font/size/14': "var(--font-size-14)";
632
650
  readonly 'font/size/16': "var(--font-size-16)";
@@ -640,6 +658,12 @@ export declare const tokens: {
640
658
  readonly 'font/size/56': "var(--font-size-56)";
641
659
  readonly 'font/size/64': "var(--font-size-64)";
642
660
  readonly 'font/size/72': "var(--font-size-72)";
661
+ readonly 'font/weight/400': "var(--font-weight-400)";
662
+ readonly 'font/weight/500': "var(--font-weight-500)";
663
+ readonly 'font/weight/600': "var(--font-weight-600)";
664
+ readonly 'font/weight/700': "var(--font-weight-700)";
665
+ readonly 'font/family/merriweather': "var(--font-family-merriweather)";
666
+ readonly 'font/family/stix-two-text': "var(--font-family-stix-two-text)";
643
667
  readonly 'color/alpha/black-05': "var(--color-alpha-black-05)";
644
668
  readonly 'color/alpha/black-10': "var(--color-alpha-black-10)";
645
669
  readonly 'color/alpha/black-40': "var(--color-alpha-black-40)";
@@ -648,28 +672,6 @@ export declare const tokens: {
648
672
  readonly 'color/alpha/white-10': "var(--color-alpha-white-10)";
649
673
  readonly 'color/alpha/white-20': "var(--color-alpha-white-20)";
650
674
  readonly 'font/size/36': "var(--font-size-36)";
651
- readonly 'scale/0': "var(--scale-0)";
652
- readonly 'scale/1': "var(--scale-1)";
653
- readonly 'scale/2': "var(--scale-2)";
654
- readonly 'scale/4': "var(--scale-4)";
655
- readonly 'scale/6': "var(--scale-6)";
656
- readonly 'scale/8': "var(--scale-8)";
657
- readonly 'scale/10': "var(--scale-10)";
658
- readonly 'scale/12': "var(--scale-12)";
659
- readonly 'scale/14': "var(--scale-14)";
660
- readonly 'scale/16': "var(--scale-16)";
661
- readonly 'scale/20': "var(--scale-20)";
662
- readonly 'scale/24': "var(--scale-24)";
663
- readonly 'scale/32': "var(--scale-32)";
664
- readonly 'scale/full': "var(--scale-full)";
665
- readonly 'font/family/host-grotesk': "var(--font-family-host-grotesk)";
666
- readonly 'font/family/merriweather': "var(--font-family-merriweather)";
667
- readonly 'font/family/space-mono': "var(--font-family-space-mono)";
668
- readonly 'font/family/stix-two-text': "var(--font-family-stix-two-text)";
669
- readonly 'font/weight/400': "var(--font-weight-400)";
670
- readonly 'font/weight/500': "var(--font-weight-500)";
671
- readonly 'font/weight/600': "var(--font-weight-600)";
672
- readonly 'font/weight/700': "var(--font-weight-700)";
673
675
  };
674
676
  readonly semantics: {
675
677
  readonly 'primary/50': "var(--primary-50)";
@@ -764,7 +766,6 @@ export declare const tokens: {
764
766
  readonly 'radius/full': "var(--radius-full)";
765
767
  readonly 'border-width/default': "var(--border-width-default)";
766
768
  readonly 'border-width/thick': "var(--border-width-thick)";
767
- readonly 'border-width/thicker': "var(--border-width-thicker)";
768
769
  readonly 'font/family/sans': "var(--font-family-sans)";
769
770
  readonly 'font/family/serif': "var(--font-family-serif)";
770
771
  readonly 'font/family/mono': "var(--font-family-mono)";
@@ -778,6 +779,7 @@ export declare const tokens: {
778
779
  readonly 'icon-size/md': "var(--icon-size-md)";
779
780
  readonly 'icon-size/lg': "var(--icon-size-lg)";
780
781
  readonly 'icon-size/xl': "var(--icon-size-xl)";
782
+ readonly 'border-width/thicker': "var(--border-width-thicker)";
781
783
  };
782
784
  };
783
785
  export type TokenTier = keyof typeof tokens;
@@ -825,116 +827,116 @@ export declare const tokenValues: {
825
827
  readonly Tablet: "{font.size.48}";
826
828
  readonly Mobile: "{font.size.36}";
827
829
  };
828
- readonly "type/display/line-height": {
829
- readonly Desktop: 72;
830
- readonly Tablet: 56;
831
- readonly Mobile: 44;
832
- };
833
830
  readonly "type/h1": {
834
831
  readonly Desktop: "{font.size.48}";
835
832
  readonly Tablet: "{font.size.40}";
836
833
  readonly Mobile: "{font.size.32}";
837
834
  };
838
- readonly "type/h1/line-height": {
839
- readonly Desktop: 56;
840
- readonly Tablet: 48;
841
- readonly Mobile: 40;
842
- };
843
835
  readonly "type/h2": {
844
836
  readonly Desktop: "{font.size.40}";
845
837
  readonly Tablet: "{font.size.32}";
846
838
  readonly Mobile: "{font.size.28}";
847
839
  };
848
- readonly "type/h2/line-height": {
849
- readonly Desktop: 48;
850
- readonly Tablet: 40;
851
- readonly Mobile: 36;
852
- };
853
840
  readonly "type/h3": {
854
841
  readonly Desktop: "{font.size.32}";
855
842
  readonly Tablet: "{font.size.28}";
856
843
  readonly Mobile: "{font.size.24}";
857
844
  };
858
- readonly "type/h3/line-height": {
859
- readonly Desktop: 40;
860
- readonly Tablet: 36;
861
- readonly Mobile: 32;
862
- };
863
845
  readonly "type/h4": {
864
846
  readonly Desktop: "{font.size.24}";
865
847
  readonly Tablet: "{font.size.24}";
866
848
  readonly Mobile: "{font.size.20}";
867
849
  };
868
- readonly "type/h4/line-height": {
869
- readonly Desktop: 32;
870
- readonly Tablet: 32;
871
- readonly Mobile: 28;
872
- };
873
850
  readonly "type/h5": {
874
851
  readonly Desktop: "{font.size.20}";
875
852
  readonly Tablet: "{font.size.20}";
876
853
  readonly Mobile: "{font.size.18}";
877
854
  };
878
- readonly "type/h5/line-height": {
879
- readonly Desktop: 28;
880
- readonly Tablet: 28;
881
- readonly Mobile: 26;
882
- };
883
855
  readonly "type/h6": {
884
856
  readonly Desktop: "{font.size.18}";
885
857
  readonly Tablet: "{font.size.16}";
886
858
  readonly Mobile: "{font.size.16}";
887
859
  };
888
- readonly "type/h6/line-height": {
889
- readonly Desktop: 26;
890
- readonly Tablet: 24;
891
- readonly Mobile: 24;
892
- };
893
860
  readonly "type/body-lg": {
894
861
  readonly Desktop: "{font.size.20}";
895
862
  readonly Tablet: "{font.size.20}";
896
863
  readonly Mobile: "{font.size.18}";
897
864
  };
898
- readonly "type/body-lg/line-height": {
899
- readonly Desktop: 32;
900
- readonly Tablet: 32;
901
- readonly Mobile: 30;
902
- };
903
865
  readonly "type/body-md": {
904
866
  readonly Desktop: "{font.size.18}";
905
867
  readonly Tablet: "{font.size.18}";
906
868
  readonly Mobile: "{font.size.16}";
907
869
  };
908
- readonly "type/body-md/line-height": {
909
- readonly Desktop: 28;
910
- readonly Tablet: 28;
911
- readonly Mobile: 26;
912
- };
913
870
  readonly "type/body": {
914
871
  readonly Desktop: "{font.size.16}";
915
872
  readonly Tablet: "{font.size.16}";
916
873
  readonly Mobile: "{font.size.16}";
917
874
  };
918
- readonly "type/body/line-height": {
919
- readonly Desktop: 24;
920
- readonly Tablet: 24;
921
- readonly Mobile: 24;
922
- };
923
875
  readonly "type/body-sm": {
924
876
  readonly Desktop: "{font.size.14}";
925
877
  readonly Tablet: "{font.size.14}";
926
878
  readonly Mobile: "{font.size.14}";
927
879
  };
928
- readonly "type/body-sm/line-height": {
929
- readonly Desktop: 20;
930
- readonly Tablet: 20;
931
- readonly Mobile: 20;
932
- };
933
880
  readonly "type/caption": {
934
881
  readonly Desktop: "{font.size.12}";
935
882
  readonly Tablet: "{font.size.12}";
936
883
  readonly Mobile: "{font.size.12}";
937
884
  };
885
+ readonly "type/display/line-height": {
886
+ readonly Desktop: 72;
887
+ readonly Tablet: 56;
888
+ readonly Mobile: 44;
889
+ };
890
+ readonly "type/h1/line-height": {
891
+ readonly Desktop: 56;
892
+ readonly Tablet: 48;
893
+ readonly Mobile: 40;
894
+ };
895
+ readonly "type/h2/line-height": {
896
+ readonly Desktop: 48;
897
+ readonly Tablet: 40;
898
+ readonly Mobile: 36;
899
+ };
900
+ readonly "type/h3/line-height": {
901
+ readonly Desktop: 40;
902
+ readonly Tablet: 36;
903
+ readonly Mobile: 32;
904
+ };
905
+ readonly "type/h4/line-height": {
906
+ readonly Desktop: 32;
907
+ readonly Tablet: 32;
908
+ readonly Mobile: 28;
909
+ };
910
+ readonly "type/h5/line-height": {
911
+ readonly Desktop: 28;
912
+ readonly Tablet: 28;
913
+ readonly Mobile: 26;
914
+ };
915
+ readonly "type/h6/line-height": {
916
+ readonly Desktop: 26;
917
+ readonly Tablet: 24;
918
+ readonly Mobile: 24;
919
+ };
920
+ readonly "type/body-lg/line-height": {
921
+ readonly Desktop: 32;
922
+ readonly Tablet: 32;
923
+ readonly Mobile: 30;
924
+ };
925
+ readonly "type/body-md/line-height": {
926
+ readonly Desktop: 28;
927
+ readonly Tablet: 28;
928
+ readonly Mobile: 26;
929
+ };
930
+ readonly "type/body/line-height": {
931
+ readonly Desktop: 24;
932
+ readonly Tablet: 24;
933
+ readonly Mobile: 24;
934
+ };
935
+ readonly "type/body-sm/line-height": {
936
+ readonly Desktop: 20;
937
+ readonly Tablet: 20;
938
+ readonly Mobile: 20;
939
+ };
938
940
  readonly "type/caption/line-height": {
939
941
  readonly Desktop: 18;
940
942
  readonly Tablet: 18;
@@ -954,7 +956,7 @@ export declare const tokenValues: {
954
956
  };
955
957
  readonly "text/placeholder": {
956
958
  readonly Light: "{neutral.400}";
957
- readonly Dark: "{neutral.500}";
959
+ readonly Dark: "{neutral.600}";
958
960
  };
959
961
  readonly "text/disabled": {
960
962
  readonly Light: "{neutral.500}";
@@ -981,7 +983,7 @@ export declare const tokenValues: {
981
983
  readonly Dark: "{success.400}";
982
984
  };
983
985
  readonly "text/warning": {
984
- readonly Light: "{warning.700}";
986
+ readonly Light: "{warning.600}";
985
987
  readonly Dark: "{warning.400}";
986
988
  };
987
989
  readonly "text/information": {
@@ -1024,6 +1026,10 @@ export declare const tokenValues: {
1024
1026
  readonly Light: "{neutral.500}";
1025
1027
  readonly Dark: "{neutral.500}";
1026
1028
  };
1029
+ readonly "icon/placeholder": {
1030
+ readonly Light: "{neutral.400}";
1031
+ readonly Dark: "{neutral.600}";
1032
+ };
1027
1033
  readonly "icon/on-color": {
1028
1034
  readonly Light: "{base.white}";
1029
1035
  readonly Dark: "{base.white}";
@@ -1646,6 +1652,54 @@ export declare const tokenValues: {
1646
1652
  readonly "spacing/128": {
1647
1653
  readonly Value: 128;
1648
1654
  };
1655
+ readonly "scale/0": {
1656
+ readonly Value: 0;
1657
+ };
1658
+ readonly "scale/1": {
1659
+ readonly Value: 1;
1660
+ };
1661
+ readonly "scale/2": {
1662
+ readonly Value: 2;
1663
+ };
1664
+ readonly "scale/4": {
1665
+ readonly Value: 4;
1666
+ };
1667
+ readonly "scale/6": {
1668
+ readonly Value: 6;
1669
+ };
1670
+ readonly "scale/8": {
1671
+ readonly Value: 8;
1672
+ };
1673
+ readonly "scale/10": {
1674
+ readonly Value: 10;
1675
+ };
1676
+ readonly "scale/12": {
1677
+ readonly Value: 12;
1678
+ };
1679
+ readonly "scale/14": {
1680
+ readonly Value: 14;
1681
+ };
1682
+ readonly "scale/16": {
1683
+ readonly Value: 16;
1684
+ };
1685
+ readonly "scale/20": {
1686
+ readonly Value: 20;
1687
+ };
1688
+ readonly "scale/24": {
1689
+ readonly Value: 24;
1690
+ };
1691
+ readonly "scale/32": {
1692
+ readonly Value: 32;
1693
+ };
1694
+ readonly "scale/full": {
1695
+ readonly Value: 9999;
1696
+ };
1697
+ readonly "font/family/host-grotesk": {
1698
+ readonly Value: "Host Grotesk";
1699
+ };
1700
+ readonly "font/family/space-mono": {
1701
+ readonly Value: "Space Mono";
1702
+ };
1649
1703
  readonly "font/size/12": {
1650
1704
  readonly Value: 12;
1651
1705
  };
@@ -1685,6 +1739,24 @@ export declare const tokenValues: {
1685
1739
  readonly "font/size/72": {
1686
1740
  readonly Value: 72;
1687
1741
  };
1742
+ readonly "font/weight/400": {
1743
+ readonly Value: "Regular";
1744
+ };
1745
+ readonly "font/weight/500": {
1746
+ readonly Value: "Medium";
1747
+ };
1748
+ readonly "font/weight/600": {
1749
+ readonly Value: "SemiBold";
1750
+ };
1751
+ readonly "font/weight/700": {
1752
+ readonly Value: "Bold";
1753
+ };
1754
+ readonly "font/family/merriweather": {
1755
+ readonly Value: "Merriweather";
1756
+ };
1757
+ readonly "font/family/stix-two-text": {
1758
+ readonly Value: "STIX Two Text";
1759
+ };
1688
1760
  readonly "color/alpha/black-05": {
1689
1761
  readonly Value: "#0000000d";
1690
1762
  };
@@ -1709,72 +1781,6 @@ export declare const tokenValues: {
1709
1781
  readonly "font/size/36": {
1710
1782
  readonly Value: 36;
1711
1783
  };
1712
- readonly "scale/0": {
1713
- readonly Value: 0;
1714
- };
1715
- readonly "scale/1": {
1716
- readonly Value: 1;
1717
- };
1718
- readonly "scale/2": {
1719
- readonly Value: 2;
1720
- };
1721
- readonly "scale/4": {
1722
- readonly Value: 4;
1723
- };
1724
- readonly "scale/6": {
1725
- readonly Value: 6;
1726
- };
1727
- readonly "scale/8": {
1728
- readonly Value: 8;
1729
- };
1730
- readonly "scale/10": {
1731
- readonly Value: 10;
1732
- };
1733
- readonly "scale/12": {
1734
- readonly Value: 12;
1735
- };
1736
- readonly "scale/14": {
1737
- readonly Value: 14;
1738
- };
1739
- readonly "scale/16": {
1740
- readonly Value: 16;
1741
- };
1742
- readonly "scale/20": {
1743
- readonly Value: 20;
1744
- };
1745
- readonly "scale/24": {
1746
- readonly Value: 24;
1747
- };
1748
- readonly "scale/32": {
1749
- readonly Value: 32;
1750
- };
1751
- readonly "scale/full": {
1752
- readonly Value: 9999;
1753
- };
1754
- readonly "font/family/host-grotesk": {
1755
- readonly Value: "Host Grotesk";
1756
- };
1757
- readonly "font/family/merriweather": {
1758
- readonly Value: "Merriweather";
1759
- };
1760
- readonly "font/family/space-mono": {
1761
- readonly Value: "Space Mono";
1762
- };
1763
- readonly "font/family/stix-two-text": {
1764
- readonly Value: "STIX Two Text";
1765
- };
1766
- readonly "font/weight/400": {
1767
- readonly Value: "Regular";
1768
- };
1769
- readonly "font/weight/500": {
1770
- readonly Value: "Medium";
1771
- };
1772
- readonly "font/weight/600": {
1773
- readonly Value: "SemiBold";
1774
- };
1775
- readonly "font/weight/700": {
1776
- readonly Value: "Bold";
1777
- };
1778
1784
  readonly "primary/50": {
1779
1785
  readonly IonBase: "{color.blue.50}";
1780
1786
  };
@@ -2051,9 +2057,6 @@ export declare const tokenValues: {
2051
2057
  readonly "border-width/thick": {
2052
2058
  readonly IonBase: "{scale.2}";
2053
2059
  };
2054
- readonly "border-width/thicker": {
2055
- readonly IonBase: "{scale.4}";
2056
- };
2057
2060
  readonly "font/family/sans": {
2058
2061
  readonly IonBase: "{font.family.host-grotesk}";
2059
2062
  };
@@ -2093,5 +2096,8 @@ export declare const tokenValues: {
2093
2096
  readonly "icon-size/xl": {
2094
2097
  readonly IonBase: "{spacing.32}";
2095
2098
  };
2099
+ readonly "border-width/thicker": {
2100
+ readonly IonBase: "{scale.4}";
2101
+ };
2096
2102
  };
2097
2103
  //# sourceMappingURL=index.d.ts.map
package/dist/tokens/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tokens/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tokens/index.ts"],"names":[],"mappings":"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"}