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