@yahoo/uds 3.153.2 → 3.154.1

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