@yahoo/uds 3.166.0 → 3.167.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 (175) hide show
  1. package/dist/cli/commands/sync.cjs +36 -0
  2. package/dist/cli/commands/sync.js +36 -0
  3. package/dist/components/client/Avatar/AvatarIcon.cjs +3 -0
  4. package/dist/components/client/Avatar/AvatarIcon.js +3 -0
  5. package/dist/components/client/Avatar/UDSAvatarConfigProvider.cjs +28 -0
  6. package/dist/components/client/Avatar/UDSAvatarConfigProvider.d.cts +29 -0
  7. package/dist/components/client/Avatar/UDSAvatarConfigProvider.d.ts +30 -0
  8. package/dist/components/client/Avatar/UDSAvatarConfigProvider.js +27 -0
  9. package/dist/components/client/Avatar/index.cjs +3 -0
  10. package/dist/components/client/Avatar/index.d.cts +2 -1
  11. package/dist/components/client/Avatar/index.d.ts +2 -1
  12. package/dist/components/client/Avatar/index.js +2 -1
  13. package/dist/components/client/Badge.cjs +4 -1
  14. package/dist/components/client/Badge.js +4 -1
  15. package/dist/components/client/Chip/ChipBase.cjs +4 -0
  16. package/dist/components/client/Chip/ChipBase.js +4 -0
  17. package/dist/components/client/Chip/UDSChipConfigProvider.cjs +28 -0
  18. package/dist/components/client/Chip/UDSChipConfigProvider.d.cts +29 -0
  19. package/dist/components/client/Chip/UDSChipConfigProvider.d.ts +30 -0
  20. package/dist/components/client/Chip/UDSChipConfigProvider.js +27 -0
  21. package/dist/components/client/Chip/index.cjs +3 -0
  22. package/dist/components/client/Chip/index.d.cts +2 -1
  23. package/dist/components/client/Chip/index.d.ts +2 -1
  24. package/dist/components/client/Chip/index.js +2 -1
  25. package/dist/components/client/Input/Input.cjs +10 -2
  26. package/dist/components/client/Input/Input.js +10 -2
  27. package/dist/components/client/Input/InputHelpTextInternal.cjs +6 -1
  28. package/dist/components/client/Input/InputHelpTextInternal.js +6 -1
  29. package/dist/components/client/Input/UDSInputConfigProvider.cjs +33 -0
  30. package/dist/components/client/Input/UDSInputConfigProvider.d.cts +32 -0
  31. package/dist/components/client/Input/UDSInputConfigProvider.d.ts +33 -0
  32. package/dist/components/client/Input/UDSInputConfigProvider.js +32 -0
  33. package/dist/components/client/Input/index.cjs +3 -0
  34. package/dist/components/client/Input/index.d.cts +2 -1
  35. package/dist/components/client/Input/index.d.ts +2 -1
  36. package/dist/components/client/Input/index.js +2 -1
  37. package/dist/components/client/Menu/Menu.ItemBase.cjs +4 -2
  38. package/dist/components/client/Menu/Menu.ItemBase.js +4 -2
  39. package/dist/components/client/Menu/UDSMenuItemConfigProvider.cjs +30 -0
  40. package/dist/components/client/Menu/UDSMenuItemConfigProvider.d.cts +29 -0
  41. package/dist/components/client/Menu/UDSMenuItemConfigProvider.d.ts +30 -0
  42. package/dist/components/client/Menu/UDSMenuItemConfigProvider.js +29 -0
  43. package/dist/components/client/Menu/index.cjs +3 -0
  44. package/dist/components/client/Menu/index.d.cts +2 -1
  45. package/dist/components/client/Menu/index.d.ts +2 -1
  46. package/dist/components/client/Menu/index.js +2 -1
  47. package/dist/components/client/PaddleNav/PaddleButton.cjs +3 -1
  48. package/dist/components/client/PaddleNav/PaddleButton.js +3 -1
  49. package/dist/components/client/PaddleNav/UDSPaddleNavConfigProvider.cjs +30 -0
  50. package/dist/components/client/PaddleNav/UDSPaddleNavConfigProvider.d.cts +29 -0
  51. package/dist/components/client/PaddleNav/UDSPaddleNavConfigProvider.d.ts +30 -0
  52. package/dist/components/client/PaddleNav/UDSPaddleNavConfigProvider.js +29 -0
  53. package/dist/components/client/PaddleNav/index.cjs +3 -0
  54. package/dist/components/client/PaddleNav/index.d.cts +3 -1
  55. package/dist/components/client/PaddleNav/index.d.ts +3 -1
  56. package/dist/components/client/PaddleNav/index.js +2 -1
  57. package/dist/components/client/Pagination/PaginationNext.cjs +3 -1
  58. package/dist/components/client/Pagination/PaginationNext.js +3 -1
  59. package/dist/components/client/Pagination/PaginationPrev.cjs +3 -1
  60. package/dist/components/client/Pagination/PaginationPrev.js +3 -1
  61. package/dist/components/client/Pagination/UDSPaginationConfigProvider.cjs +30 -0
  62. package/dist/components/client/Pagination/UDSPaginationConfigProvider.d.cts +29 -0
  63. package/dist/components/client/Pagination/UDSPaginationConfigProvider.d.ts +30 -0
  64. package/dist/components/client/Pagination/UDSPaginationConfigProvider.js +29 -0
  65. package/dist/components/client/Pagination/index.cjs +3 -0
  66. package/dist/components/client/Pagination/index.d.cts +2 -1
  67. package/dist/components/client/Pagination/index.d.ts +2 -1
  68. package/dist/components/client/Pagination/index.js +2 -1
  69. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +1 -1
  70. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +1 -1
  71. package/dist/components/client/Select/SelectItem.cjs +4 -2
  72. package/dist/components/client/Select/SelectItem.js +4 -2
  73. package/dist/components/client/Select/UDSSelectItemConfigProvider.cjs +30 -0
  74. package/dist/components/client/Select/UDSSelectItemConfigProvider.d.cts +29 -0
  75. package/dist/components/client/Select/UDSSelectItemConfigProvider.d.ts +30 -0
  76. package/dist/components/client/Select/UDSSelectItemConfigProvider.js +29 -0
  77. package/dist/components/client/Select/index.cjs +3 -0
  78. package/dist/components/client/Select/index.d.cts +3 -1
  79. package/dist/components/client/Select/index.d.ts +3 -1
  80. package/dist/components/client/Select/index.js +2 -1
  81. package/dist/components/client/Tabs/Tab.cjs +4 -2
  82. package/dist/components/client/Tabs/Tab.js +4 -2
  83. package/dist/components/client/Tabs/UDSTabConfigProvider.cjs +22 -0
  84. package/dist/components/client/Tabs/UDSTabConfigProvider.d.cts +27 -0
  85. package/dist/components/client/Tabs/UDSTabConfigProvider.d.ts +28 -0
  86. package/dist/components/client/Tabs/UDSTabConfigProvider.js +21 -0
  87. package/dist/components/client/Tabs/index.cjs +3 -0
  88. package/dist/components/client/Tabs/index.d.cts +3 -1
  89. package/dist/components/client/Tabs/index.d.ts +3 -1
  90. package/dist/components/client/Tabs/index.js +2 -1
  91. package/dist/components/client/UDSBadgeConfigProvider.cjs +28 -0
  92. package/dist/components/client/UDSBadgeConfigProvider.d.cts +29 -0
  93. package/dist/components/client/UDSBadgeConfigProvider.d.ts +30 -0
  94. package/dist/components/client/UDSBadgeConfigProvider.js +27 -0
  95. package/dist/components/client/index.cjs +27 -0
  96. package/dist/components/client/index.d.cts +10 -1
  97. package/dist/components/client/index.d.ts +10 -1
  98. package/dist/components/client/index.js +10 -1
  99. package/dist/components/client/providers/UDSConfigProvider.cjs +52 -16
  100. package/dist/components/client/providers/UDSConfigProvider.d.cts +9 -0
  101. package/dist/components/client/providers/UDSConfigProvider.d.ts +9 -0
  102. package/dist/components/client/providers/UDSConfigProvider.js +52 -16
  103. package/dist/components/client/providers/createUDSConfigProvider.cjs +41 -0
  104. package/dist/components/client/providers/createUDSConfigProvider.d.cts +38 -0
  105. package/dist/components/client/providers/createUDSConfigProvider.d.ts +39 -0
  106. package/dist/components/client/providers/createUDSConfigProvider.js +39 -0
  107. package/dist/components/index.cjs +27 -0
  108. package/dist/components/index.d.cts +10 -1
  109. package/dist/components/index.d.ts +10 -1
  110. package/dist/components/index.js +10 -1
  111. package/dist/css/dist/css/utils.cjs +58 -0
  112. package/dist/css/dist/css/utils.js +58 -0
  113. package/dist/css/dist/runtimeConfig/hookMetadata.cjs +320 -0
  114. package/dist/css/dist/runtimeConfig/hookMetadata.js +320 -0
  115. package/dist/index.cjs +45 -0
  116. package/dist/index.d.cts +19 -1
  117. package/dist/index.d.ts +19 -1
  118. package/dist/index.js +19 -1
  119. package/dist/runtime/avatarConfig.cjs +21 -0
  120. package/dist/runtime/avatarConfig.d.cts +13 -0
  121. package/dist/runtime/avatarConfig.d.ts +13 -0
  122. package/dist/runtime/avatarConfig.js +20 -0
  123. package/dist/runtime/badgeConfig.cjs +17 -0
  124. package/dist/runtime/badgeConfig.d.cts +13 -0
  125. package/dist/runtime/badgeConfig.d.ts +13 -0
  126. package/dist/runtime/badgeConfig.js +16 -0
  127. package/dist/runtime/chipConfig.cjs +12 -0
  128. package/dist/runtime/chipConfig.d.cts +13 -0
  129. package/dist/runtime/chipConfig.d.ts +13 -0
  130. package/dist/runtime/chipConfig.js +11 -0
  131. package/dist/runtime/index.cjs +18 -0
  132. package/dist/runtime/index.d.cts +10 -1
  133. package/dist/runtime/index.d.ts +10 -1
  134. package/dist/runtime/index.js +10 -1
  135. package/dist/runtime/inputConfig.cjs +14 -0
  136. package/dist/runtime/inputConfig.d.cts +15 -0
  137. package/dist/runtime/inputConfig.d.ts +15 -0
  138. package/dist/runtime/inputConfig.js +13 -0
  139. package/dist/runtime/menuItemConfig.cjs +13 -0
  140. package/dist/runtime/menuItemConfig.d.cts +15 -0
  141. package/dist/runtime/menuItemConfig.d.ts +15 -0
  142. package/dist/runtime/menuItemConfig.js +12 -0
  143. package/dist/runtime/paddleNavConfig.cjs +18 -0
  144. package/dist/runtime/paddleNavConfig.d.cts +13 -0
  145. package/dist/runtime/paddleNavConfig.d.ts +13 -0
  146. package/dist/runtime/paddleNavConfig.js +17 -0
  147. package/dist/runtime/paginationConfig.cjs +12 -0
  148. package/dist/runtime/paginationConfig.d.cts +13 -0
  149. package/dist/runtime/paginationConfig.d.ts +13 -0
  150. package/dist/runtime/paginationConfig.js +11 -0
  151. package/dist/runtime/selectItemConfig.cjs +13 -0
  152. package/dist/runtime/selectItemConfig.d.cts +15 -0
  153. package/dist/runtime/selectItemConfig.d.ts +15 -0
  154. package/dist/runtime/selectItemConfig.js +12 -0
  155. package/dist/runtime/tabConfig.cjs +12 -0
  156. package/dist/runtime/tabConfig.d.cts +14 -0
  157. package/dist/runtime/tabConfig.d.ts +14 -0
  158. package/dist/runtime/tabConfig.js +11 -0
  159. package/dist/runtime/udsConfig.cjs +18 -0
  160. package/dist/runtime/udsConfig.d.cts +18 -0
  161. package/dist/runtime/udsConfig.d.ts +18 -0
  162. package/dist/runtime/udsConfig.js +18 -0
  163. package/dist/styles/styler.d.cts +9 -9
  164. package/dist/styles/styler.d.ts +9 -9
  165. package/dist/tailwind-internal/dist/utils/getShadowStyles.d.cts +2 -2
  166. package/dist/tailwind-internal/dist/utils/getShadowStyles.d.ts +2 -2
  167. package/dist/uds/generated/componentData.cjs +2607 -2490
  168. package/dist/uds/generated/componentData.js +2607 -2490
  169. package/dist/uds/generated/tailwindPurge.cjs +38 -2
  170. package/dist/uds/generated/tailwindPurge.js +38 -2
  171. package/dist/uds/package.cjs +2 -2
  172. package/dist/uds/package.js +2 -2
  173. package/generated/componentData.json +3219 -3052
  174. package/generated/tailwindPurge.ts +3 -3
  175. package/package.json +3 -3
package/dist/css/dist/runtimeConfig/hookMetadata.cjs CHANGED
@@ -3,6 +3,76 @@
3
3
  /*! © 2026 Yahoo, Inc. UDS CSS v0.0.0-development */
4
4
  const defineRuntimeHookMetadata = (metadata) => metadata;
5
5
  const runtimeHookMetadata = defineRuntimeHookMetadata({
6
+ useAvatarConfig: {
7
+ defaultProps: { size: "avatar.defaultSize" },
8
+ defaultPropSources: { size: [
9
+ "avatar",
10
+ "defaults",
11
+ "size"
12
+ ] },
13
+ selectorParamValues: { size: [
14
+ "2xs",
15
+ "xs",
16
+ "sm",
17
+ "md",
18
+ "lg",
19
+ "xl",
20
+ "2xl",
21
+ "3xl"
22
+ ] },
23
+ tokenConfigPath: ["avatar", "variables"],
24
+ fields: {
25
+ size: {
26
+ bindingSelector: "avatar.defaultSize",
27
+ selectorTemplates: ["avatar.defaultSize"]
28
+ },
29
+ iconSize: {
30
+ bindingSelector: "avatar.iconSize.${size}",
31
+ selectorTemplates: ["avatar.iconSize.${size}"],
32
+ tokenSource: {
33
+ variableTemplate: "size/${size}/icon",
34
+ valuePath: [
35
+ "iconSize",
36
+ "rest",
37
+ "value"
38
+ ]
39
+ }
40
+ }
41
+ }
42
+ },
43
+ useBadgeConfig: {
44
+ defaultProps: { size: "badge.defaultSize" },
45
+ defaultPropSources: { size: [
46
+ "badge",
47
+ "defaults",
48
+ "size"
49
+ ] },
50
+ selectorParamValues: { size: [
51
+ "xs",
52
+ "sm",
53
+ "md",
54
+ "lg"
55
+ ] },
56
+ tokenConfigPath: ["badge", "variables"],
57
+ fields: {
58
+ size: {
59
+ bindingSelector: "badge.defaultSize",
60
+ selectorTemplates: ["badge.defaultSize"]
61
+ },
62
+ iconSize: {
63
+ bindingSelector: "badge.iconSize.${size}",
64
+ selectorTemplates: ["badge.iconSize.${size}"],
65
+ tokenSource: {
66
+ variableTemplate: "size/${size}/icon",
67
+ valuePath: [
68
+ "size",
69
+ "rest",
70
+ "value"
71
+ ]
72
+ }
73
+ }
74
+ }
75
+ },
6
76
  useBottomSheetConfig: {
7
77
  defaultProps: {},
8
78
  selectorParamValues: { variant: ["default"] },
@@ -53,6 +123,34 @@ const runtimeHookMetadata = defineRuntimeHookMetadata({
53
123
  }
54
124
  }
55
125
  },
126
+ useChipConfig: {
127
+ defaultProps: { size: "chip.defaultSize" },
128
+ defaultPropSources: { size: [
129
+ "chip",
130
+ "defaults",
131
+ "size"
132
+ ] },
133
+ selectorParamValues: { size: ["sm", "md"] },
134
+ tokenConfigPath: ["chip", "variables"],
135
+ fields: {
136
+ size: {
137
+ bindingSelector: "chip.defaultSize",
138
+ selectorTemplates: ["chip.defaultSize"]
139
+ },
140
+ iconSize: {
141
+ bindingSelector: "chip.iconSize.${size}",
142
+ selectorTemplates: ["chip.iconSize.${size}"],
143
+ tokenSource: {
144
+ variableTemplate: "size/${size}/icon",
145
+ valuePath: [
146
+ "size",
147
+ "rest",
148
+ "value"
149
+ ]
150
+ }
151
+ }
152
+ }
153
+ },
56
154
  useIconButtonConfig: {
57
155
  defaultProps: { size: "iconButton.defaultSize" },
58
156
  defaultPropSources: { size: [
@@ -87,6 +185,228 @@ const runtimeHookMetadata = defineRuntimeHookMetadata({
87
185
  }
88
186
  }
89
187
  },
188
+ useInputConfig: {
189
+ defaultProps: { size: "input.defaultSize" },
190
+ defaultPropSources: { size: [
191
+ "input",
192
+ "defaults",
193
+ "size"
194
+ ] },
195
+ selectorParamValues: { size: ["md", "lg"] },
196
+ tokenConfigPath: ["input", "variables"],
197
+ fields: {
198
+ size: {
199
+ bindingSelector: "input.defaultSize",
200
+ selectorTemplates: ["input.defaultSize"]
201
+ },
202
+ startIconSize: {
203
+ bindingSelector: "input.startIconSize.${size}",
204
+ selectorTemplates: ["input.startIconSize.${size}"],
205
+ tokenSource: {
206
+ variableTemplate: "size/${size}/startIcon",
207
+ valuePath: [
208
+ "size",
209
+ "rest",
210
+ "value"
211
+ ]
212
+ }
213
+ },
214
+ endIconSize: {
215
+ bindingSelector: "input.endIconSize.${size}",
216
+ selectorTemplates: ["input.endIconSize.${size}"],
217
+ tokenSource: {
218
+ variableTemplate: "size/${size}/endIcon",
219
+ valuePath: [
220
+ "size",
221
+ "rest",
222
+ "value"
223
+ ]
224
+ }
225
+ },
226
+ helperIconSize: {
227
+ bindingSelector: "input.helperIconSize.${size}",
228
+ selectorTemplates: ["input.helperIconSize.${size}"],
229
+ tokenSource: {
230
+ variableTemplate: "size/${size}/helperIcon",
231
+ valuePath: [
232
+ "size",
233
+ "rest",
234
+ "value"
235
+ ]
236
+ }
237
+ }
238
+ }
239
+ },
240
+ useMenuItemConfig: {
241
+ defaultProps: { size: "menuItem.defaultSize" },
242
+ defaultPropSources: { size: [
243
+ "menuItem",
244
+ "defaults",
245
+ "size"
246
+ ] },
247
+ selectorParamValues: { size: ["default"] },
248
+ tokenConfigPath: ["menuItem", "variables"],
249
+ fields: {
250
+ size: {
251
+ bindingSelector: "menuItem.defaultSize",
252
+ selectorTemplates: ["menuItem.defaultSize"]
253
+ },
254
+ startIconSize: {
255
+ bindingSelector: "menuItem.startIconSize.${size}",
256
+ selectorTemplates: ["menuItem.startIconSize.${size}"],
257
+ tokenSource: {
258
+ variableTemplate: "size/${size}/startIcon",
259
+ valuePath: [
260
+ "size",
261
+ "rest",
262
+ "value"
263
+ ]
264
+ }
265
+ },
266
+ endIconSize: {
267
+ bindingSelector: "menuItem.endIconSize.${size}",
268
+ selectorTemplates: ["menuItem.endIconSize.${size}"],
269
+ tokenSource: {
270
+ variableTemplate: "size/${size}/endIcon",
271
+ valuePath: [
272
+ "size",
273
+ "rest",
274
+ "value"
275
+ ]
276
+ }
277
+ }
278
+ }
279
+ },
280
+ usePaddleNavConfig: {
281
+ defaultProps: { size: "paddleNav.defaultSize" },
282
+ defaultPropSources: { size: [
283
+ "paddleNav",
284
+ "defaults",
285
+ "size"
286
+ ] },
287
+ selectorParamValues: { size: [
288
+ "xs",
289
+ "sm",
290
+ "md",
291
+ "lg",
292
+ "xl"
293
+ ] },
294
+ tokenConfigPath: ["paddleNav", "variables"],
295
+ fields: {
296
+ size: {
297
+ bindingSelector: "paddleNav.defaultSize",
298
+ selectorTemplates: ["paddleNav.defaultSize"]
299
+ },
300
+ iconSize: {
301
+ bindingSelector: "paddleNav.iconSize.${size}",
302
+ selectorTemplates: ["paddleNav.iconSize.${size}"],
303
+ tokenSource: {
304
+ variableTemplate: "size/${size}/icon",
305
+ valuePath: [
306
+ "size",
307
+ "rest",
308
+ "value"
309
+ ]
310
+ }
311
+ }
312
+ }
313
+ },
314
+ usePaginationConfig: {
315
+ defaultProps: { size: "pagination.defaultSize" },
316
+ defaultPropSources: { size: [
317
+ "pagination",
318
+ "defaults",
319
+ "size"
320
+ ] },
321
+ selectorParamValues: { size: ["sm", "md"] },
322
+ tokenConfigPath: ["pagination", "variables"],
323
+ fields: {
324
+ size: {
325
+ bindingSelector: "pagination.defaultSize",
326
+ selectorTemplates: ["pagination.defaultSize"]
327
+ },
328
+ iconSize: {
329
+ bindingSelector: "pagination.iconSize.${size}",
330
+ selectorTemplates: ["pagination.iconSize.${size}"],
331
+ tokenSource: {
332
+ variableTemplate: "size/${size}/icon",
333
+ valuePath: [
334
+ "size",
335
+ "rest",
336
+ "value"
337
+ ]
338
+ }
339
+ }
340
+ }
341
+ },
342
+ useSelectItemConfig: {
343
+ defaultProps: { size: "selectItem.defaultSize" },
344
+ defaultPropSources: { size: [
345
+ "selectItem",
346
+ "defaults",
347
+ "size"
348
+ ] },
349
+ selectorParamValues: { size: ["default"] },
350
+ tokenConfigPath: ["selectItem", "variables"],
351
+ fields: {
352
+ size: {
353
+ bindingSelector: "selectItem.defaultSize",
354
+ selectorTemplates: ["selectItem.defaultSize"]
355
+ },
356
+ startIconSize: {
357
+ bindingSelector: "selectItem.startIconSize.${size}",
358
+ selectorTemplates: ["selectItem.startIconSize.${size}"],
359
+ tokenSource: {
360
+ variableTemplate: "size/${size}/startIcon",
361
+ valuePath: [
362
+ "size",
363
+ "rest",
364
+ "value"
365
+ ]
366
+ }
367
+ },
368
+ endIconSize: {
369
+ bindingSelector: "selectItem.endIconSize.${size}",
370
+ selectorTemplates: ["selectItem.endIconSize.${size}"],
371
+ tokenSource: {
372
+ variableTemplate: "size/${size}/endIcon",
373
+ valuePath: [
374
+ "size",
375
+ "rest",
376
+ "value"
377
+ ]
378
+ }
379
+ }
380
+ }
381
+ },
382
+ useTabConfig: {
383
+ defaultProps: { size: "tab.defaultSize" },
384
+ defaultPropSources: { size: [
385
+ "tab",
386
+ "defaults",
387
+ "size"
388
+ ] },
389
+ selectorParamValues: { size: ["default"] },
390
+ tokenConfigPath: ["tab", "variables"],
391
+ fields: {
392
+ size: {
393
+ bindingSelector: "tab.defaultSize",
394
+ selectorTemplates: ["tab.defaultSize"]
395
+ },
396
+ iconSize: {
397
+ bindingSelector: "tab.iconSize.${size}",
398
+ selectorTemplates: ["tab.iconSize.${size}"],
399
+ tokenSource: {
400
+ variableTemplate: "size/${size}/icon",
401
+ valuePath: [
402
+ "size",
403
+ "rest",
404
+ "value"
405
+ ]
406
+ }
407
+ }
408
+ }
409
+ },
90
410
  useToastConfig: {
91
411
  defaultProps: {
92
412
  size: "toast.defaultSize",
package/dist/css/dist/runtimeConfig/hookMetadata.js CHANGED
@@ -3,6 +3,76 @@
3
3
  /*! © 2026 Yahoo, Inc. UDS CSS v0.0.0-development */
4
4
  const defineRuntimeHookMetadata = (metadata) => metadata;
5
5
  const runtimeHookMetadata = defineRuntimeHookMetadata({
6
+ useAvatarConfig: {
7
+ defaultProps: { size: "avatar.defaultSize" },
8
+ defaultPropSources: { size: [
9
+ "avatar",
10
+ "defaults",
11
+ "size"
12
+ ] },
13
+ selectorParamValues: { size: [
14
+ "2xs",
15
+ "xs",
16
+ "sm",
17
+ "md",
18
+ "lg",
19
+ "xl",
20
+ "2xl",
21
+ "3xl"
22
+ ] },
23
+ tokenConfigPath: ["avatar", "variables"],
24
+ fields: {
25
+ size: {
26
+ bindingSelector: "avatar.defaultSize",
27
+ selectorTemplates: ["avatar.defaultSize"]
28
+ },
29
+ iconSize: {
30
+ bindingSelector: "avatar.iconSize.${size}",
31
+ selectorTemplates: ["avatar.iconSize.${size}"],
32
+ tokenSource: {
33
+ variableTemplate: "size/${size}/icon",
34
+ valuePath: [
35
+ "iconSize",
36
+ "rest",
37
+ "value"
38
+ ]
39
+ }
40
+ }
41
+ }
42
+ },
43
+ useBadgeConfig: {
44
+ defaultProps: { size: "badge.defaultSize" },
45
+ defaultPropSources: { size: [
46
+ "badge",
47
+ "defaults",
48
+ "size"
49
+ ] },
50
+ selectorParamValues: { size: [
51
+ "xs",
52
+ "sm",
53
+ "md",
54
+ "lg"
55
+ ] },
56
+ tokenConfigPath: ["badge", "variables"],
57
+ fields: {
58
+ size: {
59
+ bindingSelector: "badge.defaultSize",
60
+ selectorTemplates: ["badge.defaultSize"]
61
+ },
62
+ iconSize: {
63
+ bindingSelector: "badge.iconSize.${size}",
64
+ selectorTemplates: ["badge.iconSize.${size}"],
65
+ tokenSource: {
66
+ variableTemplate: "size/${size}/icon",
67
+ valuePath: [
68
+ "size",
69
+ "rest",
70
+ "value"
71
+ ]
72
+ }
73
+ }
74
+ }
75
+ },
6
76
  useBottomSheetConfig: {
7
77
  defaultProps: {},
8
78
  selectorParamValues: { variant: ["default"] },
@@ -53,6 +123,34 @@ const runtimeHookMetadata = defineRuntimeHookMetadata({
53
123
  }
54
124
  }
55
125
  },
126
+ useChipConfig: {
127
+ defaultProps: { size: "chip.defaultSize" },
128
+ defaultPropSources: { size: [
129
+ "chip",
130
+ "defaults",
131
+ "size"
132
+ ] },
133
+ selectorParamValues: { size: ["sm", "md"] },
134
+ tokenConfigPath: ["chip", "variables"],
135
+ fields: {
136
+ size: {
137
+ bindingSelector: "chip.defaultSize",
138
+ selectorTemplates: ["chip.defaultSize"]
139
+ },
140
+ iconSize: {
141
+ bindingSelector: "chip.iconSize.${size}",
142
+ selectorTemplates: ["chip.iconSize.${size}"],
143
+ tokenSource: {
144
+ variableTemplate: "size/${size}/icon",
145
+ valuePath: [
146
+ "size",
147
+ "rest",
148
+ "value"
149
+ ]
150
+ }
151
+ }
152
+ }
153
+ },
56
154
  useIconButtonConfig: {
57
155
  defaultProps: { size: "iconButton.defaultSize" },
58
156
  defaultPropSources: { size: [
@@ -87,6 +185,228 @@ const runtimeHookMetadata = defineRuntimeHookMetadata({
87
185
  }
88
186
  }
89
187
  },
188
+ useInputConfig: {
189
+ defaultProps: { size: "input.defaultSize" },
190
+ defaultPropSources: { size: [
191
+ "input",
192
+ "defaults",
193
+ "size"
194
+ ] },
195
+ selectorParamValues: { size: ["md", "lg"] },
196
+ tokenConfigPath: ["input", "variables"],
197
+ fields: {
198
+ size: {
199
+ bindingSelector: "input.defaultSize",
200
+ selectorTemplates: ["input.defaultSize"]
201
+ },
202
+ startIconSize: {
203
+ bindingSelector: "input.startIconSize.${size}",
204
+ selectorTemplates: ["input.startIconSize.${size}"],
205
+ tokenSource: {
206
+ variableTemplate: "size/${size}/startIcon",
207
+ valuePath: [
208
+ "size",
209
+ "rest",
210
+ "value"
211
+ ]
212
+ }
213
+ },
214
+ endIconSize: {
215
+ bindingSelector: "input.endIconSize.${size}",
216
+ selectorTemplates: ["input.endIconSize.${size}"],
217
+ tokenSource: {
218
+ variableTemplate: "size/${size}/endIcon",
219
+ valuePath: [
220
+ "size",
221
+ "rest",
222
+ "value"
223
+ ]
224
+ }
225
+ },
226
+ helperIconSize: {
227
+ bindingSelector: "input.helperIconSize.${size}",
228
+ selectorTemplates: ["input.helperIconSize.${size}"],
229
+ tokenSource: {
230
+ variableTemplate: "size/${size}/helperIcon",
231
+ valuePath: [
232
+ "size",
233
+ "rest",
234
+ "value"
235
+ ]
236
+ }
237
+ }
238
+ }
239
+ },
240
+ useMenuItemConfig: {
241
+ defaultProps: { size: "menuItem.defaultSize" },
242
+ defaultPropSources: { size: [
243
+ "menuItem",
244
+ "defaults",
245
+ "size"
246
+ ] },
247
+ selectorParamValues: { size: ["default"] },
248
+ tokenConfigPath: ["menuItem", "variables"],
249
+ fields: {
250
+ size: {
251
+ bindingSelector: "menuItem.defaultSize",
252
+ selectorTemplates: ["menuItem.defaultSize"]
253
+ },
254
+ startIconSize: {
255
+ bindingSelector: "menuItem.startIconSize.${size}",
256
+ selectorTemplates: ["menuItem.startIconSize.${size}"],
257
+ tokenSource: {
258
+ variableTemplate: "size/${size}/startIcon",
259
+ valuePath: [
260
+ "size",
261
+ "rest",
262
+ "value"
263
+ ]
264
+ }
265
+ },
266
+ endIconSize: {
267
+ bindingSelector: "menuItem.endIconSize.${size}",
268
+ selectorTemplates: ["menuItem.endIconSize.${size}"],
269
+ tokenSource: {
270
+ variableTemplate: "size/${size}/endIcon",
271
+ valuePath: [
272
+ "size",
273
+ "rest",
274
+ "value"
275
+ ]
276
+ }
277
+ }
278
+ }
279
+ },
280
+ usePaddleNavConfig: {
281
+ defaultProps: { size: "paddleNav.defaultSize" },
282
+ defaultPropSources: { size: [
283
+ "paddleNav",
284
+ "defaults",
285
+ "size"
286
+ ] },
287
+ selectorParamValues: { size: [
288
+ "xs",
289
+ "sm",
290
+ "md",
291
+ "lg",
292
+ "xl"
293
+ ] },
294
+ tokenConfigPath: ["paddleNav", "variables"],
295
+ fields: {
296
+ size: {
297
+ bindingSelector: "paddleNav.defaultSize",
298
+ selectorTemplates: ["paddleNav.defaultSize"]
299
+ },
300
+ iconSize: {
301
+ bindingSelector: "paddleNav.iconSize.${size}",
302
+ selectorTemplates: ["paddleNav.iconSize.${size}"],
303
+ tokenSource: {
304
+ variableTemplate: "size/${size}/icon",
305
+ valuePath: [
306
+ "size",
307
+ "rest",
308
+ "value"
309
+ ]
310
+ }
311
+ }
312
+ }
313
+ },
314
+ usePaginationConfig: {
315
+ defaultProps: { size: "pagination.defaultSize" },
316
+ defaultPropSources: { size: [
317
+ "pagination",
318
+ "defaults",
319
+ "size"
320
+ ] },
321
+ selectorParamValues: { size: ["sm", "md"] },
322
+ tokenConfigPath: ["pagination", "variables"],
323
+ fields: {
324
+ size: {
325
+ bindingSelector: "pagination.defaultSize",
326
+ selectorTemplates: ["pagination.defaultSize"]
327
+ },
328
+ iconSize: {
329
+ bindingSelector: "pagination.iconSize.${size}",
330
+ selectorTemplates: ["pagination.iconSize.${size}"],
331
+ tokenSource: {
332
+ variableTemplate: "size/${size}/icon",
333
+ valuePath: [
334
+ "size",
335
+ "rest",
336
+ "value"
337
+ ]
338
+ }
339
+ }
340
+ }
341
+ },
342
+ useSelectItemConfig: {
343
+ defaultProps: { size: "selectItem.defaultSize" },
344
+ defaultPropSources: { size: [
345
+ "selectItem",
346
+ "defaults",
347
+ "size"
348
+ ] },
349
+ selectorParamValues: { size: ["default"] },
350
+ tokenConfigPath: ["selectItem", "variables"],
351
+ fields: {
352
+ size: {
353
+ bindingSelector: "selectItem.defaultSize",
354
+ selectorTemplates: ["selectItem.defaultSize"]
355
+ },
356
+ startIconSize: {
357
+ bindingSelector: "selectItem.startIconSize.${size}",
358
+ selectorTemplates: ["selectItem.startIconSize.${size}"],
359
+ tokenSource: {
360
+ variableTemplate: "size/${size}/startIcon",
361
+ valuePath: [
362
+ "size",
363
+ "rest",
364
+ "value"
365
+ ]
366
+ }
367
+ },
368
+ endIconSize: {
369
+ bindingSelector: "selectItem.endIconSize.${size}",
370
+ selectorTemplates: ["selectItem.endIconSize.${size}"],
371
+ tokenSource: {
372
+ variableTemplate: "size/${size}/endIcon",
373
+ valuePath: [
374
+ "size",
375
+ "rest",
376
+ "value"
377
+ ]
378
+ }
379
+ }
380
+ }
381
+ },
382
+ useTabConfig: {
383
+ defaultProps: { size: "tab.defaultSize" },
384
+ defaultPropSources: { size: [
385
+ "tab",
386
+ "defaults",
387
+ "size"
388
+ ] },
389
+ selectorParamValues: { size: ["default"] },
390
+ tokenConfigPath: ["tab", "variables"],
391
+ fields: {
392
+ size: {
393
+ bindingSelector: "tab.defaultSize",
394
+ selectorTemplates: ["tab.defaultSize"]
395
+ },
396
+ iconSize: {
397
+ bindingSelector: "tab.iconSize.${size}",
398
+ selectorTemplates: ["tab.iconSize.${size}"],
399
+ tokenSource: {
400
+ variableTemplate: "size/${size}/icon",
401
+ valuePath: [
402
+ "size",
403
+ "rest",
404
+ "value"
405
+ ]
406
+ }
407
+ }
408
+ }
409
+ },
90
410
  useToastConfig: {
91
411
  defaultProps: {
92
412
  size: "toast.defaultSize",