@yahoo/uds 3.127.1 → 3.128.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 (81) hide show
  1. package/dist/automated-config/dist/generated/autoVariants.cjs +30 -0
  2. package/dist/automated-config/dist/generated/autoVariants.d.cts +2 -0
  3. package/dist/automated-config/dist/generated/autoVariants.d.ts +2 -0
  4. package/dist/automated-config/dist/generated/autoVariants.js +30 -0
  5. package/dist/automated-config/dist/generated/generatedConfigs.cjs +1050 -275
  6. package/dist/automated-config/dist/generated/generatedConfigs.d.cts +73 -0
  7. package/dist/automated-config/dist/generated/generatedConfigs.d.ts +73 -0
  8. package/dist/automated-config/dist/generated/generatedConfigs.js +1050 -275
  9. package/dist/automated-config/dist/generated/universalTokensConfigAuto.cjs +126 -1
  10. package/dist/automated-config/dist/generated/universalTokensConfigAuto.js +126 -1
  11. package/dist/automated-config/dist/properties.cjs +28 -0
  12. package/dist/automated-config/dist/properties.d.cts +2 -0
  13. package/dist/automated-config/dist/properties.d.ts +2 -0
  14. package/dist/automated-config/dist/properties.js +28 -0
  15. package/dist/automated-config/dist/utils/buildConfigSchema.d.cts +2 -2
  16. package/dist/automated-config/dist/utils/buildConfigSchema.d.ts +2 -2
  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/components/Banner/Banner.cjs +3 -1
  20. package/dist/components/Banner/Banner.js +3 -1
  21. package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +1 -1
  22. package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
  23. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +1 -1
  24. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +1 -1
  25. package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +5 -5
  26. package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +5 -5
  27. package/dist/config/dist/index.cjs +127 -2
  28. package/dist/config/dist/index.js +127 -2
  29. package/dist/css-tokens/dist/index.cjs +2 -2
  30. package/dist/css-tokens/dist/index.d.cts +3 -1
  31. package/dist/css-tokens/dist/index.d.ts +3 -1
  32. package/dist/css-tokens/dist/index.js +2 -2
  33. package/dist/fixtures/dist/index.cjs +2 -0
  34. package/dist/fixtures/dist/index.d.cts +4 -3
  35. package/dist/fixtures/dist/index.d.ts +4 -3
  36. package/dist/fixtures/dist/index.js +2 -1
  37. package/dist/fixtures/index.cjs +1 -0
  38. package/dist/fixtures/index.d.cts +2 -2
  39. package/dist/fixtures/index.d.ts +2 -2
  40. package/dist/fixtures/index.js +2 -2
  41. package/dist/index.d.cts +2 -2
  42. package/dist/index.d.ts +2 -2
  43. package/dist/styles/styler.d.cts +43 -41
  44. package/dist/styles/styler.d.ts +43 -41
  45. package/dist/styles/variants.d.cts +30 -0
  46. package/dist/styles/variants.d.ts +30 -0
  47. package/dist/tailwind/dist/automated-config/dist/generated/autoVariants.cjs +30 -0
  48. package/dist/tailwind/dist/automated-config/dist/generated/autoVariants.js +30 -0
  49. package/dist/tailwind/dist/automated-config/dist/generated/autoVariants.js.map +1 -1
  50. package/dist/tailwind/dist/automated-config/dist/generated/generatedConfigs.cjs +1050 -275
  51. package/dist/tailwind/dist/automated-config/dist/generated/generatedConfigs.js +1050 -275
  52. package/dist/tailwind/dist/automated-config/dist/generated/generatedConfigs.js.map +1 -1
  53. package/dist/tailwind/dist/automated-config/dist/properties.cjs +28 -0
  54. package/dist/tailwind/dist/automated-config/dist/properties.js +28 -0
  55. package/dist/tailwind/dist/automated-config/dist/properties.js.map +1 -1
  56. package/dist/tailwind/dist/config/dist/index.cjs +127 -2
  57. package/dist/tailwind/dist/config/dist/index.js +127 -2
  58. package/dist/tailwind/dist/config/dist/index.js.map +1 -1
  59. package/dist/tailwind/dist/css-tokens/dist/index.cjs +2 -2
  60. package/dist/tailwind/dist/css-tokens/dist/index.js +2 -2
  61. package/dist/tailwind/dist/css-tokens/dist/index.js.map +1 -1
  62. package/dist/tailwind/dist/fixtures/dist/index.js.map +1 -1
  63. package/dist/tailwind/dist/tailwind/utils/getFontStyles.d.cts +1 -1
  64. package/dist/tailwind/dist/tailwind/utils/getFontStyles.d.ts +1 -1
  65. package/dist/tailwind/dist/tailwind/utils/getShadowStyles.d.cts +4 -4
  66. package/dist/tailwind/dist/tailwind/utils/getShadowStyles.d.ts +4 -4
  67. package/dist/tailwind/dist/types/dist/index.d.cts.map +1 -1
  68. package/dist/tailwind/dist/types/dist/index.d.ts.map +1 -1
  69. package/dist/tokens/index.d.cts +2 -2
  70. package/dist/tokens/index.d.ts +2 -2
  71. package/dist/tokens/types.d.cts +2 -2
  72. package/dist/tokens/types.d.ts +2 -2
  73. package/dist/types/dist/index.d.cts +2 -1
  74. package/dist/types/dist/index.d.ts +2 -1
  75. package/dist/uds/generated/componentData.cjs +364 -360
  76. package/dist/uds/generated/componentData.js +364 -360
  77. package/dist/uds/generated/tailwindPurge.cjs +6 -4
  78. package/dist/uds/generated/tailwindPurge.js +6 -4
  79. package/generated/componentData.json +550 -549
  80. package/generated/tailwindPurge.ts +2 -2
  81. package/package.json +1 -1
@@ -353,7 +353,6 @@
353
353
  "items-center",
354
354
  "items-start",
355
355
  "min-w-[300px]",
356
- "shadow-[inset_0px_-20px_20px_-10px_rgba(31,31,31,0.05)]",
357
356
  "transition-[background-color]",
358
357
  "motion-safe:duration-120",
359
358
  "bg-carbon-15/0",
@@ -404,7 +403,9 @@
404
403
  "propToVariantKeys": {
405
404
  "variant": [
406
405
  "bannerVariantRoot",
407
- "bannerVariantIcon"
406
+ "bannerVariantIcon",
407
+ "bannerVariantTitle",
408
+ "bannerVariantDescription"
408
409
  ],
409
410
  "size": [
410
411
  "bannerSizeRoot",
@@ -575,6 +576,92 @@
575
576
  "runtimeConfigInternalComponentProps": {},
576
577
  "motionVarPrefixes": []
577
578
  },
579
+ "Spinner": {
580
+ "name": "Spinner",
581
+ "defaultProps": {
582
+ "color": "primary",
583
+ "size": "lg"
584
+ },
585
+ "getStylesLiterals": {},
586
+ "cxLiterals": [
587
+ "self-center",
588
+ "relative",
589
+ "sr-only"
590
+ ],
591
+ "internalComponents": [
592
+ "Icon"
593
+ ],
594
+ "internalComponentProps": {
595
+ "Icon": {
596
+ "role": [
597
+ "img"
598
+ ],
599
+ "className": [
600
+ "animate-spin"
601
+ ],
602
+ "aria-hidden": [
603
+ "true"
604
+ ]
605
+ }
606
+ },
607
+ "propToVariantKeys": {},
608
+ "runtimeConfigDefaultProps": {},
609
+ "runtimeConfigGetStyles": {},
610
+ "runtimeConfigInternalComponentProps": {},
611
+ "motionVarPrefixes": []
612
+ },
613
+ "Table.mocks": {
614
+ "name": "Table.mocks",
615
+ "defaultProps": {},
616
+ "getStylesLiterals": {},
617
+ "cxLiterals": [],
618
+ "internalComponents": [],
619
+ "internalComponentProps": {},
620
+ "propToVariantKeys": {},
621
+ "runtimeConfigDefaultProps": {},
622
+ "runtimeConfigGetStyles": {},
623
+ "runtimeConfigInternalComponentProps": {},
624
+ "motionVarPrefixes": []
625
+ },
626
+ "Table": {
627
+ "name": "Table",
628
+ "defaultProps": {
629
+ "display": "table-cell",
630
+ "overflow": "hidden",
631
+ "borderColor": "muted",
632
+ "borderRadius": "md",
633
+ "spacing": "3",
634
+ "borderBottomColor": "muted",
635
+ "borderBottomWidth": "thin",
636
+ "color": "primary"
637
+ },
638
+ "getStylesLiterals": {
639
+ "textAlign": "start"
640
+ },
641
+ "cxLiterals": [],
642
+ "internalComponents": [
643
+ "CellComponent",
644
+ "Box",
645
+ "Text",
646
+ "Table.Root",
647
+ "Table.Header",
648
+ "Table.Row",
649
+ "Table.Cell",
650
+ "Table.Body"
651
+ ],
652
+ "internalComponentProps": {
653
+ "Table.Cell": {
654
+ "asHeaderCell": [
655
+ "column"
656
+ ]
657
+ }
658
+ },
659
+ "propToVariantKeys": {},
660
+ "runtimeConfigDefaultProps": {},
661
+ "runtimeConfigGetStyles": {},
662
+ "runtimeConfigInternalComponentProps": {},
663
+ "motionVarPrefixes": []
664
+ },
578
665
  "AnimateHeightChange": {
579
666
  "name": "AnimateHeightChange",
580
667
  "defaultProps": {},
@@ -1076,31 +1163,83 @@
1076
1163
  "--uds-motion-smooth-3-"
1077
1164
  ]
1078
1165
  },
1079
- "Spinner": {
1080
- "name": "Spinner",
1166
+ "Accordion": {
1167
+ "name": "Accordion",
1081
1168
  "defaultProps": {
1082
- "color": "primary",
1083
- "size": "lg"
1169
+ "spacingHorizontal": "4",
1170
+ "spacingVertical": "4"
1084
1171
  },
1085
1172
  "getStylesLiterals": {},
1086
1173
  "cxLiterals": [
1087
- "self-center",
1088
- "relative",
1089
- "sr-only"
1174
+ "hover:bg-secondary/80",
1175
+ "w-full"
1090
1176
  ],
1091
1177
  "internalComponents": [
1092
- "Icon"
1178
+ "Icon",
1179
+ "SpringMotionConfig",
1180
+ "Pressable",
1181
+ "Text",
1182
+ "HStack",
1183
+ "AnimatePresence",
1184
+ "VStack"
1093
1185
  ],
1094
1186
  "internalComponentProps": {
1095
1187
  "Icon": {
1096
- "role": [
1097
- "img"
1188
+ "variant": [
1189
+ "fill"
1098
1190
  ],
1099
- "className": [
1100
- "animate-spin"
1191
+ "size": [
1192
+ "sm"
1101
1193
  ],
1102
- "aria-hidden": [
1103
- "true"
1194
+ "color": [
1195
+ "primary"
1196
+ ]
1197
+ },
1198
+ "SpringMotionConfig": {
1199
+ "layoutVariant": [
1200
+ "smooth"
1201
+ ],
1202
+ "layoutSpeed": [
1203
+ "3"
1204
+ ]
1205
+ },
1206
+ "Pressable": {
1207
+ "display": [
1208
+ "flex"
1209
+ ],
1210
+ "flexDirection": [
1211
+ "row"
1212
+ ],
1213
+ "alignItems": [
1214
+ "center"
1215
+ ],
1216
+ "justifyContent": [
1217
+ "space-between"
1218
+ ],
1219
+ "borderRadius": [
1220
+ "md"
1221
+ ]
1222
+ },
1223
+ "Text": {
1224
+ "variant": [
1225
+ "title4"
1226
+ ],
1227
+ "color": [
1228
+ "primary"
1229
+ ]
1230
+ },
1231
+ "HStack": {
1232
+ "display": [
1233
+ "flex"
1234
+ ],
1235
+ "alignItems": [
1236
+ "center"
1237
+ ],
1238
+ "justifyContent": [
1239
+ "space-between"
1240
+ ],
1241
+ "columnGap": [
1242
+ "2.5"
1104
1243
  ]
1105
1244
  }
1106
1245
  },
@@ -1108,10 +1247,12 @@
1108
1247
  "runtimeConfigDefaultProps": {},
1109
1248
  "runtimeConfigGetStyles": {},
1110
1249
  "runtimeConfigInternalComponentProps": {},
1111
- "motionVarPrefixes": []
1250
+ "motionVarPrefixes": [
1251
+ "--uds-motion-smooth-3-"
1252
+ ]
1112
1253
  },
1113
- "Table.mocks": {
1114
- "name": "Table.mocks",
1254
+ "AvoidMotionLibraryProvider": {
1255
+ "name": "AvoidMotionLibraryProvider",
1115
1256
  "defaultProps": {},
1116
1257
  "getStylesLiterals": {},
1117
1258
  "cxLiterals": [],
@@ -1123,85 +1264,88 @@
1123
1264
  "runtimeConfigInternalComponentProps": {},
1124
1265
  "motionVarPrefixes": []
1125
1266
  },
1126
- "Table": {
1127
- "name": "Table",
1128
- "defaultProps": {
1129
- "display": "table-cell",
1130
- "overflow": "hidden",
1131
- "borderColor": "muted",
1132
- "borderRadius": "md",
1133
- "spacing": "3",
1134
- "borderBottomColor": "muted",
1135
- "borderBottomWidth": "thin",
1136
- "color": "primary"
1137
- },
1138
- "getStylesLiterals": {
1139
- "textAlign": "start"
1140
- },
1141
- "cxLiterals": [],
1267
+ "Modal": {
1268
+ "name": "Modal",
1269
+ "defaultProps": {},
1270
+ "getStylesLiterals": {},
1271
+ "cxLiterals": [
1272
+ "inset-8",
1273
+ "top-[250px]",
1274
+ "z-50",
1275
+ "mx-auto",
1276
+ "h-fit",
1277
+ "w-[600px]",
1278
+ "origin-center",
1279
+ "scale-95",
1280
+ "opacity-0",
1281
+ "transition",
1282
+ "duration-150",
1283
+ "data-[enter]:scale-100",
1284
+ "data-[enter]:opacity-100",
1285
+ "data-[enter]:bg-primary",
1286
+ "backdrop-blur-0",
1287
+ "data-[enter]:opacity-60",
1288
+ "data-[enter]:backdrop-blur-sm"
1289
+ ],
1142
1290
  "internalComponents": [
1143
- "CellComponent",
1144
- "Box",
1291
+ "IconButton",
1292
+ "Dialog",
1293
+ "HStack",
1145
1294
  "Text",
1146
- "Table.Root",
1147
- "Table.Header",
1148
- "Table.Row",
1149
- "Table.Cell",
1150
- "Table.Body"
1295
+ "VStack"
1151
1296
  ],
1152
1297
  "internalComponentProps": {
1153
- "Table.Cell": {
1154
- "asHeaderCell": [
1155
- "column"
1298
+ "IconButton": {
1299
+ "aria-label": [
1300
+ "Close"
1301
+ ],
1302
+ "size": [
1303
+ "sm"
1304
+ ],
1305
+ "variant": [
1306
+ "tertiary"
1156
1307
  ]
1157
- }
1158
- },
1159
- "propToVariantKeys": {},
1160
- "runtimeConfigDefaultProps": {},
1161
- "runtimeConfigGetStyles": {},
1162
- "runtimeConfigInternalComponentProps": {},
1163
- "motionVarPrefixes": []
1164
- },
1165
- "Avatar": {
1166
- "name": "Avatar",
1167
- "defaultProps": {},
1168
- "getStylesLiterals": {},
1169
- "cxLiterals": [],
1170
- "internalComponents": [
1171
- "AvatarImage"
1172
- ],
1173
- "internalComponentProps": {},
1174
- "propToVariantKeys": {},
1175
- "runtimeConfigDefaultProps": {},
1176
- "runtimeConfigGetStyles": {},
1177
- "runtimeConfigInternalComponentProps": {},
1178
- "motionVarPrefixes": []
1179
- },
1180
- "AvatarIcon": {
1181
- "name": "AvatarIcon",
1182
- "defaultProps": {
1183
- "size": "md",
1184
- "variant": "primary"
1308
+ },
1309
+ "HStack": {
1310
+ "alignItems": [
1311
+ "center"
1312
+ ],
1313
+ "justifyContent": [
1314
+ "space-between"
1315
+ ]
1316
+ },
1317
+ "Text": {
1318
+ "variant": [
1319
+ "headline1"
1320
+ ],
1321
+ "color": [
1322
+ "primary"
1323
+ ]
1324
+ },
1325
+ "VStack": {
1326
+ "borderRadius": [
1327
+ "md"
1328
+ ],
1329
+ "position": [
1330
+ "fixed"
1331
+ ],
1332
+ "backgroundColor": [
1333
+ "primary"
1334
+ ],
1335
+ "dropShadow": [
1336
+ "md"
1337
+ ],
1338
+ "spacing": [
1339
+ "8"
1340
+ ],
1341
+ "overflow": [
1342
+ "hidden"
1343
+ ]
1344
+ }
1185
1345
  },
1186
- "getStylesLiterals": {},
1187
- "cxLiterals": [
1188
- "overflow-hidden",
1189
- "w-full",
1190
- "h-full",
1191
- "shrink-0",
1192
- "text-center",
1193
- "inline-flex",
1194
- "justify-center",
1195
- "items-center"
1196
- ],
1197
- "internalComponents": [
1198
- "IconSlot",
1199
- "Box"
1200
- ],
1201
- "internalComponentProps": {},
1202
1346
  "propToVariantKeys": {
1203
- "size": [
1204
- "avatarSizeIcon"
1347
+ "handleClose": [
1348
+ "onClick"
1205
1349
  ]
1206
1350
  },
1207
1351
  "runtimeConfigDefaultProps": {},
@@ -1209,37 +1353,87 @@
1209
1353
  "runtimeConfigInternalComponentProps": {},
1210
1354
  "motionVarPrefixes": []
1211
1355
  },
1212
- "AvatarImage": {
1213
- "name": "AvatarImage",
1356
+ "SegmentedControl": {
1357
+ "name": "SegmentedControl",
1214
1358
  "defaultProps": {
1215
- "size": "md",
1216
- "variant": "primary"
1359
+ "textVariant": "label2"
1360
+ },
1361
+ "getStylesLiterals": {
1362
+ "display": "flex",
1363
+ "alignItems": "center",
1364
+ "backgroundColor": "primary",
1365
+ "spacingVertical": "1",
1366
+ "spacingHorizontal": "3",
1367
+ "columnGap": "1.5",
1368
+ "borderWidth": "thin",
1369
+ "borderRadius": "full",
1370
+ "borderColor": "muted",
1371
+ "borderColor:1": "transparent",
1372
+ "color": "primary",
1373
+ "color:1": "tertiary",
1374
+ "color:2": "muted"
1217
1375
  },
1218
- "getStylesLiterals": {},
1219
1376
  "cxLiterals": [
1220
- "overflow-hidden",
1221
- "w-full",
1222
- "h-full",
1223
- "shrink-0",
1224
- "text-center",
1225
- "inline-flex",
1226
- "justify-center",
1227
- "items-center",
1228
- "object-cover"
1377
+ "uds-ring",
1378
+ "cursor-not-allowed",
1379
+ "opacity-50",
1380
+ "pointer-events-none",
1381
+ "hover:bg-primary"
1229
1382
  ],
1230
1383
  "internalComponents": [
1231
- "UDSImage",
1232
- "AvatarText",
1233
- "AvatarIcon",
1234
- "Box"
1384
+ "TextVariant",
1385
+ "Radio",
1386
+ "Icon",
1387
+ "RadioProvider",
1388
+ "HStack",
1389
+ "RadioGroup",
1390
+ "Pressable",
1391
+ "Text"
1235
1392
  ],
1236
- "internalComponentProps": {},
1393
+ "internalComponentProps": {
1394
+ "Icon": {
1395
+ "size": [
1396
+ "sm"
1397
+ ],
1398
+ "color": [
1399
+ "current"
1400
+ ],
1401
+ "aria-hidden": [
1402
+ "true"
1403
+ ]
1404
+ },
1405
+ "HStack": {
1406
+ "spacing": [
1407
+ "1"
1408
+ ],
1409
+ "gap": [
1410
+ "1"
1411
+ ],
1412
+ "backgroundColor": [
1413
+ "secondary"
1414
+ ],
1415
+ "borderRadius": [
1416
+ "full"
1417
+ ],
1418
+ "display": [
1419
+ "inline-flex"
1420
+ ]
1421
+ },
1422
+ "Text": {
1423
+ "color": [
1424
+ "current"
1425
+ ]
1426
+ }
1427
+ },
1237
1428
  "propToVariantKeys": {
1238
- "alt": [
1239
- "name"
1429
+ "value": [
1430
+ "key"
1240
1431
  ],
1241
- "fallback": [
1242
- "initials"
1432
+ "label": [
1433
+ "aria-label"
1434
+ ],
1435
+ "textVariant": [
1436
+ "variant"
1243
1437
  ]
1244
1438
  },
1245
1439
  "runtimeConfigDefaultProps": {},
@@ -1247,46 +1441,262 @@
1247
1441
  "runtimeConfigInternalComponentProps": {},
1248
1442
  "motionVarPrefixes": []
1249
1443
  },
1250
- "AvatarText": {
1251
- "name": "AvatarText",
1444
+ "SwitchV2": {
1445
+ "name": "SwitchV2",
1252
1446
  "defaultProps": {
1253
- "size": "md",
1254
- "variant": "primary"
1447
+ "labelPosition": "start",
1448
+ "size": "md"
1449
+ },
1450
+ "getStylesLiterals": {
1451
+ "switchVariantRoot": "default",
1452
+ "switchVariantActiveRoot": "on",
1453
+ "switchVariantActiveRoot:1": "off",
1454
+ "switchVariantSwitch": "default",
1455
+ "switchVariantActiveSwitch": "on",
1456
+ "switchVariantActiveSwitch:1": "off",
1457
+ "switchVariantActiveHandle": "on",
1458
+ "switchVariantActiveHandle:1": "off",
1459
+ "switchVariantHandle": "default",
1460
+ "switchVariantHandleIcon": "default",
1461
+ "switchVariantActiveHandleIcon": "on",
1462
+ "switchVariantActiveHandleIcon:1": "off"
1255
1463
  },
1256
- "getStylesLiterals": {},
1257
1464
  "cxLiterals": [
1258
- "overflow-hidden",
1259
- "truncate",
1465
+ "group",
1466
+ "flex",
1467
+ "items-center",
1468
+ "flex-row",
1469
+ "flex-row-reverse",
1470
+ "uds-ring",
1471
+ "uds-ring-within",
1472
+ "relative",
1473
+ "uds-border-radius-full",
1474
+ "transition-[background-color,box-shadow]",
1475
+ "pointer-events-none",
1260
1476
  "w-full",
1261
1477
  "h-full",
1262
- "shrink-0",
1263
- "text-center",
1264
- "inline-flex",
1265
- "justify-center",
1266
- "items-center"
1478
+ "absolute",
1479
+ "top-0",
1480
+ "bottom-0",
1481
+ "right-0",
1482
+ "left-0",
1483
+ "overflow-hidden",
1484
+ "group-hover:scale-105",
1485
+ "opacity-95",
1486
+ "group-hover:opacity-100",
1487
+ "transition-[transform,opacity]",
1488
+ "opacity-0",
1489
+ "top-1/2",
1490
+ "left-1/2",
1491
+ "transform",
1492
+ "translate-x-[-50%]",
1493
+ "translate-y-[-50%]",
1494
+ "transition-opacity",
1495
+ "cursor-[inherit]",
1496
+ "w-[calc(100%+2px)]",
1497
+ "h-[calc(100%+2px)]",
1498
+ "text-start",
1499
+ "text-end",
1500
+ "opacity-100"
1267
1501
  ],
1268
1502
  "internalComponents": [
1503
+ "IconSlot",
1269
1504
  "Box",
1270
- "Text"
1505
+ "FormLabel",
1506
+ "SpringMotionConfig",
1507
+ "RootElement",
1508
+ "MotionBox"
1271
1509
  ],
1272
1510
  "internalComponentProps": {
1273
- "Text": {
1274
- "color": [
1275
- "inherit"
1511
+ "IconSlot": {
1512
+ "data-testid": [
1513
+ "on-icon",
1514
+ "off-icon"
1515
+ ]
1516
+ },
1517
+ "FormLabel": {
1518
+ "as": [
1519
+ "div"
1276
1520
  ],
1277
1521
  "variant": [
1278
1522
  "inherit"
1523
+ ],
1524
+ "color": [
1525
+ "inherit"
1279
1526
  ]
1280
- }
1281
- },
1282
- "propToVariantKeys": {},
1283
- "runtimeConfigDefaultProps": {},
1284
- "runtimeConfigGetStyles": {},
1285
- "runtimeConfigInternalComponentProps": {},
1286
- "motionVarPrefixes": []
1287
- },
1288
- "BottomSheet": {
1289
- "name": "BottomSheet",
1527
+ },
1528
+ "SpringMotionConfig": {
1529
+ "layoutVariant": [
1530
+ "bouncy"
1531
+ ],
1532
+ "layoutSpeed": [
1533
+ "4"
1534
+ ]
1535
+ },
1536
+ "RootElement": {
1537
+ "data-testid": [
1538
+ "switch-root"
1539
+ ]
1540
+ },
1541
+ "MotionBox": {
1542
+ "layout": [
1543
+ "position"
1544
+ ]
1545
+ }
1546
+ },
1547
+ "propToVariantKeys": {
1548
+ "size": [
1549
+ "switchSizeRoot",
1550
+ "switchSizeSwitch",
1551
+ "switchSizeHandle",
1552
+ "switchSizeHandleIcon"
1553
+ ],
1554
+ "onIcon": [
1555
+ "icon"
1556
+ ],
1557
+ "offIcon": [
1558
+ "icon"
1559
+ ],
1560
+ "reduceMotion": [
1561
+ "reducedMotion"
1562
+ ],
1563
+ "isOn": [
1564
+ "layoutDependency"
1565
+ ]
1566
+ },
1567
+ "runtimeConfigDefaultProps": {},
1568
+ "runtimeConfigGetStyles": {},
1569
+ "runtimeConfigInternalComponentProps": {},
1570
+ "motionVarPrefixes": [
1571
+ "--uds-motion-bouncy-4-",
1572
+ "--uds-motion-smooth-3-"
1573
+ ]
1574
+ },
1575
+ "Avatar": {
1576
+ "name": "Avatar",
1577
+ "defaultProps": {},
1578
+ "getStylesLiterals": {},
1579
+ "cxLiterals": [],
1580
+ "internalComponents": [
1581
+ "AvatarImage"
1582
+ ],
1583
+ "internalComponentProps": {},
1584
+ "propToVariantKeys": {},
1585
+ "runtimeConfigDefaultProps": {},
1586
+ "runtimeConfigGetStyles": {},
1587
+ "runtimeConfigInternalComponentProps": {},
1588
+ "motionVarPrefixes": []
1589
+ },
1590
+ "AvatarIcon": {
1591
+ "name": "AvatarIcon",
1592
+ "defaultProps": {
1593
+ "size": "md",
1594
+ "variant": "primary"
1595
+ },
1596
+ "getStylesLiterals": {},
1597
+ "cxLiterals": [
1598
+ "overflow-hidden",
1599
+ "w-full",
1600
+ "h-full",
1601
+ "shrink-0",
1602
+ "text-center",
1603
+ "inline-flex",
1604
+ "justify-center",
1605
+ "items-center"
1606
+ ],
1607
+ "internalComponents": [
1608
+ "IconSlot",
1609
+ "Box"
1610
+ ],
1611
+ "internalComponentProps": {},
1612
+ "propToVariantKeys": {
1613
+ "size": [
1614
+ "avatarSizeIcon"
1615
+ ]
1616
+ },
1617
+ "runtimeConfigDefaultProps": {},
1618
+ "runtimeConfigGetStyles": {},
1619
+ "runtimeConfigInternalComponentProps": {},
1620
+ "motionVarPrefixes": []
1621
+ },
1622
+ "AvatarImage": {
1623
+ "name": "AvatarImage",
1624
+ "defaultProps": {
1625
+ "size": "md",
1626
+ "variant": "primary"
1627
+ },
1628
+ "getStylesLiterals": {},
1629
+ "cxLiterals": [
1630
+ "overflow-hidden",
1631
+ "w-full",
1632
+ "h-full",
1633
+ "shrink-0",
1634
+ "text-center",
1635
+ "inline-flex",
1636
+ "justify-center",
1637
+ "items-center",
1638
+ "object-cover"
1639
+ ],
1640
+ "internalComponents": [
1641
+ "UDSImage",
1642
+ "AvatarText",
1643
+ "AvatarIcon",
1644
+ "Box"
1645
+ ],
1646
+ "internalComponentProps": {},
1647
+ "propToVariantKeys": {
1648
+ "alt": [
1649
+ "name"
1650
+ ],
1651
+ "fallback": [
1652
+ "initials"
1653
+ ]
1654
+ },
1655
+ "runtimeConfigDefaultProps": {},
1656
+ "runtimeConfigGetStyles": {},
1657
+ "runtimeConfigInternalComponentProps": {},
1658
+ "motionVarPrefixes": []
1659
+ },
1660
+ "AvatarText": {
1661
+ "name": "AvatarText",
1662
+ "defaultProps": {
1663
+ "size": "md",
1664
+ "variant": "primary"
1665
+ },
1666
+ "getStylesLiterals": {},
1667
+ "cxLiterals": [
1668
+ "overflow-hidden",
1669
+ "truncate",
1670
+ "w-full",
1671
+ "h-full",
1672
+ "shrink-0",
1673
+ "text-center",
1674
+ "inline-flex",
1675
+ "justify-center",
1676
+ "items-center"
1677
+ ],
1678
+ "internalComponents": [
1679
+ "Box",
1680
+ "Text"
1681
+ ],
1682
+ "internalComponentProps": {
1683
+ "Text": {
1684
+ "color": [
1685
+ "inherit"
1686
+ ],
1687
+ "variant": [
1688
+ "inherit"
1689
+ ]
1690
+ }
1691
+ },
1692
+ "propToVariantKeys": {},
1693
+ "runtimeConfigDefaultProps": {},
1694
+ "runtimeConfigGetStyles": {},
1695
+ "runtimeConfigInternalComponentProps": {},
1696
+ "motionVarPrefixes": []
1697
+ },
1698
+ "BottomSheet": {
1699
+ "name": "BottomSheet",
1290
1700
  "defaultProps": {
1291
1701
  "variant": "default"
1292
1702
  },
@@ -3055,414 +3465,5 @@
3055
3465
  "runtimeConfigGetStyles": {},
3056
3466
  "runtimeConfigInternalComponentProps": {},
3057
3467
  "motionVarPrefixes": []
3058
- },
3059
- "Accordion": {
3060
- "name": "Accordion",
3061
- "defaultProps": {
3062
- "spacingHorizontal": "4",
3063
- "spacingVertical": "4"
3064
- },
3065
- "getStylesLiterals": {},
3066
- "cxLiterals": [
3067
- "hover:bg-secondary/80",
3068
- "w-full"
3069
- ],
3070
- "internalComponents": [
3071
- "Icon",
3072
- "SpringMotionConfig",
3073
- "Pressable",
3074
- "Text",
3075
- "HStack",
3076
- "AnimatePresence",
3077
- "VStack"
3078
- ],
3079
- "internalComponentProps": {
3080
- "Icon": {
3081
- "variant": [
3082
- "fill"
3083
- ],
3084
- "size": [
3085
- "sm"
3086
- ],
3087
- "color": [
3088
- "primary"
3089
- ]
3090
- },
3091
- "SpringMotionConfig": {
3092
- "layoutVariant": [
3093
- "smooth"
3094
- ],
3095
- "layoutSpeed": [
3096
- "3"
3097
- ]
3098
- },
3099
- "Pressable": {
3100
- "display": [
3101
- "flex"
3102
- ],
3103
- "flexDirection": [
3104
- "row"
3105
- ],
3106
- "alignItems": [
3107
- "center"
3108
- ],
3109
- "justifyContent": [
3110
- "space-between"
3111
- ],
3112
- "borderRadius": [
3113
- "md"
3114
- ]
3115
- },
3116
- "Text": {
3117
- "variant": [
3118
- "title4"
3119
- ],
3120
- "color": [
3121
- "primary"
3122
- ]
3123
- },
3124
- "HStack": {
3125
- "display": [
3126
- "flex"
3127
- ],
3128
- "alignItems": [
3129
- "center"
3130
- ],
3131
- "justifyContent": [
3132
- "space-between"
3133
- ],
3134
- "columnGap": [
3135
- "2.5"
3136
- ]
3137
- }
3138
- },
3139
- "propToVariantKeys": {},
3140
- "runtimeConfigDefaultProps": {},
3141
- "runtimeConfigGetStyles": {},
3142
- "runtimeConfigInternalComponentProps": {},
3143
- "motionVarPrefixes": [
3144
- "--uds-motion-smooth-3-"
3145
- ]
3146
- },
3147
- "AvoidMotionLibraryProvider": {
3148
- "name": "AvoidMotionLibraryProvider",
3149
- "defaultProps": {},
3150
- "getStylesLiterals": {},
3151
- "cxLiterals": [],
3152
- "internalComponents": [],
3153
- "internalComponentProps": {},
3154
- "propToVariantKeys": {},
3155
- "runtimeConfigDefaultProps": {},
3156
- "runtimeConfigGetStyles": {},
3157
- "runtimeConfigInternalComponentProps": {},
3158
- "motionVarPrefixes": []
3159
- },
3160
- "Modal": {
3161
- "name": "Modal",
3162
- "defaultProps": {},
3163
- "getStylesLiterals": {},
3164
- "cxLiterals": [
3165
- "inset-8",
3166
- "top-[250px]",
3167
- "z-50",
3168
- "mx-auto",
3169
- "h-fit",
3170
- "w-[600px]",
3171
- "origin-center",
3172
- "scale-95",
3173
- "opacity-0",
3174
- "transition",
3175
- "duration-150",
3176
- "data-[enter]:scale-100",
3177
- "data-[enter]:opacity-100",
3178
- "data-[enter]:bg-primary",
3179
- "backdrop-blur-0",
3180
- "data-[enter]:opacity-60",
3181
- "data-[enter]:backdrop-blur-sm"
3182
- ],
3183
- "internalComponents": [
3184
- "IconButton",
3185
- "Dialog",
3186
- "HStack",
3187
- "Text",
3188
- "VStack"
3189
- ],
3190
- "internalComponentProps": {
3191
- "IconButton": {
3192
- "aria-label": [
3193
- "Close"
3194
- ],
3195
- "size": [
3196
- "sm"
3197
- ],
3198
- "variant": [
3199
- "tertiary"
3200
- ]
3201
- },
3202
- "HStack": {
3203
- "alignItems": [
3204
- "center"
3205
- ],
3206
- "justifyContent": [
3207
- "space-between"
3208
- ]
3209
- },
3210
- "Text": {
3211
- "variant": [
3212
- "headline1"
3213
- ],
3214
- "color": [
3215
- "primary"
3216
- ]
3217
- },
3218
- "VStack": {
3219
- "borderRadius": [
3220
- "md"
3221
- ],
3222
- "position": [
3223
- "fixed"
3224
- ],
3225
- "backgroundColor": [
3226
- "primary"
3227
- ],
3228
- "dropShadow": [
3229
- "md"
3230
- ],
3231
- "spacing": [
3232
- "8"
3233
- ],
3234
- "overflow": [
3235
- "hidden"
3236
- ]
3237
- }
3238
- },
3239
- "propToVariantKeys": {
3240
- "handleClose": [
3241
- "onClick"
3242
- ]
3243
- },
3244
- "runtimeConfigDefaultProps": {},
3245
- "runtimeConfigGetStyles": {},
3246
- "runtimeConfigInternalComponentProps": {},
3247
- "motionVarPrefixes": []
3248
- },
3249
- "SegmentedControl": {
3250
- "name": "SegmentedControl",
3251
- "defaultProps": {
3252
- "textVariant": "label2"
3253
- },
3254
- "getStylesLiterals": {
3255
- "display": "flex",
3256
- "alignItems": "center",
3257
- "backgroundColor": "primary",
3258
- "spacingVertical": "1",
3259
- "spacingHorizontal": "3",
3260
- "columnGap": "1.5",
3261
- "borderWidth": "thin",
3262
- "borderRadius": "full",
3263
- "borderColor": "muted",
3264
- "borderColor:1": "transparent",
3265
- "color": "primary",
3266
- "color:1": "tertiary",
3267
- "color:2": "muted"
3268
- },
3269
- "cxLiterals": [
3270
- "uds-ring",
3271
- "cursor-not-allowed",
3272
- "opacity-50",
3273
- "pointer-events-none",
3274
- "hover:bg-primary"
3275
- ],
3276
- "internalComponents": [
3277
- "TextVariant",
3278
- "Radio",
3279
- "Icon",
3280
- "RadioProvider",
3281
- "HStack",
3282
- "RadioGroup",
3283
- "Pressable",
3284
- "Text"
3285
- ],
3286
- "internalComponentProps": {
3287
- "Icon": {
3288
- "size": [
3289
- "sm"
3290
- ],
3291
- "color": [
3292
- "current"
3293
- ],
3294
- "aria-hidden": [
3295
- "true"
3296
- ]
3297
- },
3298
- "HStack": {
3299
- "spacing": [
3300
- "1"
3301
- ],
3302
- "gap": [
3303
- "1"
3304
- ],
3305
- "backgroundColor": [
3306
- "secondary"
3307
- ],
3308
- "borderRadius": [
3309
- "full"
3310
- ],
3311
- "display": [
3312
- "inline-flex"
3313
- ]
3314
- },
3315
- "Text": {
3316
- "color": [
3317
- "current"
3318
- ]
3319
- }
3320
- },
3321
- "propToVariantKeys": {
3322
- "value": [
3323
- "key"
3324
- ],
3325
- "label": [
3326
- "aria-label"
3327
- ],
3328
- "textVariant": [
3329
- "variant"
3330
- ]
3331
- },
3332
- "runtimeConfigDefaultProps": {},
3333
- "runtimeConfigGetStyles": {},
3334
- "runtimeConfigInternalComponentProps": {},
3335
- "motionVarPrefixes": []
3336
- },
3337
- "SwitchV2": {
3338
- "name": "SwitchV2",
3339
- "defaultProps": {
3340
- "labelPosition": "start",
3341
- "size": "md"
3342
- },
3343
- "getStylesLiterals": {
3344
- "switchVariantRoot": "default",
3345
- "switchVariantActiveRoot": "on",
3346
- "switchVariantActiveRoot:1": "off",
3347
- "switchVariantSwitch": "default",
3348
- "switchVariantActiveSwitch": "on",
3349
- "switchVariantActiveSwitch:1": "off",
3350
- "switchVariantActiveHandle": "on",
3351
- "switchVariantActiveHandle:1": "off",
3352
- "switchVariantHandle": "default",
3353
- "switchVariantHandleIcon": "default",
3354
- "switchVariantActiveHandleIcon": "on",
3355
- "switchVariantActiveHandleIcon:1": "off"
3356
- },
3357
- "cxLiterals": [
3358
- "group",
3359
- "flex",
3360
- "items-center",
3361
- "flex-row",
3362
- "flex-row-reverse",
3363
- "uds-ring",
3364
- "uds-ring-within",
3365
- "relative",
3366
- "uds-border-radius-full",
3367
- "transition-[background-color,box-shadow]",
3368
- "pointer-events-none",
3369
- "w-full",
3370
- "h-full",
3371
- "absolute",
3372
- "top-0",
3373
- "bottom-0",
3374
- "right-0",
3375
- "left-0",
3376
- "overflow-hidden",
3377
- "group-hover:scale-105",
3378
- "opacity-95",
3379
- "group-hover:opacity-100",
3380
- "transition-[transform,opacity]",
3381
- "opacity-0",
3382
- "top-1/2",
3383
- "left-1/2",
3384
- "transform",
3385
- "translate-x-[-50%]",
3386
- "translate-y-[-50%]",
3387
- "transition-opacity",
3388
- "cursor-[inherit]",
3389
- "w-[calc(100%+2px)]",
3390
- "h-[calc(100%+2px)]",
3391
- "text-start",
3392
- "text-end",
3393
- "opacity-100"
3394
- ],
3395
- "internalComponents": [
3396
- "IconSlot",
3397
- "Box",
3398
- "FormLabel",
3399
- "SpringMotionConfig",
3400
- "RootElement",
3401
- "MotionBox"
3402
- ],
3403
- "internalComponentProps": {
3404
- "IconSlot": {
3405
- "data-testid": [
3406
- "on-icon",
3407
- "off-icon"
3408
- ]
3409
- },
3410
- "FormLabel": {
3411
- "as": [
3412
- "div"
3413
- ],
3414
- "variant": [
3415
- "inherit"
3416
- ],
3417
- "color": [
3418
- "inherit"
3419
- ]
3420
- },
3421
- "SpringMotionConfig": {
3422
- "layoutVariant": [
3423
- "bouncy"
3424
- ],
3425
- "layoutSpeed": [
3426
- "4"
3427
- ]
3428
- },
3429
- "RootElement": {
3430
- "data-testid": [
3431
- "switch-root"
3432
- ]
3433
- },
3434
- "MotionBox": {
3435
- "layout": [
3436
- "position"
3437
- ]
3438
- }
3439
- },
3440
- "propToVariantKeys": {
3441
- "size": [
3442
- "switchSizeRoot",
3443
- "switchSizeSwitch",
3444
- "switchSizeHandle",
3445
- "switchSizeHandleIcon"
3446
- ],
3447
- "onIcon": [
3448
- "icon"
3449
- ],
3450
- "offIcon": [
3451
- "icon"
3452
- ],
3453
- "reduceMotion": [
3454
- "reducedMotion"
3455
- ],
3456
- "isOn": [
3457
- "layoutDependency"
3458
- ]
3459
- },
3460
- "runtimeConfigDefaultProps": {},
3461
- "runtimeConfigGetStyles": {},
3462
- "runtimeConfigInternalComponentProps": {},
3463
- "motionVarPrefixes": [
3464
- "--uds-motion-bouncy-4-",
3465
- "--uds-motion-smooth-3-"
3466
- ]
3467
3468
  }
3468
3469
  }