@yahoo/uds 3.154.0 → 3.155.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 (63) hide show
  1. package/dist/automated-config/dist/generated/generatedConfigs.cjs +10 -0
  2. package/dist/automated-config/dist/generated/generatedConfigs.d.cts +10 -0
  3. package/dist/automated-config/dist/generated/generatedConfigs.d.ts +10 -0
  4. package/dist/automated-config/dist/generated/generatedConfigs.js +10 -0
  5. package/dist/automated-config/dist/generated/universalTokensConfigAuto.cjs +10 -0
  6. package/dist/automated-config/dist/generated/universalTokensConfigAuto.js +10 -0
  7. package/dist/automated-config/dist/properties.cjs +101 -87
  8. package/dist/automated-config/dist/properties.d.cts +2 -0
  9. package/dist/automated-config/dist/properties.d.ts +2 -0
  10. package/dist/automated-config/dist/properties.js +101 -87
  11. package/dist/automated-config/dist/types/ComponentConfig.d.cts +2 -0
  12. package/dist/automated-config/dist/types/ComponentConfig.d.ts +2 -0
  13. package/dist/automated-config/dist/utils/buildConfigSchema.cjs +18 -0
  14. package/dist/automated-config/dist/utils/buildConfigSchema.d.cts +5 -1
  15. package/dist/automated-config/dist/utils/buildConfigSchema.d.ts +5 -1
  16. package/dist/automated-config/dist/utils/buildConfigSchema.js +18 -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/getPaginationControlWidthPx.cjs +68 -0
  20. package/dist/automated-config/dist/utils/getPaginationControlWidthPx.d.cts +49 -0
  21. package/dist/automated-config/dist/utils/getPaginationControlWidthPx.d.ts +49 -0
  22. package/dist/automated-config/dist/utils/getPaginationControlWidthPx.js +66 -0
  23. package/dist/automated-config/dist/utils/index.cjs +55 -17
  24. package/dist/automated-config/dist/utils/index.d.cts +2 -0
  25. package/dist/automated-config/dist/utils/index.d.ts +2 -0
  26. package/dist/automated-config/dist/utils/index.js +55 -17
  27. package/dist/config/dist/index.cjs +979 -969
  28. package/dist/config/dist/index.js +979 -969
  29. package/dist/css/dist/packages/automated-config/dist/properties.cjs +101 -87
  30. package/dist/css/dist/packages/automated-config/dist/properties.js +101 -87
  31. package/dist/css/dist/packages/config/dist/index.cjs +979 -969
  32. package/dist/css/dist/packages/config/dist/index.js +979 -969
  33. package/dist/index.cjs +3 -0
  34. package/dist/index.d.cts +2 -1
  35. package/dist/index.d.ts +2 -1
  36. package/dist/index.js +2 -1
  37. package/dist/styles/styler.d.cts +9 -9
  38. package/dist/styles/styler.d.ts +9 -9
  39. package/dist/tailwind-internal/dist/packages/automated-config/dist/generated/generatedConfigs.cjs +10 -0
  40. package/dist/tailwind-internal/dist/packages/automated-config/dist/generated/generatedConfigs.js +10 -0
  41. package/dist/tailwind-internal/dist/packages/automated-config/dist/properties.cjs +101 -87
  42. package/dist/tailwind-internal/dist/packages/automated-config/dist/properties.js +101 -87
  43. package/dist/tailwind-internal/dist/packages/automated-config/dist/utils/index.cjs +54 -17
  44. package/dist/tailwind-internal/dist/packages/automated-config/dist/utils/index.js +54 -17
  45. package/dist/tailwind-internal/dist/packages/config/dist/index.cjs +979 -969
  46. package/dist/tailwind-internal/dist/packages/config/dist/index.js +979 -969
  47. package/dist/tailwind-internal/dist/utils/getShadowStyles.d.cts +2 -2
  48. package/dist/tailwind-internal/dist/utils/getShadowStyles.d.ts +2 -2
  49. package/dist/tokens/automation/index.cjs +3 -0
  50. package/dist/tokens/automation/index.d.cts +2 -1
  51. package/dist/tokens/automation/index.d.ts +2 -1
  52. package/dist/tokens/automation/index.js +2 -1
  53. package/dist/tokens/index.cjs +3 -0
  54. package/dist/tokens/index.d.cts +2 -1
  55. package/dist/tokens/index.d.ts +2 -1
  56. package/dist/tokens/index.js +2 -1
  57. package/dist/uds/generated/componentData.cjs +382 -382
  58. package/dist/uds/generated/componentData.js +382 -382
  59. package/dist/uds/generated/migrationSchemaVersion.cjs +1 -1
  60. package/dist/uds/generated/migrationSchemaVersion.js +1 -1
  61. package/generated/componentData.json +606 -606
  62. package/generated/migrationSchemaVersion.ts +1 -1
  63. package/package.json +1 -1
@@ -236,6 +236,133 @@ 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
+ },
239
366
  Switch: {
240
367
  "name": "Switch",
241
368
  "defaultProps": {
@@ -588,133 +715,6 @@ var componentData_default = {
588
715
  "runtimeConfigInternalComponentProps": {},
589
716
  "motionVarPrefixes": []
590
717
  },
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,121 +986,6 @@ var componentData_default = {
986
986
  "runtimeConfigInternalComponentProps": {},
987
987
  "motionVarPrefixes": []
988
988
  },
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
989
  ManagedModal: {
1105
990
  "name": "ManagedModal",
1106
991
  "defaultProps": {},
@@ -1343,6 +1228,121 @@ var componentData_default = {
1343
1228
  "runtimeConfigInternalComponentProps": {},
1344
1229
  "motionVarPrefixes": []
1345
1230
  },
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": {},
@@ -2882,6 +2882,146 @@ var componentData_default = {
2882
2882
  "runtimeConfigInternalComponentProps": {},
2883
2883
  "motionVarPrefixes": []
2884
2884
  },
2885
+ TabList: {
2886
+ "name": "TabList",
2887
+ "defaultProps": { "variant": "primary" },
2888
+ "getStylesLiterals": {
2889
+ "tabSizeRoot": "default",
2890
+ "tabVariantActiveRoot": "on"
2891
+ },
2892
+ "cxLiterals": [
2893
+ "pointer-events-none",
2894
+ "absolute",
2895
+ "bottom-0",
2896
+ "left-0",
2897
+ "right-0",
2898
+ "h-[var(--uds-tab-underline-width,0px)]",
2899
+ "bg-[var(--uds-tab-underline-color,transparent)]",
2900
+ "transition-[height,background-color]",
2901
+ "duration-[240ms]",
2902
+ "ease-[cubic-bezier(0.2,0,0,1)]",
2903
+ "!m-0",
2904
+ "!p-0",
2905
+ "!gap-0",
2906
+ "box-border",
2907
+ "z-0",
2908
+ "min-w-0",
2909
+ "min-h-0",
2910
+ "flex",
2911
+ "flex-row",
2912
+ "items-center",
2913
+ "overflow-x-auto",
2914
+ "overflow-y-clip",
2915
+ "scrollbar-none",
2916
+ "[overflow-clip-margin:6px]",
2917
+ "overflow-clip",
2918
+ "[overflow-clip-margin:8px]",
2919
+ "relative",
2920
+ "left",
2921
+ "240ms",
2922
+ "cubic-bezier(0.2,",
2923
+ "0,",
2924
+ "1),",
2925
+ "top",
2926
+ "width",
2927
+ "height",
2928
+ "1)",
2929
+ "--uds-tab-underline-color",
2930
+ "--uds-tab-underline-width"
2931
+ ],
2932
+ "internalComponents": ["AriakitTabList"],
2933
+ "internalComponentProps": {},
2934
+ "propToVariantKeys": { "variant": ["tabsVariantRoot", "tabVariantRoot"] },
2935
+ "runtimeConfigDefaultProps": {},
2936
+ "runtimeConfigGetStyles": {},
2937
+ "runtimeConfigInternalComponentProps": {},
2938
+ "motionVarPrefixes": []
2939
+ },
2940
+ Tabs: {
2941
+ "name": "Tabs",
2942
+ "defaultProps": { "variant": "primary" },
2943
+ "getStylesLiterals": {},
2944
+ "cxLiterals": [],
2945
+ "internalComponents": ["TabsContext.Provider", "TabProvider"],
2946
+ "internalComponentProps": {},
2947
+ "propToVariantKeys": { "onSelectionChange": ["setSelectedId"] },
2948
+ "runtimeConfigDefaultProps": {},
2949
+ "runtimeConfigGetStyles": {},
2950
+ "runtimeConfigInternalComponentProps": {},
2951
+ "motionVarPrefixes": []
2952
+ },
2953
+ Tab: {
2954
+ "name": "Tab",
2955
+ "defaultProps": { "variant": "primary" },
2956
+ "getStylesLiterals": {
2957
+ "tabSizeRoot": "default",
2958
+ "tabVariantActiveRoot": "off",
2959
+ "tabVariantActiveRoot:1": "on",
2960
+ "tabSizeIcon": "default"
2961
+ },
2962
+ "cxLiterals": [
2963
+ "pointer-events-none",
2964
+ "absolute",
2965
+ "bottom-0",
2966
+ "left-0",
2967
+ "right-0",
2968
+ "h-[var(--uds-tab-underline-width,0px)]",
2969
+ "bg-[var(--uds-tab-underline-color,transparent)]",
2970
+ "transition-[height,background-color]",
2971
+ "duration-[240ms]",
2972
+ "ease-[cubic-bezier(0.2,0,0,1)]",
2973
+ "!bg-transparent",
2974
+ "!shadow-none",
2975
+ "inline-flex",
2976
+ "items-center",
2977
+ "shrink-0",
2978
+ "box-border",
2979
+ "relative",
2980
+ "z-[1]",
2981
+ "cursor-pointer",
2982
+ "select-none",
2983
+ "whitespace-nowrap",
2984
+ "uds-ring",
2985
+ "opacity-50",
2986
+ "cursor-default",
2987
+ "border-solid",
2988
+ "border-b-solid",
2989
+ "transition-colors"
2990
+ ],
2991
+ "internalComponents": [
2992
+ "IconSlot",
2993
+ "AriakitTab",
2994
+ "Text"
2995
+ ],
2996
+ "internalComponentProps": { "Text": {
2997
+ "variant": ["inherit"],
2998
+ "as": ["span"],
2999
+ "color": ["current"]
3000
+ } },
3001
+ "propToVariantKeys": {
3002
+ "variant": ["tabVariantRoot", "tabVariantIcon"],
3003
+ "activeState": ["tabVariantActiveIcon"],
3004
+ "startIcon": ["icon"],
3005
+ "endIcon": ["icon"]
3006
+ },
3007
+ "runtimeConfigDefaultProps": {},
3008
+ "runtimeConfigGetStyles": {},
3009
+ "runtimeConfigInternalComponentProps": {},
3010
+ "motionVarPrefixes": []
3011
+ },
3012
+ TabPanel: {
3013
+ "name": "TabPanel",
3014
+ "defaultProps": {},
3015
+ "getStylesLiterals": {},
3016
+ "cxLiterals": [],
3017
+ "internalComponents": ["AriakitTabPanel"],
3018
+ "internalComponentProps": {},
3019
+ "propToVariantKeys": {},
3020
+ "runtimeConfigDefaultProps": {},
3021
+ "runtimeConfigGetStyles": {},
3022
+ "runtimeConfigInternalComponentProps": {},
3023
+ "motionVarPrefixes": []
3024
+ },
2885
3025
  Accordion: {
2886
3026
  "name": "Accordion",
2887
3027
  "defaultProps": {
@@ -3101,146 +3241,6 @@ var componentData_default = {
3101
3241
  "runtimeConfigGetStyles": {},
3102
3242
  "runtimeConfigInternalComponentProps": {},
3103
3243
  "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