@yahoo/uds 3.125.1 → 3.127.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 (203) hide show
  1. package/dist/automated-config/dist/generated/autoVariants.cjs +60 -0
  2. package/dist/automated-config/dist/generated/autoVariants.d.cts +14 -0
  3. package/dist/automated-config/dist/generated/autoVariants.d.ts +14 -0
  4. package/dist/automated-config/dist/generated/autoVariants.js +60 -0
  5. package/dist/automated-config/dist/generated/generatedConfigs.cjs +5169 -495
  6. package/dist/automated-config/dist/generated/generatedConfigs.d.cts +526 -1
  7. package/dist/automated-config/dist/generated/generatedConfigs.d.ts +526 -1
  8. package/dist/automated-config/dist/generated/generatedConfigs.js +5167 -496
  9. package/dist/automated-config/dist/generated/universalTokensConfigAuto.cjs +2558 -1490
  10. package/dist/automated-config/dist/generated/universalTokensConfigAuto.d.cts +4 -1
  11. package/dist/automated-config/dist/generated/universalTokensConfigAuto.d.ts +4 -1
  12. package/dist/automated-config/dist/generated/universalTokensConfigAuto.js +2558 -1490
  13. package/dist/automated-config/dist/properties.cjs +12 -0
  14. package/dist/automated-config/dist/properties.d.cts +4 -0
  15. package/dist/automated-config/dist/properties.d.ts +4 -0
  16. package/dist/automated-config/dist/properties.js +12 -0
  17. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts +2 -2
  18. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.ts +2 -2
  19. package/dist/automated-config/dist/utils/index.cjs +103 -6
  20. package/dist/automated-config/dist/utils/index.js +103 -6
  21. package/dist/components/Banner/Banner.cjs +167 -0
  22. package/dist/components/Banner/Banner.d.cts +56 -0
  23. package/dist/components/Banner/Banner.d.ts +56 -0
  24. package/dist/components/Banner/Banner.js +165 -0
  25. package/dist/components/Banner/BannerContent.cjs +20 -0
  26. package/dist/components/Banner/BannerContent.d.cts +13 -0
  27. package/dist/components/Banner/BannerContent.d.ts +13 -0
  28. package/dist/components/Banner/BannerContent.js +18 -0
  29. package/dist/components/Banner/BannerDescription.cjs +47 -0
  30. package/dist/components/Banner/BannerDescription.d.cts +36 -0
  31. package/dist/components/Banner/BannerDescription.d.ts +36 -0
  32. package/dist/components/Banner/BannerDescription.js +45 -0
  33. package/dist/components/Banner/BannerTitle.cjs +42 -0
  34. package/dist/components/Banner/BannerTitle.d.cts +34 -0
  35. package/dist/components/Banner/BannerTitle.d.ts +34 -0
  36. package/dist/components/Banner/BannerTitle.js +40 -0
  37. package/dist/components/Banner/index.cjs +11 -0
  38. package/dist/components/Banner/index.d.cts +6 -0
  39. package/dist/components/Banner/index.d.ts +6 -0
  40. package/dist/components/Banner/index.js +7 -0
  41. package/dist/components/Banner/utils.cjs +56 -0
  42. package/dist/components/Banner/utils.d.cts +26 -0
  43. package/dist/components/Banner/utils.d.ts +26 -0
  44. package/dist/components/Banner/utils.js +52 -0
  45. package/dist/components/Divider/DividerCore.cjs +1 -1
  46. package/dist/components/Divider/DividerCore.js +1 -1
  47. package/dist/components/client/Avatar/AvatarIcon.cjs +2 -2
  48. package/dist/components/client/Avatar/AvatarIcon.js +2 -2
  49. package/dist/components/client/Avatar/AvatarText.cjs +1 -1
  50. package/dist/components/client/Avatar/AvatarText.js +1 -1
  51. package/dist/components/client/Badge.cjs +1 -1
  52. package/dist/components/client/Badge.js +1 -1
  53. package/dist/components/client/BottomSheet/BottomSheetHeader.cjs +1 -1
  54. package/dist/components/client/BottomSheet/BottomSheetHeader.js +1 -1
  55. package/dist/components/client/Button.cjs +1 -1
  56. package/dist/components/client/Button.js +1 -1
  57. package/dist/components/client/Checkbox.cjs +2 -2
  58. package/dist/components/client/Checkbox.js +2 -2
  59. package/dist/components/client/Chip/ChipBase.cjs +2 -2
  60. package/dist/components/client/Chip/ChipBase.js +2 -2
  61. package/dist/components/client/Chip/ChipDismissible.cjs +2 -2
  62. package/dist/components/client/Chip/ChipDismissible.js +2 -2
  63. package/dist/components/client/IconButton.cjs +1 -1
  64. package/dist/components/client/IconButton.js +1 -1
  65. package/dist/components/client/Input/Input.cjs +1 -1
  66. package/dist/components/client/Input/Input.js +1 -1
  67. package/dist/components/client/Input/InputHelpTextInternal.cjs +1 -1
  68. package/dist/components/client/Input/InputHelpTextInternal.js +1 -1
  69. package/dist/components/client/Menu/Menu.ItemBase.cjs +2 -2
  70. package/dist/components/client/Menu/Menu.ItemBase.js +2 -2
  71. package/dist/components/client/Menu/Menu.ItemCheckbox.cjs +1 -1
  72. package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +1 -1
  73. package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
  74. package/dist/components/client/Menu/Menu.ItemCheckbox.js +1 -1
  75. package/dist/components/client/Popover/PopoverContent.cjs +3 -3
  76. package/dist/components/client/Popover/PopoverContent.js +3 -3
  77. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +1 -1
  78. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +1 -1
  79. package/dist/components/client/Switch.cjs +1 -1
  80. package/dist/components/client/Switch.js +1 -1
  81. package/dist/components/client/Tabs/Tab.cjs +80 -0
  82. package/dist/components/client/Tabs/Tab.d.cts +20 -0
  83. package/dist/components/client/Tabs/Tab.d.ts +21 -0
  84. package/dist/components/client/Tabs/Tab.js +78 -0
  85. package/dist/components/client/Tabs/TabList.cjs +132 -0
  86. package/dist/components/client/Tabs/TabList.d.cts +9 -0
  87. package/dist/components/client/Tabs/TabList.d.ts +10 -0
  88. package/dist/components/client/Tabs/TabList.js +130 -0
  89. package/dist/components/client/Tabs/TabPanel.cjs +22 -0
  90. package/dist/components/client/Tabs/TabPanel.d.cts +9 -0
  91. package/dist/components/client/Tabs/TabPanel.d.ts +10 -0
  92. package/dist/components/client/Tabs/TabPanel.js +20 -0
  93. package/dist/components/client/Tabs/Tabs.cjs +53 -0
  94. package/dist/components/client/Tabs/Tabs.d.cts +45 -0
  95. package/dist/components/client/Tabs/Tabs.d.ts +46 -0
  96. package/dist/components/client/Tabs/Tabs.js +51 -0
  97. package/dist/components/client/Tabs/index.cjs +12 -0
  98. package/dist/components/client/Tabs/index.d.cts +7 -0
  99. package/dist/components/client/Tabs/index.d.ts +8 -0
  100. package/dist/components/client/Tabs/index.js +8 -0
  101. package/dist/components/client/Tabs/tabsContext.cjs +18 -0
  102. package/dist/components/client/Tabs/tabsContext.d.cts +15 -0
  103. package/dist/components/client/Tabs/tabsContext.d.ts +16 -0
  104. package/dist/components/client/Tabs/tabsContext.js +15 -0
  105. package/dist/components/client/Toast/Toast.cjs +3 -3
  106. package/dist/components/client/Toast/Toast.js +3 -3
  107. package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +5 -5
  108. package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +5 -5
  109. package/dist/components/client/Tooltip/TooltipContent.cjs +2 -2
  110. package/dist/components/client/Tooltip/TooltipContent.js +2 -2
  111. package/dist/components/client/index.cjs +9 -1
  112. package/dist/components/client/index.d.cts +7 -1
  113. package/dist/components/client/index.d.ts +7 -1
  114. package/dist/components/client/index.js +6 -2
  115. package/dist/components/experimental/Spinner.cjs +1 -1
  116. package/dist/components/experimental/Spinner.js +1 -1
  117. package/dist/components/experimental/Table.cjs +1 -1
  118. package/dist/components/experimental/Table.js +1 -1
  119. package/dist/components/experimental/client/Accordion.cjs +4 -4
  120. package/dist/components/experimental/client/Accordion.js +4 -4
  121. package/dist/components/experimental/client/Modal.cjs +2 -2
  122. package/dist/components/experimental/client/Modal.js +2 -2
  123. package/dist/components/experimental/client/SegmentedControl.cjs +3 -3
  124. package/dist/components/experimental/client/SegmentedControl.js +3 -3
  125. package/dist/components/experimental/client/SwitchV2.cjs +1 -1
  126. package/dist/components/experimental/client/SwitchV2.js +1 -1
  127. package/dist/components/experimental/client/index.cjs +0 -5
  128. package/dist/components/experimental/client/index.d.cts +1 -2
  129. package/dist/components/experimental/client/index.d.ts +1 -2
  130. package/dist/components/experimental/client/index.js +1 -2
  131. package/dist/components/experimental/index.cjs +0 -9
  132. package/dist/components/experimental/index.d.cts +1 -2
  133. package/dist/components/experimental/index.d.ts +1 -2
  134. package/dist/components/experimental/index.js +1 -6
  135. package/dist/components/index.cjs +27 -3
  136. package/dist/components/index.d.cts +11 -1
  137. package/dist/components/index.d.ts +11 -1
  138. package/dist/components/index.js +20 -4
  139. package/dist/config/dist/index.cjs +1496 -339
  140. package/dist/config/dist/index.js +1496 -339
  141. package/dist/index.cjs +22 -3
  142. package/dist/index.d.cts +12 -3
  143. package/dist/index.d.ts +12 -3
  144. package/dist/index.js +13 -5
  145. package/dist/styles/styler.d.cts +107 -93
  146. package/dist/styles/styler.d.ts +107 -93
  147. package/dist/styles/variants.d.cts +74 -0
  148. package/dist/styles/variants.d.ts +74 -0
  149. package/dist/tailwind/dist/automated-config/dist/generated/autoVariants.cjs +60 -0
  150. package/dist/tailwind/dist/automated-config/dist/generated/autoVariants.js +60 -0
  151. package/dist/tailwind/dist/automated-config/dist/generated/autoVariants.js.map +1 -1
  152. package/dist/tailwind/dist/automated-config/dist/generated/generatedConfigs.cjs +5169 -495
  153. package/dist/tailwind/dist/automated-config/dist/generated/generatedConfigs.js +5167 -496
  154. package/dist/tailwind/dist/automated-config/dist/generated/generatedConfigs.js.map +1 -1
  155. package/dist/tailwind/dist/automated-config/dist/properties.cjs +12 -0
  156. package/dist/tailwind/dist/automated-config/dist/properties.js +12 -0
  157. package/dist/tailwind/dist/automated-config/dist/properties.js.map +1 -1
  158. package/dist/tailwind/dist/automated-config/dist/utils/index.cjs +103 -6
  159. package/dist/tailwind/dist/automated-config/dist/utils/index.js +103 -6
  160. package/dist/tailwind/dist/automated-config/dist/utils/index.js.map +1 -1
  161. package/dist/tailwind/dist/config/dist/index.cjs +1496 -339
  162. package/dist/tailwind/dist/config/dist/index.js +1496 -339
  163. package/dist/tailwind/dist/config/dist/index.js.map +1 -1
  164. package/dist/tailwind/dist/css/utils.cjs +3 -1
  165. package/dist/tailwind/dist/css/utils.js +3 -1
  166. package/dist/tailwind/dist/css/utils.js.map +1 -1
  167. package/dist/tailwind/dist/purger/optimized/utils/componentAnalyzer.cjs +36 -2
  168. package/dist/tailwind/dist/purger/optimized/utils/componentAnalyzer.js +36 -2
  169. package/dist/tailwind/dist/purger/optimized/utils/componentAnalyzer.js.map +1 -1
  170. package/dist/tailwind/dist/tailwind/plugins/components.cjs +3 -0
  171. package/dist/tailwind/dist/tailwind/plugins/components.js +4 -1
  172. package/dist/tailwind/dist/tailwind/plugins/components.js.map +1 -1
  173. package/dist/tailwind/dist/tailwind/utils/getShadowStyles.d.cts +4 -4
  174. package/dist/tailwind/dist/tailwind/utils/getShadowStyles.d.ts +4 -4
  175. package/dist/tailwind/dist/types/dist/index.d.cts.map +1 -1
  176. package/dist/tailwind/dist/types/dist/index.d.ts.map +1 -1
  177. package/dist/tokens/automation/configs/index.cjs +3 -0
  178. package/dist/tokens/automation/configs/index.d.cts +2 -2
  179. package/dist/tokens/automation/configs/index.d.ts +2 -2
  180. package/dist/tokens/automation/configs/index.js +2 -2
  181. package/dist/tokens/automation/index.cjs +3 -0
  182. package/dist/tokens/automation/index.d.cts +2 -2
  183. package/dist/tokens/automation/index.d.ts +2 -2
  184. package/dist/tokens/automation/index.js +2 -2
  185. package/dist/tokens/index.cjs +3 -0
  186. package/dist/tokens/index.d.cts +3 -3
  187. package/dist/tokens/index.d.ts +3 -3
  188. package/dist/tokens/index.js +2 -2
  189. package/dist/tokens/types.d.cts +2 -2
  190. package/dist/tokens/types.d.ts +2 -2
  191. package/dist/types/dist/index.d.cts +70 -1
  192. package/dist/types/dist/index.d.ts +70 -1
  193. package/dist/uds/generated/componentData.cjs +1030 -774
  194. package/dist/uds/generated/componentData.js +893 -679
  195. package/dist/uds/generated/tailwindPurge.cjs +41 -43
  196. package/dist/uds/generated/tailwindPurge.js +41 -43
  197. package/generated/componentData.json +1693 -1432
  198. package/generated/tailwindPurge.ts +4 -4
  199. package/package.json +1 -1
  200. package/dist/components/experimental/client/Tabs.cjs +0 -76
  201. package/dist/components/experimental/client/Tabs.d.cts +0 -31
  202. package/dist/components/experimental/client/Tabs.d.ts +0 -32
  203. package/dist/components/experimental/client/Tabs.js +0 -71
@@ -334,6 +334,158 @@
334
334
  "runtimeConfigInternalComponentProps": {},
335
335
  "motionVarPrefixes": []
336
336
  },
337
+ "Banner": {
338
+ "name": "Banner",
339
+ "defaultProps": {
340
+ "variant": "primary",
341
+ "size": "default",
342
+ "dismissAriaLabel": "Dismiss"
343
+ },
344
+ "getStylesLiterals": {
345
+ "className": "truncate",
346
+ "className:1": "line-clamp-3",
347
+ "spacing": "2",
348
+ "borderRadius": "full"
349
+ },
350
+ "cxLiterals": [
351
+ "flex",
352
+ "flex-row",
353
+ "items-center",
354
+ "items-start",
355
+ "min-w-[300px]",
356
+ "shadow-[inset_0px_-20px_20px_-10px_rgba(31,31,31,0.05)]",
357
+ "transition-[background-color]",
358
+ "motion-safe:duration-120",
359
+ "bg-carbon-15/0",
360
+ "hover:bg-carbon-15/10",
361
+ "active:bg-carbon-15/15",
362
+ "uds-ring",
363
+ "shrink-0",
364
+ "self-start",
365
+ "flex-1",
366
+ "min-w-0",
367
+ "flex-col",
368
+ "gap-[inherit]",
369
+ "uds-sm:flex-row",
370
+ "uds-sm:items-center",
371
+ "self-stretch",
372
+ "gap-0.5",
373
+ "w-full",
374
+ "truncate",
375
+ "leading-none",
376
+ "line-clamp-3",
377
+ "gap-1.5",
378
+ "uds-sm:self-center",
379
+ "uds-sm:shrink-0"
380
+ ],
381
+ "internalComponents": [
382
+ "IconSlot",
383
+ "Text",
384
+ "Pressable"
385
+ ],
386
+ "internalComponentProps": {
387
+ "IconSlot": {
388
+ "data-testid": [
389
+ "banner-start-icon"
390
+ ]
391
+ },
392
+ "Text": {
393
+ "data-testid": [
394
+ "banner-title",
395
+ "banner-description"
396
+ ]
397
+ },
398
+ "Pressable": {
399
+ "data-testid": [
400
+ "banner-dismiss"
401
+ ]
402
+ }
403
+ },
404
+ "propToVariantKeys": {
405
+ "variant": [
406
+ "bannerVariantRoot",
407
+ "bannerVariantIcon"
408
+ ],
409
+ "size": [
410
+ "bannerSizeRoot",
411
+ "bannerSizeIcon",
412
+ "bannerSizeTitle",
413
+ "bannerSizeDescription",
414
+ "bannerSizeClose"
415
+ ],
416
+ "startIcon": [
417
+ "icon"
418
+ ],
419
+ "dismissAriaLabel": [
420
+ "aria-label"
421
+ ],
422
+ "onDismiss": [
423
+ "onClick"
424
+ ]
425
+ },
426
+ "runtimeConfigDefaultProps": {},
427
+ "runtimeConfigGetStyles": {},
428
+ "runtimeConfigInternalComponentProps": {},
429
+ "motionVarPrefixes": []
430
+ },
431
+ "BannerContent": {
432
+ "name": "BannerContent",
433
+ "defaultProps": {},
434
+ "getStylesLiterals": {},
435
+ "cxLiterals": [
436
+ "flex",
437
+ "flex-col",
438
+ "items-start",
439
+ "self-stretch",
440
+ "flex-1",
441
+ "min-w-0"
442
+ ],
443
+ "internalComponents": [],
444
+ "internalComponentProps": {},
445
+ "propToVariantKeys": {},
446
+ "runtimeConfigDefaultProps": {},
447
+ "runtimeConfigGetStyles": {},
448
+ "runtimeConfigInternalComponentProps": {},
449
+ "motionVarPrefixes": []
450
+ },
451
+ "BannerDescription": {
452
+ "name": "BannerDescription",
453
+ "defaultProps": {},
454
+ "getStylesLiterals": {
455
+ "bannerSizeDescription": "default",
456
+ "className": "w-full line-clamp-3"
457
+ },
458
+ "cxLiterals": [],
459
+ "internalComponents": [
460
+ "Text"
461
+ ],
462
+ "internalComponentProps": {},
463
+ "propToVariantKeys": {},
464
+ "runtimeConfigDefaultProps": {},
465
+ "runtimeConfigGetStyles": {},
466
+ "runtimeConfigInternalComponentProps": {},
467
+ "motionVarPrefixes": []
468
+ },
469
+ "BannerTitle": {
470
+ "name": "BannerTitle",
471
+ "defaultProps": {},
472
+ "getStylesLiterals": {
473
+ "bannerSizeTitle": "default"
474
+ },
475
+ "cxLiterals": [
476
+ "w-full",
477
+ "truncate"
478
+ ],
479
+ "internalComponents": [
480
+ "Text"
481
+ ],
482
+ "internalComponentProps": {},
483
+ "propToVariantKeys": {},
484
+ "runtimeConfigDefaultProps": {},
485
+ "runtimeConfigGetStyles": {},
486
+ "runtimeConfigInternalComponentProps": {},
487
+ "motionVarPrefixes": []
488
+ },
337
489
  "Divider": {
338
490
  "name": "Divider",
339
491
  "defaultProps": {},
@@ -423,6 +575,92 @@
423
575
  "runtimeConfigInternalComponentProps": {},
424
576
  "motionVarPrefixes": []
425
577
  },
578
+ "Spinner": {
579
+ "name": "Spinner",
580
+ "defaultProps": {
581
+ "color": "primary",
582
+ "size": "lg"
583
+ },
584
+ "getStylesLiterals": {},
585
+ "cxLiterals": [
586
+ "self-center",
587
+ "relative",
588
+ "sr-only"
589
+ ],
590
+ "internalComponents": [
591
+ "Icon"
592
+ ],
593
+ "internalComponentProps": {
594
+ "Icon": {
595
+ "role": [
596
+ "img"
597
+ ],
598
+ "className": [
599
+ "animate-spin"
600
+ ],
601
+ "aria-hidden": [
602
+ "true"
603
+ ]
604
+ }
605
+ },
606
+ "propToVariantKeys": {},
607
+ "runtimeConfigDefaultProps": {},
608
+ "runtimeConfigGetStyles": {},
609
+ "runtimeConfigInternalComponentProps": {},
610
+ "motionVarPrefixes": []
611
+ },
612
+ "Table.mocks": {
613
+ "name": "Table.mocks",
614
+ "defaultProps": {},
615
+ "getStylesLiterals": {},
616
+ "cxLiterals": [],
617
+ "internalComponents": [],
618
+ "internalComponentProps": {},
619
+ "propToVariantKeys": {},
620
+ "runtimeConfigDefaultProps": {},
621
+ "runtimeConfigGetStyles": {},
622
+ "runtimeConfigInternalComponentProps": {},
623
+ "motionVarPrefixes": []
624
+ },
625
+ "Table": {
626
+ "name": "Table",
627
+ "defaultProps": {
628
+ "display": "table-cell",
629
+ "overflow": "hidden",
630
+ "borderColor": "muted",
631
+ "borderRadius": "md",
632
+ "spacing": "3",
633
+ "borderBottomColor": "muted",
634
+ "borderBottomWidth": "thin",
635
+ "color": "primary"
636
+ },
637
+ "getStylesLiterals": {
638
+ "textAlign": "start"
639
+ },
640
+ "cxLiterals": [],
641
+ "internalComponents": [
642
+ "CellComponent",
643
+ "Box",
644
+ "Text",
645
+ "Table.Root",
646
+ "Table.Header",
647
+ "Table.Row",
648
+ "Table.Cell",
649
+ "Table.Body"
650
+ ],
651
+ "internalComponentProps": {
652
+ "Table.Cell": {
653
+ "asHeaderCell": [
654
+ "column"
655
+ ]
656
+ }
657
+ },
658
+ "propToVariantKeys": {},
659
+ "runtimeConfigDefaultProps": {},
660
+ "runtimeConfigGetStyles": {},
661
+ "runtimeConfigInternalComponentProps": {},
662
+ "motionVarPrefixes": []
663
+ },
426
664
  "AnimateHeightChange": {
427
665
  "name": "AnimateHeightChange",
428
666
  "defaultProps": {},
@@ -924,83 +1162,83 @@
924
1162
  "--uds-motion-smooth-3-"
925
1163
  ]
926
1164
  },
927
- "Spinner": {
928
- "name": "Spinner",
1165
+ "Accordion": {
1166
+ "name": "Accordion",
929
1167
  "defaultProps": {
930
- "color": "primary",
931
- "size": "lg"
1168
+ "spacingHorizontal": "4",
1169
+ "spacingVertical": "4"
932
1170
  },
933
1171
  "getStylesLiterals": {},
934
1172
  "cxLiterals": [
935
- "self-center",
936
- "relative",
937
- "sr-only"
1173
+ "hover:bg-secondary/80",
1174
+ "w-full"
938
1175
  ],
939
1176
  "internalComponents": [
940
- "Icon"
1177
+ "Icon",
1178
+ "SpringMotionConfig",
1179
+ "Pressable",
1180
+ "Text",
1181
+ "HStack",
1182
+ "AnimatePresence",
1183
+ "VStack"
941
1184
  ],
942
1185
  "internalComponentProps": {
943
1186
  "Icon": {
944
- "role": [
945
- "img"
1187
+ "variant": [
1188
+ "fill"
946
1189
  ],
947
- "className": [
948
- "animate-spin"
1190
+ "size": [
1191
+ "sm"
949
1192
  ],
950
- "aria-hidden": [
951
- "true"
1193
+ "color": [
1194
+ "primary"
952
1195
  ]
953
- }
954
- },
955
- "propToVariantKeys": {},
956
- "runtimeConfigDefaultProps": {},
957
- "runtimeConfigGetStyles": {},
958
- "runtimeConfigInternalComponentProps": {},
959
- "motionVarPrefixes": []
960
- },
961
- "Table.mocks": {
962
- "name": "Table.mocks",
963
- "defaultProps": {},
964
- "getStylesLiterals": {},
965
- "cxLiterals": [],
966
- "internalComponents": [],
967
- "internalComponentProps": {},
968
- "propToVariantKeys": {},
969
- "runtimeConfigDefaultProps": {},
970
- "runtimeConfigGetStyles": {},
971
- "runtimeConfigInternalComponentProps": {},
972
- "motionVarPrefixes": []
973
- },
974
- "Table": {
975
- "name": "Table",
976
- "defaultProps": {
977
- "display": "table-cell",
978
- "overflow": "hidden",
979
- "borderColor": "muted",
980
- "borderRadius": "md",
981
- "spacing": "3",
982
- "borderBottomColor": "muted",
983
- "borderBottomWidth": "thin",
984
- "color": "primary"
985
- },
986
- "getStylesLiterals": {
987
- "textAlign": "start"
988
- },
989
- "cxLiterals": [],
990
- "internalComponents": [
991
- "CellComponent",
992
- "Box",
993
- "Text",
994
- "Table.Root",
995
- "Table.Header",
996
- "Table.Row",
997
- "Table.Cell",
998
- "Table.Body"
999
- ],
1000
- "internalComponentProps": {
1001
- "Table.Cell": {
1002
- "asHeaderCell": [
1003
- "column"
1196
+ },
1197
+ "SpringMotionConfig": {
1198
+ "layoutVariant": [
1199
+ "smooth"
1200
+ ],
1201
+ "layoutSpeed": [
1202
+ "3"
1203
+ ]
1204
+ },
1205
+ "Pressable": {
1206
+ "display": [
1207
+ "flex"
1208
+ ],
1209
+ "flexDirection": [
1210
+ "row"
1211
+ ],
1212
+ "alignItems": [
1213
+ "center"
1214
+ ],
1215
+ "justifyContent": [
1216
+ "space-between"
1217
+ ],
1218
+ "borderRadius": [
1219
+ "md"
1220
+ ]
1221
+ },
1222
+ "Text": {
1223
+ "variant": [
1224
+ "title4"
1225
+ ],
1226
+ "color": [
1227
+ "primary"
1228
+ ]
1229
+ },
1230
+ "HStack": {
1231
+ "display": [
1232
+ "flex"
1233
+ ],
1234
+ "alignItems": [
1235
+ "center"
1236
+ ],
1237
+ "justifyContent": [
1238
+ "space-between"
1239
+ ],
1240
+ "columnGap": [
1241
+ "2.5"
1004
1242
  ]
1005
1243
  }
1006
1244
  },
@@ -1008,16 +1246,16 @@
1008
1246
  "runtimeConfigDefaultProps": {},
1009
1247
  "runtimeConfigGetStyles": {},
1010
1248
  "runtimeConfigInternalComponentProps": {},
1011
- "motionVarPrefixes": []
1249
+ "motionVarPrefixes": [
1250
+ "--uds-motion-smooth-3-"
1251
+ ]
1012
1252
  },
1013
- "Avatar": {
1014
- "name": "Avatar",
1253
+ "AvoidMotionLibraryProvider": {
1254
+ "name": "AvoidMotionLibraryProvider",
1015
1255
  "defaultProps": {},
1016
1256
  "getStylesLiterals": {},
1017
1257
  "cxLiterals": [],
1018
- "internalComponents": [
1019
- "AvatarImage"
1020
- ],
1258
+ "internalComponents": [],
1021
1259
  "internalComponentProps": {},
1022
1260
  "propToVariantKeys": {},
1023
1261
  "runtimeConfigDefaultProps": {},
@@ -1025,175 +1263,88 @@
1025
1263
  "runtimeConfigInternalComponentProps": {},
1026
1264
  "motionVarPrefixes": []
1027
1265
  },
1028
- "AvatarIcon": {
1029
- "name": "AvatarIcon",
1030
- "defaultProps": {
1031
- "size": "md",
1032
- "variant": "primary"
1033
- },
1034
- "getStylesLiterals": {},
1035
- "cxLiterals": [
1036
- "overflow-hidden",
1037
- "w-full",
1038
- "h-full",
1039
- "shrink-0",
1040
- "text-center",
1041
- "inline-flex",
1042
- "justify-center",
1043
- "items-center"
1044
- ],
1045
- "internalComponents": [
1046
- "IconSlot",
1047
- "Box"
1048
- ],
1049
- "internalComponentProps": {},
1050
- "propToVariantKeys": {
1051
- "size": [
1052
- "avatarSizeIcon"
1053
- ]
1054
- },
1055
- "runtimeConfigDefaultProps": {},
1056
- "runtimeConfigGetStyles": {},
1057
- "runtimeConfigInternalComponentProps": {},
1058
- "motionVarPrefixes": []
1059
- },
1060
- "AvatarImage": {
1061
- "name": "AvatarImage",
1062
- "defaultProps": {
1063
- "size": "md",
1064
- "variant": "primary"
1065
- },
1066
- "getStylesLiterals": {},
1067
- "cxLiterals": [
1068
- "overflow-hidden",
1069
- "w-full",
1070
- "h-full",
1071
- "shrink-0",
1072
- "text-center",
1073
- "inline-flex",
1074
- "justify-center",
1075
- "items-center",
1076
- "object-cover"
1077
- ],
1078
- "internalComponents": [
1079
- "UDSImage",
1080
- "AvatarText",
1081
- "AvatarIcon",
1082
- "Box"
1083
- ],
1084
- "internalComponentProps": {},
1085
- "propToVariantKeys": {
1086
- "alt": [
1087
- "name"
1088
- ],
1089
- "fallback": [
1090
- "initials"
1091
- ]
1092
- },
1093
- "runtimeConfigDefaultProps": {},
1094
- "runtimeConfigGetStyles": {},
1095
- "runtimeConfigInternalComponentProps": {},
1096
- "motionVarPrefixes": []
1097
- },
1098
- "AvatarText": {
1099
- "name": "AvatarText",
1100
- "defaultProps": {
1101
- "size": "md",
1102
- "variant": "primary"
1103
- },
1266
+ "Modal": {
1267
+ "name": "Modal",
1268
+ "defaultProps": {},
1104
1269
  "getStylesLiterals": {},
1105
1270
  "cxLiterals": [
1106
- "overflow-hidden",
1107
- "truncate",
1108
- "w-full",
1109
- "h-full",
1110
- "shrink-0",
1111
- "text-center",
1112
- "inline-flex",
1113
- "justify-center",
1114
- "items-center"
1271
+ "inset-8",
1272
+ "top-[250px]",
1273
+ "z-50",
1274
+ "mx-auto",
1275
+ "h-fit",
1276
+ "w-[600px]",
1277
+ "origin-center",
1278
+ "scale-95",
1279
+ "opacity-0",
1280
+ "transition",
1281
+ "duration-150",
1282
+ "data-[enter]:scale-100",
1283
+ "data-[enter]:opacity-100",
1284
+ "data-[enter]:bg-primary",
1285
+ "backdrop-blur-0",
1286
+ "data-[enter]:opacity-60",
1287
+ "data-[enter]:backdrop-blur-sm"
1115
1288
  ],
1116
1289
  "internalComponents": [
1117
- "Box",
1118
- "Text"
1290
+ "IconButton",
1291
+ "Dialog",
1292
+ "HStack",
1293
+ "Text",
1294
+ "VStack"
1119
1295
  ],
1120
1296
  "internalComponentProps": {
1121
- "Text": {
1122
- "color": [
1123
- "inherit"
1297
+ "IconButton": {
1298
+ "aria-label": [
1299
+ "Close"
1300
+ ],
1301
+ "size": [
1302
+ "sm"
1124
1303
  ],
1125
1304
  "variant": [
1126
- "inherit"
1305
+ "tertiary"
1127
1306
  ]
1128
- }
1129
- },
1130
- "propToVariantKeys": {},
1131
- "runtimeConfigDefaultProps": {},
1132
- "runtimeConfigGetStyles": {},
1133
- "runtimeConfigInternalComponentProps": {},
1134
- "motionVarPrefixes": []
1135
- },
1136
- "BottomSheet": {
1137
- "name": "BottomSheet",
1138
- "defaultProps": {
1139
- "variant": "default"
1140
- },
1141
- "getStylesLiterals": {},
1142
- "cxLiterals": [
1143
- "fixed",
1144
- "overflow-hidden",
1145
- "inset-x-0",
1146
- "bottom-0",
1147
- "z-50",
1148
- "[will-change:transform]",
1149
- "touch-none",
1150
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1151
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1152
- "transition-transform",
1153
- "duration-500",
1154
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
1155
- "motion-reduce:transition-none",
1156
- "top-[-4px]",
1157
- "z-[1]",
1158
- "touch-pan-y"
1159
- ],
1160
- "internalComponents": [
1161
- "Scrim",
1162
- "BottomSheetHandle",
1163
- "Dialog",
1164
- "Box",
1165
- "BottomSheetInternalContext.Provider"
1166
- ],
1167
- "internalComponentProps": {
1168
- "BottomSheetHandle": {
1169
- "ariaLabel": [
1170
- "Resize sheet"
1307
+ },
1308
+ "HStack": {
1309
+ "alignItems": [
1310
+ "center"
1311
+ ],
1312
+ "justifyContent": [
1313
+ "space-between"
1171
1314
  ]
1172
1315
  },
1173
- "Dialog": {
1174
- "data-testid": [
1175
- "bottom-sheet"
1316
+ "Text": {
1317
+ "variant": [
1318
+ "headline1"
1319
+ ],
1320
+ "color": [
1321
+ "primary"
1176
1322
  ]
1177
1323
  },
1178
- "Box": {
1179
- "display": [
1180
- "block",
1181
- "flex"
1324
+ "VStack": {
1325
+ "borderRadius": [
1326
+ "md"
1182
1327
  ],
1183
1328
  "position": [
1184
- "absolute"
1329
+ "fixed"
1185
1330
  ],
1186
- "flexDirection": [
1187
- "column"
1331
+ "backgroundColor": [
1332
+ "primary"
1188
1333
  ],
1189
- "className": [
1190
- "absolute inset-0 min-h-0 p-[inherit]"
1334
+ "dropShadow": [
1335
+ "md"
1336
+ ],
1337
+ "spacing": [
1338
+ "8"
1339
+ ],
1340
+ "overflow": [
1341
+ "hidden"
1191
1342
  ]
1192
1343
  }
1193
1344
  },
1194
1345
  "propToVariantKeys": {
1195
- "variant": [
1196
- "bottomsheetVariantRoot"
1346
+ "handleClose": [
1347
+ "onClick"
1197
1348
  ]
1198
1349
  },
1199
1350
  "runtimeConfigDefaultProps": {},
@@ -1201,93 +1352,87 @@
1201
1352
  "runtimeConfigInternalComponentProps": {},
1202
1353
  "motionVarPrefixes": []
1203
1354
  },
1204
- "BottomSheetContent": {
1205
- "name": "BottomSheetContent",
1206
- "defaultProps": {},
1207
- "getStylesLiterals": {},
1355
+ "SegmentedControl": {
1356
+ "name": "SegmentedControl",
1357
+ "defaultProps": {
1358
+ "textVariant": "label2"
1359
+ },
1360
+ "getStylesLiterals": {
1361
+ "display": "flex",
1362
+ "alignItems": "center",
1363
+ "backgroundColor": "primary",
1364
+ "spacingVertical": "1",
1365
+ "spacingHorizontal": "3",
1366
+ "columnGap": "1.5",
1367
+ "borderWidth": "thin",
1368
+ "borderRadius": "full",
1369
+ "borderColor": "muted",
1370
+ "borderColor:1": "transparent",
1371
+ "color": "primary",
1372
+ "color:1": "tertiary",
1373
+ "color:2": "muted"
1374
+ },
1208
1375
  "cxLiterals": [
1209
- "min-h-0",
1210
- "touch-pan-y"
1376
+ "uds-ring",
1377
+ "cursor-not-allowed",
1378
+ "opacity-50",
1379
+ "pointer-events-none",
1380
+ "hover:bg-primary"
1211
1381
  ],
1212
1382
  "internalComponents": [
1213
- "Box",
1214
- "VStack"
1383
+ "TextVariant",
1384
+ "Radio",
1385
+ "Icon",
1386
+ "RadioProvider",
1387
+ "HStack",
1388
+ "RadioGroup",
1389
+ "Pressable",
1390
+ "Text"
1215
1391
  ],
1216
1392
  "internalComponentProps": {
1217
- "Box": {
1218
- "display": [
1219
- "block"
1393
+ "Icon": {
1394
+ "size": [
1395
+ "sm"
1220
1396
  ],
1221
- "flex": [
1222
- "1"
1397
+ "color": [
1398
+ "current"
1399
+ ],
1400
+ "aria-hidden": [
1401
+ "true"
1223
1402
  ]
1224
1403
  },
1225
- "VStack": {
1226
- "className": [
1227
- "pb-[calc(env(safe-area-inset-bottom))]"
1228
- ]
1229
- }
1230
- },
1231
- "propToVariantKeys": {},
1232
- "runtimeConfigDefaultProps": {},
1233
- "runtimeConfigGetStyles": {},
1234
- "runtimeConfigInternalComponentProps": {},
1235
- "motionVarPrefixes": []
1236
- },
1237
- "BottomSheetDismiss": {
1238
- "name": "BottomSheetDismiss",
1239
- "defaultProps": {},
1240
- "getStylesLiterals": {},
1241
- "cxLiterals": [],
1242
- "internalComponents": [
1243
- "AriakitDialogDismiss"
1244
- ],
1245
- "internalComponentProps": {},
1246
- "propToVariantKeys": {},
1247
- "runtimeConfigDefaultProps": {},
1248
- "runtimeConfigGetStyles": {},
1249
- "runtimeConfigInternalComponentProps": {},
1250
- "motionVarPrefixes": []
1251
- },
1252
- "BottomSheetHandle": {
1253
- "name": "BottomSheetHandle",
1254
- "defaultProps": {
1255
- "variant": "default"
1256
- },
1257
- "getStylesLiterals": {},
1258
- "cxLiterals": [
1259
- "relative",
1260
- "h-5",
1261
- "w-16",
1262
- "outline-none",
1263
- "focus-visible:outline-none",
1264
- "[touch-action:pan-y]",
1265
- "absolute",
1266
- "left-1/2",
1267
- "top-1/2",
1268
- "-translate-x-1/2",
1269
- "-translate-y-1/2",
1270
- "h-1",
1271
- "w-8",
1272
- "rounded-full"
1273
- ],
1274
- "internalComponents": [
1275
- "Box"
1276
- ],
1277
- "internalComponentProps": {
1278
- "Box": {
1279
- "display": [
1280
- "block",
1281
- "flex"
1404
+ "HStack": {
1405
+ "spacing": [
1406
+ "1"
1282
1407
  ],
1283
- "justifyContent": [
1284
- "center"
1408
+ "gap": [
1409
+ "1"
1410
+ ],
1411
+ "backgroundColor": [
1412
+ "secondary"
1413
+ ],
1414
+ "borderRadius": [
1415
+ "full"
1416
+ ],
1417
+ "display": [
1418
+ "inline-flex"
1419
+ ]
1420
+ },
1421
+ "Text": {
1422
+ "color": [
1423
+ "current"
1285
1424
  ]
1286
1425
  }
1287
1426
  },
1288
1427
  "propToVariantKeys": {
1289
- "variant": [
1290
- "bottomsheetVariantHandleIndicator"
1428
+ "value": [
1429
+ "key"
1430
+ ],
1431
+ "label": [
1432
+ "aria-label"
1433
+ ],
1434
+ "textVariant": [
1435
+ "variant"
1291
1436
  ]
1292
1437
  },
1293
1438
  "runtimeConfigDefaultProps": {},
@@ -1295,130 +1440,144 @@
1295
1440
  "runtimeConfigInternalComponentProps": {},
1296
1441
  "motionVarPrefixes": []
1297
1442
  },
1298
- "BottomSheetHeader": {
1299
- "name": "BottomSheetHeader",
1443
+ "SwitchV2": {
1444
+ "name": "SwitchV2",
1300
1445
  "defaultProps": {
1301
- "variant": "default"
1446
+ "labelPosition": "start",
1447
+ "size": "md"
1448
+ },
1449
+ "getStylesLiterals": {
1450
+ "switchVariantRoot": "default",
1451
+ "switchVariantActiveRoot": "on",
1452
+ "switchVariantActiveRoot:1": "off",
1453
+ "switchVariantSwitch": "default",
1454
+ "switchVariantActiveSwitch": "on",
1455
+ "switchVariantActiveSwitch:1": "off",
1456
+ "switchVariantActiveHandle": "on",
1457
+ "switchVariantActiveHandle:1": "off",
1458
+ "switchVariantHandle": "default",
1459
+ "switchVariantHandleIcon": "default",
1460
+ "switchVariantActiveHandleIcon": "on",
1461
+ "switchVariantActiveHandleIcon:1": "off"
1302
1462
  },
1303
- "getStylesLiterals": {},
1304
1463
  "cxLiterals": [
1305
- "grid-cols-[40px_1fr_40px]",
1464
+ "group",
1465
+ "flex",
1306
1466
  "items-center",
1467
+ "flex-row",
1468
+ "flex-row-reverse",
1469
+ "uds-ring",
1470
+ "uds-ring-within",
1471
+ "relative",
1472
+ "uds-border-radius-full",
1473
+ "transition-[background-color,box-shadow]",
1474
+ "pointer-events-none",
1307
1475
  "w-full",
1308
- "min-h-10",
1309
- "mt-2"
1476
+ "h-full",
1477
+ "absolute",
1478
+ "top-0",
1479
+ "bottom-0",
1480
+ "right-0",
1481
+ "left-0",
1482
+ "overflow-hidden",
1483
+ "group-hover:scale-105",
1484
+ "opacity-95",
1485
+ "group-hover:opacity-100",
1486
+ "transition-[transform,opacity]",
1487
+ "opacity-0",
1488
+ "top-1/2",
1489
+ "left-1/2",
1490
+ "transform",
1491
+ "translate-x-[-50%]",
1492
+ "translate-y-[-50%]",
1493
+ "transition-opacity",
1494
+ "cursor-[inherit]",
1495
+ "w-[calc(100%+2px)]",
1496
+ "h-[calc(100%+2px)]",
1497
+ "text-start",
1498
+ "text-end",
1499
+ "opacity-100"
1310
1500
  ],
1311
1501
  "internalComponents": [
1502
+ "IconSlot",
1312
1503
  "Box",
1313
- "Text"
1504
+ "FormLabel",
1505
+ "SpringMotionConfig",
1506
+ "RootElement",
1507
+ "MotionBox"
1314
1508
  ],
1315
1509
  "internalComponentProps": {
1316
- "Box": {
1317
- "className": [
1318
- "h-10 w-10 opacity-0 pointer-events-none"
1319
- ],
1320
- "display": [
1321
- "grid",
1322
- "flex"
1323
- ],
1324
- "justifyContent": [
1325
- "flex-start",
1326
- "flex-end"
1510
+ "IconSlot": {
1511
+ "data-testid": [
1512
+ "on-icon",
1513
+ "off-icon"
1327
1514
  ]
1328
1515
  },
1329
- "Text": {
1516
+ "FormLabel": {
1517
+ "as": [
1518
+ "div"
1519
+ ],
1330
1520
  "variant": [
1331
1521
  "inherit"
1332
1522
  ],
1333
1523
  "color": [
1334
1524
  "inherit"
1525
+ ]
1526
+ },
1527
+ "SpringMotionConfig": {
1528
+ "layoutVariant": [
1529
+ "bouncy"
1335
1530
  ],
1336
- "textAlign": [
1337
- "center"
1338
- ],
1339
- "className": [
1340
- "w-full"
1531
+ "layoutSpeed": [
1532
+ "4"
1533
+ ]
1534
+ },
1535
+ "RootElement": {
1536
+ "data-testid": [
1537
+ "switch-root"
1538
+ ]
1539
+ },
1540
+ "MotionBox": {
1541
+ "layout": [
1542
+ "position"
1341
1543
  ]
1342
1544
  }
1343
1545
  },
1344
1546
  "propToVariantKeys": {
1345
- "variant": [
1346
- "bottomsheetVariantHeader"
1547
+ "size": [
1548
+ "switchSizeRoot",
1549
+ "switchSizeSwitch",
1550
+ "switchSizeHandle",
1551
+ "switchSizeHandleIcon"
1552
+ ],
1553
+ "onIcon": [
1554
+ "icon"
1555
+ ],
1556
+ "offIcon": [
1557
+ "icon"
1558
+ ],
1559
+ "reduceMotion": [
1560
+ "reducedMotion"
1561
+ ],
1562
+ "isOn": [
1563
+ "layoutDependency"
1347
1564
  ]
1348
1565
  },
1349
1566
  "runtimeConfigDefaultProps": {},
1350
1567
  "runtimeConfigGetStyles": {},
1351
1568
  "runtimeConfigInternalComponentProps": {},
1352
- "motionVarPrefixes": []
1353
- },
1354
- "BottomSheetInternalContext": {
1355
- "name": "BottomSheetInternalContext",
1356
- "defaultProps": {},
1357
- "getStylesLiterals": {},
1358
- "cxLiterals": [],
1359
- "internalComponents": [],
1360
- "internalComponentProps": {},
1361
- "propToVariantKeys": {},
1362
- "runtimeConfigDefaultProps": {},
1363
- "runtimeConfigGetStyles": {},
1364
- "runtimeConfigInternalComponentProps": {},
1365
- "motionVarPrefixes": []
1366
- },
1367
- "BottomSheetProvider": {
1368
- "name": "BottomSheetProvider",
1369
- "defaultProps": {},
1370
- "getStylesLiterals": {},
1371
- "cxLiterals": [],
1372
- "internalComponents": [
1373
- "AriakitDialogProvider"
1374
- ],
1375
- "internalComponentProps": {},
1376
- "propToVariantKeys": {},
1377
- "runtimeConfigDefaultProps": {},
1378
- "runtimeConfigGetStyles": {},
1379
- "runtimeConfigInternalComponentProps": {},
1380
- "motionVarPrefixes": []
1381
- },
1382
- "BottomSheetTrigger": {
1383
- "name": "BottomSheetTrigger",
1384
- "defaultProps": {},
1385
- "getStylesLiterals": {},
1386
- "cxLiterals": [],
1387
- "internalComponents": [
1388
- "AriakitDialogDisclosure"
1389
- ],
1390
- "internalComponentProps": {},
1391
- "propToVariantKeys": {},
1392
- "runtimeConfigDefaultProps": {},
1393
- "runtimeConfigGetStyles": {},
1394
- "runtimeConfigInternalComponentProps": {},
1395
- "motionVarPrefixes": []
1396
- },
1397
- "UDSBottomSheetConfigProvider": {
1398
- "name": "UDSBottomSheetConfigProvider",
1399
- "defaultProps": {},
1400
- "getStylesLiterals": {},
1401
- "cxLiterals": [],
1402
- "internalComponents": [
1403
- "BottomSheetContext.Provider"
1404
- ],
1405
- "internalComponentProps": {},
1406
- "propToVariantKeys": {},
1407
- "runtimeConfigDefaultProps": {},
1408
- "runtimeConfigGetStyles": {},
1409
- "runtimeConfigInternalComponentProps": {},
1410
- "motionVarPrefixes": []
1569
+ "motionVarPrefixes": [
1570
+ "--uds-motion-bouncy-4-",
1571
+ "--uds-motion-smooth-3-"
1572
+ ]
1411
1573
  },
1412
- "Chip": {
1413
- "name": "Chip",
1574
+ "Avatar": {
1575
+ "name": "Avatar",
1414
1576
  "defaultProps": {},
1415
1577
  "getStylesLiterals": {},
1416
1578
  "cxLiterals": [],
1417
1579
  "internalComponents": [
1418
- "ChipDismissible",
1419
- "ChipToggle",
1420
- "ChipLink",
1421
- "ChipButton"
1580
+ "AvatarImage"
1422
1581
  ],
1423
1582
  "internalComponentProps": {},
1424
1583
  "propToVariantKeys": {},
@@ -1427,54 +1586,31 @@
1427
1586
  "runtimeConfigInternalComponentProps": {},
1428
1587
  "motionVarPrefixes": []
1429
1588
  },
1430
- "ChipBase": {
1431
- "name": "ChipBase",
1589
+ "AvatarIcon": {
1590
+ "name": "AvatarIcon",
1432
1591
  "defaultProps": {
1433
1592
  "size": "md",
1434
- "as": "div"
1593
+ "variant": "primary"
1435
1594
  },
1436
1595
  "getStylesLiterals": {},
1437
1596
  "cxLiterals": [
1438
- "pointer-events-none",
1439
- "cursor-default",
1440
- "opacity-50",
1441
- "inline-flex",
1442
- "items-center",
1443
- "transition-[background-color,outline-color,box-shadow]",
1444
- "truncate",
1445
- "whitespace-nowrap",
1597
+ "overflow-hidden",
1598
+ "w-full",
1599
+ "h-full",
1600
+ "shrink-0",
1446
1601
  "text-center",
1447
- "flex-1"
1602
+ "inline-flex",
1603
+ "justify-center",
1604
+ "items-center"
1448
1605
  ],
1449
1606
  "internalComponents": [
1450
1607
  "IconSlot",
1451
- "HStack",
1452
- "As",
1453
- "Text"
1608
+ "Box"
1454
1609
  ],
1455
- "internalComponentProps": {
1456
- "Text": {
1457
- "as": [
1458
- "span"
1459
- ],
1460
- "color": [
1461
- "current"
1462
- ],
1463
- "variant": [
1464
- "inherit"
1465
- ]
1466
- }
1467
- },
1610
+ "internalComponentProps": {},
1468
1611
  "propToVariantKeys": {
1469
1612
  "size": [
1470
- "chipSizeRoot",
1471
- "chipSizeIcon"
1472
- ],
1473
- "startIcon": [
1474
- "icon"
1475
- ],
1476
- "endIcon": [
1477
- "icon"
1613
+ "avatarSizeIcon"
1478
1614
  ]
1479
1615
  },
1480
1616
  "runtimeConfigDefaultProps": {},
@@ -1482,29 +1618,37 @@
1482
1618
  "runtimeConfigInternalComponentProps": {},
1483
1619
  "motionVarPrefixes": []
1484
1620
  },
1485
- "ChipButton": {
1486
- "name": "ChipButton",
1621
+ "AvatarImage": {
1622
+ "name": "AvatarImage",
1487
1623
  "defaultProps": {
1624
+ "size": "md",
1488
1625
  "variant": "primary"
1489
1626
  },
1490
1627
  "getStylesLiterals": {},
1491
1628
  "cxLiterals": [
1492
- "uds-ring"
1629
+ "overflow-hidden",
1630
+ "w-full",
1631
+ "h-full",
1632
+ "shrink-0",
1633
+ "text-center",
1634
+ "inline-flex",
1635
+ "justify-center",
1636
+ "items-center",
1637
+ "object-cover"
1493
1638
  ],
1494
1639
  "internalComponents": [
1495
- "ChipBase"
1640
+ "UDSImage",
1641
+ "AvatarText",
1642
+ "AvatarIcon",
1643
+ "Box"
1496
1644
  ],
1497
- "internalComponentProps": {
1498
- "ChipBase": {
1499
- "as": [
1500
- "button"
1501
- ]
1502
- }
1503
- },
1645
+ "internalComponentProps": {},
1504
1646
  "propToVariantKeys": {
1505
- "variant": [
1506
- "chipLinkVariantRoot",
1507
- "chipLinkVariantIcon"
1647
+ "alt": [
1648
+ "name"
1649
+ ],
1650
+ "fallback": [
1651
+ "initials"
1508
1652
  ]
1509
1653
  },
1510
1654
  "runtimeConfigDefaultProps": {},
@@ -1512,61 +1656,105 @@
1512
1656
  "runtimeConfigInternalComponentProps": {},
1513
1657
  "motionVarPrefixes": []
1514
1658
  },
1515
- "ChipDismissible": {
1516
- "name": "ChipDismissible",
1659
+ "AvatarText": {
1660
+ "name": "AvatarText",
1517
1661
  "defaultProps": {
1662
+ "size": "md",
1518
1663
  "variant": "primary"
1519
1664
  },
1520
1665
  "getStylesLiterals": {},
1521
1666
  "cxLiterals": [
1522
- "uds-chip-dismissible-button",
1523
- "uds-hit-target",
1524
- "uds-ring",
1525
- "rounded-full"
1667
+ "overflow-hidden",
1668
+ "truncate",
1669
+ "w-full",
1670
+ "h-full",
1671
+ "shrink-0",
1672
+ "text-center",
1673
+ "inline-flex",
1674
+ "justify-center",
1675
+ "items-center"
1526
1676
  ],
1527
1677
  "internalComponents": [
1528
- "ChipBase",
1529
- "IconSlot",
1530
- "Pressable"
1678
+ "Box",
1679
+ "Text"
1531
1680
  ],
1532
- "internalComponentProps": {},
1533
- "propToVariantKeys": {
1534
- "variant": [
1535
- "chipDismissibleVariantRoot",
1536
- "chipDismissibleVariantIcon"
1537
- ],
1538
- "dismissButtonAriaLabel": [
1539
- "aria-label"
1540
- ]
1681
+ "internalComponentProps": {
1682
+ "Text": {
1683
+ "color": [
1684
+ "inherit"
1685
+ ],
1686
+ "variant": [
1687
+ "inherit"
1688
+ ]
1689
+ }
1541
1690
  },
1691
+ "propToVariantKeys": {},
1542
1692
  "runtimeConfigDefaultProps": {},
1543
1693
  "runtimeConfigGetStyles": {},
1544
1694
  "runtimeConfigInternalComponentProps": {},
1545
1695
  "motionVarPrefixes": []
1546
1696
  },
1547
- "ChipLink": {
1548
- "name": "ChipLink",
1697
+ "BottomSheet": {
1698
+ "name": "BottomSheet",
1549
1699
  "defaultProps": {
1550
- "variant": "primary"
1700
+ "variant": "default"
1551
1701
  },
1552
1702
  "getStylesLiterals": {},
1553
1703
  "cxLiterals": [
1554
- "uds-ring"
1704
+ "fixed",
1705
+ "overflow-hidden",
1706
+ "inset-x-0",
1707
+ "bottom-0",
1708
+ "z-50",
1709
+ "[will-change:transform]",
1710
+ "touch-none",
1711
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1712
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1713
+ "transition-transform",
1714
+ "duration-500",
1715
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
1716
+ "motion-reduce:transition-none",
1717
+ "top-[-4px]",
1718
+ "z-[1]",
1719
+ "touch-pan-y"
1555
1720
  ],
1556
1721
  "internalComponents": [
1557
- "ChipBase"
1722
+ "Scrim",
1723
+ "BottomSheetHandle",
1724
+ "Dialog",
1725
+ "Box",
1726
+ "BottomSheetInternalContext.Provider"
1558
1727
  ],
1559
1728
  "internalComponentProps": {
1560
- "ChipBase": {
1561
- "as": [
1562
- "a"
1729
+ "BottomSheetHandle": {
1730
+ "ariaLabel": [
1731
+ "Resize sheet"
1732
+ ]
1733
+ },
1734
+ "Dialog": {
1735
+ "data-testid": [
1736
+ "bottom-sheet"
1737
+ ]
1738
+ },
1739
+ "Box": {
1740
+ "display": [
1741
+ "block",
1742
+ "flex"
1743
+ ],
1744
+ "position": [
1745
+ "absolute"
1746
+ ],
1747
+ "flexDirection": [
1748
+ "column"
1749
+ ],
1750
+ "className": [
1751
+ "absolute inset-0 min-h-0 p-[inherit]"
1563
1752
  ]
1564
1753
  }
1565
1754
  },
1566
1755
  "propToVariantKeys": {
1567
1756
  "variant": [
1568
- "chipLinkVariantRoot",
1569
- "chipLinkVariantIcon"
1757
+ "bottomsheetVariantRoot"
1570
1758
  ]
1571
1759
  },
1572
1760
  "runtimeConfigDefaultProps": {},
@@ -1574,141 +1762,93 @@
1574
1762
  "runtimeConfigInternalComponentProps": {},
1575
1763
  "motionVarPrefixes": []
1576
1764
  },
1577
- "ChipToggle": {
1578
- "name": "ChipToggle",
1579
- "defaultProps": {
1580
- "variant": "primary",
1581
- "role": "checkbox"
1582
- },
1583
- "getStylesLiterals": {
1584
- "chipToggleVariantActiveRoot": "on",
1585
- "chipToggleVariantActiveRoot:1": "off"
1586
- },
1765
+ "BottomSheetContent": {
1766
+ "name": "BottomSheetContent",
1767
+ "defaultProps": {},
1768
+ "getStylesLiterals": {},
1587
1769
  "cxLiterals": [
1588
- "uds-ring"
1770
+ "min-h-0",
1771
+ "touch-pan-y"
1589
1772
  ],
1590
1773
  "internalComponents": [
1591
- "ChipBase"
1774
+ "Box",
1775
+ "VStack"
1592
1776
  ],
1593
1777
  "internalComponentProps": {
1594
- "ChipBase": {
1595
- "as": [
1596
- "button"
1778
+ "Box": {
1779
+ "display": [
1780
+ "block"
1781
+ ],
1782
+ "flex": [
1783
+ "1"
1784
+ ]
1785
+ },
1786
+ "VStack": {
1787
+ "className": [
1788
+ "pb-[calc(env(safe-area-inset-bottom))]"
1597
1789
  ]
1598
1790
  }
1599
1791
  },
1600
- "propToVariantKeys": {
1601
- "variant": [
1602
- "chipToggleVariantRoot",
1603
- "chipToggleVariantIcon"
1604
- ]
1605
- },
1792
+ "propToVariantKeys": {},
1606
1793
  "runtimeConfigDefaultProps": {},
1607
1794
  "runtimeConfigGetStyles": {},
1608
1795
  "runtimeConfigInternalComponentProps": {},
1609
1796
  "motionVarPrefixes": []
1610
1797
  },
1611
- "Input": {
1612
- "name": "Input",
1798
+ "BottomSheetDismiss": {
1799
+ "name": "BottomSheetDismiss",
1800
+ "defaultProps": {},
1801
+ "getStylesLiterals": {},
1802
+ "cxLiterals": [],
1803
+ "internalComponents": [
1804
+ "AriakitDialogDismiss"
1805
+ ],
1806
+ "internalComponentProps": {},
1807
+ "propToVariantKeys": {},
1808
+ "runtimeConfigDefaultProps": {},
1809
+ "runtimeConfigGetStyles": {},
1810
+ "runtimeConfigInternalComponentProps": {},
1811
+ "motionVarPrefixes": []
1812
+ },
1813
+ "BottomSheetHandle": {
1814
+ "name": "BottomSheetHandle",
1613
1815
  "defaultProps": {
1614
- "type": "text",
1615
- "size": "md",
1616
- "width": "full"
1617
- },
1618
- "getStylesLiterals": {
1619
- "inputVariantRoot": "default",
1620
- "inputVariantValueRoot": "empty",
1621
- "inputVariantValueRoot:1": "filled",
1622
- "inputVariantInputWrapper": "default",
1623
- "inputVariantValueInputWrapper": "empty",
1624
- "inputVariantValueInputWrapper:1": "filled",
1625
- "inputVariantInput": "default",
1626
- "inputVariantValueInput": "empty",
1627
- "inputVariantValueInput:1": "filled",
1628
- "inputVariantInputPlaceholder": "default",
1629
- "inputVariantValueInputPlaceholder": "empty",
1630
- "inputVariantValueInputPlaceholder:1": "filled",
1631
- "inputVariantLabel": "default",
1632
- "inputVariantValueLabel": "empty",
1633
- "inputVariantValueLabel:1": "filled",
1634
- "inputVariantLabelRequired": "default",
1635
- "inputVariantValueLabelRequired": "empty",
1636
- "inputVariantValueLabelRequired:1": "filled",
1637
- "inputVariantStartIcon": "default",
1638
- "inputVariantValueStartIcon": "empty",
1639
- "inputVariantValueStartIcon:1": "filled",
1640
- "inputVariantEndIcon": "default",
1641
- "inputVariantValueEndIcon": "empty",
1642
- "inputVariantValueEndIcon:1": "filled"
1816
+ "variant": "default"
1643
1817
  },
1818
+ "getStylesLiterals": {},
1644
1819
  "cxLiterals": [
1645
- "opacity-50",
1646
- "min-w-[200px]",
1647
- "grow",
1648
- "uds-hit-target",
1649
- "bg-clip-text",
1650
- "focus:outline-none",
1651
- "cursor-text",
1652
- "cursor-not-allowed"
1820
+ "relative",
1821
+ "h-5",
1822
+ "w-16",
1823
+ "outline-none",
1824
+ "focus-visible:outline-none",
1825
+ "[touch-action:pan-y]",
1826
+ "absolute",
1827
+ "left-1/2",
1828
+ "top-1/2",
1829
+ "-translate-x-1/2",
1830
+ "-translate-y-1/2",
1831
+ "h-1",
1832
+ "w-8",
1833
+ "rounded-full"
1653
1834
  ],
1654
1835
  "internalComponents": [
1655
- "IconSlot",
1656
- "StartIcon",
1657
- "EndIcon",
1658
- "HelpTextContent",
1659
- "Box",
1660
- "InputHelpTextInternal",
1661
- "VStack",
1662
- "HStack",
1663
- "AnimateHeightChange"
1836
+ "Box"
1664
1837
  ],
1665
1838
  "internalComponentProps": {
1666
- "HelpTextContent": {
1667
- "spacingTop": [
1668
- "2"
1669
- ]
1670
- },
1671
1839
  "Box": {
1672
- "spacingBottom": [
1673
- "2"
1674
- ],
1675
- "columnGap": [
1676
- "0.5"
1677
- ],
1678
- "alignItems": [
1679
- "flex-end",
1680
- "center"
1681
- ],
1682
- "position": [
1683
- "relative"
1684
- ]
1685
- },
1686
- "HStack": {
1687
- "alignItems": [
1688
- "center"
1840
+ "display": [
1841
+ "block",
1842
+ "flex"
1689
1843
  ],
1690
- "gap": [
1691
- "1"
1844
+ "justifyContent": [
1845
+ "center"
1692
1846
  ]
1693
1847
  }
1694
1848
  },
1695
1849
  "propToVariantKeys": {
1696
- "size": [
1697
- "inputSizeRoot",
1698
- "inputSizeInputWrapper",
1699
- "inputSizeInput",
1700
- "inputSizeLabel",
1701
- "inputSizeStartIcon",
1702
- "inputSizeEndIcon"
1703
- ],
1704
- "startIcon": [
1705
- "icon"
1706
- ],
1707
- "endIcon": [
1708
- "icon"
1709
- ],
1710
- "helperTextIcon": [
1711
- "startIcon"
1850
+ "variant": [
1851
+ "bottomsheetVariantHandleIndicator"
1712
1852
  ]
1713
1853
  },
1714
1854
  "runtimeConfigDefaultProps": {},
@@ -1716,31 +1856,55 @@
1716
1856
  "runtimeConfigInternalComponentProps": {},
1717
1857
  "motionVarPrefixes": []
1718
1858
  },
1719
- "InputHelpText": {
1720
- "name": "InputHelpText",
1859
+ "BottomSheetHeader": {
1860
+ "name": "BottomSheetHeader",
1721
1861
  "defaultProps": {
1722
- "size": "md"
1723
- },
1724
- "getStylesLiterals": {
1725
- "inputVariantRoot": "default",
1726
- "inputVariantValueRoot": "empty",
1727
- "inputVariantValueRoot:1": "filled"
1862
+ "variant": "default"
1728
1863
  },
1729
- "cxLiterals": [],
1864
+ "getStylesLiterals": {},
1865
+ "cxLiterals": [
1866
+ "grid-cols-[40px_1fr_40px]",
1867
+ "items-center",
1868
+ "w-full",
1869
+ "min-h-10",
1870
+ "mt-2"
1871
+ ],
1730
1872
  "internalComponents": [
1731
- "InputHelpTextInternal",
1732
- "Box"
1873
+ "Box",
1874
+ "Text"
1733
1875
  ],
1734
1876
  "internalComponentProps": {
1735
1877
  "Box": {
1736
- "spacingTop": [
1737
- "2"
1878
+ "className": [
1879
+ "h-10 w-10 opacity-0 pointer-events-none"
1880
+ ],
1881
+ "display": [
1882
+ "grid",
1883
+ "flex"
1884
+ ],
1885
+ "justifyContent": [
1886
+ "flex-start",
1887
+ "flex-end"
1888
+ ]
1889
+ },
1890
+ "Text": {
1891
+ "variant": [
1892
+ "inherit"
1893
+ ],
1894
+ "color": [
1895
+ "inherit"
1896
+ ],
1897
+ "textAlign": [
1898
+ "center"
1899
+ ],
1900
+ "className": [
1901
+ "w-full"
1738
1902
  ]
1739
1903
  }
1740
1904
  },
1741
1905
  "propToVariantKeys": {
1742
- "size": [
1743
- "inputSizeRoot"
1906
+ "variant": [
1907
+ "bottomsheetVariantHeader"
1744
1908
  ]
1745
1909
  },
1746
1910
  "runtimeConfigDefaultProps": {},
@@ -1748,36 +1912,124 @@
1748
1912
  "runtimeConfigInternalComponentProps": {},
1749
1913
  "motionVarPrefixes": []
1750
1914
  },
1751
- "InputHelpTextInternal": {
1752
- "name": "InputHelpTextInternal",
1915
+ "BottomSheetInternalContext": {
1916
+ "name": "BottomSheetInternalContext",
1753
1917
  "defaultProps": {},
1754
- "getStylesLiterals": {
1755
- "inputVariantHelperText": "default",
1756
- "inputVariantValueHelperText": "empty",
1757
- "inputVariantValueHelperText:1": "filled",
1758
- "inputVariantHelperIcon": "default",
1759
- "inputVariantValueHelperIcon": "empty",
1760
- "inputVariantValueHelperIcon:1": "filled"
1761
- },
1918
+ "getStylesLiterals": {},
1919
+ "cxLiterals": [],
1920
+ "internalComponents": [],
1921
+ "internalComponentProps": {},
1922
+ "propToVariantKeys": {},
1923
+ "runtimeConfigDefaultProps": {},
1924
+ "runtimeConfigGetStyles": {},
1925
+ "runtimeConfigInternalComponentProps": {},
1926
+ "motionVarPrefixes": []
1927
+ },
1928
+ "BottomSheetProvider": {
1929
+ "name": "BottomSheetProvider",
1930
+ "defaultProps": {},
1931
+ "getStylesLiterals": {},
1932
+ "cxLiterals": [],
1933
+ "internalComponents": [
1934
+ "AriakitDialogProvider"
1935
+ ],
1936
+ "internalComponentProps": {},
1937
+ "propToVariantKeys": {},
1938
+ "runtimeConfigDefaultProps": {},
1939
+ "runtimeConfigGetStyles": {},
1940
+ "runtimeConfigInternalComponentProps": {},
1941
+ "motionVarPrefixes": []
1942
+ },
1943
+ "BottomSheetTrigger": {
1944
+ "name": "BottomSheetTrigger",
1945
+ "defaultProps": {},
1946
+ "getStylesLiterals": {},
1947
+ "cxLiterals": [],
1948
+ "internalComponents": [
1949
+ "AriakitDialogDisclosure"
1950
+ ],
1951
+ "internalComponentProps": {},
1952
+ "propToVariantKeys": {},
1953
+ "runtimeConfigDefaultProps": {},
1954
+ "runtimeConfigGetStyles": {},
1955
+ "runtimeConfigInternalComponentProps": {},
1956
+ "motionVarPrefixes": []
1957
+ },
1958
+ "UDSBottomSheetConfigProvider": {
1959
+ "name": "UDSBottomSheetConfigProvider",
1960
+ "defaultProps": {},
1961
+ "getStylesLiterals": {},
1962
+ "cxLiterals": [],
1963
+ "internalComponents": [
1964
+ "BottomSheetContext.Provider"
1965
+ ],
1966
+ "internalComponentProps": {},
1967
+ "propToVariantKeys": {},
1968
+ "runtimeConfigDefaultProps": {},
1969
+ "runtimeConfigGetStyles": {},
1970
+ "runtimeConfigInternalComponentProps": {},
1971
+ "motionVarPrefixes": []
1972
+ },
1973
+ "Chip": {
1974
+ "name": "Chip",
1975
+ "defaultProps": {},
1976
+ "getStylesLiterals": {},
1762
1977
  "cxLiterals": [],
1978
+ "internalComponents": [
1979
+ "ChipDismissible",
1980
+ "ChipToggle",
1981
+ "ChipLink",
1982
+ "ChipButton"
1983
+ ],
1984
+ "internalComponentProps": {},
1985
+ "propToVariantKeys": {},
1986
+ "runtimeConfigDefaultProps": {},
1987
+ "runtimeConfigGetStyles": {},
1988
+ "runtimeConfigInternalComponentProps": {},
1989
+ "motionVarPrefixes": []
1990
+ },
1991
+ "ChipBase": {
1992
+ "name": "ChipBase",
1993
+ "defaultProps": {
1994
+ "size": "md",
1995
+ "as": "div"
1996
+ },
1997
+ "getStylesLiterals": {},
1998
+ "cxLiterals": [
1999
+ "pointer-events-none",
2000
+ "cursor-default",
2001
+ "opacity-50",
2002
+ "inline-flex",
2003
+ "items-center",
2004
+ "transition-[background-color,outline-color,box-shadow]",
2005
+ "truncate",
2006
+ "whitespace-nowrap",
2007
+ "text-center",
2008
+ "flex-1"
2009
+ ],
1763
2010
  "internalComponents": [
1764
2011
  "IconSlot",
1765
- "HStack"
2012
+ "HStack",
2013
+ "As",
2014
+ "Text"
1766
2015
  ],
1767
2016
  "internalComponentProps": {
1768
- "HStack": {
1769
- "gap": [
1770
- "1"
2017
+ "Text": {
2018
+ "as": [
2019
+ "span"
1771
2020
  ],
1772
- "alignItems": [
1773
- "center"
2021
+ "color": [
2022
+ "current"
2023
+ ],
2024
+ "variant": [
2025
+ "inherit"
1774
2026
  ]
1775
2027
  }
1776
2028
  },
1777
2029
  "propToVariantKeys": {
1778
2030
  "size": [
1779
- "inputSizeHelperText",
1780
- "inputSizeHelperIcon"
2031
+ "chipSizeRoot",
2032
+ "chipSizeIcon"
1781
2033
  ],
1782
2034
  "startIcon": [
1783
2035
  "icon"
@@ -1791,143 +2043,91 @@
1791
2043
  "runtimeConfigInternalComponentProps": {},
1792
2044
  "motionVarPrefixes": []
1793
2045
  },
1794
- "Popover": {
1795
- "name": "Popover",
1796
- "defaultProps": {},
2046
+ "ChipButton": {
2047
+ "name": "ChipButton",
2048
+ "defaultProps": {
2049
+ "variant": "primary"
2050
+ },
1797
2051
  "getStylesLiterals": {},
1798
- "cxLiterals": [],
2052
+ "cxLiterals": [
2053
+ "uds-ring"
2054
+ ],
1799
2055
  "internalComponents": [
1800
- "PopoverInternalContext.Provider",
1801
- "PopoverProvider"
2056
+ "ChipBase"
1802
2057
  ],
1803
- "internalComponentProps": {},
1804
- "propToVariantKeys": {},
1805
- "runtimeConfigDefaultProps": {
1806
- "size": "popover.defaultSize",
1807
- "variant": "popover.defaultVariant"
1808
- },
1809
- "runtimeConfigGetStyles": {},
1810
- "runtimeConfigInternalComponentProps": {},
1811
- "motionVarPrefixes": []
1812
- },
1813
- "PopoverContent": {
1814
- "name": "PopoverContent",
1815
- "defaultProps": {},
1816
- "getStylesLiterals": {
1817
- "popoverSizeRoot": "default",
1818
- "popoverVariantRoot": "default",
1819
- "display": "flex",
1820
- "position": "absolute",
1821
- "spacingTop": "0",
1822
- "spacingStart": "0",
1823
- "spacingBottom": "0",
1824
- "spacingEnd": "0",
1825
- "popoverSizeSvgBase": "default",
1826
- "popoverVariantSvgBase": "default",
1827
- "popoverSizeSvgBorder": "default",
1828
- "popoverVariantSvgBorder": "default",
1829
- "popoverVariantBlur": "default",
1830
- "width": "full",
1831
- "height": "full",
1832
- "flexShrink": "0",
1833
- "borderRadius": "full",
1834
- "alignItems": "center",
1835
- "justifyContent": "center",
1836
- "popoverVariantCloseIcon": "default",
1837
- "popoverSizeCloseIcon": "default"
2058
+ "internalComponentProps": {
2059
+ "ChipBase": {
2060
+ "as": [
2061
+ "button"
2062
+ ]
2063
+ }
1838
2064
  },
2065
+ "propToVariantKeys": {
2066
+ "variant": [
2067
+ "chipLinkVariantRoot",
2068
+ "chipLinkVariantIcon"
2069
+ ]
2070
+ },
2071
+ "runtimeConfigDefaultProps": {},
2072
+ "runtimeConfigGetStyles": {},
2073
+ "runtimeConfigInternalComponentProps": {},
2074
+ "motionVarPrefixes": []
2075
+ },
2076
+ "ChipDismissible": {
2077
+ "name": "ChipDismissible",
2078
+ "defaultProps": {
2079
+ "variant": "primary"
2080
+ },
2081
+ "getStylesLiterals": {},
1839
2082
  "cxLiterals": [
1840
- "z-[9999]",
1841
- "outline-none",
1842
- "focus-visible:outline-none",
1843
- "uds-bgBlurFillFallback",
1844
- "uds-bgBlurFallback",
1845
- "top-0",
1846
- "left-0",
1847
- "z-[1]",
1848
- "duration-0",
1849
- "duration-120",
1850
- "transition-[background-color]",
1851
- "bg-carbon-15/0",
1852
- "hover:bg-carbon-15/10",
1853
- "active:bg-carbon-15/15",
2083
+ "uds-chip-dismissible-button",
2084
+ "uds-hit-target",
1854
2085
  "uds-ring",
1855
- "absolute",
1856
- "z-[4]"
2086
+ "rounded-full"
1857
2087
  ],
1858
2088
  "internalComponents": [
1859
- "PopoverDismiss",
2089
+ "ChipBase",
1860
2090
  "IconSlot",
1861
- "PopoverArrow",
1862
- "Popover",
1863
- "SvgFloatingOverlay",
1864
- "Box",
1865
2091
  "Pressable"
1866
2092
  ],
1867
2093
  "internalComponentProps": {},
1868
2094
  "propToVariantKeys": {
1869
- "closeIcon": [
1870
- "icon"
1871
- ]
1872
- },
1873
- "runtimeConfigDefaultProps": {
1874
- "size": "popover.defaultSize",
1875
- "variant": "popover.defaultVariant"
1876
- },
1877
- "runtimeConfigGetStyles": {
1878
- "spacingTop": [
1879
- "popover.spacingVertical.${size}"
1880
- ],
1881
- "spacingStart": [
1882
- "popover.spacingHorizontal.${size}"
1883
- ],
1884
- "spacingBottom": [
1885
- "popover.spacingVertical.${size}"
2095
+ "variant": [
2096
+ "chipDismissibleVariantRoot",
2097
+ "chipDismissibleVariantIcon"
1886
2098
  ],
1887
- "spacingEnd": [
1888
- "popover.spacingHorizontal.${size}"
2099
+ "dismissButtonAriaLabel": [
2100
+ "aria-label"
1889
2101
  ]
1890
2102
  },
1891
- "runtimeConfigInternalComponentProps": {
1892
- "SvgFloatingOverlay": {
1893
- "borderRadius": [
1894
- "popover.borderRadius.${size}"
1895
- ]
1896
- }
1897
- },
1898
- "motionVarPrefixes": []
1899
- },
1900
- "PopoverContext": {
1901
- "name": "PopoverContext",
1902
- "defaultProps": {},
1903
- "getStylesLiterals": {},
1904
- "cxLiterals": [],
1905
- "internalComponents": [],
1906
- "internalComponentProps": {},
1907
- "propToVariantKeys": {},
1908
2103
  "runtimeConfigDefaultProps": {},
1909
2104
  "runtimeConfigGetStyles": {},
1910
2105
  "runtimeConfigInternalComponentProps": {},
1911
2106
  "motionVarPrefixes": []
1912
2107
  },
1913
- "PopoverTrigger": {
1914
- "name": "PopoverTrigger",
1915
- "defaultProps": {},
2108
+ "ChipLink": {
2109
+ "name": "ChipLink",
2110
+ "defaultProps": {
2111
+ "variant": "primary"
2112
+ },
1916
2113
  "getStylesLiterals": {},
1917
- "cxLiterals": [],
2114
+ "cxLiterals": [
2115
+ "uds-ring"
2116
+ ],
1918
2117
  "internalComponents": [
1919
- "PopoverDisclosure"
2118
+ "ChipBase"
1920
2119
  ],
1921
2120
  "internalComponentProps": {
1922
- "PopoverDisclosure": {
1923
- "className": [
1924
- "inline"
2121
+ "ChipBase": {
2122
+ "as": [
2123
+ "a"
1925
2124
  ]
1926
2125
  }
1927
2126
  },
1928
2127
  "propToVariantKeys": {
1929
- "children": [
1930
- "render"
2128
+ "variant": [
2129
+ "chipLinkVariantRoot",
2130
+ "chipLinkVariantIcon"
1931
2131
  ]
1932
2132
  },
1933
2133
  "runtimeConfigDefaultProps": {},
@@ -1935,16 +2135,35 @@
1935
2135
  "runtimeConfigInternalComponentProps": {},
1936
2136
  "motionVarPrefixes": []
1937
2137
  },
1938
- "UDSPopoverConfigProvider": {
1939
- "name": "UDSPopoverConfigProvider",
1940
- "defaultProps": {},
1941
- "getStylesLiterals": {},
1942
- "cxLiterals": [],
2138
+ "ChipToggle": {
2139
+ "name": "ChipToggle",
2140
+ "defaultProps": {
2141
+ "variant": "primary",
2142
+ "role": "checkbox"
2143
+ },
2144
+ "getStylesLiterals": {
2145
+ "chipToggleVariantActiveRoot": "on",
2146
+ "chipToggleVariantActiveRoot:1": "off"
2147
+ },
2148
+ "cxLiterals": [
2149
+ "uds-ring"
2150
+ ],
1943
2151
  "internalComponents": [
1944
- "PopoverContext.Provider"
2152
+ "ChipBase"
1945
2153
  ],
1946
- "internalComponentProps": {},
1947
- "propToVariantKeys": {},
2154
+ "internalComponentProps": {
2155
+ "ChipBase": {
2156
+ "as": [
2157
+ "button"
2158
+ ]
2159
+ }
2160
+ },
2161
+ "propToVariantKeys": {
2162
+ "variant": [
2163
+ "chipToggleVariantRoot",
2164
+ "chipToggleVariantIcon"
2165
+ ]
2166
+ },
1948
2167
  "runtimeConfigDefaultProps": {},
1949
2168
  "runtimeConfigGetStyles": {},
1950
2169
  "runtimeConfigInternalComponentProps": {},
@@ -2215,468 +2434,572 @@
2215
2434
  "runtimeConfigInternalComponentProps": {},
2216
2435
  "motionVarPrefixes": []
2217
2436
  },
2218
- "Radio": {
2219
- "name": "Radio",
2437
+ "Input": {
2438
+ "name": "Input",
2220
2439
  "defaultProps": {
2221
- "labelPosition": "start",
2222
- "variant": "primary",
2440
+ "type": "text",
2223
2441
  "size": "md",
2224
- "value": ""
2442
+ "width": "full"
2225
2443
  },
2226
2444
  "getStylesLiterals": {
2227
- "radioVariantValueRoot": "checked",
2228
- "radioVariantValueRoot:1": "unchecked",
2229
- "display": "flex",
2230
- "flexDirection": "row",
2231
- "flexDirection:1": "row-reverse",
2232
- "alignItems": "center",
2233
- "radioVariantValueRadio": "checked",
2234
- "radioVariantValueRadio:1": "unchecked",
2235
- "radioVariantValueRadioCircle": "checked",
2236
- "radioVariantValueRadioCircle:1": "unchecked"
2445
+ "inputVariantRoot": "default",
2446
+ "inputVariantValueRoot": "empty",
2447
+ "inputVariantValueRoot:1": "filled",
2448
+ "inputVariantInputWrapper": "default",
2449
+ "inputVariantValueInputWrapper": "empty",
2450
+ "inputVariantValueInputWrapper:1": "filled",
2451
+ "inputVariantInput": "default",
2452
+ "inputVariantValueInput": "empty",
2453
+ "inputVariantValueInput:1": "filled",
2454
+ "inputVariantInputPlaceholder": "default",
2455
+ "inputVariantValueInputPlaceholder": "empty",
2456
+ "inputVariantValueInputPlaceholder:1": "filled",
2457
+ "inputVariantLabel": "default",
2458
+ "inputVariantValueLabel": "empty",
2459
+ "inputVariantValueLabel:1": "filled",
2460
+ "inputVariantLabelRequired": "default",
2461
+ "inputVariantValueLabelRequired": "empty",
2462
+ "inputVariantValueLabelRequired:1": "filled",
2463
+ "inputVariantStartIcon": "default",
2464
+ "inputVariantValueStartIcon": "empty",
2465
+ "inputVariantValueStartIcon:1": "filled",
2466
+ "inputVariantEndIcon": "default",
2467
+ "inputVariantValueEndIcon": "empty",
2468
+ "inputVariantValueEndIcon:1": "filled"
2237
2469
  },
2238
2470
  "cxLiterals": [
2239
- "cursor-pointer",
2240
- "cursor-default",
2241
2471
  "opacity-50",
2242
- "border",
2243
- "uds-ring",
2244
- "uds-ring-within",
2245
- "transition-[background-color,border-color]",
2246
- "transition-shadow",
2247
- "pointer-events-none",
2248
- "w-[8px]",
2249
- "h-[8px]",
2250
- "transition-opacity",
2251
- "cursor-[inherit]",
2252
- "absolute",
2253
- "opacity-0",
2254
- "top-1/2",
2255
- "left-1/2",
2256
- "w-[calc(100%+2px)]",
2257
- "h-[calc(100%+2px)]",
2258
- "transform",
2259
- "translate-x-[-50%]",
2260
- "translate-y-[-50%]",
2261
- "text-start",
2262
- "text-end"
2472
+ "min-w-[200px]",
2473
+ "grow",
2474
+ "uds-hit-target",
2475
+ "bg-clip-text",
2476
+ "focus:outline-none",
2477
+ "cursor-text",
2478
+ "cursor-not-allowed"
2263
2479
  ],
2264
2480
  "internalComponents": [
2481
+ "IconSlot",
2482
+ "StartIcon",
2483
+ "EndIcon",
2484
+ "HelpTextContent",
2265
2485
  "Box",
2266
- "FormLabel",
2267
- "SpringMotionConfig",
2268
- "RootElement",
2269
- "MotionBox"
2486
+ "InputHelpTextInternal",
2487
+ "VStack",
2488
+ "HStack",
2489
+ "AnimateHeightChange"
2270
2490
  ],
2271
2491
  "internalComponentProps": {
2272
- "Box": {
2273
- "borderRadius": [
2274
- "full"
2275
- ]
2276
- },
2277
- "FormLabel": {
2278
- "as": [
2279
- "div"
2280
- ],
2281
- "variant": [
2282
- "inherit"
2283
- ],
2284
- "color": [
2285
- "inherit"
2286
- ]
2287
- },
2288
- "RootElement": {
2289
- "data-testid": [
2290
- "container"
2492
+ "HelpTextContent": {
2493
+ "spacingTop": [
2494
+ "2"
2291
2495
  ]
2292
2496
  },
2293
- "MotionBox": {
2294
- "position": [
2295
- "relative"
2497
+ "Box": {
2498
+ "spacingBottom": [
2499
+ "2"
2296
2500
  ],
2297
- "borderRadius": [
2298
- "full"
2501
+ "columnGap": [
2502
+ "0.5"
2299
2503
  ],
2300
2504
  "alignItems": [
2505
+ "flex-end",
2301
2506
  "center"
2302
2507
  ],
2303
- "justifyContent": [
2508
+ "position": [
2509
+ "relative"
2510
+ ]
2511
+ },
2512
+ "HStack": {
2513
+ "alignItems": [
2304
2514
  "center"
2305
2515
  ],
2306
- "flex": [
2307
- "none"
2516
+ "gap": [
2517
+ "1"
2308
2518
  ]
2309
2519
  }
2310
2520
  },
2311
2521
  "propToVariantKeys": {
2312
2522
  "size": [
2313
- "radioSizeRoot",
2314
- "radioSizeRadio"
2523
+ "inputSizeRoot",
2524
+ "inputSizeInputWrapper",
2525
+ "inputSizeInput",
2526
+ "inputSizeLabel",
2527
+ "inputSizeStartIcon",
2528
+ "inputSizeEndIcon"
2315
2529
  ],
2316
- "variant": [
2317
- "radioVariantRoot",
2318
- "radioVariantRadio",
2319
- "radioVariantRadioCircle"
2530
+ "startIcon": [
2531
+ "icon"
2320
2532
  ],
2321
- "reduceMotion": [
2322
- "reducedMotion"
2533
+ "endIcon": [
2534
+ "icon"
2535
+ ],
2536
+ "helperTextIcon": [
2537
+ "startIcon"
2323
2538
  ]
2324
2539
  },
2325
2540
  "runtimeConfigDefaultProps": {},
2326
2541
  "runtimeConfigGetStyles": {},
2327
2542
  "runtimeConfigInternalComponentProps": {},
2328
- "motionVarPrefixes": [
2329
- "--uds-motion-subtle-3-",
2330
- "--uds-motion-smooth-3-"
2331
- ]
2543
+ "motionVarPrefixes": []
2332
2544
  },
2333
- "RadioGroupProvider": {
2334
- "name": "RadioGroupProvider",
2335
- "defaultProps": {},
2336
- "getStylesLiterals": {},
2545
+ "InputHelpText": {
2546
+ "name": "InputHelpText",
2547
+ "defaultProps": {
2548
+ "size": "md"
2549
+ },
2550
+ "getStylesLiterals": {
2551
+ "inputVariantRoot": "default",
2552
+ "inputVariantValueRoot": "empty",
2553
+ "inputVariantValueRoot:1": "filled"
2554
+ },
2337
2555
  "cxLiterals": [],
2338
2556
  "internalComponents": [
2339
- "DivProps",
2340
- "Comp",
2341
- "RadioGroupContext.Provider"
2557
+ "InputHelpTextInternal",
2558
+ "Box"
2342
2559
  ],
2343
2560
  "internalComponentProps": {
2344
- "Comp": {
2345
- "role": [
2346
- "radiogroup"
2561
+ "Box": {
2562
+ "spacingTop": [
2563
+ "2"
2347
2564
  ]
2348
2565
  }
2349
2566
  },
2350
- "propToVariantKeys": {},
2351
- "runtimeConfigDefaultProps": {},
2352
- "runtimeConfigGetStyles": {},
2353
- "runtimeConfigInternalComponentProps": {},
2354
- "motionVarPrefixes": []
2355
- },
2356
- "RadioGroupStore": {
2357
- "name": "RadioGroupStore",
2358
- "defaultProps": {},
2359
- "getStylesLiterals": {},
2360
- "cxLiterals": [],
2361
- "internalComponents": [],
2362
- "internalComponentProps": {},
2363
- "propToVariantKeys": {},
2567
+ "propToVariantKeys": {
2568
+ "size": [
2569
+ "inputSizeRoot"
2570
+ ]
2571
+ },
2364
2572
  "runtimeConfigDefaultProps": {},
2365
2573
  "runtimeConfigGetStyles": {},
2366
2574
  "runtimeConfigInternalComponentProps": {},
2367
2575
  "motionVarPrefixes": []
2368
2576
  },
2369
- "Toast": {
2370
- "name": "Toast",
2577
+ "InputHelpTextInternal": {
2578
+ "name": "InputHelpTextInternal",
2371
2579
  "defaultProps": {},
2372
2580
  "getStylesLiterals": {
2373
- "className": "flex-none",
2374
- "spacing": "2",
2375
- "borderRadius": "full"
2581
+ "inputVariantHelperText": "default",
2582
+ "inputVariantValueHelperText": "empty",
2583
+ "inputVariantValueHelperText:1": "filled",
2584
+ "inputVariantHelperIcon": "default",
2585
+ "inputVariantValueHelperIcon": "empty",
2586
+ "inputVariantValueHelperIcon:1": "filled"
2376
2587
  },
2377
- "cxLiterals": [
2378
- "duration-0",
2379
- "duration-120",
2380
- "transition-[background-color]",
2381
- "bg-carbon-15/0",
2382
- "hover:bg-carbon-15/10",
2383
- "active:bg-carbon-15/15",
2384
- "uds-ring"
2385
- ],
2588
+ "cxLiterals": [],
2386
2589
  "internalComponents": [
2387
2590
  "IconSlot",
2388
- "ToastContainer",
2389
- "Text",
2390
- "Button",
2391
- "Pressable"
2591
+ "HStack"
2392
2592
  ],
2393
- "internalComponentProps": {},
2593
+ "internalComponentProps": {
2594
+ "HStack": {
2595
+ "gap": [
2596
+ "1"
2597
+ ],
2598
+ "alignItems": [
2599
+ "center"
2600
+ ]
2601
+ }
2602
+ },
2394
2603
  "propToVariantKeys": {
2395
2604
  "size": [
2396
- "toastSizeLabel",
2397
- "toastSizeIcon",
2398
- "toastSizeActionButton",
2399
- "toastSizeCloseIcon"
2400
- ],
2401
- "variant": [
2402
- "toastVariantIcon",
2403
- "toastVariantActionButton",
2404
- "toastVariantCloseIcon"
2605
+ "inputSizeHelperText",
2606
+ "inputSizeHelperIcon"
2405
2607
  ],
2406
- "closeIcon": [
2608
+ "startIcon": [
2407
2609
  "icon"
2408
2610
  ],
2409
- "onClickActionButton": [
2410
- "onClick"
2611
+ "endIcon": [
2612
+ "icon"
2411
2613
  ]
2412
2614
  },
2615
+ "runtimeConfigDefaultProps": {},
2616
+ "runtimeConfigGetStyles": {},
2617
+ "runtimeConfigInternalComponentProps": {},
2618
+ "motionVarPrefixes": []
2619
+ },
2620
+ "Popover": {
2621
+ "name": "Popover",
2622
+ "defaultProps": {},
2623
+ "getStylesLiterals": {},
2624
+ "cxLiterals": [],
2625
+ "internalComponents": [
2626
+ "PopoverInternalContext.Provider",
2627
+ "PopoverProvider"
2628
+ ],
2629
+ "internalComponentProps": {},
2630
+ "propToVariantKeys": {},
2413
2631
  "runtimeConfigDefaultProps": {
2414
- "size": "toast.defaultSize",
2415
- "variant": "toast.defaultVariant"
2416
- },
2417
- "runtimeConfigGetStyles": {
2418
- "toastSizeLabel": [
2419
- "toast.defaultSize"
2420
- ],
2421
- "toastVariantIcon": [
2422
- "toast.defaultVariant"
2423
- ],
2424
- "toastSizeIcon": [
2425
- "toast.defaultSize"
2426
- ],
2427
- "toastSizeActionButton": [
2428
- "toast.defaultSize"
2429
- ],
2430
- "toastVariantActionButton": [
2431
- "toast.defaultVariant"
2432
- ],
2433
- "toastVariantCloseIcon": [
2434
- "toast.defaultVariant"
2435
- ],
2436
- "toastSizeCloseIcon": [
2437
- "toast.defaultSize"
2438
- ]
2439
- },
2440
- "runtimeConfigInternalComponentProps": {
2441
- "ToastContainer": {
2442
- "size": [
2443
- "toast.defaultSize"
2444
- ],
2445
- "variant": [
2446
- "toast.defaultVariant"
2447
- ]
2448
- },
2449
- "Text": {
2450
- "variant": [
2451
- "toast.textVariant.${size}"
2452
- ],
2453
- "color": [
2454
- "toast.textColor.${variant}"
2455
- ]
2456
- },
2457
- "Button": {
2458
- "size": [
2459
- "toast.buttonSize.${size}"
2460
- ],
2461
- "variant": [
2462
- "toast.buttonVariant.${variant}"
2463
- ]
2464
- }
2632
+ "size": "popover.defaultSize",
2633
+ "variant": "popover.defaultVariant"
2465
2634
  },
2635
+ "runtimeConfigGetStyles": {},
2636
+ "runtimeConfigInternalComponentProps": {},
2466
2637
  "motionVarPrefixes": []
2467
2638
  },
2468
- "ToastContainer": {
2469
- "name": "ToastContainer",
2639
+ "PopoverContent": {
2640
+ "name": "PopoverContent",
2470
2641
  "defaultProps": {},
2471
2642
  "getStylesLiterals": {
2643
+ "popoverSizeRoot": "default",
2644
+ "popoverVariantRoot": "default",
2645
+ "display": "flex",
2472
2646
  "position": "relative",
2647
+ "display:1": "block",
2648
+ "spacingTop": "0",
2649
+ "spacingStart": "0",
2650
+ "spacingBottom": "0",
2651
+ "spacingEnd": "0",
2652
+ "popoverSizeSvgBase": "default",
2653
+ "popoverVariantSvgBase": "default",
2654
+ "popoverSizeSvgBorder": "default",
2655
+ "popoverVariantSvgBorder": "default",
2656
+ "popoverVariantBlur": "default",
2657
+ "position:1": "absolute",
2658
+ "width": "full",
2659
+ "height": "full",
2660
+ "flexShrink": "0",
2661
+ "borderRadius": "full",
2473
2662
  "alignItems": "center",
2474
- "display": "flex",
2475
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
2663
+ "justifyContent": "center",
2664
+ "popoverVariantCloseIcon": "default",
2665
+ "popoverSizeCloseIcon": "default"
2476
2666
  },
2477
2667
  "cxLiterals": [
2478
- "w-full"
2668
+ "z-[9999]",
2669
+ "outline-none",
2670
+ "focus-visible:outline-none",
2671
+ "uds-bgBlurFillFallback",
2672
+ "uds-bgBlurFallback",
2673
+ "top-0",
2674
+ "left-0",
2675
+ "z-[1]",
2676
+ "duration-0",
2677
+ "duration-120",
2678
+ "transition-[background-color]",
2679
+ "bg-carbon-15/0",
2680
+ "hover:bg-carbon-15/10",
2681
+ "active:bg-carbon-15/15",
2682
+ "uds-ring",
2683
+ "absolute",
2684
+ "z-[4]"
2479
2685
  ],
2480
2686
  "internalComponents": [
2481
- "HStack"
2687
+ "PopoverDismiss",
2688
+ "IconSlot",
2689
+ "PopoverArrow",
2690
+ "Popover",
2691
+ "SvgFloatingOverlay",
2692
+ "Box",
2693
+ "Pressable"
2482
2694
  ],
2483
- "internalComponentProps": {
2484
- "HStack": {
2485
- "alignItems": [
2486
- "center"
2487
- ],
2488
- "justifyContent": [
2489
- "space-between"
2490
- ],
2491
- "overflow": [
2492
- "hidden"
2493
- ],
2494
- "position": [
2495
- "relative"
2496
- ]
2497
- }
2498
- },
2695
+ "internalComponentProps": {},
2499
2696
  "propToVariantKeys": {
2500
- "variant": [
2501
- "toastVariantRoot"
2502
- ],
2503
- "size": [
2504
- "toastSizeRoot"
2697
+ "closeIcon": [
2698
+ "icon"
2505
2699
  ]
2506
2700
  },
2507
2701
  "runtimeConfigDefaultProps": {
2508
- "size": "toast.defaultSize",
2509
- "variant": "toast.defaultVariant"
2702
+ "size": "popover.defaultSize",
2703
+ "variant": "popover.defaultVariant"
2510
2704
  },
2511
2705
  "runtimeConfigGetStyles": {
2512
- "toastVariantRoot": [
2513
- "toast.defaultVariant"
2706
+ "spacingTop": [
2707
+ "popover.spacingVertical.${size}"
2514
2708
  ],
2515
- "toastSizeRoot": [
2516
- "toast.defaultSize"
2709
+ "spacingStart": [
2710
+ "popover.spacingHorizontal.${size}"
2711
+ ],
2712
+ "spacingBottom": [
2713
+ "popover.spacingVertical.${size}"
2714
+ ],
2715
+ "spacingEnd": [
2716
+ "popover.spacingHorizontal.${size}"
2517
2717
  ]
2518
2718
  },
2519
2719
  "runtimeConfigInternalComponentProps": {
2520
- "HStack": {
2521
- "backgroundColor": [
2522
- "toast.backgroundColor.${variant}"
2720
+ "SvgFloatingOverlay": {
2721
+ "borderRadius": [
2722
+ "popover.borderRadius.${size}"
2523
2723
  ]
2524
2724
  }
2525
2725
  },
2526
2726
  "motionVarPrefixes": []
2527
2727
  },
2528
- "ToastPortal": {
2529
- "name": "ToastPortal",
2728
+ "PopoverContext": {
2729
+ "name": "PopoverContext",
2530
2730
  "defaultProps": {},
2531
2731
  "getStylesLiterals": {},
2532
2732
  "cxLiterals": [],
2533
- "internalComponents": [
2534
- "ReactToastifyToastContainer"
2535
- ],
2733
+ "internalComponents": [],
2536
2734
  "internalComponentProps": {},
2537
2735
  "propToVariantKeys": {},
2538
- "runtimeConfigDefaultProps": {
2539
- "size": "toast.defaultSize",
2540
- "variant": "toast.defaultVariant"
2541
- },
2736
+ "runtimeConfigDefaultProps": {},
2542
2737
  "runtimeConfigGetStyles": {},
2543
- "runtimeConfigInternalComponentProps": {
2544
- "ReactToastifyToastContainer": {
2545
- "autoClose": [
2546
- "toast.autoClose"
2547
- ]
2548
- }
2549
- },
2738
+ "runtimeConfigInternalComponentProps": {},
2550
2739
  "motionVarPrefixes": []
2551
2740
  },
2552
- "UDSToastConfigProvider": {
2553
- "name": "UDSToastConfigProvider",
2741
+ "PopoverTrigger": {
2742
+ "name": "PopoverTrigger",
2554
2743
  "defaultProps": {},
2555
2744
  "getStylesLiterals": {},
2556
2745
  "cxLiterals": [],
2557
2746
  "internalComponents": [
2558
- "ToastContext.Provider"
2747
+ "PopoverDisclosure"
2559
2748
  ],
2560
- "internalComponentProps": {},
2561
- "propToVariantKeys": {},
2749
+ "internalComponentProps": {
2750
+ "PopoverDisclosure": {
2751
+ "className": [
2752
+ "inline"
2753
+ ]
2754
+ }
2755
+ },
2756
+ "propToVariantKeys": {
2757
+ "children": [
2758
+ "render"
2759
+ ]
2760
+ },
2562
2761
  "runtimeConfigDefaultProps": {},
2563
2762
  "runtimeConfigGetStyles": {},
2564
2763
  "runtimeConfigInternalComponentProps": {},
2565
2764
  "motionVarPrefixes": []
2566
2765
  },
2567
- "Tooltip": {
2568
- "name": "Tooltip",
2766
+ "UDSPopoverConfigProvider": {
2767
+ "name": "UDSPopoverConfigProvider",
2569
2768
  "defaultProps": {},
2570
2769
  "getStylesLiterals": {},
2571
2770
  "cxLiterals": [],
2572
2771
  "internalComponents": [
2573
- "TooltipInternalContext.Provider",
2574
- "TooltipProvider"
2772
+ "PopoverContext.Provider"
2575
2773
  ],
2576
2774
  "internalComponentProps": {},
2577
2775
  "propToVariantKeys": {},
2578
2776
  "runtimeConfigDefaultProps": {},
2579
2777
  "runtimeConfigGetStyles": {},
2580
- "runtimeConfigInternalComponentProps": {
2581
- "TooltipProvider": {
2582
- "animated": [
2583
- "tooltip.animationDuration"
2584
- ]
2585
- }
2586
- },
2778
+ "runtimeConfigInternalComponentProps": {},
2587
2779
  "motionVarPrefixes": []
2588
2780
  },
2589
- "TooltipContent": {
2590
- "name": "TooltipContent",
2591
- "defaultProps": {},
2781
+ "Radio": {
2782
+ "name": "Radio",
2783
+ "defaultProps": {
2784
+ "labelPosition": "start",
2785
+ "variant": "primary",
2786
+ "size": "md",
2787
+ "value": ""
2788
+ },
2592
2789
  "getStylesLiterals": {
2593
- "tooltipSizeRoot": "default",
2594
- "tooltipVariantRoot": "default",
2595
- "tooltipSizeSvg": "default",
2596
- "tooltipVariantSvg": "default",
2597
- "tooltipVariantBlur": "default",
2598
- "position": "absolute",
2599
- "width": "full",
2600
- "height": "full",
2601
- "tooltipSizeTitle": "default",
2602
- "tooltipSizeBody": "default",
2603
- "tooltipSizeEndContent": "default",
2604
- "tooltipSizeIcon": "default",
2605
- "tooltipVariantIcon": "default"
2790
+ "radioVariantValueRoot": "checked",
2791
+ "radioVariantValueRoot:1": "unchecked",
2792
+ "display": "flex",
2793
+ "flexDirection": "row",
2794
+ "flexDirection:1": "row-reverse",
2795
+ "alignItems": "center",
2796
+ "radioVariantValueRadio": "checked",
2797
+ "radioVariantValueRadio:1": "unchecked",
2798
+ "radioVariantValueRadioCircle": "checked",
2799
+ "radioVariantValueRadioCircle:1": "unchecked"
2606
2800
  },
2607
2801
  "cxLiterals": [
2608
- "max-w-lg",
2609
- "flex",
2610
- "z-[9999]",
2611
- "uds-bgBlurFillFallback",
2612
- "uds-bgBlurFallback",
2613
- "top-0",
2614
- "left-0",
2615
- "z-[1]"
2802
+ "cursor-pointer",
2803
+ "cursor-default",
2804
+ "opacity-50",
2805
+ "border",
2806
+ "uds-ring",
2807
+ "uds-ring-within",
2808
+ "transition-[background-color,border-color]",
2809
+ "transition-shadow",
2810
+ "pointer-events-none",
2811
+ "w-[8px]",
2812
+ "h-[8px]",
2813
+ "transition-opacity",
2814
+ "cursor-[inherit]",
2815
+ "absolute",
2816
+ "opacity-0",
2817
+ "top-1/2",
2818
+ "left-1/2",
2819
+ "w-[calc(100%+2px)]",
2820
+ "h-[calc(100%+2px)]",
2821
+ "transform",
2822
+ "translate-x-[-50%]",
2823
+ "translate-y-[-50%]",
2824
+ "text-start",
2825
+ "text-end"
2616
2826
  ],
2617
2827
  "internalComponents": [
2618
- "IconSlot",
2619
- "TooltipArrow",
2620
- "Tooltip",
2621
- "SvgFloatingOverlay",
2622
- "VStack",
2623
2828
  "Box",
2624
- "Text"
2829
+ "FormLabel",
2830
+ "SpringMotionConfig",
2831
+ "RootElement",
2832
+ "MotionBox"
2833
+ ],
2834
+ "internalComponentProps": {
2835
+ "Box": {
2836
+ "borderRadius": [
2837
+ "full"
2838
+ ]
2839
+ },
2840
+ "FormLabel": {
2841
+ "as": [
2842
+ "div"
2843
+ ],
2844
+ "variant": [
2845
+ "inherit"
2846
+ ],
2847
+ "color": [
2848
+ "inherit"
2849
+ ]
2850
+ },
2851
+ "RootElement": {
2852
+ "data-testid": [
2853
+ "container"
2854
+ ]
2855
+ },
2856
+ "MotionBox": {
2857
+ "position": [
2858
+ "relative"
2859
+ ],
2860
+ "borderRadius": [
2861
+ "full"
2862
+ ],
2863
+ "alignItems": [
2864
+ "center"
2865
+ ],
2866
+ "justifyContent": [
2867
+ "center"
2868
+ ],
2869
+ "flex": [
2870
+ "none"
2871
+ ]
2872
+ }
2873
+ },
2874
+ "propToVariantKeys": {
2875
+ "size": [
2876
+ "radioSizeRoot",
2877
+ "radioSizeRadio"
2878
+ ],
2879
+ "variant": [
2880
+ "radioVariantRoot",
2881
+ "radioVariantRadio",
2882
+ "radioVariantRadioCircle"
2883
+ ],
2884
+ "reduceMotion": [
2885
+ "reducedMotion"
2886
+ ]
2887
+ },
2888
+ "runtimeConfigDefaultProps": {},
2889
+ "runtimeConfigGetStyles": {},
2890
+ "runtimeConfigInternalComponentProps": {},
2891
+ "motionVarPrefixes": [
2892
+ "--uds-motion-subtle-3-",
2893
+ "--uds-motion-smooth-3-"
2894
+ ]
2895
+ },
2896
+ "RadioGroupProvider": {
2897
+ "name": "RadioGroupProvider",
2898
+ "defaultProps": {},
2899
+ "getStylesLiterals": {},
2900
+ "cxLiterals": [],
2901
+ "internalComponents": [
2902
+ "DivProps",
2903
+ "Comp",
2904
+ "RadioGroupContext.Provider"
2625
2905
  ],
2626
2906
  "internalComponentProps": {
2627
- "SvgFloatingOverlay": {
2628
- "contentOverflow": [
2629
- "visible"
2630
- ]
2631
- },
2632
- "VStack": {
2633
- "className": [
2634
- "gap-[inherit]"
2635
- ]
2636
- },
2637
- "Box": {
2638
- "alignItems": [
2639
- "center"
2640
- ],
2641
- "columnGap": [
2642
- "1",
2643
- "1.5"
2644
- ]
2645
- },
2646
- "Text": {
2647
- "color": [
2648
- "inherit"
2907
+ "Comp": {
2908
+ "role": [
2909
+ "radiogroup"
2649
2910
  ]
2650
2911
  }
2651
2912
  },
2652
- "propToVariantKeys": {
2653
- "startTitleIcon": [
2654
- "icon"
2655
- ]
2656
- },
2913
+ "propToVariantKeys": {},
2657
2914
  "runtimeConfigDefaultProps": {},
2658
2915
  "runtimeConfigGetStyles": {},
2659
2916
  "runtimeConfigInternalComponentProps": {},
2660
2917
  "motionVarPrefixes": []
2661
2918
  },
2662
- "TooltipTrigger": {
2663
- "name": "TooltipTrigger",
2919
+ "RadioGroupStore": {
2920
+ "name": "RadioGroupStore",
2664
2921
  "defaultProps": {},
2665
2922
  "getStylesLiterals": {},
2666
2923
  "cxLiterals": [],
2924
+ "internalComponents": [],
2925
+ "internalComponentProps": {},
2926
+ "propToVariantKeys": {},
2927
+ "runtimeConfigDefaultProps": {},
2928
+ "runtimeConfigGetStyles": {},
2929
+ "runtimeConfigInternalComponentProps": {},
2930
+ "motionVarPrefixes": []
2931
+ },
2932
+ "Tab": {
2933
+ "name": "Tab",
2934
+ "defaultProps": {
2935
+ "variant": "primary"
2936
+ },
2937
+ "getStylesLiterals": {
2938
+ "tabSizeRoot": "default",
2939
+ "tabVariantActiveRoot": "off",
2940
+ "tabVariantActiveRoot:1": "on",
2941
+ "tabSizeIcon": "default"
2942
+ },
2943
+ "cxLiterals": [
2944
+ "pointer-events-none",
2945
+ "absolute",
2946
+ "bottom-0",
2947
+ "left-0",
2948
+ "right-0",
2949
+ "h-[var(--uds-tab-underline-width,0px)]",
2950
+ "bg-[var(--uds-tab-underline-color,transparent)]",
2951
+ "transition-[height,background-color]",
2952
+ "duration-[240ms]",
2953
+ "ease-[cubic-bezier(0.2,0,0,1)]",
2954
+ "!bg-transparent",
2955
+ "!shadow-none",
2956
+ "inline-flex",
2957
+ "items-center",
2958
+ "shrink-0",
2959
+ "box-border",
2960
+ "relative",
2961
+ "z-[1]",
2962
+ "cursor-pointer",
2963
+ "select-none",
2964
+ "whitespace-nowrap",
2965
+ "uds-ring",
2966
+ "opacity-50",
2967
+ "cursor-default",
2968
+ "border-solid",
2969
+ "border-b-solid",
2970
+ "transition-colors"
2971
+ ],
2667
2972
  "internalComponents": [
2668
- "TooltipAnchor"
2973
+ "IconSlot",
2974
+ "AriakitTab",
2975
+ "Text"
2669
2976
  ],
2670
2977
  "internalComponentProps": {
2671
- "TooltipAnchor": {
2672
- "className": [
2673
- "inline"
2978
+ "Text": {
2979
+ "variant": [
2980
+ "inherit"
2981
+ ],
2982
+ "as": [
2983
+ "span"
2984
+ ],
2985
+ "color": [
2986
+ "current"
2674
2987
  ]
2675
2988
  }
2676
2989
  },
2677
2990
  "propToVariantKeys": {
2678
- "children": [
2679
- "render"
2991
+ "variant": [
2992
+ "tabVariantRoot",
2993
+ "tabVariantIcon"
2994
+ ],
2995
+ "activeState": [
2996
+ "tabVariantActiveIcon"
2997
+ ],
2998
+ "startIcon": [
2999
+ "icon"
3000
+ ],
3001
+ "endIcon": [
3002
+ "icon"
2680
3003
  ]
2681
3004
  },
2682
3005
  "runtimeConfigDefaultProps": {},
@@ -2684,28 +3007,66 @@
2684
3007
  "runtimeConfigInternalComponentProps": {},
2685
3008
  "motionVarPrefixes": []
2686
3009
  },
2687
- "UDSTooltipConfigProvider": {
2688
- "name": "UDSTooltipConfigProvider",
2689
- "defaultProps": {},
2690
- "getStylesLiterals": {},
2691
- "cxLiterals": [],
3010
+ "TabList": {
3011
+ "name": "TabList",
3012
+ "defaultProps": {
3013
+ "variant": "primary"
3014
+ },
3015
+ "getStylesLiterals": {
3016
+ "tabSizeRoot": "default",
3017
+ "tabVariantActiveRoot": "on"
3018
+ },
3019
+ "cxLiterals": [
3020
+ "pointer-events-none",
3021
+ "absolute",
3022
+ "bottom-0",
3023
+ "left-0",
3024
+ "right-0",
3025
+ "h-[var(--uds-tab-underline-width,0px)]",
3026
+ "bg-[var(--uds-tab-underline-color,transparent)]",
3027
+ "transition-[height,background-color]",
3028
+ "duration-[240ms]",
3029
+ "ease-[cubic-bezier(0.2,0,0,1)]",
3030
+ "!m-0",
3031
+ "!p-0",
3032
+ "!gap-0",
3033
+ "box-border",
3034
+ "z-0",
3035
+ "min-w-0",
3036
+ "min-h-0",
3037
+ "flex",
3038
+ "flex-row",
3039
+ "items-center",
3040
+ "overflow-x-auto",
3041
+ "overflow-y-clip",
3042
+ "scrollbar-none",
3043
+ "[overflow-clip-margin:6px]",
3044
+ "overflow-clip",
3045
+ "[overflow-clip-margin:8px]",
3046
+ "relative"
3047
+ ],
2692
3048
  "internalComponents": [
2693
- "TooltipContext.Provider"
3049
+ "AriakitTabList"
2694
3050
  ],
2695
3051
  "internalComponentProps": {},
2696
- "propToVariantKeys": {},
3052
+ "propToVariantKeys": {
3053
+ "variant": [
3054
+ "tabsVariantRoot",
3055
+ "tabVariantRoot"
3056
+ ]
3057
+ },
2697
3058
  "runtimeConfigDefaultProps": {},
2698
3059
  "runtimeConfigGetStyles": {},
2699
3060
  "runtimeConfigInternalComponentProps": {},
2700
3061
  "motionVarPrefixes": []
2701
3062
  },
2702
- "UDSBreakpointsConfigProvider": {
2703
- "name": "UDSBreakpointsConfigProvider",
3063
+ "TabPanel": {
3064
+ "name": "TabPanel",
2704
3065
  "defaultProps": {},
2705
3066
  "getStylesLiterals": {},
2706
3067
  "cxLiterals": [],
2707
3068
  "internalComponents": [
2708
- "UDSBreakpointsConfigContext.Provider"
3069
+ "AriakitTabPanel"
2709
3070
  ],
2710
3071
  "internalComponentProps": {},
2711
3072
  "propToVariantKeys": {},
@@ -2714,490 +3075,390 @@
2714
3075
  "runtimeConfigInternalComponentProps": {},
2715
3076
  "motionVarPrefixes": []
2716
3077
  },
2717
- "UDSConfigProvider": {
2718
- "name": "UDSConfigProvider",
2719
- "defaultProps": {},
3078
+ "Tabs": {
3079
+ "name": "Tabs",
3080
+ "defaultProps": {
3081
+ "variant": "primary"
3082
+ },
2720
3083
  "getStylesLiterals": {},
2721
3084
  "cxLiterals": [],
2722
3085
  "internalComponents": [
2723
- "UDSBreakpointsConfigProvider",
2724
- "UDSBottomSheetConfigProvider",
2725
- "UDSToastConfigProvider",
2726
- "UDSTooltipConfigProvider",
2727
- "UDSPopoverConfigProvider"
3086
+ "TabsContext.Provider",
3087
+ "TabProvider"
2728
3088
  ],
2729
3089
  "internalComponentProps": {},
2730
- "propToVariantKeys": {},
3090
+ "propToVariantKeys": {
3091
+ "onSelectionChange": [
3092
+ "setSelectedId"
3093
+ ]
3094
+ },
2731
3095
  "runtimeConfigDefaultProps": {},
2732
3096
  "runtimeConfigGetStyles": {},
2733
3097
  "runtimeConfigInternalComponentProps": {},
2734
3098
  "motionVarPrefixes": []
2735
3099
  },
2736
- "Accordion": {
2737
- "name": "Accordion",
2738
- "defaultProps": {
2739
- "spacingHorizontal": "4",
2740
- "spacingVertical": "4"
3100
+ "Toast": {
3101
+ "name": "Toast",
3102
+ "defaultProps": {},
3103
+ "getStylesLiterals": {
3104
+ "className": "animate-spin",
3105
+ "className:1": "flex-none",
3106
+ "spacing": "2",
3107
+ "borderRadius": "full"
2741
3108
  },
2742
- "getStylesLiterals": {},
2743
3109
  "cxLiterals": [
2744
- "hover:bg-secondary/80",
2745
- "w-full"
3110
+ "duration-0",
3111
+ "duration-120",
3112
+ "transition-[background-color]",
3113
+ "bg-carbon-15/0",
3114
+ "hover:bg-carbon-15/10",
3115
+ "active:bg-carbon-15/15",
3116
+ "uds-ring"
2746
3117
  ],
2747
3118
  "internalComponents": [
2748
- "Icon",
2749
- "SpringMotionConfig",
2750
- "Pressable",
3119
+ "IconSlot",
3120
+ "ToastContainer",
2751
3121
  "Text",
2752
- "HStack",
2753
- "AnimatePresence",
2754
- "VStack"
3122
+ "Button",
3123
+ "Pressable"
2755
3124
  ],
2756
- "internalComponentProps": {
2757
- "Icon": {
2758
- "variant": [
2759
- "fill"
2760
- ],
3125
+ "internalComponentProps": {},
3126
+ "propToVariantKeys": {
3127
+ "size": [
3128
+ "toastSizeLabel",
3129
+ "toastSizeIcon",
3130
+ "toastSizeActionButton",
3131
+ "toastSizeCloseIcon"
3132
+ ],
3133
+ "variant": [
3134
+ "toastVariantIcon",
3135
+ "toastVariantActionButton",
3136
+ "toastVariantCloseIcon"
3137
+ ],
3138
+ "closeIcon": [
3139
+ "icon"
3140
+ ],
3141
+ "onClickActionButton": [
3142
+ "onClick"
3143
+ ]
3144
+ },
3145
+ "runtimeConfigDefaultProps": {
3146
+ "size": "toast.defaultSize",
3147
+ "variant": "toast.defaultVariant"
3148
+ },
3149
+ "runtimeConfigGetStyles": {
3150
+ "toastSizeLabel": [
3151
+ "toast.defaultSize"
3152
+ ],
3153
+ "toastVariantIcon": [
3154
+ "toast.defaultVariant"
3155
+ ],
3156
+ "toastSizeIcon": [
3157
+ "toast.defaultSize"
3158
+ ],
3159
+ "toastSizeActionButton": [
3160
+ "toast.defaultSize"
3161
+ ],
3162
+ "toastVariantActionButton": [
3163
+ "toast.defaultVariant"
3164
+ ],
3165
+ "toastVariantCloseIcon": [
3166
+ "toast.defaultVariant"
3167
+ ],
3168
+ "toastSizeCloseIcon": [
3169
+ "toast.defaultSize"
3170
+ ]
3171
+ },
3172
+ "runtimeConfigInternalComponentProps": {
3173
+ "ToastContainer": {
2761
3174
  "size": [
2762
- "sm"
2763
- ],
2764
- "color": [
2765
- "primary"
2766
- ]
2767
- },
2768
- "SpringMotionConfig": {
2769
- "layoutVariant": [
2770
- "smooth"
2771
- ],
2772
- "layoutSpeed": [
2773
- "3"
2774
- ]
2775
- },
2776
- "Pressable": {
2777
- "display": [
2778
- "flex"
2779
- ],
2780
- "flexDirection": [
2781
- "row"
2782
- ],
2783
- "alignItems": [
2784
- "center"
2785
- ],
2786
- "justifyContent": [
2787
- "space-between"
3175
+ "toast.defaultSize"
2788
3176
  ],
2789
- "borderRadius": [
2790
- "md"
3177
+ "variant": [
3178
+ "toast.defaultVariant"
2791
3179
  ]
2792
3180
  },
2793
3181
  "Text": {
2794
3182
  "variant": [
2795
- "title4"
3183
+ "toast.textVariant.${size}"
2796
3184
  ],
2797
3185
  "color": [
2798
- "primary"
3186
+ "toast.textColor.${variant}"
2799
3187
  ]
2800
3188
  },
2801
- "HStack": {
2802
- "display": [
2803
- "flex"
2804
- ],
2805
- "alignItems": [
2806
- "center"
2807
- ],
2808
- "justifyContent": [
2809
- "space-between"
3189
+ "Button": {
3190
+ "size": [
3191
+ "toast.buttonSize.${size}"
2810
3192
  ],
2811
- "columnGap": [
2812
- "2.5"
3193
+ "variant": [
3194
+ "toast.buttonVariant.${variant}"
2813
3195
  ]
2814
3196
  }
2815
3197
  },
2816
- "propToVariantKeys": {},
2817
- "runtimeConfigDefaultProps": {},
2818
- "runtimeConfigGetStyles": {},
2819
- "runtimeConfigInternalComponentProps": {},
2820
- "motionVarPrefixes": [
2821
- "--uds-motion-smooth-3-"
2822
- ]
2823
- },
2824
- "AvoidMotionLibraryProvider": {
2825
- "name": "AvoidMotionLibraryProvider",
2826
- "defaultProps": {},
2827
- "getStylesLiterals": {},
2828
- "cxLiterals": [],
2829
- "internalComponents": [],
2830
- "internalComponentProps": {},
2831
- "propToVariantKeys": {},
2832
- "runtimeConfigDefaultProps": {},
2833
- "runtimeConfigGetStyles": {},
2834
- "runtimeConfigInternalComponentProps": {},
2835
3198
  "motionVarPrefixes": []
2836
3199
  },
2837
- "Modal": {
2838
- "name": "Modal",
3200
+ "ToastContainer": {
3201
+ "name": "ToastContainer",
2839
3202
  "defaultProps": {},
2840
- "getStylesLiterals": {},
3203
+ "getStylesLiterals": {
3204
+ "position": "relative",
3205
+ "alignItems": "center",
3206
+ "display": "flex",
3207
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
3208
+ },
2841
3209
  "cxLiterals": [
2842
- "inset-8",
2843
- "top-[250px]",
2844
- "z-50",
2845
- "mx-auto",
2846
- "h-fit",
2847
- "w-[600px]",
2848
- "origin-center",
2849
- "scale-95",
2850
- "opacity-0",
2851
- "transition",
2852
- "duration-150",
2853
- "data-[enter]:scale-100",
2854
- "data-[enter]:opacity-100",
2855
- "data-[enter]:bg-primary",
2856
- "backdrop-blur-0",
2857
- "data-[enter]:opacity-60",
2858
- "data-[enter]:backdrop-blur-sm"
3210
+ "w-full"
2859
3211
  ],
2860
3212
  "internalComponents": [
2861
- "IconButton",
2862
- "Dialog",
2863
- "HStack",
2864
- "Text",
2865
- "VStack"
3213
+ "HStack"
2866
3214
  ],
2867
3215
  "internalComponentProps": {
2868
- "IconButton": {
2869
- "aria-label": [
2870
- "Close"
2871
- ],
2872
- "size": [
2873
- "sm"
2874
- ],
2875
- "variant": [
2876
- "tertiary"
2877
- ]
2878
- },
2879
3216
  "HStack": {
2880
3217
  "alignItems": [
2881
3218
  "center"
2882
3219
  ],
2883
3220
  "justifyContent": [
2884
3221
  "space-between"
2885
- ]
2886
- },
2887
- "Text": {
2888
- "variant": [
2889
- "headline1"
2890
- ],
2891
- "color": [
2892
- "primary"
2893
- ]
2894
- },
2895
- "VStack": {
2896
- "borderRadius": [
2897
- "md"
2898
- ],
2899
- "position": [
2900
- "fixed"
2901
- ],
2902
- "backgroundColor": [
2903
- "primary"
2904
- ],
2905
- "dropShadow": [
2906
- "md"
2907
- ],
2908
- "spacing": [
2909
- "8"
2910
3222
  ],
2911
3223
  "overflow": [
2912
3224
  "hidden"
3225
+ ],
3226
+ "position": [
3227
+ "relative"
2913
3228
  ]
2914
3229
  }
2915
3230
  },
2916
3231
  "propToVariantKeys": {
2917
- "handleClose": [
2918
- "onClick"
3232
+ "variant": [
3233
+ "toastVariantRoot"
3234
+ ],
3235
+ "size": [
3236
+ "toastSizeRoot"
2919
3237
  ]
2920
3238
  },
2921
- "runtimeConfigDefaultProps": {},
2922
- "runtimeConfigGetStyles": {},
2923
- "runtimeConfigInternalComponentProps": {},
3239
+ "runtimeConfigDefaultProps": {
3240
+ "size": "toast.defaultSize",
3241
+ "variant": "toast.defaultVariant"
3242
+ },
3243
+ "runtimeConfigGetStyles": {
3244
+ "toastVariantRoot": [
3245
+ "toast.defaultVariant"
3246
+ ],
3247
+ "toastSizeRoot": [
3248
+ "toast.defaultSize"
3249
+ ]
3250
+ },
3251
+ "runtimeConfigInternalComponentProps": {
3252
+ "HStack": {
3253
+ "backgroundColor": [
3254
+ "toast.backgroundColor.${variant}"
3255
+ ]
3256
+ }
3257
+ },
2924
3258
  "motionVarPrefixes": []
2925
3259
  },
2926
- "SegmentedControl": {
2927
- "name": "SegmentedControl",
2928
- "defaultProps": {
2929
- "textVariant": "label2"
3260
+ "ToastPortal": {
3261
+ "name": "ToastPortal",
3262
+ "defaultProps": {},
3263
+ "getStylesLiterals": {},
3264
+ "cxLiterals": [],
3265
+ "internalComponents": [
3266
+ "ReactToastifyToastContainer"
3267
+ ],
3268
+ "internalComponentProps": {},
3269
+ "propToVariantKeys": {},
3270
+ "runtimeConfigDefaultProps": {
3271
+ "size": "toast.defaultSize",
3272
+ "variant": "toast.defaultVariant"
2930
3273
  },
2931
- "getStylesLiterals": {
2932
- "display": "flex",
2933
- "alignItems": "center",
2934
- "backgroundColor": "primary",
2935
- "spacingVertical": "1",
2936
- "spacingHorizontal": "3",
2937
- "columnGap": "1.5",
2938
- "borderWidth": "thin",
2939
- "borderRadius": "full",
2940
- "borderColor": "muted",
2941
- "borderColor:1": "transparent",
2942
- "color": "primary",
2943
- "color:1": "tertiary",
2944
- "color:2": "muted"
3274
+ "runtimeConfigGetStyles": {},
3275
+ "runtimeConfigInternalComponentProps": {
3276
+ "ReactToastifyToastContainer": {
3277
+ "autoClose": [
3278
+ "toast.autoClose"
3279
+ ]
3280
+ }
2945
3281
  },
2946
- "cxLiterals": [
2947
- "uds-ring",
2948
- "cursor-not-allowed",
2949
- "opacity-50",
2950
- "pointer-events-none",
2951
- "hover:bg-primary"
3282
+ "motionVarPrefixes": []
3283
+ },
3284
+ "UDSToastConfigProvider": {
3285
+ "name": "UDSToastConfigProvider",
3286
+ "defaultProps": {},
3287
+ "getStylesLiterals": {},
3288
+ "cxLiterals": [],
3289
+ "internalComponents": [
3290
+ "ToastContext.Provider"
2952
3291
  ],
3292
+ "internalComponentProps": {},
3293
+ "propToVariantKeys": {},
3294
+ "runtimeConfigDefaultProps": {},
3295
+ "runtimeConfigGetStyles": {},
3296
+ "runtimeConfigInternalComponentProps": {},
3297
+ "motionVarPrefixes": []
3298
+ },
3299
+ "Tooltip": {
3300
+ "name": "Tooltip",
3301
+ "defaultProps": {},
3302
+ "getStylesLiterals": {},
3303
+ "cxLiterals": [],
2953
3304
  "internalComponents": [
2954
- "TextVariant",
2955
- "Radio",
2956
- "Icon",
2957
- "RadioProvider",
2958
- "HStack",
2959
- "RadioGroup",
2960
- "Pressable",
2961
- "Text"
3305
+ "TooltipInternalContext.Provider",
3306
+ "TooltipProvider"
2962
3307
  ],
2963
- "internalComponentProps": {
2964
- "Icon": {
2965
- "size": [
2966
- "sm"
2967
- ],
2968
- "color": [
2969
- "current"
2970
- ],
2971
- "aria-hidden": [
2972
- "true"
2973
- ]
2974
- },
2975
- "HStack": {
2976
- "spacing": [
2977
- "1"
2978
- ],
2979
- "gap": [
2980
- "1"
2981
- ],
2982
- "backgroundColor": [
2983
- "secondary"
2984
- ],
2985
- "borderRadius": [
2986
- "full"
2987
- ],
2988
- "display": [
2989
- "inline-flex"
2990
- ]
2991
- },
2992
- "Text": {
2993
- "color": [
2994
- "current"
3308
+ "internalComponentProps": {},
3309
+ "propToVariantKeys": {},
3310
+ "runtimeConfigDefaultProps": {},
3311
+ "runtimeConfigGetStyles": {},
3312
+ "runtimeConfigInternalComponentProps": {
3313
+ "TooltipProvider": {
3314
+ "animated": [
3315
+ "tooltip.animationDuration"
2995
3316
  ]
2996
3317
  }
2997
3318
  },
2998
- "propToVariantKeys": {
2999
- "value": [
3000
- "key"
3001
- ],
3002
- "label": [
3003
- "aria-label"
3004
- ],
3005
- "textVariant": [
3006
- "variant"
3007
- ]
3008
- },
3009
- "runtimeConfigDefaultProps": {},
3010
- "runtimeConfigGetStyles": {},
3011
- "runtimeConfigInternalComponentProps": {},
3012
3319
  "motionVarPrefixes": []
3013
3320
  },
3014
- "SwitchV2": {
3015
- "name": "SwitchV2",
3016
- "defaultProps": {
3017
- "labelPosition": "start",
3018
- "size": "md"
3019
- },
3321
+ "TooltipContent": {
3322
+ "name": "TooltipContent",
3323
+ "defaultProps": {},
3020
3324
  "getStylesLiterals": {
3021
- "switchVariantRoot": "default",
3022
- "switchVariantActiveRoot": "on",
3023
- "switchVariantActiveRoot:1": "off",
3024
- "switchVariantSwitch": "default",
3025
- "switchVariantActiveSwitch": "on",
3026
- "switchVariantActiveSwitch:1": "off",
3027
- "switchVariantActiveHandle": "on",
3028
- "switchVariantActiveHandle:1": "off",
3029
- "switchVariantHandle": "default",
3030
- "switchVariantHandleIcon": "default",
3031
- "switchVariantActiveHandleIcon": "on",
3032
- "switchVariantActiveHandleIcon:1": "off"
3325
+ "tooltipSizeRoot": "default",
3326
+ "tooltipVariantRoot": "default",
3327
+ "tooltipSizeSvg": "default",
3328
+ "tooltipVariantSvg": "default",
3329
+ "tooltipVariantBlur": "default",
3330
+ "position": "absolute",
3331
+ "width": "full",
3332
+ "height": "full",
3333
+ "tooltipSizeTitle": "default",
3334
+ "tooltipSizeBody": "default",
3335
+ "tooltipSizeEndContent": "default",
3336
+ "tooltipSizeIcon": "default",
3337
+ "tooltipVariantIcon": "default"
3033
3338
  },
3034
3339
  "cxLiterals": [
3035
- "group",
3340
+ "max-w-lg",
3036
3341
  "flex",
3037
- "items-center",
3038
- "flex-row",
3039
- "flex-row-reverse",
3040
- "uds-ring",
3041
- "uds-ring-within",
3042
- "relative",
3043
- "uds-border-radius-full",
3044
- "transition-[background-color,box-shadow]",
3045
- "pointer-events-none",
3046
- "w-full",
3047
- "h-full",
3048
- "absolute",
3342
+ "z-[9999]",
3343
+ "uds-bgBlurFillFallback",
3344
+ "uds-bgBlurFallback",
3049
3345
  "top-0",
3050
- "bottom-0",
3051
- "right-0",
3052
3346
  "left-0",
3053
- "overflow-hidden",
3054
- "group-hover:scale-105",
3055
- "opacity-95",
3056
- "group-hover:opacity-100",
3057
- "transition-[transform,opacity]",
3058
- "opacity-0",
3059
- "top-1/2",
3060
- "left-1/2",
3061
- "transform",
3062
- "translate-x-[-50%]",
3063
- "translate-y-[-50%]",
3064
- "transition-opacity",
3065
- "cursor-[inherit]",
3066
- "w-[calc(100%+2px)]",
3067
- "h-[calc(100%+2px)]",
3068
- "text-start",
3069
- "text-end",
3070
- "opacity-100"
3347
+ "z-[1]"
3071
3348
  ],
3072
3349
  "internalComponents": [
3073
3350
  "IconSlot",
3351
+ "TooltipArrow",
3352
+ "Tooltip",
3353
+ "SvgFloatingOverlay",
3354
+ "VStack",
3074
3355
  "Box",
3075
- "FormLabel",
3076
- "SpringMotionConfig",
3077
- "RootElement",
3078
- "MotionBox"
3356
+ "Text"
3079
3357
  ],
3080
3358
  "internalComponentProps": {
3081
- "IconSlot": {
3082
- "data-testid": [
3083
- "on-icon",
3084
- "off-icon"
3359
+ "SvgFloatingOverlay": {
3360
+ "contentOverflow": [
3361
+ "visible"
3085
3362
  ]
3086
3363
  },
3087
- "FormLabel": {
3088
- "as": [
3089
- "div"
3090
- ],
3091
- "variant": [
3092
- "inherit"
3093
- ],
3094
- "color": [
3095
- "inherit"
3364
+ "VStack": {
3365
+ "className": [
3366
+ "gap-[inherit]"
3096
3367
  ]
3097
3368
  },
3098
- "SpringMotionConfig": {
3099
- "layoutVariant": [
3100
- "bouncy"
3369
+ "Box": {
3370
+ "alignItems": [
3371
+ "center"
3101
3372
  ],
3102
- "layoutSpeed": [
3103
- "4"
3104
- ]
3105
- },
3106
- "RootElement": {
3107
- "data-testid": [
3108
- "switch-root"
3373
+ "columnGap": [
3374
+ "1",
3375
+ "1.5"
3109
3376
  ]
3110
3377
  },
3111
- "MotionBox": {
3112
- "layout": [
3113
- "position"
3378
+ "Text": {
3379
+ "color": [
3380
+ "inherit"
3114
3381
  ]
3115
3382
  }
3116
3383
  },
3117
3384
  "propToVariantKeys": {
3118
- "size": [
3119
- "switchSizeRoot",
3120
- "switchSizeSwitch",
3121
- "switchSizeHandle",
3122
- "switchSizeHandleIcon"
3123
- ],
3124
- "onIcon": [
3125
- "icon"
3126
- ],
3127
- "offIcon": [
3385
+ "startTitleIcon": [
3128
3386
  "icon"
3129
- ],
3130
- "reduceMotion": [
3131
- "reducedMotion"
3132
- ],
3133
- "isOn": [
3134
- "layoutDependency"
3135
3387
  ]
3136
3388
  },
3137
3389
  "runtimeConfigDefaultProps": {},
3138
3390
  "runtimeConfigGetStyles": {},
3139
3391
  "runtimeConfigInternalComponentProps": {},
3140
- "motionVarPrefixes": [
3141
- "--uds-motion-bouncy-4-",
3142
- "--uds-motion-smooth-3-"
3143
- ]
3392
+ "motionVarPrefixes": []
3144
3393
  },
3145
- "Tabs": {
3146
- "name": "Tabs",
3394
+ "TooltipTrigger": {
3395
+ "name": "TooltipTrigger",
3147
3396
  "defaultProps": {},
3148
- "getStylesLiterals": {
3149
- "display": "flex",
3150
- "flexDirection": "row",
3151
- "columnGap": "6"
3152
- },
3153
- "cxLiterals": [
3154
- "text-tertiary",
3155
- "border-b-transparent",
3156
- "aria-selected:border-b-brand",
3157
- "aria-selected:text-secondary"
3158
- ],
3397
+ "getStylesLiterals": {},
3398
+ "cxLiterals": [],
3159
3399
  "internalComponents": [
3160
- "TabProvider",
3161
- "OriginalTabList",
3162
- "OriginalTab",
3163
- "Icon",
3164
- "OriginalTabPanel",
3165
- "Pressable",
3166
- "Comp",
3167
- "Text"
3400
+ "TooltipAnchor"
3168
3401
  ],
3169
3402
  "internalComponentProps": {
3170
- "Icon": {
3171
- "className": [
3172
- "text-current"
3173
- ],
3174
- "size": [
3175
- "md"
3176
- ]
3177
- },
3178
- "Pressable": {
3179
- "borderBottomWidth": [
3180
- "medium"
3181
- ],
3182
- "spacingBottom": [
3183
- "1"
3184
- ],
3185
- "spacingTop": [
3186
- "4"
3187
- ]
3188
- },
3189
- "Text": {
3403
+ "TooltipAnchor": {
3190
3404
  "className": [
3191
- "text-current"
3192
- ],
3193
- "variant": [
3194
- "headline1"
3195
- ],
3196
- "as": [
3197
- "span"
3405
+ "inline"
3198
3406
  ]
3199
3407
  }
3200
3408
  },
3409
+ "propToVariantKeys": {
3410
+ "children": [
3411
+ "render"
3412
+ ]
3413
+ },
3414
+ "runtimeConfigDefaultProps": {},
3415
+ "runtimeConfigGetStyles": {},
3416
+ "runtimeConfigInternalComponentProps": {},
3417
+ "motionVarPrefixes": []
3418
+ },
3419
+ "UDSTooltipConfigProvider": {
3420
+ "name": "UDSTooltipConfigProvider",
3421
+ "defaultProps": {},
3422
+ "getStylesLiterals": {},
3423
+ "cxLiterals": [],
3424
+ "internalComponents": [
3425
+ "TooltipContext.Provider"
3426
+ ],
3427
+ "internalComponentProps": {},
3428
+ "propToVariantKeys": {},
3429
+ "runtimeConfigDefaultProps": {},
3430
+ "runtimeConfigGetStyles": {},
3431
+ "runtimeConfigInternalComponentProps": {},
3432
+ "motionVarPrefixes": []
3433
+ },
3434
+ "UDSBreakpointsConfigProvider": {
3435
+ "name": "UDSBreakpointsConfigProvider",
3436
+ "defaultProps": {},
3437
+ "getStylesLiterals": {},
3438
+ "cxLiterals": [],
3439
+ "internalComponents": [
3440
+ "UDSBreakpointsConfigContext.Provider"
3441
+ ],
3442
+ "internalComponentProps": {},
3443
+ "propToVariantKeys": {},
3444
+ "runtimeConfigDefaultProps": {},
3445
+ "runtimeConfigGetStyles": {},
3446
+ "runtimeConfigInternalComponentProps": {},
3447
+ "motionVarPrefixes": []
3448
+ },
3449
+ "UDSConfigProvider": {
3450
+ "name": "UDSConfigProvider",
3451
+ "defaultProps": {},
3452
+ "getStylesLiterals": {},
3453
+ "cxLiterals": [],
3454
+ "internalComponents": [
3455
+ "UDSBreakpointsConfigProvider",
3456
+ "UDSBottomSheetConfigProvider",
3457
+ "UDSToastConfigProvider",
3458
+ "UDSTooltipConfigProvider",
3459
+ "UDSPopoverConfigProvider"
3460
+ ],
3461
+ "internalComponentProps": {},
3201
3462
  "propToVariantKeys": {},
3202
3463
  "runtimeConfigDefaultProps": {},
3203
3464
  "runtimeConfigGetStyles": {},