@yahoo/uds 3.163.2 → 3.165.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 (102) hide show
  1. package/dist/cli/commands/sync.cjs +8 -0
  2. package/dist/cli/commands/sync.js +8 -0
  3. package/dist/components/client/Button/Button.cjs +5 -6
  4. package/dist/components/client/Button/Button.js +5 -6
  5. package/dist/components/client/Button/ButtonBase.cjs +4 -0
  6. package/dist/components/client/Button/ButtonBase.d.cts +2 -1
  7. package/dist/components/client/Button/ButtonBase.d.ts +2 -1
  8. package/dist/components/client/Button/ButtonBase.js +4 -0
  9. package/dist/components/client/Button/UDSButtonConfigProvider.cjs +45 -0
  10. package/dist/components/client/Button/UDSButtonConfigProvider.d.cts +33 -0
  11. package/dist/components/client/Button/UDSButtonConfigProvider.d.ts +34 -0
  12. package/dist/components/client/Button/UDSButtonConfigProvider.js +42 -0
  13. package/dist/components/client/Button/buttonConstants.cjs +1 -1
  14. package/dist/components/client/Button/buttonConstants.d.cts +3 -3
  15. package/dist/components/client/Button/buttonConstants.d.ts +3 -3
  16. package/dist/components/client/Button/buttonConstants.js +1 -1
  17. package/dist/components/client/Button/index.cjs +3 -0
  18. package/dist/components/client/Button/index.d.cts +2 -1
  19. package/dist/components/client/Button/index.d.ts +2 -1
  20. package/dist/components/client/Button/index.js +2 -1
  21. package/dist/components/client/IconButton/IconButton.cjs +3 -4
  22. package/dist/components/client/IconButton/IconButton.js +3 -4
  23. package/dist/components/client/IconButton/IconButtonBase.cjs +3 -0
  24. package/dist/components/client/IconButton/IconButtonBase.d.cts +2 -0
  25. package/dist/components/client/IconButton/IconButtonBase.d.ts +2 -0
  26. package/dist/components/client/IconButton/IconButtonBase.js +3 -0
  27. package/dist/components/client/IconButton/UDSIconButtonConfigProvider.cjs +46 -0
  28. package/dist/components/client/IconButton/UDSIconButtonConfigProvider.d.cts +34 -0
  29. package/dist/components/client/IconButton/UDSIconButtonConfigProvider.d.ts +35 -0
  30. package/dist/components/client/IconButton/UDSIconButtonConfigProvider.js +43 -0
  31. package/dist/components/client/IconButton/index.cjs +3 -0
  32. package/dist/components/client/IconButton/index.d.cts +2 -1
  33. package/dist/components/client/IconButton/index.d.ts +2 -1
  34. package/dist/components/client/IconButton/index.js +2 -1
  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/Toast/UDSToastConfigProvider.d.cts +1 -1
  38. package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +1 -1
  39. package/dist/components/client/index.cjs +6 -0
  40. package/dist/components/client/index.d.cts +3 -1
  41. package/dist/components/client/index.d.ts +3 -1
  42. package/dist/components/client/index.js +3 -1
  43. package/dist/components/client/providers/UDSConfigProvider.cjs +18 -10
  44. package/dist/components/client/providers/UDSConfigProvider.d.cts +2 -0
  45. package/dist/components/client/providers/UDSConfigProvider.d.ts +2 -0
  46. package/dist/components/client/providers/UDSConfigProvider.js +18 -10
  47. package/dist/components/index.cjs +6 -0
  48. package/dist/components/index.d.cts +3 -1
  49. package/dist/components/index.d.ts +3 -1
  50. package/dist/components/index.js +3 -1
  51. package/dist/config/dist/index.cjs +51 -141
  52. package/dist/config/dist/index.js +51 -141
  53. package/dist/css/dist/css/utils.cjs +12 -0
  54. package/dist/css/dist/css/utils.js +12 -0
  55. package/dist/css/dist/packages/config/dist/index.cjs +51 -141
  56. package/dist/css/dist/packages/config/dist/index.js +51 -141
  57. package/dist/css/dist/runtimeConfig/hookMetadata.cjs +67 -0
  58. package/dist/css/dist/runtimeConfig/hookMetadata.js +67 -0
  59. package/dist/css-animation/Button/Button.cjs +5 -6
  60. package/dist/css-animation/Button/Button.js +5 -6
  61. package/dist/css-animation/IconButton/IconButton.cjs +3 -4
  62. package/dist/css-animation/IconButton/IconButton.js +3 -4
  63. package/dist/index.cjs +10 -0
  64. package/dist/index.d.cts +5 -1
  65. package/dist/index.d.ts +5 -1
  66. package/dist/index.js +5 -1
  67. package/dist/runtime/buttonConfig.cjs +17 -0
  68. package/dist/runtime/buttonConfig.d.cts +13 -0
  69. package/dist/runtime/buttonConfig.d.ts +13 -0
  70. package/dist/runtime/buttonConfig.js +16 -0
  71. package/dist/runtime/iconButtonConfig.cjs +18 -0
  72. package/dist/runtime/iconButtonConfig.d.cts +13 -0
  73. package/dist/runtime/iconButtonConfig.d.ts +13 -0
  74. package/dist/runtime/iconButtonConfig.js +17 -0
  75. package/dist/runtime/index.cjs +4 -0
  76. package/dist/runtime/index.d.cts +3 -1
  77. package/dist/runtime/index.d.ts +3 -1
  78. package/dist/runtime/index.js +3 -1
  79. package/dist/runtime/udsConfig.cjs +4 -0
  80. package/dist/runtime/udsConfig.d.cts +4 -0
  81. package/dist/runtime/udsConfig.d.ts +4 -0
  82. package/dist/runtime/udsConfig.js +4 -0
  83. package/dist/styles/styler.d.cts +64 -64
  84. package/dist/styles/styler.d.ts +64 -64
  85. package/dist/tailwind-internal/dist/components/getResponsiveTextStyles.cjs +6 -2
  86. package/dist/tailwind-internal/dist/components/getResponsiveTextStyles.js +6 -2
  87. package/dist/tailwind-internal/dist/packages/config/dist/index.cjs +51 -141
  88. package/dist/tailwind-internal/dist/packages/config/dist/index.js +51 -141
  89. package/dist/tailwind-internal/dist/packages/types/dist/index.d.cts +1 -0
  90. package/dist/tailwind-internal/dist/packages/types/dist/index.d.ts +1 -0
  91. package/dist/types/dist/index.d.cts +1 -0
  92. package/dist/types/dist/index.d.ts +1 -0
  93. package/dist/uds/generated/componentData.cjs +156 -128
  94. package/dist/uds/generated/componentData.js +156 -128
  95. package/dist/uds/generated/migrationSchemaVersion.cjs +1 -1
  96. package/dist/uds/generated/migrationSchemaVersion.js +1 -1
  97. package/dist/uds/generated/tailwindPurge.cjs +9 -1
  98. package/dist/uds/generated/tailwindPurge.js +9 -1
  99. package/generated/componentData.json +201 -165
  100. package/generated/migrationSchemaVersion.ts +1 -1
  101. package/generated/tailwindPurge.ts +3 -3
  102. package/package.json +1 -1
@@ -14798,6 +14798,7 @@ const defaultTokensConfig = {
14798
14798
  "serif-alt": "yahoo-serif-text"
14799
14799
  },
14800
14800
  globalDefaults: {
14801
+ applyDefaultBreakpointInCode: false,
14801
14802
  breakpoint: "lg",
14802
14803
  enableResponsiveType: true
14803
14804
  },
@@ -14809,12 +14810,12 @@ const defaultTokensConfig = {
14809
14810
  variables: {
14810
14811
  "size/lg/icon": { size: { rest: {
14811
14812
  type: "iconSizes",
14812
- value: "sm",
14813
+ value: "md",
14813
14814
  valueType: "alias"
14814
14815
  } } },
14815
14816
  "size/lg/root": { spacing: { rest: {
14816
14817
  type: "spacingAliases",
14817
- value: "4.5",
14818
+ value: "3.5",
14818
14819
  valueType: "alias"
14819
14820
  } } },
14820
14821
  "size/md/icon": { size: { rest: {
@@ -14854,7 +14855,7 @@ const defaultTokensConfig = {
14854
14855
  } } },
14855
14856
  "size/xs/root": { spacing: { rest: {
14856
14857
  type: "spacingAliases",
14857
- value: "1.5",
14858
+ value: "2",
14858
14859
  valueType: "alias"
14859
14860
  } } }
14860
14861
  }
@@ -16521,16 +16522,28 @@ const defaultTokensConfig = {
16521
16522
  valueType: "alias"
16522
16523
  } } },
16523
16524
  "size/default/root": {},
16524
- "size/default/text": { textVariant: { rest: {
16525
- type: "textVariants",
16526
- value: "ui1",
16527
- valueType: "alias"
16528
- } } },
16529
16525
  "size/default/startIcon": { size: { rest: {
16530
16526
  type: "iconSizes",
16531
16527
  value: "sm",
16532
16528
  valueType: "alias"
16533
- } } }
16529
+ } } },
16530
+ "size/default/text": { textVariant: {
16531
+ focused: {
16532
+ type: "textVariants",
16533
+ value: "ui1",
16534
+ valueType: "alias"
16535
+ },
16536
+ hover: {
16537
+ type: "textVariants",
16538
+ value: "ui1",
16539
+ valueType: "alias"
16540
+ },
16541
+ rest: {
16542
+ type: "textVariants",
16543
+ value: "ui1",
16544
+ valueType: "alias"
16545
+ }
16546
+ } }
16534
16547
  }
16535
16548
  },
16536
16549
  modal: {
@@ -18653,110 +18666,7 @@ const defaultTokensConfig = {
18653
18666
  size: "md",
18654
18667
  variant: "default"
18655
18668
  },
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
- }
18669
+ variables: { "variant/default/root": {} }
18760
18670
  },
18761
18671
  selectContent: {
18762
18672
  defaults: {
@@ -18841,51 +18751,51 @@ const defaultTokensConfig = {
18841
18751
  valueType: "alias"
18842
18752
  } }
18843
18753
  },
18844
- "item/variant/default/active/off/root": { backgroundColor: {
18754
+ "item/variant/default/active/off/icon": { color: {
18845
18755
  focused: {
18846
- type: "backgroundPaletteColors",
18847
- value: "secondary",
18756
+ type: "foregroundPaletteColors",
18757
+ value: "brand",
18848
18758
  valueType: "alias"
18849
18759
  },
18850
18760
  hover: {
18851
- type: "backgroundPaletteColors",
18852
- value: "secondary",
18761
+ type: "foregroundPaletteColors",
18762
+ value: "brand",
18853
18763
  valueType: "alias"
18854
18764
  },
18855
18765
  pressed: {
18856
- type: "backgroundPaletteColors",
18857
- value: "secondary",
18766
+ type: "foregroundPaletteColors",
18767
+ value: "brand",
18858
18768
  valueType: "alias"
18859
18769
  },
18860
18770
  rest: {
18861
- type: "backgroundPaletteColors",
18862
- value: "primary",
18771
+ type: "foregroundPaletteColors",
18772
+ value: "secondary",
18863
18773
  valueType: "alias"
18864
18774
  }
18865
18775
  } },
18866
- "item/variant/default/active/off/text": { color: {
18776
+ "item/variant/default/active/off/root": { backgroundColor: {
18867
18777
  focused: {
18868
- type: "foregroundPaletteColors",
18869
- value: "brand",
18778
+ type: "backgroundPaletteColors",
18779
+ value: "secondary",
18870
18780
  valueType: "alias"
18871
18781
  },
18872
18782
  hover: {
18873
- type: "foregroundPaletteColors",
18874
- value: "brand",
18783
+ type: "backgroundPaletteColors",
18784
+ value: "secondary",
18875
18785
  valueType: "alias"
18876
18786
  },
18877
18787
  pressed: {
18878
- type: "foregroundPaletteColors",
18879
- value: "brand",
18788
+ type: "backgroundPaletteColors",
18789
+ value: "secondary",
18880
18790
  valueType: "alias"
18881
18791
  },
18882
18792
  rest: {
18883
- type: "foregroundPaletteColors",
18884
- value: "secondary",
18793
+ type: "backgroundPaletteColors",
18794
+ value: "primary",
18885
18795
  valueType: "alias"
18886
18796
  }
18887
18797
  } },
18888
- "item/variant/default/active/off/icon": { color: {
18798
+ "item/variant/default/active/off/text": { color: {
18889
18799
  focused: {
18890
18800
  type: "foregroundPaletteColors",
18891
18801
  value: "brand",
@@ -18973,20 +18883,20 @@ const defaultTokensConfig = {
18973
18883
  valueType: "alias"
18974
18884
  }
18975
18885
  } },
18976
- "size/default/root": {},
18977
- "size/default/text": { textVariant: { rest: {
18978
- type: "textVariants",
18979
- value: "ui1",
18886
+ "size/default/endIcon": { size: { rest: {
18887
+ type: "iconSizes",
18888
+ value: "sm",
18980
18889
  valueType: "alias"
18981
18890
  } } },
18891
+ "size/default/root": {},
18982
18892
  "size/default/startIcon": { size: { rest: {
18983
18893
  type: "iconSizes",
18984
18894
  value: "sm",
18985
18895
  valueType: "alias"
18986
18896
  } } },
18987
- "size/default/endIcon": { size: { rest: {
18988
- type: "iconSizes",
18989
- value: "sm",
18897
+ "size/default/text": { textVariant: { rest: {
18898
+ type: "textVariants",
18899
+ value: "ui1",
18990
18900
  valueType: "alias"
18991
18901
  } } }
18992
18902
  }
@@ -29209,8 +29119,8 @@ const defaultTokensConfig = {
29209
29119
  }
29210
29120
  }
29211
29121
  },
29212
- version: "v0.100.0",
29213
- version: "v0.100.0"
29122
+ version: "v0.101.0",
29123
+ version: "v0.101.0"
29214
29124
  };
29215
29125
  //#endregion
29216
29126
  export { defaultTokensConfig };
@@ -20,6 +20,73 @@ const runtimeHookMetadata = defineRuntimeHookMetadata({
20
20
  }
21
21
  } }
22
22
  },
23
+ useButtonConfig: {
24
+ defaultProps: { size: "button.defaultSize" },
25
+ defaultPropSources: { size: [
26
+ "button",
27
+ "defaults",
28
+ "size"
29
+ ] },
30
+ selectorParamValues: { size: [
31
+ "xs",
32
+ "sm",
33
+ "md",
34
+ "lg"
35
+ ] },
36
+ tokenConfigPath: ["button", "variables"],
37
+ fields: {
38
+ size: {
39
+ bindingSelector: "button.defaultSize",
40
+ selectorTemplates: ["button.defaultSize"]
41
+ },
42
+ iconSize: {
43
+ bindingSelector: "button.iconSize.${size}",
44
+ selectorTemplates: ["button.iconSize.${size}"],
45
+ tokenSource: {
46
+ variableTemplate: "size/${size}/icon",
47
+ valuePath: [
48
+ "size",
49
+ "rest",
50
+ "value"
51
+ ]
52
+ }
53
+ }
54
+ }
55
+ },
56
+ useIconButtonConfig: {
57
+ defaultProps: { size: "iconButton.defaultSize" },
58
+ defaultPropSources: { size: [
59
+ "iconButton",
60
+ "defaults",
61
+ "size"
62
+ ] },
63
+ selectorParamValues: { size: [
64
+ "xs",
65
+ "sm",
66
+ "md",
67
+ "lg",
68
+ "xl"
69
+ ] },
70
+ tokenConfigPath: ["iconButton", "variables"],
71
+ fields: {
72
+ size: {
73
+ bindingSelector: "iconButton.defaultSize",
74
+ selectorTemplates: ["iconButton.defaultSize"]
75
+ },
76
+ iconSize: {
77
+ bindingSelector: "iconButton.iconSize.${size}",
78
+ selectorTemplates: ["iconButton.iconSize.${size}"],
79
+ tokenSource: {
80
+ variableTemplate: "size/${size}/icon",
81
+ valuePath: [
82
+ "size",
83
+ "rest",
84
+ "value"
85
+ ]
86
+ }
87
+ }
88
+ }
89
+ },
23
90
  useToastConfig: {
24
91
  defaultProps: {
25
92
  size: "toast.defaultSize",
@@ -20,6 +20,73 @@ const runtimeHookMetadata = defineRuntimeHookMetadata({
20
20
  }
21
21
  } }
22
22
  },
23
+ useButtonConfig: {
24
+ defaultProps: { size: "button.defaultSize" },
25
+ defaultPropSources: { size: [
26
+ "button",
27
+ "defaults",
28
+ "size"
29
+ ] },
30
+ selectorParamValues: { size: [
31
+ "xs",
32
+ "sm",
33
+ "md",
34
+ "lg"
35
+ ] },
36
+ tokenConfigPath: ["button", "variables"],
37
+ fields: {
38
+ size: {
39
+ bindingSelector: "button.defaultSize",
40
+ selectorTemplates: ["button.defaultSize"]
41
+ },
42
+ iconSize: {
43
+ bindingSelector: "button.iconSize.${size}",
44
+ selectorTemplates: ["button.iconSize.${size}"],
45
+ tokenSource: {
46
+ variableTemplate: "size/${size}/icon",
47
+ valuePath: [
48
+ "size",
49
+ "rest",
50
+ "value"
51
+ ]
52
+ }
53
+ }
54
+ }
55
+ },
56
+ useIconButtonConfig: {
57
+ defaultProps: { size: "iconButton.defaultSize" },
58
+ defaultPropSources: { size: [
59
+ "iconButton",
60
+ "defaults",
61
+ "size"
62
+ ] },
63
+ selectorParamValues: { size: [
64
+ "xs",
65
+ "sm",
66
+ "md",
67
+ "lg",
68
+ "xl"
69
+ ] },
70
+ tokenConfigPath: ["iconButton", "variables"],
71
+ fields: {
72
+ size: {
73
+ bindingSelector: "iconButton.defaultSize",
74
+ selectorTemplates: ["iconButton.defaultSize"]
75
+ },
76
+ iconSize: {
77
+ bindingSelector: "iconButton.iconSize.${size}",
78
+ selectorTemplates: ["iconButton.iconSize.${size}"],
79
+ tokenSource: {
80
+ variableTemplate: "size/${size}/icon",
81
+ valuePath: [
82
+ "size",
83
+ "rest",
84
+ "value"
85
+ ]
86
+ }
87
+ }
88
+ }
89
+ },
23
90
  useToastConfig: {
24
91
  defaultProps: {
25
92
  size: "toast.defaultSize",
@@ -5,7 +5,6 @@ const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
5
5
  const require_components_Icon = require("../../components/Icon.cjs");
6
6
  const require_components_IconSlot = require("../../components/IconSlot.cjs");
7
7
  const require_components_client_Button_ButtonBase = require("../../components/client/Button/ButtonBase.cjs");
8
- require("../../components/client/Button/buttonConstants.cjs");
9
8
  let _yahoo_uds_icons = require("@yahoo/uds-icons");
10
9
  let react = require("react");
11
10
  react = require_runtime.__toESM(react);
@@ -20,11 +19,11 @@ const Button = (0, react.forwardRef)(function Button(props, forwardedRef) {
20
19
  return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_Button_ButtonBase.ButtonBase, {
21
20
  ...props,
22
21
  ref: forwardedRef,
23
- renderStartContent: ({ iconVariant, loading, startIcon, iconContainerClassName, loadingIconClassName, iconClassName, startIconClassName, startIconSlotProps }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
22
+ renderStartContent: ({ iconVariant, iconSize, loading, startIcon, iconContainerClassName, loadingIconClassName, iconClassName, startIconClassName, startIconSlotProps }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
24
23
  className: iconContainerClassName,
25
24
  children: [loading && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Icon.Icon, {
26
25
  className: loadingIconClassName,
27
- size: "sm",
26
+ size: iconSize,
28
27
  name: _yahoo_uds_icons.Progress,
29
28
  variant: iconVariant,
30
29
  color: "current"
@@ -32,20 +31,20 @@ const Button = (0, react.forwardRef)(function Button(props, forwardedRef) {
32
31
  className: [iconClassName, startIconClassName].filter(Boolean).join(" "),
33
32
  icon: startIcon,
34
33
  iconProps: {
35
- size: "sm",
34
+ size: iconSize,
36
35
  variant: iconVariant,
37
36
  color: "current"
38
37
  },
39
38
  ...startIconSlotProps
40
39
  }) })]
41
40
  }),
42
- renderEndContent: ({ endIcon, iconVariant, iconContainerClassName, iconClassName, endIconClassName, endIconSlotProps }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
41
+ renderEndContent: ({ endIcon, iconVariant, iconSize, iconContainerClassName, iconClassName, endIconClassName, endIconSlotProps }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
43
42
  className: iconContainerClassName,
44
43
  children: endIcon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_IconSlot.IconSlot, {
45
44
  className: [iconClassName, endIconClassName].filter(Boolean).join(" "),
46
45
  icon: endIcon,
47
46
  iconProps: {
48
- size: "sm",
47
+ size: iconSize,
49
48
  variant: iconVariant,
50
49
  color: "current"
51
50
  },
@@ -3,7 +3,6 @@
3
3
  import { Icon } from "../../components/Icon.js";
4
4
  import { IconSlot } from "../../components/IconSlot.js";
5
5
  import { ButtonBase, renderButtonChildren } from "../../components/client/Button/ButtonBase.js";
6
- import "../../components/client/Button/buttonConstants.js";
7
6
  import { Progress } from "@yahoo/uds-icons";
8
7
  import { forwardRef, isValidElement } from "react";
9
8
  import { jsx, jsxs } from "react/jsx-runtime";
@@ -17,11 +16,11 @@ const Button = forwardRef(function Button(props, forwardedRef) {
17
16
  return /* @__PURE__ */ jsx(ButtonBase, {
18
17
  ...props,
19
18
  ref: forwardedRef,
20
- renderStartContent: ({ iconVariant, loading, startIcon, iconContainerClassName, loadingIconClassName, iconClassName, startIconClassName, startIconSlotProps }) => /* @__PURE__ */ jsxs("span", {
19
+ renderStartContent: ({ iconVariant, iconSize, loading, startIcon, iconContainerClassName, loadingIconClassName, iconClassName, startIconClassName, startIconSlotProps }) => /* @__PURE__ */ jsxs("span", {
21
20
  className: iconContainerClassName,
22
21
  children: [loading && /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(Icon, {
23
22
  className: loadingIconClassName,
24
- size: "sm",
23
+ size: iconSize,
25
24
  name: Progress,
26
25
  variant: iconVariant,
27
26
  color: "current"
@@ -29,20 +28,20 @@ const Button = forwardRef(function Button(props, forwardedRef) {
29
28
  className: [iconClassName, startIconClassName].filter(Boolean).join(" "),
30
29
  icon: startIcon,
31
30
  iconProps: {
32
- size: "sm",
31
+ size: iconSize,
33
32
  variant: iconVariant,
34
33
  color: "current"
35
34
  },
36
35
  ...startIconSlotProps
37
36
  }) })]
38
37
  }),
39
- renderEndContent: ({ endIcon, iconVariant, iconContainerClassName, iconClassName, endIconClassName, endIconSlotProps }) => /* @__PURE__ */ jsx("span", {
38
+ renderEndContent: ({ endIcon, iconVariant, iconSize, iconContainerClassName, iconClassName, endIconClassName, endIconSlotProps }) => /* @__PURE__ */ jsx("span", {
40
39
  className: iconContainerClassName,
41
40
  children: endIcon && /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(IconSlot, {
42
41
  className: [iconClassName, endIconClassName].filter(Boolean).join(" "),
43
42
  icon: endIcon,
44
43
  iconProps: {
45
- size: "sm",
44
+ size: iconSize,
46
45
  variant: iconVariant,
47
46
  color: "current"
48
47
  },
@@ -3,7 +3,6 @@
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
4
4
  require("../../_virtual/_rolldown/runtime.cjs");
5
5
  const require_components_Icon = require("../../components/Icon.cjs");
6
- require("../../components/client/Button/buttonConstants.cjs");
7
6
  const require_components_client_IconButton_IconButtonBase = require("../../components/client/IconButton/IconButtonBase.cjs");
8
7
  let _yahoo_uds_icons = require("@yahoo/uds-icons");
9
8
  let react = require("react");
@@ -18,14 +17,14 @@ const IconButton = (0, react.forwardRef)(function IconButton(props, forwardedRef
18
17
  return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_IconButton_IconButtonBase.IconButtonBase, {
19
18
  ...props,
20
19
  ref: forwardedRef,
21
- renderIconContent: ({ asChild, loading, name, iconVariant, children, iconClassName, loadingIconClassName, iconSlotClassName, iconSlotProps }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [loading && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Icon.Icon, {
22
- size: "sm",
20
+ renderIconContent: ({ asChild, loading, name, iconVariant, iconSize, children, iconClassName, loadingIconClassName, iconSlotClassName, iconSlotProps }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [loading && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Icon.Icon, {
21
+ size: iconSize,
23
22
  name: _yahoo_uds_icons.Progress,
24
23
  variant: iconVariant,
25
24
  color: "current",
26
25
  className: loadingIconClassName
27
26
  }) }), name && !loading && (!asChild && children || /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Icon.Icon, {
28
- size: "sm",
27
+ size: iconSize,
29
28
  name,
30
29
  variant: iconVariant,
31
30
  color: "current",
@@ -1,7 +1,6 @@
1
1
  /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
2
  "use client";
3
3
  import { Icon } from "../../components/Icon.js";
4
- import "../../components/client/Button/buttonConstants.js";
5
4
  import { IconButtonBase, renderIconButtonAsChild } from "../../components/client/IconButton/IconButtonBase.js";
6
5
  import { Progress } from "@yahoo/uds-icons";
7
6
  import { forwardRef, isValidElement } from "react";
@@ -16,14 +15,14 @@ const IconButton = forwardRef(function IconButton(props, forwardedRef) {
16
15
  return /* @__PURE__ */ jsx(IconButtonBase, {
17
16
  ...props,
18
17
  ref: forwardedRef,
19
- renderIconContent: ({ asChild, loading, name, iconVariant, children, iconClassName, loadingIconClassName, iconSlotClassName, iconSlotProps }) => /* @__PURE__ */ jsxs(Fragment$1, { children: [loading && /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(Icon, {
20
- size: "sm",
18
+ renderIconContent: ({ asChild, loading, name, iconVariant, iconSize, children, iconClassName, loadingIconClassName, iconSlotClassName, iconSlotProps }) => /* @__PURE__ */ jsxs(Fragment$1, { children: [loading && /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(Icon, {
19
+ size: iconSize,
21
20
  name: Progress,
22
21
  variant: iconVariant,
23
22
  color: "current",
24
23
  className: loadingIconClassName
25
24
  }) }), name && !loading && (!asChild && children || /* @__PURE__ */ jsx(Icon, {
26
- size: "sm",
25
+ size: iconSize,
27
26
  name,
28
27
  variant: iconVariant,
29
28
  color: "current",
package/dist/index.cjs CHANGED
@@ -62,6 +62,7 @@ const require_getConfigVariants = require("./automated-config/dist/utils/getConf
62
62
  const require_getPaginationControlWidthPx = require("./automated-config/dist/utils/getPaginationControlWidthPx.cjs");
63
63
  const require_isConfiguratorPropertyVisible = require("./automated-config/dist/utils/isConfiguratorPropertyVisible.cjs");
64
64
  const require_index$2 = require("./automated-config/dist/utils/index.cjs");
65
+ const require_components_client_Button_UDSButtonConfigProvider = require("./components/client/Button/UDSButtonConfigProvider.cjs");
65
66
  const require_components_client_Button_Button = require("./components/client/Button/Button.cjs");
66
67
  const require_components_client_Checkbox_Checkbox = require("./components/client/Checkbox/Checkbox.cjs");
67
68
  const require_components_client_Chip_ChipButton = require("./components/client/Chip/ChipButton.cjs");
@@ -69,6 +70,7 @@ const require_components_client_Chip_ChipDismissible = require("./components/cli
69
70
  const require_components_client_Chip_ChipLink = require("./components/client/Chip/ChipLink.cjs");
70
71
  const require_components_client_Chip_ChipToggle = require("./components/client/Chip/ChipToggle.cjs");
71
72
  const require_components_client_Chip_Chip = require("./components/client/Chip/Chip.cjs");
73
+ const require_components_client_IconButton_UDSIconButtonConfigProvider = require("./components/client/IconButton/UDSIconButtonConfigProvider.cjs");
72
74
  const require_components_client_IconButton_IconButton = require("./components/client/IconButton/IconButton.cjs");
73
75
  const require_components_client_Input_Input = require("./components/client/Input/Input.cjs");
74
76
  const require_components_client_Input_InputHelpText = require("./components/client/Input/InputHelpText.cjs");
@@ -127,6 +129,8 @@ const require_components_client_Tooltip_TooltipContent = require("./components/c
127
129
  const require_components_client_Tooltip_TooltipTrigger = require("./components/client/Tooltip/TooltipTrigger.cjs");
128
130
  const require_runtime_bottomSheetConfig = require("./runtime/bottomSheetConfig.cjs");
129
131
  const require_runtime_breakpointsConfig = require("./runtime/breakpointsConfig.cjs");
132
+ const require_runtime_buttonConfig = require("./runtime/buttonConfig.cjs");
133
+ const require_runtime_iconButtonConfig = require("./runtime/iconButtonConfig.cjs");
130
134
  const require_runtime_modalConfig = require("./runtime/modalConfig.cjs");
131
135
  const require_runtime_popoverConfig = require("./runtime/popoverConfig.cjs");
132
136
  const require_runtime_toastConfig = require("./runtime/toastConfig.cjs");
@@ -294,7 +298,9 @@ exports.TooltipConfig = require_generatedConfigs.TooltipConfig;
294
298
  exports.TooltipContent = require_components_client_Tooltip_TooltipContent.TooltipContent;
295
299
  exports.TooltipTrigger = require_components_client_Tooltip_TooltipTrigger.TooltipTrigger;
296
300
  exports.UDSBreakpointsConfigProvider = require_components_client_providers_UDSBreakpointsConfigProvider.UDSBreakpointsConfigProvider;
301
+ exports.UDSButtonConfigProvider = require_components_client_Button_UDSButtonConfigProvider.UDSButtonConfigProvider;
297
302
  exports.UDSConfigProvider = require_components_client_providers_UDSConfigProvider.UDSConfigProvider;
303
+ exports.UDSIconButtonConfigProvider = require_components_client_IconButton_UDSIconButtonConfigProvider.UDSIconButtonConfigProvider;
298
304
  exports.UDSModalConfigProvider = require_components_client_Modal_UDSModalConfigProvider.UDSModalConfigProvider;
299
305
  exports.UDSPopoverConfigProvider = require_components_client_Popover_UDSPopoverConfigProvider.UDSPopoverConfigProvider;
300
306
  exports.UDSToastConfigProvider = require_components_client_Toast_UDSToastConfigProvider.UDSToastConfigProvider;
@@ -315,6 +321,8 @@ exports.cartesianProduct = require_cartesianProduct.cartesianProduct;
315
321
  exports.coalesceConfigVariant = require_coalesceConfigVariant.coalesceConfigVariant;
316
322
  exports.configToBottomSheetConfigContext = require_runtime_bottomSheetConfig.configToBottomSheetConfigContext;
317
323
  exports.configToBreakpointsConfigContext = require_runtime_breakpointsConfig.configToBreakpointsConfigContext;
324
+ exports.configToButtonConfigContext = require_runtime_buttonConfig.configToButtonConfigContext;
325
+ exports.configToIconButtonConfigContext = require_runtime_iconButtonConfig.configToIconButtonConfigContext;
318
326
  exports.configToModalConfigContext = require_runtime_modalConfig.configToModalConfigContext;
319
327
  exports.configToPopoverConfigContext = require_runtime_popoverConfig.configToPopoverConfigContext;
320
328
  exports.configToToastConfigContext = require_runtime_toastConfig.configToToastConfigContext;
@@ -401,6 +409,8 @@ exports.toRgbChannel = require_tokens_utils_spectrum.toRgbChannel;
401
409
  exports.toSpectrumValueEntry = require_tokens_utils_spectrum.toSpectrumValueEntry;
402
410
  exports.useBottomSheetStore = require_components_client_BottomSheet_useBottomSheetStore.useBottomSheetStore;
403
411
  exports.useBreakpointsConfig = require_components_client_providers_UDSBreakpointsConfigProvider.useBreakpointsConfig;
412
+ exports.useButtonConfig = require_components_client_Button_UDSButtonConfigProvider.useButtonConfig;
413
+ exports.useIconButtonConfig = require_components_client_IconButton_UDSIconButtonConfigProvider.useIconButtonConfig;
404
414
  exports.useModalConfig = require_components_client_Modal_UDSModalConfigProvider.useModalConfig;
405
415
  exports.useToastConfig = require_components_client_Toast_UDSToastConfigProvider.useToastConfig;
406
416
  exports.variants = require_styles_variants.variants;