@yahoo/uds 3.157.1 → 3.158.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 (182) hide show
  1. package/dist/automated-config/dist/generated/autoVariants.cjs +26 -0
  2. package/dist/automated-config/dist/generated/autoVariants.d.cts +17 -0
  3. package/dist/automated-config/dist/generated/autoVariants.d.ts +17 -0
  4. package/dist/automated-config/dist/generated/autoVariants.js +26 -0
  5. package/dist/automated-config/dist/generated/generatedConfigs.cjs +3220 -545
  6. package/dist/automated-config/dist/generated/generatedConfigs.d.cts +335 -11
  7. package/dist/automated-config/dist/generated/generatedConfigs.d.ts +335 -11
  8. package/dist/automated-config/dist/generated/generatedConfigs.js +3218 -546
  9. package/dist/automated-config/dist/generated/universalTokensConfigAuto.cjs +275 -44
  10. package/dist/automated-config/dist/generated/universalTokensConfigAuto.d.cts +4 -1
  11. package/dist/automated-config/dist/generated/universalTokensConfigAuto.d.ts +4 -1
  12. package/dist/automated-config/dist/generated/universalTokensConfigAuto.js +275 -44
  13. package/dist/automated-config/dist/types/ComponentConfig.d.cts +3 -1
  14. package/dist/automated-config/dist/types/ComponentConfig.d.ts +3 -1
  15. package/dist/automated-config/dist/utils/buildConfigSchema.cjs +43 -35
  16. package/dist/automated-config/dist/utils/buildConfigSchema.d.cts +4 -1
  17. package/dist/automated-config/dist/utils/buildConfigSchema.d.ts +4 -1
  18. package/dist/automated-config/dist/utils/buildConfigSchema.js +44 -36
  19. package/dist/automated-config/dist/utils/componentStatePseudoStates.cjs +4 -0
  20. package/dist/automated-config/dist/utils/componentStatePseudoStates.js +4 -1
  21. package/dist/automated-config/dist/utils/getConfigVariantPseudoStates.cjs +5 -2
  22. package/dist/automated-config/dist/utils/getConfigVariantPseudoStates.js +6 -3
  23. package/dist/automated-config/dist/utils/index.cjs +21 -5
  24. package/dist/automated-config/dist/utils/index.d.cts +1 -0
  25. package/dist/automated-config/dist/utils/index.d.ts +1 -0
  26. package/dist/automated-config/dist/utils/index.js +22 -6
  27. package/dist/automated-config/dist/utils/pseudoStateSelectors.cjs +6 -3
  28. package/dist/automated-config/dist/utils/pseudoStateSelectors.d.cts +1 -1
  29. package/dist/automated-config/dist/utils/pseudoStateSelectors.d.ts +1 -1
  30. package/dist/automated-config/dist/utils/pseudoStateSelectors.js +6 -3
  31. package/dist/components/client/Input/Input.cjs +1 -1
  32. package/dist/components/client/Input/Input.js +1 -1
  33. package/dist/components/client/Menu/Menu.Item.cjs +1 -0
  34. package/dist/components/client/Menu/Menu.Item.js +1 -0
  35. package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +1 -1
  36. package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
  37. package/dist/components/client/Select/Select.cjs +179 -0
  38. package/dist/components/client/Select/Select.d.cts +55 -0
  39. package/dist/components/client/Select/Select.d.ts +56 -0
  40. package/dist/components/client/Select/Select.js +176 -0
  41. package/dist/components/client/Select/SelectContent.cjs +75 -0
  42. package/dist/components/client/Select/SelectContent.d.cts +44 -0
  43. package/dist/components/client/Select/SelectContent.d.ts +45 -0
  44. package/dist/components/client/Select/SelectContent.js +73 -0
  45. package/dist/components/client/Select/SelectDivider.cjs +63 -0
  46. package/dist/components/client/Select/SelectDivider.d.cts +44 -0
  47. package/dist/components/client/Select/SelectDivider.d.ts +45 -0
  48. package/dist/components/client/Select/SelectDivider.js +61 -0
  49. package/dist/components/client/Select/SelectHelpText.cjs +51 -0
  50. package/dist/components/client/Select/SelectHelpText.d.cts +27 -0
  51. package/dist/components/client/Select/SelectHelpText.d.ts +28 -0
  52. package/dist/components/client/Select/SelectHelpText.js +48 -0
  53. package/dist/components/client/Select/SelectItem.cjs +172 -0
  54. package/dist/components/client/Select/SelectItem.d.cts +29 -0
  55. package/dist/components/client/Select/SelectItem.d.ts +30 -0
  56. package/dist/components/client/Select/SelectItem.js +170 -0
  57. package/dist/components/client/Select/SelectTrigger.cjs +138 -0
  58. package/dist/components/client/Select/SelectTrigger.d.cts +27 -0
  59. package/dist/components/client/Select/SelectTrigger.d.ts +28 -0
  60. package/dist/components/client/Select/SelectTrigger.js +136 -0
  61. package/dist/components/client/Select/SelectValue.cjs +28 -0
  62. package/dist/components/client/Select/SelectValue.d.cts +19 -0
  63. package/dist/components/client/Select/SelectValue.d.ts +20 -0
  64. package/dist/components/client/Select/SelectValue.js +26 -0
  65. package/dist/components/client/Select/index.cjs +11 -0
  66. package/dist/components/client/Select/index.d.cts +6 -0
  67. package/dist/components/client/Select/index.d.ts +7 -0
  68. package/dist/components/client/Select/index.js +7 -0
  69. package/dist/components/client/Select/selectContext.cjs +20 -0
  70. package/dist/components/client/Select/selectContext.d.cts +23 -0
  71. package/dist/components/client/Select/selectContext.d.ts +24 -0
  72. package/dist/components/client/Select/selectContext.js +16 -0
  73. package/dist/components/client/Select/selectFieldStyles.cjs +85 -0
  74. package/dist/components/client/Select/selectFieldStyles.d.cts +37 -0
  75. package/dist/components/client/Select/selectFieldStyles.d.ts +38 -0
  76. package/dist/components/client/Select/selectFieldStyles.js +75 -0
  77. package/dist/components/client/index.cjs +8 -0
  78. package/dist/components/client/index.d.cts +5 -1
  79. package/dist/components/client/index.d.ts +5 -1
  80. package/dist/components/client/index.js +5 -1
  81. package/dist/components/index.cjs +8 -0
  82. package/dist/components/index.d.cts +5 -1
  83. package/dist/components/index.d.ts +5 -1
  84. package/dist/components/index.js +5 -1
  85. package/dist/config/dist/index.cjs +380 -70
  86. package/dist/config/dist/index.js +380 -70
  87. package/dist/css/dist/css/utils.cjs +3 -0
  88. package/dist/css/dist/css/utils.js +3 -0
  89. package/dist/css/dist/packages/config/dist/index.cjs +380 -70
  90. package/dist/css/dist/packages/config/dist/index.js +380 -70
  91. package/dist/index.cjs +11 -0
  92. package/dist/index.d.cts +7 -3
  93. package/dist/index.d.ts +7 -3
  94. package/dist/index.js +6 -2
  95. package/dist/styles/styler.d.cts +17 -0
  96. package/dist/styles/styler.d.ts +17 -0
  97. package/dist/styles/variants.d.cts +54 -0
  98. package/dist/styles/variants.d.ts +54 -0
  99. package/dist/tailwind/utils/index.cjs +3 -0
  100. package/dist/tailwind/utils/index.d.cts +2 -1
  101. package/dist/tailwind/utils/index.d.ts +2 -1
  102. package/dist/tailwind/utils/index.js +2 -1
  103. package/dist/tailwind-internal/dist/base/addColorModeVars.cjs +1 -1
  104. package/dist/tailwind-internal/dist/base/addColorModeVars.js +1 -1
  105. package/dist/tailwind-internal/dist/base/addColorModeVarsV2.cjs +1 -1
  106. package/dist/tailwind-internal/dist/base/addColorModeVarsV2.js +1 -1
  107. package/dist/tailwind-internal/dist/components/getFocusRingStyles.cjs +74 -6
  108. package/dist/tailwind-internal/dist/components/getFocusRingStyles.d.cts +14 -0
  109. package/dist/tailwind-internal/dist/components/getFocusRingStyles.d.ts +14 -0
  110. package/dist/tailwind-internal/dist/components/getFocusRingStyles.js +74 -7
  111. package/dist/tailwind-internal/dist/components/getResponsiveTextStyles.cjs +1 -1
  112. package/dist/tailwind-internal/dist/components/getResponsiveTextStyles.js +1 -1
  113. package/dist/tailwind-internal/dist/index.d.cts +1 -0
  114. package/dist/tailwind-internal/dist/index.d.ts +1 -0
  115. package/dist/tailwind-internal/dist/packages/automated-config/dist/generated/generatedConfigs.cjs +3220 -545
  116. package/dist/tailwind-internal/dist/packages/automated-config/dist/generated/generatedConfigs.js +3218 -546
  117. package/dist/tailwind-internal/dist/packages/automated-config/dist/utils/componentStatePseudoStates.cjs +4 -0
  118. package/dist/tailwind-internal/dist/packages/automated-config/dist/utils/componentStatePseudoStates.js +4 -1
  119. package/dist/tailwind-internal/dist/packages/automated-config/dist/utils/index.cjs +21 -5
  120. package/dist/tailwind-internal/dist/packages/automated-config/dist/utils/index.js +22 -6
  121. package/dist/tailwind-internal/dist/packages/automated-config/dist/utils/pseudoStateSelectors.cjs +6 -3
  122. package/dist/tailwind-internal/dist/packages/automated-config/dist/utils/pseudoStateSelectors.js +6 -3
  123. package/dist/tailwind-internal/dist/packages/config/dist/index.cjs +380 -70
  124. package/dist/tailwind-internal/dist/packages/config/dist/index.js +380 -70
  125. package/dist/tailwind-internal/dist/packages/css-tokens/dist/index.cjs +10 -10
  126. package/dist/tailwind-internal/dist/packages/css-tokens/dist/index.js +1 -1
  127. package/dist/tailwind-internal/dist/plugins/a11y.cjs +6 -2
  128. package/dist/tailwind-internal/dist/plugins/a11y.js +6 -2
  129. package/dist/tailwind-internal/dist/plugins/blurBgFallback.cjs +1 -1
  130. package/dist/tailwind-internal/dist/plugins/blurBgFallback.js +1 -1
  131. package/dist/tailwind-internal/dist/plugins/borderRadius.cjs +1 -1
  132. package/dist/tailwind-internal/dist/plugins/borderRadius.js +1 -1
  133. package/dist/tailwind-internal/dist/plugins/borderWidth.cjs +1 -1
  134. package/dist/tailwind-internal/dist/plugins/borderWidth.js +1 -1
  135. package/dist/tailwind-internal/dist/plugins/colors.cjs +2 -2
  136. package/dist/tailwind-internal/dist/plugins/colors.js +2 -2
  137. package/dist/tailwind-internal/dist/plugins/components.cjs +4 -1
  138. package/dist/tailwind-internal/dist/plugins/components.js +5 -2
  139. package/dist/tailwind-internal/dist/plugins/elevation.cjs +1 -1
  140. package/dist/tailwind-internal/dist/plugins/elevation.js +1 -1
  141. package/dist/tailwind-internal/dist/plugins/shadows.cjs +1 -1
  142. package/dist/tailwind-internal/dist/plugins/shadows.js +1 -1
  143. package/dist/tailwind-internal/dist/plugins/typography.cjs +2 -2
  144. package/dist/tailwind-internal/dist/plugins/typography.js +2 -2
  145. package/dist/tailwind-internal/dist/utils/getElevationStyles.cjs +1 -1
  146. package/dist/tailwind-internal/dist/utils/getElevationStyles.js +1 -1
  147. package/dist/tailwind-internal/dist/utils/getFontStyles.cjs +1 -1
  148. package/dist/tailwind-internal/dist/utils/getFontStyles.js +1 -1
  149. package/dist/tailwind-internal/dist/utils/getMotionStyles.cjs +1 -1
  150. package/dist/tailwind-internal/dist/utils/getMotionStyles.js +1 -1
  151. package/dist/tailwind-internal/dist/utils/getShadowPresetValues.cjs +1 -1
  152. package/dist/tailwind-internal/dist/utils/getShadowPresetValues.js +1 -1
  153. package/dist/tailwind-internal/dist/utils/getShadowStyles.cjs +1 -1
  154. package/dist/tailwind-internal/dist/utils/getShadowStyles.js +1 -1
  155. package/dist/tailwind-internal/dist/utils/parseTokens.cjs +2 -2
  156. package/dist/tailwind-internal/dist/utils/parseTokens.js +2 -2
  157. package/dist/tokens/automation/configs/index.cjs +3 -0
  158. package/dist/tokens/automation/configs/index.d.cts +2 -2
  159. package/dist/tokens/automation/configs/index.d.ts +2 -2
  160. package/dist/tokens/automation/configs/index.js +2 -2
  161. package/dist/tokens/automation/index.cjs +3 -0
  162. package/dist/tokens/automation/index.d.cts +2 -2
  163. package/dist/tokens/automation/index.d.ts +2 -2
  164. package/dist/tokens/automation/index.js +2 -2
  165. package/dist/tokens/index.cjs +3 -0
  166. package/dist/tokens/index.d.cts +3 -3
  167. package/dist/tokens/index.d.ts +3 -3
  168. package/dist/tokens/index.js +2 -2
  169. package/dist/tokens/types.d.cts +2 -2
  170. package/dist/tokens/types.d.ts +2 -2
  171. package/dist/types/dist/index.d.cts +36 -1
  172. package/dist/types/dist/index.d.ts +36 -1
  173. package/dist/uds/generated/componentData.cjs +407 -0
  174. package/dist/uds/generated/componentData.js +407 -0
  175. package/dist/uds/generated/migrationSchemaVersion.cjs +1 -1
  176. package/dist/uds/generated/migrationSchemaVersion.js +1 -1
  177. package/dist/uds/generated/tailwindPurge.cjs +1501 -315
  178. package/dist/uds/generated/tailwindPurge.js +1501 -315
  179. package/generated/componentData.json +496 -0
  180. package/generated/migrationSchemaVersion.ts +1 -1
  181. package/generated/tailwindPurge.ts +4 -4
  182. package/package.json +1 -1
@@ -16273,42 +16273,23 @@ const defaultTokensConfig = {
16273
16273
  valueType: "alias"
16274
16274
  }
16275
16275
  } },
16276
- "item/variant/default/active/off/text": {
16277
- color: {
16278
- focused: {
16279
- type: "foregroundPaletteColors",
16280
- value: "brand-secondary",
16281
- valueType: "alias"
16282
- },
16283
- hover: {
16284
- type: "foregroundPaletteColors",
16285
- value: "brand-secondary",
16286
- valueType: "alias"
16287
- },
16288
- rest: {
16289
- type: "foregroundPaletteColors",
16290
- value: "secondary",
16291
- valueType: "alias"
16292
- }
16276
+ "item/variant/default/active/off/text": { color: {
16277
+ focused: {
16278
+ type: "foregroundPaletteColors",
16279
+ value: "brand-secondary",
16280
+ valueType: "alias"
16293
16281
  },
16294
- textVariant: {
16295
- focused: {
16296
- type: "textVariants",
16297
- value: "ui1",
16298
- valueType: "alias"
16299
- },
16300
- hover: {
16301
- type: "textVariants",
16302
- value: "ui1",
16303
- valueType: "alias"
16304
- },
16305
- rest: {
16306
- type: "textVariants",
16307
- value: "ui1",
16308
- valueType: "alias"
16309
- }
16282
+ hover: {
16283
+ type: "foregroundPaletteColors",
16284
+ value: "brand-secondary",
16285
+ valueType: "alias"
16286
+ },
16287
+ rest: {
16288
+ type: "foregroundPaletteColors",
16289
+ value: "secondary",
16290
+ valueType: "alias"
16310
16291
  }
16311
- },
16292
+ } },
16312
16293
  "item/variant/default/active/on/icon": { color: {
16313
16294
  focused: {
16314
16295
  type: "foregroundPaletteColors",
@@ -16343,42 +16324,23 @@ const defaultTokensConfig = {
16343
16324
  valueType: "alias"
16344
16325
  }
16345
16326
  } },
16346
- "item/variant/default/active/on/text": {
16347
- color: {
16348
- focused: {
16349
- type: "foregroundPaletteColors",
16350
- value: "brand-secondary",
16351
- valueType: "alias"
16352
- },
16353
- hover: {
16354
- type: "foregroundPaletteColors",
16355
- value: "brand-secondary",
16356
- valueType: "alias"
16357
- },
16358
- rest: {
16359
- type: "foregroundPaletteColors",
16360
- value: "brand-secondary",
16361
- valueType: "alias"
16362
- }
16327
+ "item/variant/default/active/on/text": { color: {
16328
+ focused: {
16329
+ type: "foregroundPaletteColors",
16330
+ value: "brand-secondary",
16331
+ valueType: "alias"
16363
16332
  },
16364
- textVariant: {
16365
- focused: {
16366
- type: "textVariants",
16367
- value: "ui1",
16368
- valueType: "alias"
16369
- },
16370
- hover: {
16371
- type: "textVariants",
16372
- value: "ui1",
16373
- valueType: "alias"
16374
- },
16375
- rest: {
16376
- type: "textVariants",
16377
- value: "ui1",
16378
- valueType: "alias"
16379
- }
16333
+ hover: {
16334
+ type: "foregroundPaletteColors",
16335
+ value: "brand-secondary",
16336
+ valueType: "alias"
16337
+ },
16338
+ rest: {
16339
+ type: "foregroundPaletteColors",
16340
+ value: "brand-secondary",
16341
+ valueType: "alias"
16380
16342
  }
16381
- },
16343
+ } },
16382
16344
  "itemCheckbox/variant/default/active/off/endIcon": { color: {
16383
16345
  focused: {
16384
16346
  type: "foregroundPaletteColors",
@@ -16559,6 +16521,11 @@ const defaultTokensConfig = {
16559
16521
  valueType: "alias"
16560
16522
  } } },
16561
16523
  "size/default/root": {},
16524
+ "size/default/text": { textVariant: { rest: {
16525
+ type: "textVariants",
16526
+ value: "ui1",
16527
+ valueType: "alias"
16528
+ } } },
16562
16529
  "size/default/startIcon": { size: { rest: {
16563
16530
  type: "iconSizes",
16564
16531
  value: "sm",
@@ -18681,6 +18648,349 @@ const defaultTokensConfig = {
18681
18648
  } }
18682
18649
  } }
18683
18650
  },
18651
+ select: {
18652
+ defaults: {
18653
+ size: "md",
18654
+ variant: "default"
18655
+ },
18656
+ variables: {
18657
+ "variant/default/endIcon": { color: {
18658
+ "focus-within": {
18659
+ isEnabled: true,
18660
+ type: "foregroundPaletteColors",
18661
+ value: "primary",
18662
+ valueType: "alias"
18663
+ },
18664
+ hover: {
18665
+ isEnabled: true,
18666
+ type: "foregroundPaletteColors",
18667
+ value: "primary",
18668
+ valueType: "alias"
18669
+ },
18670
+ invalid: {
18671
+ isEnabled: true,
18672
+ type: "foregroundPaletteColors",
18673
+ value: "alert",
18674
+ valueType: "alias"
18675
+ },
18676
+ "invalid&hover": {
18677
+ isEnabled: true,
18678
+ type: "foregroundPaletteColors",
18679
+ value: "alert",
18680
+ valueType: "alias"
18681
+ },
18682
+ "invalid&pressed": {
18683
+ isEnabled: true,
18684
+ type: "foregroundPaletteColors",
18685
+ value: "alert",
18686
+ valueType: "alias"
18687
+ },
18688
+ pressed: {
18689
+ type: "foregroundPaletteColors",
18690
+ value: "muted",
18691
+ valueType: "alias"
18692
+ },
18693
+ readonly: {
18694
+ type: "foregroundPaletteColors",
18695
+ value: "muted",
18696
+ valueType: "alias"
18697
+ },
18698
+ rest: {
18699
+ type: "foregroundPaletteColors",
18700
+ value: "muted",
18701
+ valueType: "alias"
18702
+ }
18703
+ } },
18704
+ "variant/default/root": {},
18705
+ "variant/default/startIcon": { color: {
18706
+ "focus-within": {
18707
+ isEnabled: true,
18708
+ type: "foregroundPaletteColors",
18709
+ value: "primary",
18710
+ valueType: "alias"
18711
+ },
18712
+ hover: {
18713
+ isEnabled: true,
18714
+ type: "foregroundPaletteColors",
18715
+ value: "primary",
18716
+ valueType: "alias"
18717
+ },
18718
+ invalid: {
18719
+ isEnabled: true,
18720
+ type: "foregroundPaletteColors",
18721
+ value: "alert",
18722
+ valueType: "alias"
18723
+ },
18724
+ "invalid&hover": {
18725
+ isEnabled: true,
18726
+ type: "foregroundPaletteColors",
18727
+ value: "alert",
18728
+ valueType: "alias"
18729
+ },
18730
+ "invalid&pressed": {
18731
+ isEnabled: true,
18732
+ type: "foregroundPaletteColors",
18733
+ value: "alert",
18734
+ valueType: "alias"
18735
+ },
18736
+ pressed: {
18737
+ isEnabled: true,
18738
+ type: "foregroundPaletteColors",
18739
+ value: "primary",
18740
+ valueType: "alias"
18741
+ },
18742
+ readonly: {
18743
+ type: "foregroundPaletteColors",
18744
+ value: "muted",
18745
+ valueType: "alias"
18746
+ },
18747
+ rest: {
18748
+ type: "foregroundPaletteColors",
18749
+ value: "muted",
18750
+ valueType: "alias"
18751
+ }
18752
+ } },
18753
+ "variant/default/value/empty/endIcon": { color: { pressed: {
18754
+ isEnabled: true,
18755
+ type: "foregroundPaletteColors",
18756
+ value: "primary",
18757
+ valueType: "alias"
18758
+ } } }
18759
+ }
18760
+ },
18761
+ selectContent: {
18762
+ defaults: {
18763
+ size: "default",
18764
+ variant: "default"
18765
+ },
18766
+ variables: {
18767
+ "size/default/root": {
18768
+ borderRadius: { rest: {
18769
+ type: "borderRadii",
18770
+ value: "md",
18771
+ valueType: "alias"
18772
+ } },
18773
+ borderWidth: { rest: {
18774
+ type: "borderWidths",
18775
+ value: "thin",
18776
+ valueType: "alias"
18777
+ } },
18778
+ gap: { rest: {
18779
+ type: "spacingAliases",
18780
+ value: "0",
18781
+ valueType: "alias"
18782
+ } },
18783
+ shadow: { rest: {
18784
+ type: "shadowVariants",
18785
+ value: "lg",
18786
+ valueType: "alias"
18787
+ } },
18788
+ spacingHorizontal: { rest: {
18789
+ type: "spacingAliases",
18790
+ value: "0",
18791
+ valueType: "alias"
18792
+ } },
18793
+ spacingVertical: { rest: {
18794
+ type: "spacingAliases",
18795
+ value: "0",
18796
+ valueType: "alias"
18797
+ } }
18798
+ },
18799
+ "variant/default/root": {
18800
+ backgroundColor: { rest: {
18801
+ type: "backgroundPaletteColors",
18802
+ value: "primary",
18803
+ valueType: "alias"
18804
+ } },
18805
+ borderColor: { rest: {
18806
+ type: "spectrumColors",
18807
+ value: "gray-3",
18808
+ valueType: "alias"
18809
+ } }
18810
+ }
18811
+ }
18812
+ },
18813
+ selectItem: {
18814
+ defaults: {
18815
+ size: "default",
18816
+ variant: "default"
18817
+ },
18818
+ variables: {
18819
+ "divider/variant/default/line": {
18820
+ borderColor: { rest: {
18821
+ type: "linePaletteColors",
18822
+ value: "secondary",
18823
+ valueType: "alias"
18824
+ } },
18825
+ borderWidth: { rest: {
18826
+ type: "borderWidths",
18827
+ value: "thin",
18828
+ valueType: "alias"
18829
+ } }
18830
+ },
18831
+ "divider/variant/default/root": {},
18832
+ "divider/variant/default/text": {
18833
+ color: { rest: {
18834
+ type: "foregroundPaletteColors",
18835
+ value: "muted",
18836
+ valueType: "alias"
18837
+ } },
18838
+ textVariant: { rest: {
18839
+ type: "textVariants",
18840
+ value: "caption2",
18841
+ valueType: "alias"
18842
+ } }
18843
+ },
18844
+ "item/variant/default/active/off/root": { backgroundColor: {
18845
+ focused: {
18846
+ type: "backgroundPaletteColors",
18847
+ value: "secondary",
18848
+ valueType: "alias"
18849
+ },
18850
+ hover: {
18851
+ type: "backgroundPaletteColors",
18852
+ value: "secondary",
18853
+ valueType: "alias"
18854
+ },
18855
+ pressed: {
18856
+ type: "backgroundPaletteColors",
18857
+ value: "secondary",
18858
+ valueType: "alias"
18859
+ },
18860
+ rest: {
18861
+ type: "backgroundPaletteColors",
18862
+ value: "primary",
18863
+ valueType: "alias"
18864
+ }
18865
+ } },
18866
+ "item/variant/default/active/off/text": { color: {
18867
+ focused: {
18868
+ type: "foregroundPaletteColors",
18869
+ value: "brand",
18870
+ valueType: "alias"
18871
+ },
18872
+ hover: {
18873
+ type: "foregroundPaletteColors",
18874
+ value: "brand",
18875
+ valueType: "alias"
18876
+ },
18877
+ pressed: {
18878
+ type: "foregroundPaletteColors",
18879
+ value: "brand",
18880
+ valueType: "alias"
18881
+ },
18882
+ rest: {
18883
+ type: "foregroundPaletteColors",
18884
+ value: "secondary",
18885
+ valueType: "alias"
18886
+ }
18887
+ } },
18888
+ "item/variant/default/active/off/icon": { color: {
18889
+ focused: {
18890
+ type: "foregroundPaletteColors",
18891
+ value: "brand",
18892
+ valueType: "alias"
18893
+ },
18894
+ hover: {
18895
+ type: "foregroundPaletteColors",
18896
+ value: "brand",
18897
+ valueType: "alias"
18898
+ },
18899
+ pressed: {
18900
+ type: "foregroundPaletteColors",
18901
+ value: "brand",
18902
+ valueType: "alias"
18903
+ },
18904
+ rest: {
18905
+ type: "foregroundPaletteColors",
18906
+ value: "secondary",
18907
+ valueType: "alias"
18908
+ }
18909
+ } },
18910
+ "item/variant/default/active/on/icon": { color: {
18911
+ focused: {
18912
+ type: "foregroundPaletteColors",
18913
+ value: "brand",
18914
+ valueType: "alias"
18915
+ },
18916
+ hover: {
18917
+ type: "foregroundPaletteColors",
18918
+ value: "brand",
18919
+ valueType: "alias"
18920
+ },
18921
+ pressed: {
18922
+ type: "foregroundPaletteColors",
18923
+ value: "brand",
18924
+ valueType: "alias"
18925
+ },
18926
+ rest: {
18927
+ type: "foregroundPaletteColors",
18928
+ value: "brand",
18929
+ valueType: "alias"
18930
+ }
18931
+ } },
18932
+ "item/variant/default/active/on/root": { backgroundColor: {
18933
+ focused: {
18934
+ type: "backgroundPaletteColors",
18935
+ value: "secondary",
18936
+ valueType: "alias"
18937
+ },
18938
+ hover: {
18939
+ type: "backgroundPaletteColors",
18940
+ value: "secondary",
18941
+ valueType: "alias"
18942
+ },
18943
+ pressed: {
18944
+ type: "backgroundPaletteColors",
18945
+ value: "secondary",
18946
+ valueType: "alias"
18947
+ },
18948
+ rest: {
18949
+ type: "backgroundPaletteColors",
18950
+ value: "brand-secondary",
18951
+ valueType: "alias"
18952
+ }
18953
+ } },
18954
+ "item/variant/default/active/on/text": { color: {
18955
+ focused: {
18956
+ type: "foregroundPaletteColors",
18957
+ value: "brand",
18958
+ valueType: "alias"
18959
+ },
18960
+ hover: {
18961
+ type: "foregroundPaletteColors",
18962
+ value: "brand",
18963
+ valueType: "alias"
18964
+ },
18965
+ pressed: {
18966
+ type: "foregroundPaletteColors",
18967
+ value: "brand",
18968
+ valueType: "alias"
18969
+ },
18970
+ rest: {
18971
+ type: "foregroundPaletteColors",
18972
+ value: "brand",
18973
+ valueType: "alias"
18974
+ }
18975
+ } },
18976
+ "size/default/root": {},
18977
+ "size/default/text": { textVariant: { rest: {
18978
+ type: "textVariants",
18979
+ value: "ui1",
18980
+ valueType: "alias"
18981
+ } } },
18982
+ "size/default/startIcon": { size: { rest: {
18983
+ type: "iconSizes",
18984
+ value: "sm",
18985
+ valueType: "alias"
18986
+ } } },
18987
+ "size/default/endIcon": { size: { rest: {
18988
+ type: "iconSizes",
18989
+ value: "sm",
18990
+ valueType: "alias"
18991
+ } } }
18992
+ }
18993
+ },
18684
18994
  shadow: {
18685
18995
  drop: {
18686
18996
  "2xl": [{
@@ -28899,8 +29209,8 @@ const defaultTokensConfig = {
28899
29209
  }
28900
29210
  }
28901
29211
  },
28902
- version: "v0.99.0",
28903
- version: "v0.99.0"
29212
+ version: "v0.100.0",
29213
+ version: "v0.100.0"
28904
29214
  };
28905
29215
  //#endregion
28906
29216
  export { defaultTokensConfig };
@@ -1,6 +1,6 @@
1
1
  /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
- const require_index = require("../../palette/dist/index.cjs");
3
- const require_index$1 = require("../../fixtures/dist/index.cjs");
2
+ const require_index = require("../../fixtures/dist/index.cjs");
3
+ const require_index$1 = require("../../palette/dist/index.cjs");
4
4
  //#region ../tailwind-internal/dist/packages/css-tokens/dist/index.js
5
5
  /*! © 2026 Yahoo, Inc. UDS Tailwind Internal v0.0.0-development */
6
6
  /*! © 2026 Yahoo, Inc. UDS Motion Tokens v0.0.0-development */
@@ -77,10 +77,10 @@ function hexToRgb(hex) {
77
77
  return `${parseInt(hex.substring(0, 2), 16)} ${parseInt(hex.substring(2, 4), 16)} ${parseInt(hex.substring(4, 6), 16)}`;
78
78
  }
79
79
  const RGB = {
80
- white: hexToRgb(require_index.newAlwaysPalette["always/white"]),
81
- black: hexToRgb(require_index.newAlwaysPalette["always/black"]),
82
- brand: hexToRgb(require_index.newAlwaysPalette["always/brand"]),
83
- accent: hexToRgb(require_index.newAlwaysPalette["always/accent"])
80
+ white: hexToRgb(require_index$1.newAlwaysPalette["always/white"]),
81
+ black: hexToRgb(require_index$1.newAlwaysPalette["always/black"]),
82
+ brand: hexToRgb(require_index$1.newAlwaysPalette["always/brand"]),
83
+ accent: hexToRgb(require_index$1.newAlwaysPalette["always/accent"])
84
84
  };
85
85
  const ALWAYS_AS_RGB = {
86
86
  black: RGB.black,
@@ -106,10 +106,10 @@ function getShadowLayerValue({ preset, prefix, shadowType, cssVarPrefix }) {
106
106
  if (isAlwaysColor) shadowColor = ALWAYS_AS_RGB[preset.color.value];
107
107
  const defaultColor = `var(${varPrefix}${prefix ? `${prefix}-` : ""}color, ${shadowColor})`;
108
108
  const cssValues = [
109
- `${require_index$1.shadowOffsetMap[preset.offsetX]}px`,
110
- `${require_index$1.shadowOffsetMap[preset.offsetY]}px`,
111
- `${require_index$1.spacingMap[preset.blur]}px`,
112
- `${require_index$1.shadowSpreadRadiusMap[preset.spread]}px`
109
+ `${require_index.shadowOffsetMap[preset.offsetX]}px`,
110
+ `${require_index.shadowOffsetMap[preset.offsetY]}px`,
111
+ `${require_index.spacingMap[preset.blur]}px`,
112
+ `${require_index.shadowSpreadRadiusMap[preset.spread]}px`
113
113
  ].map((value) => value).join(" ");
114
114
  const colorValue = `rgb(${defaultColor} / var(${varPrefix}${prefix ? `${prefix}-` : ""}opacity, ${Number(preset.opacity) / 100}))`;
115
115
  return `${shadowType === "inset" ? "inset " : ""}${cssValues} ${colorValue}`;
@@ -1,6 +1,6 @@
1
1
  /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
- import { newAlwaysPalette } from "../../palette/dist/index.js";
3
2
  import { shadowOffsetMap, shadowSpreadRadiusMap, spacingMap } from "../../fixtures/dist/index.js";
3
+ import { newAlwaysPalette } from "../../palette/dist/index.js";
4
4
  //#region ../tailwind-internal/dist/packages/css-tokens/dist/index.js
5
5
  /*! © 2026 Yahoo, Inc. UDS Tailwind Internal v0.0.0-development */
6
6
  /*! © 2026 Yahoo, Inc. UDS Motion Tokens v0.0.0-development */
@@ -1,7 +1,7 @@
1
1
  /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
+ const require_getFocusRingStyles = require("../components/getFocusRingStyles.cjs");
2
3
  const require_runtime = require("../_virtual/_rolldown/runtime.cjs");
3
4
  const require_plugin$1 = require("../node_modules/.bun/tailwindcss@3.4.19_7500dce058369e0a/node_modules/tailwindcss/plugin.cjs");
4
- const require_getFocusRingStyles = require("../components/getFocusRingStyles.cjs");
5
5
  const require_getHitTargetStyles = require("../components/getHitTargetStyles.cjs");
6
6
  //#region ../tailwind-internal/dist/plugins/a11y.js
7
7
  /*! © 2026 Yahoo, Inc. UDS Tailwind Internal v0.0.0-development */
@@ -9,7 +9,11 @@ const a11yPlugin = (/* @__PURE__ */ require_runtime.__toESM(require_plugin$1.req
9
9
  addComponents(require_getHitTargetStyles.getHitTargetStyles());
10
10
  addComponents(require_getFocusRingStyles.getFocusRingStyles());
11
11
  }, () => ({
12
- safelist: ["uds-hit-target", "uds-ring"],
12
+ safelist: [
13
+ "uds-hit-target",
14
+ "uds-ring",
15
+ "uds-ring-shadow"
16
+ ],
13
17
  theme: { extend: {
14
18
  /**
15
19
  * Used in @ariakit/react https://ariakit.org/guide/styling#aria
@@ -1,7 +1,7 @@
1
1
  /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
+ import { getFocusRingStyles } from "../components/getFocusRingStyles.js";
2
3
  import { __toESM } from "../_virtual/_rolldown/runtime.js";
3
4
  import { require_plugin } from "../node_modules/.bun/tailwindcss@3.4.19_7500dce058369e0a/node_modules/tailwindcss/plugin.js";
4
- import { getFocusRingStyles } from "../components/getFocusRingStyles.js";
5
5
  import { getHitTargetStyles } from "../components/getHitTargetStyles.js";
6
6
  //#region ../tailwind-internal/dist/plugins/a11y.js
7
7
  /*! © 2026 Yahoo, Inc. UDS Tailwind Internal v0.0.0-development */
@@ -9,7 +9,11 @@ const a11yPlugin = (/* @__PURE__ */ __toESM(require_plugin(), 1)).default.withOp
9
9
  addComponents(getHitTargetStyles());
10
10
  addComponents(getFocusRingStyles());
11
11
  }, () => ({
12
- safelist: ["uds-hit-target", "uds-ring"],
12
+ safelist: [
13
+ "uds-hit-target",
14
+ "uds-ring",
15
+ "uds-ring-shadow"
16
+ ],
13
17
  theme: { extend: {
14
18
  /**
15
19
  * Used in @ariakit/react https://ariakit.org/guide/styling#aria
@@ -1,7 +1,7 @@
1
1
  /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
+ const require_index = require("../packages/css-tokens/dist/index.cjs");
2
3
  const require_runtime = require("../_virtual/_rolldown/runtime.cjs");
3
4
  const require_plugin$1 = require("../node_modules/.bun/tailwindcss@3.4.19_7500dce058369e0a/node_modules/tailwindcss/plugin.cjs");
4
- const require_index = require("../packages/css-tokens/dist/index.cjs");
5
5
  //#region ../tailwind-internal/dist/plugins/blurBgFallback.js
6
6
  /*! © 2026 Yahoo, Inc. UDS Tailwind Internal v0.0.0-development */
7
7
  const blurBgFallbackPlugin = (/* @__PURE__ */ require_runtime.__toESM(require_plugin$1.require_plugin(), 1)).default.withOptions(() => ({ addUtilities }) => {
@@ -1,7 +1,7 @@
1
1
  /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
+ import { BACKGROUND_BLUR_COLOR_PREFIX, BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX } from "../packages/css-tokens/dist/index.js";
2
3
  import { __toESM } from "../_virtual/_rolldown/runtime.js";
3
4
  import { require_plugin } from "../node_modules/.bun/tailwindcss@3.4.19_7500dce058369e0a/node_modules/tailwindcss/plugin.js";
4
- import { BACKGROUND_BLUR_COLOR_PREFIX, BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX } from "../packages/css-tokens/dist/index.js";
5
5
  //#region ../tailwind-internal/dist/plugins/blurBgFallback.js
6
6
  /*! © 2026 Yahoo, Inc. UDS Tailwind Internal v0.0.0-development */
7
7
  const blurBgFallbackPlugin = (/* @__PURE__ */ __toESM(require_plugin(), 1)).default.withOptions(() => ({ addUtilities }) => {
@@ -1,8 +1,8 @@
1
1
  /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
+ const require_index = require("../packages/css-tokens/dist/index.cjs");
2
3
  const require_runtime = require("../_virtual/_rolldown/runtime.cjs");
3
4
  const require_plugin$1 = require("../node_modules/.bun/tailwindcss@3.4.19_7500dce058369e0a/node_modules/tailwindcss/plugin.cjs");
4
5
  const require_composeTailwindPlugins = require("../utils/composeTailwindPlugins.cjs");
5
- const require_index = require("../packages/css-tokens/dist/index.cjs");
6
6
  const require_fromEntries = require("../packages/utils/dist/fromEntries.cjs");
7
7
  const require_index$1 = require("../packages/modes/dist/index.cjs");
8
8
  //#region ../tailwind-internal/dist/plugins/borderRadius.js
@@ -1,8 +1,8 @@
1
1
  /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
+ import { BORDER_RADIUS_PREFIX } from "../packages/css-tokens/dist/index.js";
2
3
  import { __toESM } from "../_virtual/_rolldown/runtime.js";
3
4
  import { require_plugin } from "../node_modules/.bun/tailwindcss@3.4.19_7500dce058369e0a/node_modules/tailwindcss/plugin.js";
4
5
  import { shouldNotMergeTokensIntoTailwindTheme } from "../utils/composeTailwindPlugins.js";
5
- import { BORDER_RADIUS_PREFIX } from "../packages/css-tokens/dist/index.js";
6
6
  import { fromEntries } from "../packages/utils/dist/fromEntries.js";
7
7
  import { DEFAULT_SCALE_MODE } from "../packages/modes/dist/index.js";
8
8
  //#region ../tailwind-internal/dist/plugins/borderRadius.js
@@ -1,8 +1,8 @@
1
1
  /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
+ const require_index = require("../packages/css-tokens/dist/index.cjs");
2
3
  const require_runtime = require("../_virtual/_rolldown/runtime.cjs");
3
4
  const require_plugin$1 = require("../node_modules/.bun/tailwindcss@3.4.19_7500dce058369e0a/node_modules/tailwindcss/plugin.cjs");
4
5
  const require_composeTailwindPlugins = require("../utils/composeTailwindPlugins.cjs");
5
- const require_index = require("../packages/css-tokens/dist/index.cjs");
6
6
  const require_fromEntries = require("../packages/utils/dist/fromEntries.cjs");
7
7
  const require_index$1 = require("../packages/modes/dist/index.cjs");
8
8
  //#region ../tailwind-internal/dist/plugins/borderWidth.js
@@ -1,8 +1,8 @@
1
1
  /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
+ import { BORDER_WIDTH_PREFIX } from "../packages/css-tokens/dist/index.js";
2
3
  import { __toESM } from "../_virtual/_rolldown/runtime.js";
3
4
  import { require_plugin } from "../node_modules/.bun/tailwindcss@3.4.19_7500dce058369e0a/node_modules/tailwindcss/plugin.js";
4
5
  import { shouldNotMergeTokensIntoTailwindTheme } from "../utils/composeTailwindPlugins.js";
5
- import { BORDER_WIDTH_PREFIX } from "../packages/css-tokens/dist/index.js";
6
6
  import { fromEntries } from "../packages/utils/dist/fromEntries.js";
7
7
  import { DEFAULT_SCALE_MODE } from "../packages/modes/dist/index.js";
8
8
  //#region ../tailwind-internal/dist/plugins/borderWidth.js
@@ -1,9 +1,9 @@
1
1
  /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
2
  require("../../../_virtual/_rolldown/runtime.cjs");
3
- const require_runtime$1 = require("../_virtual/_rolldown/runtime.cjs");
4
- const require_plugin$1 = require("../node_modules/.bun/tailwindcss@3.4.19_7500dce058369e0a/node_modules/tailwindcss/plugin.cjs");
5
3
  const require_index = require("../packages/palette/dist/index.cjs");
6
4
  const require_index$1 = require("../packages/css-tokens/dist/index.cjs");
5
+ const require_runtime$1 = require("../_virtual/_rolldown/runtime.cjs");
6
+ const require_plugin$1 = require("../node_modules/.bun/tailwindcss@3.4.19_7500dce058369e0a/node_modules/tailwindcss/plugin.cjs");
7
7
  const require_mapValues = require("../packages/utils/dist/mapValues.cjs");
8
8
  const require_parseTokens = require("../utils/parseTokens.cjs");
9
9
  const require_index$2 = require("../packages/modes/dist/index.cjs");
@@ -1,8 +1,8 @@
1
1
  /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
- import { __toESM } from "../_virtual/_rolldown/runtime.js";
3
- import { require_plugin } from "../node_modules/.bun/tailwindcss@3.4.19_7500dce058369e0a/node_modules/tailwindcss/plugin.js";
4
2
  import { ALWAYS_PREFIX, deprecatedAlwaysPalette, newAlwaysPalette } from "../packages/palette/dist/index.js";
5
3
  import { BACKGROUND_COLOR_PREFIX, DARK_COLOR_MODE_CLASSNAME, INVERT_COLOR_MODE_CLASSNAME, LIGHT_COLOR_MODE_CLASSNAME, SYSTEM_COLOR_MODE_CLASSNAME } from "../packages/css-tokens/dist/index.js";
4
+ import { __toESM } from "../_virtual/_rolldown/runtime.js";
5
+ import { require_plugin } from "../node_modules/.bun/tailwindcss@3.4.19_7500dce058369e0a/node_modules/tailwindcss/plugin.js";
6
6
  import { mapValues as mapValues$1 } from "../packages/utils/dist/mapValues.js";
7
7
  import { parseTokens } from "../utils/parseTokens.js";
8
8
  import { DEFAULT_COLOR_MODE } from "../packages/modes/dist/index.js";