@yahoo/uds 3.110.0 → 3.111.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 (43) hide show
  1. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts +2 -2
  2. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.ts +2 -2
  3. package/dist/components/client/Chip/ChipDismissible.cjs +1 -1
  4. package/dist/components/client/Chip/ChipDismissible.js +1 -1
  5. package/dist/components/client/Toast/Toast.cjs +1 -1
  6. package/dist/components/client/Toast/Toast.js +1 -1
  7. package/dist/config/dist/index.cjs +1 -1
  8. package/dist/config/dist/index.js +1 -1
  9. package/dist/css-tokens/dist/index.cjs +2 -0
  10. package/dist/css-tokens/dist/index.d.cts +2 -1
  11. package/dist/css-tokens/dist/index.d.ts +2 -1
  12. package/dist/css-tokens/dist/index.js +2 -1
  13. package/dist/index.cjs +1 -0
  14. package/dist/index.d.cts +3 -3
  15. package/dist/index.d.ts +3 -3
  16. package/dist/index.js +2 -2
  17. package/dist/styles/styler.d.cts +12 -12
  18. package/dist/styles/styler.d.ts +12 -12
  19. package/dist/tailwind/dist/tailwind/components/getFocusRingStyles.cjs +3 -8
  20. package/dist/tailwind/dist/tailwind/components/getFocusRingStyles.js +3 -8
  21. package/dist/tailwind/dist/tailwind/plugins/a11y.cjs +2 -2
  22. package/dist/tailwind/dist/tailwind/plugins/a11y.js +2 -2
  23. package/dist/tailwind/dist/utils/parseTokens.cjs +15 -3
  24. package/dist/tailwind/dist/utils/parseTokens.d.cts +2 -2
  25. package/dist/tailwind/dist/utils/parseTokens.d.ts +2 -2
  26. package/dist/tailwind/dist/utils/parseTokens.js +16 -4
  27. package/dist/tokens/consts/cssTokens.cjs +1 -0
  28. package/dist/tokens/consts/cssTokens.d.cts +2 -2
  29. package/dist/tokens/consts/cssTokens.d.ts +2 -2
  30. package/dist/tokens/consts/cssTokens.js +2 -2
  31. package/dist/tokens/index.cjs +1 -0
  32. package/dist/tokens/index.d.cts +3 -3
  33. package/dist/tokens/index.d.ts +3 -3
  34. package/dist/tokens/index.js +2 -2
  35. package/dist/tokens/types.d.cts +2 -2
  36. package/dist/tokens/types.d.ts +2 -2
  37. package/dist/types/dist/index.d.cts +23 -1
  38. package/dist/types/dist/index.d.ts +23 -1
  39. package/dist/uds/generated/componentData.cjs +1169 -1163
  40. package/dist/uds/generated/componentData.js +1169 -1163
  41. package/dist/uds/generated/tailwindPurge.cjs +62 -62
  42. package/dist/uds/generated/tailwindPurge.js +62 -62
  43. package/package.json +1 -1
@@ -1,50 +1,5 @@
1
1
  /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
2
  //#region generated/componentData.json
3
- var Link = {
4
- "name": "Link",
5
- "defaultProps": { "variant": "primary" },
6
- "getStylesLiterals": {
7
- "display": "inline-flex",
8
- "alignItems": "center"
9
- },
10
- "cxLiterals": [
11
- "uds-ring",
12
- "underline",
13
- "w-[0.7em]",
14
- "h-[0.7em]"
15
- ],
16
- "internalComponents": ["IconSlot"],
17
- "internalComponentProps": { "IconSlot": { "data-testid": ["start-icon", "end-icon"] } },
18
- "propToVariantKeys": {
19
- "textVariant": [
20
- "linkTextStyleRoot",
21
- "fontSize",
22
- "fontFamily",
23
- "fontWeight",
24
- "lineHeight",
25
- "textTransform",
26
- "linkTextStyleIcon"
27
- ],
28
- "variant": [
29
- "linkVariantRoot",
30
- "linkVariantIconStart",
31
- "linkVariantIconEnd"
32
- ],
33
- "startIcon": ["icon"],
34
- "endIcon": ["icon"]
35
- },
36
- "motionVarPrefixes": []
37
- };
38
- var VStack = {
39
- "name": "VStack",
40
- "defaultProps": {},
41
- "getStylesLiterals": {},
42
- "cxLiterals": [],
43
- "internalComponents": ["Box"],
44
- "internalComponentProps": { "Box": { "flexDirection": ["column"] } },
45
- "propToVariantKeys": { "gap": ["columnGap", "rowGap"] },
46
- "motionVarPrefixes": []
47
- };
48
3
  var Box = {
49
4
  "name": "Box",
50
5
  "defaultProps": {
@@ -63,20 +18,6 @@ var Box = {
63
18
  ] },
64
19
  "motionVarPrefixes": []
65
20
  };
66
- var Icon = {
67
- "name": "Icon",
68
- "defaultProps": {
69
- "size": "md",
70
- "variant": "outline",
71
- "color": "primary"
72
- },
73
- "getStylesLiterals": { "flex": "none" },
74
- "cxLiterals": ["[&_path]:fill-current"],
75
- "internalComponents": ["SVGIcon"],
76
- "internalComponentProps": {},
77
- "propToVariantKeys": {},
78
- "motionVarPrefixes": []
79
- };
80
21
  var FormLabel = {
81
22
  "name": "FormLabel",
82
23
  "defaultProps": {
@@ -95,6 +36,85 @@ var FormLabel = {
95
36
  "propToVariantKeys": {},
96
37
  "motionVarPrefixes": []
97
38
  };
39
+ var HStack = {
40
+ "name": "HStack",
41
+ "defaultProps": {},
42
+ "getStylesLiterals": {},
43
+ "cxLiterals": [],
44
+ "internalComponents": ["Box"],
45
+ "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
46
+ "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
47
+ "motionVarPrefixes": []
48
+ };
49
+ var Icon = {
50
+ "name": "Icon",
51
+ "defaultProps": {
52
+ "size": "md",
53
+ "variant": "outline",
54
+ "color": "primary"
55
+ },
56
+ "getStylesLiterals": { "flex": "none" },
57
+ "cxLiterals": ["[&_path]:fill-current"],
58
+ "internalComponents": ["SVGIcon"],
59
+ "internalComponentProps": {},
60
+ "propToVariantKeys": {},
61
+ "motionVarPrefixes": []
62
+ };
63
+ var IconSlot = {
64
+ "name": "IconSlot",
65
+ "defaultProps": {},
66
+ "getStylesLiterals": {},
67
+ "cxLiterals": [],
68
+ "internalComponents": ["Icon"],
69
+ "internalComponentProps": {},
70
+ "propToVariantKeys": {},
71
+ "motionVarPrefixes": []
72
+ };
73
+ var Image = {
74
+ "name": "Image",
75
+ "defaultProps": {},
76
+ "getStylesLiterals": {},
77
+ "cxLiterals": [],
78
+ "internalComponents": [],
79
+ "internalComponentProps": {},
80
+ "propToVariantKeys": {},
81
+ "motionVarPrefixes": []
82
+ };
83
+ var Link = {
84
+ "name": "Link",
85
+ "defaultProps": { "variant": "primary" },
86
+ "getStylesLiterals": {
87
+ "display": "inline-flex",
88
+ "alignItems": "center"
89
+ },
90
+ "cxLiterals": [
91
+ "uds-ring",
92
+ "underline",
93
+ "w-[0.7em]",
94
+ "h-[0.7em]"
95
+ ],
96
+ "internalComponents": ["IconSlot"],
97
+ "internalComponentProps": { "IconSlot": { "data-testid": ["start-icon", "end-icon"] } },
98
+ "propToVariantKeys": {
99
+ "textVariant": [
100
+ "linkTextStyleRoot",
101
+ "fontSize",
102
+ "fontFamily",
103
+ "fontWeight",
104
+ "lineHeight",
105
+ "textTransform",
106
+ "linkTextStyleIcon"
107
+ ],
108
+ "variant": [
109
+ "linkVariantRoot",
110
+ "linkVariantIconStart",
111
+ "linkVariantIconEnd"
112
+ ],
113
+ "startIcon": ["icon"],
114
+ "endIcon": ["icon"]
115
+ },
116
+ "motionVarPrefixes": []
117
+ };
98
118
  var Text = {
99
119
  "name": "Text",
100
120
  "defaultProps": {
@@ -115,28 +135,35 @@ var Text = {
115
135
  ] },
116
136
  "motionVarPrefixes": []
117
137
  };
118
- var IconSlot = {
119
- "name": "IconSlot",
138
+ var VStack = {
139
+ "name": "VStack",
120
140
  "defaultProps": {},
121
141
  "getStylesLiterals": {},
122
142
  "cxLiterals": [],
123
- "internalComponents": ["Icon"],
124
- "internalComponentProps": {},
125
- "propToVariantKeys": {},
143
+ "internalComponents": ["Box"],
144
+ "internalComponentProps": { "Box": { "flexDirection": ["column"] } },
145
+ "propToVariantKeys": { "gap": ["columnGap", "rowGap"] },
126
146
  "motionVarPrefixes": []
127
147
  };
128
- var HStack = {
129
- "name": "HStack",
130
- "defaultProps": {},
148
+ var Spinner = {
149
+ "name": "Spinner",
150
+ "defaultProps": {
151
+ "color": "primary",
152
+ "size": "lg"
153
+ },
131
154
  "getStylesLiterals": {},
132
- "cxLiterals": [],
133
- "internalComponents": ["Box"],
134
- "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
135
- "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
155
+ "cxLiterals": ["self-center", "relative"],
156
+ "internalComponents": ["Icon"],
157
+ "internalComponentProps": { "Icon": {
158
+ "role": ["img"],
159
+ "className": ["animate-spin"],
160
+ "aria-hidden": ["true"]
161
+ } },
162
+ "propToVariantKeys": {},
136
163
  "motionVarPrefixes": []
137
164
  };
138
- var Image = {
139
- "name": "Image",
165
+ var Table_mocks = {
166
+ "name": "Table.mocks",
140
167
  "defaultProps": {},
141
168
  "getStylesLiterals": {},
142
169
  "cxLiterals": [],
@@ -145,181 +172,221 @@ var Image = {
145
172
  "propToVariantKeys": {},
146
173
  "motionVarPrefixes": []
147
174
  };
148
- var Button = {
149
- "name": "Button",
150
- "defaultProps": { "type": "button" },
151
- "getStylesLiterals": {},
152
- "cxLiterals": [
153
- "uds-ring",
154
- "uds-hit-target",
155
- "inline-flex",
156
- "overflow-hidden",
157
- "justify-center",
158
- "items-center",
159
- "whitespace-nowrap",
160
- "select-none",
161
- "[transform-origin:center]",
162
- "[backface-visibility:hidden]",
163
- "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
164
- "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
165
- "[transition-duration:220ms]",
166
- "cursor-not-allowed",
167
- "uds-button-loading",
168
- "uds-button-without-effects",
169
- "withIcon",
170
- "uds-button-with-gap",
171
- "animate-spin",
172
- "truncate"
175
+ var Table = {
176
+ "name": "Table",
177
+ "defaultProps": {
178
+ "display": "table-cell",
179
+ "overflow": "hidden",
180
+ "borderColor": "muted",
181
+ "borderRadius": "md",
182
+ "spacing": "3",
183
+ "borderBottomColor": "muted",
184
+ "borderBottomWidth": "thin",
185
+ "color": "primary"
186
+ },
187
+ "getStylesLiterals": { "textAlign": "start" },
188
+ "cxLiterals": [],
189
+ "internalComponents": [
190
+ "CellComponent",
191
+ "Box",
192
+ "Text",
193
+ "Table.Root",
194
+ "Table.Header",
195
+ "Table.Row",
196
+ "Table.Cell",
197
+ "Table.Body"
173
198
  ],
199
+ "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
200
+ "propToVariantKeys": {},
201
+ "motionVarPrefixes": []
202
+ };
203
+ var Accordion = {
204
+ "name": "Accordion",
205
+ "defaultProps": {
206
+ "spacingHorizontal": "4",
207
+ "spacingVertical": "4"
208
+ },
209
+ "getStylesLiterals": {},
210
+ "cxLiterals": ["hover:bg-secondary/80", "w-full"],
174
211
  "internalComponents": [
175
212
  "Icon",
176
- "IconSlot",
177
- "AnimatePresence",
178
213
  "SpringMotionConfig",
179
- "MotionSlot"
214
+ "Pressable",
215
+ "Text",
216
+ "HStack",
217
+ "AnimatePresence",
218
+ "VStack"
180
219
  ],
181
220
  "internalComponentProps": {
182
- "Icon": { "color": ["current"] },
183
- "AnimatePresence": { "mode": ["popLayout"] },
184
- "SpringMotionConfig": { "layoutSpeed": ["3"] },
185
- "MotionSlot": {
186
- "whileHover": ["hover"],
187
- "whileTap": ["pressed"]
188
- }
189
- },
190
- "propToVariantKeys": {
191
- "size": ["buttonSizeRoot", "buttonSizeIcon"],
192
- "variant": ["buttonVariantRoot", "buttonVariantIcon"],
193
- "iconVariant": ["variant"],
194
- "startIcon": ["icon"],
195
- "endIcon": ["icon"]
196
- },
197
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
198
- };
199
- var Checkbox = {
200
- "name": "Checkbox",
201
- "defaultProps": {
202
- "labelPosition": "start",
203
- "variant": "primary",
204
- "size": "md"
205
- },
206
- "getStylesLiterals": {
207
- "display": "flex",
208
- "flexDirection": "row",
209
- "flexDirection:1": "row-reverse",
210
- "alignItems": "center"
221
+ "Icon": {
222
+ "variant": ["fill"],
223
+ "size": ["sm"],
224
+ "color": ["primary"]
225
+ },
226
+ "SpringMotionConfig": {
227
+ "layoutVariant": ["smooth"],
228
+ "layoutSpeed": ["3"]
229
+ },
230
+ "Pressable": {
231
+ "display": ["flex"],
232
+ "flexDirection": ["row"],
233
+ "alignItems": ["center"],
234
+ "justifyContent": ["space-between"],
235
+ "borderRadius": ["md"]
236
+ },
237
+ "Text": {
238
+ "variant": ["title4"],
239
+ "color": ["primary"]
240
+ },
241
+ "HStack": {
242
+ "display": ["flex"],
243
+ "alignItems": ["center"],
244
+ "justifyContent": ["space-between"],
245
+ "columnGap": ["2.5"]
246
+ }
211
247
  },
248
+ "propToVariantKeys": {},
249
+ "motionVarPrefixes": ["--uds-motion-smooth-3-"]
250
+ };
251
+ var AvoidMotionLibraryProvider = {
252
+ "name": "AvoidMotionLibraryProvider",
253
+ "defaultProps": {},
254
+ "getStylesLiterals": {},
255
+ "cxLiterals": [],
256
+ "internalComponents": [],
257
+ "internalComponentProps": {},
258
+ "propToVariantKeys": {},
259
+ "motionVarPrefixes": []
260
+ };
261
+ var Modal = {
262
+ "name": "Modal",
263
+ "defaultProps": {},
264
+ "getStylesLiterals": {},
212
265
  "cxLiterals": [
213
- "cursor-pointer",
214
- "cursor-default",
215
- "opacity-50",
216
- "uds-ring",
217
- "uds-ring-within",
218
- "transition-[background-color,border-color,box-shadow]",
219
- "pointer-events-none",
220
- "transition-opacity",
221
- "cursor-[inherit]",
222
- "absolute",
266
+ "inset-8",
267
+ "top-[250px]",
268
+ "z-50",
269
+ "mx-auto",
270
+ "h-fit",
271
+ "w-[600px]",
272
+ "origin-center",
273
+ "scale-95",
223
274
  "opacity-0",
224
- "top-1/2",
225
- "left-1/2",
226
- "w-[calc(100%+2px)]",
227
- "h-[calc(100%+2px)]",
228
- "transform",
229
- "translate-x-[-50%]",
230
- "translate-y-[-50%]",
231
- "text-start",
232
- "text-end"
275
+ "transition",
276
+ "duration-150",
277
+ "data-[enter]:scale-100",
278
+ "data-[enter]:opacity-100"
233
279
  ],
234
280
  "internalComponents": [
235
- "Icon",
236
- "FormLabel",
237
- "SpringMotionConfig",
238
- "RootElement",
239
- "MotionBox"
281
+ "IconButton",
282
+ "Dialog",
283
+ "HStack",
284
+ "Text",
285
+ "VStack"
240
286
  ],
241
287
  "internalComponentProps": {
242
- "Icon": { "size": ["sm"] },
243
- "FormLabel": {
244
- "as": ["div"],
245
- "variant": ["inherit"],
246
- "color": ["inherit"]
288
+ "IconButton": {
289
+ "aria-label": ["Close"],
290
+ "size": ["sm"],
291
+ "variant": ["tertiary"]
247
292
  },
248
- "RootElement": { "data-testid": ["container"] },
249
- "MotionBox": {
250
- "position": ["relative"],
293
+ "HStack": {
251
294
  "alignItems": ["center"],
252
- "justifyContent": ["center"],
253
- "flex": ["none"]
295
+ "justifyContent": ["space-between"]
296
+ },
297
+ "Text": {
298
+ "variant": ["headline1"],
299
+ "color": ["primary"]
300
+ },
301
+ "VStack": {
302
+ "borderRadius": ["md"],
303
+ "position": ["fixed"],
304
+ "backgroundColor": ["primary"],
305
+ "dropShadow": ["md"],
306
+ "spacing": ["8"],
307
+ "overflow": ["hidden"]
254
308
  }
255
309
  },
256
- "propToVariantKeys": {
257
- "size": ["checkboxSizeRoot", "checkboxSizeCheckbox"],
258
- "variant": [
259
- "checkboxVariantRoot",
260
- "checkboxVariantCheckbox",
261
- "checkboxVariantCheckboxIcon"
262
- ],
263
- "valueState": [
264
- "checkboxVariantValueRoot",
265
- "checkboxVariantValueCheckbox",
266
- "checkboxVariantValueCheckboxIcon"
267
- ],
268
- "reduceMotion": ["reducedMotion"]
269
- },
270
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
310
+ "propToVariantKeys": { "handleClose": ["onClick"] },
311
+ "motionVarPrefixes": []
271
312
  };
272
- var SpringMotionConfig = {
273
- "name": "SpringMotionConfig",
274
- "defaultProps": { "reducedMotion": "user" },
313
+ var Popover = {
314
+ "name": "Popover",
315
+ "defaultProps": {},
275
316
  "getStylesLiterals": {},
276
317
  "cxLiterals": [],
277
- "internalComponents": ["LazyMotion", "MotionConfig"],
278
- "internalComponentProps": {},
279
- "propToVariantKeys": { "loadFeatures": ["features"] },
318
+ "internalComponents": [
319
+ "HStack",
320
+ "Text",
321
+ "OriginalPopoverHeading"
322
+ ],
323
+ "internalComponentProps": { "Text": {
324
+ "variant": ["headline1"],
325
+ "color": ["primary"]
326
+ } },
327
+ "propToVariantKeys": {},
280
328
  "motionVarPrefixes": []
281
329
  };
282
- var IconButton = {
283
- "name": "IconButton",
284
- "defaultProps": { "type": "button" },
285
- "getStylesLiterals": {},
330
+ var SegmentedControl = {
331
+ "name": "SegmentedControl",
332
+ "defaultProps": {},
333
+ "getStylesLiterals": {
334
+ "display": "flex",
335
+ "alignItems": "center",
336
+ "backgroundColor": "primary",
337
+ "spacingVertical": "1",
338
+ "spacingHorizontal": "3",
339
+ "columnGap": "1.5",
340
+ "borderWidth": "thin",
341
+ "borderRadius": "full",
342
+ "borderColor": "muted",
343
+ "borderColor:1": "transparent",
344
+ "color": "primary",
345
+ "color:1": "tertiary",
346
+ "color:2": "muted"
347
+ },
286
348
  "cxLiterals": [
287
349
  "uds-ring",
288
- "uds-hit-target",
289
- "inline-flex",
290
- "overflow-hidden",
291
- "justify-center",
292
- "items-center",
293
- "[transform-origin:center]",
294
- "[backface-visibility:hidden]",
295
- "[transition-property:color,background-color,border-color,",
296
- "box-shadow,text-decoration-color,fill,stroke]",
297
- "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
298
- "[transition-duration:220ms]",
299
350
  "cursor-not-allowed",
300
- "uds-button-loading",
301
- "uds-button-without-effects",
302
- "animate-spin"
351
+ "opacity-50",
352
+ "pointer-events-none",
353
+ "hover:bg-primary"
303
354
  ],
304
355
  "internalComponents": [
356
+ "Radio",
305
357
  "Icon",
306
- "SpringMotionConfig",
307
- "AnimatePresence"
358
+ "RadioProvider",
359
+ "HStack",
360
+ "RadioGroup",
361
+ "Pressable",
362
+ "Text"
308
363
  ],
309
364
  "internalComponentProps": {
310
- "Icon": { "color": ["current"] },
311
- "SpringMotionConfig": { "layoutSpeed": ["3"] },
312
- "AnimatePresence": { "mode": ["popLayout"] }
365
+ "Icon": {
366
+ "size": ["sm"],
367
+ "color": ["current"],
368
+ "aria-hidden": ["true"]
369
+ },
370
+ "HStack": {
371
+ "spacing": ["1"],
372
+ "gap": ["1"],
373
+ "backgroundColor": ["secondary"],
374
+ "borderRadius": ["full"],
375
+ "display": ["inline-flex"]
376
+ },
377
+ "Text": {
378
+ "variant": ["label2"],
379
+ "color": ["current"]
380
+ }
313
381
  },
314
382
  "propToVariantKeys": {
315
- "size": ["iconbuttonSizeRoot", "iconbuttonSizeIcon"],
316
- "variant": ["buttonVariantRoot", "buttonVariantIcon"],
317
- "iconVariant": ["variant"]
383
+ "value": ["key"],
384
+ "label": ["aria-label"]
318
385
  },
319
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
386
+ "motionVarPrefixes": []
320
387
  };
321
- var Switch = {
322
- "name": "Switch",
388
+ var SwitchV2 = {
389
+ "name": "SwitchV2",
323
390
  "defaultProps": {
324
391
  "labelPosition": "start",
325
392
  "size": "md"
@@ -328,15 +395,9 @@ var Switch = {
328
395
  "switchVariantRoot": "default",
329
396
  "switchVariantActiveRoot": "on",
330
397
  "switchVariantActiveRoot:1": "off",
331
- "display": "flex",
332
- "flexDirection": "row",
333
- "flexDirection:1": "row-reverse",
334
- "alignItems": "center",
335
398
  "switchVariantSwitch": "default",
336
399
  "switchVariantActiveSwitch": "on",
337
400
  "switchVariantActiveSwitch:1": "off",
338
- "borderRadius": "full",
339
- "position": "relative",
340
401
  "switchVariantActiveHandle": "on",
341
402
  "switchVariantActiveHandle:1": "off",
342
403
  "switchVariantHandle": "default",
@@ -346,24 +407,28 @@ var Switch = {
346
407
  },
347
408
  "cxLiterals": [
348
409
  "group",
349
- "cursor-pointer",
350
- "cursor-default",
351
- "opacity-50",
410
+ "flex",
411
+ "items-center",
412
+ "flex-row",
413
+ "flex-row-reverse",
352
414
  "uds-ring",
353
415
  "uds-ring-within",
354
- "transition-[background-color,box-shadow]",
355
416
  "relative",
356
- "pointer-events-none",
357
417
  "uds-border-radius-full",
358
- "overflow-hidden",
359
- "absolute",
418
+ "transition-[background-color,box-shadow]",
419
+ "pointer-events-none",
420
+ "w-full",
421
+ "h-full",
422
+ "absolute",
360
423
  "top-0",
361
- "left-0",
362
- "right-0",
363
424
  "bottom-0",
425
+ "right-0",
426
+ "left-0",
427
+ "overflow-hidden",
428
+ "group-hover:scale-105",
364
429
  "opacity-95",
365
430
  "group-hover:opacity-100",
366
- "transition-[background-color,box-shadow,opacity]",
431
+ "transition-[transform,opacity]",
367
432
  "opacity-0",
368
433
  "top-1/2",
369
434
  "left-1/2",
@@ -393,7 +458,12 @@ var Switch = {
393
458
  "variant": ["inherit"],
394
459
  "color": ["inherit"]
395
460
  },
396
- "RootElement": { "data-testid": ["container"] }
461
+ "SpringMotionConfig": {
462
+ "layoutVariant": ["bouncy"],
463
+ "layoutSpeed": ["4"]
464
+ },
465
+ "RootElement": { "data-testid": ["switch-root"] },
466
+ "MotionBox": { "layout": ["position"] }
397
467
  },
398
468
  "propToVariantKeys": {
399
469
  "size": [
@@ -404,10 +474,64 @@ var Switch = {
404
474
  ],
405
475
  "onIcon": ["icon"],
406
476
  "offIcon": ["icon"],
407
- "reduceMotion": ["reducedMotion"]
477
+ "reduceMotion": ["reducedMotion"],
478
+ "isOn": ["layoutDependency"]
408
479
  },
409
480
  "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
410
481
  };
482
+ var Tabs = {
483
+ "name": "Tabs",
484
+ "defaultProps": {},
485
+ "getStylesLiterals": {
486
+ "display": "flex",
487
+ "flexDirection": "row",
488
+ "columnGap": "6"
489
+ },
490
+ "cxLiterals": [
491
+ "text-tertiary",
492
+ "border-b-transparent",
493
+ "aria-selected:border-b-brand",
494
+ "aria-selected:text-secondary"
495
+ ],
496
+ "internalComponents": [
497
+ "TabProvider",
498
+ "OriginalTabList",
499
+ "OriginalTab",
500
+ "Icon",
501
+ "OriginalTabPanel",
502
+ "Pressable",
503
+ "Comp",
504
+ "Text"
505
+ ],
506
+ "internalComponentProps": {
507
+ "Icon": {
508
+ "className": ["text-current"],
509
+ "size": ["md"]
510
+ },
511
+ "Pressable": {
512
+ "borderBottomWidth": ["medium"],
513
+ "spacingBottom": ["1"],
514
+ "spacingTop": ["4"]
515
+ },
516
+ "Text": {
517
+ "className": ["text-current"],
518
+ "variant": ["headline1"],
519
+ "as": ["span"]
520
+ }
521
+ },
522
+ "propToVariantKeys": {},
523
+ "motionVarPrefixes": []
524
+ };
525
+ var AnimateHeightChange = {
526
+ "name": "AnimateHeightChange",
527
+ "defaultProps": {},
528
+ "getStylesLiterals": {},
529
+ "cxLiterals": [],
530
+ "internalComponents": ["SpringMotionConfig"],
531
+ "internalComponentProps": { "SpringMotionConfig": { "layoutSpeed": ["4"] } },
532
+ "propToVariantKeys": { "reduceMotion": ["reducedMotion"] },
533
+ "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
534
+ };
411
535
  var Badge = {
412
536
  "name": "Badge",
413
537
  "defaultProps": {
@@ -433,464 +557,311 @@ var Badge = {
433
557
  },
434
558
  "motionVarPrefixes": []
435
559
  };
436
- var AnimateHeightChange = {
437
- "name": "AnimateHeightChange",
438
- "defaultProps": {},
439
- "getStylesLiterals": {},
440
- "cxLiterals": [],
441
- "internalComponents": ["SpringMotionConfig"],
442
- "internalComponentProps": { "SpringMotionConfig": { "layoutSpeed": ["4"] } },
443
- "propToVariantKeys": { "reduceMotion": ["reducedMotion"] },
444
- "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
445
- };
446
- var Pressable = {
447
- "name": "Pressable",
448
- "defaultProps": {},
449
- "getStylesLiterals": {},
450
- "cxLiterals": [],
451
- "internalComponents": ["Comp"],
452
- "internalComponentProps": {},
453
- "propToVariantKeys": {},
454
- "motionVarPrefixes": []
455
- };
456
- var Menu_Item = {
457
- "name": "Menu.Item",
458
- "defaultProps": {},
459
- "getStylesLiterals": {
460
- "menuitemItemVariantRoot": "default",
461
- "menuitemItemVariantActiveRoot": "on",
462
- "menuitemItemVariantActiveRoot:1": "off",
463
- "menuitemItemVariantText": "default",
464
- "menuitemItemVariantActiveText": "on",
465
- "menuitemItemVariantActiveText:1": "off",
466
- "menuitemItemVariantIcon": "default",
467
- "menuitemItemVariantActiveIcon": "on",
468
- "menuitemItemVariantActiveIcon:1": "off"
469
- },
470
- "cxLiterals": [],
471
- "internalComponents": ["MenuItemBase"],
472
- "internalComponentProps": {},
473
- "propToVariantKeys": {},
474
- "motionVarPrefixes": []
475
- };
476
- var Menu_Provider = {
477
- "name": "Menu.Provider",
478
- "defaultProps": {},
560
+ var Button = {
561
+ "name": "Button",
562
+ "defaultProps": { "type": "button" },
479
563
  "getStylesLiterals": {},
480
- "cxLiterals": [],
481
- "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
482
- "internalComponentProps": {},
483
- "propToVariantKeys": {},
484
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
485
- };
486
- var Menu_ItemBase = {
487
- "name": "Menu.ItemBase",
488
- "defaultProps": {
489
- "spacing": "0",
490
- "spacingHorizontal": "4",
491
- "spacingVertical": "3.5",
492
- "columnGap": "2",
493
- "alignItems": "center",
494
- "justifyContent": "space-between"
495
- },
496
- "getStylesLiterals": {
497
- "textAlign": "start",
498
- "menuitemSizeRoot": "default",
499
- "flexDirection": "row",
500
- "menuitemSizeStartIcon": "default",
501
- "menuitemSizeEndIcon": "default"
502
- },
503
564
  "cxLiterals": [
504
- "flex",
505
- "focus-visible:text-brand",
506
- "focus-visible:bg-brand-secondary",
507
- "focus-visible:z-10",
508
565
  "uds-ring",
509
- "!-outline-offset-2",
510
- "[&:not([aria-checked])]:cursor-default",
511
- "opacity-25",
566
+ "uds-hit-target",
567
+ "inline-flex",
568
+ "overflow-hidden",
569
+ "justify-center",
570
+ "items-center",
571
+ "whitespace-nowrap",
572
+ "select-none",
573
+ "[transform-origin:center]",
574
+ "[backface-visibility:hidden]",
575
+ "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
576
+ "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
577
+ "[transition-duration:220ms]",
512
578
  "cursor-not-allowed",
513
- "duration-20",
514
- "transition-[font-variation-settings]",
515
- "ease-in-out",
516
- "z-0"
579
+ "uds-button-loading",
580
+ "uds-button-without-effects",
581
+ "withIcon",
582
+ "uds-button-with-gap",
583
+ "animate-spin",
584
+ "truncate"
517
585
  ],
518
586
  "internalComponents": [
519
- "Pressable",
587
+ "Icon",
520
588
  "IconSlot",
521
- "RootComponent",
522
- "HStack",
523
- "AnimatePresence"
589
+ "AnimatePresence",
590
+ "SpringMotionConfig",
591
+ "MotionSlot"
524
592
  ],
525
593
  "internalComponentProps": {
526
- "HStack": {
527
- "alignItems": ["center"],
528
- "width": ["full"]
529
- },
530
- "AnimatePresence": { "mode": ["popLayout"] }
594
+ "Icon": { "color": ["current"] },
595
+ "AnimatePresence": { "mode": ["popLayout"] },
596
+ "SpringMotionConfig": { "layoutSpeed": ["3"] },
597
+ "MotionSlot": {
598
+ "whileHover": ["hover"],
599
+ "whileTap": ["pressed"]
600
+ }
531
601
  },
532
602
  "propToVariantKeys": {
603
+ "size": ["buttonSizeRoot", "buttonSizeIcon"],
604
+ "variant": ["buttonVariantRoot", "buttonVariantIcon"],
605
+ "iconVariant": ["variant"],
533
606
  "startIcon": ["icon"],
534
- "endIcon": ["icon"],
535
- "columnGap": ["gap"]
607
+ "endIcon": ["icon"]
536
608
  },
537
- "motionVarPrefixes": []
538
- };
539
- var Menu_Trigger = {
540
- "name": "Menu.Trigger",
541
- "defaultProps": {},
542
- "getStylesLiterals": {},
543
- "cxLiterals": ["uds-menu-trigger"],
544
- "internalComponents": ["AriakitMenuTrigger", "Box"],
545
- "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
546
- "propToVariantKeys": {},
547
- "motionVarPrefixes": []
609
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
548
610
  };
549
- var Menu_Content = {
550
- "name": "Menu.Content",
611
+ var Checkbox = {
612
+ "name": "Checkbox",
551
613
  "defaultProps": {
552
- "size": "default",
553
- "variant": "default",
554
- "gutter": "1"
614
+ "labelPosition": "start",
615
+ "variant": "primary",
616
+ "size": "md"
617
+ },
618
+ "getStylesLiterals": {
619
+ "display": "flex",
620
+ "flexDirection": "row",
621
+ "flexDirection:1": "row-reverse",
622
+ "alignItems": "center"
555
623
  },
556
- "getStylesLiterals": {},
557
624
  "cxLiterals": [
558
- "uds-menu-content",
559
- "transition-shadow",
560
- "duration-200",
561
- "ease-in-out",
562
- "min-w-60",
563
- "max-w-lg",
564
- "max-h-96",
565
- "overflow-auto",
625
+ "cursor-pointer",
626
+ "cursor-default",
627
+ "opacity-50",
566
628
  "uds-ring",
567
- "z-10",
568
- "group"
569
- ],
570
- "internalComponents": [
571
- "AriakitMenu",
572
- "AnimatePresence",
573
- "MotionVStack"
574
- ],
575
- "internalComponentProps": {},
576
- "propToVariantKeys": {
577
- "size": ["menucontentSizeRoot"],
578
- "variant": ["menucontentVariantRoot"]
579
- },
580
- "motionVarPrefixes": []
581
- };
582
- var Menu_Divider = {
583
- "name": "Menu.Divider",
584
- "defaultProps": {
585
- "role": "separator",
586
- "contentPosition": "start",
587
- "gap": "4"
588
- },
589
- "getStylesLiterals": {
590
- "menuitemDividerVariantRoot": "default",
591
- "menuitemDividerVariantText": "default",
592
- "menuitemDividerVariantLine": "default"
593
- },
594
- "cxLiterals": [],
595
- "internalComponents": ["DividerInternal"],
596
- "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
597
- "propToVariantKeys": {},
598
- "motionVarPrefixes": []
599
- };
600
- var Menu = {
601
- "name": "Menu",
602
- "defaultProps": {},
603
- "getStylesLiterals": {},
604
- "cxLiterals": [],
605
- "internalComponents": [],
606
- "internalComponentProps": {},
607
- "propToVariantKeys": {},
608
- "motionVarPrefixes": []
609
- };
610
- var Menu_ItemCheckbox = {
611
- "name": "Menu.ItemCheckbox",
612
- "defaultProps": {},
613
- "getStylesLiterals": {
614
- "menuitemItemCheckboxVariantRoot": "default",
615
- "menuitemItemCheckboxVariantActiveRoot": "on",
616
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
617
- "menuitemItemCheckboxVariantText": "default",
618
- "menuitemItemCheckboxVariantActiveText": "on",
619
- "menuitemItemCheckboxVariantActiveText:1": "off",
620
- "menuitemItemCheckboxVariantStartIcon": "default",
621
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
622
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
623
- "menuitemItemCheckboxVariantEndIcon": "default",
624
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
625
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
626
- },
627
- "cxLiterals": ["uds-menu-item-checkbox"],
628
- "internalComponents": ["MenuItemBase"],
629
- "internalComponentProps": {},
630
- "propToVariantKeys": {},
631
- "motionVarPrefixes": []
632
- };
633
- var ChipLink = {
634
- "name": "ChipLink",
635
- "defaultProps": {},
636
- "getStylesLiterals": {},
637
- "cxLiterals": ["uds-ring"],
638
- "internalComponents": ["ChipBase"],
639
- "internalComponentProps": { "ChipBase": { "as": ["a"] } },
640
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
641
- "motionVarPrefixes": []
642
- };
643
- var ChipDismissible = {
644
- "name": "ChipDismissible",
645
- "defaultProps": {},
646
- "getStylesLiterals": {},
647
- "cxLiterals": ["uds-chip-dismissible-button", "uds-hit-target"],
629
+ "uds-ring-within",
630
+ "transition-[background-color,border-color,box-shadow]",
631
+ "pointer-events-none",
632
+ "transition-opacity",
633
+ "cursor-[inherit]",
634
+ "absolute",
635
+ "opacity-0",
636
+ "top-1/2",
637
+ "left-1/2",
638
+ "w-[calc(100%+2px)]",
639
+ "h-[calc(100%+2px)]",
640
+ "transform",
641
+ "translate-x-[-50%]",
642
+ "translate-y-[-50%]",
643
+ "text-start",
644
+ "text-end"
645
+ ],
648
646
  "internalComponents": [
649
- "ChipBase",
650
- "IconSlot",
651
- "Pressable"
647
+ "Icon",
648
+ "FormLabel",
649
+ "SpringMotionConfig",
650
+ "RootElement",
651
+ "MotionBox"
652
652
  ],
653
- "internalComponentProps": {},
654
- "propToVariantKeys": {
655
- "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
656
- "dismissButtonAriaLabel": ["aria-label"]
653
+ "internalComponentProps": {
654
+ "Icon": { "size": ["sm"] },
655
+ "FormLabel": {
656
+ "as": ["div"],
657
+ "variant": ["inherit"],
658
+ "color": ["inherit"]
659
+ },
660
+ "RootElement": { "data-testid": ["container"] },
661
+ "MotionBox": {
662
+ "position": ["relative"],
663
+ "alignItems": ["center"],
664
+ "justifyContent": ["center"],
665
+ "flex": ["none"]
666
+ }
657
667
  },
658
- "motionVarPrefixes": []
659
- };
660
- var ChipToggle = {
661
- "name": "ChipToggle",
662
- "defaultProps": { "role": "checkbox" },
663
- "getStylesLiterals": {
664
- "chipToggleVariantActiveRoot": "on",
665
- "chipToggleVariantActiveRoot:1": "off"
668
+ "propToVariantKeys": {
669
+ "size": ["checkboxSizeRoot", "checkboxSizeCheckbox"],
670
+ "variant": [
671
+ "checkboxVariantRoot",
672
+ "checkboxVariantCheckbox",
673
+ "checkboxVariantCheckboxIcon"
674
+ ],
675
+ "valueState": [
676
+ "checkboxVariantValueRoot",
677
+ "checkboxVariantValueCheckbox",
678
+ "checkboxVariantValueCheckboxIcon"
679
+ ],
680
+ "reduceMotion": ["reducedMotion"]
666
681
  },
667
- "cxLiterals": ["uds-ring"],
668
- "internalComponents": ["ChipBase"],
669
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
670
- "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
671
- "motionVarPrefixes": []
672
- };
673
- var Chip = {
674
- "name": "Chip",
675
- "defaultProps": {},
676
- "getStylesLiterals": {},
677
- "cxLiterals": [],
678
- "internalComponents": [
679
- "ChipDismissible",
680
- "ChipToggle",
681
- "ChipLink",
682
- "ChipButton"
683
- ],
684
- "internalComponentProps": {},
685
- "propToVariantKeys": {},
686
- "motionVarPrefixes": []
682
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
687
683
  };
688
- var ChipBase = {
689
- "name": "ChipBase",
690
- "defaultProps": { "as": "div" },
684
+ var IconButton = {
685
+ "name": "IconButton",
686
+ "defaultProps": { "type": "button" },
691
687
  "getStylesLiterals": {},
692
688
  "cxLiterals": [
693
- "pointer-events-none",
694
- "cursor-default",
695
- "opacity-50",
689
+ "uds-ring",
690
+ "uds-hit-target",
696
691
  "inline-flex",
692
+ "overflow-hidden",
693
+ "justify-center",
697
694
  "items-center",
698
- "transition-[background-color,outline-color,box-shadow]",
699
- "truncate",
700
- "whitespace-nowrap",
701
- "text-center",
702
- "flex-1"
695
+ "[transform-origin:center]",
696
+ "[backface-visibility:hidden]",
697
+ "[transition-property:color,background-color,border-color,",
698
+ "box-shadow,text-decoration-color,fill,stroke]",
699
+ "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
700
+ "[transition-duration:220ms]",
701
+ "cursor-not-allowed",
702
+ "uds-button-loading",
703
+ "uds-button-without-effects",
704
+ "animate-spin"
703
705
  ],
704
706
  "internalComponents": [
705
- "IconSlot",
706
- "HStack",
707
- "As",
708
- "Text"
707
+ "Icon",
708
+ "SpringMotionConfig",
709
+ "AnimatePresence"
709
710
  ],
710
- "internalComponentProps": { "Text": {
711
- "as": ["span"],
712
- "color": ["current"],
713
- "variant": ["inherit"]
714
- } },
711
+ "internalComponentProps": {
712
+ "Icon": { "color": ["current"] },
713
+ "SpringMotionConfig": { "layoutSpeed": ["3"] },
714
+ "AnimatePresence": { "mode": ["popLayout"] }
715
+ },
715
716
  "propToVariantKeys": {
716
- "size": ["chipSizeRoot", "chipSizeIcon"],
717
- "startIcon": ["icon"],
718
- "endIcon": ["icon"]
717
+ "size": ["iconbuttonSizeRoot", "iconbuttonSizeIcon"],
718
+ "variant": ["buttonVariantRoot", "buttonVariantIcon"],
719
+ "iconVariant": ["variant"]
719
720
  },
720
- "motionVarPrefixes": []
721
- };
722
- var ChipButton = {
723
- "name": "ChipButton",
724
- "defaultProps": {},
725
- "getStylesLiterals": {},
726
- "cxLiterals": ["uds-ring"],
727
- "internalComponents": ["ChipBase"],
728
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
729
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
730
- "motionVarPrefixes": []
721
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
731
722
  };
732
- var UDSConfigProvider = {
733
- "name": "UDSConfigProvider",
723
+ var Pressable = {
724
+ "name": "Pressable",
734
725
  "defaultProps": {},
735
726
  "getStylesLiterals": {},
736
727
  "cxLiterals": [],
737
- "internalComponents": [
738
- "UDSBreakpointsConfigProvider",
739
- "UDSToastConfigProvider",
740
- "UDSTooltipConfigProvider"
741
- ],
728
+ "internalComponents": ["Comp"],
742
729
  "internalComponentProps": {},
743
730
  "propToVariantKeys": {},
744
731
  "motionVarPrefixes": []
745
732
  };
746
- var UDSBreakpointsConfigProvider = {
747
- "name": "UDSBreakpointsConfigProvider",
748
- "defaultProps": {},
733
+ var SpringMotionConfig = {
734
+ "name": "SpringMotionConfig",
735
+ "defaultProps": { "reducedMotion": "user" },
749
736
  "getStylesLiterals": {},
750
737
  "cxLiterals": [],
751
- "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
738
+ "internalComponents": ["LazyMotion", "MotionConfig"],
752
739
  "internalComponentProps": {},
753
- "propToVariantKeys": {},
740
+ "propToVariantKeys": { "loadFeatures": ["features"] },
754
741
  "motionVarPrefixes": []
755
742
  };
756
- var Input = {
757
- "name": "Input",
743
+ var Switch = {
744
+ "name": "Switch",
758
745
  "defaultProps": {
759
- "type": "text",
760
- "size": "md",
761
- "width": "full"
746
+ "labelPosition": "start",
747
+ "size": "md"
762
748
  },
763
749
  "getStylesLiterals": {
764
- "inputVariantRoot": "default",
765
- "inputVariantValueRoot": "empty",
766
- "inputVariantValueRoot:1": "filled",
767
- "inputVariantInputWrapper": "default",
768
- "inputVariantValueInputWrapper": "empty",
769
- "inputVariantValueInputWrapper:1": "filled",
770
- "inputVariantInput": "default",
771
- "inputVariantValueInput": "empty",
772
- "inputVariantValueInput:1": "filled",
773
- "inputVariantInputPlaceholder": "default",
774
- "inputVariantValueInputPlaceholder": "empty",
775
- "inputVariantValueInputPlaceholder:1": "filled",
776
- "inputVariantLabel": "default",
777
- "inputVariantValueLabel": "empty",
778
- "inputVariantValueLabel:1": "filled",
779
- "inputVariantLabelRequired": "default",
780
- "inputVariantValueLabelRequired": "empty",
781
- "inputVariantValueLabelRequired:1": "filled",
782
- "inputVariantStartIcon": "default",
783
- "inputVariantValueStartIcon": "empty",
784
- "inputVariantValueStartIcon:1": "filled",
785
- "inputVariantEndIcon": "default",
786
- "inputVariantValueEndIcon": "empty",
787
- "inputVariantValueEndIcon:1": "filled"
750
+ "switchVariantRoot": "default",
751
+ "switchVariantActiveRoot": "on",
752
+ "switchVariantActiveRoot:1": "off",
753
+ "display": "flex",
754
+ "flexDirection": "row",
755
+ "flexDirection:1": "row-reverse",
756
+ "alignItems": "center",
757
+ "switchVariantSwitch": "default",
758
+ "switchVariantActiveSwitch": "on",
759
+ "switchVariantActiveSwitch:1": "off",
760
+ "borderRadius": "full",
761
+ "position": "relative",
762
+ "switchVariantActiveHandle": "on",
763
+ "switchVariantActiveHandle:1": "off",
764
+ "switchVariantHandle": "default",
765
+ "switchVariantHandleIcon": "default",
766
+ "switchVariantActiveHandleIcon": "on",
767
+ "switchVariantActiveHandleIcon:1": "off"
788
768
  },
789
769
  "cxLiterals": [
770
+ "group",
771
+ "cursor-pointer",
772
+ "cursor-default",
790
773
  "opacity-50",
791
- "min-w-[200px]",
792
- "grow",
793
- "uds-hit-target",
794
- "bg-clip-text",
795
- "focus:outline-none",
796
- "cursor-text",
797
- "cursor-not-allowed"
774
+ "uds-ring",
775
+ "uds-ring-within",
776
+ "transition-[background-color,box-shadow]",
777
+ "relative",
778
+ "pointer-events-none",
779
+ "uds-border-radius-full",
780
+ "overflow-hidden",
781
+ "absolute",
782
+ "top-0",
783
+ "left-0",
784
+ "right-0",
785
+ "bottom-0",
786
+ "opacity-95",
787
+ "group-hover:opacity-100",
788
+ "transition-[background-color,box-shadow,opacity]",
789
+ "opacity-0",
790
+ "top-1/2",
791
+ "left-1/2",
792
+ "transform",
793
+ "translate-x-[-50%]",
794
+ "translate-y-[-50%]",
795
+ "transition-opacity",
796
+ "cursor-[inherit]",
797
+ "w-[calc(100%+2px)]",
798
+ "h-[calc(100%+2px)]",
799
+ "text-start",
800
+ "text-end",
801
+ "opacity-100"
798
802
  ],
799
803
  "internalComponents": [
800
804
  "IconSlot",
801
- "StartIcon",
802
- "EndIcon",
803
- "HelpTextContent",
804
805
  "Box",
805
- "InputHelpTextInternal",
806
- "VStack",
807
- "HStack",
808
- "AnimateHeightChange"
806
+ "FormLabel",
807
+ "SpringMotionConfig",
808
+ "RootElement",
809
+ "MotionBox"
809
810
  ],
810
811
  "internalComponentProps": {
811
- "HelpTextContent": { "spacingTop": ["2"] },
812
- "Box": {
813
- "spacingBottom": ["2"],
814
- "columnGap": ["0.5"],
815
- "alignItems": ["flex-end", "center"],
816
- "position": ["relative"]
812
+ "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
813
+ "FormLabel": {
814
+ "as": ["div"],
815
+ "variant": ["inherit"],
816
+ "color": ["inherit"]
817
817
  },
818
- "HStack": {
819
- "alignItems": ["center"],
820
- "gap": ["1"]
821
- }
818
+ "RootElement": { "data-testid": ["container"] }
822
819
  },
823
820
  "propToVariantKeys": {
824
821
  "size": [
825
- "inputSizeRoot",
826
- "inputSizeInputWrapper",
827
- "inputSizeInput",
828
- "inputSizeLabel",
829
- "inputSizeStartIcon",
830
- "inputSizeEndIcon"
822
+ "switchSizeRoot",
823
+ "switchSizeSwitch",
824
+ "switchSizeHandle",
825
+ "switchSizeHandleIcon"
831
826
  ],
832
- "startIcon": ["icon"],
833
- "endIcon": ["icon"],
834
- "helperTextIcon": ["startIcon"]
835
- },
836
- "motionVarPrefixes": []
837
- };
838
- var InputHelpText = {
839
- "name": "InputHelpText",
840
- "defaultProps": { "size": "md" },
841
- "getStylesLiterals": {
842
- "inputVariantRoot": "default",
843
- "inputVariantValueRoot": "empty",
844
- "inputVariantValueRoot:1": "filled"
827
+ "onIcon": ["icon"],
828
+ "offIcon": ["icon"],
829
+ "reduceMotion": ["reducedMotion"]
845
830
  },
846
- "cxLiterals": [],
847
- "internalComponents": ["InputHelpTextInternal", "Box"],
848
- "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
849
- "propToVariantKeys": { "size": ["inputSizeRoot"] },
850
- "motionVarPrefixes": []
831
+ "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
851
832
  };
852
- var InputHelpTextInternal = {
853
- "name": "InputHelpTextInternal",
833
+ var UDSBreakpointsConfigProvider = {
834
+ "name": "UDSBreakpointsConfigProvider",
854
835
  "defaultProps": {},
855
- "getStylesLiterals": {
856
- "inputVariantHelperText": "default",
857
- "inputVariantValueHelperText": "empty",
858
- "inputVariantValueHelperText:1": "filled",
859
- "inputVariantHelperIcon": "default",
860
- "inputVariantValueHelperIcon": "empty",
861
- "inputVariantValueHelperIcon:1": "filled"
862
- },
836
+ "getStylesLiterals": {},
863
837
  "cxLiterals": [],
864
- "internalComponents": ["IconSlot", "HStack"],
865
- "internalComponentProps": { "HStack": {
866
- "gap": ["1"],
867
- "alignItems": ["center"]
868
- } },
869
- "propToVariantKeys": {
870
- "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
871
- "startIcon": ["icon"],
872
- "endIcon": ["icon"]
873
- },
838
+ "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
839
+ "internalComponentProps": {},
840
+ "propToVariantKeys": {},
874
841
  "motionVarPrefixes": []
875
842
  };
876
- var UDSTooltipConfigProvider = {
877
- "name": "UDSTooltipConfigProvider",
843
+ var UDSConfigProvider = {
844
+ "name": "UDSConfigProvider",
878
845
  "defaultProps": {},
879
846
  "getStylesLiterals": {},
880
847
  "cxLiterals": [],
881
- "internalComponents": ["TooltipContext.Provider"],
848
+ "internalComponents": [
849
+ "UDSBreakpointsConfigProvider",
850
+ "UDSToastConfigProvider",
851
+ "UDSTooltipConfigProvider"
852
+ ],
882
853
  "internalComponentProps": {},
883
854
  "propToVariantKeys": {},
884
855
  "motionVarPrefixes": []
885
856
  };
886
- var TooltipTrigger = {
887
- "name": "TooltipTrigger",
857
+ var Tooltip = {
858
+ "name": "Tooltip",
888
859
  "defaultProps": {},
889
860
  "getStylesLiterals": {},
890
861
  "cxLiterals": [],
891
- "internalComponents": ["TooltipAnchor"],
892
- "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
893
- "propToVariantKeys": { "children": ["render"] },
862
+ "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
863
+ "internalComponentProps": {},
864
+ "propToVariantKeys": {},
894
865
  "motionVarPrefixes": []
895
866
  };
896
867
  var TooltipContent = {
@@ -944,65 +915,134 @@ var TooltipContent = {
944
915
  "propToVariantKeys": { "startTitleIcon": ["icon"] },
945
916
  "motionVarPrefixes": []
946
917
  };
947
- var Tooltip = {
948
- "name": "Tooltip",
918
+ var TooltipTrigger = {
919
+ "name": "TooltipTrigger",
949
920
  "defaultProps": {},
950
921
  "getStylesLiterals": {},
951
922
  "cxLiterals": [],
952
- "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
953
- "internalComponentProps": {},
954
- "propToVariantKeys": {},
923
+ "internalComponents": ["TooltipAnchor"],
924
+ "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
925
+ "propToVariantKeys": { "children": ["render"] },
955
926
  "motionVarPrefixes": []
956
927
  };
957
- var RadioGroupStore = {
958
- "name": "RadioGroupStore",
928
+ var UDSTooltipConfigProvider = {
929
+ "name": "UDSTooltipConfigProvider",
959
930
  "defaultProps": {},
960
931
  "getStylesLiterals": {},
961
932
  "cxLiterals": [],
962
- "internalComponents": [],
933
+ "internalComponents": ["TooltipContext.Provider"],
963
934
  "internalComponentProps": {},
964
935
  "propToVariantKeys": {},
965
936
  "motionVarPrefixes": []
966
937
  };
967
- var RadioGroupProvider = {
968
- "name": "RadioGroupProvider",
938
+ var Toast = {
939
+ "name": "Toast",
969
940
  "defaultProps": {},
970
- "getStylesLiterals": {},
971
- "cxLiterals": [],
941
+ "getStylesLiterals": {
942
+ "className": "flex-none",
943
+ "spacing": "2",
944
+ "borderRadius": "full"
945
+ },
946
+ "cxLiterals": [
947
+ "transition-[background-color]",
948
+ "bg-carbon-15/0",
949
+ "hover:bg-carbon-15/10",
950
+ "active:bg-carbon-15/15",
951
+ "uds-ring"
952
+ ],
972
953
  "internalComponents": [
973
- "DivProps",
974
- "Comp",
975
- "RadioGroupContext.Provider"
954
+ "IconSlot",
955
+ "ToastContainer",
956
+ "Text",
957
+ "Button",
958
+ "Pressable"
976
959
  ],
977
- "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
978
- "propToVariantKeys": {},
960
+ "internalComponentProps": {},
961
+ "propToVariantKeys": {
962
+ "size": [
963
+ "toastSizeLabel",
964
+ "toastSizeIcon",
965
+ "toastSizeActionButton",
966
+ "toastSizeCloseIcon"
967
+ ],
968
+ "variant": [
969
+ "toastVariantIcon",
970
+ "toastVariantActionButton",
971
+ "toastVariantCloseIcon"
972
+ ],
973
+ "closeIcon": ["icon"],
974
+ "onClickActionButton": ["onClick"]
975
+ },
979
976
  "motionVarPrefixes": []
980
977
  };
981
- var Radio = {
982
- "name": "Radio",
983
- "defaultProps": {
984
- "labelPosition": "start",
985
- "variant": "primary",
986
- "size": "md",
987
- "value": ""
988
- },
978
+ var ToastContainer = {
979
+ "name": "ToastContainer",
980
+ "defaultProps": {},
989
981
  "getStylesLiterals": {
990
- "radioVariantValueRoot": "checked",
991
- "radioVariantValueRoot:1": "unchecked",
992
- "display": "flex",
993
- "flexDirection": "row",
994
- "flexDirection:1": "row-reverse",
982
+ "position": "relative",
995
983
  "alignItems": "center",
996
- "radioVariantValueRadio": "checked",
997
- "radioVariantValueRadio:1": "unchecked",
998
- "radioVariantValueRadioCircle": "checked",
999
- "radioVariantValueRadioCircle:1": "unchecked"
984
+ "display": "flex",
985
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1000
986
  },
1001
- "cxLiterals": [
1002
- "cursor-pointer",
1003
- "cursor-default",
1004
- "opacity-50",
1005
- "border",
987
+ "cxLiterals": ["w-full"],
988
+ "internalComponents": ["HStack"],
989
+ "internalComponentProps": { "HStack": {
990
+ "alignItems": ["center"],
991
+ "justifyContent": ["space-between"],
992
+ "overflow": ["hidden"],
993
+ "position": ["relative"]
994
+ } },
995
+ "propToVariantKeys": {
996
+ "variant": ["toastVariantRoot"],
997
+ "size": ["toastSizeRoot"]
998
+ },
999
+ "motionVarPrefixes": []
1000
+ };
1001
+ var ToastPortal = {
1002
+ "name": "ToastPortal",
1003
+ "defaultProps": {},
1004
+ "getStylesLiterals": {},
1005
+ "cxLiterals": [],
1006
+ "internalComponents": ["ReactToastifyToastContainer"],
1007
+ "internalComponentProps": {},
1008
+ "propToVariantKeys": {},
1009
+ "motionVarPrefixes": []
1010
+ };
1011
+ var UDSToastConfigProvider = {
1012
+ "name": "UDSToastConfigProvider",
1013
+ "defaultProps": {},
1014
+ "getStylesLiterals": {},
1015
+ "cxLiterals": [],
1016
+ "internalComponents": ["ToastContext.Provider"],
1017
+ "internalComponentProps": {},
1018
+ "propToVariantKeys": {},
1019
+ "motionVarPrefixes": []
1020
+ };
1021
+ var Radio = {
1022
+ "name": "Radio",
1023
+ "defaultProps": {
1024
+ "labelPosition": "start",
1025
+ "variant": "primary",
1026
+ "size": "md",
1027
+ "value": ""
1028
+ },
1029
+ "getStylesLiterals": {
1030
+ "radioVariantValueRoot": "checked",
1031
+ "radioVariantValueRoot:1": "unchecked",
1032
+ "display": "flex",
1033
+ "flexDirection": "row",
1034
+ "flexDirection:1": "row-reverse",
1035
+ "alignItems": "center",
1036
+ "radioVariantValueRadio": "checked",
1037
+ "radioVariantValueRadio:1": "unchecked",
1038
+ "radioVariantValueRadioCircle": "checked",
1039
+ "radioVariantValueRadioCircle:1": "unchecked"
1040
+ },
1041
+ "cxLiterals": [
1042
+ "cursor-pointer",
1043
+ "cursor-default",
1044
+ "opacity-50",
1045
+ "border",
1006
1046
  "uds-ring",
1007
1047
  "uds-ring-within",
1008
1048
  "transition-[background-color,border-color]",
@@ -1058,663 +1098,629 @@ var Radio = {
1058
1098
  },
1059
1099
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1060
1100
  };
1061
- var UDSToastConfigProvider = {
1062
- "name": "UDSToastConfigProvider",
1101
+ var RadioGroupProvider = {
1102
+ "name": "RadioGroupProvider",
1063
1103
  "defaultProps": {},
1064
1104
  "getStylesLiterals": {},
1065
1105
  "cxLiterals": [],
1066
- "internalComponents": ["ToastContext.Provider"],
1067
- "internalComponentProps": {},
1106
+ "internalComponents": [
1107
+ "DivProps",
1108
+ "Comp",
1109
+ "RadioGroupContext.Provider"
1110
+ ],
1111
+ "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1068
1112
  "propToVariantKeys": {},
1069
1113
  "motionVarPrefixes": []
1070
1114
  };
1071
- var Toast = {
1072
- "name": "Toast",
1115
+ var RadioGroupStore = {
1116
+ "name": "RadioGroupStore",
1073
1117
  "defaultProps": {},
1074
- "getStylesLiterals": {
1075
- "className": "flex-none",
1076
- "spacing": "2",
1077
- "borderRadius": "full"
1118
+ "getStylesLiterals": {},
1119
+ "cxLiterals": [],
1120
+ "internalComponents": [],
1121
+ "internalComponentProps": {},
1122
+ "propToVariantKeys": {},
1123
+ "motionVarPrefixes": []
1124
+ };
1125
+ var Menu_Content = {
1126
+ "name": "Menu.Content",
1127
+ "defaultProps": {
1128
+ "size": "default",
1129
+ "variant": "default",
1130
+ "gutter": "1"
1078
1131
  },
1132
+ "getStylesLiterals": {},
1079
1133
  "cxLiterals": [
1080
- "transition-[background-color]",
1081
- "bg-carbon-15/0",
1082
- "hover:bg-carbon-15/10",
1083
- "active:bg-carbon-15/15"
1134
+ "uds-menu-content",
1135
+ "transition-shadow",
1136
+ "duration-200",
1137
+ "ease-in-out",
1138
+ "min-w-60",
1139
+ "max-w-lg",
1140
+ "max-h-96",
1141
+ "overflow-auto",
1142
+ "uds-ring",
1143
+ "z-10",
1144
+ "group"
1084
1145
  ],
1085
1146
  "internalComponents": [
1086
- "IconSlot",
1087
- "ToastContainer",
1088
- "Text",
1089
- "Button",
1090
- "Pressable"
1147
+ "AriakitMenu",
1148
+ "AnimatePresence",
1149
+ "MotionVStack"
1091
1150
  ],
1092
1151
  "internalComponentProps": {},
1093
1152
  "propToVariantKeys": {
1094
- "size": [
1095
- "toastSizeLabel",
1096
- "toastSizeIcon",
1097
- "toastSizeActionButton",
1098
- "toastSizeCloseIcon"
1099
- ],
1100
- "variant": [
1101
- "toastVariantIcon",
1102
- "toastVariantActionButton",
1103
- "toastVariantCloseIcon"
1104
- ],
1105
- "closeIcon": ["icon"],
1106
- "onClickActionButton": ["onClick"]
1153
+ "size": ["menucontentSizeRoot"],
1154
+ "variant": ["menucontentVariantRoot"]
1107
1155
  },
1108
1156
  "motionVarPrefixes": []
1109
1157
  };
1110
- var ToastContainer = {
1111
- "name": "ToastContainer",
1112
- "defaultProps": {},
1113
- "getStylesLiterals": {
1114
- "position": "relative",
1115
- "alignItems": "center",
1116
- "display": "flex",
1117
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1158
+ var Menu_Divider = {
1159
+ "name": "Menu.Divider",
1160
+ "defaultProps": {
1161
+ "role": "separator",
1162
+ "contentPosition": "start",
1163
+ "gap": "4"
1118
1164
  },
1119
- "cxLiterals": ["w-full"],
1120
- "internalComponents": ["HStack"],
1121
- "internalComponentProps": { "HStack": {
1122
- "alignItems": ["center"],
1123
- "justifyContent": ["space-between"],
1124
- "overflow": ["hidden"],
1125
- "position": ["relative"]
1126
- } },
1127
- "propToVariantKeys": {
1128
- "variant": ["toastVariantRoot"],
1129
- "size": ["toastSizeRoot"]
1165
+ "getStylesLiterals": {
1166
+ "menuitemDividerVariantRoot": "default",
1167
+ "menuitemDividerVariantText": "default",
1168
+ "menuitemDividerVariantLine": "default"
1130
1169
  },
1170
+ "cxLiterals": [],
1171
+ "internalComponents": ["DividerInternal"],
1172
+ "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1173
+ "propToVariantKeys": {},
1131
1174
  "motionVarPrefixes": []
1132
1175
  };
1133
- var ToastPortal = {
1134
- "name": "ToastPortal",
1176
+ var Menu_Item = {
1177
+ "name": "Menu.Item",
1135
1178
  "defaultProps": {},
1136
- "getStylesLiterals": {},
1179
+ "getStylesLiterals": {
1180
+ "menuitemItemVariantRoot": "default",
1181
+ "menuitemItemVariantActiveRoot": "on",
1182
+ "menuitemItemVariantActiveRoot:1": "off",
1183
+ "menuitemItemVariantText": "default",
1184
+ "menuitemItemVariantActiveText": "on",
1185
+ "menuitemItemVariantActiveText:1": "off",
1186
+ "menuitemItemVariantIcon": "default",
1187
+ "menuitemItemVariantActiveIcon": "on",
1188
+ "menuitemItemVariantActiveIcon:1": "off"
1189
+ },
1137
1190
  "cxLiterals": [],
1138
- "internalComponents": ["ReactToastifyToastContainer"],
1191
+ "internalComponents": ["MenuItemBase"],
1139
1192
  "internalComponentProps": {},
1140
1193
  "propToVariantKeys": {},
1141
1194
  "motionVarPrefixes": []
1142
1195
  };
1143
- var AvatarImage = {
1144
- "name": "AvatarImage",
1145
- "defaultProps": {},
1146
- "getStylesLiterals": {},
1196
+ var Menu_ItemBase = {
1197
+ "name": "Menu.ItemBase",
1198
+ "defaultProps": {
1199
+ "spacing": "0",
1200
+ "spacingHorizontal": "4",
1201
+ "spacingVertical": "3.5",
1202
+ "columnGap": "2",
1203
+ "alignItems": "center",
1204
+ "justifyContent": "space-between"
1205
+ },
1206
+ "getStylesLiterals": {
1207
+ "textAlign": "start",
1208
+ "menuitemSizeRoot": "default",
1209
+ "flexDirection": "row",
1210
+ "menuitemSizeStartIcon": "default",
1211
+ "menuitemSizeEndIcon": "default"
1212
+ },
1147
1213
  "cxLiterals": [
1148
- "overflow-hidden",
1149
- "w-full",
1150
- "h-full",
1151
- "shrink-0",
1152
- "text-center",
1153
- "inline-flex",
1154
- "justify-center",
1155
- "items-center",
1156
- "object-cover"
1214
+ "flex",
1215
+ "focus-visible:text-brand",
1216
+ "focus-visible:bg-brand-secondary",
1217
+ "focus-visible:z-10",
1218
+ "uds-ring",
1219
+ "!-outline-offset-2",
1220
+ "[&:not([aria-checked])]:cursor-default",
1221
+ "opacity-25",
1222
+ "cursor-not-allowed",
1223
+ "duration-20",
1224
+ "transition-[font-variation-settings]",
1225
+ "ease-in-out",
1226
+ "z-0"
1157
1227
  ],
1158
1228
  "internalComponents": [
1159
- "UDSImage",
1160
- "AvatarText",
1161
- "AvatarIcon",
1162
- "Box"
1229
+ "Pressable",
1230
+ "IconSlot",
1231
+ "RootComponent",
1232
+ "HStack",
1233
+ "AnimatePresence"
1163
1234
  ],
1164
- "internalComponentProps": {},
1235
+ "internalComponentProps": {
1236
+ "HStack": {
1237
+ "alignItems": ["center"],
1238
+ "width": ["full"]
1239
+ },
1240
+ "AnimatePresence": { "mode": ["popLayout"] }
1241
+ },
1165
1242
  "propToVariantKeys": {
1166
- "alt": ["name"],
1167
- "fallback": ["initials"]
1243
+ "startIcon": ["icon"],
1244
+ "endIcon": ["icon"],
1245
+ "columnGap": ["gap"]
1168
1246
  },
1169
1247
  "motionVarPrefixes": []
1170
1248
  };
1171
- var AvatarText = {
1172
- "name": "AvatarText",
1249
+ var Menu_ItemCheckbox = {
1250
+ "name": "Menu.ItemCheckbox",
1173
1251
  "defaultProps": {},
1174
- "getStylesLiterals": {},
1175
- "cxLiterals": [
1176
- "overflow-hidden",
1177
- "truncate",
1178
- "w-full",
1179
- "h-full",
1180
- "shrink-0",
1181
- "text-center",
1182
- "inline-flex",
1183
- "justify-center",
1184
- "items-center"
1185
- ],
1186
- "internalComponents": ["Box", "Text"],
1187
- "internalComponentProps": { "Text": {
1188
- "color": ["inherit"],
1189
- "variant": ["inherit"]
1190
- } },
1252
+ "getStylesLiterals": {
1253
+ "menuitemItemCheckboxVariantRoot": "default",
1254
+ "menuitemItemCheckboxVariantActiveRoot": "on",
1255
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
1256
+ "menuitemItemCheckboxVariantText": "default",
1257
+ "menuitemItemCheckboxVariantActiveText": "on",
1258
+ "menuitemItemCheckboxVariantActiveText:1": "off",
1259
+ "menuitemItemCheckboxVariantStartIcon": "default",
1260
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
1261
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1262
+ "menuitemItemCheckboxVariantEndIcon": "default",
1263
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
1264
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1265
+ },
1266
+ "cxLiterals": ["uds-menu-item-checkbox"],
1267
+ "internalComponents": ["MenuItemBase"],
1268
+ "internalComponentProps": {},
1191
1269
  "propToVariantKeys": {},
1192
1270
  "motionVarPrefixes": []
1193
1271
  };
1194
- var Avatar = {
1195
- "name": "Avatar",
1272
+ var Menu_Provider = {
1273
+ "name": "Menu.Provider",
1196
1274
  "defaultProps": {},
1197
1275
  "getStylesLiterals": {},
1198
1276
  "cxLiterals": [],
1199
- "internalComponents": ["AvatarImage"],
1277
+ "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1200
1278
  "internalComponentProps": {},
1201
1279
  "propToVariantKeys": {},
1202
- "motionVarPrefixes": []
1280
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1203
1281
  };
1204
- var AvatarIcon = {
1205
- "name": "AvatarIcon",
1282
+ var Menu_Trigger = {
1283
+ "name": "Menu.Trigger",
1206
1284
  "defaultProps": {},
1207
1285
  "getStylesLiterals": {},
1208
- "cxLiterals": [
1209
- "overflow-hidden",
1210
- "w-full",
1211
- "h-full",
1212
- "shrink-0",
1213
- "text-center",
1214
- "inline-flex",
1215
- "justify-center",
1216
- "items-center"
1217
- ],
1218
- "internalComponents": ["IconSlot", "Box"],
1219
- "internalComponentProps": {},
1220
- "propToVariantKeys": { "size": ["avatarSizeIcon"] },
1286
+ "cxLiterals": ["uds-menu-trigger"],
1287
+ "internalComponents": ["AriakitMenuTrigger", "Box"],
1288
+ "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1289
+ "propToVariantKeys": {},
1221
1290
  "motionVarPrefixes": []
1222
1291
  };
1223
- var DividerCore = {
1224
- "name": "DividerCore",
1225
- "defaultProps": { "contentPosition": "center" },
1292
+ var Menu = {
1293
+ "name": "Menu",
1294
+ "defaultProps": {},
1226
1295
  "getStylesLiterals": {},
1227
1296
  "cxLiterals": [],
1297
+ "internalComponents": [],
1298
+ "internalComponentProps": {},
1299
+ "propToVariantKeys": {},
1300
+ "motionVarPrefixes": []
1301
+ };
1302
+ var Input = {
1303
+ "name": "Input",
1304
+ "defaultProps": {
1305
+ "type": "text",
1306
+ "size": "md",
1307
+ "width": "full"
1308
+ },
1309
+ "getStylesLiterals": {
1310
+ "inputVariantRoot": "default",
1311
+ "inputVariantValueRoot": "empty",
1312
+ "inputVariantValueRoot:1": "filled",
1313
+ "inputVariantInputWrapper": "default",
1314
+ "inputVariantValueInputWrapper": "empty",
1315
+ "inputVariantValueInputWrapper:1": "filled",
1316
+ "inputVariantInput": "default",
1317
+ "inputVariantValueInput": "empty",
1318
+ "inputVariantValueInput:1": "filled",
1319
+ "inputVariantInputPlaceholder": "default",
1320
+ "inputVariantValueInputPlaceholder": "empty",
1321
+ "inputVariantValueInputPlaceholder:1": "filled",
1322
+ "inputVariantLabel": "default",
1323
+ "inputVariantValueLabel": "empty",
1324
+ "inputVariantValueLabel:1": "filled",
1325
+ "inputVariantLabelRequired": "default",
1326
+ "inputVariantValueLabelRequired": "empty",
1327
+ "inputVariantValueLabelRequired:1": "filled",
1328
+ "inputVariantStartIcon": "default",
1329
+ "inputVariantValueStartIcon": "empty",
1330
+ "inputVariantValueStartIcon:1": "filled",
1331
+ "inputVariantEndIcon": "default",
1332
+ "inputVariantValueEndIcon": "empty",
1333
+ "inputVariantValueEndIcon:1": "filled"
1334
+ },
1335
+ "cxLiterals": [
1336
+ "opacity-50",
1337
+ "min-w-[200px]",
1338
+ "grow",
1339
+ "uds-hit-target",
1340
+ "bg-clip-text",
1341
+ "focus:outline-none",
1342
+ "cursor-text",
1343
+ "cursor-not-allowed"
1344
+ ],
1228
1345
  "internalComponents": [
1346
+ "IconSlot",
1347
+ "StartIcon",
1348
+ "EndIcon",
1349
+ "HelpTextContent",
1229
1350
  "Box",
1230
- "Line",
1231
- "InternalComponent",
1232
- "Text"
1351
+ "InputHelpTextInternal",
1352
+ "VStack",
1353
+ "HStack",
1354
+ "AnimateHeightChange"
1233
1355
  ],
1234
1356
  "internalComponentProps": {
1357
+ "HelpTextContent": { "spacingTop": ["2"] },
1235
1358
  "Box": {
1236
- "flex": ["1", "none"],
1237
- "display": ["flex"]
1238
- },
1239
- "InternalComponent": {
1240
- "flex": ["1"],
1241
- "alignItems": ["center"]
1359
+ "spacingBottom": ["2"],
1360
+ "columnGap": ["0.5"],
1361
+ "alignItems": ["flex-end", "center"],
1362
+ "position": ["relative"]
1242
1363
  },
1243
- "Text": {
1244
- "as": ["span"],
1245
- "color": ["inherit"],
1246
- "variant": ["inherit"]
1364
+ "HStack": {
1365
+ "alignItems": ["center"],
1366
+ "gap": ["1"]
1247
1367
  }
1248
1368
  },
1249
- "propToVariantKeys": {},
1369
+ "propToVariantKeys": {
1370
+ "size": [
1371
+ "inputSizeRoot",
1372
+ "inputSizeInputWrapper",
1373
+ "inputSizeInput",
1374
+ "inputSizeLabel",
1375
+ "inputSizeStartIcon",
1376
+ "inputSizeEndIcon"
1377
+ ],
1378
+ "startIcon": ["icon"],
1379
+ "endIcon": ["icon"],
1380
+ "helperTextIcon": ["startIcon"]
1381
+ },
1250
1382
  "motionVarPrefixes": []
1251
1383
  };
1252
- var DividerInternal = {
1253
- "name": "DividerInternal",
1254
- "defaultProps": { "variant": "primary" },
1255
- "getStylesLiterals": {},
1256
- "cxLiterals": ["inherit"],
1257
- "internalComponents": ["DividerCore"],
1258
- "internalComponentProps": {},
1259
- "propToVariantKeys": { "variant": [
1260
- "dividerVariantRoot",
1261
- "dividerVariantLabel",
1262
- "dividerVariantLine"
1263
- ] },
1384
+ var InputHelpText = {
1385
+ "name": "InputHelpText",
1386
+ "defaultProps": { "size": "md" },
1387
+ "getStylesLiterals": {
1388
+ "inputVariantRoot": "default",
1389
+ "inputVariantValueRoot": "empty",
1390
+ "inputVariantValueRoot:1": "filled"
1391
+ },
1392
+ "cxLiterals": [],
1393
+ "internalComponents": ["InputHelpTextInternal", "Box"],
1394
+ "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
1395
+ "propToVariantKeys": { "size": ["inputSizeRoot"] },
1264
1396
  "motionVarPrefixes": []
1265
1397
  };
1266
- var Divider = {
1267
- "name": "Divider",
1398
+ var InputHelpTextInternal = {
1399
+ "name": "InputHelpTextInternal",
1268
1400
  "defaultProps": {},
1269
- "getStylesLiterals": {},
1401
+ "getStylesLiterals": {
1402
+ "inputVariantHelperText": "default",
1403
+ "inputVariantValueHelperText": "empty",
1404
+ "inputVariantValueHelperText:1": "filled",
1405
+ "inputVariantHelperIcon": "default",
1406
+ "inputVariantValueHelperIcon": "empty",
1407
+ "inputVariantValueHelperIcon:1": "filled"
1408
+ },
1270
1409
  "cxLiterals": [],
1271
- "internalComponents": ["DividerInternal"],
1272
- "internalComponentProps": {},
1273
- "propToVariantKeys": {},
1410
+ "internalComponents": ["IconSlot", "HStack"],
1411
+ "internalComponentProps": { "HStack": {
1412
+ "gap": ["1"],
1413
+ "alignItems": ["center"]
1414
+ } },
1415
+ "propToVariantKeys": {
1416
+ "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
1417
+ "startIcon": ["icon"],
1418
+ "endIcon": ["icon"]
1419
+ },
1274
1420
  "motionVarPrefixes": []
1275
1421
  };
1276
- var Table_mocks = {
1277
- "name": "Table.mocks",
1422
+ var Chip = {
1423
+ "name": "Chip",
1278
1424
  "defaultProps": {},
1279
1425
  "getStylesLiterals": {},
1280
1426
  "cxLiterals": [],
1281
- "internalComponents": [],
1282
- "internalComponentProps": {},
1283
- "propToVariantKeys": {},
1284
- "motionVarPrefixes": []
1285
- };
1286
- var Table = {
1287
- "name": "Table",
1288
- "defaultProps": {
1289
- "display": "table-cell",
1290
- "overflow": "hidden",
1291
- "borderColor": "muted",
1292
- "borderRadius": "md",
1293
- "spacing": "3",
1294
- "borderBottomColor": "muted",
1295
- "borderBottomWidth": "thin",
1296
- "color": "primary"
1297
- },
1298
- "getStylesLiterals": { "textAlign": "start" },
1299
- "cxLiterals": [],
1300
1427
  "internalComponents": [
1301
- "CellComponent",
1302
- "Box",
1303
- "Text",
1304
- "Table.Root",
1305
- "Table.Header",
1306
- "Table.Row",
1307
- "Table.Cell",
1308
- "Table.Body"
1428
+ "ChipDismissible",
1429
+ "ChipToggle",
1430
+ "ChipLink",
1431
+ "ChipButton"
1309
1432
  ],
1310
- "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
1433
+ "internalComponentProps": {},
1311
1434
  "propToVariantKeys": {},
1312
1435
  "motionVarPrefixes": []
1313
1436
  };
1314
- var Spinner = {
1315
- "name": "Spinner",
1316
- "defaultProps": {
1317
- "color": "primary",
1318
- "size": "lg"
1319
- },
1437
+ var ChipBase = {
1438
+ "name": "ChipBase",
1439
+ "defaultProps": { "as": "div" },
1320
1440
  "getStylesLiterals": {},
1321
- "cxLiterals": ["self-center", "relative"],
1322
- "internalComponents": ["Icon"],
1323
- "internalComponentProps": { "Icon": {
1324
- "role": ["img"],
1325
- "className": ["animate-spin"],
1326
- "aria-hidden": ["true"]
1327
- } },
1328
- "propToVariantKeys": {},
1329
- "motionVarPrefixes": []
1330
- };
1331
- var AvoidMotionLibraryProvider = {
1332
- "name": "AvoidMotionLibraryProvider",
1333
- "defaultProps": {},
1334
- "getStylesLiterals": {},
1335
- "cxLiterals": [],
1336
- "internalComponents": [],
1337
- "internalComponentProps": {},
1338
- "propToVariantKeys": {},
1339
- "motionVarPrefixes": []
1340
- };
1341
- var SegmentedControl = {
1342
- "name": "SegmentedControl",
1343
- "defaultProps": {},
1344
- "getStylesLiterals": {
1345
- "display": "flex",
1346
- "alignItems": "center",
1347
- "backgroundColor": "primary",
1348
- "spacingVertical": "1",
1349
- "spacingHorizontal": "3",
1350
- "columnGap": "1.5",
1351
- "borderWidth": "thin",
1352
- "borderRadius": "full",
1353
- "borderColor": "muted",
1354
- "borderColor:1": "transparent",
1355
- "color": "primary",
1356
- "color:1": "tertiary",
1357
- "color:2": "muted"
1358
- },
1359
1441
  "cxLiterals": [
1360
- "uds-ring",
1361
- "cursor-not-allowed",
1362
- "opacity-50",
1363
1442
  "pointer-events-none",
1364
- "hover:bg-primary"
1443
+ "cursor-default",
1444
+ "opacity-50",
1445
+ "inline-flex",
1446
+ "items-center",
1447
+ "transition-[background-color,outline-color,box-shadow]",
1448
+ "truncate",
1449
+ "whitespace-nowrap",
1450
+ "text-center",
1451
+ "flex-1"
1365
1452
  ],
1366
1453
  "internalComponents": [
1367
- "Radio",
1368
- "Icon",
1369
- "RadioProvider",
1454
+ "IconSlot",
1370
1455
  "HStack",
1371
- "RadioGroup",
1372
- "Pressable",
1456
+ "As",
1373
1457
  "Text"
1374
1458
  ],
1375
- "internalComponentProps": {
1376
- "Icon": {
1377
- "size": ["sm"],
1378
- "color": ["current"],
1379
- "aria-hidden": ["true"]
1380
- },
1381
- "HStack": {
1382
- "spacing": ["1"],
1383
- "gap": ["1"],
1384
- "backgroundColor": ["secondary"],
1385
- "borderRadius": ["full"],
1386
- "display": ["inline-flex"]
1387
- },
1388
- "Text": {
1389
- "variant": ["label2"],
1390
- "color": ["current"]
1391
- }
1392
- },
1459
+ "internalComponentProps": { "Text": {
1460
+ "as": ["span"],
1461
+ "color": ["current"],
1462
+ "variant": ["inherit"]
1463
+ } },
1393
1464
  "propToVariantKeys": {
1394
- "value": ["key"],
1395
- "label": ["aria-label"]
1465
+ "size": ["chipSizeRoot", "chipSizeIcon"],
1466
+ "startIcon": ["icon"],
1467
+ "endIcon": ["icon"]
1396
1468
  },
1397
1469
  "motionVarPrefixes": []
1398
1470
  };
1399
- var Popover = {
1400
- "name": "Popover",
1471
+ var ChipButton = {
1472
+ "name": "ChipButton",
1401
1473
  "defaultProps": {},
1402
1474
  "getStylesLiterals": {},
1403
- "cxLiterals": [],
1404
- "internalComponents": [
1405
- "HStack",
1406
- "Text",
1407
- "OriginalPopoverHeading"
1408
- ],
1409
- "internalComponentProps": { "Text": {
1410
- "variant": ["headline1"],
1411
- "color": ["primary"]
1412
- } },
1413
- "propToVariantKeys": {},
1475
+ "cxLiterals": ["uds-ring"],
1476
+ "internalComponents": ["ChipBase"],
1477
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1478
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1414
1479
  "motionVarPrefixes": []
1415
1480
  };
1416
- var SwitchV2 = {
1417
- "name": "SwitchV2",
1418
- "defaultProps": {
1419
- "labelPosition": "start",
1420
- "size": "md"
1421
- },
1422
- "getStylesLiterals": {
1423
- "switchVariantRoot": "default",
1424
- "switchVariantActiveRoot": "on",
1425
- "switchVariantActiveRoot:1": "off",
1426
- "switchVariantSwitch": "default",
1427
- "switchVariantActiveSwitch": "on",
1428
- "switchVariantActiveSwitch:1": "off",
1429
- "switchVariantActiveHandle": "on",
1430
- "switchVariantActiveHandle:1": "off",
1431
- "switchVariantHandle": "default",
1432
- "switchVariantHandleIcon": "default",
1433
- "switchVariantActiveHandleIcon": "on",
1434
- "switchVariantActiveHandleIcon:1": "off"
1435
- },
1481
+ var ChipDismissible = {
1482
+ "name": "ChipDismissible",
1483
+ "defaultProps": {},
1484
+ "getStylesLiterals": {},
1436
1485
  "cxLiterals": [
1437
- "group",
1438
- "flex",
1439
- "items-center",
1440
- "flex-row",
1441
- "flex-row-reverse",
1486
+ "uds-chip-dismissible-button",
1487
+ "uds-hit-target",
1442
1488
  "uds-ring",
1443
- "uds-ring-within",
1444
- "relative",
1445
- "uds-border-radius-full",
1446
- "transition-[background-color,box-shadow]",
1447
- "pointer-events-none",
1448
- "w-full",
1449
- "h-full",
1450
- "absolute",
1451
- "top-0",
1452
- "bottom-0",
1453
- "right-0",
1454
- "left-0",
1455
- "overflow-hidden",
1456
- "group-hover:scale-105",
1457
- "opacity-95",
1458
- "group-hover:opacity-100",
1459
- "transition-[transform,opacity]",
1460
- "opacity-0",
1461
- "top-1/2",
1462
- "left-1/2",
1463
- "transform",
1464
- "translate-x-[-50%]",
1465
- "translate-y-[-50%]",
1466
- "transition-opacity",
1467
- "cursor-[inherit]",
1468
- "w-[calc(100%+2px)]",
1469
- "h-[calc(100%+2px)]",
1470
- "text-start",
1471
- "text-end",
1472
- "opacity-100"
1489
+ "rounded-full"
1473
1490
  ],
1474
1491
  "internalComponents": [
1492
+ "ChipBase",
1475
1493
  "IconSlot",
1476
- "Box",
1477
- "FormLabel",
1478
- "SpringMotionConfig",
1479
- "RootElement",
1480
- "MotionBox"
1494
+ "Pressable"
1481
1495
  ],
1482
- "internalComponentProps": {
1483
- "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
1484
- "FormLabel": {
1485
- "as": ["div"],
1486
- "variant": ["inherit"],
1487
- "color": ["inherit"]
1488
- },
1489
- "SpringMotionConfig": {
1490
- "layoutVariant": ["bouncy"],
1491
- "layoutSpeed": ["4"]
1492
- },
1493
- "RootElement": { "data-testid": ["switch-root"] },
1494
- "MotionBox": { "layout": ["position"] }
1495
- },
1496
+ "internalComponentProps": {},
1496
1497
  "propToVariantKeys": {
1497
- "size": [
1498
- "switchSizeRoot",
1499
- "switchSizeSwitch",
1500
- "switchSizeHandle",
1501
- "switchSizeHandleIcon"
1502
- ],
1503
- "onIcon": ["icon"],
1504
- "offIcon": ["icon"],
1505
- "reduceMotion": ["reducedMotion"],
1506
- "isOn": ["layoutDependency"]
1498
+ "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1499
+ "dismissButtonAriaLabel": ["aria-label"]
1507
1500
  },
1508
- "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
1501
+ "motionVarPrefixes": []
1509
1502
  };
1510
- var Tabs = {
1511
- "name": "Tabs",
1503
+ var ChipLink = {
1504
+ "name": "ChipLink",
1512
1505
  "defaultProps": {},
1506
+ "getStylesLiterals": {},
1507
+ "cxLiterals": ["uds-ring"],
1508
+ "internalComponents": ["ChipBase"],
1509
+ "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1510
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1511
+ "motionVarPrefixes": []
1512
+ };
1513
+ var ChipToggle = {
1514
+ "name": "ChipToggle",
1515
+ "defaultProps": { "role": "checkbox" },
1513
1516
  "getStylesLiterals": {
1514
- "display": "flex",
1515
- "flexDirection": "row",
1516
- "columnGap": "6"
1517
- },
1518
- "cxLiterals": [
1519
- "text-tertiary",
1520
- "border-b-transparent",
1521
- "aria-selected:border-b-brand",
1522
- "aria-selected:text-secondary"
1523
- ],
1524
- "internalComponents": [
1525
- "TabProvider",
1526
- "OriginalTabList",
1527
- "OriginalTab",
1528
- "Icon",
1529
- "OriginalTabPanel",
1530
- "Pressable",
1531
- "Comp",
1532
- "Text"
1533
- ],
1534
- "internalComponentProps": {
1535
- "Icon": {
1536
- "className": ["text-current"],
1537
- "size": ["md"]
1538
- },
1539
- "Pressable": {
1540
- "borderBottomWidth": ["medium"],
1541
- "spacingBottom": ["1"],
1542
- "spacingTop": ["4"]
1543
- },
1544
- "Text": {
1545
- "className": ["text-current"],
1546
- "variant": ["headline1"],
1547
- "as": ["span"]
1548
- }
1517
+ "chipToggleVariantActiveRoot": "on",
1518
+ "chipToggleVariantActiveRoot:1": "off"
1549
1519
  },
1520
+ "cxLiterals": ["uds-ring"],
1521
+ "internalComponents": ["ChipBase"],
1522
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1523
+ "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1524
+ "motionVarPrefixes": []
1525
+ };
1526
+ var Avatar = {
1527
+ "name": "Avatar",
1528
+ "defaultProps": {},
1529
+ "getStylesLiterals": {},
1530
+ "cxLiterals": [],
1531
+ "internalComponents": ["AvatarImage"],
1532
+ "internalComponentProps": {},
1550
1533
  "propToVariantKeys": {},
1551
1534
  "motionVarPrefixes": []
1552
1535
  };
1553
- var Modal = {
1554
- "name": "Modal",
1536
+ var AvatarIcon = {
1537
+ "name": "AvatarIcon",
1538
+ "defaultProps": {},
1539
+ "getStylesLiterals": {},
1540
+ "cxLiterals": [
1541
+ "overflow-hidden",
1542
+ "w-full",
1543
+ "h-full",
1544
+ "shrink-0",
1545
+ "text-center",
1546
+ "inline-flex",
1547
+ "justify-center",
1548
+ "items-center"
1549
+ ],
1550
+ "internalComponents": ["IconSlot", "Box"],
1551
+ "internalComponentProps": {},
1552
+ "propToVariantKeys": { "size": ["avatarSizeIcon"] },
1553
+ "motionVarPrefixes": []
1554
+ };
1555
+ var AvatarImage = {
1556
+ "name": "AvatarImage",
1555
1557
  "defaultProps": {},
1556
1558
  "getStylesLiterals": {},
1557
1559
  "cxLiterals": [
1558
- "inset-8",
1559
- "top-[250px]",
1560
- "z-50",
1561
- "mx-auto",
1562
- "h-fit",
1563
- "w-[600px]",
1564
- "origin-center",
1565
- "scale-95",
1566
- "opacity-0",
1567
- "transition",
1568
- "duration-150",
1569
- "data-[enter]:scale-100",
1570
- "data-[enter]:opacity-100"
1560
+ "overflow-hidden",
1561
+ "w-full",
1562
+ "h-full",
1563
+ "shrink-0",
1564
+ "text-center",
1565
+ "inline-flex",
1566
+ "justify-center",
1567
+ "items-center",
1568
+ "object-cover"
1571
1569
  ],
1572
1570
  "internalComponents": [
1573
- "IconButton",
1574
- "Dialog",
1575
- "HStack",
1576
- "Text",
1577
- "VStack"
1571
+ "UDSImage",
1572
+ "AvatarText",
1573
+ "AvatarIcon",
1574
+ "Box"
1578
1575
  ],
1579
- "internalComponentProps": {
1580
- "IconButton": {
1581
- "aria-label": ["Close"],
1582
- "size": ["sm"],
1583
- "variant": ["tertiary"]
1584
- },
1585
- "HStack": {
1586
- "alignItems": ["center"],
1587
- "justifyContent": ["space-between"]
1588
- },
1589
- "Text": {
1590
- "variant": ["headline1"],
1591
- "color": ["primary"]
1592
- },
1593
- "VStack": {
1594
- "borderRadius": ["md"],
1595
- "position": ["fixed"],
1596
- "backgroundColor": ["primary"],
1597
- "dropShadow": ["md"],
1598
- "spacing": ["8"],
1599
- "overflow": ["hidden"]
1600
- }
1576
+ "internalComponentProps": {},
1577
+ "propToVariantKeys": {
1578
+ "alt": ["name"],
1579
+ "fallback": ["initials"]
1601
1580
  },
1602
- "propToVariantKeys": { "handleClose": ["onClick"] },
1603
1581
  "motionVarPrefixes": []
1604
1582
  };
1605
- var Accordion = {
1606
- "name": "Accordion",
1607
- "defaultProps": {
1608
- "spacingHorizontal": "4",
1609
- "spacingVertical": "4"
1610
- },
1583
+ var AvatarText = {
1584
+ "name": "AvatarText",
1585
+ "defaultProps": {},
1611
1586
  "getStylesLiterals": {},
1612
- "cxLiterals": ["hover:bg-secondary/80", "w-full"],
1587
+ "cxLiterals": [
1588
+ "overflow-hidden",
1589
+ "truncate",
1590
+ "w-full",
1591
+ "h-full",
1592
+ "shrink-0",
1593
+ "text-center",
1594
+ "inline-flex",
1595
+ "justify-center",
1596
+ "items-center"
1597
+ ],
1598
+ "internalComponents": ["Box", "Text"],
1599
+ "internalComponentProps": { "Text": {
1600
+ "color": ["inherit"],
1601
+ "variant": ["inherit"]
1602
+ } },
1603
+ "propToVariantKeys": {},
1604
+ "motionVarPrefixes": []
1605
+ };
1606
+ var Divider = {
1607
+ "name": "Divider",
1608
+ "defaultProps": {},
1609
+ "getStylesLiterals": {},
1610
+ "cxLiterals": [],
1611
+ "internalComponents": ["DividerInternal"],
1612
+ "internalComponentProps": {},
1613
+ "propToVariantKeys": {},
1614
+ "motionVarPrefixes": []
1615
+ };
1616
+ var DividerCore = {
1617
+ "name": "DividerCore",
1618
+ "defaultProps": { "contentPosition": "center" },
1619
+ "getStylesLiterals": {},
1620
+ "cxLiterals": [],
1613
1621
  "internalComponents": [
1614
- "Icon",
1615
- "SpringMotionConfig",
1616
- "Pressable",
1617
- "Text",
1618
- "HStack",
1619
- "AnimatePresence",
1620
- "VStack"
1622
+ "Box",
1623
+ "Line",
1624
+ "InternalComponent",
1625
+ "Text"
1621
1626
  ],
1622
1627
  "internalComponentProps": {
1623
- "Icon": {
1624
- "variant": ["fill"],
1625
- "size": ["sm"],
1626
- "color": ["primary"]
1627
- },
1628
- "SpringMotionConfig": {
1629
- "layoutVariant": ["smooth"],
1630
- "layoutSpeed": ["3"]
1628
+ "Box": {
1629
+ "flex": ["1", "none"],
1630
+ "display": ["flex"]
1631
1631
  },
1632
- "Pressable": {
1633
- "display": ["flex"],
1634
- "flexDirection": ["row"],
1635
- "alignItems": ["center"],
1636
- "justifyContent": ["space-between"],
1637
- "borderRadius": ["md"]
1632
+ "InternalComponent": {
1633
+ "flex": ["1"],
1634
+ "alignItems": ["center"]
1638
1635
  },
1639
1636
  "Text": {
1640
- "variant": ["title4"],
1641
- "color": ["primary"]
1642
- },
1643
- "HStack": {
1644
- "display": ["flex"],
1645
- "alignItems": ["center"],
1646
- "justifyContent": ["space-between"],
1647
- "columnGap": ["2.5"]
1637
+ "as": ["span"],
1638
+ "color": ["inherit"],
1639
+ "variant": ["inherit"]
1648
1640
  }
1649
1641
  },
1650
1642
  "propToVariantKeys": {},
1651
- "motionVarPrefixes": ["--uds-motion-smooth-3-"]
1643
+ "motionVarPrefixes": []
1644
+ };
1645
+ var DividerInternal = {
1646
+ "name": "DividerInternal",
1647
+ "defaultProps": { "variant": "primary" },
1648
+ "getStylesLiterals": {},
1649
+ "cxLiterals": ["inherit"],
1650
+ "internalComponents": ["DividerCore"],
1651
+ "internalComponentProps": {},
1652
+ "propToVariantKeys": { "variant": [
1653
+ "dividerVariantRoot",
1654
+ "dividerVariantLabel",
1655
+ "dividerVariantLine"
1656
+ ] },
1657
+ "motionVarPrefixes": []
1652
1658
  };
1653
1659
  var componentData_default = {
1654
- Link,
1655
- VStack,
1656
1660
  Box,
1657
- Icon,
1658
1661
  FormLabel,
1659
- Text,
1660
- IconSlot,
1661
1662
  HStack,
1663
+ Icon,
1664
+ IconSlot,
1662
1665
  Image,
1666
+ Link,
1667
+ Text,
1668
+ VStack,
1669
+ Spinner,
1670
+ "Table.mocks": Table_mocks,
1671
+ Table,
1672
+ Accordion,
1673
+ AvoidMotionLibraryProvider,
1674
+ Modal,
1675
+ Popover,
1676
+ SegmentedControl,
1677
+ SwitchV2,
1678
+ Tabs,
1679
+ AnimateHeightChange,
1680
+ Badge,
1663
1681
  Button,
1664
1682
  Checkbox,
1665
- SpringMotionConfig,
1666
1683
  IconButton,
1667
- Switch,
1668
- Badge,
1669
- AnimateHeightChange,
1670
1684
  Pressable,
1685
+ SpringMotionConfig,
1686
+ Switch,
1687
+ UDSBreakpointsConfigProvider,
1688
+ UDSConfigProvider,
1689
+ Tooltip,
1690
+ TooltipContent,
1691
+ TooltipTrigger,
1692
+ UDSTooltipConfigProvider,
1693
+ Toast,
1694
+ ToastContainer,
1695
+ ToastPortal,
1696
+ UDSToastConfigProvider,
1697
+ Radio,
1698
+ RadioGroupProvider,
1699
+ RadioGroupStore,
1700
+ "Menu.Content": Menu_Content,
1701
+ "Menu.Divider": Menu_Divider,
1671
1702
  "Menu.Item": Menu_Item,
1672
- "Menu.Provider": Menu_Provider,
1673
1703
  "Menu.ItemBase": Menu_ItemBase,
1704
+ "Menu.ItemCheckbox": Menu_ItemCheckbox,
1705
+ "Menu.Provider": Menu_Provider,
1674
1706
  "Menu.Trigger": Menu_Trigger,
1675
- "Menu.Content": Menu_Content,
1676
- "Menu.Divider": Menu_Divider,
1677
1707
  Menu,
1678
- "Menu.ItemCheckbox": Menu_ItemCheckbox,
1679
- ChipLink,
1680
- ChipDismissible,
1681
- ChipToggle,
1682
- Chip,
1683
- ChipBase,
1684
- ChipButton,
1685
- UDSConfigProvider,
1686
- UDSBreakpointsConfigProvider,
1687
1708
  Input,
1688
1709
  InputHelpText,
1689
1710
  InputHelpTextInternal,
1690
- UDSTooltipConfigProvider,
1691
- TooltipTrigger,
1692
- TooltipContent,
1693
- Tooltip,
1694
- RadioGroupStore,
1695
- RadioGroupProvider,
1696
- Radio,
1697
- UDSToastConfigProvider,
1698
- Toast,
1699
- ToastContainer,
1700
- ToastPortal,
1701
- AvatarImage,
1702
- AvatarText,
1711
+ Chip,
1712
+ ChipBase,
1713
+ ChipButton,
1714
+ ChipDismissible,
1715
+ ChipLink,
1716
+ ChipToggle,
1703
1717
  Avatar,
1704
1718
  AvatarIcon,
1705
- DividerCore,
1706
- DividerInternal,
1719
+ AvatarImage,
1720
+ AvatarText,
1707
1721
  Divider,
1708
- "Table.mocks": Table_mocks,
1709
- Table,
1710
- Spinner,
1711
- AvoidMotionLibraryProvider,
1712
- SegmentedControl,
1713
- Popover,
1714
- SwitchV2,
1715
- Tabs,
1716
- Modal,
1717
- Accordion
1722
+ DividerCore,
1723
+ DividerInternal
1718
1724
  };
1719
1725
 
1720
1726
  //#endregion