@yahoo/uds 3.154.0 → 3.155.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 (63) hide show
  1. package/dist/automated-config/dist/generated/generatedConfigs.cjs +10 -0
  2. package/dist/automated-config/dist/generated/generatedConfigs.d.cts +10 -0
  3. package/dist/automated-config/dist/generated/generatedConfigs.d.ts +10 -0
  4. package/dist/automated-config/dist/generated/generatedConfigs.js +10 -0
  5. package/dist/automated-config/dist/generated/universalTokensConfigAuto.cjs +10 -0
  6. package/dist/automated-config/dist/generated/universalTokensConfigAuto.js +10 -0
  7. package/dist/automated-config/dist/properties.cjs +101 -87
  8. package/dist/automated-config/dist/properties.d.cts +2 -0
  9. package/dist/automated-config/dist/properties.d.ts +2 -0
  10. package/dist/automated-config/dist/properties.js +101 -87
  11. package/dist/automated-config/dist/types/ComponentConfig.d.cts +2 -0
  12. package/dist/automated-config/dist/types/ComponentConfig.d.ts +2 -0
  13. package/dist/automated-config/dist/utils/buildConfigSchema.cjs +18 -0
  14. package/dist/automated-config/dist/utils/buildConfigSchema.d.cts +5 -1
  15. package/dist/automated-config/dist/utils/buildConfigSchema.d.ts +5 -1
  16. package/dist/automated-config/dist/utils/buildConfigSchema.js +18 -0
  17. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts +2 -2
  18. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.ts +2 -2
  19. package/dist/automated-config/dist/utils/getPaginationControlWidthPx.cjs +68 -0
  20. package/dist/automated-config/dist/utils/getPaginationControlWidthPx.d.cts +49 -0
  21. package/dist/automated-config/dist/utils/getPaginationControlWidthPx.d.ts +49 -0
  22. package/dist/automated-config/dist/utils/getPaginationControlWidthPx.js +66 -0
  23. package/dist/automated-config/dist/utils/index.cjs +55 -17
  24. package/dist/automated-config/dist/utils/index.d.cts +2 -0
  25. package/dist/automated-config/dist/utils/index.d.ts +2 -0
  26. package/dist/automated-config/dist/utils/index.js +55 -17
  27. package/dist/config/dist/index.cjs +979 -969
  28. package/dist/config/dist/index.js +979 -969
  29. package/dist/css/dist/packages/automated-config/dist/properties.cjs +101 -87
  30. package/dist/css/dist/packages/automated-config/dist/properties.js +101 -87
  31. package/dist/css/dist/packages/config/dist/index.cjs +979 -969
  32. package/dist/css/dist/packages/config/dist/index.js +979 -969
  33. package/dist/index.cjs +3 -0
  34. package/dist/index.d.cts +2 -1
  35. package/dist/index.d.ts +2 -1
  36. package/dist/index.js +2 -1
  37. package/dist/styles/styler.d.cts +9 -9
  38. package/dist/styles/styler.d.ts +9 -9
  39. package/dist/tailwind-internal/dist/packages/automated-config/dist/generated/generatedConfigs.cjs +10 -0
  40. package/dist/tailwind-internal/dist/packages/automated-config/dist/generated/generatedConfigs.js +10 -0
  41. package/dist/tailwind-internal/dist/packages/automated-config/dist/properties.cjs +101 -87
  42. package/dist/tailwind-internal/dist/packages/automated-config/dist/properties.js +101 -87
  43. package/dist/tailwind-internal/dist/packages/automated-config/dist/utils/index.cjs +54 -17
  44. package/dist/tailwind-internal/dist/packages/automated-config/dist/utils/index.js +54 -17
  45. package/dist/tailwind-internal/dist/packages/config/dist/index.cjs +979 -969
  46. package/dist/tailwind-internal/dist/packages/config/dist/index.js +979 -969
  47. package/dist/tailwind-internal/dist/utils/getShadowStyles.d.cts +2 -2
  48. package/dist/tailwind-internal/dist/utils/getShadowStyles.d.ts +2 -2
  49. package/dist/tokens/automation/index.cjs +3 -0
  50. package/dist/tokens/automation/index.d.cts +2 -1
  51. package/dist/tokens/automation/index.d.ts +2 -1
  52. package/dist/tokens/automation/index.js +2 -1
  53. package/dist/tokens/index.cjs +3 -0
  54. package/dist/tokens/index.d.cts +2 -1
  55. package/dist/tokens/index.d.ts +2 -1
  56. package/dist/tokens/index.js +2 -1
  57. package/dist/uds/generated/componentData.cjs +382 -382
  58. package/dist/uds/generated/componentData.js +382 -382
  59. package/dist/uds/generated/migrationSchemaVersion.cjs +1 -1
  60. package/dist/uds/generated/migrationSchemaVersion.js +1 -1
  61. package/generated/componentData.json +606 -606
  62. package/generated/migrationSchemaVersion.ts +1 -1
  63. package/package.json +1 -1
@@ -17496,168 +17496,91 @@ const defaultTokensConfig = {
17496
17496
  }
17497
17497
  }
17498
17498
  },
17499
- popover: {
17499
+ pagination: {
17500
17500
  defaults: {
17501
- size: "default",
17501
+ size: "md",
17502
17502
  variant: "default"
17503
17503
  },
17504
17504
  variables: {
17505
- "size/default/closeIcon": { size: { rest: {
17505
+ "size/md/icon": { size: { rest: {
17506
17506
  type: "iconSizes",
17507
17507
  value: "sm",
17508
17508
  valueType: "alias"
17509
17509
  } } },
17510
- "size/default/closeIconContainer": { spacing: { rest: {
17511
- type: "spacingAliases",
17512
- value: "2",
17513
- valueType: "alias"
17514
- } } },
17515
- "size/default/contentWrapper": {
17516
- gap: { rest: {
17517
- type: "spacingAliases",
17518
- value: "3",
17510
+ "size/md/item": {
17511
+ borderRadius: { rest: {
17512
+ type: "borderRadii",
17513
+ value: "full",
17519
17514
  valueType: "alias"
17520
17515
  } },
17521
- spacingHorizontal: { rest: {
17522
- type: "spacingAliases",
17523
- value: "5",
17516
+ paginationWidthVar: { rest: {
17517
+ type: "positiveIntegers",
17518
+ value: 32,
17524
17519
  valueType: "alias"
17525
17520
  } },
17526
- spacingVertical: { rest: {
17521
+ spacing: { rest: {
17527
17522
  type: "spacingAliases",
17528
- value: "5",
17523
+ value: "2",
17529
17524
  valueType: "alias"
17530
17525
  } }
17531
17526
  },
17532
- "size/default/root": { shadow: { rest: {
17533
- type: "elevationAliases",
17534
- value: "elevation-4",
17535
- valueType: "alias"
17536
- } } },
17537
- "size/default/svgBase": { borderRadius: { rest: {
17538
- type: "borderRadii",
17539
- value: "lg",
17527
+ "size/md/root": { gap: { rest: {
17528
+ type: "spacingAliases",
17529
+ value: "1",
17540
17530
  valueType: "alias"
17541
17531
  } } },
17542
- "size/default/svgBorder": { strokeWidth: { rest: {
17543
- type: "elevationAliases",
17544
- value: "elevation-4",
17532
+ "size/md/text": { textVariant: { rest: {
17533
+ type: "textVariants",
17534
+ value: "ui2",
17545
17535
  valueType: "alias"
17546
17536
  } } },
17547
- "variant/default/blur": { backdropBlur: { rest: {
17548
- type: "positiveIntegers",
17549
- value: 0,
17550
- valueType: "custom"
17551
- } } },
17552
- "variant/default/closeIcon": { color: { rest: {
17553
- type: "foregroundPaletteColors",
17554
- value: "primary",
17537
+ "size/sm/icon": { size: { rest: {
17538
+ type: "iconSizes",
17539
+ value: "sm",
17555
17540
  valueType: "alias"
17556
17541
  } } },
17557
- "variant/default/root": {},
17558
- "variant/default/svgBase": {
17559
- backgroundColor: { rest: {
17560
- type: "elevationAliases",
17561
- value: "elevation-3",
17562
- valueType: "alias"
17563
- } },
17564
- blurBackgroundColorFallback: { rest: {
17565
- type: "elevationAliases",
17566
- value: "elevation-3",
17567
- valueType: "alias"
17568
- } },
17569
- fillOpacity: { rest: {
17570
- type: "opacitySteps",
17571
- value: "100",
17572
- valueType: "alias"
17573
- } }
17574
- },
17575
- "variant/default/svgBorder": { stroke: { rest: {
17576
- type: "elevationAliases",
17577
- value: "elevation-3",
17578
- valueType: "alias"
17579
- } } }
17580
- }
17581
- },
17582
- radio: {
17583
- defaults: {
17584
- size: "sm",
17585
- variant: "primary"
17586
- },
17587
- variables: {
17588
- "size/md/radio": {
17589
- borderWidth: { rest: {
17590
- type: "borderWidths",
17591
- value: "thin",
17592
- valueType: "alias"
17593
- } },
17594
- height: { rest: {
17595
- type: "spacingAliases",
17596
- value: "5",
17597
- valueType: "alias"
17598
- } },
17599
- width: { rest: {
17600
- type: "spacingAliases",
17601
- value: "5",
17602
- valueType: "alias"
17603
- } }
17604
- },
17605
- "size/md/root": {
17606
- gap: { rest: {
17607
- type: "spacingAliases",
17608
- value: "2.5",
17609
- valueType: "alias"
17610
- } },
17611
- textVariant: { rest: {
17612
- type: "textVariants",
17613
- value: "ui2",
17614
- valueType: "alias"
17615
- } }
17616
- },
17617
- "size/sm/radio": {
17618
- borderWidth: { rest: {
17619
- type: "borderWidths",
17620
- value: "thin",
17542
+ "size/sm/item": {
17543
+ borderRadius: { rest: {
17544
+ type: "borderRadii",
17545
+ value: "full",
17621
17546
  valueType: "alias"
17622
17547
  } },
17623
- height: { rest: {
17624
- type: "spacingAliases",
17625
- value: "4.5",
17548
+ paginationWidthVar: { rest: {
17549
+ type: "positiveIntegers",
17550
+ value: 28,
17626
17551
  valueType: "alias"
17627
17552
  } },
17628
- width: { rest: {
17629
- type: "spacingAliases",
17630
- value: "4.5",
17631
- valueType: "alias"
17632
- } }
17633
- },
17634
- "size/sm/root": {
17635
- gap: { rest: {
17553
+ spacing: { rest: {
17636
17554
  type: "spacingAliases",
17637
- value: "2",
17638
- valueType: "alias"
17639
- } },
17640
- textVariant: { rest: {
17641
- type: "textVariants",
17642
- value: "ui4",
17555
+ value: "1.5",
17643
17556
  valueType: "alias"
17644
17557
  } }
17645
17558
  },
17646
- "variant/alert-secondary/value/checked/radio": {
17559
+ "size/sm/root": { gap: { rest: {
17560
+ type: "spacingAliases",
17561
+ value: "1",
17562
+ valueType: "alias"
17563
+ } } },
17564
+ "size/sm/text": { textVariant: { rest: {
17565
+ type: "textVariants",
17566
+ value: "ui2",
17567
+ valueType: "alias"
17568
+ } } },
17569
+ "variant/default/active/off/root": {
17647
17570
  backgroundColor: {
17648
17571
  hover: {
17649
17572
  type: "backgroundPaletteColors",
17650
- value: "alert-secondary",
17573
+ value: "brand-secondary",
17651
17574
  valueType: "alias"
17652
17575
  },
17653
17576
  pressed: {
17654
- type: "backgroundPaletteColors",
17655
- value: "alert-secondary",
17577
+ type: "spectrumColors",
17578
+ value: "purple-2",
17656
17579
  valueType: "alias"
17657
17580
  },
17658
17581
  rest: {
17659
- type: "backgroundPaletteColors",
17660
- value: "alert-secondary",
17582
+ type: "alwaysPaletteAliases",
17583
+ value: "always/transparent",
17661
17584
  valueType: "alias"
17662
17585
  }
17663
17586
  },
@@ -17678,107 +17601,37 @@ const defaultTokensConfig = {
17678
17601
  valueType: "alias"
17679
17602
  }
17680
17603
  },
17681
- insetShadow: {
17682
- hover: {
17683
- type: "shadowVariantsWithInvert",
17684
- value: "xl-invert",
17685
- valueType: "alias"
17686
- },
17687
- pressed: {
17688
- type: "shadowVariantsWithInvert",
17689
- value: "xl-invert",
17690
- valueType: "alias"
17691
- },
17692
- rest: {
17693
- type: "shadowVariantsWithInvert",
17694
- value: "none",
17695
- valueType: "alias"
17696
- }
17697
- },
17698
- shadow: {
17604
+ borderWidth: {
17699
17605
  hover: {
17700
- type: "shadowVariants",
17606
+ type: "borderWidths",
17701
17607
  value: "none",
17702
17608
  valueType: "alias"
17703
17609
  },
17704
17610
  pressed: {
17705
- type: "shadowVariants",
17611
+ type: "borderWidths",
17706
17612
  value: "none",
17707
17613
  valueType: "alias"
17708
17614
  },
17709
17615
  rest: {
17710
- type: "shadowVariants",
17616
+ type: "borderWidths",
17711
17617
  value: "none",
17712
17618
  valueType: "alias"
17713
17619
  }
17714
- }
17715
- },
17716
- "variant/alert-secondary/value/checked/radioCircle": { backgroundColor: {
17717
- hover: {
17718
- type: "spectrumColors",
17719
- value: "red-11",
17720
- valueType: "alias"
17721
- },
17722
- pressed: {
17723
- type: "backgroundPaletteColors",
17724
- value: "alert",
17725
- valueType: "alias"
17726
- },
17727
- rest: {
17728
- type: "backgroundPaletteColors",
17729
- value: "alert",
17730
- valueType: "alias"
17731
- }
17732
- } },
17733
- "variant/alert-secondary/value/checked/root": { color: {
17734
- hover: {
17735
- type: "foregroundPaletteColors",
17736
- value: "alert-secondary",
17737
- valueType: "alias"
17738
- },
17739
- pressed: {
17740
- type: "foregroundPaletteColors",
17741
- value: "alert",
17742
- valueType: "alias"
17743
17620
  },
17744
- rest: {
17745
- type: "foregroundPaletteColors",
17746
- value: "alert",
17747
- valueType: "alias"
17748
- }
17749
- } },
17750
- "variant/alert-secondary/value/unchecked/radio": {
17751
- backgroundColor: {
17621
+ color: {
17752
17622
  hover: {
17753
- type: "spectrumColors",
17754
- value: "carbon-3",
17755
- valueType: "alias"
17756
- },
17757
- pressed: {
17758
- type: "spectrumColors",
17759
- value: "red-2",
17760
- valueType: "alias"
17761
- },
17762
- rest: {
17763
- type: "backgroundPaletteColors",
17623
+ type: "foregroundPaletteColors",
17764
17624
  value: "secondary",
17765
17625
  valueType: "alias"
17766
- }
17767
- },
17768
- borderColor: {
17769
- hover: {
17770
- type: "linePaletteColors",
17771
- value: "alert-secondary",
17772
- valueType: "alias"
17773
17626
  },
17774
17627
  pressed: {
17775
- type: "linePaletteColors",
17776
- value: "alert-secondary",
17628
+ type: "foregroundPaletteColors",
17629
+ value: "secondary",
17777
17630
  valueType: "alias"
17778
17631
  },
17779
17632
  rest: {
17780
- type: "linePaletteColors",
17781
- value: "alert-secondary",
17633
+ type: "foregroundPaletteColors",
17634
+ value: "secondary",
17782
17635
  valueType: "alias"
17783
17636
  }
17784
17637
  },
@@ -17790,7 +17643,7 @@ const defaultTokensConfig = {
17790
17643
  },
17791
17644
  pressed: {
17792
17645
  type: "shadowVariantsWithInvert",
17793
- value: "2xl-invert",
17646
+ value: "sm",
17794
17647
  valueType: "alias"
17795
17648
  },
17796
17649
  rest: {
@@ -17817,55 +17670,21 @@ const defaultTokensConfig = {
17817
17670
  }
17818
17671
  }
17819
17672
  },
17820
- "variant/alert-secondary/value/unchecked/radioCircle": { backgroundColor: {
17821
- hover: {
17822
- type: "backgroundPaletteColors",
17823
- value: "alert-secondary",
17824
- valueType: "alias"
17825
- },
17826
- pressed: {
17827
- type: "backgroundPaletteColors",
17828
- value: "alert-secondary",
17829
- valueType: "alias"
17830
- },
17831
- rest: {
17832
- type: "backgroundPaletteColors",
17833
- value: "alert-secondary",
17834
- valueType: "alias"
17835
- }
17836
- } },
17837
- "variant/alert-secondary/value/unchecked/root": { color: {
17838
- hover: {
17839
- type: "foregroundPaletteColors",
17840
- value: "alert-secondary",
17841
- valueType: "alias"
17842
- },
17843
- pressed: {
17844
- type: "foregroundPaletteColors",
17845
- value: "alert",
17846
- valueType: "alias"
17847
- },
17848
- rest: {
17849
- type: "foregroundPaletteColors",
17850
- value: "alert",
17851
- valueType: "alias"
17852
- }
17853
- } },
17854
- "variant/alert/value/checked/radio": {
17673
+ "variant/default/active/on/root": {
17855
17674
  backgroundColor: {
17856
17675
  hover: {
17857
17676
  type: "backgroundPaletteColors",
17858
- value: "alert",
17677
+ value: "brand",
17859
17678
  valueType: "alias"
17860
17679
  },
17861
17680
  pressed: {
17862
17681
  type: "backgroundPaletteColors",
17863
- value: "alert",
17682
+ value: "brand",
17864
17683
  valueType: "alias"
17865
17684
  },
17866
17685
  rest: {
17867
17686
  type: "backgroundPaletteColors",
17868
- value: "alert",
17687
+ value: "brand",
17869
17688
  valueType: "alias"
17870
17689
  }
17871
17690
  },
@@ -17886,107 +17705,37 @@ const defaultTokensConfig = {
17886
17705
  valueType: "alias"
17887
17706
  }
17888
17707
  },
17889
- insetShadow: {
17890
- hover: {
17891
- type: "shadowVariantsWithInvert",
17892
- value: "xl",
17893
- valueType: "alias"
17894
- },
17895
- pressed: {
17896
- type: "shadowVariantsWithInvert",
17897
- value: "xl",
17898
- valueType: "alias"
17899
- },
17900
- rest: {
17901
- type: "shadowVariantsWithInvert",
17902
- value: "none",
17903
- valueType: "alias"
17904
- }
17905
- },
17906
- shadow: {
17708
+ borderWidth: {
17907
17709
  hover: {
17908
- type: "shadowVariants",
17710
+ type: "borderWidths",
17909
17711
  value: "none",
17910
17712
  valueType: "alias"
17911
17713
  },
17912
17714
  pressed: {
17913
- type: "shadowVariants",
17715
+ type: "borderWidths",
17914
17716
  value: "none",
17915
17717
  valueType: "alias"
17916
17718
  },
17917
17719
  rest: {
17918
- type: "shadowVariants",
17720
+ type: "borderWidths",
17919
17721
  value: "none",
17920
17722
  valueType: "alias"
17921
17723
  }
17922
- }
17923
- },
17924
- "variant/alert/value/checked/radioCircle": { backgroundColor: {
17925
- hover: {
17926
- type: "backgroundPaletteColors",
17927
- value: "primary",
17928
- valueType: "alias"
17929
- },
17930
- pressed: {
17931
- type: "backgroundPaletteColors",
17932
- value: "primary",
17933
- valueType: "alias"
17934
- },
17935
- rest: {
17936
- type: "backgroundPaletteColors",
17937
- value: "primary",
17938
- valueType: "alias"
17939
- }
17940
- } },
17941
- "variant/alert/value/checked/root": { color: {
17942
- hover: {
17943
- type: "foregroundPaletteColors",
17944
- value: "alert-secondary",
17945
- valueType: "alias"
17946
- },
17947
- pressed: {
17948
- type: "foregroundPaletteColors",
17949
- value: "alert",
17950
- valueType: "alias"
17951
- },
17952
- rest: {
17953
- type: "foregroundPaletteColors",
17954
- value: "alert",
17955
- valueType: "alias"
17956
- }
17957
- } },
17958
- "variant/alert/value/unchecked/radio": {
17959
- backgroundColor: {
17960
- hover: {
17961
- type: "spectrumColors",
17962
- value: "carbon-3",
17963
- valueType: "alias"
17964
- },
17965
- pressed: {
17966
- type: "backgroundPaletteColors",
17967
- value: "alert",
17968
- valueType: "alias"
17969
- },
17970
- rest: {
17971
- type: "backgroundPaletteColors",
17972
- value: "secondary",
17973
- valueType: "alias"
17974
- }
17975
17724
  },
17976
- borderColor: {
17725
+ color: {
17977
17726
  hover: {
17978
- type: "linePaletteColors",
17979
- value: "alert",
17727
+ type: "foregroundPaletteColors",
17728
+ value: "on-color",
17980
17729
  valueType: "alias"
17981
17730
  },
17982
17731
  pressed: {
17983
- type: "linePaletteColors",
17984
- value: "alert",
17732
+ type: "foregroundPaletteColors",
17733
+ value: "on-color",
17985
17734
  valueType: "alias"
17986
17735
  },
17987
17736
  rest: {
17988
- type: "linePaletteColors",
17989
- value: "alert",
17737
+ type: "foregroundPaletteColors",
17738
+ value: "on-color",
17990
17739
  valueType: "alias"
17991
17740
  }
17992
17741
  },
@@ -17998,7 +17747,7 @@ const defaultTokensConfig = {
17998
17747
  },
17999
17748
  pressed: {
18000
17749
  type: "shadowVariantsWithInvert",
18001
- value: "2xl-invert",
17750
+ value: "none",
18002
17751
  valueType: "alias"
18003
17752
  },
18004
17753
  rest: {
@@ -18024,62 +17773,177 @@ const defaultTokensConfig = {
18024
17773
  valueType: "alias"
18025
17774
  }
18026
17775
  }
18027
- },
18028
- "variant/alert/value/unchecked/radioCircle": { backgroundColor: {
18029
- hover: {
18030
- type: "backgroundPaletteColors",
18031
- value: "alert",
17776
+ }
17777
+ }
17778
+ },
17779
+ popover: {
17780
+ defaults: {
17781
+ size: "default",
17782
+ variant: "default"
17783
+ },
17784
+ variables: {
17785
+ "size/default/closeIcon": { size: { rest: {
17786
+ type: "iconSizes",
17787
+ value: "sm",
17788
+ valueType: "alias"
17789
+ } } },
17790
+ "size/default/closeIconContainer": { spacing: { rest: {
17791
+ type: "spacingAliases",
17792
+ value: "2",
17793
+ valueType: "alias"
17794
+ } } },
17795
+ "size/default/contentWrapper": {
17796
+ gap: { rest: {
17797
+ type: "spacingAliases",
17798
+ value: "3",
18032
17799
  valueType: "alias"
18033
- },
18034
- pressed: {
18035
- type: "backgroundPaletteColors",
18036
- value: "alert",
17800
+ } },
17801
+ spacingHorizontal: { rest: {
17802
+ type: "spacingAliases",
17803
+ value: "5",
18037
17804
  valueType: "alias"
18038
- },
18039
- rest: {
18040
- type: "backgroundPaletteColors",
18041
- value: "alert",
17805
+ } },
17806
+ spacingVertical: { rest: {
17807
+ type: "spacingAliases",
17808
+ value: "5",
18042
17809
  valueType: "alias"
18043
- }
18044
- } },
18045
- "variant/alert/value/unchecked/root": { color: {
18046
- hover: {
18047
- type: "foregroundPaletteColors",
18048
- value: "alert",
17810
+ } }
17811
+ },
17812
+ "size/default/root": { shadow: { rest: {
17813
+ type: "elevationAliases",
17814
+ value: "elevation-4",
17815
+ valueType: "alias"
17816
+ } } },
17817
+ "size/default/svgBase": { borderRadius: { rest: {
17818
+ type: "borderRadii",
17819
+ value: "lg",
17820
+ valueType: "alias"
17821
+ } } },
17822
+ "size/default/svgBorder": { strokeWidth: { rest: {
17823
+ type: "elevationAliases",
17824
+ value: "elevation-4",
17825
+ valueType: "alias"
17826
+ } } },
17827
+ "variant/default/blur": { backdropBlur: { rest: {
17828
+ type: "positiveIntegers",
17829
+ value: 0,
17830
+ valueType: "custom"
17831
+ } } },
17832
+ "variant/default/closeIcon": { color: { rest: {
17833
+ type: "foregroundPaletteColors",
17834
+ value: "primary",
17835
+ valueType: "alias"
17836
+ } } },
17837
+ "variant/default/root": {},
17838
+ "variant/default/svgBase": {
17839
+ backgroundColor: { rest: {
17840
+ type: "elevationAliases",
17841
+ value: "elevation-3",
18049
17842
  valueType: "alias"
18050
- },
18051
- pressed: {
18052
- type: "foregroundPaletteColors",
18053
- value: "alert",
17843
+ } },
17844
+ blurBackgroundColorFallback: { rest: {
17845
+ type: "elevationAliases",
17846
+ value: "elevation-3",
18054
17847
  valueType: "alias"
18055
- },
18056
- rest: {
18057
- type: "foregroundPaletteColors",
18058
- value: "alert",
17848
+ } },
17849
+ fillOpacity: { rest: {
17850
+ type: "opacitySteps",
17851
+ value: "100",
18059
17852
  valueType: "alias"
18060
- }
18061
- } },
18062
- "variant/primary/value/checked/radio": {
18063
- backgroundColor: {
18064
- hover: {
18065
- type: "backgroundPaletteColors",
18066
- value: "brand",
18067
- valueType: "alias"
18068
- },
18069
- pressed: {
18070
- type: "spectrumColors",
18071
- value: "purple-10",
18072
- valueType: "alias"
18073
- },
18074
- rest: {
18075
- type: "backgroundPaletteColors",
18076
- value: "brand",
18077
- valueType: "alias"
18078
- }
18079
- },
18080
- borderColor: {
18081
- hover: {
18082
- type: "alwaysPaletteAliases",
17853
+ } }
17854
+ },
17855
+ "variant/default/svgBorder": { stroke: { rest: {
17856
+ type: "elevationAliases",
17857
+ value: "elevation-3",
17858
+ valueType: "alias"
17859
+ } } }
17860
+ }
17861
+ },
17862
+ radio: {
17863
+ defaults: {
17864
+ size: "sm",
17865
+ variant: "primary"
17866
+ },
17867
+ variables: {
17868
+ "size/md/radio": {
17869
+ borderWidth: { rest: {
17870
+ type: "borderWidths",
17871
+ value: "thin",
17872
+ valueType: "alias"
17873
+ } },
17874
+ height: { rest: {
17875
+ type: "spacingAliases",
17876
+ value: "5",
17877
+ valueType: "alias"
17878
+ } },
17879
+ width: { rest: {
17880
+ type: "spacingAliases",
17881
+ value: "5",
17882
+ valueType: "alias"
17883
+ } }
17884
+ },
17885
+ "size/md/root": {
17886
+ gap: { rest: {
17887
+ type: "spacingAliases",
17888
+ value: "2.5",
17889
+ valueType: "alias"
17890
+ } },
17891
+ textVariant: { rest: {
17892
+ type: "textVariants",
17893
+ value: "ui2",
17894
+ valueType: "alias"
17895
+ } }
17896
+ },
17897
+ "size/sm/radio": {
17898
+ borderWidth: { rest: {
17899
+ type: "borderWidths",
17900
+ value: "thin",
17901
+ valueType: "alias"
17902
+ } },
17903
+ height: { rest: {
17904
+ type: "spacingAliases",
17905
+ value: "4.5",
17906
+ valueType: "alias"
17907
+ } },
17908
+ width: { rest: {
17909
+ type: "spacingAliases",
17910
+ value: "4.5",
17911
+ valueType: "alias"
17912
+ } }
17913
+ },
17914
+ "size/sm/root": {
17915
+ gap: { rest: {
17916
+ type: "spacingAliases",
17917
+ value: "2",
17918
+ valueType: "alias"
17919
+ } },
17920
+ textVariant: { rest: {
17921
+ type: "textVariants",
17922
+ value: "ui4",
17923
+ valueType: "alias"
17924
+ } }
17925
+ },
17926
+ "variant/alert-secondary/value/checked/radio": {
17927
+ backgroundColor: {
17928
+ hover: {
17929
+ type: "backgroundPaletteColors",
17930
+ value: "alert-secondary",
17931
+ valueType: "alias"
17932
+ },
17933
+ pressed: {
17934
+ type: "backgroundPaletteColors",
17935
+ value: "alert-secondary",
17936
+ valueType: "alias"
17937
+ },
17938
+ rest: {
17939
+ type: "backgroundPaletteColors",
17940
+ value: "alert-secondary",
17941
+ valueType: "alias"
17942
+ }
17943
+ },
17944
+ borderColor: {
17945
+ hover: {
17946
+ type: "alwaysPaletteAliases",
18083
17947
  value: "always/transparent",
18084
17948
  valueType: "alias"
18085
17949
  },
@@ -18097,12 +17961,12 @@ const defaultTokensConfig = {
18097
17961
  insetShadow: {
18098
17962
  hover: {
18099
17963
  type: "shadowVariantsWithInvert",
18100
- value: "2xl-invert",
17964
+ value: "xl-invert",
18101
17965
  valueType: "alias"
18102
17966
  },
18103
17967
  pressed: {
18104
17968
  type: "shadowVariantsWithInvert",
18105
- value: "md",
17969
+ value: "xl-invert",
18106
17970
  valueType: "alias"
18107
17971
  },
18108
17972
  rest: {
@@ -18129,41 +17993,41 @@ const defaultTokensConfig = {
18129
17993
  }
18130
17994
  }
18131
17995
  },
18132
- "variant/primary/value/checked/radioCircle": { backgroundColor: {
17996
+ "variant/alert-secondary/value/checked/radioCircle": { backgroundColor: {
18133
17997
  hover: {
18134
- type: "alwaysPaletteAliases",
18135
- value: "always/white",
17998
+ type: "spectrumColors",
17999
+ value: "red-11",
18136
18000
  valueType: "alias"
18137
18001
  },
18138
18002
  pressed: {
18139
- type: "alwaysPaletteAliases",
18140
- value: "always/white",
18003
+ type: "backgroundPaletteColors",
18004
+ value: "alert",
18141
18005
  valueType: "alias"
18142
18006
  },
18143
18007
  rest: {
18144
- type: "alwaysPaletteAliases",
18145
- value: "always/white",
18008
+ type: "backgroundPaletteColors",
18009
+ value: "alert",
18146
18010
  valueType: "alias"
18147
18011
  }
18148
18012
  } },
18149
- "variant/primary/value/checked/root": { color: {
18013
+ "variant/alert-secondary/value/checked/root": { color: {
18150
18014
  hover: {
18151
18015
  type: "foregroundPaletteColors",
18152
- value: "secondary",
18016
+ value: "alert-secondary",
18153
18017
  valueType: "alias"
18154
18018
  },
18155
18019
  pressed: {
18156
18020
  type: "foregroundPaletteColors",
18157
- value: "primary",
18021
+ value: "alert",
18158
18022
  valueType: "alias"
18159
18023
  },
18160
18024
  rest: {
18161
18025
  type: "foregroundPaletteColors",
18162
- value: "primary",
18026
+ value: "alert",
18163
18027
  valueType: "alias"
18164
18028
  }
18165
18029
  } },
18166
- "variant/primary/value/unchecked/radio": {
18030
+ "variant/alert-secondary/value/unchecked/radio": {
18167
18031
  backgroundColor: {
18168
18032
  hover: {
18169
18033
  type: "spectrumColors",
@@ -18172,7 +18036,7 @@ const defaultTokensConfig = {
18172
18036
  },
18173
18037
  pressed: {
18174
18038
  type: "spectrumColors",
18175
- value: "purple-4",
18039
+ value: "red-2",
18176
18040
  valueType: "alias"
18177
18041
  },
18178
18042
  rest: {
@@ -18184,17 +18048,17 @@ const defaultTokensConfig = {
18184
18048
  borderColor: {
18185
18049
  hover: {
18186
18050
  type: "linePaletteColors",
18187
- value: "tertiary",
18051
+ value: "alert-secondary",
18188
18052
  valueType: "alias"
18189
18053
  },
18190
18054
  pressed: {
18191
- type: "alwaysPaletteAliases",
18192
- value: "always/transparent",
18055
+ type: "linePaletteColors",
18056
+ value: "alert-secondary",
18193
18057
  valueType: "alias"
18194
18058
  },
18195
18059
  rest: {
18196
18060
  type: "linePaletteColors",
18197
- value: "tertiary",
18061
+ value: "alert-secondary",
18198
18062
  valueType: "alias"
18199
18063
  }
18200
18064
  },
@@ -18233,55 +18097,55 @@ const defaultTokensConfig = {
18233
18097
  }
18234
18098
  }
18235
18099
  },
18236
- "variant/primary/value/unchecked/radioCircle": { backgroundColor: {
18100
+ "variant/alert-secondary/value/unchecked/radioCircle": { backgroundColor: {
18237
18101
  hover: {
18238
18102
  type: "backgroundPaletteColors",
18239
- value: "brand",
18103
+ value: "alert-secondary",
18240
18104
  valueType: "alias"
18241
18105
  },
18242
18106
  pressed: {
18243
18107
  type: "backgroundPaletteColors",
18244
- value: "brand",
18108
+ value: "alert-secondary",
18245
18109
  valueType: "alias"
18246
18110
  },
18247
18111
  rest: {
18248
18112
  type: "backgroundPaletteColors",
18249
- value: "brand",
18113
+ value: "alert-secondary",
18250
18114
  valueType: "alias"
18251
18115
  }
18252
18116
  } },
18253
- "variant/primary/value/unchecked/root": { color: {
18117
+ "variant/alert-secondary/value/unchecked/root": { color: {
18254
18118
  hover: {
18255
18119
  type: "foregroundPaletteColors",
18256
- value: "primary",
18120
+ value: "alert-secondary",
18257
18121
  valueType: "alias"
18258
18122
  },
18259
18123
  pressed: {
18260
18124
  type: "foregroundPaletteColors",
18261
- value: "primary",
18125
+ value: "alert",
18262
18126
  valueType: "alias"
18263
18127
  },
18264
18128
  rest: {
18265
18129
  type: "foregroundPaletteColors",
18266
- value: "primary",
18130
+ value: "alert",
18267
18131
  valueType: "alias"
18268
18132
  }
18269
18133
  } },
18270
- "variant/secondary/value/checked/radio": {
18134
+ "variant/alert/value/checked/radio": {
18271
18135
  backgroundColor: {
18272
18136
  hover: {
18273
18137
  type: "backgroundPaletteColors",
18274
- value: "brand-secondary",
18138
+ value: "alert",
18275
18139
  valueType: "alias"
18276
18140
  },
18277
18141
  pressed: {
18278
18142
  type: "backgroundPaletteColors",
18279
- value: "brand-secondary",
18143
+ value: "alert",
18280
18144
  valueType: "alias"
18281
18145
  },
18282
18146
  rest: {
18283
18147
  type: "backgroundPaletteColors",
18284
- value: "brand-secondary",
18148
+ value: "alert",
18285
18149
  valueType: "alias"
18286
18150
  }
18287
18151
  },
@@ -18305,12 +18169,12 @@ const defaultTokensConfig = {
18305
18169
  insetShadow: {
18306
18170
  hover: {
18307
18171
  type: "shadowVariantsWithInvert",
18308
- value: "md-invert",
18172
+ value: "xl",
18309
18173
  valueType: "alias"
18310
18174
  },
18311
18175
  pressed: {
18312
18176
  type: "shadowVariantsWithInvert",
18313
- value: "md-invert",
18177
+ value: "xl",
18314
18178
  valueType: "alias"
18315
18179
  },
18316
18180
  rest: {
@@ -18337,41 +18201,41 @@ const defaultTokensConfig = {
18337
18201
  }
18338
18202
  }
18339
18203
  },
18340
- "variant/secondary/value/checked/radioCircle": { backgroundColor: {
18204
+ "variant/alert/value/checked/radioCircle": { backgroundColor: {
18341
18205
  hover: {
18342
18206
  type: "backgroundPaletteColors",
18343
- value: "brand",
18207
+ value: "primary",
18344
18208
  valueType: "alias"
18345
18209
  },
18346
18210
  pressed: {
18347
18211
  type: "backgroundPaletteColors",
18348
- value: "brand",
18212
+ value: "primary",
18349
18213
  valueType: "alias"
18350
18214
  },
18351
18215
  rest: {
18352
18216
  type: "backgroundPaletteColors",
18353
- value: "brand",
18217
+ value: "primary",
18354
18218
  valueType: "alias"
18355
18219
  }
18356
18220
  } },
18357
- "variant/secondary/value/checked/root": { color: {
18221
+ "variant/alert/value/checked/root": { color: {
18358
18222
  hover: {
18359
18223
  type: "foregroundPaletteColors",
18360
- value: "primary",
18224
+ value: "alert-secondary",
18361
18225
  valueType: "alias"
18362
18226
  },
18363
18227
  pressed: {
18364
18228
  type: "foregroundPaletteColors",
18365
- value: "secondary",
18229
+ value: "alert",
18366
18230
  valueType: "alias"
18367
18231
  },
18368
18232
  rest: {
18369
18233
  type: "foregroundPaletteColors",
18370
- value: "secondary",
18234
+ value: "alert",
18371
18235
  valueType: "alias"
18372
18236
  }
18373
18237
  } },
18374
- "variant/secondary/value/unchecked/radio": {
18238
+ "variant/alert/value/unchecked/radio": {
18375
18239
  backgroundColor: {
18376
18240
  hover: {
18377
18241
  type: "spectrumColors",
@@ -18379,8 +18243,8 @@ const defaultTokensConfig = {
18379
18243
  valueType: "alias"
18380
18244
  },
18381
18245
  pressed: {
18382
- type: "spectrumColors",
18383
- value: "purple-1",
18246
+ type: "backgroundPaletteColors",
18247
+ value: "alert",
18384
18248
  valueType: "alias"
18385
18249
  },
18386
18250
  rest: {
@@ -18392,17 +18256,17 @@ const defaultTokensConfig = {
18392
18256
  borderColor: {
18393
18257
  hover: {
18394
18258
  type: "linePaletteColors",
18395
- value: "secondary",
18259
+ value: "alert",
18396
18260
  valueType: "alias"
18397
18261
  },
18398
18262
  pressed: {
18399
- type: "alwaysPaletteAliases",
18400
- value: "always/transparent",
18263
+ type: "linePaletteColors",
18264
+ value: "alert",
18401
18265
  valueType: "alias"
18402
18266
  },
18403
18267
  rest: {
18404
18268
  type: "linePaletteColors",
18405
- value: "secondary",
18269
+ value: "alert",
18406
18270
  valueType: "alias"
18407
18271
  }
18408
18272
  },
@@ -18441,89 +18305,505 @@ const defaultTokensConfig = {
18441
18305
  }
18442
18306
  }
18443
18307
  },
18444
- "variant/secondary/value/unchecked/radioCircle": { backgroundColor: {
18308
+ "variant/alert/value/unchecked/radioCircle": { backgroundColor: {
18445
18309
  hover: {
18446
18310
  type: "backgroundPaletteColors",
18447
- value: "brand-secondary",
18311
+ value: "alert",
18448
18312
  valueType: "alias"
18449
18313
  },
18450
18314
  pressed: {
18451
18315
  type: "backgroundPaletteColors",
18452
- value: "brand-secondary",
18316
+ value: "alert",
18453
18317
  valueType: "alias"
18454
18318
  },
18455
18319
  rest: {
18456
18320
  type: "backgroundPaletteColors",
18457
- value: "brand-secondary",
18321
+ value: "alert",
18458
18322
  valueType: "alias"
18459
18323
  }
18460
18324
  } },
18461
- "variant/secondary/value/unchecked/root": { color: {
18325
+ "variant/alert/value/unchecked/root": { color: {
18462
18326
  hover: {
18463
18327
  type: "foregroundPaletteColors",
18464
- value: "secondary",
18328
+ value: "alert",
18465
18329
  valueType: "alias"
18466
18330
  },
18467
18331
  pressed: {
18468
18332
  type: "foregroundPaletteColors",
18469
- value: "secondary",
18333
+ value: "alert",
18470
18334
  valueType: "alias"
18471
18335
  },
18472
18336
  rest: {
18473
18337
  type: "foregroundPaletteColors",
18474
- value: "secondary",
18338
+ value: "alert",
18475
18339
  valueType: "alias"
18476
18340
  }
18477
- } }
18478
- }
18479
- },
18480
- scaleMode: {
18481
- large: {
18482
- avatarSizes: {
18483
- "2xl": 72,
18484
- "2xs": 20,
18485
- "3xl": 80,
18486
- lg: 52,
18487
- md: 40,
18488
- sm: 28,
18489
- xl: 64,
18490
- xs: 24
18491
- },
18492
- borderRadius: {
18493
- full: 9999,
18494
- lg: 16,
18495
- md: 8,
18496
- none: 0,
18497
- sm: 4,
18498
- xl: 32,
18499
- xs: 2
18500
- },
18501
- borderWidth: {
18502
- medium: 2,
18503
- none: 0,
18504
- thick: 4,
18505
- thin: 1
18506
- },
18507
- iconSizes: {
18508
- lg: 32,
18509
- md: 24,
18510
- sm: 16,
18511
- xs: 12
18512
- }
18513
- },
18514
- medium: {
18515
- avatarSizes: {
18516
- "2xl": 72,
18517
- "2xs": 20,
18518
- "3xl": 80,
18519
- lg: 52,
18520
- md: 40,
18521
- sm: 28,
18522
- xl: 64,
18523
- xs: 24
18524
- },
18525
- borderRadius: {
18526
- full: 9999,
18341
+ } },
18342
+ "variant/primary/value/checked/radio": {
18343
+ backgroundColor: {
18344
+ hover: {
18345
+ type: "backgroundPaletteColors",
18346
+ value: "brand",
18347
+ valueType: "alias"
18348
+ },
18349
+ pressed: {
18350
+ type: "spectrumColors",
18351
+ value: "purple-10",
18352
+ valueType: "alias"
18353
+ },
18354
+ rest: {
18355
+ type: "backgroundPaletteColors",
18356
+ value: "brand",
18357
+ valueType: "alias"
18358
+ }
18359
+ },
18360
+ borderColor: {
18361
+ hover: {
18362
+ type: "alwaysPaletteAliases",
18363
+ value: "always/transparent",
18364
+ valueType: "alias"
18365
+ },
18366
+ pressed: {
18367
+ type: "alwaysPaletteAliases",
18368
+ value: "always/transparent",
18369
+ valueType: "alias"
18370
+ },
18371
+ rest: {
18372
+ type: "alwaysPaletteAliases",
18373
+ value: "always/transparent",
18374
+ valueType: "alias"
18375
+ }
18376
+ },
18377
+ insetShadow: {
18378
+ hover: {
18379
+ type: "shadowVariantsWithInvert",
18380
+ value: "2xl-invert",
18381
+ valueType: "alias"
18382
+ },
18383
+ pressed: {
18384
+ type: "shadowVariantsWithInvert",
18385
+ value: "md",
18386
+ valueType: "alias"
18387
+ },
18388
+ rest: {
18389
+ type: "shadowVariantsWithInvert",
18390
+ value: "none",
18391
+ valueType: "alias"
18392
+ }
18393
+ },
18394
+ shadow: {
18395
+ hover: {
18396
+ type: "shadowVariants",
18397
+ value: "none",
18398
+ valueType: "alias"
18399
+ },
18400
+ pressed: {
18401
+ type: "shadowVariants",
18402
+ value: "none",
18403
+ valueType: "alias"
18404
+ },
18405
+ rest: {
18406
+ type: "shadowVariants",
18407
+ value: "none",
18408
+ valueType: "alias"
18409
+ }
18410
+ }
18411
+ },
18412
+ "variant/primary/value/checked/radioCircle": { backgroundColor: {
18413
+ hover: {
18414
+ type: "alwaysPaletteAliases",
18415
+ value: "always/white",
18416
+ valueType: "alias"
18417
+ },
18418
+ pressed: {
18419
+ type: "alwaysPaletteAliases",
18420
+ value: "always/white",
18421
+ valueType: "alias"
18422
+ },
18423
+ rest: {
18424
+ type: "alwaysPaletteAliases",
18425
+ value: "always/white",
18426
+ valueType: "alias"
18427
+ }
18428
+ } },
18429
+ "variant/primary/value/checked/root": { color: {
18430
+ hover: {
18431
+ type: "foregroundPaletteColors",
18432
+ value: "secondary",
18433
+ valueType: "alias"
18434
+ },
18435
+ pressed: {
18436
+ type: "foregroundPaletteColors",
18437
+ value: "primary",
18438
+ valueType: "alias"
18439
+ },
18440
+ rest: {
18441
+ type: "foregroundPaletteColors",
18442
+ value: "primary",
18443
+ valueType: "alias"
18444
+ }
18445
+ } },
18446
+ "variant/primary/value/unchecked/radio": {
18447
+ backgroundColor: {
18448
+ hover: {
18449
+ type: "spectrumColors",
18450
+ value: "carbon-3",
18451
+ valueType: "alias"
18452
+ },
18453
+ pressed: {
18454
+ type: "spectrumColors",
18455
+ value: "purple-4",
18456
+ valueType: "alias"
18457
+ },
18458
+ rest: {
18459
+ type: "backgroundPaletteColors",
18460
+ value: "secondary",
18461
+ valueType: "alias"
18462
+ }
18463
+ },
18464
+ borderColor: {
18465
+ hover: {
18466
+ type: "linePaletteColors",
18467
+ value: "tertiary",
18468
+ valueType: "alias"
18469
+ },
18470
+ pressed: {
18471
+ type: "alwaysPaletteAliases",
18472
+ value: "always/transparent",
18473
+ valueType: "alias"
18474
+ },
18475
+ rest: {
18476
+ type: "linePaletteColors",
18477
+ value: "tertiary",
18478
+ valueType: "alias"
18479
+ }
18480
+ },
18481
+ insetShadow: {
18482
+ hover: {
18483
+ type: "shadowVariantsWithInvert",
18484
+ value: "none",
18485
+ valueType: "alias"
18486
+ },
18487
+ pressed: {
18488
+ type: "shadowVariantsWithInvert",
18489
+ value: "2xl-invert",
18490
+ valueType: "alias"
18491
+ },
18492
+ rest: {
18493
+ type: "shadowVariantsWithInvert",
18494
+ value: "none",
18495
+ valueType: "alias"
18496
+ }
18497
+ },
18498
+ shadow: {
18499
+ hover: {
18500
+ type: "shadowVariants",
18501
+ value: "none",
18502
+ valueType: "alias"
18503
+ },
18504
+ pressed: {
18505
+ type: "shadowVariants",
18506
+ value: "none",
18507
+ valueType: "alias"
18508
+ },
18509
+ rest: {
18510
+ type: "shadowVariants",
18511
+ value: "none",
18512
+ valueType: "alias"
18513
+ }
18514
+ }
18515
+ },
18516
+ "variant/primary/value/unchecked/radioCircle": { backgroundColor: {
18517
+ hover: {
18518
+ type: "backgroundPaletteColors",
18519
+ value: "brand",
18520
+ valueType: "alias"
18521
+ },
18522
+ pressed: {
18523
+ type: "backgroundPaletteColors",
18524
+ value: "brand",
18525
+ valueType: "alias"
18526
+ },
18527
+ rest: {
18528
+ type: "backgroundPaletteColors",
18529
+ value: "brand",
18530
+ valueType: "alias"
18531
+ }
18532
+ } },
18533
+ "variant/primary/value/unchecked/root": { color: {
18534
+ hover: {
18535
+ type: "foregroundPaletteColors",
18536
+ value: "primary",
18537
+ valueType: "alias"
18538
+ },
18539
+ pressed: {
18540
+ type: "foregroundPaletteColors",
18541
+ value: "primary",
18542
+ valueType: "alias"
18543
+ },
18544
+ rest: {
18545
+ type: "foregroundPaletteColors",
18546
+ value: "primary",
18547
+ valueType: "alias"
18548
+ }
18549
+ } },
18550
+ "variant/secondary/value/checked/radio": {
18551
+ backgroundColor: {
18552
+ hover: {
18553
+ type: "backgroundPaletteColors",
18554
+ value: "brand-secondary",
18555
+ valueType: "alias"
18556
+ },
18557
+ pressed: {
18558
+ type: "backgroundPaletteColors",
18559
+ value: "brand-secondary",
18560
+ valueType: "alias"
18561
+ },
18562
+ rest: {
18563
+ type: "backgroundPaletteColors",
18564
+ value: "brand-secondary",
18565
+ valueType: "alias"
18566
+ }
18567
+ },
18568
+ borderColor: {
18569
+ hover: {
18570
+ type: "alwaysPaletteAliases",
18571
+ value: "always/transparent",
18572
+ valueType: "alias"
18573
+ },
18574
+ pressed: {
18575
+ type: "alwaysPaletteAliases",
18576
+ value: "always/transparent",
18577
+ valueType: "alias"
18578
+ },
18579
+ rest: {
18580
+ type: "alwaysPaletteAliases",
18581
+ value: "always/transparent",
18582
+ valueType: "alias"
18583
+ }
18584
+ },
18585
+ insetShadow: {
18586
+ hover: {
18587
+ type: "shadowVariantsWithInvert",
18588
+ value: "md-invert",
18589
+ valueType: "alias"
18590
+ },
18591
+ pressed: {
18592
+ type: "shadowVariantsWithInvert",
18593
+ value: "md-invert",
18594
+ valueType: "alias"
18595
+ },
18596
+ rest: {
18597
+ type: "shadowVariantsWithInvert",
18598
+ value: "none",
18599
+ valueType: "alias"
18600
+ }
18601
+ },
18602
+ shadow: {
18603
+ hover: {
18604
+ type: "shadowVariants",
18605
+ value: "none",
18606
+ valueType: "alias"
18607
+ },
18608
+ pressed: {
18609
+ type: "shadowVariants",
18610
+ value: "none",
18611
+ valueType: "alias"
18612
+ },
18613
+ rest: {
18614
+ type: "shadowVariants",
18615
+ value: "none",
18616
+ valueType: "alias"
18617
+ }
18618
+ }
18619
+ },
18620
+ "variant/secondary/value/checked/radioCircle": { backgroundColor: {
18621
+ hover: {
18622
+ type: "backgroundPaletteColors",
18623
+ value: "brand",
18624
+ valueType: "alias"
18625
+ },
18626
+ pressed: {
18627
+ type: "backgroundPaletteColors",
18628
+ value: "brand",
18629
+ valueType: "alias"
18630
+ },
18631
+ rest: {
18632
+ type: "backgroundPaletteColors",
18633
+ value: "brand",
18634
+ valueType: "alias"
18635
+ }
18636
+ } },
18637
+ "variant/secondary/value/checked/root": { color: {
18638
+ hover: {
18639
+ type: "foregroundPaletteColors",
18640
+ value: "primary",
18641
+ valueType: "alias"
18642
+ },
18643
+ pressed: {
18644
+ type: "foregroundPaletteColors",
18645
+ value: "secondary",
18646
+ valueType: "alias"
18647
+ },
18648
+ rest: {
18649
+ type: "foregroundPaletteColors",
18650
+ value: "secondary",
18651
+ valueType: "alias"
18652
+ }
18653
+ } },
18654
+ "variant/secondary/value/unchecked/radio": {
18655
+ backgroundColor: {
18656
+ hover: {
18657
+ type: "spectrumColors",
18658
+ value: "carbon-3",
18659
+ valueType: "alias"
18660
+ },
18661
+ pressed: {
18662
+ type: "spectrumColors",
18663
+ value: "purple-1",
18664
+ valueType: "alias"
18665
+ },
18666
+ rest: {
18667
+ type: "backgroundPaletteColors",
18668
+ value: "secondary",
18669
+ valueType: "alias"
18670
+ }
18671
+ },
18672
+ borderColor: {
18673
+ hover: {
18674
+ type: "linePaletteColors",
18675
+ value: "secondary",
18676
+ valueType: "alias"
18677
+ },
18678
+ pressed: {
18679
+ type: "alwaysPaletteAliases",
18680
+ value: "always/transparent",
18681
+ valueType: "alias"
18682
+ },
18683
+ rest: {
18684
+ type: "linePaletteColors",
18685
+ value: "secondary",
18686
+ valueType: "alias"
18687
+ }
18688
+ },
18689
+ insetShadow: {
18690
+ hover: {
18691
+ type: "shadowVariantsWithInvert",
18692
+ value: "none",
18693
+ valueType: "alias"
18694
+ },
18695
+ pressed: {
18696
+ type: "shadowVariantsWithInvert",
18697
+ value: "2xl-invert",
18698
+ valueType: "alias"
18699
+ },
18700
+ rest: {
18701
+ type: "shadowVariantsWithInvert",
18702
+ value: "none",
18703
+ valueType: "alias"
18704
+ }
18705
+ },
18706
+ shadow: {
18707
+ hover: {
18708
+ type: "shadowVariants",
18709
+ value: "none",
18710
+ valueType: "alias"
18711
+ },
18712
+ pressed: {
18713
+ type: "shadowVariants",
18714
+ value: "none",
18715
+ valueType: "alias"
18716
+ },
18717
+ rest: {
18718
+ type: "shadowVariants",
18719
+ value: "none",
18720
+ valueType: "alias"
18721
+ }
18722
+ }
18723
+ },
18724
+ "variant/secondary/value/unchecked/radioCircle": { backgroundColor: {
18725
+ hover: {
18726
+ type: "backgroundPaletteColors",
18727
+ value: "brand-secondary",
18728
+ valueType: "alias"
18729
+ },
18730
+ pressed: {
18731
+ type: "backgroundPaletteColors",
18732
+ value: "brand-secondary",
18733
+ valueType: "alias"
18734
+ },
18735
+ rest: {
18736
+ type: "backgroundPaletteColors",
18737
+ value: "brand-secondary",
18738
+ valueType: "alias"
18739
+ }
18740
+ } },
18741
+ "variant/secondary/value/unchecked/root": { color: {
18742
+ hover: {
18743
+ type: "foregroundPaletteColors",
18744
+ value: "secondary",
18745
+ valueType: "alias"
18746
+ },
18747
+ pressed: {
18748
+ type: "foregroundPaletteColors",
18749
+ value: "secondary",
18750
+ valueType: "alias"
18751
+ },
18752
+ rest: {
18753
+ type: "foregroundPaletteColors",
18754
+ value: "secondary",
18755
+ valueType: "alias"
18756
+ }
18757
+ } }
18758
+ }
18759
+ },
18760
+ scaleMode: {
18761
+ large: {
18762
+ avatarSizes: {
18763
+ "2xl": 72,
18764
+ "2xs": 20,
18765
+ "3xl": 80,
18766
+ lg: 52,
18767
+ md: 40,
18768
+ sm: 28,
18769
+ xl: 64,
18770
+ xs: 24
18771
+ },
18772
+ borderRadius: {
18773
+ full: 9999,
18774
+ lg: 16,
18775
+ md: 8,
18776
+ none: 0,
18777
+ sm: 4,
18778
+ xl: 32,
18779
+ xs: 2
18780
+ },
18781
+ borderWidth: {
18782
+ medium: 2,
18783
+ none: 0,
18784
+ thick: 4,
18785
+ thin: 1
18786
+ },
18787
+ iconSizes: {
18788
+ lg: 32,
18789
+ md: 24,
18790
+ sm: 16,
18791
+ xs: 12
18792
+ }
18793
+ },
18794
+ medium: {
18795
+ avatarSizes: {
18796
+ "2xl": 72,
18797
+ "2xs": 20,
18798
+ "3xl": 80,
18799
+ lg: 52,
18800
+ md: 40,
18801
+ sm: 28,
18802
+ xl: 64,
18803
+ xs: 24
18804
+ },
18805
+ borderRadius: {
18806
+ full: 9999,
18527
18807
  lg: 12,
18528
18808
  md: 8,
18529
18809
  none: 0,
@@ -19137,7 +19417,7 @@ const defaultTokensConfig = {
19137
19417
  },
19138
19418
  "size/sm/handleIcon": { size: { rest: {
19139
19419
  type: "iconSizes",
19140
- value: "sm",
19420
+ value: "xs",
19141
19421
  valueType: "alias"
19142
19422
  } } },
19143
19423
  "size/sm/root": {
@@ -26667,197 +26947,7 @@ const defaultTokensConfig = {
26667
26947
  }
26668
26948
  }
26669
26949
  },
26670
- ui1: {
26671
- fontFamily: {
26672
- base: "sans",
26673
- breakpoints: {
26674
- "2xl": "sans",
26675
- lg: "sans",
26676
- md: "sans",
26677
- sm: "sans",
26678
- xl: "sans"
26679
- }
26680
- },
26681
- fontSize: {
26682
- base: {
26683
- type: "px",
26684
- value: 16
26685
- },
26686
- breakpoints: {
26687
- "2xl": {
26688
- type: "px",
26689
- value: 16
26690
- },
26691
- lg: {
26692
- type: "px",
26693
- value: 16
26694
- },
26695
- md: {
26696
- type: "px",
26697
- value: 16
26698
- },
26699
- sm: {
26700
- type: "px",
26701
- value: 16
26702
- },
26703
- xl: {
26704
- type: "px",
26705
- value: 16
26706
- }
26707
- }
26708
- },
26709
- fontSlant: {
26710
- base: {
26711
- type: "unitless",
26712
- value: 0
26713
- },
26714
- breakpoints: {
26715
- "2xl": {
26716
- type: "unitless",
26717
- value: 0
26718
- },
26719
- lg: {
26720
- type: "unitless",
26721
- value: 0
26722
- },
26723
- md: {
26724
- type: "unitless",
26725
- value: 0
26726
- },
26727
- sm: {
26728
- type: "unitless",
26729
- value: 0
26730
- },
26731
- xl: {
26732
- type: "unitless",
26733
- value: 0
26734
- }
26735
- }
26736
- },
26737
- fontWeight: {
26738
- base: {
26739
- type: "unitless",
26740
- value: 600
26741
- },
26742
- breakpoints: {
26743
- "2xl": {
26744
- type: "unitless",
26745
- value: 600
26746
- },
26747
- lg: {
26748
- type: "unitless",
26749
- value: 600
26750
- },
26751
- md: {
26752
- type: "unitless",
26753
- value: 600
26754
- },
26755
- sm: {
26756
- type: "unitless",
26757
- value: 600
26758
- },
26759
- xl: {
26760
- type: "unitless",
26761
- value: 600
26762
- }
26763
- }
26764
- },
26765
- fontWidth: {
26766
- base: {
26767
- type: "unitless",
26768
- value: 100
26769
- },
26770
- breakpoints: {
26771
- "2xl": {
26772
- type: "unitless",
26773
- value: 100
26774
- },
26775
- lg: {
26776
- type: "unitless",
26777
- value: 100
26778
- },
26779
- md: {
26780
- type: "unitless",
26781
- value: 100
26782
- },
26783
- sm: {
26784
- type: "unitless",
26785
- value: 100
26786
- },
26787
- xl: {
26788
- type: "unitless",
26789
- value: 100
26790
- }
26791
- }
26792
- },
26793
- letterSpacing: {
26794
- base: {
26795
- type: "px",
26796
- value: -.03
26797
- },
26798
- breakpoints: {
26799
- "2xl": {
26800
- type: "px",
26801
- value: -.03
26802
- },
26803
- lg: {
26804
- type: "px",
26805
- value: -.03
26806
- },
26807
- md: {
26808
- type: "px",
26809
- value: -.03
26810
- },
26811
- sm: {
26812
- type: "px",
26813
- value: -.03
26814
- },
26815
- xl: {
26816
- type: "px",
26817
- value: -.03
26818
- }
26819
- }
26820
- },
26821
- lineHeight: {
26822
- base: {
26823
- type: "px",
26824
- value: 16
26825
- },
26826
- breakpoints: {
26827
- "2xl": {
26828
- type: "px",
26829
- value: 16
26830
- },
26831
- lg: {
26832
- type: "px",
26833
- value: 16
26834
- },
26835
- md: {
26836
- type: "px",
26837
- value: 16
26838
- },
26839
- sm: {
26840
- type: "px",
26841
- value: 16
26842
- },
26843
- xl: {
26844
- type: "px",
26845
- value: 16
26846
- }
26847
- }
26848
- },
26849
- textTransform: {
26850
- base: "none",
26851
- breakpoints: {
26852
- "2xl": "none",
26853
- lg: "none",
26854
- md: "none",
26855
- sm: "none",
26856
- xl: "none"
26857
- }
26858
- }
26859
- },
26860
- "ui1/emphasized": {
26950
+ ui1: {
26861
26951
  fontFamily: {
26862
26952
  base: "sans",
26863
26953
  breakpoints: {
@@ -27047,7 +27137,7 @@ const defaultTokensConfig = {
27047
27137
  }
27048
27138
  }
27049
27139
  },
27050
- ui2: {
27140
+ "ui1/emphasized": {
27051
27141
  fontFamily: {
27052
27142
  base: "sans",
27053
27143
  breakpoints: {
@@ -27117,28 +27207,28 @@ const defaultTokensConfig = {
27117
27207
  fontWeight: {
27118
27208
  base: {
27119
27209
  type: "unitless",
27120
- value: 450
27210
+ value: 600
27121
27211
  },
27122
27212
  breakpoints: {
27123
27213
  "2xl": {
27124
27214
  type: "unitless",
27125
- value: 450
27215
+ value: 600
27126
27216
  },
27127
27217
  lg: {
27128
27218
  type: "unitless",
27129
- value: 450
27219
+ value: 600
27130
27220
  },
27131
27221
  md: {
27132
27222
  type: "unitless",
27133
- value: 450
27223
+ value: 600
27134
27224
  },
27135
27225
  sm: {
27136
27226
  type: "unitless",
27137
- value: 450
27227
+ value: 600
27138
27228
  },
27139
27229
  xl: {
27140
27230
  type: "unitless",
27141
- value: 450
27231
+ value: 600
27142
27232
  }
27143
27233
  }
27144
27234
  },
@@ -27173,28 +27263,28 @@ const defaultTokensConfig = {
27173
27263
  letterSpacing: {
27174
27264
  base: {
27175
27265
  type: "px",
27176
- value: -.05
27266
+ value: -.03
27177
27267
  },
27178
27268
  breakpoints: {
27179
27269
  "2xl": {
27180
27270
  type: "px",
27181
- value: -.05
27271
+ value: -.03
27182
27272
  },
27183
27273
  lg: {
27184
27274
  type: "px",
27185
- value: -.05
27275
+ value: -.03
27186
27276
  },
27187
27277
  md: {
27188
27278
  type: "px",
27189
- value: -.05
27279
+ value: -.03
27190
27280
  },
27191
27281
  sm: {
27192
27282
  type: "px",
27193
- value: -.05
27283
+ value: -.03
27194
27284
  },
27195
27285
  xl: {
27196
27286
  type: "px",
27197
- value: -.05
27287
+ value: -.03
27198
27288
  }
27199
27289
  }
27200
27290
  },
@@ -27237,7 +27327,7 @@ const defaultTokensConfig = {
27237
27327
  }
27238
27328
  }
27239
27329
  },
27240
- "ui2/emphasized": {
27330
+ ui2: {
27241
27331
  fontFamily: {
27242
27332
  base: "sans",
27243
27333
  breakpoints: {
@@ -27427,7 +27517,7 @@ const defaultTokensConfig = {
27427
27517
  }
27428
27518
  }
27429
27519
  },
27430
- ui3: {
27520
+ "ui2/emphasized": {
27431
27521
  fontFamily: {
27432
27522
  base: "sans",
27433
27523
  breakpoints: {
@@ -27441,28 +27531,28 @@ const defaultTokensConfig = {
27441
27531
  fontSize: {
27442
27532
  base: {
27443
27533
  type: "px",
27444
- value: 14
27534
+ value: 16
27445
27535
  },
27446
27536
  breakpoints: {
27447
27537
  "2xl": {
27448
27538
  type: "px",
27449
- value: 14
27539
+ value: 16
27450
27540
  },
27451
27541
  lg: {
27452
27542
  type: "px",
27453
- value: 14
27543
+ value: 16
27454
27544
  },
27455
27545
  md: {
27456
27546
  type: "px",
27457
- value: 14
27547
+ value: 16
27458
27548
  },
27459
27549
  sm: {
27460
27550
  type: "px",
27461
- value: 14
27551
+ value: 16
27462
27552
  },
27463
27553
  xl: {
27464
27554
  type: "px",
27465
- value: 14
27555
+ value: 16
27466
27556
  }
27467
27557
  }
27468
27558
  },
@@ -27497,28 +27587,28 @@ const defaultTokensConfig = {
27497
27587
  fontWeight: {
27498
27588
  base: {
27499
27589
  type: "unitless",
27500
- value: 600
27590
+ value: 450
27501
27591
  },
27502
27592
  breakpoints: {
27503
27593
  "2xl": {
27504
27594
  type: "unitless",
27505
- value: 600
27595
+ value: 450
27506
27596
  },
27507
27597
  lg: {
27508
27598
  type: "unitless",
27509
- value: 600
27599
+ value: 450
27510
27600
  },
27511
27601
  md: {
27512
27602
  type: "unitless",
27513
- value: 600
27603
+ value: 450
27514
27604
  },
27515
27605
  sm: {
27516
27606
  type: "unitless",
27517
- value: 600
27607
+ value: 450
27518
27608
  },
27519
27609
  xl: {
27520
27610
  type: "unitless",
27521
- value: 600
27611
+ value: 450
27522
27612
  }
27523
27613
  }
27524
27614
  },
@@ -27553,56 +27643,56 @@ const defaultTokensConfig = {
27553
27643
  letterSpacing: {
27554
27644
  base: {
27555
27645
  type: "px",
27556
- value: -.03
27646
+ value: -.05
27557
27647
  },
27558
27648
  breakpoints: {
27559
27649
  "2xl": {
27560
27650
  type: "px",
27561
- value: -.03
27651
+ value: -.05
27562
27652
  },
27563
27653
  lg: {
27564
27654
  type: "px",
27565
- value: -.03
27655
+ value: -.05
27566
27656
  },
27567
27657
  md: {
27568
27658
  type: "px",
27569
- value: -.03
27659
+ value: -.05
27570
27660
  },
27571
27661
  sm: {
27572
27662
  type: "px",
27573
- value: -.03
27663
+ value: -.05
27574
27664
  },
27575
27665
  xl: {
27576
27666
  type: "px",
27577
- value: -.03
27667
+ value: -.05
27578
27668
  }
27579
27669
  }
27580
27670
  },
27581
27671
  lineHeight: {
27582
27672
  base: {
27583
27673
  type: "px",
27584
- value: 15.4
27674
+ value: 16
27585
27675
  },
27586
27676
  breakpoints: {
27587
27677
  "2xl": {
27588
27678
  type: "px",
27589
- value: 15.4
27679
+ value: 16
27590
27680
  },
27591
27681
  lg: {
27592
27682
  type: "px",
27593
- value: 15.4
27683
+ value: 16
27594
27684
  },
27595
27685
  md: {
27596
27686
  type: "px",
27597
- value: 15.4
27687
+ value: 16
27598
27688
  },
27599
27689
  sm: {
27600
27690
  type: "px",
27601
- value: 15.4
27691
+ value: 16
27602
27692
  },
27603
27693
  xl: {
27604
27694
  type: "px",
27605
- value: 15.4
27695
+ value: 16
27606
27696
  }
27607
27697
  }
27608
27698
  },
@@ -27617,7 +27707,7 @@ const defaultTokensConfig = {
27617
27707
  }
27618
27708
  }
27619
27709
  },
27620
- "ui3/emphasized": {
27710
+ ui3: {
27621
27711
  fontFamily: {
27622
27712
  base: "sans",
27623
27713
  breakpoints: {
@@ -27807,7 +27897,7 @@ const defaultTokensConfig = {
27807
27897
  }
27808
27898
  }
27809
27899
  },
27810
- ui4: {
27900
+ "ui3/emphasized": {
27811
27901
  fontFamily: {
27812
27902
  base: "sans",
27813
27903
  breakpoints: {
@@ -27877,28 +27967,28 @@ const defaultTokensConfig = {
27877
27967
  fontWeight: {
27878
27968
  base: {
27879
27969
  type: "unitless",
27880
- value: 450
27970
+ value: 600
27881
27971
  },
27882
27972
  breakpoints: {
27883
27973
  "2xl": {
27884
27974
  type: "unitless",
27885
- value: 450
27975
+ value: 600
27886
27976
  },
27887
27977
  lg: {
27888
27978
  type: "unitless",
27889
- value: 450
27979
+ value: 600
27890
27980
  },
27891
27981
  md: {
27892
27982
  type: "unitless",
27893
- value: 450
27983
+ value: 600
27894
27984
  },
27895
27985
  sm: {
27896
27986
  type: "unitless",
27897
- value: 450
27987
+ value: 600
27898
27988
  },
27899
27989
  xl: {
27900
27990
  type: "unitless",
27901
- value: 450
27991
+ value: 600
27902
27992
  }
27903
27993
  }
27904
27994
  },
@@ -27933,56 +28023,56 @@ const defaultTokensConfig = {
27933
28023
  letterSpacing: {
27934
28024
  base: {
27935
28025
  type: "px",
27936
- value: -.05
28026
+ value: -.03
27937
28027
  },
27938
28028
  breakpoints: {
27939
28029
  "2xl": {
27940
28030
  type: "px",
27941
- value: -.05
28031
+ value: -.03
27942
28032
  },
27943
28033
  lg: {
27944
28034
  type: "px",
27945
- value: -.05
28035
+ value: -.03
27946
28036
  },
27947
28037
  md: {
27948
28038
  type: "px",
27949
- value: -.05
28039
+ value: -.03
27950
28040
  },
27951
28041
  sm: {
27952
28042
  type: "px",
27953
- value: -.05
28043
+ value: -.03
27954
28044
  },
27955
28045
  xl: {
27956
28046
  type: "px",
27957
- value: -.05
28047
+ value: -.03
27958
28048
  }
27959
28049
  }
27960
28050
  },
27961
28051
  lineHeight: {
27962
28052
  base: {
27963
28053
  type: "px",
27964
- value: 17.5
28054
+ value: 15.4
27965
28055
  },
27966
28056
  breakpoints: {
27967
28057
  "2xl": {
27968
28058
  type: "px",
27969
- value: 17.5
28059
+ value: 15.4
27970
28060
  },
27971
28061
  lg: {
27972
28062
  type: "px",
27973
- value: 17.5
28063
+ value: 15.4
27974
28064
  },
27975
28065
  md: {
27976
28066
  type: "px",
27977
- value: 17.5
28067
+ value: 15.4
27978
28068
  },
27979
28069
  sm: {
27980
28070
  type: "px",
27981
- value: 17.5
28071
+ value: 15.4
27982
28072
  },
27983
28073
  xl: {
27984
28074
  type: "px",
27985
- value: 17.5
28075
+ value: 15.4
27986
28076
  }
27987
28077
  }
27988
28078
  },
@@ -27997,7 +28087,7 @@ const defaultTokensConfig = {
27997
28087
  }
27998
28088
  }
27999
28089
  },
28000
- "ui4/emphasized": {
28090
+ ui4: {
28001
28091
  fontFamily: {
28002
28092
  base: "sans",
28003
28093
  breakpoints: {
@@ -28187,7 +28277,7 @@ const defaultTokensConfig = {
28187
28277
  }
28188
28278
  }
28189
28279
  },
28190
- ui5: {
28280
+ "ui4/emphasized": {
28191
28281
  fontFamily: {
28192
28282
  base: "sans",
28193
28283
  breakpoints: {
@@ -28377,7 +28467,7 @@ const defaultTokensConfig = {
28377
28467
  }
28378
28468
  }
28379
28469
  },
28380
- "ui5/emphasized": {
28470
+ ui5: {
28381
28471
  fontFamily: {
28382
28472
  base: "sans",
28383
28473
  breakpoints: {
@@ -28567,7 +28657,7 @@ const defaultTokensConfig = {
28567
28657
  }
28568
28658
  }
28569
28659
  },
28570
- ui6: {
28660
+ "ui5/emphasized": {
28571
28661
  fontFamily: {
28572
28662
  base: "sans",
28573
28663
  breakpoints: {
@@ -28757,7 +28847,7 @@ const defaultTokensConfig = {
28757
28847
  }
28758
28848
  }
28759
28849
  },
28760
- "ui6/emphasized": {
28850
+ ui6: {
28761
28851
  fontFamily: {
28762
28852
  base: "sans",
28763
28853
  breakpoints: {
@@ -28946,280 +29036,200 @@ const defaultTokensConfig = {
28946
29036
  xl: "none"
28947
29037
  }
28948
29038
  }
28949
- }
28950
- },
28951
- version: "v0.95.0",
28952
- pagination: {
28953
- defaults: {
28954
- size: "md",
28955
- variant: "default"
28956
29039
  },
28957
- variables: {
28958
- "size/md/icon": { size: { rest: {
28959
- type: "iconSizes",
28960
- value: "sm",
28961
- valueType: "alias"
28962
- } } },
28963
- "size/md/item": {
28964
- borderRadius: { rest: {
28965
- type: "borderRadii",
28966
- value: "full",
28967
- valueType: "alias"
28968
- } },
28969
- spacing: { rest: {
28970
- type: "spacingAliases",
28971
- value: "2",
28972
- valueType: "alias"
28973
- } }
28974
- },
28975
- "size/md/root": { gap: { rest: {
28976
- type: "spacingAliases",
28977
- value: "0",
28978
- valueType: "alias"
28979
- } } },
28980
- "size/md/text": { textVariant: { rest: {
28981
- type: "textVariants",
28982
- value: "ui2",
28983
- valueType: "alias"
28984
- } } },
28985
- "size/sm/icon": { size: { rest: {
28986
- type: "iconSizes",
28987
- value: "sm",
28988
- valueType: "alias"
28989
- } } },
28990
- "size/sm/item": {
28991
- borderRadius: { rest: {
28992
- type: "borderRadii",
28993
- value: "full",
28994
- valueType: "alias"
28995
- } },
28996
- spacing: { rest: {
28997
- type: "spacingAliases",
28998
- value: "1.5",
28999
- valueType: "alias"
29000
- } }
29040
+ "ui6/emphasized": {
29041
+ fontFamily: {
29042
+ base: "sans",
29043
+ breakpoints: {
29044
+ "2xl": "sans",
29045
+ lg: "sans",
29046
+ md: "sans",
29047
+ sm: "sans",
29048
+ xl: "sans"
29049
+ }
29001
29050
  },
29002
- "size/sm/root": { gap: { rest: {
29003
- type: "spacingAliases",
29004
- value: "0",
29005
- valueType: "alias"
29006
- } } },
29007
- "size/sm/text": { textVariant: { rest: {
29008
- type: "textVariants",
29009
- value: "ui2",
29010
- valueType: "alias"
29011
- } } },
29012
- "variant/default/active/off/root": {
29013
- backgroundColor: {
29014
- hover: {
29015
- type: "backgroundPaletteColors",
29016
- value: "brand-secondary",
29017
- valueType: "alias"
29018
- },
29019
- pressed: {
29020
- type: "spectrumColors",
29021
- value: "purple-2",
29022
- valueType: "alias"
29023
- },
29024
- rest: {
29025
- type: "alwaysPaletteAliases",
29026
- value: "always/transparent",
29027
- valueType: "alias"
29028
- }
29051
+ fontSize: {
29052
+ base: {
29053
+ type: "px",
29054
+ value: 14
29029
29055
  },
29030
- color: {
29031
- hover: {
29032
- type: "foregroundPaletteColors",
29033
- value: "secondary",
29034
- valueType: "alias"
29056
+ breakpoints: {
29057
+ "2xl": {
29058
+ type: "px",
29059
+ value: 14
29035
29060
  },
29036
- pressed: {
29037
- type: "foregroundPaletteColors",
29038
- value: "secondary",
29039
- valueType: "alias"
29061
+ lg: {
29062
+ type: "px",
29063
+ value: 14
29040
29064
  },
29041
- rest: {
29042
- type: "foregroundPaletteColors",
29043
- value: "secondary",
29044
- valueType: "alias"
29045
- }
29046
- },
29047
- borderColor: {
29048
- hover: {
29049
- type: "alwaysPaletteAliases",
29050
- value: "always/transparent",
29051
- valueType: "alias"
29065
+ md: {
29066
+ type: "px",
29067
+ value: 14
29052
29068
  },
29053
- pressed: {
29054
- type: "alwaysPaletteAliases",
29055
- value: "always/transparent",
29056
- valueType: "alias"
29069
+ sm: {
29070
+ type: "px",
29071
+ value: 14
29057
29072
  },
29058
- rest: {
29059
- type: "alwaysPaletteAliases",
29060
- value: "always/transparent",
29061
- valueType: "alias"
29073
+ xl: {
29074
+ type: "px",
29075
+ value: 14
29062
29076
  }
29077
+ }
29078
+ },
29079
+ fontSlant: {
29080
+ base: {
29081
+ type: "unitless",
29082
+ value: 0
29063
29083
  },
29064
- borderWidth: {
29065
- hover: {
29066
- type: "borderWidths",
29067
- value: "none",
29068
- valueType: "alias"
29084
+ breakpoints: {
29085
+ "2xl": {
29086
+ type: "unitless",
29087
+ value: 0
29069
29088
  },
29070
- pressed: {
29071
- type: "borderWidths",
29072
- value: "none",
29073
- valueType: "alias"
29089
+ lg: {
29090
+ type: "unitless",
29091
+ value: 0
29074
29092
  },
29075
- rest: {
29076
- type: "borderWidths",
29077
- value: "none",
29078
- valueType: "alias"
29079
- }
29080
- },
29081
- shadow: {
29082
- hover: {
29083
- type: "shadowVariants",
29084
- value: "none",
29085
- valueType: "alias"
29093
+ md: {
29094
+ type: "unitless",
29095
+ value: 0
29086
29096
  },
29087
- pressed: {
29088
- type: "shadowVariants",
29089
- value: "none",
29090
- valueType: "alias"
29097
+ sm: {
29098
+ type: "unitless",
29099
+ value: 0
29091
29100
  },
29092
- rest: {
29093
- type: "shadowVariants",
29094
- value: "none",
29095
- valueType: "alias"
29101
+ xl: {
29102
+ type: "unitless",
29103
+ value: 0
29096
29104
  }
29105
+ }
29106
+ },
29107
+ fontWeight: {
29108
+ base: {
29109
+ type: "unitless",
29110
+ value: 450
29097
29111
  },
29098
- insetShadow: {
29099
- hover: {
29100
- type: "shadowVariantsWithInvert",
29101
- value: "none",
29102
- valueType: "alias"
29112
+ breakpoints: {
29113
+ "2xl": {
29114
+ type: "unitless",
29115
+ value: 450
29103
29116
  },
29104
- pressed: {
29105
- type: "shadowVariantsWithInvert",
29106
- value: "sm",
29107
- valueType: "alias"
29117
+ lg: {
29118
+ type: "unitless",
29119
+ value: 450
29108
29120
  },
29109
- rest: {
29110
- type: "shadowVariantsWithInvert",
29111
- value: "none",
29112
- valueType: "alias"
29121
+ md: {
29122
+ type: "unitless",
29123
+ value: 450
29124
+ },
29125
+ sm: {
29126
+ type: "unitless",
29127
+ value: 450
29128
+ },
29129
+ xl: {
29130
+ type: "unitless",
29131
+ value: 450
29113
29132
  }
29114
29133
  }
29115
29134
  },
29116
- "variant/default/active/on/root": {
29117
- backgroundColor: {
29118
- hover: {
29119
- type: "backgroundPaletteColors",
29120
- value: "brand",
29121
- valueType: "alias"
29135
+ fontWidth: {
29136
+ base: {
29137
+ type: "unitless",
29138
+ value: 100
29139
+ },
29140
+ breakpoints: {
29141
+ "2xl": {
29142
+ type: "unitless",
29143
+ value: 100
29122
29144
  },
29123
- pressed: {
29124
- type: "backgroundPaletteColors",
29125
- value: "brand",
29126
- valueType: "alias"
29145
+ lg: {
29146
+ type: "unitless",
29147
+ value: 100
29127
29148
  },
29128
- rest: {
29129
- type: "backgroundPaletteColors",
29130
- value: "brand",
29131
- valueType: "alias"
29132
- }
29133
- },
29134
- color: {
29135
- hover: {
29136
- type: "foregroundPaletteColors",
29137
- value: "on-color",
29138
- valueType: "alias"
29149
+ md: {
29150
+ type: "unitless",
29151
+ value: 100
29139
29152
  },
29140
- pressed: {
29141
- type: "foregroundPaletteColors",
29142
- value: "on-color",
29143
- valueType: "alias"
29153
+ sm: {
29154
+ type: "unitless",
29155
+ value: 100
29144
29156
  },
29145
- rest: {
29146
- type: "foregroundPaletteColors",
29147
- value: "on-color",
29148
- valueType: "alias"
29157
+ xl: {
29158
+ type: "unitless",
29159
+ value: 100
29149
29160
  }
29161
+ }
29162
+ },
29163
+ letterSpacing: {
29164
+ base: {
29165
+ type: "px",
29166
+ value: -.05
29150
29167
  },
29151
- borderColor: {
29152
- hover: {
29153
- type: "alwaysPaletteAliases",
29154
- value: "always/transparent",
29155
- valueType: "alias"
29168
+ breakpoints: {
29169
+ "2xl": {
29170
+ type: "px",
29171
+ value: -.05
29156
29172
  },
29157
- pressed: {
29158
- type: "alwaysPaletteAliases",
29159
- value: "always/transparent",
29160
- valueType: "alias"
29173
+ lg: {
29174
+ type: "px",
29175
+ value: -.05
29161
29176
  },
29162
- rest: {
29163
- type: "alwaysPaletteAliases",
29164
- value: "always/transparent",
29165
- valueType: "alias"
29166
- }
29167
- },
29168
- borderWidth: {
29169
- hover: {
29170
- type: "borderWidths",
29171
- value: "none",
29172
- valueType: "alias"
29177
+ md: {
29178
+ type: "px",
29179
+ value: -.05
29173
29180
  },
29174
- pressed: {
29175
- type: "borderWidths",
29176
- value: "none",
29177
- valueType: "alias"
29181
+ sm: {
29182
+ type: "px",
29183
+ value: -.05
29178
29184
  },
29179
- rest: {
29180
- type: "borderWidths",
29181
- value: "none",
29182
- valueType: "alias"
29185
+ xl: {
29186
+ type: "px",
29187
+ value: -.05
29183
29188
  }
29189
+ }
29190
+ },
29191
+ lineHeight: {
29192
+ base: {
29193
+ type: "px",
29194
+ value: 17.5
29184
29195
  },
29185
- shadow: {
29186
- hover: {
29187
- type: "shadowVariants",
29188
- value: "none",
29189
- valueType: "alias"
29196
+ breakpoints: {
29197
+ "2xl": {
29198
+ type: "px",
29199
+ value: 17.5
29190
29200
  },
29191
- pressed: {
29192
- type: "shadowVariants",
29193
- value: "none",
29194
- valueType: "alias"
29201
+ lg: {
29202
+ type: "px",
29203
+ value: 17.5
29195
29204
  },
29196
- rest: {
29197
- type: "shadowVariants",
29198
- value: "none",
29199
- valueType: "alias"
29200
- }
29201
- },
29202
- insetShadow: {
29203
- hover: {
29204
- type: "shadowVariantsWithInvert",
29205
- value: "none",
29206
- valueType: "alias"
29205
+ md: {
29206
+ type: "px",
29207
+ value: 17.5
29207
29208
  },
29208
- pressed: {
29209
- type: "shadowVariantsWithInvert",
29210
- value: "none",
29211
- valueType: "alias"
29209
+ sm: {
29210
+ type: "px",
29211
+ value: 17.5
29212
29212
  },
29213
- rest: {
29214
- type: "shadowVariantsWithInvert",
29215
- value: "none",
29216
- valueType: "alias"
29213
+ xl: {
29214
+ type: "px",
29215
+ value: 17.5
29217
29216
  }
29218
29217
  }
29218
+ },
29219
+ textTransform: {
29220
+ base: "none",
29221
+ breakpoints: {
29222
+ "2xl": "none",
29223
+ lg: "none",
29224
+ md: "none",
29225
+ sm: "none",
29226
+ xl: "none"
29227
+ }
29219
29228
  }
29220
29229
  }
29221
29230
  },
29222
- version: "v0.95.0"
29231
+ version: "v0.95.0",
29232
+ version: "v0.96.0"
29223
29233
  };
29224
29234
  //#endregion
29225
29235
  export { defaultTokensConfig };