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