@yahoo/uds 3.142.0 → 3.143.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 (106) hide show
  1. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +1 -1
  2. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +1 -1
  3. package/dist/styles/styler.d.cts +3 -3
  4. package/dist/styles/styler.d.ts +3 -3
  5. package/dist/tailwind/dist/automated-config/dist/mapTextVariantFixtureToValue.js.map +1 -1
  6. package/dist/tailwind/dist/automated-config/dist/properties.js.map +1 -1
  7. package/dist/tailwind/dist/automated-config/dist/utils/assertUnreachable.js.map +1 -1
  8. package/dist/tailwind/dist/automated-config/dist/utils/generateDefaultClassName.js.map +1 -1
  9. package/dist/tailwind/dist/automated-config/dist/utils/generateSchemaKey.js.map +1 -1
  10. package/dist/tailwind/dist/automated-config/dist/utils/index.js.map +1 -1
  11. package/dist/tailwind/dist/automated-config/dist/utils/mapColorFixtureToValue.js.map +1 -1
  12. package/dist/tailwind/dist/cli/dist/lib/logger.js.map +1 -1
  13. package/dist/tailwind/dist/cli/dist/lib/print.js.map +1 -1
  14. package/dist/tailwind/dist/cli/dist/lib/spinner.js.map +1 -1
  15. package/dist/tailwind/dist/commands/css.helpers.js.map +1 -1
  16. package/dist/tailwind/dist/commands/css.js.map +1 -1
  17. package/dist/tailwind/dist/commands/generateComponentData.js.map +1 -1
  18. package/dist/tailwind/dist/commands/generatePurgeCSSData.js.map +1 -1
  19. package/dist/tailwind/dist/commands/purge.js.map +1 -1
  20. package/dist/tailwind/dist/css/generate.helpers.js.map +1 -1
  21. package/dist/tailwind/dist/css/generate.js.map +1 -1
  22. package/dist/tailwind/dist/css/nodeUtils.js.map +1 -1
  23. package/dist/tailwind/dist/css/perf.js.map +1 -1
  24. package/dist/tailwind/dist/css/postcss.helpers.js.map +1 -1
  25. package/dist/tailwind/dist/css/postcss.js.map +1 -1
  26. package/dist/tailwind/dist/css/purgeWorker.js.map +1 -1
  27. package/dist/tailwind/dist/css/runner.helpers.js.map +1 -1
  28. package/dist/tailwind/dist/css/runner.js.map +1 -1
  29. package/dist/tailwind/dist/css/utils.js.map +1 -1
  30. package/dist/tailwind/dist/css/workerPool.js.map +1 -1
  31. package/dist/tailwind/dist/css-tokens/dist/index.js.map +1 -1
  32. package/dist/tailwind/dist/fixtures/dist/index.cjs +0 -10
  33. package/dist/tailwind/dist/fixtures/dist/index.js +0 -10
  34. package/dist/tailwind/dist/fixtures/dist/index.js.map +1 -1
  35. package/dist/tailwind/dist/modes/dist/index.cjs +1 -0
  36. package/dist/tailwind/dist/modes/dist/index.js +1 -0
  37. package/dist/tailwind/dist/modes/dist/index.js.map +1 -1
  38. package/dist/tailwind/dist/plugin.js.map +1 -1
  39. package/dist/tailwind/dist/purger/legacy/purgeCSS.js.map +1 -1
  40. package/dist/tailwind/dist/purger/legacy/purgeFromCode.js.map +1 -1
  41. package/dist/tailwind/dist/purger/optimized/ast/expressions.js.map +1 -1
  42. package/dist/tailwind/dist/purger/optimized/purge.js.map +1 -1
  43. package/dist/tailwind/dist/purger/optimized/purgeFromCode.js.map +1 -1
  44. package/dist/tailwind/dist/purger/optimized/utils/componentAnalyzer.js.map +1 -1
  45. package/dist/tailwind/dist/purger/optimized/utils/files.js.map +1 -1
  46. package/dist/tailwind/dist/purger/optimized/utils/safelist.js.map +1 -1
  47. package/dist/tailwind/dist/runtimeConfig/hookMetadata.js.map +1 -1
  48. package/dist/tailwind/dist/tailwind/base/addColorModeVars.js.map +1 -1
  49. package/dist/tailwind/dist/tailwind/base/addColorModeVarsV2.js.map +1 -1
  50. package/dist/tailwind/dist/tailwind/base/addFontFaceDeclarations.js.map +1 -1
  51. package/dist/tailwind/dist/tailwind/base/addFontVars.js.map +1 -1
  52. package/dist/tailwind/dist/tailwind/base/addMotionVars.js.map +1 -1
  53. package/dist/tailwind/dist/tailwind/base/addScaleModeVars.js.map +1 -1
  54. package/dist/tailwind/dist/tailwind/components/getFocusRingStyles.js.map +1 -1
  55. package/dist/tailwind/dist/tailwind/components/getHitTargetStyles.js.map +1 -1
  56. package/dist/tailwind/dist/tailwind/components/getIconStyles.js.map +1 -1
  57. package/dist/tailwind/dist/tailwind/components/getInputStyles.js.map +1 -1
  58. package/dist/tailwind/dist/tailwind/components/getResponsiveTextStyles.js.map +1 -1
  59. package/dist/tailwind/dist/tailwind/plugins/a11y.js.map +1 -1
  60. package/dist/tailwind/dist/tailwind/plugins/blurBgFallback.js.map +1 -1
  61. package/dist/tailwind/dist/tailwind/plugins/borderRadius.js.map +1 -1
  62. package/dist/tailwind/dist/tailwind/plugins/borderWidth.js.map +1 -1
  63. package/dist/tailwind/dist/tailwind/plugins/breakpoints.js.map +1 -1
  64. package/dist/tailwind/dist/tailwind/plugins/colors.js.map +1 -1
  65. package/dist/tailwind/dist/tailwind/plugins/components.js.map +1 -1
  66. package/dist/tailwind/dist/tailwind/plugins/elevation.js.map +1 -1
  67. package/dist/tailwind/dist/tailwind/plugins/getTailwindAsUdsColors.js.map +1 -1
  68. package/dist/tailwind/dist/tailwind/plugins/icons.js.map +1 -1
  69. package/dist/tailwind/dist/tailwind/plugins/input.js.map +1 -1
  70. package/dist/tailwind/dist/tailwind/plugins/motion.js.map +1 -1
  71. package/dist/tailwind/dist/tailwind/plugins/nestedBorderRadius.js.map +1 -1
  72. package/dist/tailwind/dist/tailwind/plugins/scaleMode.js.map +1 -1
  73. package/dist/tailwind/dist/tailwind/plugins/shadows.js.map +1 -1
  74. package/dist/tailwind/dist/tailwind/plugins/sizing.js.map +1 -1
  75. package/dist/tailwind/dist/tailwind/plugins/typography.js.map +1 -1
  76. package/dist/tailwind/dist/tailwind/theme/getFontFamilyTheme.js.map +1 -1
  77. package/dist/tailwind/dist/tailwind/utils/addFontsPlugin.js.map +1 -1
  78. package/dist/tailwind/dist/tailwind/utils/composeTailwindPlugins.js.map +1 -1
  79. package/dist/tailwind/dist/tailwind/utils/getColorModeStyles.js.map +1 -1
  80. package/dist/tailwind/dist/tailwind/utils/getElevationStyles.js.map +1 -1
  81. package/dist/tailwind/dist/tailwind/utils/getFontFaceDeclarations.js.map +1 -1
  82. package/dist/tailwind/dist/tailwind/utils/getFontStyles.js.map +1 -1
  83. package/dist/tailwind/dist/tailwind/utils/getMotionStyles.js.map +1 -1
  84. package/dist/tailwind/dist/tailwind/utils/getNestedBorderRadiusUtilities.js.map +1 -1
  85. package/dist/tailwind/dist/tailwind/utils/getScaleModeStyles.js.map +1 -1
  86. package/dist/tailwind/dist/tailwind/utils/getShadowPresetValues.js.map +1 -1
  87. package/dist/tailwind/dist/tailwind/utils/getShadowStyles.js.map +1 -1
  88. package/dist/tailwind/dist/utils/assertUnreachable.js.map +1 -1
  89. package/dist/tailwind/dist/utils/entries.js.map +1 -1
  90. package/dist/tailwind/dist/utils/entryPoints.js.map +1 -1
  91. package/dist/tailwind/dist/utils/fromEntries.js.map +1 -1
  92. package/dist/tailwind/dist/utils/generatePurgeCSSData.js.map +1 -1
  93. package/dist/tailwind/dist/utils/mapValues.js.map +1 -1
  94. package/dist/tailwind/dist/utils/opacity.js.map +1 -1
  95. package/dist/tailwind/dist/utils/optimizeCSS.js.map +1 -1
  96. package/dist/tailwind/dist/utils/parseTokens.js.map +1 -1
  97. package/dist/tailwind/dist/utils/postcssPreserveVars.js.map +1 -1
  98. package/dist/tailwind/dist/utils/tsMorph.js.map +1 -1
  99. package/dist/uds/generated/componentData.cjs +1311 -1311
  100. package/dist/uds/generated/componentData.js +1311 -1311
  101. package/dist/uds/generated/tailwindPurge.cjs +3 -0
  102. package/dist/uds/generated/tailwindPurge.js +3 -0
  103. package/dist/uds/package.cjs +2 -2
  104. package/dist/uds/package.js +2 -2
  105. package/generated/componentData.json +1692 -1692
  106. package/package.json +3 -3
@@ -1,9 +1,32 @@
1
1
  {
2
- "Box": {
3
- "name": "Box",
2
+ "Icon": {
3
+ "name": "Icon",
4
4
  "defaultProps": {
5
- "as": "div",
6
- "display": "flex"
5
+ "size": "md",
6
+ "variant": "outline",
7
+ "color": "primary"
8
+ },
9
+ "getStylesLiterals": {
10
+ "flex": "none"
11
+ },
12
+ "cxLiterals": [
13
+ "[&_path]:fill-current"
14
+ ],
15
+ "internalComponents": [
16
+ "SVGIcon"
17
+ ],
18
+ "internalComponentProps": {},
19
+ "propToVariantKeys": {},
20
+ "runtimeConfigDefaultProps": {},
21
+ "runtimeConfigGetStyles": {},
22
+ "runtimeConfigInternalComponentProps": {},
23
+ "motionVarPrefixes": []
24
+ },
25
+ "Text": {
26
+ "name": "Text",
27
+ "defaultProps": {
28
+ "color": "primary",
29
+ "variant": "body1"
7
30
  },
8
31
  "getStylesLiterals": {},
9
32
  "cxLiterals": [],
@@ -12,12 +35,66 @@
12
35
  ],
13
36
  "internalComponentProps": {},
14
37
  "propToVariantKeys": {
15
- "elevationAlias": [
16
- "backgroundColor",
17
- "borderColor",
18
- "borderWidth",
19
- "dropShadow",
20
- "insetShadow"
38
+ "variant": [
39
+ "fontFamily",
40
+ "fontSize",
41
+ "fontWeight",
42
+ "lineHeight",
43
+ "textTransform",
44
+ "letterSpacing"
45
+ ]
46
+ },
47
+ "runtimeConfigDefaultProps": {},
48
+ "runtimeConfigGetStyles": {},
49
+ "runtimeConfigInternalComponentProps": {},
50
+ "motionVarPrefixes": []
51
+ },
52
+ "Image": {
53
+ "name": "Image",
54
+ "defaultProps": {},
55
+ "getStylesLiterals": {},
56
+ "cxLiterals": [],
57
+ "internalComponents": [],
58
+ "internalComponentProps": {},
59
+ "propToVariantKeys": {},
60
+ "runtimeConfigDefaultProps": {},
61
+ "runtimeConfigGetStyles": {},
62
+ "runtimeConfigInternalComponentProps": {},
63
+ "motionVarPrefixes": []
64
+ },
65
+ "Scrim": {
66
+ "name": "Scrim",
67
+ "defaultProps": {
68
+ "variant": "default",
69
+ "position": "fixed"
70
+ },
71
+ "getStylesLiterals": {},
72
+ "cxLiterals": [
73
+ "fixed",
74
+ "absolute",
75
+ "inset-0",
76
+ "z-40",
77
+ "transition-opacity",
78
+ "duration-150",
79
+ "motion-reduce:transition-none",
80
+ "data-[enter]:opacity-100",
81
+ "[&:not([data-enter])]:opacity-0",
82
+ "opacity-100",
83
+ "uds-bgBlurFallback"
84
+ ],
85
+ "internalComponents": [
86
+ "Box"
87
+ ],
88
+ "internalComponentProps": {
89
+ "Box": {
90
+ "display": [
91
+ "block"
92
+ ]
93
+ }
94
+ },
95
+ "propToVariantKeys": {
96
+ "variant": [
97
+ "scrimVariantRoot"
21
98
  ]
22
99
  },
23
100
  "runtimeConfigDefaultProps": {},
@@ -58,8 +135,8 @@
58
135
  "runtimeConfigInternalComponentProps": {},
59
136
  "motionVarPrefixes": []
60
137
  },
61
- "HStack": {
62
- "name": "HStack",
138
+ "VStack": {
139
+ "name": "VStack",
63
140
  "defaultProps": {},
64
141
  "getStylesLiterals": {},
65
142
  "cxLiterals": [],
@@ -69,14 +146,14 @@
69
146
  "internalComponentProps": {
70
147
  "Box": {
71
148
  "flexDirection": [
72
- "row"
149
+ "column"
73
150
  ]
74
151
  }
75
152
  },
76
153
  "propToVariantKeys": {
77
154
  "gap": [
78
- "rowGap",
79
- "columnGap"
155
+ "columnGap",
156
+ "rowGap"
80
157
  ]
81
158
  },
82
159
  "runtimeConfigDefaultProps": {},
@@ -84,29 +161,6 @@
84
161
  "runtimeConfigInternalComponentProps": {},
85
162
  "motionVarPrefixes": []
86
163
  },
87
- "Icon": {
88
- "name": "Icon",
89
- "defaultProps": {
90
- "size": "md",
91
- "variant": "outline",
92
- "color": "primary"
93
- },
94
- "getStylesLiterals": {
95
- "flex": "none"
96
- },
97
- "cxLiterals": [
98
- "[&_path]:fill-current"
99
- ],
100
- "internalComponents": [
101
- "SVGIcon"
102
- ],
103
- "internalComponentProps": {},
104
- "propToVariantKeys": {},
105
- "runtimeConfigDefaultProps": {},
106
- "runtimeConfigGetStyles": {},
107
- "runtimeConfigInternalComponentProps": {},
108
- "motionVarPrefixes": []
109
- },
110
164
  "IconSlot": {
111
165
  "name": "IconSlot",
112
166
  "defaultProps": {},
@@ -122,105 +176,25 @@
122
176
  "runtimeConfigInternalComponentProps": {},
123
177
  "motionVarPrefixes": []
124
178
  },
125
- "Image": {
126
- "name": "Image",
127
- "defaultProps": {},
128
- "getStylesLiterals": {},
129
- "cxLiterals": [],
130
- "internalComponents": [],
131
- "internalComponentProps": {},
132
- "propToVariantKeys": {},
133
- "runtimeConfigDefaultProps": {},
134
- "runtimeConfigGetStyles": {},
135
- "runtimeConfigInternalComponentProps": {},
136
- "motionVarPrefixes": []
137
- },
138
- "Link": {
139
- "name": "Link",
140
- "defaultProps": {
141
- "variant": "primary"
142
- },
143
- "getStylesLiterals": {
144
- "display": "inline-flex",
145
- "alignItems": "center"
146
- },
147
- "cxLiterals": [
148
- "uds-ring",
149
- "underline",
150
- "w-[0.7em]",
151
- "h-[0.7em]"
152
- ],
153
- "internalComponents": [
154
- "IconSlot"
155
- ],
156
- "internalComponentProps": {
157
- "IconSlot": {
158
- "data-testid": [
159
- "start-icon",
160
- "end-icon"
161
- ]
162
- }
163
- },
164
- "propToVariantKeys": {
165
- "textVariant": [
166
- "linkTextStyleRoot",
167
- "fontSize",
168
- "fontFamily",
169
- "fontWeight",
170
- "lineHeight",
171
- "textTransform",
172
- "linkTextStyleIcon"
173
- ],
174
- "variant": [
175
- "linkVariantRoot",
176
- "linkVariantIconStart",
177
- "linkVariantIconEnd"
178
- ],
179
- "startIcon": [
180
- "icon"
181
- ],
182
- "endIcon": [
183
- "icon"
184
- ]
185
- },
186
- "runtimeConfigDefaultProps": {},
187
- "runtimeConfigGetStyles": {},
188
- "runtimeConfigInternalComponentProps": {},
189
- "motionVarPrefixes": []
190
- },
191
- "Scrim": {
192
- "name": "Scrim",
179
+ "Box": {
180
+ "name": "Box",
193
181
  "defaultProps": {
194
- "variant": "default",
195
- "position": "fixed"
182
+ "as": "div",
183
+ "display": "flex"
196
184
  },
197
185
  "getStylesLiterals": {},
198
- "cxLiterals": [
199
- "fixed",
200
- "absolute",
201
- "inset-0",
202
- "z-40",
203
- "transition-opacity",
204
- "duration-150",
205
- "motion-reduce:transition-none",
206
- "data-[enter]:opacity-100",
207
- "[&:not([data-enter])]:opacity-0",
208
- "opacity-100",
209
- "uds-bgBlurFallback"
210
- ],
186
+ "cxLiterals": [],
211
187
  "internalComponents": [
212
- "Box"
188
+ "Comp"
213
189
  ],
214
- "internalComponentProps": {
215
- "Box": {
216
- "display": [
217
- "block"
218
- ]
219
- }
220
- },
190
+ "internalComponentProps": {},
221
191
  "propToVariantKeys": {
222
- "variant": [
223
- "scrimVariantRoot"
192
+ "elevationAlias": [
193
+ "backgroundColor",
194
+ "borderColor",
195
+ "borderWidth",
196
+ "dropShadow",
197
+ "insetShadow"
224
198
  ]
225
199
  },
226
200
  "runtimeConfigDefaultProps": {},
@@ -283,26 +257,25 @@
283
257
  "runtimeConfigInternalComponentProps": {},
284
258
  "motionVarPrefixes": []
285
259
  },
286
- "Text": {
287
- "name": "Text",
288
- "defaultProps": {
289
- "color": "primary",
290
- "variant": "body1"
291
- },
260
+ "HStack": {
261
+ "name": "HStack",
262
+ "defaultProps": {},
292
263
  "getStylesLiterals": {},
293
264
  "cxLiterals": [],
294
265
  "internalComponents": [
295
- "Comp"
266
+ "Box"
296
267
  ],
297
- "internalComponentProps": {},
268
+ "internalComponentProps": {
269
+ "Box": {
270
+ "flexDirection": [
271
+ "row"
272
+ ]
273
+ }
274
+ },
298
275
  "propToVariantKeys": {
299
- "variant": [
300
- "fontFamily",
301
- "fontSize",
302
- "fontWeight",
303
- "lineHeight",
304
- "textTransform",
305
- "letterSpacing"
276
+ "gap": [
277
+ "rowGap",
278
+ "columnGap"
306
279
  ]
307
280
  },
308
281
  "runtimeConfigDefaultProps": {},
@@ -310,25 +283,52 @@
310
283
  "runtimeConfigInternalComponentProps": {},
311
284
  "motionVarPrefixes": []
312
285
  },
313
- "VStack": {
314
- "name": "VStack",
315
- "defaultProps": {},
316
- "getStylesLiterals": {},
317
- "cxLiterals": [],
286
+ "Link": {
287
+ "name": "Link",
288
+ "defaultProps": {
289
+ "variant": "primary"
290
+ },
291
+ "getStylesLiterals": {
292
+ "display": "inline-flex",
293
+ "alignItems": "center"
294
+ },
295
+ "cxLiterals": [
296
+ "uds-ring",
297
+ "underline",
298
+ "w-[0.7em]",
299
+ "h-[0.7em]"
300
+ ],
318
301
  "internalComponents": [
319
- "Box"
302
+ "IconSlot"
320
303
  ],
321
304
  "internalComponentProps": {
322
- "Box": {
323
- "flexDirection": [
324
- "column"
305
+ "IconSlot": {
306
+ "data-testid": [
307
+ "start-icon",
308
+ "end-icon"
325
309
  ]
326
310
  }
327
311
  },
328
312
  "propToVariantKeys": {
329
- "gap": [
330
- "columnGap",
331
- "rowGap"
313
+ "textVariant": [
314
+ "linkTextStyleRoot",
315
+ "fontSize",
316
+ "fontFamily",
317
+ "fontWeight",
318
+ "lineHeight",
319
+ "textTransform",
320
+ "linkTextStyleIcon"
321
+ ],
322
+ "variant": [
323
+ "linkVariantRoot",
324
+ "linkVariantIconStart",
325
+ "linkVariantIconEnd"
326
+ ],
327
+ "startIcon": [
328
+ "icon"
329
+ ],
330
+ "endIcon": [
331
+ "icon"
332
332
  ]
333
333
  },
334
334
  "runtimeConfigDefaultProps": {},
@@ -336,6 +336,24 @@
336
336
  "runtimeConfigInternalComponentProps": {},
337
337
  "motionVarPrefixes": []
338
338
  },
339
+ "BannerDescription": {
340
+ "name": "BannerDescription",
341
+ "defaultProps": {},
342
+ "getStylesLiterals": {
343
+ "bannerSizeDescription": "default",
344
+ "className": "w-full line-clamp-3"
345
+ },
346
+ "cxLiterals": [],
347
+ "internalComponents": [
348
+ "Text"
349
+ ],
350
+ "internalComponentProps": {},
351
+ "propToVariantKeys": {},
352
+ "runtimeConfigDefaultProps": {},
353
+ "runtimeConfigGetStyles": {},
354
+ "runtimeConfigInternalComponentProps": {},
355
+ "motionVarPrefixes": []
356
+ },
339
357
  "Banner": {
340
358
  "name": "Banner",
341
359
  "defaultProps": {
@@ -452,24 +470,6 @@
452
470
  "runtimeConfigInternalComponentProps": {},
453
471
  "motionVarPrefixes": []
454
472
  },
455
- "BannerDescription": {
456
- "name": "BannerDescription",
457
- "defaultProps": {},
458
- "getStylesLiterals": {
459
- "bannerSizeDescription": "default",
460
- "className": "w-full line-clamp-3"
461
- },
462
- "cxLiterals": [],
463
- "internalComponents": [
464
- "Text"
465
- ],
466
- "internalComponentProps": {},
467
- "propToVariantKeys": {},
468
- "runtimeConfigDefaultProps": {},
469
- "runtimeConfigGetStyles": {},
470
- "runtimeConfigInternalComponentProps": {},
471
- "motionVarPrefixes": []
472
- },
473
473
  "BannerTitle": {
474
474
  "name": "BannerTitle",
475
475
  "defaultProps": {},
@@ -592,6 +592,19 @@
592
592
  "runtimeConfigInternalComponentProps": {},
593
593
  "motionVarPrefixes": []
594
594
  },
595
+ "Table.mocks": {
596
+ "name": "Table.mocks",
597
+ "defaultProps": {},
598
+ "getStylesLiterals": {},
599
+ "cxLiterals": [],
600
+ "internalComponents": [],
601
+ "internalComponentProps": {},
602
+ "propToVariantKeys": {},
603
+ "runtimeConfigDefaultProps": {},
604
+ "runtimeConfigGetStyles": {},
605
+ "runtimeConfigInternalComponentProps": {},
606
+ "motionVarPrefixes": []
607
+ },
595
608
  "Spinner": {
596
609
  "name": "Spinner",
597
610
  "defaultProps": {
@@ -626,19 +639,6 @@
626
639
  "runtimeConfigInternalComponentProps": {},
627
640
  "motionVarPrefixes": []
628
641
  },
629
- "Table.mocks": {
630
- "name": "Table.mocks",
631
- "defaultProps": {},
632
- "getStylesLiterals": {},
633
- "cxLiterals": [],
634
- "internalComponents": [],
635
- "internalComponentProps": {},
636
- "propToVariantKeys": {},
637
- "runtimeConfigDefaultProps": {},
638
- "runtimeConfigGetStyles": {},
639
- "runtimeConfigInternalComponentProps": {},
640
- "motionVarPrefixes": []
641
- },
642
642
  "Table": {
643
643
  "name": "Table",
644
644
  "defaultProps": {
@@ -678,6 +678,43 @@
678
678
  "runtimeConfigInternalComponentProps": {},
679
679
  "motionVarPrefixes": []
680
680
  },
681
+ "Pressable": {
682
+ "name": "Pressable",
683
+ "defaultProps": {},
684
+ "getStylesLiterals": {},
685
+ "cxLiterals": [],
686
+ "internalComponents": [
687
+ "Comp"
688
+ ],
689
+ "internalComponentProps": {},
690
+ "propToVariantKeys": {},
691
+ "runtimeConfigDefaultProps": {},
692
+ "runtimeConfigGetStyles": {},
693
+ "runtimeConfigInternalComponentProps": {},
694
+ "motionVarPrefixes": []
695
+ },
696
+ "SpringMotionConfig": {
697
+ "name": "SpringMotionConfig",
698
+ "defaultProps": {
699
+ "reducedMotion": "user"
700
+ },
701
+ "getStylesLiterals": {},
702
+ "cxLiterals": [],
703
+ "internalComponents": [
704
+ "LazyMotion",
705
+ "MotionConfig"
706
+ ],
707
+ "internalComponentProps": {},
708
+ "propToVariantKeys": {
709
+ "loadFeatures": [
710
+ "features"
711
+ ]
712
+ },
713
+ "runtimeConfigDefaultProps": {},
714
+ "runtimeConfigGetStyles": {},
715
+ "runtimeConfigInternalComponentProps": {},
716
+ "motionVarPrefixes": []
717
+ },
681
718
  "AnimateHeightChange": {
682
719
  "name": "AnimateHeightChange",
683
720
  "defaultProps": {},
@@ -708,65 +745,125 @@
708
745
  "--uds-motion-smooth-3-"
709
746
  ]
710
747
  },
711
- "Badge": {
712
- "name": "Badge",
748
+ "Switch": {
749
+ "name": "Switch",
713
750
  "defaultProps": {
714
- "variant": "primary",
751
+ "labelPosition": "start",
715
752
  "size": "md"
716
753
  },
717
- "getStylesLiterals": {},
754
+ "getStylesLiterals": {
755
+ "switchVariantRoot": "default",
756
+ "switchVariantActiveRoot": "on",
757
+ "switchVariantActiveRoot:1": "off",
758
+ "display": "flex",
759
+ "flexDirection": "row",
760
+ "flexDirection:1": "row-reverse",
761
+ "alignItems": "center",
762
+ "switchVariantSwitch": "default",
763
+ "switchVariantActiveSwitch": "on",
764
+ "switchVariantActiveSwitch:1": "off",
765
+ "borderRadius": "full",
766
+ "position": "relative",
767
+ "switchVariantActiveHandle": "on",
768
+ "switchVariantActiveHandle:1": "off",
769
+ "switchVariantHandle": "default",
770
+ "switchVariantHandleIcon": "default",
771
+ "switchVariantActiveHandleIcon": "on",
772
+ "switchVariantActiveHandleIcon:1": "off"
773
+ },
718
774
  "cxLiterals": [
719
- "flex-1",
720
- "truncate",
721
- "whitespace-nowrap",
722
- "text-center"
775
+ "group",
776
+ "cursor-pointer",
777
+ "cursor-default",
778
+ "opacity-50",
779
+ "uds-ring",
780
+ "uds-ring-within",
781
+ "transition-[background-color,box-shadow]",
782
+ "relative",
783
+ "pointer-events-none",
784
+ "uds-border-radius-full",
785
+ "overflow-hidden",
786
+ "absolute",
787
+ "top-0",
788
+ "left-0",
789
+ "right-0",
790
+ "bottom-0",
791
+ "opacity-95",
792
+ "group-hover:opacity-100",
793
+ "transition-[background-color,box-shadow,opacity]",
794
+ "opacity-0",
795
+ "top-1/2",
796
+ "left-1/2",
797
+ "transform",
798
+ "translate-x-[-50%]",
799
+ "translate-y-[-50%]",
800
+ "transition-opacity",
801
+ "cursor-[inherit]",
802
+ "w-[calc(100%+2px)]",
803
+ "h-[calc(100%+2px)]",
804
+ "text-start",
805
+ "text-end",
806
+ "opacity-100"
723
807
  ],
724
808
  "internalComponents": [
725
809
  "IconSlot",
726
- "HStack"
810
+ "Box",
811
+ "FormLabel",
812
+ "SpringMotionConfig",
813
+ "RootElement",
814
+ "MotionBox"
727
815
  ],
728
816
  "internalComponentProps": {
729
817
  "IconSlot": {
730
818
  "data-testid": [
731
- "start-icon",
732
- "end-icon"
819
+ "on-icon",
820
+ "off-icon"
733
821
  ]
734
822
  },
735
- "HStack": {
736
- "gap": [
737
- "2"
823
+ "FormLabel": {
824
+ "as": [
825
+ "div"
738
826
  ],
739
- "display": [
740
- "inline-flex"
827
+ "variant": [
828
+ "inherit"
741
829
  ],
742
- "alignItems": [
743
- "center"
830
+ "color": [
831
+ "inherit"
832
+ ]
833
+ },
834
+ "RootElement": {
835
+ "data-testid": [
836
+ "container"
744
837
  ]
745
838
  }
746
839
  },
747
840
  "propToVariantKeys": {
748
841
  "size": [
749
- "badgeSizeRoot",
750
- "badgeSizeIcon"
751
- ],
752
- "variant": [
753
- "badgeVariantRoot",
754
- "badgeVariantIcon"
842
+ "switchSizeRoot",
843
+ "switchSizeSwitch",
844
+ "switchSizeHandle",
845
+ "switchSizeHandleIcon"
755
846
  ],
756
- "startIcon": [
847
+ "onIcon": [
757
848
  "icon"
758
849
  ],
759
- "endIcon": [
850
+ "offIcon": [
760
851
  "icon"
852
+ ],
853
+ "reduceMotion": [
854
+ "reducedMotion"
761
855
  ]
762
856
  },
763
857
  "runtimeConfigDefaultProps": {},
764
858
  "runtimeConfigGetStyles": {},
765
859
  "runtimeConfigInternalComponentProps": {},
766
- "motionVarPrefixes": []
860
+ "motionVarPrefixes": [
861
+ "--uds-motion-bouncy-4-",
862
+ "--uds-motion-smooth-3-"
863
+ ]
767
864
  },
768
- "Button": {
769
- "name": "Button",
865
+ "IconButton": {
866
+ "name": "IconButton",
770
867
  "defaultProps": {
771
868
  "type": "button"
772
869
  },
@@ -778,27 +875,21 @@
778
875
  "overflow-hidden",
779
876
  "justify-center",
780
877
  "items-center",
781
- "whitespace-nowrap",
782
- "select-none",
783
878
  "[transform-origin:center]",
784
879
  "[backface-visibility:hidden]",
785
- "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
880
+ "[transition-property:color,background-color,border-color,",
881
+ "box-shadow,text-decoration-color,fill,stroke]",
786
882
  "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
787
883
  "[transition-duration:220ms]",
788
884
  "cursor-not-allowed",
789
885
  "uds-button-loading",
790
886
  "uds-button-without-effects",
791
- "withIcon",
792
- "uds-button-with-gap",
793
- "animate-spin",
794
- "truncate"
887
+ "animate-spin"
795
888
  ],
796
889
  "internalComponents": [
797
890
  "Icon",
798
- "IconSlot",
799
- "AnimatePresence",
800
891
  "SpringMotionConfig",
801
- "MotionSlot"
892
+ "AnimatePresence"
802
893
  ],
803
894
  "internalComponentProps": {
804
895
  "Icon": {
@@ -806,29 +897,21 @@
806
897
  "current"
807
898
  ]
808
899
  },
809
- "AnimatePresence": {
810
- "mode": [
811
- "popLayout"
812
- ]
813
- },
814
900
  "SpringMotionConfig": {
815
901
  "layoutSpeed": [
816
902
  "3"
817
903
  ]
818
904
  },
819
- "MotionSlot": {
820
- "whileHover": [
821
- "hover"
822
- ],
823
- "whileTap": [
824
- "pressed"
905
+ "AnimatePresence": {
906
+ "mode": [
907
+ "popLayout"
825
908
  ]
826
909
  }
827
910
  },
828
911
  "propToVariantKeys": {
829
912
  "size": [
830
- "buttonSizeRoot",
831
- "buttonSizeIcon"
913
+ "iconbuttonSizeRoot",
914
+ "iconbuttonSizeIcon"
832
915
  ],
833
916
  "variant": [
834
917
  "buttonVariantRoot",
@@ -836,6 +919,60 @@
836
919
  ],
837
920
  "iconVariant": [
838
921
  "variant"
922
+ ]
923
+ },
924
+ "runtimeConfigDefaultProps": {},
925
+ "runtimeConfigGetStyles": {},
926
+ "runtimeConfigInternalComponentProps": {},
927
+ "motionVarPrefixes": [
928
+ "--uds-motion-subtle-3-",
929
+ "--uds-motion-smooth-3-"
930
+ ]
931
+ },
932
+ "Badge": {
933
+ "name": "Badge",
934
+ "defaultProps": {
935
+ "variant": "primary",
936
+ "size": "md"
937
+ },
938
+ "getStylesLiterals": {},
939
+ "cxLiterals": [
940
+ "flex-1",
941
+ "truncate",
942
+ "whitespace-nowrap",
943
+ "text-center"
944
+ ],
945
+ "internalComponents": [
946
+ "IconSlot",
947
+ "HStack"
948
+ ],
949
+ "internalComponentProps": {
950
+ "IconSlot": {
951
+ "data-testid": [
952
+ "start-icon",
953
+ "end-icon"
954
+ ]
955
+ },
956
+ "HStack": {
957
+ "gap": [
958
+ "2"
959
+ ],
960
+ "display": [
961
+ "inline-flex"
962
+ ],
963
+ "alignItems": [
964
+ "center"
965
+ ]
966
+ }
967
+ },
968
+ "propToVariantKeys": {
969
+ "size": [
970
+ "badgeSizeRoot",
971
+ "badgeSizeIcon"
972
+ ],
973
+ "variant": [
974
+ "badgeVariantRoot",
975
+ "badgeVariantIcon"
839
976
  ],
840
977
  "startIcon": [
841
978
  "icon"
@@ -847,10 +984,7 @@
847
984
  "runtimeConfigDefaultProps": {},
848
985
  "runtimeConfigGetStyles": {},
849
986
  "runtimeConfigInternalComponentProps": {},
850
- "motionVarPrefixes": [
851
- "--uds-motion-subtle-3-",
852
- "--uds-motion-smooth-3-"
853
- ]
987
+ "motionVarPrefixes": []
854
988
  },
855
989
  "Checkbox": {
856
990
  "name": "Checkbox",
@@ -958,8 +1092,8 @@
958
1092
  "--uds-motion-smooth-3-"
959
1093
  ]
960
1094
  },
961
- "IconButton": {
962
- "name": "IconButton",
1095
+ "Button": {
1096
+ "name": "Button",
963
1097
  "defaultProps": {
964
1098
  "type": "button"
965
1099
  },
@@ -971,21 +1105,27 @@
971
1105
  "overflow-hidden",
972
1106
  "justify-center",
973
1107
  "items-center",
1108
+ "whitespace-nowrap",
1109
+ "select-none",
974
1110
  "[transform-origin:center]",
975
1111
  "[backface-visibility:hidden]",
976
- "[transition-property:color,background-color,border-color,",
977
- "box-shadow,text-decoration-color,fill,stroke]",
1112
+ "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
978
1113
  "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
979
1114
  "[transition-duration:220ms]",
980
1115
  "cursor-not-allowed",
981
1116
  "uds-button-loading",
982
1117
  "uds-button-without-effects",
983
- "animate-spin"
1118
+ "withIcon",
1119
+ "uds-button-with-gap",
1120
+ "animate-spin",
1121
+ "truncate"
984
1122
  ],
985
1123
  "internalComponents": [
986
1124
  "Icon",
1125
+ "IconSlot",
1126
+ "AnimatePresence",
987
1127
  "SpringMotionConfig",
988
- "AnimatePresence"
1128
+ "MotionSlot"
989
1129
  ],
990
1130
  "internalComponentProps": {
991
1131
  "Icon": {
@@ -993,21 +1133,29 @@
993
1133
  "current"
994
1134
  ]
995
1135
  },
1136
+ "AnimatePresence": {
1137
+ "mode": [
1138
+ "popLayout"
1139
+ ]
1140
+ },
996
1141
  "SpringMotionConfig": {
997
1142
  "layoutSpeed": [
998
1143
  "3"
999
1144
  ]
1000
1145
  },
1001
- "AnimatePresence": {
1002
- "mode": [
1003
- "popLayout"
1146
+ "MotionSlot": {
1147
+ "whileHover": [
1148
+ "hover"
1149
+ ],
1150
+ "whileTap": [
1151
+ "pressed"
1004
1152
  ]
1005
1153
  }
1006
1154
  },
1007
1155
  "propToVariantKeys": {
1008
1156
  "size": [
1009
- "iconbuttonSizeRoot",
1010
- "iconbuttonSizeIcon"
1157
+ "buttonSizeRoot",
1158
+ "buttonSizeIcon"
1011
1159
  ],
1012
1160
  "variant": [
1013
1161
  "buttonVariantRoot",
@@ -1015,6 +1163,12 @@
1015
1163
  ],
1016
1164
  "iconVariant": [
1017
1165
  "variant"
1166
+ ],
1167
+ "startIcon": [
1168
+ "icon"
1169
+ ],
1170
+ "endIcon": [
1171
+ "icon"
1018
1172
  ]
1019
1173
  },
1020
1174
  "runtimeConfigDefaultProps": {},
@@ -1025,14 +1179,100 @@
1025
1179
  "--uds-motion-smooth-3-"
1026
1180
  ]
1027
1181
  },
1028
- "Pressable": {
1029
- "name": "Pressable",
1030
- "defaultProps": {},
1182
+ "Accordion": {
1183
+ "name": "Accordion",
1184
+ "defaultProps": {
1185
+ "spacingHorizontal": "4",
1186
+ "spacingVertical": "4"
1187
+ },
1031
1188
  "getStylesLiterals": {},
1032
- "cxLiterals": [],
1189
+ "cxLiterals": [
1190
+ "hover:bg-secondary/80",
1191
+ "w-full"
1192
+ ],
1033
1193
  "internalComponents": [
1034
- "Comp"
1194
+ "Icon",
1195
+ "SpringMotionConfig",
1196
+ "Pressable",
1197
+ "Text",
1198
+ "HStack",
1199
+ "AnimatePresence",
1200
+ "VStack"
1035
1201
  ],
1202
+ "internalComponentProps": {
1203
+ "Icon": {
1204
+ "variant": [
1205
+ "fill"
1206
+ ],
1207
+ "size": [
1208
+ "sm"
1209
+ ],
1210
+ "color": [
1211
+ "primary"
1212
+ ]
1213
+ },
1214
+ "SpringMotionConfig": {
1215
+ "layoutVariant": [
1216
+ "smooth"
1217
+ ],
1218
+ "layoutSpeed": [
1219
+ "3"
1220
+ ]
1221
+ },
1222
+ "Pressable": {
1223
+ "display": [
1224
+ "flex"
1225
+ ],
1226
+ "flexDirection": [
1227
+ "row"
1228
+ ],
1229
+ "alignItems": [
1230
+ "center"
1231
+ ],
1232
+ "justifyContent": [
1233
+ "space-between"
1234
+ ],
1235
+ "borderRadius": [
1236
+ "md"
1237
+ ]
1238
+ },
1239
+ "Text": {
1240
+ "variant": [
1241
+ "title4"
1242
+ ],
1243
+ "color": [
1244
+ "primary"
1245
+ ]
1246
+ },
1247
+ "HStack": {
1248
+ "display": [
1249
+ "flex"
1250
+ ],
1251
+ "alignItems": [
1252
+ "center"
1253
+ ],
1254
+ "justifyContent": [
1255
+ "space-between"
1256
+ ],
1257
+ "columnGap": [
1258
+ "2.5"
1259
+ ]
1260
+ }
1261
+ },
1262
+ "propToVariantKeys": {},
1263
+ "runtimeConfigDefaultProps": {},
1264
+ "runtimeConfigGetStyles": {},
1265
+ "runtimeConfigInternalComponentProps": {},
1266
+ "motionVarPrefixes": [
1267
+ "--uds-motion-smooth-3-"
1268
+ ]
1269
+ },
1270
+ "AvoidMotionLibraryProvider": {
1271
+ "name": "AvoidMotionLibraryProvider",
1272
+ "defaultProps": {},
1273
+ "getStylesLiterals": {},
1274
+ "cxLiterals": [],
1275
+ "internalComponents": [],
1036
1276
  "internalComponentProps": {},
1037
1277
  "propToVariantKeys": {},
1038
1278
  "runtimeConfigDefaultProps": {},
@@ -1040,250 +1280,10 @@
1040
1280
  "runtimeConfigInternalComponentProps": {},
1041
1281
  "motionVarPrefixes": []
1042
1282
  },
1043
- "SpringMotionConfig": {
1044
- "name": "SpringMotionConfig",
1283
+ "SegmentedControl": {
1284
+ "name": "SegmentedControl",
1045
1285
  "defaultProps": {
1046
- "reducedMotion": "user"
1047
- },
1048
- "getStylesLiterals": {},
1049
- "cxLiterals": [],
1050
- "internalComponents": [
1051
- "LazyMotion",
1052
- "MotionConfig"
1053
- ],
1054
- "internalComponentProps": {},
1055
- "propToVariantKeys": {
1056
- "loadFeatures": [
1057
- "features"
1058
- ]
1059
- },
1060
- "runtimeConfigDefaultProps": {},
1061
- "runtimeConfigGetStyles": {},
1062
- "runtimeConfigInternalComponentProps": {},
1063
- "motionVarPrefixes": []
1064
- },
1065
- "Switch": {
1066
- "name": "Switch",
1067
- "defaultProps": {
1068
- "labelPosition": "start",
1069
- "size": "md"
1070
- },
1071
- "getStylesLiterals": {
1072
- "switchVariantRoot": "default",
1073
- "switchVariantActiveRoot": "on",
1074
- "switchVariantActiveRoot:1": "off",
1075
- "display": "flex",
1076
- "flexDirection": "row",
1077
- "flexDirection:1": "row-reverse",
1078
- "alignItems": "center",
1079
- "switchVariantSwitch": "default",
1080
- "switchVariantActiveSwitch": "on",
1081
- "switchVariantActiveSwitch:1": "off",
1082
- "borderRadius": "full",
1083
- "position": "relative",
1084
- "switchVariantActiveHandle": "on",
1085
- "switchVariantActiveHandle:1": "off",
1086
- "switchVariantHandle": "default",
1087
- "switchVariantHandleIcon": "default",
1088
- "switchVariantActiveHandleIcon": "on",
1089
- "switchVariantActiveHandleIcon:1": "off"
1090
- },
1091
- "cxLiterals": [
1092
- "group",
1093
- "cursor-pointer",
1094
- "cursor-default",
1095
- "opacity-50",
1096
- "uds-ring",
1097
- "uds-ring-within",
1098
- "transition-[background-color,box-shadow]",
1099
- "relative",
1100
- "pointer-events-none",
1101
- "uds-border-radius-full",
1102
- "overflow-hidden",
1103
- "absolute",
1104
- "top-0",
1105
- "left-0",
1106
- "right-0",
1107
- "bottom-0",
1108
- "opacity-95",
1109
- "group-hover:opacity-100",
1110
- "transition-[background-color,box-shadow,opacity]",
1111
- "opacity-0",
1112
- "top-1/2",
1113
- "left-1/2",
1114
- "transform",
1115
- "translate-x-[-50%]",
1116
- "translate-y-[-50%]",
1117
- "transition-opacity",
1118
- "cursor-[inherit]",
1119
- "w-[calc(100%+2px)]",
1120
- "h-[calc(100%+2px)]",
1121
- "text-start",
1122
- "text-end",
1123
- "opacity-100"
1124
- ],
1125
- "internalComponents": [
1126
- "IconSlot",
1127
- "Box",
1128
- "FormLabel",
1129
- "SpringMotionConfig",
1130
- "RootElement",
1131
- "MotionBox"
1132
- ],
1133
- "internalComponentProps": {
1134
- "IconSlot": {
1135
- "data-testid": [
1136
- "on-icon",
1137
- "off-icon"
1138
- ]
1139
- },
1140
- "FormLabel": {
1141
- "as": [
1142
- "div"
1143
- ],
1144
- "variant": [
1145
- "inherit"
1146
- ],
1147
- "color": [
1148
- "inherit"
1149
- ]
1150
- },
1151
- "RootElement": {
1152
- "data-testid": [
1153
- "container"
1154
- ]
1155
- }
1156
- },
1157
- "propToVariantKeys": {
1158
- "size": [
1159
- "switchSizeRoot",
1160
- "switchSizeSwitch",
1161
- "switchSizeHandle",
1162
- "switchSizeHandleIcon"
1163
- ],
1164
- "onIcon": [
1165
- "icon"
1166
- ],
1167
- "offIcon": [
1168
- "icon"
1169
- ],
1170
- "reduceMotion": [
1171
- "reducedMotion"
1172
- ]
1173
- },
1174
- "runtimeConfigDefaultProps": {},
1175
- "runtimeConfigGetStyles": {},
1176
- "runtimeConfigInternalComponentProps": {},
1177
- "motionVarPrefixes": [
1178
- "--uds-motion-bouncy-4-",
1179
- "--uds-motion-smooth-3-"
1180
- ]
1181
- },
1182
- "Accordion": {
1183
- "name": "Accordion",
1184
- "defaultProps": {
1185
- "spacingHorizontal": "4",
1186
- "spacingVertical": "4"
1187
- },
1188
- "getStylesLiterals": {},
1189
- "cxLiterals": [
1190
- "hover:bg-secondary/80",
1191
- "w-full"
1192
- ],
1193
- "internalComponents": [
1194
- "Icon",
1195
- "SpringMotionConfig",
1196
- "Pressable",
1197
- "Text",
1198
- "HStack",
1199
- "AnimatePresence",
1200
- "VStack"
1201
- ],
1202
- "internalComponentProps": {
1203
- "Icon": {
1204
- "variant": [
1205
- "fill"
1206
- ],
1207
- "size": [
1208
- "sm"
1209
- ],
1210
- "color": [
1211
- "primary"
1212
- ]
1213
- },
1214
- "SpringMotionConfig": {
1215
- "layoutVariant": [
1216
- "smooth"
1217
- ],
1218
- "layoutSpeed": [
1219
- "3"
1220
- ]
1221
- },
1222
- "Pressable": {
1223
- "display": [
1224
- "flex"
1225
- ],
1226
- "flexDirection": [
1227
- "row"
1228
- ],
1229
- "alignItems": [
1230
- "center"
1231
- ],
1232
- "justifyContent": [
1233
- "space-between"
1234
- ],
1235
- "borderRadius": [
1236
- "md"
1237
- ]
1238
- },
1239
- "Text": {
1240
- "variant": [
1241
- "title4"
1242
- ],
1243
- "color": [
1244
- "primary"
1245
- ]
1246
- },
1247
- "HStack": {
1248
- "display": [
1249
- "flex"
1250
- ],
1251
- "alignItems": [
1252
- "center"
1253
- ],
1254
- "justifyContent": [
1255
- "space-between"
1256
- ],
1257
- "columnGap": [
1258
- "2.5"
1259
- ]
1260
- }
1261
- },
1262
- "propToVariantKeys": {},
1263
- "runtimeConfigDefaultProps": {},
1264
- "runtimeConfigGetStyles": {},
1265
- "runtimeConfigInternalComponentProps": {},
1266
- "motionVarPrefixes": [
1267
- "--uds-motion-smooth-3-"
1268
- ]
1269
- },
1270
- "AvoidMotionLibraryProvider": {
1271
- "name": "AvoidMotionLibraryProvider",
1272
- "defaultProps": {},
1273
- "getStylesLiterals": {},
1274
- "cxLiterals": [],
1275
- "internalComponents": [],
1276
- "internalComponentProps": {},
1277
- "propToVariantKeys": {},
1278
- "runtimeConfigDefaultProps": {},
1279
- "runtimeConfigGetStyles": {},
1280
- "runtimeConfigInternalComponentProps": {},
1281
- "motionVarPrefixes": []
1282
- },
1283
- "SegmentedControl": {
1284
- "name": "SegmentedControl",
1285
- "defaultProps": {
1286
- "textVariant": "label2"
1286
+ "textVariant": "label2"
1287
1287
  },
1288
1288
  "getStylesLiterals": {
1289
1289
  "display": "flex",
@@ -1499,13 +1499,13 @@
1499
1499
  "--uds-motion-smooth-3-"
1500
1500
  ]
1501
1501
  },
1502
- "Avatar": {
1503
- "name": "Avatar",
1502
+ "UDSToastConfigProvider": {
1503
+ "name": "UDSToastConfigProvider",
1504
1504
  "defaultProps": {},
1505
1505
  "getStylesLiterals": {},
1506
1506
  "cxLiterals": [],
1507
1507
  "internalComponents": [
1508
- "AvatarImage"
1508
+ "ToastContext.Provider"
1509
1509
  ],
1510
1510
  "internalComponentProps": {},
1511
1511
  "propToVariantKeys": {},
@@ -1514,177 +1514,198 @@
1514
1514
  "runtimeConfigInternalComponentProps": {},
1515
1515
  "motionVarPrefixes": []
1516
1516
  },
1517
- "AvatarIcon": {
1518
- "name": "AvatarIcon",
1519
- "defaultProps": {
1520
- "size": "md",
1521
- "variant": "primary"
1522
- },
1517
+ "ToastPortal": {
1518
+ "name": "ToastPortal",
1519
+ "defaultProps": {},
1523
1520
  "getStylesLiterals": {},
1524
- "cxLiterals": [
1525
- "overflow-hidden",
1526
- "w-full",
1527
- "h-full",
1528
- "shrink-0",
1529
- "text-center",
1530
- "inline-flex",
1531
- "justify-center",
1532
- "items-center"
1533
- ],
1521
+ "cxLiterals": [],
1534
1522
  "internalComponents": [
1535
- "IconSlot",
1536
- "Box"
1523
+ "ReactToastifyToastContainer"
1537
1524
  ],
1538
1525
  "internalComponentProps": {},
1539
- "propToVariantKeys": {
1540
- "size": [
1541
- "avatarSizeIcon"
1542
- ]
1526
+ "propToVariantKeys": {},
1527
+ "runtimeConfigDefaultProps": {
1528
+ "size": "toast.defaultSize",
1529
+ "variant": "toast.defaultVariant"
1543
1530
  },
1544
- "runtimeConfigDefaultProps": {},
1545
1531
  "runtimeConfigGetStyles": {},
1546
- "runtimeConfigInternalComponentProps": {},
1532
+ "runtimeConfigInternalComponentProps": {
1533
+ "ReactToastifyToastContainer": {
1534
+ "autoClose": [
1535
+ "toast.autoClose"
1536
+ ]
1537
+ }
1538
+ },
1547
1539
  "motionVarPrefixes": []
1548
1540
  },
1549
- "AvatarImage": {
1550
- "name": "AvatarImage",
1551
- "defaultProps": {
1552
- "size": "md",
1553
- "variant": "primary"
1541
+ "Toast": {
1542
+ "name": "Toast",
1543
+ "defaultProps": {},
1544
+ "getStylesLiterals": {
1545
+ "className": "animate-spin",
1546
+ "className:1": "flex-none",
1547
+ "spacing": "2",
1548
+ "borderRadius": "full"
1554
1549
  },
1555
- "getStylesLiterals": {},
1556
1550
  "cxLiterals": [
1557
- "overflow-hidden",
1558
- "w-full",
1559
- "h-full",
1560
- "shrink-0",
1561
- "text-center",
1562
- "inline-flex",
1563
- "justify-center",
1564
- "items-center",
1565
- "object-cover"
1551
+ "duration-0",
1552
+ "duration-120",
1553
+ "transition-[background-color]",
1554
+ "bg-carbon-15/0",
1555
+ "hover:bg-carbon-15/10",
1556
+ "active:bg-carbon-15/15",
1557
+ "uds-ring"
1566
1558
  ],
1567
1559
  "internalComponents": [
1568
- "UDSImage",
1569
- "AvatarText",
1570
- "AvatarIcon",
1571
- "Box"
1560
+ "IconSlot",
1561
+ "ToastContainer",
1562
+ "Text",
1563
+ "Button",
1564
+ "Pressable"
1572
1565
  ],
1573
1566
  "internalComponentProps": {},
1574
1567
  "propToVariantKeys": {
1575
- "alt": [
1576
- "name"
1568
+ "size": [
1569
+ "toastSizeLabel",
1570
+ "toastSizeIcon",
1571
+ "toastSizeActionButton",
1572
+ "toastSizeCloseIcon"
1577
1573
  ],
1578
- "fallback": [
1579
- "initials"
1574
+ "variant": [
1575
+ "toastVariantIcon",
1576
+ "toastVariantActionButton",
1577
+ "toastVariantCloseIcon"
1578
+ ],
1579
+ "closeIcon": [
1580
+ "icon"
1581
+ ],
1582
+ "onClickActionButton": [
1583
+ "onClick"
1580
1584
  ]
1581
1585
  },
1582
- "runtimeConfigDefaultProps": {},
1583
- "runtimeConfigGetStyles": {},
1584
- "runtimeConfigInternalComponentProps": {},
1585
- "motionVarPrefixes": []
1586
- },
1587
- "AvatarText": {
1588
- "name": "AvatarText",
1589
- "defaultProps": {
1590
- "size": "md",
1591
- "variant": "primary"
1586
+ "runtimeConfigDefaultProps": {
1587
+ "size": "toast.defaultSize",
1588
+ "variant": "toast.defaultVariant"
1592
1589
  },
1593
- "getStylesLiterals": {},
1594
- "cxLiterals": [
1595
- "overflow-hidden",
1596
- "truncate",
1597
- "w-full",
1598
- "h-full",
1599
- "shrink-0",
1600
- "text-center",
1601
- "inline-flex",
1602
- "justify-center",
1603
- "items-center"
1604
- ],
1605
- "internalComponents": [
1606
- "Box",
1607
- "Text"
1608
- ],
1609
- "internalComponentProps": {
1590
+ "runtimeConfigGetStyles": {
1591
+ "toastSizeLabel": [
1592
+ "toast.defaultSize"
1593
+ ],
1594
+ "toastVariantIcon": [
1595
+ "toast.defaultVariant"
1596
+ ],
1597
+ "toastSizeIcon": [
1598
+ "toast.defaultSize"
1599
+ ],
1600
+ "toastSizeActionButton": [
1601
+ "toast.defaultSize"
1602
+ ],
1603
+ "toastVariantActionButton": [
1604
+ "toast.defaultVariant"
1605
+ ],
1606
+ "toastVariantCloseIcon": [
1607
+ "toast.defaultVariant"
1608
+ ],
1609
+ "toastSizeCloseIcon": [
1610
+ "toast.defaultSize"
1611
+ ]
1612
+ },
1613
+ "runtimeConfigInternalComponentProps": {
1614
+ "ToastContainer": {
1615
+ "size": [
1616
+ "toast.defaultSize"
1617
+ ],
1618
+ "variant": [
1619
+ "toast.defaultVariant"
1620
+ ]
1621
+ },
1610
1622
  "Text": {
1623
+ "variant": [
1624
+ "toast.textVariant.${size}"
1625
+ ],
1611
1626
  "color": [
1612
- "inherit"
1627
+ "toast.textColor.${variant}"
1628
+ ]
1629
+ },
1630
+ "Button": {
1631
+ "size": [
1632
+ "toast.buttonSize.${size}"
1613
1633
  ],
1614
1634
  "variant": [
1615
- "inherit"
1635
+ "toast.buttonVariant.${variant}"
1616
1636
  ]
1617
1637
  }
1618
1638
  },
1619
- "propToVariantKeys": {},
1620
- "runtimeConfigDefaultProps": {},
1621
- "runtimeConfigGetStyles": {},
1622
- "runtimeConfigInternalComponentProps": {},
1623
1639
  "motionVarPrefixes": []
1624
1640
  },
1625
- "BottomSheet": {
1626
- "name": "BottomSheet",
1627
- "defaultProps": {
1628
- "variant": "default"
1641
+ "ToastContainer": {
1642
+ "name": "ToastContainer",
1643
+ "defaultProps": {},
1644
+ "getStylesLiterals": {
1645
+ "position": "relative",
1646
+ "alignItems": "center",
1647
+ "display": "flex",
1648
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1629
1649
  },
1630
- "getStylesLiterals": {},
1631
1650
  "cxLiterals": [
1632
- "fixed",
1633
- "overflow-hidden",
1634
- "inset-x-0",
1635
- "bottom-0",
1636
- "z-50",
1637
- "[will-change:transform]",
1638
- "touch-none",
1639
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1640
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1641
- "transition-transform",
1642
- "duration-500",
1643
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
1644
- "motion-reduce:transition-none",
1645
- "top-[-4px]",
1646
- "z-[1]",
1647
- "touch-pan-y"
1651
+ "w-full"
1648
1652
  ],
1649
1653
  "internalComponents": [
1650
- "Scrim",
1651
- "BottomSheetHandle",
1652
- "Dialog",
1653
- "Box",
1654
- "BottomSheetInternalContext.Provider"
1654
+ "HStack"
1655
1655
  ],
1656
1656
  "internalComponentProps": {
1657
- "BottomSheetHandle": {
1658
- "ariaLabel": [
1659
- "Resize sheet"
1660
- ]
1661
- },
1662
- "Dialog": {
1663
- "data-testid": [
1664
- "bottom-sheet"
1665
- ]
1666
- },
1667
- "Box": {
1668
- "display": [
1669
- "block",
1670
- "flex"
1657
+ "HStack": {
1658
+ "alignItems": [
1659
+ "center"
1671
1660
  ],
1672
- "position": [
1673
- "absolute"
1661
+ "justifyContent": [
1662
+ "space-between"
1674
1663
  ],
1675
- "flexDirection": [
1676
- "column"
1664
+ "overflow": [
1665
+ "hidden"
1677
1666
  ],
1678
- "className": [
1679
- "absolute inset-0 min-h-0 p-[inherit]"
1667
+ "position": [
1668
+ "relative"
1680
1669
  ]
1681
1670
  }
1682
1671
  },
1683
1672
  "propToVariantKeys": {
1684
1673
  "variant": [
1685
- "bottomsheetVariantRoot"
1674
+ "toastVariantRoot"
1675
+ ],
1676
+ "size": [
1677
+ "toastSizeRoot"
1678
+ ]
1679
+ },
1680
+ "runtimeConfigDefaultProps": {
1681
+ "size": "toast.defaultSize",
1682
+ "variant": "toast.defaultVariant"
1683
+ },
1684
+ "runtimeConfigGetStyles": {
1685
+ "toastVariantRoot": [
1686
+ "toast.defaultVariant"
1687
+ ],
1688
+ "toastSizeRoot": [
1689
+ "toast.defaultSize"
1686
1690
  ]
1687
1691
  },
1692
+ "runtimeConfigInternalComponentProps": {
1693
+ "HStack": {
1694
+ "backgroundColor": [
1695
+ "toast.backgroundColor.${variant}"
1696
+ ]
1697
+ }
1698
+ },
1699
+ "motionVarPrefixes": []
1700
+ },
1701
+ "BottomSheetInternalContext": {
1702
+ "name": "BottomSheetInternalContext",
1703
+ "defaultProps": {},
1704
+ "getStylesLiterals": {},
1705
+ "cxLiterals": [],
1706
+ "internalComponents": [],
1707
+ "internalComponentProps": {},
1708
+ "propToVariantKeys": {},
1688
1709
  "runtimeConfigDefaultProps": {},
1689
1710
  "runtimeConfigGetStyles": {},
1690
1711
  "runtimeConfigInternalComponentProps": {},
@@ -1723,21 +1744,6 @@
1723
1744
  "runtimeConfigInternalComponentProps": {},
1724
1745
  "motionVarPrefixes": []
1725
1746
  },
1726
- "BottomSheetDismiss": {
1727
- "name": "BottomSheetDismiss",
1728
- "defaultProps": {},
1729
- "getStylesLiterals": {},
1730
- "cxLiterals": [],
1731
- "internalComponents": [
1732
- "AriakitDialogDismiss"
1733
- ],
1734
- "internalComponentProps": {},
1735
- "propToVariantKeys": {},
1736
- "runtimeConfigDefaultProps": {},
1737
- "runtimeConfigGetStyles": {},
1738
- "runtimeConfigInternalComponentProps": {},
1739
- "motionVarPrefixes": []
1740
- },
1741
1747
  "BottomSheetHandle": {
1742
1748
  "name": "BottomSheetHandle",
1743
1749
  "defaultProps": {
@@ -1761,22 +1767,90 @@
1761
1767
  "rounded-full"
1762
1768
  ],
1763
1769
  "internalComponents": [
1764
- "Box"
1770
+ "Box"
1771
+ ],
1772
+ "internalComponentProps": {
1773
+ "Box": {
1774
+ "display": [
1775
+ "block",
1776
+ "flex"
1777
+ ],
1778
+ "justifyContent": [
1779
+ "center"
1780
+ ]
1781
+ }
1782
+ },
1783
+ "propToVariantKeys": {
1784
+ "variant": [
1785
+ "bottomsheetVariantHandleIndicator"
1786
+ ]
1787
+ },
1788
+ "runtimeConfigDefaultProps": {},
1789
+ "runtimeConfigGetStyles": {},
1790
+ "runtimeConfigInternalComponentProps": {},
1791
+ "motionVarPrefixes": []
1792
+ },
1793
+ "BottomSheet": {
1794
+ "name": "BottomSheet",
1795
+ "defaultProps": {
1796
+ "variant": "default"
1797
+ },
1798
+ "getStylesLiterals": {},
1799
+ "cxLiterals": [
1800
+ "fixed",
1801
+ "overflow-hidden",
1802
+ "inset-x-0",
1803
+ "bottom-0",
1804
+ "z-50",
1805
+ "[will-change:transform]",
1806
+ "touch-none",
1807
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1808
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1809
+ "transition-transform",
1810
+ "duration-500",
1811
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
1812
+ "motion-reduce:transition-none",
1813
+ "top-[-4px]",
1814
+ "z-[1]",
1815
+ "touch-pan-y"
1816
+ ],
1817
+ "internalComponents": [
1818
+ "Scrim",
1819
+ "BottomSheetHandle",
1820
+ "Dialog",
1821
+ "Box",
1822
+ "BottomSheetInternalContext.Provider"
1765
1823
  ],
1766
1824
  "internalComponentProps": {
1825
+ "BottomSheetHandle": {
1826
+ "ariaLabel": [
1827
+ "Resize sheet"
1828
+ ]
1829
+ },
1830
+ "Dialog": {
1831
+ "data-testid": [
1832
+ "bottom-sheet"
1833
+ ]
1834
+ },
1767
1835
  "Box": {
1768
1836
  "display": [
1769
1837
  "block",
1770
1838
  "flex"
1771
1839
  ],
1772
- "justifyContent": [
1773
- "center"
1840
+ "position": [
1841
+ "absolute"
1842
+ ],
1843
+ "flexDirection": [
1844
+ "column"
1845
+ ],
1846
+ "className": [
1847
+ "absolute inset-0 min-h-0 p-[inherit]"
1774
1848
  ]
1775
1849
  }
1776
1850
  },
1777
1851
  "propToVariantKeys": {
1778
1852
  "variant": [
1779
- "bottomsheetVariantHandleIndicator"
1853
+ "bottomsheetVariantRoot"
1780
1854
  ]
1781
1855
  },
1782
1856
  "runtimeConfigDefaultProps": {},
@@ -1849,12 +1923,14 @@
1849
1923
  "runtimeConfigInternalComponentProps": {},
1850
1924
  "motionVarPrefixes": []
1851
1925
  },
1852
- "BottomSheetInternalContext": {
1853
- "name": "BottomSheetInternalContext",
1926
+ "BottomSheetTrigger": {
1927
+ "name": "BottomSheetTrigger",
1854
1928
  "defaultProps": {},
1855
1929
  "getStylesLiterals": {},
1856
1930
  "cxLiterals": [],
1857
- "internalComponents": [],
1931
+ "internalComponents": [
1932
+ "AriakitDialogDisclosure"
1933
+ ],
1858
1934
  "internalComponentProps": {},
1859
1935
  "propToVariantKeys": {},
1860
1936
  "runtimeConfigDefaultProps": {},
@@ -1862,13 +1938,13 @@
1862
1938
  "runtimeConfigInternalComponentProps": {},
1863
1939
  "motionVarPrefixes": []
1864
1940
  },
1865
- "BottomSheetProvider": {
1866
- "name": "BottomSheetProvider",
1941
+ "UDSBottomSheetConfigProvider": {
1942
+ "name": "UDSBottomSheetConfigProvider",
1867
1943
  "defaultProps": {},
1868
1944
  "getStylesLiterals": {},
1869
1945
  "cxLiterals": [],
1870
1946
  "internalComponents": [
1871
- "AriakitDialogProvider"
1947
+ "BottomSheetContext.Provider"
1872
1948
  ],
1873
1949
  "internalComponentProps": {},
1874
1950
  "propToVariantKeys": {},
@@ -1877,13 +1953,13 @@
1877
1953
  "runtimeConfigInternalComponentProps": {},
1878
1954
  "motionVarPrefixes": []
1879
1955
  },
1880
- "BottomSheetTrigger": {
1881
- "name": "BottomSheetTrigger",
1956
+ "BottomSheetDismiss": {
1957
+ "name": "BottomSheetDismiss",
1882
1958
  "defaultProps": {},
1883
1959
  "getStylesLiterals": {},
1884
1960
  "cxLiterals": [],
1885
1961
  "internalComponents": [
1886
- "AriakitDialogDisclosure"
1962
+ "AriakitDialogDismiss"
1887
1963
  ],
1888
1964
  "internalComponentProps": {},
1889
1965
  "propToVariantKeys": {},
@@ -1892,13 +1968,13 @@
1892
1968
  "runtimeConfigInternalComponentProps": {},
1893
1969
  "motionVarPrefixes": []
1894
1970
  },
1895
- "UDSBottomSheetConfigProvider": {
1896
- "name": "UDSBottomSheetConfigProvider",
1971
+ "BottomSheetProvider": {
1972
+ "name": "BottomSheetProvider",
1897
1973
  "defaultProps": {},
1898
1974
  "getStylesLiterals": {},
1899
1975
  "cxLiterals": [],
1900
1976
  "internalComponents": [
1901
- "BottomSheetContext.Provider"
1977
+ "AriakitDialogProvider"
1902
1978
  ],
1903
1979
  "internalComponentProps": {},
1904
1980
  "propToVariantKeys": {},
@@ -1907,19 +1983,97 @@
1907
1983
  "runtimeConfigInternalComponentProps": {},
1908
1984
  "motionVarPrefixes": []
1909
1985
  },
1910
- "Chip": {
1911
- "name": "Chip",
1912
- "defaultProps": {},
1986
+ "ChipLink": {
1987
+ "name": "ChipLink",
1988
+ "defaultProps": {
1989
+ "variant": "primary"
1990
+ },
1913
1991
  "getStylesLiterals": {},
1914
- "cxLiterals": [],
1992
+ "cxLiterals": [
1993
+ "uds-ring"
1994
+ ],
1915
1995
  "internalComponents": [
1916
- "ChipDismissible",
1917
- "ChipToggle",
1918
- "ChipLink",
1919
- "ChipButton"
1996
+ "ChipBase"
1997
+ ],
1998
+ "internalComponentProps": {
1999
+ "ChipBase": {
2000
+ "as": [
2001
+ "a"
2002
+ ]
2003
+ }
2004
+ },
2005
+ "propToVariantKeys": {
2006
+ "variant": [
2007
+ "chipLinkVariantRoot",
2008
+ "chipLinkVariantIcon"
2009
+ ]
2010
+ },
2011
+ "runtimeConfigDefaultProps": {},
2012
+ "runtimeConfigGetStyles": {},
2013
+ "runtimeConfigInternalComponentProps": {},
2014
+ "motionVarPrefixes": []
2015
+ },
2016
+ "ChipDismissible": {
2017
+ "name": "ChipDismissible",
2018
+ "defaultProps": {
2019
+ "variant": "primary"
2020
+ },
2021
+ "getStylesLiterals": {},
2022
+ "cxLiterals": [
2023
+ "uds-chip-dismissible-button",
2024
+ "uds-hit-target",
2025
+ "uds-ring",
2026
+ "rounded-full"
2027
+ ],
2028
+ "internalComponents": [
2029
+ "ChipBase",
2030
+ "IconSlot",
2031
+ "Pressable"
1920
2032
  ],
1921
2033
  "internalComponentProps": {},
1922
- "propToVariantKeys": {},
2034
+ "propToVariantKeys": {
2035
+ "variant": [
2036
+ "chipDismissibleVariantRoot",
2037
+ "chipDismissibleVariantIcon"
2038
+ ],
2039
+ "dismissButtonAriaLabel": [
2040
+ "aria-label"
2041
+ ]
2042
+ },
2043
+ "runtimeConfigDefaultProps": {},
2044
+ "runtimeConfigGetStyles": {},
2045
+ "runtimeConfigInternalComponentProps": {},
2046
+ "motionVarPrefixes": []
2047
+ },
2048
+ "ChipToggle": {
2049
+ "name": "ChipToggle",
2050
+ "defaultProps": {
2051
+ "variant": "primary",
2052
+ "role": "checkbox"
2053
+ },
2054
+ "getStylesLiterals": {
2055
+ "chipToggleVariantActiveRoot": "on",
2056
+ "chipToggleVariantActiveRoot:1": "off"
2057
+ },
2058
+ "cxLiterals": [
2059
+ "uds-ring"
2060
+ ],
2061
+ "internalComponents": [
2062
+ "ChipBase"
2063
+ ],
2064
+ "internalComponentProps": {
2065
+ "ChipBase": {
2066
+ "as": [
2067
+ "button"
2068
+ ]
2069
+ }
2070
+ },
2071
+ "propToVariantKeys": {
2072
+ "variant": [
2073
+ "chipToggleVariantRoot",
2074
+ "chipToggleVariantIcon"
2075
+ ]
2076
+ },
1923
2077
  "runtimeConfigDefaultProps": {},
1924
2078
  "runtimeConfigGetStyles": {},
1925
2079
  "runtimeConfigInternalComponentProps": {},
@@ -1980,6 +2134,24 @@
1980
2134
  "runtimeConfigInternalComponentProps": {},
1981
2135
  "motionVarPrefixes": []
1982
2136
  },
2137
+ "Chip": {
2138
+ "name": "Chip",
2139
+ "defaultProps": {},
2140
+ "getStylesLiterals": {},
2141
+ "cxLiterals": [],
2142
+ "internalComponents": [
2143
+ "ChipDismissible",
2144
+ "ChipToggle",
2145
+ "ChipLink",
2146
+ "ChipButton"
2147
+ ],
2148
+ "internalComponentProps": {},
2149
+ "propToVariantKeys": {},
2150
+ "runtimeConfigDefaultProps": {},
2151
+ "runtimeConfigGetStyles": {},
2152
+ "runtimeConfigInternalComponentProps": {},
2153
+ "motionVarPrefixes": []
2154
+ },
1983
2155
  "ChipButton": {
1984
2156
  "name": "ChipButton",
1985
2157
  "defaultProps": {
@@ -2010,31 +2182,69 @@
2010
2182
  "runtimeConfigInternalComponentProps": {},
2011
2183
  "motionVarPrefixes": []
2012
2184
  },
2013
- "ChipDismissible": {
2014
- "name": "ChipDismissible",
2185
+ "AvatarText": {
2186
+ "name": "AvatarText",
2015
2187
  "defaultProps": {
2188
+ "size": "md",
2016
2189
  "variant": "primary"
2017
2190
  },
2018
2191
  "getStylesLiterals": {},
2019
2192
  "cxLiterals": [
2020
- "uds-chip-dismissible-button",
2021
- "uds-hit-target",
2022
- "uds-ring",
2023
- "rounded-full"
2193
+ "overflow-hidden",
2194
+ "truncate",
2195
+ "w-full",
2196
+ "h-full",
2197
+ "shrink-0",
2198
+ "text-center",
2199
+ "inline-flex",
2200
+ "justify-center",
2201
+ "items-center"
2202
+ ],
2203
+ "internalComponents": [
2204
+ "Box",
2205
+ "Text"
2206
+ ],
2207
+ "internalComponentProps": {
2208
+ "Text": {
2209
+ "color": [
2210
+ "inherit"
2211
+ ],
2212
+ "variant": [
2213
+ "inherit"
2214
+ ]
2215
+ }
2216
+ },
2217
+ "propToVariantKeys": {},
2218
+ "runtimeConfigDefaultProps": {},
2219
+ "runtimeConfigGetStyles": {},
2220
+ "runtimeConfigInternalComponentProps": {},
2221
+ "motionVarPrefixes": []
2222
+ },
2223
+ "AvatarIcon": {
2224
+ "name": "AvatarIcon",
2225
+ "defaultProps": {
2226
+ "size": "md",
2227
+ "variant": "primary"
2228
+ },
2229
+ "getStylesLiterals": {},
2230
+ "cxLiterals": [
2231
+ "overflow-hidden",
2232
+ "w-full",
2233
+ "h-full",
2234
+ "shrink-0",
2235
+ "text-center",
2236
+ "inline-flex",
2237
+ "justify-center",
2238
+ "items-center"
2024
2239
  ],
2025
2240
  "internalComponents": [
2026
- "ChipBase",
2027
2241
  "IconSlot",
2028
- "Pressable"
2242
+ "Box"
2029
2243
  ],
2030
2244
  "internalComponentProps": {},
2031
2245
  "propToVariantKeys": {
2032
- "variant": [
2033
- "chipDismissibleVariantRoot",
2034
- "chipDismissibleVariantIcon"
2035
- ],
2036
- "dismissButtonAriaLabel": [
2037
- "aria-label"
2246
+ "size": [
2247
+ "avatarSizeIcon"
2038
2248
  ]
2039
2249
  },
2040
2250
  "runtimeConfigDefaultProps": {},
@@ -2042,29 +2252,52 @@
2042
2252
  "runtimeConfigInternalComponentProps": {},
2043
2253
  "motionVarPrefixes": []
2044
2254
  },
2045
- "ChipLink": {
2046
- "name": "ChipLink",
2255
+ "Avatar": {
2256
+ "name": "Avatar",
2257
+ "defaultProps": {},
2258
+ "getStylesLiterals": {},
2259
+ "cxLiterals": [],
2260
+ "internalComponents": [
2261
+ "AvatarImage"
2262
+ ],
2263
+ "internalComponentProps": {},
2264
+ "propToVariantKeys": {},
2265
+ "runtimeConfigDefaultProps": {},
2266
+ "runtimeConfigGetStyles": {},
2267
+ "runtimeConfigInternalComponentProps": {},
2268
+ "motionVarPrefixes": []
2269
+ },
2270
+ "AvatarImage": {
2271
+ "name": "AvatarImage",
2047
2272
  "defaultProps": {
2273
+ "size": "md",
2048
2274
  "variant": "primary"
2049
2275
  },
2050
2276
  "getStylesLiterals": {},
2051
2277
  "cxLiterals": [
2052
- "uds-ring"
2278
+ "overflow-hidden",
2279
+ "w-full",
2280
+ "h-full",
2281
+ "shrink-0",
2282
+ "text-center",
2283
+ "inline-flex",
2284
+ "justify-center",
2285
+ "items-center",
2286
+ "object-cover"
2053
2287
  ],
2054
2288
  "internalComponents": [
2055
- "ChipBase"
2289
+ "UDSImage",
2290
+ "AvatarText",
2291
+ "AvatarIcon",
2292
+ "Box"
2056
2293
  ],
2057
- "internalComponentProps": {
2058
- "ChipBase": {
2059
- "as": [
2060
- "a"
2061
- ]
2062
- }
2063
- },
2294
+ "internalComponentProps": {},
2064
2295
  "propToVariantKeys": {
2065
- "variant": [
2066
- "chipLinkVariantRoot",
2067
- "chipLinkVariantIcon"
2296
+ "alt": [
2297
+ "name"
2298
+ ],
2299
+ "fallback": [
2300
+ "initials"
2068
2301
  ]
2069
2302
  },
2070
2303
  "runtimeConfigDefaultProps": {},
@@ -2072,73 +2305,36 @@
2072
2305
  "runtimeConfigInternalComponentProps": {},
2073
2306
  "motionVarPrefixes": []
2074
2307
  },
2075
- "ChipToggle": {
2076
- "name": "ChipToggle",
2077
- "defaultProps": {
2078
- "variant": "primary",
2079
- "role": "checkbox"
2080
- },
2081
- "getStylesLiterals": {
2082
- "chipToggleVariantActiveRoot": "on",
2083
- "chipToggleVariantActiveRoot:1": "off"
2084
- },
2085
- "cxLiterals": [
2086
- "uds-ring"
2087
- ],
2308
+ "TabPanel": {
2309
+ "name": "TabPanel",
2310
+ "defaultProps": {},
2311
+ "getStylesLiterals": {},
2312
+ "cxLiterals": [],
2088
2313
  "internalComponents": [
2089
- "ChipBase"
2314
+ "AriakitTabPanel"
2090
2315
  ],
2091
- "internalComponentProps": {
2092
- "ChipBase": {
2093
- "as": [
2094
- "button"
2095
- ]
2096
- }
2097
- },
2098
- "propToVariantKeys": {
2099
- "variant": [
2100
- "chipToggleVariantRoot",
2101
- "chipToggleVariantIcon"
2102
- ]
2103
- },
2316
+ "internalComponentProps": {},
2317
+ "propToVariantKeys": {},
2104
2318
  "runtimeConfigDefaultProps": {},
2105
2319
  "runtimeConfigGetStyles": {},
2106
2320
  "runtimeConfigInternalComponentProps": {},
2107
2321
  "motionVarPrefixes": []
2108
2322
  },
2109
- "Menu.Content": {
2110
- "name": "Menu.Content",
2323
+ "Tabs": {
2324
+ "name": "Tabs",
2111
2325
  "defaultProps": {
2112
- "size": "default",
2113
- "variant": "default",
2114
- "gutter": "1"
2326
+ "variant": "primary"
2115
2327
  },
2116
2328
  "getStylesLiterals": {},
2117
- "cxLiterals": [
2118
- "uds-menu-content",
2119
- "transition-shadow",
2120
- "duration-200",
2121
- "ease-in-out",
2122
- "min-w-60",
2123
- "max-w-lg",
2124
- "max-h-96",
2125
- "overflow-auto",
2126
- "uds-ring",
2127
- "z-10",
2128
- "group"
2129
- ],
2329
+ "cxLiterals": [],
2130
2330
  "internalComponents": [
2131
- "AriakitMenu",
2132
- "AnimatePresence",
2133
- "MotionVStack"
2331
+ "TabsContext.Provider",
2332
+ "TabProvider"
2134
2333
  ],
2135
2334
  "internalComponentProps": {},
2136
2335
  "propToVariantKeys": {
2137
- "size": [
2138
- "menucontentSizeRoot"
2139
- ],
2140
- "variant": [
2141
- "menucontentVariantRoot"
2336
+ "onSelectionChange": [
2337
+ "setSelectedId"
2142
2338
  ]
2143
2339
  },
2144
2340
  "runtimeConfigDefaultProps": {},
@@ -2146,131 +2342,130 @@
2146
2342
  "runtimeConfigInternalComponentProps": {},
2147
2343
  "motionVarPrefixes": []
2148
2344
  },
2149
- "Menu.Divider": {
2150
- "name": "Menu.Divider",
2345
+ "TabList": {
2346
+ "name": "TabList",
2151
2347
  "defaultProps": {
2152
- "role": "separator",
2153
- "contentPosition": "start",
2154
- "gap": "4"
2348
+ "variant": "primary"
2155
2349
  },
2156
2350
  "getStylesLiterals": {
2157
- "menuitemDividerVariantRoot": "default",
2158
- "menuitemDividerVariantText": "default",
2159
- "menuitemDividerVariantLine": "default"
2351
+ "tabSizeRoot": "default",
2352
+ "tabVariantActiveRoot": "on"
2160
2353
  },
2161
- "cxLiterals": [],
2162
- "internalComponents": [
2163
- "Divider"
2354
+ "cxLiterals": [
2355
+ "pointer-events-none",
2356
+ "absolute",
2357
+ "bottom-0",
2358
+ "left-0",
2359
+ "right-0",
2360
+ "h-[var(--uds-tab-underline-width,0px)]",
2361
+ "bg-[var(--uds-tab-underline-color,transparent)]",
2362
+ "transition-[height,background-color]",
2363
+ "duration-[240ms]",
2364
+ "ease-[cubic-bezier(0.2,0,0,1)]",
2365
+ "!m-0",
2366
+ "!p-0",
2367
+ "!gap-0",
2368
+ "box-border",
2369
+ "z-0",
2370
+ "min-w-0",
2371
+ "min-h-0",
2372
+ "flex",
2373
+ "flex-row",
2374
+ "items-center",
2375
+ "overflow-x-auto",
2376
+ "overflow-y-clip",
2377
+ "scrollbar-none",
2378
+ "[overflow-clip-margin:6px]",
2379
+ "overflow-clip",
2380
+ "[overflow-clip-margin:8px]",
2381
+ "relative"
2164
2382
  ],
2165
- "internalComponentProps": {
2166
- "Divider": {
2167
- "variant": [
2168
- "inherit"
2169
- ]
2170
- }
2171
- },
2172
- "propToVariantKeys": {},
2173
- "runtimeConfigDefaultProps": {},
2174
- "runtimeConfigGetStyles": {},
2175
- "runtimeConfigInternalComponentProps": {},
2176
- "motionVarPrefixes": []
2177
- },
2178
- "Menu.Item": {
2179
- "name": "Menu.Item",
2180
- "defaultProps": {},
2181
- "getStylesLiterals": {
2182
- "menuitemItemVariantRoot": "default",
2183
- "menuitemItemVariantActiveRoot": "on",
2184
- "menuitemItemVariantActiveRoot:1": "off",
2185
- "menuitemItemVariantText": "default",
2186
- "menuitemItemVariantActiveText": "on",
2187
- "menuitemItemVariantActiveText:1": "off",
2188
- "menuitemItemVariantIcon": "default",
2189
- "menuitemItemVariantActiveIcon": "on",
2190
- "menuitemItemVariantActiveIcon:1": "off"
2191
- },
2192
- "cxLiterals": [],
2193
2383
  "internalComponents": [
2194
- "MenuItemBase"
2384
+ "AriakitTabList"
2195
2385
  ],
2196
2386
  "internalComponentProps": {},
2197
- "propToVariantKeys": {},
2387
+ "propToVariantKeys": {
2388
+ "variant": [
2389
+ "tabsVariantRoot",
2390
+ "tabVariantRoot"
2391
+ ]
2392
+ },
2198
2393
  "runtimeConfigDefaultProps": {},
2199
2394
  "runtimeConfigGetStyles": {},
2200
2395
  "runtimeConfigInternalComponentProps": {},
2201
2396
  "motionVarPrefixes": []
2202
2397
  },
2203
- "Menu.ItemBase": {
2204
- "name": "Menu.ItemBase",
2398
+ "Tab": {
2399
+ "name": "Tab",
2205
2400
  "defaultProps": {
2206
- "spacing": "0",
2207
- "spacingHorizontal": "4",
2208
- "spacingVertical": "3.5",
2209
- "columnGap": "2",
2210
- "alignItems": "center",
2211
- "justifyContent": "space-between"
2401
+ "variant": "primary"
2212
2402
  },
2213
2403
  "getStylesLiterals": {
2214
- "textAlign": "start",
2215
- "menuitemSizeRoot": "default",
2216
- "flexDirection": "row",
2217
- "menuitemSizeStartIcon": "default",
2218
- "menuitemSizeEndIcon": "default"
2404
+ "tabSizeRoot": "default",
2405
+ "tabVariantActiveRoot": "off",
2406
+ "tabVariantActiveRoot:1": "on",
2407
+ "tabSizeIcon": "default"
2219
2408
  },
2220
2409
  "cxLiterals": [
2221
- "flex",
2222
- "focus-visible:text-brand",
2223
- "focus-visible:bg-brand-secondary",
2224
- "focus-visible:z-10",
2410
+ "pointer-events-none",
2411
+ "absolute",
2412
+ "bottom-0",
2413
+ "left-0",
2414
+ "right-0",
2415
+ "h-[var(--uds-tab-underline-width,0px)]",
2416
+ "bg-[var(--uds-tab-underline-color,transparent)]",
2417
+ "transition-[height,background-color]",
2418
+ "duration-[240ms]",
2419
+ "ease-[cubic-bezier(0.2,0,0,1)]",
2420
+ "!bg-transparent",
2421
+ "!shadow-none",
2422
+ "inline-flex",
2423
+ "items-center",
2424
+ "shrink-0",
2425
+ "box-border",
2426
+ "relative",
2427
+ "z-[1]",
2428
+ "cursor-pointer",
2429
+ "select-none",
2430
+ "whitespace-nowrap",
2225
2431
  "uds-ring",
2226
- "!-outline-offset-2",
2227
- "[&:not([aria-checked])]:cursor-default",
2228
- "opacity-25",
2229
- "cursor-not-allowed",
2230
- "duration-20",
2231
- "transition-[font-variation-settings]",
2232
- "ease-in-out",
2233
- "z-0",
2234
- "uds-start-icon",
2235
- "uds-end-icon"
2432
+ "opacity-50",
2433
+ "cursor-default",
2434
+ "border-solid",
2435
+ "border-b-solid",
2436
+ "transition-colors"
2236
2437
  ],
2237
2438
  "internalComponents": [
2238
- "Pressable",
2239
2439
  "IconSlot",
2240
- "RootComponent",
2241
- "HStack",
2242
- "AnimatePresence"
2440
+ "AriakitTab",
2441
+ "Text"
2243
2442
  ],
2244
2443
  "internalComponentProps": {
2245
- "HStack": {
2246
- "alignItems": [
2247
- "center"
2444
+ "Text": {
2445
+ "variant": [
2446
+ "inherit"
2248
2447
  ],
2249
- "width": [
2250
- "full"
2251
- ]
2252
- },
2253
- "AnimatePresence": {
2254
- "mode": [
2255
- "popLayout"
2448
+ "as": [
2449
+ "span"
2450
+ ],
2451
+ "color": [
2452
+ "current"
2256
2453
  ]
2257
2454
  }
2258
2455
  },
2259
2456
  "propToVariantKeys": {
2260
- "startIconClassName": [
2261
- "className"
2457
+ "variant": [
2458
+ "tabVariantRoot",
2459
+ "tabVariantIcon"
2262
2460
  ],
2263
- "endIconClassName": [
2264
- "className"
2461
+ "activeState": [
2462
+ "tabVariantActiveIcon"
2265
2463
  ],
2266
2464
  "startIcon": [
2267
2465
  "icon"
2268
2466
  ],
2269
2467
  "endIcon": [
2270
2468
  "icon"
2271
- ],
2272
- "columnGap": [
2273
- "gap"
2274
2469
  ]
2275
2470
  },
2276
2471
  "runtimeConfigDefaultProps": {},
@@ -2278,28 +2473,13 @@
2278
2473
  "runtimeConfigInternalComponentProps": {},
2279
2474
  "motionVarPrefixes": []
2280
2475
  },
2281
- "Menu.ItemCheckbox": {
2282
- "name": "Menu.ItemCheckbox",
2476
+ "UDSPopoverConfigProvider": {
2477
+ "name": "UDSPopoverConfigProvider",
2283
2478
  "defaultProps": {},
2284
- "getStylesLiterals": {
2285
- "menuitemItemCheckboxVariantRoot": "default",
2286
- "menuitemItemCheckboxVariantActiveRoot": "on",
2287
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
2288
- "menuitemItemCheckboxVariantText": "default",
2289
- "menuitemItemCheckboxVariantActiveText": "on",
2290
- "menuitemItemCheckboxVariantActiveText:1": "off",
2291
- "menuitemItemCheckboxVariantStartIcon": "default",
2292
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
2293
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
2294
- "menuitemItemCheckboxVariantEndIcon": "default",
2295
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
2296
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
2297
- },
2298
- "cxLiterals": [
2299
- "uds-menu-item-checkbox"
2300
- ],
2479
+ "getStylesLiterals": {},
2480
+ "cxLiterals": [],
2301
2481
  "internalComponents": [
2302
- "MenuItemBase"
2482
+ "PopoverContext.Provider"
2303
2483
  ],
2304
2484
  "internalComponentProps": {},
2305
2485
  "propToVariantKeys": {},
@@ -2308,64 +2488,52 @@
2308
2488
  "runtimeConfigInternalComponentProps": {},
2309
2489
  "motionVarPrefixes": []
2310
2490
  },
2311
- "Menu.Provider": {
2312
- "name": "Menu.Provider",
2491
+ "Popover": {
2492
+ "name": "Popover",
2313
2493
  "defaultProps": {},
2314
2494
  "getStylesLiterals": {},
2315
2495
  "cxLiterals": [],
2316
2496
  "internalComponents": [
2317
- "AriakitMenuProvider",
2318
- "SpringMotionConfig"
2497
+ "PopoverInternalContext.Provider",
2498
+ "PopoverProvider"
2319
2499
  ],
2320
2500
  "internalComponentProps": {},
2321
2501
  "propToVariantKeys": {},
2322
- "runtimeConfigDefaultProps": {},
2502
+ "runtimeConfigDefaultProps": {
2503
+ "size": "popover.defaultSize",
2504
+ "variant": "popover.defaultVariant"
2505
+ },
2323
2506
  "runtimeConfigGetStyles": {},
2324
2507
  "runtimeConfigInternalComponentProps": {},
2325
- "motionVarPrefixes": [
2326
- "--uds-motion-subtle-3-",
2327
- "--uds-motion-smooth-3-"
2328
- ]
2508
+ "motionVarPrefixes": []
2329
2509
  },
2330
- "Menu.Trigger": {
2331
- "name": "Menu.Trigger",
2510
+ "PopoverTrigger": {
2511
+ "name": "PopoverTrigger",
2332
2512
  "defaultProps": {},
2333
2513
  "getStylesLiterals": {},
2334
- "cxLiterals": [
2335
- "uds-menu-trigger"
2336
- ],
2514
+ "cxLiterals": [],
2337
2515
  "internalComponents": [
2338
- "AriakitMenuTrigger",
2339
- "Box"
2516
+ "PopoverDisclosure"
2340
2517
  ],
2341
2518
  "internalComponentProps": {
2342
- "Box": {
2519
+ "PopoverDisclosure": {
2343
2520
  "className": [
2344
- "uds-ring h-fit w-fit"
2521
+ "inline"
2345
2522
  ]
2346
2523
  }
2347
2524
  },
2348
- "propToVariantKeys": {},
2349
- "runtimeConfigDefaultProps": {},
2350
- "runtimeConfigGetStyles": {},
2351
- "runtimeConfigInternalComponentProps": {},
2352
- "motionVarPrefixes": []
2353
- },
2354
- "Menu.index": {
2355
- "name": "Menu.index",
2356
- "defaultProps": {},
2357
- "getStylesLiterals": {},
2358
- "cxLiterals": [],
2359
- "internalComponents": [],
2360
- "internalComponentProps": {},
2361
- "propToVariantKeys": {},
2525
+ "propToVariantKeys": {
2526
+ "children": [
2527
+ "render"
2528
+ ]
2529
+ },
2362
2530
  "runtimeConfigDefaultProps": {},
2363
2531
  "runtimeConfigGetStyles": {},
2364
2532
  "runtimeConfigInternalComponentProps": {},
2365
2533
  "motionVarPrefixes": []
2366
2534
  },
2367
- "Menu": {
2368
- "name": "Menu",
2535
+ "PopoverContext": {
2536
+ "name": "PopoverContext",
2369
2537
  "defaultProps": {},
2370
2538
  "getStylesLiterals": {},
2371
2539
  "cxLiterals": [],
@@ -2377,201 +2545,122 @@
2377
2545
  "runtimeConfigInternalComponentProps": {},
2378
2546
  "motionVarPrefixes": []
2379
2547
  },
2380
- "Modal": {
2381
- "name": "Modal",
2382
- "defaultProps": {
2383
- "closeAriaLabel": "Close",
2384
- "maxWidth": "auto",
2385
- "maxHeight": "auto",
2386
- "scrollBehavior": "outside"
2387
- },
2388
- "getStylesLiterals": {
2389
- "flexDirection": "row-reverse",
2390
- "justifyContent": "space-between",
2391
- "alignItems": "flex-end",
2392
- "alignItems:1": "flex-start",
2393
- "borderRadius": "full"
2394
- },
2395
- "cxLiterals": [
2396
- "fixed",
2397
- "inset-0",
2398
- "z-40",
2399
- "overflow-y-auto",
2400
- "overflow-hidden",
2401
- "transition-[opacity,visibility]",
2402
- "visible",
2403
- "opacity-100",
2404
- "invisible",
2405
- "opacity-0",
2406
- "pointer-events-none",
2407
- "uds-bgBlurFallback",
2408
- "w-full",
2409
- "w-fit",
2410
- "h-full",
2411
- "h-fit",
2412
- "m-auto",
2413
- "pointer-events-auto",
2414
- "inside",
2415
- "max-h-full",
2416
- "transition-transform",
2417
- "duration-0",
2418
- "duration-120",
2419
- "transition-[background-color]",
2420
- "bg-carbon-15/0",
2421
- "hover:bg-carbon-15/10",
2422
- "active:bg-carbon-15/15",
2423
- "uds-ring",
2424
- "[translate:50%_-50%]"
2425
- ],
2426
- "internalComponents": [
2427
- "Scrim",
2428
- "VStack",
2429
- "Pressable",
2430
- "IconSlot",
2431
- "Box",
2432
- "Dialog",
2433
- "ModalContext.Provider",
2434
- "HStack",
2435
- "DialogDismiss",
2436
- "ModalTitle",
2437
- "ModalDescription",
2438
- "ModalContent",
2439
- "ModalActions"
2440
- ],
2441
- "internalComponentProps": {
2442
- "Box": {
2443
- "flexGrow": [
2444
- "1"
2445
- ]
2446
- }
2447
- },
2448
- "propToVariantKeys": {
2449
- "gutter": [
2450
- "spacing"
2451
- ],
2452
- "size": [
2453
- "modalSizeRoot",
2454
- "modalSizeSpacingHorizontal",
2455
- "modalSizeHeader",
2456
- "modalSizeTitleDescriptionWrapper",
2457
- "modalSizeCloseIconContainer",
2458
- "modalSizeCloseIcon"
2459
- ],
2460
- "variant": [
2461
- "modalVariantRoot",
2462
- "modalVariantCloseIcon"
2463
- ],
2464
- "closeAriaLabel": [
2465
- "aria-label"
2466
- ],
2467
- "closeIcon": [
2468
- "icon"
2469
- ]
2470
- },
2471
- "runtimeConfigDefaultProps": {
2472
- "size": "modal.defaultSize",
2473
- "variant": "modal.defaultVariant"
2474
- },
2475
- "runtimeConfigGetStyles": {
2476
- "spacing": [
2477
- "modal.gutter.${size}"
2478
- ],
2479
- "modalSizeRoot": [
2480
- "modal.defaultSize"
2481
- ],
2482
- "modalVariantRoot": [
2483
- "modal.defaultVariant"
2484
- ],
2485
- "modalSizeSpacingHorizontal": [
2486
- "modal.defaultSize"
2487
- ],
2488
- "modalSizeHeader": [
2489
- "modal.defaultSize"
2490
- ],
2491
- "modalSizeTitleDescriptionWrapper": [
2492
- "modal.defaultSize"
2493
- ],
2494
- "modalSizeCloseIconContainer": [
2495
- "modal.defaultSize"
2496
- ],
2497
- "modalSizeCloseIcon": [
2498
- "modal.defaultSize"
2499
- ],
2500
- "modalVariantCloseIcon": [
2501
- "modal.defaultVariant"
2502
- ]
2503
- },
2504
- "runtimeConfigInternalComponentProps": {},
2505
- "motionVarPrefixes": []
2506
- },
2507
- "ModalActions": {
2508
- "name": "ModalActions",
2548
+ "PopoverContent": {
2549
+ "name": "PopoverContent",
2509
2550
  "defaultProps": {},
2510
2551
  "getStylesLiterals": {
2511
- "flexDirection": "row-reverse",
2512
- "justifyContent": "space-between",
2513
- "alignItems": "center"
2552
+ "popoverSizeRoot": "default",
2553
+ "popoverVariantRoot": "default",
2554
+ "display": "flex",
2555
+ "position": "relative",
2556
+ "display:1": "block",
2557
+ "spacingTop": "0",
2558
+ "spacingStart": "0",
2559
+ "spacingBottom": "0",
2560
+ "spacingEnd": "0",
2561
+ "popoverSizeSvgBase": "default",
2562
+ "popoverVariantSvgBase": "default",
2563
+ "popoverSizeSvgBorder": "default",
2564
+ "popoverVariantSvgBorder": "default",
2565
+ "popoverVariantBlur": "default",
2566
+ "position:1": "absolute",
2567
+ "width": "full",
2568
+ "height": "full",
2569
+ "flexShrink": "0",
2570
+ "borderRadius": "full",
2571
+ "alignItems": "center",
2572
+ "justifyContent": "center",
2573
+ "popoverVariantCloseIcon": "default",
2574
+ "popoverSizeCloseIcon": "default"
2514
2575
  },
2515
2576
  "cxLiterals": [
2516
- "gap-[inherit]"
2577
+ "z-[9999]",
2578
+ "outline-none",
2579
+ "focus-visible:outline-none",
2580
+ "uds-bgBlurFillFallback",
2581
+ "uds-bgBlurFallback",
2582
+ "top-0",
2583
+ "left-0",
2584
+ "z-[1]",
2585
+ "duration-0",
2586
+ "duration-120",
2587
+ "transition-[background-color]",
2588
+ "bg-carbon-15/0",
2589
+ "hover:bg-carbon-15/10",
2590
+ "active:bg-carbon-15/15",
2591
+ "uds-ring",
2592
+ "absolute",
2593
+ "z-[4]"
2517
2594
  ],
2518
2595
  "internalComponents": [
2519
- "HStack"
2596
+ "PopoverDismiss",
2597
+ "IconSlot",
2598
+ "PopoverArrow",
2599
+ "Popover",
2600
+ "SvgFloatingOverlay",
2601
+ "Box",
2602
+ "Pressable"
2520
2603
  ],
2521
2604
  "internalComponentProps": {},
2522
2605
  "propToVariantKeys": {
2523
- "size": [
2524
- "modalSizeSpacingHorizontal",
2525
- "modalSizeActions"
2606
+ "closeIcon": [
2607
+ "icon"
2526
2608
  ]
2527
2609
  },
2528
2610
  "runtimeConfigDefaultProps": {
2529
- "size": "modal.defaultSize",
2530
- "variant": "modal.defaultVariant"
2611
+ "size": "popover.defaultSize",
2612
+ "variant": "popover.defaultVariant"
2531
2613
  },
2532
2614
  "runtimeConfigGetStyles": {
2533
- "modalSizeSpacingHorizontal": [
2534
- "modal.defaultSize"
2615
+ "spacingTop": [
2616
+ "popover.spacingVertical.${size}"
2535
2617
  ],
2536
- "modalSizeActions": [
2537
- "modal.defaultSize"
2618
+ "spacingStart": [
2619
+ "popover.spacingHorizontal.${size}"
2620
+ ],
2621
+ "spacingBottom": [
2622
+ "popover.spacingVertical.${size}"
2623
+ ],
2624
+ "spacingEnd": [
2625
+ "popover.spacingHorizontal.${size}"
2538
2626
  ]
2539
2627
  },
2540
- "runtimeConfigInternalComponentProps": {},
2628
+ "runtimeConfigInternalComponentProps": {
2629
+ "SvgFloatingOverlay": {
2630
+ "borderRadius": [
2631
+ "popover.borderRadius.${size}"
2632
+ ]
2633
+ }
2634
+ },
2541
2635
  "motionVarPrefixes": []
2542
2636
  },
2543
- "ModalContent": {
2544
- "name": "ModalContent",
2637
+ "Menu.Item": {
2638
+ "name": "Menu.Item",
2545
2639
  "defaultProps": {},
2546
2640
  "getStylesLiterals": {
2547
- "overflowY": "auto",
2548
- "display": "block",
2549
- "flexGrow": "1"
2641
+ "menuitemItemVariantRoot": "default",
2642
+ "menuitemItemVariantActiveRoot": "on",
2643
+ "menuitemItemVariantActiveRoot:1": "off",
2644
+ "menuitemItemVariantText": "default",
2645
+ "menuitemItemVariantActiveText": "on",
2646
+ "menuitemItemVariantActiveText:1": "off",
2647
+ "menuitemItemVariantIcon": "default",
2648
+ "menuitemItemVariantActiveIcon": "on",
2649
+ "menuitemItemVariantActiveIcon:1": "off"
2550
2650
  },
2551
2651
  "cxLiterals": [],
2552
2652
  "internalComponents": [
2553
- "Box"
2653
+ "MenuItemBase"
2554
2654
  ],
2555
2655
  "internalComponentProps": {},
2556
- "propToVariantKeys": {
2557
- "size": [
2558
- "modalSizeSpacingHorizontal"
2559
- ]
2560
- },
2561
- "runtimeConfigDefaultProps": {
2562
- "size": "modal.defaultSize",
2563
- "variant": "modal.defaultVariant"
2564
- },
2565
- "runtimeConfigGetStyles": {
2566
- "modalSizeSpacingHorizontal": [
2567
- "modal.defaultSize"
2568
- ]
2569
- },
2656
+ "propToVariantKeys": {},
2657
+ "runtimeConfigDefaultProps": {},
2658
+ "runtimeConfigGetStyles": {},
2570
2659
  "runtimeConfigInternalComponentProps": {},
2571
2660
  "motionVarPrefixes": []
2572
2661
  },
2573
- "ModalContext": {
2574
- "name": "ModalContext",
2662
+ "Menu.index": {
2663
+ "name": "Menu.index",
2575
2664
  "defaultProps": {},
2576
2665
  "getStylesLiterals": {},
2577
2666
  "cxLiterals": [],
@@ -2583,94 +2672,234 @@
2583
2672
  "runtimeConfigInternalComponentProps": {},
2584
2673
  "motionVarPrefixes": []
2585
2674
  },
2586
- "ModalDescription": {
2587
- "name": "ModalDescription",
2675
+ "Menu": {
2676
+ "name": "Menu",
2588
2677
  "defaultProps": {},
2589
2678
  "getStylesLiterals": {},
2590
2679
  "cxLiterals": [],
2680
+ "internalComponents": [],
2681
+ "internalComponentProps": {},
2682
+ "propToVariantKeys": {},
2683
+ "runtimeConfigDefaultProps": {},
2684
+ "runtimeConfigGetStyles": {},
2685
+ "runtimeConfigInternalComponentProps": {},
2686
+ "motionVarPrefixes": []
2687
+ },
2688
+ "Menu.Content": {
2689
+ "name": "Menu.Content",
2690
+ "defaultProps": {
2691
+ "size": "default",
2692
+ "variant": "default",
2693
+ "gutter": "1"
2694
+ },
2695
+ "getStylesLiterals": {},
2696
+ "cxLiterals": [
2697
+ "uds-menu-content",
2698
+ "transition-shadow",
2699
+ "duration-200",
2700
+ "ease-in-out",
2701
+ "min-w-60",
2702
+ "max-w-lg",
2703
+ "max-h-96",
2704
+ "overflow-auto",
2705
+ "uds-ring",
2706
+ "z-10",
2707
+ "group"
2708
+ ],
2591
2709
  "internalComponents": [
2592
- "Text",
2593
- "DialogDescription"
2710
+ "AriakitMenu",
2711
+ "AnimatePresence",
2712
+ "MotionVStack"
2594
2713
  ],
2595
- "internalComponentProps": {
2596
- "Text": {
2597
- "as": [
2598
- "span"
2599
- ]
2600
- }
2601
- },
2714
+ "internalComponentProps": {},
2602
2715
  "propToVariantKeys": {
2603
2716
  "size": [
2604
- "modalSizeDescription"
2717
+ "menucontentSizeRoot"
2605
2718
  ],
2606
2719
  "variant": [
2607
- "modalVariantDescription"
2720
+ "menucontentVariantRoot"
2608
2721
  ]
2609
2722
  },
2610
- "runtimeConfigDefaultProps": {
2611
- "size": "modal.defaultSize",
2612
- "variant": "modal.defaultVariant"
2723
+ "runtimeConfigDefaultProps": {},
2724
+ "runtimeConfigGetStyles": {},
2725
+ "runtimeConfigInternalComponentProps": {},
2726
+ "motionVarPrefixes": []
2727
+ },
2728
+ "Menu.Trigger": {
2729
+ "name": "Menu.Trigger",
2730
+ "defaultProps": {},
2731
+ "getStylesLiterals": {},
2732
+ "cxLiterals": [
2733
+ "uds-menu-trigger"
2734
+ ],
2735
+ "internalComponents": [
2736
+ "AriakitMenuTrigger",
2737
+ "Box"
2738
+ ],
2739
+ "internalComponentProps": {
2740
+ "Box": {
2741
+ "className": [
2742
+ "uds-ring h-fit w-fit"
2743
+ ]
2744
+ }
2613
2745
  },
2614
- "runtimeConfigGetStyles": {
2615
- "modalSizeDescription": [
2616
- "modal.defaultSize"
2617
- ],
2618
- "modalVariantDescription": [
2619
- "modal.defaultVariant"
2620
- ]
2746
+ "propToVariantKeys": {},
2747
+ "runtimeConfigDefaultProps": {},
2748
+ "runtimeConfigGetStyles": {},
2749
+ "runtimeConfigInternalComponentProps": {},
2750
+ "motionVarPrefixes": []
2751
+ },
2752
+ "Menu.Divider": {
2753
+ "name": "Menu.Divider",
2754
+ "defaultProps": {
2755
+ "role": "separator",
2756
+ "contentPosition": "start",
2757
+ "gap": "4"
2758
+ },
2759
+ "getStylesLiterals": {
2760
+ "menuitemDividerVariantRoot": "default",
2761
+ "menuitemDividerVariantText": "default",
2762
+ "menuitemDividerVariantLine": "default"
2763
+ },
2764
+ "cxLiterals": [],
2765
+ "internalComponents": [
2766
+ "Divider"
2767
+ ],
2768
+ "internalComponentProps": {
2769
+ "Divider": {
2770
+ "variant": [
2771
+ "inherit"
2772
+ ]
2773
+ }
2774
+ },
2775
+ "propToVariantKeys": {},
2776
+ "runtimeConfigDefaultProps": {},
2777
+ "runtimeConfigGetStyles": {},
2778
+ "runtimeConfigInternalComponentProps": {},
2779
+ "motionVarPrefixes": []
2780
+ },
2781
+ "Menu.Provider": {
2782
+ "name": "Menu.Provider",
2783
+ "defaultProps": {},
2784
+ "getStylesLiterals": {},
2785
+ "cxLiterals": [],
2786
+ "internalComponents": [
2787
+ "AriakitMenuProvider",
2788
+ "SpringMotionConfig"
2789
+ ],
2790
+ "internalComponentProps": {},
2791
+ "propToVariantKeys": {},
2792
+ "runtimeConfigDefaultProps": {},
2793
+ "runtimeConfigGetStyles": {},
2794
+ "runtimeConfigInternalComponentProps": {},
2795
+ "motionVarPrefixes": [
2796
+ "--uds-motion-subtle-3-",
2797
+ "--uds-motion-smooth-3-"
2798
+ ]
2799
+ },
2800
+ "Menu.ItemCheckbox": {
2801
+ "name": "Menu.ItemCheckbox",
2802
+ "defaultProps": {},
2803
+ "getStylesLiterals": {
2804
+ "menuitemItemCheckboxVariantRoot": "default",
2805
+ "menuitemItemCheckboxVariantActiveRoot": "on",
2806
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
2807
+ "menuitemItemCheckboxVariantText": "default",
2808
+ "menuitemItemCheckboxVariantActiveText": "on",
2809
+ "menuitemItemCheckboxVariantActiveText:1": "off",
2810
+ "menuitemItemCheckboxVariantStartIcon": "default",
2811
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
2812
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
2813
+ "menuitemItemCheckboxVariantEndIcon": "default",
2814
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
2815
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
2621
2816
  },
2817
+ "cxLiterals": [
2818
+ "uds-menu-item-checkbox"
2819
+ ],
2820
+ "internalComponents": [
2821
+ "MenuItemBase"
2822
+ ],
2823
+ "internalComponentProps": {},
2824
+ "propToVariantKeys": {},
2825
+ "runtimeConfigDefaultProps": {},
2826
+ "runtimeConfigGetStyles": {},
2622
2827
  "runtimeConfigInternalComponentProps": {},
2623
2828
  "motionVarPrefixes": []
2624
2829
  },
2625
- "ModalTitle": {
2626
- "name": "ModalTitle",
2627
- "defaultProps": {},
2628
- "getStylesLiterals": {},
2629
- "cxLiterals": [],
2830
+ "Menu.ItemBase": {
2831
+ "name": "Menu.ItemBase",
2832
+ "defaultProps": {
2833
+ "spacing": "0",
2834
+ "spacingHorizontal": "4",
2835
+ "spacingVertical": "3.5",
2836
+ "columnGap": "2",
2837
+ "alignItems": "center",
2838
+ "justifyContent": "space-between"
2839
+ },
2840
+ "getStylesLiterals": {
2841
+ "textAlign": "start",
2842
+ "menuitemSizeRoot": "default",
2843
+ "flexDirection": "row",
2844
+ "menuitemSizeStartIcon": "default",
2845
+ "menuitemSizeEndIcon": "default"
2846
+ },
2847
+ "cxLiterals": [
2848
+ "flex",
2849
+ "focus-visible:text-brand",
2850
+ "focus-visible:bg-brand-secondary",
2851
+ "focus-visible:z-10",
2852
+ "uds-ring",
2853
+ "!-outline-offset-2",
2854
+ "[&:not([aria-checked])]:cursor-default",
2855
+ "opacity-25",
2856
+ "cursor-not-allowed",
2857
+ "duration-20",
2858
+ "transition-[font-variation-settings]",
2859
+ "ease-in-out",
2860
+ "z-0",
2861
+ "uds-start-icon",
2862
+ "uds-end-icon"
2863
+ ],
2630
2864
  "internalComponents": [
2631
- "Text",
2632
- "DialogHeading"
2865
+ "Pressable",
2866
+ "IconSlot",
2867
+ "RootComponent",
2868
+ "HStack",
2869
+ "AnimatePresence"
2633
2870
  ],
2634
2871
  "internalComponentProps": {
2635
- "Text": {
2636
- "as": [
2637
- "span"
2872
+ "HStack": {
2873
+ "alignItems": [
2874
+ "center"
2875
+ ],
2876
+ "width": [
2877
+ "full"
2878
+ ]
2879
+ },
2880
+ "AnimatePresence": {
2881
+ "mode": [
2882
+ "popLayout"
2638
2883
  ]
2639
2884
  }
2640
2885
  },
2641
2886
  "propToVariantKeys": {
2642
- "size": [
2643
- "modalSizeTitle"
2887
+ "startIconClassName": [
2888
+ "className"
2644
2889
  ],
2645
- "variant": [
2646
- "modalVariantTitle"
2647
- ]
2648
- },
2649
- "runtimeConfigDefaultProps": {
2650
- "size": "modal.defaultSize",
2651
- "variant": "modal.defaultVariant"
2652
- },
2653
- "runtimeConfigGetStyles": {
2654
- "modalSizeTitle": [
2655
- "modal.defaultSize"
2890
+ "endIconClassName": [
2891
+ "className"
2656
2892
  ],
2657
- "modalVariantTitle": [
2658
- "modal.defaultVariant"
2893
+ "startIcon": [
2894
+ "icon"
2895
+ ],
2896
+ "endIcon": [
2897
+ "icon"
2898
+ ],
2899
+ "columnGap": [
2900
+ "gap"
2659
2901
  ]
2660
2902
  },
2661
- "runtimeConfigInternalComponentProps": {},
2662
- "motionVarPrefixes": []
2663
- },
2664
- "UDSModalConfigProvider": {
2665
- "name": "UDSModalConfigProvider",
2666
- "defaultProps": {},
2667
- "getStylesLiterals": {},
2668
- "cxLiterals": [],
2669
- "internalComponents": [
2670
- "ModalContext.Provider"
2671
- ],
2672
- "internalComponentProps": {},
2673
- "propToVariantKeys": {},
2674
2903
  "runtimeConfigDefaultProps": {},
2675
2904
  "runtimeConfigGetStyles": {},
2676
2905
  "runtimeConfigInternalComponentProps": {},
@@ -2862,120 +3091,144 @@
2862
3091
  "runtimeConfigInternalComponentProps": {},
2863
3092
  "motionVarPrefixes": []
2864
3093
  },
2865
- "Popover": {
2866
- "name": "Popover",
3094
+ "UDSBreakpointsConfigProvider": {
3095
+ "name": "UDSBreakpointsConfigProvider",
2867
3096
  "defaultProps": {},
2868
3097
  "getStylesLiterals": {},
2869
3098
  "cxLiterals": [],
2870
3099
  "internalComponents": [
2871
- "PopoverInternalContext.Provider",
2872
- "PopoverProvider"
3100
+ "UDSBreakpointsConfigContext.Provider"
2873
3101
  ],
2874
3102
  "internalComponentProps": {},
2875
3103
  "propToVariantKeys": {},
2876
- "runtimeConfigDefaultProps": {
2877
- "size": "popover.defaultSize",
2878
- "variant": "popover.defaultVariant"
2879
- },
3104
+ "runtimeConfigDefaultProps": {},
2880
3105
  "runtimeConfigGetStyles": {},
2881
3106
  "runtimeConfigInternalComponentProps": {},
2882
3107
  "motionVarPrefixes": []
2883
3108
  },
2884
- "PopoverContent": {
2885
- "name": "PopoverContent",
3109
+ "UDSConfigProvider": {
3110
+ "name": "UDSConfigProvider",
3111
+ "defaultProps": {},
3112
+ "getStylesLiterals": {},
3113
+ "cxLiterals": [],
3114
+ "internalComponents": [
3115
+ "UDSBreakpointsConfigProvider",
3116
+ "UDSBottomSheetConfigProvider",
3117
+ "UDSToastConfigProvider",
3118
+ "UDSTooltipConfigProvider",
3119
+ "UDSPopoverConfigProvider",
3120
+ "UDSModalConfigProvider"
3121
+ ],
3122
+ "internalComponentProps": {},
3123
+ "propToVariantKeys": {},
3124
+ "runtimeConfigDefaultProps": {},
3125
+ "runtimeConfigGetStyles": {},
3126
+ "runtimeConfigInternalComponentProps": {},
3127
+ "motionVarPrefixes": []
3128
+ },
3129
+ "Tooltip": {
3130
+ "name": "Tooltip",
3131
+ "defaultProps": {},
3132
+ "getStylesLiterals": {},
3133
+ "cxLiterals": [],
3134
+ "internalComponents": [
3135
+ "TooltipInternalContext.Provider",
3136
+ "TooltipProvider"
3137
+ ],
3138
+ "internalComponentProps": {},
3139
+ "propToVariantKeys": {},
3140
+ "runtimeConfigDefaultProps": {},
3141
+ "runtimeConfigGetStyles": {},
3142
+ "runtimeConfigInternalComponentProps": {
3143
+ "TooltipProvider": {
3144
+ "animated": [
3145
+ "tooltip.animationDuration"
3146
+ ]
3147
+ }
3148
+ },
3149
+ "motionVarPrefixes": []
3150
+ },
3151
+ "TooltipContent": {
3152
+ "name": "TooltipContent",
2886
3153
  "defaultProps": {},
2887
3154
  "getStylesLiterals": {
2888
- "popoverSizeRoot": "default",
2889
- "popoverVariantRoot": "default",
2890
- "display": "flex",
2891
- "position": "relative",
2892
- "display:1": "block",
2893
- "spacingTop": "0",
2894
- "spacingStart": "0",
2895
- "spacingBottom": "0",
2896
- "spacingEnd": "0",
2897
- "popoverSizeSvgBase": "default",
2898
- "popoverVariantSvgBase": "default",
2899
- "popoverSizeSvgBorder": "default",
2900
- "popoverVariantSvgBorder": "default",
2901
- "popoverVariantBlur": "default",
2902
- "position:1": "absolute",
3155
+ "tooltipSizeRoot": "default",
3156
+ "tooltipVariantRoot": "default",
3157
+ "tooltipSizeSvg": "default",
3158
+ "tooltipVariantSvg": "default",
3159
+ "tooltipVariantBlur": "default",
3160
+ "position": "absolute",
2903
3161
  "width": "full",
2904
3162
  "height": "full",
2905
- "flexShrink": "0",
2906
- "borderRadius": "full",
2907
- "alignItems": "center",
2908
- "justifyContent": "center",
2909
- "popoverVariantCloseIcon": "default",
2910
- "popoverSizeCloseIcon": "default"
3163
+ "tooltipSizeTitle": "default",
3164
+ "tooltipSizeBody": "default",
3165
+ "tooltipSizeEndContent": "default",
3166
+ "tooltipSizeIcon": "default",
3167
+ "tooltipVariantIcon": "default"
2911
3168
  },
2912
3169
  "cxLiterals": [
3170
+ "max-w-lg",
3171
+ "flex",
2913
3172
  "z-[9999]",
2914
- "outline-none",
2915
- "focus-visible:outline-none",
2916
3173
  "uds-bgBlurFillFallback",
2917
3174
  "uds-bgBlurFallback",
2918
3175
  "top-0",
2919
3176
  "left-0",
2920
- "z-[1]",
2921
- "duration-0",
2922
- "duration-120",
2923
- "transition-[background-color]",
2924
- "bg-carbon-15/0",
2925
- "hover:bg-carbon-15/10",
2926
- "active:bg-carbon-15/15",
2927
- "uds-ring",
2928
- "absolute",
2929
- "z-[4]"
3177
+ "z-[1]"
2930
3178
  ],
2931
3179
  "internalComponents": [
2932
- "PopoverDismiss",
2933
3180
  "IconSlot",
2934
- "PopoverArrow",
2935
- "Popover",
2936
- "SvgFloatingOverlay",
2937
- "Box",
2938
- "Pressable"
2939
- ],
2940
- "internalComponentProps": {},
2941
- "propToVariantKeys": {
2942
- "closeIcon": [
2943
- "icon"
2944
- ]
2945
- },
2946
- "runtimeConfigDefaultProps": {
2947
- "size": "popover.defaultSize",
2948
- "variant": "popover.defaultVariant"
2949
- },
2950
- "runtimeConfigGetStyles": {
2951
- "spacingTop": [
2952
- "popover.spacingVertical.${size}"
2953
- ],
2954
- "spacingStart": [
2955
- "popover.spacingHorizontal.${size}"
2956
- ],
2957
- "spacingBottom": [
2958
- "popover.spacingVertical.${size}"
2959
- ],
2960
- "spacingEnd": [
2961
- "popover.spacingHorizontal.${size}"
2962
- ]
2963
- },
2964
- "runtimeConfigInternalComponentProps": {
3181
+ "TooltipArrow",
3182
+ "Tooltip",
3183
+ "SvgFloatingOverlay",
3184
+ "VStack",
3185
+ "Box",
3186
+ "Text"
3187
+ ],
3188
+ "internalComponentProps": {
2965
3189
  "SvgFloatingOverlay": {
2966
- "borderRadius": [
2967
- "popover.borderRadius.${size}"
3190
+ "contentOverflow": [
3191
+ "visible"
3192
+ ]
3193
+ },
3194
+ "VStack": {
3195
+ "className": [
3196
+ "gap-[inherit]"
3197
+ ]
3198
+ },
3199
+ "Box": {
3200
+ "alignItems": [
3201
+ "center"
3202
+ ],
3203
+ "columnGap": [
3204
+ "1",
3205
+ "1.5"
3206
+ ]
3207
+ },
3208
+ "Text": {
3209
+ "color": [
3210
+ "inherit"
2968
3211
  ]
2969
3212
  }
2970
3213
  },
3214
+ "propToVariantKeys": {
3215
+ "startTitleIcon": [
3216
+ "icon"
3217
+ ]
3218
+ },
3219
+ "runtimeConfigDefaultProps": {},
3220
+ "runtimeConfigGetStyles": {},
3221
+ "runtimeConfigInternalComponentProps": {},
2971
3222
  "motionVarPrefixes": []
2972
3223
  },
2973
- "PopoverContext": {
2974
- "name": "PopoverContext",
3224
+ "UDSTooltipConfigProvider": {
3225
+ "name": "UDSTooltipConfigProvider",
2975
3226
  "defaultProps": {},
2976
3227
  "getStylesLiterals": {},
2977
3228
  "cxLiterals": [],
2978
- "internalComponents": [],
3229
+ "internalComponents": [
3230
+ "TooltipContext.Provider"
3231
+ ],
2979
3232
  "internalComponentProps": {},
2980
3233
  "propToVariantKeys": {},
2981
3234
  "runtimeConfigDefaultProps": {},
@@ -2983,16 +3236,16 @@
2983
3236
  "runtimeConfigInternalComponentProps": {},
2984
3237
  "motionVarPrefixes": []
2985
3238
  },
2986
- "PopoverTrigger": {
2987
- "name": "PopoverTrigger",
3239
+ "TooltipTrigger": {
3240
+ "name": "TooltipTrigger",
2988
3241
  "defaultProps": {},
2989
3242
  "getStylesLiterals": {},
2990
3243
  "cxLiterals": [],
2991
3244
  "internalComponents": [
2992
- "PopoverDisclosure"
3245
+ "TooltipAnchor"
2993
3246
  ],
2994
3247
  "internalComponentProps": {
2995
- "PopoverDisclosure": {
3248
+ "TooltipAnchor": {
2996
3249
  "className": [
2997
3250
  "inline"
2998
3251
  ]
@@ -3008,14 +3261,35 @@
3008
3261
  "runtimeConfigInternalComponentProps": {},
3009
3262
  "motionVarPrefixes": []
3010
3263
  },
3011
- "UDSPopoverConfigProvider": {
3012
- "name": "UDSPopoverConfigProvider",
3264
+ "RadioGroupProvider": {
3265
+ "name": "RadioGroupProvider",
3013
3266
  "defaultProps": {},
3014
3267
  "getStylesLiterals": {},
3015
3268
  "cxLiterals": [],
3016
3269
  "internalComponents": [
3017
- "PopoverContext.Provider"
3270
+ "DivProps",
3271
+ "Comp",
3272
+ "RadioGroupContext.Provider"
3018
3273
  ],
3274
+ "internalComponentProps": {
3275
+ "Comp": {
3276
+ "role": [
3277
+ "radiogroup"
3278
+ ]
3279
+ }
3280
+ },
3281
+ "propToVariantKeys": {},
3282
+ "runtimeConfigDefaultProps": {},
3283
+ "runtimeConfigGetStyles": {},
3284
+ "runtimeConfigInternalComponentProps": {},
3285
+ "motionVarPrefixes": []
3286
+ },
3287
+ "RadioGroupStore": {
3288
+ "name": "RadioGroupStore",
3289
+ "defaultProps": {},
3290
+ "getStylesLiterals": {},
3291
+ "cxLiterals": [],
3292
+ "internalComponents": [],
3019
3293
  "internalComponentProps": {},
3020
3294
  "propToVariantKeys": {},
3021
3295
  "runtimeConfigDefaultProps": {},
@@ -3124,195 +3398,26 @@
3124
3398
  "variant": [
3125
3399
  "radioVariantRoot",
3126
3400
  "radioVariantRadio",
3127
- "radioVariantRadioCircle"
3128
- ],
3129
- "reduceMotion": [
3130
- "reducedMotion"
3131
- ]
3132
- },
3133
- "runtimeConfigDefaultProps": {},
3134
- "runtimeConfigGetStyles": {},
3135
- "runtimeConfigInternalComponentProps": {},
3136
- "motionVarPrefixes": [
3137
- "--uds-motion-subtle-3-",
3138
- "--uds-motion-smooth-3-"
3139
- ]
3140
- },
3141
- "RadioGroupProvider": {
3142
- "name": "RadioGroupProvider",
3143
- "defaultProps": {},
3144
- "getStylesLiterals": {},
3145
- "cxLiterals": [],
3146
- "internalComponents": [
3147
- "DivProps",
3148
- "Comp",
3149
- "RadioGroupContext.Provider"
3150
- ],
3151
- "internalComponentProps": {
3152
- "Comp": {
3153
- "role": [
3154
- "radiogroup"
3155
- ]
3156
- }
3157
- },
3158
- "propToVariantKeys": {},
3159
- "runtimeConfigDefaultProps": {},
3160
- "runtimeConfigGetStyles": {},
3161
- "runtimeConfigInternalComponentProps": {},
3162
- "motionVarPrefixes": []
3163
- },
3164
- "RadioGroupStore": {
3165
- "name": "RadioGroupStore",
3166
- "defaultProps": {},
3167
- "getStylesLiterals": {},
3168
- "cxLiterals": [],
3169
- "internalComponents": [],
3170
- "internalComponentProps": {},
3171
- "propToVariantKeys": {},
3172
- "runtimeConfigDefaultProps": {},
3173
- "runtimeConfigGetStyles": {},
3174
- "runtimeConfigInternalComponentProps": {},
3175
- "motionVarPrefixes": []
3176
- },
3177
- "Tab": {
3178
- "name": "Tab",
3179
- "defaultProps": {
3180
- "variant": "primary"
3181
- },
3182
- "getStylesLiterals": {
3183
- "tabSizeRoot": "default",
3184
- "tabVariantActiveRoot": "off",
3185
- "tabVariantActiveRoot:1": "on",
3186
- "tabSizeIcon": "default"
3187
- },
3188
- "cxLiterals": [
3189
- "pointer-events-none",
3190
- "absolute",
3191
- "bottom-0",
3192
- "left-0",
3193
- "right-0",
3194
- "h-[var(--uds-tab-underline-width,0px)]",
3195
- "bg-[var(--uds-tab-underline-color,transparent)]",
3196
- "transition-[height,background-color]",
3197
- "duration-[240ms]",
3198
- "ease-[cubic-bezier(0.2,0,0,1)]",
3199
- "!bg-transparent",
3200
- "!shadow-none",
3201
- "inline-flex",
3202
- "items-center",
3203
- "shrink-0",
3204
- "box-border",
3205
- "relative",
3206
- "z-[1]",
3207
- "cursor-pointer",
3208
- "select-none",
3209
- "whitespace-nowrap",
3210
- "uds-ring",
3211
- "opacity-50",
3212
- "cursor-default",
3213
- "border-solid",
3214
- "border-b-solid",
3215
- "transition-colors"
3216
- ],
3217
- "internalComponents": [
3218
- "IconSlot",
3219
- "AriakitTab",
3220
- "Text"
3221
- ],
3222
- "internalComponentProps": {
3223
- "Text": {
3224
- "variant": [
3225
- "inherit"
3226
- ],
3227
- "as": [
3228
- "span"
3229
- ],
3230
- "color": [
3231
- "current"
3232
- ]
3233
- }
3234
- },
3235
- "propToVariantKeys": {
3236
- "variant": [
3237
- "tabVariantRoot",
3238
- "tabVariantIcon"
3239
- ],
3240
- "activeState": [
3241
- "tabVariantActiveIcon"
3242
- ],
3243
- "startIcon": [
3244
- "icon"
3245
- ],
3246
- "endIcon": [
3247
- "icon"
3248
- ]
3249
- },
3250
- "runtimeConfigDefaultProps": {},
3251
- "runtimeConfigGetStyles": {},
3252
- "runtimeConfigInternalComponentProps": {},
3253
- "motionVarPrefixes": []
3254
- },
3255
- "TabList": {
3256
- "name": "TabList",
3257
- "defaultProps": {
3258
- "variant": "primary"
3259
- },
3260
- "getStylesLiterals": {
3261
- "tabSizeRoot": "default",
3262
- "tabVariantActiveRoot": "on"
3263
- },
3264
- "cxLiterals": [
3265
- "pointer-events-none",
3266
- "absolute",
3267
- "bottom-0",
3268
- "left-0",
3269
- "right-0",
3270
- "h-[var(--uds-tab-underline-width,0px)]",
3271
- "bg-[var(--uds-tab-underline-color,transparent)]",
3272
- "transition-[height,background-color]",
3273
- "duration-[240ms]",
3274
- "ease-[cubic-bezier(0.2,0,0,1)]",
3275
- "!m-0",
3276
- "!p-0",
3277
- "!gap-0",
3278
- "box-border",
3279
- "z-0",
3280
- "min-w-0",
3281
- "min-h-0",
3282
- "flex",
3283
- "flex-row",
3284
- "items-center",
3285
- "overflow-x-auto",
3286
- "overflow-y-clip",
3287
- "scrollbar-none",
3288
- "[overflow-clip-margin:6px]",
3289
- "overflow-clip",
3290
- "[overflow-clip-margin:8px]",
3291
- "relative"
3292
- ],
3293
- "internalComponents": [
3294
- "AriakitTabList"
3295
- ],
3296
- "internalComponentProps": {},
3297
- "propToVariantKeys": {
3298
- "variant": [
3299
- "tabsVariantRoot",
3300
- "tabVariantRoot"
3401
+ "radioVariantRadioCircle"
3402
+ ],
3403
+ "reduceMotion": [
3404
+ "reducedMotion"
3301
3405
  ]
3302
3406
  },
3303
3407
  "runtimeConfigDefaultProps": {},
3304
3408
  "runtimeConfigGetStyles": {},
3305
3409
  "runtimeConfigInternalComponentProps": {},
3306
- "motionVarPrefixes": []
3410
+ "motionVarPrefixes": [
3411
+ "--uds-motion-subtle-3-",
3412
+ "--uds-motion-smooth-3-"
3413
+ ]
3307
3414
  },
3308
- "TabPanel": {
3309
- "name": "TabPanel",
3415
+ "ModalContext": {
3416
+ "name": "ModalContext",
3310
3417
  "defaultProps": {},
3311
3418
  "getStylesLiterals": {},
3312
3419
  "cxLiterals": [],
3313
- "internalComponents": [
3314
- "AriakitTabPanel"
3315
- ],
3420
+ "internalComponents": [],
3316
3421
  "internalComponentProps": {},
3317
3422
  "propToVariantKeys": {},
3318
3423
  "runtimeConfigDefaultProps": {},
@@ -3320,354 +3425,215 @@
3320
3425
  "runtimeConfigInternalComponentProps": {},
3321
3426
  "motionVarPrefixes": []
3322
3427
  },
3323
- "Tabs": {
3324
- "name": "Tabs",
3325
- "defaultProps": {
3326
- "variant": "primary"
3327
- },
3428
+ "ModalTitle": {
3429
+ "name": "ModalTitle",
3430
+ "defaultProps": {},
3328
3431
  "getStylesLiterals": {},
3329
3432
  "cxLiterals": [],
3330
3433
  "internalComponents": [
3331
- "TabsContext.Provider",
3332
- "TabProvider"
3333
- ],
3334
- "internalComponentProps": {},
3335
- "propToVariantKeys": {
3336
- "onSelectionChange": [
3337
- "setSelectedId"
3338
- ]
3339
- },
3340
- "runtimeConfigDefaultProps": {},
3341
- "runtimeConfigGetStyles": {},
3342
- "runtimeConfigInternalComponentProps": {},
3343
- "motionVarPrefixes": []
3344
- },
3345
- "Toast": {
3346
- "name": "Toast",
3347
- "defaultProps": {},
3348
- "getStylesLiterals": {
3349
- "className": "animate-spin",
3350
- "className:1": "flex-none",
3351
- "spacing": "2",
3352
- "borderRadius": "full"
3353
- },
3354
- "cxLiterals": [
3355
- "duration-0",
3356
- "duration-120",
3357
- "transition-[background-color]",
3358
- "bg-carbon-15/0",
3359
- "hover:bg-carbon-15/10",
3360
- "active:bg-carbon-15/15",
3361
- "uds-ring"
3362
- ],
3363
- "internalComponents": [
3364
- "IconSlot",
3365
- "ToastContainer",
3366
3434
  "Text",
3367
- "Button",
3368
- "Pressable"
3435
+ "DialogHeading"
3369
3436
  ],
3370
- "internalComponentProps": {},
3437
+ "internalComponentProps": {
3438
+ "Text": {
3439
+ "as": [
3440
+ "span"
3441
+ ]
3442
+ }
3443
+ },
3371
3444
  "propToVariantKeys": {
3372
3445
  "size": [
3373
- "toastSizeLabel",
3374
- "toastSizeIcon",
3375
- "toastSizeActionButton",
3376
- "toastSizeCloseIcon"
3446
+ "modalSizeTitle"
3377
3447
  ],
3378
3448
  "variant": [
3379
- "toastVariantIcon",
3380
- "toastVariantActionButton",
3381
- "toastVariantCloseIcon"
3382
- ],
3383
- "closeIcon": [
3384
- "icon"
3385
- ],
3386
- "onClickActionButton": [
3387
- "onClick"
3449
+ "modalVariantTitle"
3388
3450
  ]
3389
3451
  },
3390
3452
  "runtimeConfigDefaultProps": {
3391
- "size": "toast.defaultSize",
3392
- "variant": "toast.defaultVariant"
3453
+ "size": "modal.defaultSize",
3454
+ "variant": "modal.defaultVariant"
3393
3455
  },
3394
3456
  "runtimeConfigGetStyles": {
3395
- "toastSizeLabel": [
3396
- "toast.defaultSize"
3397
- ],
3398
- "toastVariantIcon": [
3399
- "toast.defaultVariant"
3400
- ],
3401
- "toastSizeIcon": [
3402
- "toast.defaultSize"
3403
- ],
3404
- "toastSizeActionButton": [
3405
- "toast.defaultSize"
3406
- ],
3407
- "toastVariantActionButton": [
3408
- "toast.defaultVariant"
3409
- ],
3410
- "toastVariantCloseIcon": [
3411
- "toast.defaultVariant"
3457
+ "modalSizeTitle": [
3458
+ "modal.defaultSize"
3412
3459
  ],
3413
- "toastSizeCloseIcon": [
3414
- "toast.defaultSize"
3460
+ "modalVariantTitle": [
3461
+ "modal.defaultVariant"
3415
3462
  ]
3416
3463
  },
3417
- "runtimeConfigInternalComponentProps": {
3418
- "ToastContainer": {
3419
- "size": [
3420
- "toast.defaultSize"
3421
- ],
3422
- "variant": [
3423
- "toast.defaultVariant"
3424
- ]
3425
- },
3426
- "Text": {
3427
- "variant": [
3428
- "toast.textVariant.${size}"
3429
- ],
3430
- "color": [
3431
- "toast.textColor.${variant}"
3432
- ]
3433
- },
3434
- "Button": {
3435
- "size": [
3436
- "toast.buttonSize.${size}"
3437
- ],
3438
- "variant": [
3439
- "toast.buttonVariant.${variant}"
3440
- ]
3441
- }
3442
- },
3464
+ "runtimeConfigInternalComponentProps": {},
3443
3465
  "motionVarPrefixes": []
3444
3466
  },
3445
- "ToastContainer": {
3446
- "name": "ToastContainer",
3467
+ "ModalActions": {
3468
+ "name": "ModalActions",
3447
3469
  "defaultProps": {},
3448
3470
  "getStylesLiterals": {
3449
- "position": "relative",
3450
- "alignItems": "center",
3451
- "display": "flex",
3452
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
3471
+ "flexDirection": "row-reverse",
3472
+ "justifyContent": "space-between",
3473
+ "alignItems": "center"
3453
3474
  },
3454
3475
  "cxLiterals": [
3455
- "w-full"
3476
+ "gap-[inherit]"
3456
3477
  ],
3457
3478
  "internalComponents": [
3458
3479
  "HStack"
3459
3480
  ],
3460
- "internalComponentProps": {
3461
- "HStack": {
3462
- "alignItems": [
3463
- "center"
3464
- ],
3465
- "justifyContent": [
3466
- "space-between"
3467
- ],
3468
- "overflow": [
3469
- "hidden"
3470
- ],
3471
- "position": [
3472
- "relative"
3473
- ]
3474
- }
3475
- },
3481
+ "internalComponentProps": {},
3476
3482
  "propToVariantKeys": {
3477
- "variant": [
3478
- "toastVariantRoot"
3479
- ],
3480
3483
  "size": [
3481
- "toastSizeRoot"
3484
+ "modalSizeSpacingHorizontal",
3485
+ "modalSizeActions"
3482
3486
  ]
3483
3487
  },
3484
3488
  "runtimeConfigDefaultProps": {
3485
- "size": "toast.defaultSize",
3486
- "variant": "toast.defaultVariant"
3489
+ "size": "modal.defaultSize",
3490
+ "variant": "modal.defaultVariant"
3487
3491
  },
3488
3492
  "runtimeConfigGetStyles": {
3489
- "toastVariantRoot": [
3490
- "toast.defaultVariant"
3493
+ "modalSizeSpacingHorizontal": [
3494
+ "modal.defaultSize"
3491
3495
  ],
3492
- "toastSizeRoot": [
3493
- "toast.defaultSize"
3496
+ "modalSizeActions": [
3497
+ "modal.defaultSize"
3494
3498
  ]
3495
3499
  },
3496
- "runtimeConfigInternalComponentProps": {
3497
- "HStack": {
3498
- "backgroundColor": [
3499
- "toast.backgroundColor.${variant}"
3500
- ]
3501
- }
3502
- },
3503
- "motionVarPrefixes": []
3504
- },
3505
- "ToastPortal": {
3506
- "name": "ToastPortal",
3507
- "defaultProps": {},
3508
- "getStylesLiterals": {},
3509
- "cxLiterals": [],
3510
- "internalComponents": [
3511
- "ReactToastifyToastContainer"
3512
- ],
3513
- "internalComponentProps": {},
3514
- "propToVariantKeys": {},
3515
- "runtimeConfigDefaultProps": {
3516
- "size": "toast.defaultSize",
3517
- "variant": "toast.defaultVariant"
3518
- },
3519
- "runtimeConfigGetStyles": {},
3520
- "runtimeConfigInternalComponentProps": {
3521
- "ReactToastifyToastContainer": {
3522
- "autoClose": [
3523
- "toast.autoClose"
3524
- ]
3525
- }
3526
- },
3527
- "motionVarPrefixes": []
3528
- },
3529
- "UDSToastConfigProvider": {
3530
- "name": "UDSToastConfigProvider",
3531
- "defaultProps": {},
3532
- "getStylesLiterals": {},
3533
- "cxLiterals": [],
3534
- "internalComponents": [
3535
- "ToastContext.Provider"
3536
- ],
3537
- "internalComponentProps": {},
3538
- "propToVariantKeys": {},
3539
- "runtimeConfigDefaultProps": {},
3540
- "runtimeConfigGetStyles": {},
3541
- "runtimeConfigInternalComponentProps": {},
3542
- "motionVarPrefixes": []
3543
- },
3544
- "Tooltip": {
3545
- "name": "Tooltip",
3546
- "defaultProps": {},
3547
- "getStylesLiterals": {},
3548
- "cxLiterals": [],
3549
- "internalComponents": [
3550
- "TooltipInternalContext.Provider",
3551
- "TooltipProvider"
3552
- ],
3553
- "internalComponentProps": {},
3554
- "propToVariantKeys": {},
3555
- "runtimeConfigDefaultProps": {},
3556
- "runtimeConfigGetStyles": {},
3557
- "runtimeConfigInternalComponentProps": {
3558
- "TooltipProvider": {
3559
- "animated": [
3560
- "tooltip.animationDuration"
3561
- ]
3562
- }
3563
- },
3500
+ "runtimeConfigInternalComponentProps": {},
3564
3501
  "motionVarPrefixes": []
3565
3502
  },
3566
- "TooltipContent": {
3567
- "name": "TooltipContent",
3568
- "defaultProps": {},
3503
+ "Modal": {
3504
+ "name": "Modal",
3505
+ "defaultProps": {
3506
+ "closeAriaLabel": "Close",
3507
+ "maxWidth": "auto",
3508
+ "maxHeight": "auto",
3509
+ "scrollBehavior": "outside"
3510
+ },
3569
3511
  "getStylesLiterals": {
3570
- "tooltipSizeRoot": "default",
3571
- "tooltipVariantRoot": "default",
3572
- "tooltipSizeSvg": "default",
3573
- "tooltipVariantSvg": "default",
3574
- "tooltipVariantBlur": "default",
3575
- "position": "absolute",
3576
- "width": "full",
3577
- "height": "full",
3578
- "tooltipSizeTitle": "default",
3579
- "tooltipSizeBody": "default",
3580
- "tooltipSizeEndContent": "default",
3581
- "tooltipSizeIcon": "default",
3582
- "tooltipVariantIcon": "default"
3512
+ "flexDirection": "row-reverse",
3513
+ "justifyContent": "space-between",
3514
+ "alignItems": "flex-end",
3515
+ "alignItems:1": "flex-start",
3516
+ "borderRadius": "full"
3583
3517
  },
3584
3518
  "cxLiterals": [
3585
- "max-w-lg",
3586
- "flex",
3587
- "z-[9999]",
3588
- "uds-bgBlurFillFallback",
3519
+ "fixed",
3520
+ "inset-0",
3521
+ "z-40",
3522
+ "overflow-y-auto",
3523
+ "overflow-hidden",
3524
+ "transition-[opacity,visibility]",
3525
+ "visible",
3526
+ "opacity-100",
3527
+ "invisible",
3528
+ "opacity-0",
3529
+ "pointer-events-none",
3589
3530
  "uds-bgBlurFallback",
3590
- "top-0",
3591
- "left-0",
3592
- "z-[1]"
3531
+ "w-full",
3532
+ "w-fit",
3533
+ "h-full",
3534
+ "h-fit",
3535
+ "m-auto",
3536
+ "pointer-events-auto",
3537
+ "inside",
3538
+ "max-h-full",
3539
+ "transition-transform",
3540
+ "duration-0",
3541
+ "duration-120",
3542
+ "transition-[background-color]",
3543
+ "bg-carbon-15/0",
3544
+ "hover:bg-carbon-15/10",
3545
+ "active:bg-carbon-15/15",
3546
+ "uds-ring",
3547
+ "[translate:50%_-50%]"
3593
3548
  ],
3594
3549
  "internalComponents": [
3595
- "IconSlot",
3596
- "TooltipArrow",
3597
- "Tooltip",
3598
- "SvgFloatingOverlay",
3550
+ "Scrim",
3599
3551
  "VStack",
3552
+ "Pressable",
3553
+ "IconSlot",
3600
3554
  "Box",
3601
- "Text"
3555
+ "Dialog",
3556
+ "ModalContext.Provider",
3557
+ "HStack",
3558
+ "DialogDismiss",
3559
+ "ModalTitle",
3560
+ "ModalDescription",
3561
+ "ModalContent",
3562
+ "ModalActions"
3602
3563
  ],
3603
3564
  "internalComponentProps": {
3604
- "SvgFloatingOverlay": {
3605
- "contentOverflow": [
3606
- "visible"
3607
- ]
3608
- },
3609
- "VStack": {
3610
- "className": [
3611
- "gap-[inherit]"
3612
- ]
3613
- },
3614
3565
  "Box": {
3615
- "alignItems": [
3616
- "center"
3617
- ],
3618
- "columnGap": [
3619
- "1",
3620
- "1.5"
3621
- ]
3622
- },
3623
- "Text": {
3624
- "color": [
3625
- "inherit"
3566
+ "flexGrow": [
3567
+ "1"
3626
3568
  ]
3627
3569
  }
3628
3570
  },
3629
3571
  "propToVariantKeys": {
3630
- "startTitleIcon": [
3572
+ "gutter": [
3573
+ "spacing"
3574
+ ],
3575
+ "size": [
3576
+ "modalSizeRoot",
3577
+ "modalSizeSpacingHorizontal",
3578
+ "modalSizeHeader",
3579
+ "modalSizeTitleDescriptionWrapper",
3580
+ "modalSizeCloseIconContainer",
3581
+ "modalSizeCloseIcon"
3582
+ ],
3583
+ "variant": [
3584
+ "modalVariantRoot",
3585
+ "modalVariantCloseIcon"
3586
+ ],
3587
+ "closeAriaLabel": [
3588
+ "aria-label"
3589
+ ],
3590
+ "closeIcon": [
3631
3591
  "icon"
3632
3592
  ]
3633
3593
  },
3634
- "runtimeConfigDefaultProps": {},
3635
- "runtimeConfigGetStyles": {},
3636
- "runtimeConfigInternalComponentProps": {},
3637
- "motionVarPrefixes": []
3638
- },
3639
- "TooltipTrigger": {
3640
- "name": "TooltipTrigger",
3641
- "defaultProps": {},
3642
- "getStylesLiterals": {},
3643
- "cxLiterals": [],
3644
- "internalComponents": [
3645
- "TooltipAnchor"
3646
- ],
3647
- "internalComponentProps": {
3648
- "TooltipAnchor": {
3649
- "className": [
3650
- "inline"
3651
- ]
3652
- }
3594
+ "runtimeConfigDefaultProps": {
3595
+ "size": "modal.defaultSize",
3596
+ "variant": "modal.defaultVariant"
3653
3597
  },
3654
- "propToVariantKeys": {
3655
- "children": [
3656
- "render"
3598
+ "runtimeConfigGetStyles": {
3599
+ "spacing": [
3600
+ "modal.gutter.${size}"
3601
+ ],
3602
+ "modalSizeRoot": [
3603
+ "modal.defaultSize"
3604
+ ],
3605
+ "modalVariantRoot": [
3606
+ "modal.defaultVariant"
3607
+ ],
3608
+ "modalSizeSpacingHorizontal": [
3609
+ "modal.defaultSize"
3610
+ ],
3611
+ "modalSizeHeader": [
3612
+ "modal.defaultSize"
3613
+ ],
3614
+ "modalSizeTitleDescriptionWrapper": [
3615
+ "modal.defaultSize"
3616
+ ],
3617
+ "modalSizeCloseIconContainer": [
3618
+ "modal.defaultSize"
3619
+ ],
3620
+ "modalSizeCloseIcon": [
3621
+ "modal.defaultSize"
3622
+ ],
3623
+ "modalVariantCloseIcon": [
3624
+ "modal.defaultVariant"
3657
3625
  ]
3658
3626
  },
3659
- "runtimeConfigDefaultProps": {},
3660
- "runtimeConfigGetStyles": {},
3661
3627
  "runtimeConfigInternalComponentProps": {},
3662
3628
  "motionVarPrefixes": []
3663
3629
  },
3664
- "UDSTooltipConfigProvider": {
3665
- "name": "UDSTooltipConfigProvider",
3630
+ "UDSModalConfigProvider": {
3631
+ "name": "UDSModalConfigProvider",
3666
3632
  "defaultProps": {},
3667
3633
  "getStylesLiterals": {},
3668
3634
  "cxLiterals": [],
3669
3635
  "internalComponents": [
3670
- "TooltipContext.Provider"
3636
+ "ModalContext.Provider"
3671
3637
  ],
3672
3638
  "internalComponentProps": {},
3673
3639
  "propToVariantKeys": {},
@@ -3676,38 +3642,72 @@
3676
3642
  "runtimeConfigInternalComponentProps": {},
3677
3643
  "motionVarPrefixes": []
3678
3644
  },
3679
- "UDSBreakpointsConfigProvider": {
3680
- "name": "UDSBreakpointsConfigProvider",
3645
+ "ModalDescription": {
3646
+ "name": "ModalDescription",
3681
3647
  "defaultProps": {},
3682
3648
  "getStylesLiterals": {},
3683
3649
  "cxLiterals": [],
3684
3650
  "internalComponents": [
3685
- "UDSBreakpointsConfigContext.Provider"
3651
+ "Text",
3652
+ "DialogDescription"
3686
3653
  ],
3687
- "internalComponentProps": {},
3688
- "propToVariantKeys": {},
3689
- "runtimeConfigDefaultProps": {},
3690
- "runtimeConfigGetStyles": {},
3654
+ "internalComponentProps": {
3655
+ "Text": {
3656
+ "as": [
3657
+ "span"
3658
+ ]
3659
+ }
3660
+ },
3661
+ "propToVariantKeys": {
3662
+ "size": [
3663
+ "modalSizeDescription"
3664
+ ],
3665
+ "variant": [
3666
+ "modalVariantDescription"
3667
+ ]
3668
+ },
3669
+ "runtimeConfigDefaultProps": {
3670
+ "size": "modal.defaultSize",
3671
+ "variant": "modal.defaultVariant"
3672
+ },
3673
+ "runtimeConfigGetStyles": {
3674
+ "modalSizeDescription": [
3675
+ "modal.defaultSize"
3676
+ ],
3677
+ "modalVariantDescription": [
3678
+ "modal.defaultVariant"
3679
+ ]
3680
+ },
3691
3681
  "runtimeConfigInternalComponentProps": {},
3692
3682
  "motionVarPrefixes": []
3693
3683
  },
3694
- "UDSConfigProvider": {
3695
- "name": "UDSConfigProvider",
3684
+ "ModalContent": {
3685
+ "name": "ModalContent",
3696
3686
  "defaultProps": {},
3697
- "getStylesLiterals": {},
3687
+ "getStylesLiterals": {
3688
+ "overflowY": "auto",
3689
+ "display": "block",
3690
+ "flexGrow": "1"
3691
+ },
3698
3692
  "cxLiterals": [],
3699
3693
  "internalComponents": [
3700
- "UDSBreakpointsConfigProvider",
3701
- "UDSBottomSheetConfigProvider",
3702
- "UDSToastConfigProvider",
3703
- "UDSTooltipConfigProvider",
3704
- "UDSPopoverConfigProvider",
3705
- "UDSModalConfigProvider"
3694
+ "Box"
3706
3695
  ],
3707
3696
  "internalComponentProps": {},
3708
- "propToVariantKeys": {},
3709
- "runtimeConfigDefaultProps": {},
3710
- "runtimeConfigGetStyles": {},
3697
+ "propToVariantKeys": {
3698
+ "size": [
3699
+ "modalSizeSpacingHorizontal"
3700
+ ]
3701
+ },
3702
+ "runtimeConfigDefaultProps": {
3703
+ "size": "modal.defaultSize",
3704
+ "variant": "modal.defaultVariant"
3705
+ },
3706
+ "runtimeConfigGetStyles": {
3707
+ "modalSizeSpacingHorizontal": [
3708
+ "modal.defaultSize"
3709
+ ]
3710
+ },
3711
3711
  "runtimeConfigInternalComponentProps": {},
3712
3712
  "motionVarPrefixes": []
3713
3713
  }