@yahoo/uds 3.153.2 → 3.154.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 (19) hide show
  1. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts +2 -2
  2. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.ts +2 -2
  3. package/dist/cli/commands/sync.cjs +21 -4
  4. package/dist/cli/commands/sync.d.cts +2 -1
  5. package/dist/cli/commands/sync.d.ts +2 -1
  6. package/dist/cli/commands/sync.js +21 -5
  7. package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +1 -1
  8. package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
  9. package/dist/styles/styler.d.cts +9 -9
  10. package/dist/styles/styler.d.ts +9 -9
  11. package/dist/tailwind-internal/dist/utils/getShadowStyles.d.cts +2 -2
  12. package/dist/tailwind-internal/dist/utils/getShadowStyles.d.ts +2 -2
  13. package/dist/uds/generated/componentData.cjs +503 -503
  14. package/dist/uds/generated/componentData.js +503 -503
  15. package/dist/uds/generated/migrationSchemaVersion.cjs +5 -0
  16. package/dist/uds/generated/migrationSchemaVersion.js +5 -0
  17. package/generated/componentData.json +754 -754
  18. package/generated/migrationSchemaVersion.ts +7 -0
  19. package/package.json +1 -1
package/dist/uds/generated/componentData.js CHANGED
@@ -236,133 +236,6 @@ var componentData_default = {
236
236
  "runtimeConfigInternalComponentProps": {},
237
237
  "motionVarPrefixes": []
238
238
  },
239
- BannerDescription: {
240
- "name": "BannerDescription",
241
- "defaultProps": {},
242
- "getStylesLiterals": {
243
- "bannerSizeDescription": "default",
244
- "className": "w-full line-clamp-3"
245
- },
246
- "cxLiterals": [],
247
- "internalComponents": ["Text"],
248
- "internalComponentProps": {},
249
- "propToVariantKeys": {},
250
- "runtimeConfigDefaultProps": {},
251
- "runtimeConfigGetStyles": {},
252
- "runtimeConfigInternalComponentProps": {},
253
- "motionVarPrefixes": []
254
- },
255
- BannerContent: {
256
- "name": "BannerContent",
257
- "defaultProps": {},
258
- "getStylesLiterals": {},
259
- "cxLiterals": [
260
- "flex",
261
- "flex-col",
262
- "items-start",
263
- "self-stretch",
264
- "flex-1",
265
- "min-w-0"
266
- ],
267
- "internalComponents": [],
268
- "internalComponentProps": {},
269
- "propToVariantKeys": {},
270
- "runtimeConfigDefaultProps": {},
271
- "runtimeConfigGetStyles": {},
272
- "runtimeConfigInternalComponentProps": {},
273
- "motionVarPrefixes": []
274
- },
275
- BannerTitle: {
276
- "name": "BannerTitle",
277
- "defaultProps": {},
278
- "getStylesLiterals": { "bannerSizeTitle": "default" },
279
- "cxLiterals": ["w-full", "truncate"],
280
- "internalComponents": ["Text"],
281
- "internalComponentProps": {},
282
- "propToVariantKeys": {},
283
- "runtimeConfigDefaultProps": {},
284
- "runtimeConfigGetStyles": {},
285
- "runtimeConfigInternalComponentProps": {},
286
- "motionVarPrefixes": []
287
- },
288
- Banner: {
289
- "name": "Banner",
290
- "defaultProps": {
291
- "variant": "primary",
292
- "size": "default",
293
- "dismissAriaLabel": "Dismiss"
294
- },
295
- "getStylesLiterals": {
296
- "className": "truncate",
297
- "className:1": "line-clamp-3",
298
- "spacing": "2",
299
- "borderRadius": "full",
300
- "color": "primary"
301
- },
302
- "cxLiterals": [
303
- "uds-banner",
304
- "flex",
305
- "flex-row",
306
- "items-center",
307
- "items-start",
308
- "min-w-[300px]",
309
- "transition-[background-color]",
310
- "motion-safe:duration-120",
311
- "bg-carbon-15/0",
312
- "hover:bg-carbon-15/10",
313
- "active:bg-carbon-15/15",
314
- "uds-ring",
315
- "shrink-0",
316
- "self-start",
317
- "flex-1",
318
- "min-w-0",
319
- "flex-col",
320
- "gap-[inherit]",
321
- "uds-sm:flex-row",
322
- "uds-sm:items-center",
323
- "self-stretch",
324
- "gap-0.5",
325
- "w-full",
326
- "truncate",
327
- "leading-none",
328
- "line-clamp-3",
329
- "gap-1.5",
330
- "uds-sm:self-center",
331
- "uds-sm:shrink-0"
332
- ],
333
- "internalComponents": [
334
- "IconSlot",
335
- "Text",
336
- "Pressable"
337
- ],
338
- "internalComponentProps": {
339
- "IconSlot": { "data-testid": ["banner-start-icon"] },
340
- "Text": { "data-testid": ["banner-title", "banner-description"] },
341
- "Pressable": { "data-testid": ["banner-dismiss"] }
342
- },
343
- "propToVariantKeys": {
344
- "variant": [
345
- "bannerVariantRoot",
346
- "bannerVariantIcon",
347
- "bannerVariantTitle",
348
- "bannerVariantDescription"
349
- ],
350
- "size": [
351
- "bannerSizeRoot",
352
- "bannerSizeIcon",
353
- "bannerSizeTitle",
354
- "bannerSizeDescription",
355
- "bannerSizeClose"
356
- ],
357
- "startIcon": ["icon"],
358
- "dismissAriaLabel": ["aria-label"],
359
- "onDismiss": ["onClick"]
360
- },
361
- "runtimeConfigDefaultProps": {},
362
- "runtimeConfigGetStyles": {},
363
- "runtimeConfigInternalComponentProps": {},
364
- "motionVarPrefixes": []
365
- },
366
239
  Switch: {
367
240
  "name": "Switch",
368
241
  "defaultProps": {
@@ -715,6 +588,133 @@ var componentData_default = {
715
588
  "runtimeConfigInternalComponentProps": {},
716
589
  "motionVarPrefixes": []
717
590
  },
591
+ BannerDescription: {
592
+ "name": "BannerDescription",
593
+ "defaultProps": {},
594
+ "getStylesLiterals": {
595
+ "bannerSizeDescription": "default",
596
+ "className": "w-full line-clamp-3"
597
+ },
598
+ "cxLiterals": [],
599
+ "internalComponents": ["Text"],
600
+ "internalComponentProps": {},
601
+ "propToVariantKeys": {},
602
+ "runtimeConfigDefaultProps": {},
603
+ "runtimeConfigGetStyles": {},
604
+ "runtimeConfigInternalComponentProps": {},
605
+ "motionVarPrefixes": []
606
+ },
607
+ BannerContent: {
608
+ "name": "BannerContent",
609
+ "defaultProps": {},
610
+ "getStylesLiterals": {},
611
+ "cxLiterals": [
612
+ "flex",
613
+ "flex-col",
614
+ "items-start",
615
+ "self-stretch",
616
+ "flex-1",
617
+ "min-w-0"
618
+ ],
619
+ "internalComponents": [],
620
+ "internalComponentProps": {},
621
+ "propToVariantKeys": {},
622
+ "runtimeConfigDefaultProps": {},
623
+ "runtimeConfigGetStyles": {},
624
+ "runtimeConfigInternalComponentProps": {},
625
+ "motionVarPrefixes": []
626
+ },
627
+ BannerTitle: {
628
+ "name": "BannerTitle",
629
+ "defaultProps": {},
630
+ "getStylesLiterals": { "bannerSizeTitle": "default" },
631
+ "cxLiterals": ["w-full", "truncate"],
632
+ "internalComponents": ["Text"],
633
+ "internalComponentProps": {},
634
+ "propToVariantKeys": {},
635
+ "runtimeConfigDefaultProps": {},
636
+ "runtimeConfigGetStyles": {},
637
+ "runtimeConfigInternalComponentProps": {},
638
+ "motionVarPrefixes": []
639
+ },
640
+ Banner: {
641
+ "name": "Banner",
642
+ "defaultProps": {
643
+ "variant": "primary",
644
+ "size": "default",
645
+ "dismissAriaLabel": "Dismiss"
646
+ },
647
+ "getStylesLiterals": {
648
+ "className": "truncate",
649
+ "className:1": "line-clamp-3",
650
+ "spacing": "2",
651
+ "borderRadius": "full",
652
+ "color": "primary"
653
+ },
654
+ "cxLiterals": [
655
+ "uds-banner",
656
+ "flex",
657
+ "flex-row",
658
+ "items-center",
659
+ "items-start",
660
+ "min-w-[300px]",
661
+ "transition-[background-color]",
662
+ "motion-safe:duration-120",
663
+ "bg-carbon-15/0",
664
+ "hover:bg-carbon-15/10",
665
+ "active:bg-carbon-15/15",
666
+ "uds-ring",
667
+ "shrink-0",
668
+ "self-start",
669
+ "flex-1",
670
+ "min-w-0",
671
+ "flex-col",
672
+ "gap-[inherit]",
673
+ "uds-sm:flex-row",
674
+ "uds-sm:items-center",
675
+ "self-stretch",
676
+ "gap-0.5",
677
+ "w-full",
678
+ "truncate",
679
+ "leading-none",
680
+ "line-clamp-3",
681
+ "gap-1.5",
682
+ "uds-sm:self-center",
683
+ "uds-sm:shrink-0"
684
+ ],
685
+ "internalComponents": [
686
+ "IconSlot",
687
+ "Text",
688
+ "Pressable"
689
+ ],
690
+ "internalComponentProps": {
691
+ "IconSlot": { "data-testid": ["banner-start-icon"] },
692
+ "Text": { "data-testid": ["banner-title", "banner-description"] },
693
+ "Pressable": { "data-testid": ["banner-dismiss"] }
694
+ },
695
+ "propToVariantKeys": {
696
+ "variant": [
697
+ "bannerVariantRoot",
698
+ "bannerVariantIcon",
699
+ "bannerVariantTitle",
700
+ "bannerVariantDescription"
701
+ ],
702
+ "size": [
703
+ "bannerSizeRoot",
704
+ "bannerSizeIcon",
705
+ "bannerSizeTitle",
706
+ "bannerSizeDescription",
707
+ "bannerSizeClose"
708
+ ],
709
+ "startIcon": ["icon"],
710
+ "dismissAriaLabel": ["aria-label"],
711
+ "onDismiss": ["onClick"]
712
+ },
713
+ "runtimeConfigDefaultProps": {},
714
+ "runtimeConfigGetStyles": {},
715
+ "runtimeConfigInternalComponentProps": {},
716
+ "motionVarPrefixes": []
717
+ },
718
718
  DividerLine: {
719
719
  "name": "DividerLine",
720
720
  "defaultProps": { "variant": "primary" },
@@ -986,8 +986,123 @@ var componentData_default = {
986
986
  "runtimeConfigInternalComponentProps": {},
987
987
  "motionVarPrefixes": []
988
988
  },
989
- ManagedModal: {
990
- "name": "ManagedModal",
989
+ RadioGroupStore: {
990
+ "name": "RadioGroupStore",
991
+ "defaultProps": {},
992
+ "getStylesLiterals": {},
993
+ "cxLiterals": [],
994
+ "internalComponents": [],
995
+ "internalComponentProps": {},
996
+ "propToVariantKeys": {},
997
+ "runtimeConfigDefaultProps": {},
998
+ "runtimeConfigGetStyles": {},
999
+ "runtimeConfigInternalComponentProps": {},
1000
+ "motionVarPrefixes": []
1001
+ },
1002
+ RadioGroupProvider: {
1003
+ "name": "RadioGroupProvider",
1004
+ "defaultProps": {},
1005
+ "getStylesLiterals": {},
1006
+ "cxLiterals": [],
1007
+ "internalComponents": [
1008
+ "DivProps",
1009
+ "Comp",
1010
+ "RadioGroupContext.Provider"
1011
+ ],
1012
+ "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1013
+ "propToVariantKeys": {},
1014
+ "runtimeConfigDefaultProps": {},
1015
+ "runtimeConfigGetStyles": {},
1016
+ "runtimeConfigInternalComponentProps": {},
1017
+ "motionVarPrefixes": []
1018
+ },
1019
+ Radio: {
1020
+ "name": "Radio",
1021
+ "defaultProps": {
1022
+ "labelPosition": "start",
1023
+ "variant": "primary",
1024
+ "size": "md",
1025
+ "value": ""
1026
+ },
1027
+ "getStylesLiterals": {
1028
+ "radioVariantValueRoot": "checked",
1029
+ "radioVariantValueRoot:1": "unchecked",
1030
+ "display": "flex",
1031
+ "flexDirection": "row",
1032
+ "flexDirection:1": "row-reverse",
1033
+ "alignItems": "center",
1034
+ "radioVariantValueRadio": "checked",
1035
+ "radioVariantValueRadio:1": "unchecked",
1036
+ "radioVariantValueRadioCircle": "checked",
1037
+ "radioVariantValueRadioCircle:1": "unchecked"
1038
+ },
1039
+ "cxLiterals": [
1040
+ "cursor-pointer",
1041
+ "cursor-default",
1042
+ "opacity-50",
1043
+ "border",
1044
+ "uds-ring",
1045
+ "uds-ring-within",
1046
+ "transition-[background-color,border-color]",
1047
+ "transition-shadow",
1048
+ "pointer-events-none",
1049
+ "w-[8px]",
1050
+ "h-[8px]",
1051
+ "opacity-55",
1052
+ "opacity-100",
1053
+ "opacity-0",
1054
+ "transition-opacity",
1055
+ "cursor-[inherit]",
1056
+ "absolute",
1057
+ "top-1/2",
1058
+ "left-1/2",
1059
+ "w-[calc(100%+2px)]",
1060
+ "h-[calc(100%+2px)]",
1061
+ "transform",
1062
+ "translate-x-[-50%]",
1063
+ "translate-y-[-50%]",
1064
+ "text-start",
1065
+ "text-end"
1066
+ ],
1067
+ "internalComponents": [
1068
+ "Box",
1069
+ "FormLabel",
1070
+ "SpringMotionConfig",
1071
+ "RootElement",
1072
+ "MotionBox"
1073
+ ],
1074
+ "internalComponentProps": {
1075
+ "Box": { "borderRadius": ["full"] },
1076
+ "FormLabel": {
1077
+ "as": ["div"],
1078
+ "variant": ["inherit"],
1079
+ "color": ["inherit"]
1080
+ },
1081
+ "RootElement": { "data-testid": ["container"] },
1082
+ "MotionBox": {
1083
+ "position": ["relative"],
1084
+ "borderRadius": ["full"],
1085
+ "alignItems": ["center"],
1086
+ "justifyContent": ["center"],
1087
+ "flex": ["none"]
1088
+ }
1089
+ },
1090
+ "propToVariantKeys": {
1091
+ "size": ["radioSizeRoot", "radioSizeRadio"],
1092
+ "variant": [
1093
+ "radioVariantRoot",
1094
+ "radioVariantRadio",
1095
+ "radioVariantRadioCircle"
1096
+ ],
1097
+ "reduceMotion": ["reducedMotion"]
1098
+ },
1099
+ "runtimeConfigDefaultProps": {},
1100
+ "runtimeConfigGetStyles": {},
1101
+ "runtimeConfigInternalComponentProps": {},
1102
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1103
+ },
1104
+ ManagedModal: {
1105
+ "name": "ManagedModal",
991
1106
  "defaultProps": {},
992
1107
  "getStylesLiterals": {},
993
1108
  "cxLiterals": [],
@@ -1228,121 +1343,6 @@ var componentData_default = {
1228
1343
  "runtimeConfigInternalComponentProps": {},
1229
1344
  "motionVarPrefixes": []
1230
1345
  },
1231
- RadioGroupStore: {
1232
- "name": "RadioGroupStore",
1233
- "defaultProps": {},
1234
- "getStylesLiterals": {},
1235
- "cxLiterals": [],
1236
- "internalComponents": [],
1237
- "internalComponentProps": {},
1238
- "propToVariantKeys": {},
1239
- "runtimeConfigDefaultProps": {},
1240
- "runtimeConfigGetStyles": {},
1241
- "runtimeConfigInternalComponentProps": {},
1242
- "motionVarPrefixes": []
1243
- },
1244
- RadioGroupProvider: {
1245
- "name": "RadioGroupProvider",
1246
- "defaultProps": {},
1247
- "getStylesLiterals": {},
1248
- "cxLiterals": [],
1249
- "internalComponents": [
1250
- "DivProps",
1251
- "Comp",
1252
- "RadioGroupContext.Provider"
1253
- ],
1254
- "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1255
- "propToVariantKeys": {},
1256
- "runtimeConfigDefaultProps": {},
1257
- "runtimeConfigGetStyles": {},
1258
- "runtimeConfigInternalComponentProps": {},
1259
- "motionVarPrefixes": []
1260
- },
1261
- Radio: {
1262
- "name": "Radio",
1263
- "defaultProps": {
1264
- "labelPosition": "start",
1265
- "variant": "primary",
1266
- "size": "md",
1267
- "value": ""
1268
- },
1269
- "getStylesLiterals": {
1270
- "radioVariantValueRoot": "checked",
1271
- "radioVariantValueRoot:1": "unchecked",
1272
- "display": "flex",
1273
- "flexDirection": "row",
1274
- "flexDirection:1": "row-reverse",
1275
- "alignItems": "center",
1276
- "radioVariantValueRadio": "checked",
1277
- "radioVariantValueRadio:1": "unchecked",
1278
- "radioVariantValueRadioCircle": "checked",
1279
- "radioVariantValueRadioCircle:1": "unchecked"
1280
- },
1281
- "cxLiterals": [
1282
- "cursor-pointer",
1283
- "cursor-default",
1284
- "opacity-50",
1285
- "border",
1286
- "uds-ring",
1287
- "uds-ring-within",
1288
- "transition-[background-color,border-color]",
1289
- "transition-shadow",
1290
- "pointer-events-none",
1291
- "w-[8px]",
1292
- "h-[8px]",
1293
- "opacity-55",
1294
- "opacity-100",
1295
- "opacity-0",
1296
- "transition-opacity",
1297
- "cursor-[inherit]",
1298
- "absolute",
1299
- "top-1/2",
1300
- "left-1/2",
1301
- "w-[calc(100%+2px)]",
1302
- "h-[calc(100%+2px)]",
1303
- "transform",
1304
- "translate-x-[-50%]",
1305
- "translate-y-[-50%]",
1306
- "text-start",
1307
- "text-end"
1308
- ],
1309
- "internalComponents": [
1310
- "Box",
1311
- "FormLabel",
1312
- "SpringMotionConfig",
1313
- "RootElement",
1314
- "MotionBox"
1315
- ],
1316
- "internalComponentProps": {
1317
- "Box": { "borderRadius": ["full"] },
1318
- "FormLabel": {
1319
- "as": ["div"],
1320
- "variant": ["inherit"],
1321
- "color": ["inherit"]
1322
- },
1323
- "RootElement": { "data-testid": ["container"] },
1324
- "MotionBox": {
1325
- "position": ["relative"],
1326
- "borderRadius": ["full"],
1327
- "alignItems": ["center"],
1328
- "justifyContent": ["center"],
1329
- "flex": ["none"]
1330
- }
1331
- },
1332
- "propToVariantKeys": {
1333
- "size": ["radioSizeRoot", "radioSizeRadio"],
1334
- "variant": [
1335
- "radioVariantRoot",
1336
- "radioVariantRadio",
1337
- "radioVariantRadioCircle"
1338
- ],
1339
- "reduceMotion": ["reducedMotion"]
1340
- },
1341
- "runtimeConfigDefaultProps": {},
1342
- "runtimeConfigGetStyles": {},
1343
- "runtimeConfigInternalComponentProps": {},
1344
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1345
- },
1346
1346
  PaginationEllipsis: {
1347
1347
  "name": "PaginationEllipsis",
1348
1348
  "defaultProps": {},
@@ -1723,25 +1723,126 @@ var componentData_default = {
1723
1723
  "runtimeConfigInternalComponentProps": {},
1724
1724
  "motionVarPrefixes": []
1725
1725
  },
1726
- "Menu.index": {
1727
- "name": "Menu.index",
1728
- "defaultProps": {},
1729
- "getStylesLiterals": {},
1730
- "cxLiterals": [],
1731
- "internalComponents": [],
1732
- "internalComponentProps": {},
1733
- "propToVariantKeys": {},
1734
- "runtimeConfigDefaultProps": {},
1735
- "runtimeConfigGetStyles": {},
1736
- "runtimeConfigInternalComponentProps": {},
1737
- "motionVarPrefixes": []
1738
- },
1739
- Menu: {
1740
- "name": "Menu",
1741
- "defaultProps": {},
1726
+ AvatarText: {
1727
+ "name": "AvatarText",
1728
+ "defaultProps": {
1729
+ "size": "md",
1730
+ "variant": "primary"
1731
+ },
1742
1732
  "getStylesLiterals": {},
1743
- "cxLiterals": [],
1744
- "internalComponents": [],
1733
+ "cxLiterals": [
1734
+ "overflow-hidden",
1735
+ "truncate",
1736
+ "w-full",
1737
+ "h-full",
1738
+ "shrink-0",
1739
+ "text-center",
1740
+ "inline-flex",
1741
+ "justify-center",
1742
+ "items-center"
1743
+ ],
1744
+ "internalComponents": ["Box", "Text"],
1745
+ "internalComponentProps": { "Text": {
1746
+ "color": ["inherit"],
1747
+ "variant": ["inherit"]
1748
+ } },
1749
+ "propToVariantKeys": {},
1750
+ "runtimeConfigDefaultProps": {},
1751
+ "runtimeConfigGetStyles": {},
1752
+ "runtimeConfigInternalComponentProps": {},
1753
+ "motionVarPrefixes": []
1754
+ },
1755
+ AvatarIcon: {
1756
+ "name": "AvatarIcon",
1757
+ "defaultProps": {
1758
+ "size": "md",
1759
+ "variant": "primary"
1760
+ },
1761
+ "getStylesLiterals": {},
1762
+ "cxLiterals": [
1763
+ "overflow-hidden",
1764
+ "w-full",
1765
+ "h-full",
1766
+ "shrink-0",
1767
+ "text-center",
1768
+ "inline-flex",
1769
+ "justify-center",
1770
+ "items-center"
1771
+ ],
1772
+ "internalComponents": ["IconSlot", "Box"],
1773
+ "internalComponentProps": {},
1774
+ "propToVariantKeys": { "size": ["avatarSizeIcon"] },
1775
+ "runtimeConfigDefaultProps": {},
1776
+ "runtimeConfigGetStyles": {},
1777
+ "runtimeConfigInternalComponentProps": {},
1778
+ "motionVarPrefixes": []
1779
+ },
1780
+ Avatar: {
1781
+ "name": "Avatar",
1782
+ "defaultProps": {},
1783
+ "getStylesLiterals": {},
1784
+ "cxLiterals": [],
1785
+ "internalComponents": ["AvatarImage"],
1786
+ "internalComponentProps": {},
1787
+ "propToVariantKeys": {},
1788
+ "runtimeConfigDefaultProps": {},
1789
+ "runtimeConfigGetStyles": {},
1790
+ "runtimeConfigInternalComponentProps": {},
1791
+ "motionVarPrefixes": []
1792
+ },
1793
+ AvatarImage: {
1794
+ "name": "AvatarImage",
1795
+ "defaultProps": {
1796
+ "size": "md",
1797
+ "variant": "primary"
1798
+ },
1799
+ "getStylesLiterals": {},
1800
+ "cxLiterals": [
1801
+ "overflow-hidden",
1802
+ "w-full",
1803
+ "h-full",
1804
+ "shrink-0",
1805
+ "text-center",
1806
+ "inline-flex",
1807
+ "justify-center",
1808
+ "items-center",
1809
+ "object-cover"
1810
+ ],
1811
+ "internalComponents": [
1812
+ "UDSImage",
1813
+ "AvatarText",
1814
+ "AvatarIcon",
1815
+ "Box"
1816
+ ],
1817
+ "internalComponentProps": {},
1818
+ "propToVariantKeys": {
1819
+ "alt": ["name"],
1820
+ "fallback": ["initials"]
1821
+ },
1822
+ "runtimeConfigDefaultProps": {},
1823
+ "runtimeConfigGetStyles": {},
1824
+ "runtimeConfigInternalComponentProps": {},
1825
+ "motionVarPrefixes": []
1826
+ },
1827
+ "Menu.index": {
1828
+ "name": "Menu.index",
1829
+ "defaultProps": {},
1830
+ "getStylesLiterals": {},
1831
+ "cxLiterals": [],
1832
+ "internalComponents": [],
1833
+ "internalComponentProps": {},
1834
+ "propToVariantKeys": {},
1835
+ "runtimeConfigDefaultProps": {},
1836
+ "runtimeConfigGetStyles": {},
1837
+ "runtimeConfigInternalComponentProps": {},
1838
+ "motionVarPrefixes": []
1839
+ },
1840
+ Menu: {
1841
+ "name": "Menu",
1842
+ "defaultProps": {},
1843
+ "getStylesLiterals": {},
1844
+ "cxLiterals": [],
1845
+ "internalComponents": [],
1745
1846
  "internalComponentProps": {},
1746
1847
  "propToVariantKeys": {},
1747
1848
  "runtimeConfigDefaultProps": {},
@@ -1943,107 +2044,6 @@ var componentData_default = {
1943
2044
  "runtimeConfigInternalComponentProps": {},
1944
2045
  "motionVarPrefixes": []
1945
2046
  },
1946
- AvatarText: {
1947
- "name": "AvatarText",
1948
- "defaultProps": {
1949
- "size": "md",
1950
- "variant": "primary"
1951
- },
1952
- "getStylesLiterals": {},
1953
- "cxLiterals": [
1954
- "overflow-hidden",
1955
- "truncate",
1956
- "w-full",
1957
- "h-full",
1958
- "shrink-0",
1959
- "text-center",
1960
- "inline-flex",
1961
- "justify-center",
1962
- "items-center"
1963
- ],
1964
- "internalComponents": ["Box", "Text"],
1965
- "internalComponentProps": { "Text": {
1966
- "color": ["inherit"],
1967
- "variant": ["inherit"]
1968
- } },
1969
- "propToVariantKeys": {},
1970
- "runtimeConfigDefaultProps": {},
1971
- "runtimeConfigGetStyles": {},
1972
- "runtimeConfigInternalComponentProps": {},
1973
- "motionVarPrefixes": []
1974
- },
1975
- AvatarIcon: {
1976
- "name": "AvatarIcon",
1977
- "defaultProps": {
1978
- "size": "md",
1979
- "variant": "primary"
1980
- },
1981
- "getStylesLiterals": {},
1982
- "cxLiterals": [
1983
- "overflow-hidden",
1984
- "w-full",
1985
- "h-full",
1986
- "shrink-0",
1987
- "text-center",
1988
- "inline-flex",
1989
- "justify-center",
1990
- "items-center"
1991
- ],
1992
- "internalComponents": ["IconSlot", "Box"],
1993
- "internalComponentProps": {},
1994
- "propToVariantKeys": { "size": ["avatarSizeIcon"] },
1995
- "runtimeConfigDefaultProps": {},
1996
- "runtimeConfigGetStyles": {},
1997
- "runtimeConfigInternalComponentProps": {},
1998
- "motionVarPrefixes": []
1999
- },
2000
- Avatar: {
2001
- "name": "Avatar",
2002
- "defaultProps": {},
2003
- "getStylesLiterals": {},
2004
- "cxLiterals": [],
2005
- "internalComponents": ["AvatarImage"],
2006
- "internalComponentProps": {},
2007
- "propToVariantKeys": {},
2008
- "runtimeConfigDefaultProps": {},
2009
- "runtimeConfigGetStyles": {},
2010
- "runtimeConfigInternalComponentProps": {},
2011
- "motionVarPrefixes": []
2012
- },
2013
- AvatarImage: {
2014
- "name": "AvatarImage",
2015
- "defaultProps": {
2016
- "size": "md",
2017
- "variant": "primary"
2018
- },
2019
- "getStylesLiterals": {},
2020
- "cxLiterals": [
2021
- "overflow-hidden",
2022
- "w-full",
2023
- "h-full",
2024
- "shrink-0",
2025
- "text-center",
2026
- "inline-flex",
2027
- "justify-center",
2028
- "items-center",
2029
- "object-cover"
2030
- ],
2031
- "internalComponents": [
2032
- "UDSImage",
2033
- "AvatarText",
2034
- "AvatarIcon",
2035
- "Box"
2036
- ],
2037
- "internalComponentProps": {},
2038
- "propToVariantKeys": {
2039
- "alt": ["name"],
2040
- "fallback": ["initials"]
2041
- },
2042
- "runtimeConfigDefaultProps": {},
2043
- "runtimeConfigGetStyles": {},
2044
- "runtimeConfigInternalComponentProps": {},
2045
- "motionVarPrefixes": []
2046
- },
2047
2047
  InputHelpTextInternal: {
2048
2048
  "name": "InputHelpTextInternal",
2049
2049
  "defaultProps": {},
@@ -2791,146 +2791,6 @@ var componentData_default = {
2791
2791
  "runtimeConfigInternalComponentProps": {},
2792
2792
  "motionVarPrefixes": []
2793
2793
  },
2794
- TabList: {
2795
- "name": "TabList",
2796
- "defaultProps": { "variant": "primary" },
2797
- "getStylesLiterals": {
2798
- "tabSizeRoot": "default",
2799
- "tabVariantActiveRoot": "on"
2800
- },
2801
- "cxLiterals": [
2802
- "pointer-events-none",
2803
- "absolute",
2804
- "bottom-0",
2805
- "left-0",
2806
- "right-0",
2807
- "h-[var(--uds-tab-underline-width,0px)]",
2808
- "bg-[var(--uds-tab-underline-color,transparent)]",
2809
- "transition-[height,background-color]",
2810
- "duration-[240ms]",
2811
- "ease-[cubic-bezier(0.2,0,0,1)]",
2812
- "!m-0",
2813
- "!p-0",
2814
- "!gap-0",
2815
- "box-border",
2816
- "z-0",
2817
- "min-w-0",
2818
- "min-h-0",
2819
- "flex",
2820
- "flex-row",
2821
- "items-center",
2822
- "overflow-x-auto",
2823
- "overflow-y-clip",
2824
- "scrollbar-none",
2825
- "[overflow-clip-margin:6px]",
2826
- "overflow-clip",
2827
- "[overflow-clip-margin:8px]",
2828
- "relative",
2829
- "left",
2830
- "240ms",
2831
- "cubic-bezier(0.2,",
2832
- "0,",
2833
- "1),",
2834
- "top",
2835
- "width",
2836
- "height",
2837
- "1)",
2838
- "--uds-tab-underline-color",
2839
- "--uds-tab-underline-width"
2840
- ],
2841
- "internalComponents": ["AriakitTabList"],
2842
- "internalComponentProps": {},
2843
- "propToVariantKeys": { "variant": ["tabsVariantRoot", "tabVariantRoot"] },
2844
- "runtimeConfigDefaultProps": {},
2845
- "runtimeConfigGetStyles": {},
2846
- "runtimeConfigInternalComponentProps": {},
2847
- "motionVarPrefixes": []
2848
- },
2849
- Tabs: {
2850
- "name": "Tabs",
2851
- "defaultProps": { "variant": "primary" },
2852
- "getStylesLiterals": {},
2853
- "cxLiterals": [],
2854
- "internalComponents": ["TabsContext.Provider", "TabProvider"],
2855
- "internalComponentProps": {},
2856
- "propToVariantKeys": { "onSelectionChange": ["setSelectedId"] },
2857
- "runtimeConfigDefaultProps": {},
2858
- "runtimeConfigGetStyles": {},
2859
- "runtimeConfigInternalComponentProps": {},
2860
- "motionVarPrefixes": []
2861
- },
2862
- Tab: {
2863
- "name": "Tab",
2864
- "defaultProps": { "variant": "primary" },
2865
- "getStylesLiterals": {
2866
- "tabSizeRoot": "default",
2867
- "tabVariantActiveRoot": "off",
2868
- "tabVariantActiveRoot:1": "on",
2869
- "tabSizeIcon": "default"
2870
- },
2871
- "cxLiterals": [
2872
- "pointer-events-none",
2873
- "absolute",
2874
- "bottom-0",
2875
- "left-0",
2876
- "right-0",
2877
- "h-[var(--uds-tab-underline-width,0px)]",
2878
- "bg-[var(--uds-tab-underline-color,transparent)]",
2879
- "transition-[height,background-color]",
2880
- "duration-[240ms]",
2881
- "ease-[cubic-bezier(0.2,0,0,1)]",
2882
- "!bg-transparent",
2883
- "!shadow-none",
2884
- "inline-flex",
2885
- "items-center",
2886
- "shrink-0",
2887
- "box-border",
2888
- "relative",
2889
- "z-[1]",
2890
- "cursor-pointer",
2891
- "select-none",
2892
- "whitespace-nowrap",
2893
- "uds-ring",
2894
- "opacity-50",
2895
- "cursor-default",
2896
- "border-solid",
2897
- "border-b-solid",
2898
- "transition-colors"
2899
- ],
2900
- "internalComponents": [
2901
- "IconSlot",
2902
- "AriakitTab",
2903
- "Text"
2904
- ],
2905
- "internalComponentProps": { "Text": {
2906
- "variant": ["inherit"],
2907
- "as": ["span"],
2908
- "color": ["current"]
2909
- } },
2910
- "propToVariantKeys": {
2911
- "variant": ["tabVariantRoot", "tabVariantIcon"],
2912
- "activeState": ["tabVariantActiveIcon"],
2913
- "startIcon": ["icon"],
2914
- "endIcon": ["icon"]
2915
- },
2916
- "runtimeConfigDefaultProps": {},
2917
- "runtimeConfigGetStyles": {},
2918
- "runtimeConfigInternalComponentProps": {},
2919
- "motionVarPrefixes": []
2920
- },
2921
- TabPanel: {
2922
- "name": "TabPanel",
2923
- "defaultProps": {},
2924
- "getStylesLiterals": {},
2925
- "cxLiterals": [],
2926
- "internalComponents": ["AriakitTabPanel"],
2927
- "internalComponentProps": {},
2928
- "propToVariantKeys": {},
2929
- "runtimeConfigDefaultProps": {},
2930
- "runtimeConfigGetStyles": {},
2931
- "runtimeConfigInternalComponentProps": {},
2932
- "motionVarPrefixes": []
2933
- },
2934
2794
  UDSTooltipConfigProvider: {
2935
2795
  "name": "UDSTooltipConfigProvider",
2936
2796
  "defaultProps": {},
@@ -3241,6 +3101,146 @@ var componentData_default = {
3241
3101
  "runtimeConfigGetStyles": {},
3242
3102
  "runtimeConfigInternalComponentProps": {},
3243
3103
  "motionVarPrefixes": []
3104
+ },
3105
+ TabList: {
3106
+ "name": "TabList",
3107
+ "defaultProps": { "variant": "primary" },
3108
+ "getStylesLiterals": {
3109
+ "tabSizeRoot": "default",
3110
+ "tabVariantActiveRoot": "on"
3111
+ },
3112
+ "cxLiterals": [
3113
+ "pointer-events-none",
3114
+ "absolute",
3115
+ "bottom-0",
3116
+ "left-0",
3117
+ "right-0",
3118
+ "h-[var(--uds-tab-underline-width,0px)]",
3119
+ "bg-[var(--uds-tab-underline-color,transparent)]",
3120
+ "transition-[height,background-color]",
3121
+ "duration-[240ms]",
3122
+ "ease-[cubic-bezier(0.2,0,0,1)]",
3123
+ "!m-0",
3124
+ "!p-0",
3125
+ "!gap-0",
3126
+ "box-border",
3127
+ "z-0",
3128
+ "min-w-0",
3129
+ "min-h-0",
3130
+ "flex",
3131
+ "flex-row",
3132
+ "items-center",
3133
+ "overflow-x-auto",
3134
+ "overflow-y-clip",
3135
+ "scrollbar-none",
3136
+ "[overflow-clip-margin:6px]",
3137
+ "overflow-clip",
3138
+ "[overflow-clip-margin:8px]",
3139
+ "relative",
3140
+ "left",
3141
+ "240ms",
3142
+ "cubic-bezier(0.2,",
3143
+ "0,",
3144
+ "1),",
3145
+ "top",
3146
+ "width",
3147
+ "height",
3148
+ "1)",
3149
+ "--uds-tab-underline-color",
3150
+ "--uds-tab-underline-width"
3151
+ ],
3152
+ "internalComponents": ["AriakitTabList"],
3153
+ "internalComponentProps": {},
3154
+ "propToVariantKeys": { "variant": ["tabsVariantRoot", "tabVariantRoot"] },
3155
+ "runtimeConfigDefaultProps": {},
3156
+ "runtimeConfigGetStyles": {},
3157
+ "runtimeConfigInternalComponentProps": {},
3158
+ "motionVarPrefixes": []
3159
+ },
3160
+ Tabs: {
3161
+ "name": "Tabs",
3162
+ "defaultProps": { "variant": "primary" },
3163
+ "getStylesLiterals": {},
3164
+ "cxLiterals": [],
3165
+ "internalComponents": ["TabsContext.Provider", "TabProvider"],
3166
+ "internalComponentProps": {},
3167
+ "propToVariantKeys": { "onSelectionChange": ["setSelectedId"] },
3168
+ "runtimeConfigDefaultProps": {},
3169
+ "runtimeConfigGetStyles": {},
3170
+ "runtimeConfigInternalComponentProps": {},
3171
+ "motionVarPrefixes": []
3172
+ },
3173
+ Tab: {
3174
+ "name": "Tab",
3175
+ "defaultProps": { "variant": "primary" },
3176
+ "getStylesLiterals": {
3177
+ "tabSizeRoot": "default",
3178
+ "tabVariantActiveRoot": "off",
3179
+ "tabVariantActiveRoot:1": "on",
3180
+ "tabSizeIcon": "default"
3181
+ },
3182
+ "cxLiterals": [
3183
+ "pointer-events-none",
3184
+ "absolute",
3185
+ "bottom-0",
3186
+ "left-0",
3187
+ "right-0",
3188
+ "h-[var(--uds-tab-underline-width,0px)]",
3189
+ "bg-[var(--uds-tab-underline-color,transparent)]",
3190
+ "transition-[height,background-color]",
3191
+ "duration-[240ms]",
3192
+ "ease-[cubic-bezier(0.2,0,0,1)]",
3193
+ "!bg-transparent",
3194
+ "!shadow-none",
3195
+ "inline-flex",
3196
+ "items-center",
3197
+ "shrink-0",
3198
+ "box-border",
3199
+ "relative",
3200
+ "z-[1]",
3201
+ "cursor-pointer",
3202
+ "select-none",
3203
+ "whitespace-nowrap",
3204
+ "uds-ring",
3205
+ "opacity-50",
3206
+ "cursor-default",
3207
+ "border-solid",
3208
+ "border-b-solid",
3209
+ "transition-colors"
3210
+ ],
3211
+ "internalComponents": [
3212
+ "IconSlot",
3213
+ "AriakitTab",
3214
+ "Text"
3215
+ ],
3216
+ "internalComponentProps": { "Text": {
3217
+ "variant": ["inherit"],
3218
+ "as": ["span"],
3219
+ "color": ["current"]
3220
+ } },
3221
+ "propToVariantKeys": {
3222
+ "variant": ["tabVariantRoot", "tabVariantIcon"],
3223
+ "activeState": ["tabVariantActiveIcon"],
3224
+ "startIcon": ["icon"],
3225
+ "endIcon": ["icon"]
3226
+ },
3227
+ "runtimeConfigDefaultProps": {},
3228
+ "runtimeConfigGetStyles": {},
3229
+ "runtimeConfigInternalComponentProps": {},
3230
+ "motionVarPrefixes": []
3231
+ },
3232
+ TabPanel: {
3233
+ "name": "TabPanel",
3234
+ "defaultProps": {},
3235
+ "getStylesLiterals": {},
3236
+ "cxLiterals": [],
3237
+ "internalComponents": ["AriakitTabPanel"],
3238
+ "internalComponentProps": {},
3239
+ "propToVariantKeys": {},
3240
+ "runtimeConfigDefaultProps": {},
3241
+ "runtimeConfigGetStyles": {},
3242
+ "runtimeConfigInternalComponentProps": {},
3243
+ "motionVarPrefixes": []
3244
3244
  }
3245
3245
  };
3246
3246
  //#endregion