@yahoo/uds 3.176.1 → 3.177.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.
@@ -436,111 +436,6 @@
436
436
  "motionVarPrefixes": [],
437
437
  "factoryTarget": null
438
438
  },
439
- "DividerLabel": {
440
- "name": "DividerLabel",
441
- "defaultProps": {
442
- "variant": "primary",
443
- "textVariant": "inherit",
444
- "color": "inherit",
445
- "as": "span"
446
- },
447
- "getStylesLiterals": {},
448
- "cxLiterals": [
449
- "inherit"
450
- ],
451
- "internalComponents": [
452
- "Text"
453
- ],
454
- "internalComponentProps": {},
455
- "propToVariantKeys": {
456
- "variant": [
457
- "dividerVariantLabel"
458
- ],
459
- "textVariant": [
460
- "variant"
461
- ]
462
- },
463
- "runtimeConfigDefaultProps": {},
464
- "runtimeConfigGetStyles": {},
465
- "runtimeConfigInternalComponentProps": {},
466
- "motionVarPrefixes": [],
467
- "factoryTarget": null
468
- },
469
- "Divider": {
470
- "name": "Divider",
471
- "defaultProps": {
472
- "variant": "primary",
473
- "contentPosition": "center"
474
- },
475
- "getStylesLiterals": {},
476
- "cxLiterals": [
477
- "inherit"
478
- ],
479
- "internalComponents": [
480
- "DividerLine",
481
- "DividerLabel",
482
- "InternalComponent",
483
- "Box"
484
- ],
485
- "internalComponentProps": {
486
- "InternalComponent": {
487
- "alignItems": [
488
- "center"
489
- ],
490
- "flex": [
491
- "1"
492
- ]
493
- },
494
- "Box": {
495
- "display": [
496
- "flex"
497
- ],
498
- "flex": [
499
- "none"
500
- ]
501
- }
502
- },
503
- "propToVariantKeys": {
504
- "variant": [
505
- "dividerVariantRoot"
506
- ]
507
- },
508
- "runtimeConfigDefaultProps": {},
509
- "runtimeConfigGetStyles": {},
510
- "runtimeConfigInternalComponentProps": {},
511
- "motionVarPrefixes": [],
512
- "factoryTarget": null
513
- },
514
- "DividerLine": {
515
- "name": "DividerLine",
516
- "defaultProps": {
517
- "variant": "primary"
518
- },
519
- "getStylesLiterals": {},
520
- "cxLiterals": [
521
- "inherit"
522
- ],
523
- "internalComponents": [
524
- "Box"
525
- ],
526
- "internalComponentProps": {
527
- "Box": {
528
- "flex": [
529
- "1"
530
- ]
531
- }
532
- },
533
- "propToVariantKeys": {
534
- "variant": [
535
- "dividerVariantLine"
536
- ]
537
- },
538
- "runtimeConfigDefaultProps": {},
539
- "runtimeConfigGetStyles": {},
540
- "runtimeConfigInternalComponentProps": {},
541
- "motionVarPrefixes": [],
542
- "factoryTarget": null
543
- },
544
439
  "Pressable": {
545
440
  "name": "Pressable",
546
441
  "defaultProps": {},
@@ -690,6 +585,111 @@
690
585
  ],
691
586
  "factoryTarget": null
692
587
  },
588
+ "DividerLabel": {
589
+ "name": "DividerLabel",
590
+ "defaultProps": {
591
+ "variant": "primary",
592
+ "textVariant": "inherit",
593
+ "color": "inherit",
594
+ "as": "span"
595
+ },
596
+ "getStylesLiterals": {},
597
+ "cxLiterals": [
598
+ "inherit"
599
+ ],
600
+ "internalComponents": [
601
+ "Text"
602
+ ],
603
+ "internalComponentProps": {},
604
+ "propToVariantKeys": {
605
+ "variant": [
606
+ "dividerVariantLabel"
607
+ ],
608
+ "textVariant": [
609
+ "variant"
610
+ ]
611
+ },
612
+ "runtimeConfigDefaultProps": {},
613
+ "runtimeConfigGetStyles": {},
614
+ "runtimeConfigInternalComponentProps": {},
615
+ "motionVarPrefixes": [],
616
+ "factoryTarget": null
617
+ },
618
+ "Divider": {
619
+ "name": "Divider",
620
+ "defaultProps": {
621
+ "variant": "primary",
622
+ "contentPosition": "center"
623
+ },
624
+ "getStylesLiterals": {},
625
+ "cxLiterals": [
626
+ "inherit"
627
+ ],
628
+ "internalComponents": [
629
+ "DividerLine",
630
+ "DividerLabel",
631
+ "InternalComponent",
632
+ "Box"
633
+ ],
634
+ "internalComponentProps": {
635
+ "InternalComponent": {
636
+ "alignItems": [
637
+ "center"
638
+ ],
639
+ "flex": [
640
+ "1"
641
+ ]
642
+ },
643
+ "Box": {
644
+ "display": [
645
+ "flex"
646
+ ],
647
+ "flex": [
648
+ "none"
649
+ ]
650
+ }
651
+ },
652
+ "propToVariantKeys": {
653
+ "variant": [
654
+ "dividerVariantRoot"
655
+ ]
656
+ },
657
+ "runtimeConfigDefaultProps": {},
658
+ "runtimeConfigGetStyles": {},
659
+ "runtimeConfigInternalComponentProps": {},
660
+ "motionVarPrefixes": [],
661
+ "factoryTarget": null
662
+ },
663
+ "DividerLine": {
664
+ "name": "DividerLine",
665
+ "defaultProps": {
666
+ "variant": "primary"
667
+ },
668
+ "getStylesLiterals": {},
669
+ "cxLiterals": [
670
+ "inherit"
671
+ ],
672
+ "internalComponents": [
673
+ "Box"
674
+ ],
675
+ "internalComponentProps": {
676
+ "Box": {
677
+ "flex": [
678
+ "1"
679
+ ]
680
+ }
681
+ },
682
+ "propToVariantKeys": {
683
+ "variant": [
684
+ "dividerVariantLine"
685
+ ]
686
+ },
687
+ "runtimeConfigDefaultProps": {},
688
+ "runtimeConfigGetStyles": {},
689
+ "runtimeConfigInternalComponentProps": {},
690
+ "motionVarPrefixes": [],
691
+ "factoryTarget": null
692
+ },
693
693
  "BannerContent": {
694
694
  "name": "BannerContent",
695
695
  "defaultProps": {},
@@ -849,32 +849,173 @@
849
849
  "motionVarPrefixes": [],
850
850
  "factoryTarget": null
851
851
  },
852
- "SegmentedControl": {
853
- "name": "SegmentedControl",
854
- "defaultProps": {
855
- "textVariant": "label2"
856
- },
852
+ "Switch": {
853
+ "name": "Switch",
854
+ "defaultProps": {},
857
855
  "getStylesLiterals": {
858
- "display": "flex",
859
- "alignItems": "center",
860
- "backgroundColor": "primary",
861
- "spacingVertical": "1",
862
- "spacingHorizontal": "3",
863
- "columnGap": "1.5",
864
- "borderWidth": "thin",
865
- "borderRadius": "full",
866
- "borderColor": "muted",
867
- "borderColor:1": "transparent",
868
- "color": "primary",
869
- "color:1": "tertiary",
870
- "color:2": "muted"
856
+ "switchVariantActiveHandle": "on",
857
+ "switchVariantActiveHandle:1": "off",
858
+ "switchVariantHandle": "default",
859
+ "switchVariantHandleIcon": "default",
860
+ "switchVariantActiveHandleIcon": "on",
861
+ "switchVariantActiveHandleIcon:1": "off"
871
862
  },
872
863
  "cxLiterals": [
873
- "uds-ring",
874
- "cursor-not-allowed",
875
- "opacity-50",
864
+ "relative",
876
865
  "pointer-events-none",
877
- "hover:bg-primary"
866
+ "uds-border-radius-full",
867
+ "overflow-hidden",
868
+ "absolute",
869
+ "top-0",
870
+ "left-0",
871
+ "right-0",
872
+ "bottom-0",
873
+ "opacity-95",
874
+ "group-hover:opacity-100",
875
+ "transition-[background-color,box-shadow,opacity]",
876
+ "opacity-0",
877
+ "m-auto",
878
+ "transition-opacity",
879
+ "opacity-100"
880
+ ],
881
+ "internalComponents": [
882
+ "IconSlot",
883
+ "SwitchBase",
884
+ "Box",
885
+ "SpringMotionConfig",
886
+ "MotionBox",
887
+ "SwitchProps",
888
+ "SwitchStaticHandle"
889
+ ],
890
+ "internalComponentProps": {
891
+ "IconSlot": {
892
+ "data-testid": [
893
+ "on-icon",
894
+ "off-icon"
895
+ ]
896
+ }
897
+ },
898
+ "propToVariantKeys": {
899
+ "size": [
900
+ "switchSizeHandle",
901
+ "switchSizeHandleIcon"
902
+ ],
903
+ "reduceMotion": [
904
+ "reducedMotion"
905
+ ]
906
+ },
907
+ "runtimeConfigDefaultProps": {},
908
+ "runtimeConfigGetStyles": {},
909
+ "runtimeConfigInternalComponentProps": {},
910
+ "motionVarPrefixes": [
911
+ "--uds-motion-bouncy-4-",
912
+ "--uds-motion-smooth-3-"
913
+ ],
914
+ "factoryTarget": null
915
+ },
916
+ "SwitchBase": {
917
+ "name": "SwitchBase",
918
+ "defaultProps": {
919
+ "labelPosition": "start",
920
+ "size": "md"
921
+ },
922
+ "getStylesLiterals": {
923
+ "switchVariantRoot": "default",
924
+ "switchVariantActiveRoot": "on",
925
+ "switchVariantActiveRoot:1": "off",
926
+ "display": "flex",
927
+ "flexDirection": "row",
928
+ "flexDirection:1": "row-reverse",
929
+ "alignItems": "center",
930
+ "switchVariantSwitch": "default",
931
+ "switchVariantActiveSwitch": "on",
932
+ "switchVariantActiveSwitch:1": "off",
933
+ "borderRadius": "full",
934
+ "position": "relative"
935
+ },
936
+ "cxLiterals": [
937
+ "group",
938
+ "cursor-pointer",
939
+ "cursor-default",
940
+ "opacity-50",
941
+ "uds-ring",
942
+ "uds-ring-within",
943
+ "transition-[background-color,box-shadow]",
944
+ "cursor-[inherit]",
945
+ "absolute",
946
+ "opacity-0",
947
+ "top-[-1px]",
948
+ "left-[-1px]",
949
+ "w-[calc(100%+2px)]",
950
+ "h-[calc(100%+2px)]",
951
+ "text-start",
952
+ "text-end",
953
+ "translate-x-[1.25rem]",
954
+ "rtl:translate-x-[-1.25rem]",
955
+ "translate-x-[0.75rem]",
956
+ "rtl:translate-x-[-0.75rem]"
957
+ ],
958
+ "internalComponents": [
959
+ "FormLabel",
960
+ "RootElement",
961
+ "Box"
962
+ ],
963
+ "internalComponentProps": {
964
+ "FormLabel": {
965
+ "as": [
966
+ "div"
967
+ ],
968
+ "variant": [
969
+ "inherit"
970
+ ],
971
+ "color": [
972
+ "inherit"
973
+ ]
974
+ },
975
+ "RootElement": {
976
+ "data-testid": [
977
+ "container"
978
+ ]
979
+ }
980
+ },
981
+ "propToVariantKeys": {
982
+ "size": [
983
+ "switchSizeRoot",
984
+ "switchSizeSwitch"
985
+ ]
986
+ },
987
+ "runtimeConfigDefaultProps": {},
988
+ "runtimeConfigGetStyles": {},
989
+ "runtimeConfigInternalComponentProps": {},
990
+ "motionVarPrefixes": [],
991
+ "factoryTarget": null
992
+ },
993
+ "SegmentedControl": {
994
+ "name": "SegmentedControl",
995
+ "defaultProps": {
996
+ "textVariant": "label2"
997
+ },
998
+ "getStylesLiterals": {
999
+ "display": "flex",
1000
+ "alignItems": "center",
1001
+ "backgroundColor": "primary",
1002
+ "spacingVertical": "1",
1003
+ "spacingHorizontal": "3",
1004
+ "columnGap": "1.5",
1005
+ "borderWidth": "thin",
1006
+ "borderRadius": "full",
1007
+ "borderColor": "muted",
1008
+ "borderColor:1": "transparent",
1009
+ "color": "primary",
1010
+ "color:1": "tertiary",
1011
+ "color:2": "muted"
1012
+ },
1013
+ "cxLiterals": [
1014
+ "uds-ring",
1015
+ "cursor-not-allowed",
1016
+ "opacity-50",
1017
+ "pointer-events-none",
1018
+ "hover:bg-primary"
878
1019
  ],
879
1020
  "internalComponents": [
880
1021
  "Radio",
@@ -1026,98 +1167,64 @@
1026
1167
  ],
1027
1168
  "factoryTarget": null
1028
1169
  },
1029
- "Switch": {
1030
- "name": "Switch",
1170
+ "RadioGroupStore": {
1171
+ "name": "RadioGroupStore",
1031
1172
  "defaultProps": {},
1032
- "getStylesLiterals": {
1033
- "switchVariantActiveHandle": "on",
1034
- "switchVariantActiveHandle:1": "off",
1035
- "switchVariantHandle": "default",
1036
- "switchVariantHandleIcon": "default",
1037
- "switchVariantActiveHandleIcon": "on",
1038
- "switchVariantActiveHandleIcon:1": "off"
1039
- },
1040
- "cxLiterals": [
1041
- "relative",
1042
- "pointer-events-none",
1043
- "uds-border-radius-full",
1044
- "overflow-hidden",
1045
- "absolute",
1046
- "top-0",
1047
- "left-0",
1048
- "right-0",
1049
- "bottom-0",
1050
- "opacity-95",
1051
- "group-hover:opacity-100",
1052
- "transition-[background-color,box-shadow,opacity]",
1053
- "opacity-0",
1054
- "m-auto",
1055
- "transition-opacity",
1056
- "opacity-100"
1057
- ],
1173
+ "getStylesLiterals": {},
1174
+ "cxLiterals": [],
1175
+ "internalComponents": [],
1176
+ "internalComponentProps": {},
1177
+ "propToVariantKeys": {},
1178
+ "runtimeConfigDefaultProps": {},
1179
+ "runtimeConfigGetStyles": {},
1180
+ "runtimeConfigInternalComponentProps": {},
1181
+ "motionVarPrefixes": [],
1182
+ "factoryTarget": null
1183
+ },
1184
+ "RadioGroupProvider": {
1185
+ "name": "RadioGroupProvider",
1186
+ "defaultProps": {},
1187
+ "getStylesLiterals": {},
1188
+ "cxLiterals": [],
1058
1189
  "internalComponents": [
1059
- "IconSlot",
1060
- "SwitchBase",
1061
- "Box",
1062
- "SpringMotionConfig",
1063
- "MotionBox",
1064
- "SwitchProps",
1065
- "SwitchStaticHandle"
1190
+ "DivProps",
1191
+ "Comp",
1192
+ "RadioGroupContext.Provider"
1066
1193
  ],
1067
1194
  "internalComponentProps": {
1068
- "IconSlot": {
1069
- "data-testid": [
1070
- "on-icon",
1071
- "off-icon"
1195
+ "Comp": {
1196
+ "role": [
1197
+ "radiogroup"
1072
1198
  ]
1073
1199
  }
1074
1200
  },
1075
- "propToVariantKeys": {
1076
- "size": [
1077
- "switchSizeHandle",
1078
- "switchSizeHandleIcon"
1079
- ],
1080
- "reduceMotion": [
1081
- "reducedMotion"
1082
- ]
1083
- },
1201
+ "propToVariantKeys": {},
1084
1202
  "runtimeConfigDefaultProps": {},
1085
1203
  "runtimeConfigGetStyles": {},
1086
1204
  "runtimeConfigInternalComponentProps": {},
1087
- "motionVarPrefixes": [
1088
- "--uds-motion-bouncy-4-",
1089
- "--uds-motion-smooth-3-"
1090
- ],
1205
+ "motionVarPrefixes": [],
1091
1206
  "factoryTarget": null
1092
1207
  },
1093
- "SwitchBase": {
1094
- "name": "SwitchBase",
1208
+ "RadioBase": {
1209
+ "name": "RadioBase",
1095
1210
  "defaultProps": {
1096
1211
  "labelPosition": "start",
1097
- "size": "md"
1212
+ "variant": "primary",
1213
+ "size": "md",
1214
+ "value": ""
1098
1215
  },
1099
1216
  "getStylesLiterals": {
1100
- "switchVariantRoot": "default",
1101
- "switchVariantActiveRoot": "on",
1102
- "switchVariantActiveRoot:1": "off",
1217
+ "radioVariantValueRoot": "checked",
1218
+ "radioVariantValueRoot:1": "unchecked",
1103
1219
  "display": "flex",
1104
1220
  "flexDirection": "row",
1105
1221
  "flexDirection:1": "row-reverse",
1106
- "alignItems": "center",
1107
- "switchVariantSwitch": "default",
1108
- "switchVariantActiveSwitch": "on",
1109
- "switchVariantActiveSwitch:1": "off",
1110
- "borderRadius": "full",
1111
- "position": "relative"
1222
+ "alignItems": "center"
1112
1223
  },
1113
1224
  "cxLiterals": [
1114
- "group",
1115
1225
  "cursor-pointer",
1116
1226
  "cursor-default",
1117
1227
  "opacity-50",
1118
- "uds-ring",
1119
- "uds-ring-within",
1120
- "transition-[background-color,box-shadow]",
1121
1228
  "cursor-[inherit]",
1122
1229
  "absolute",
1123
1230
  "opacity-0",
@@ -1126,16 +1233,10 @@
1126
1233
  "w-[calc(100%+2px)]",
1127
1234
  "h-[calc(100%+2px)]",
1128
1235
  "text-start",
1129
- "text-end",
1130
- "translate-x-[1.25rem]",
1131
- "rtl:translate-x-[-1.25rem]",
1132
- "translate-x-[0.75rem]",
1133
- "rtl:translate-x-[-0.75rem]"
1236
+ "text-end"
1134
1237
  ],
1135
1238
  "internalComponents": [
1136
- "FormLabel",
1137
- "RootElement",
1138
- "Box"
1239
+ "FormLabel"
1139
1240
  ],
1140
1241
  "internalComponentProps": {
1141
1242
  "FormLabel": {
@@ -1148,17 +1249,14 @@
1148
1249
  "color": [
1149
1250
  "inherit"
1150
1251
  ]
1151
- },
1152
- "RootElement": {
1153
- "data-testid": [
1154
- "container"
1155
- ]
1156
1252
  }
1157
1253
  },
1158
1254
  "propToVariantKeys": {
1159
1255
  "size": [
1160
- "switchSizeRoot",
1161
- "switchSizeSwitch"
1256
+ "radioSizeRoot"
1257
+ ],
1258
+ "variant": [
1259
+ "radioVariantRoot"
1162
1260
  ]
1163
1261
  },
1164
1262
  "runtimeConfigDefaultProps": {},
@@ -1167,6 +1265,105 @@
1167
1265
  "motionVarPrefixes": [],
1168
1266
  "factoryTarget": null
1169
1267
  },
1268
+ "Radio": {
1269
+ "name": "Radio",
1270
+ "defaultProps": {},
1271
+ "getStylesLiterals": {
1272
+ "radioVariantValueRadio": "checked",
1273
+ "radioVariantValueRadio:1": "unchecked",
1274
+ "radioVariantValueRadioCircle": "checked",
1275
+ "radioVariantValueRadioCircle:1": "unchecked"
1276
+ },
1277
+ "cxLiterals": [
1278
+ "opacity-55",
1279
+ "opacity-100",
1280
+ "opacity-0",
1281
+ "border",
1282
+ "uds-ring",
1283
+ "uds-ring-within",
1284
+ "transition-[background-color,border-color]",
1285
+ "transition-shadow",
1286
+ "pointer-events-none",
1287
+ "w-[8px]",
1288
+ "h-[8px]",
1289
+ "transition-opacity",
1290
+ "group",
1291
+ "group-hover:scale-110",
1292
+ "group-active:scale-90",
1293
+ "group-active:uds-inset-shadow-lg-invert",
1294
+ "group-hover:uds-inset-shadow-lg-invert",
1295
+ "transition-[background-color,border-color,transform]"
1296
+ ],
1297
+ "internalComponents": [
1298
+ "RadioBase",
1299
+ "Box",
1300
+ "SpringMotionConfig",
1301
+ "RootElement",
1302
+ "MotionBox",
1303
+ "RadioProps"
1304
+ ],
1305
+ "internalComponentProps": {
1306
+ "Box": {
1307
+ "borderRadius": [
1308
+ "full"
1309
+ ],
1310
+ "position": [
1311
+ "relative"
1312
+ ],
1313
+ "alignItems": [
1314
+ "center"
1315
+ ],
1316
+ "justifyContent": [
1317
+ "center"
1318
+ ],
1319
+ "flex": [
1320
+ "none"
1321
+ ]
1322
+ },
1323
+ "RootElement": {
1324
+ "data-testid": [
1325
+ "container"
1326
+ ]
1327
+ },
1328
+ "MotionBox": {
1329
+ "position": [
1330
+ "relative"
1331
+ ],
1332
+ "borderRadius": [
1333
+ "full"
1334
+ ],
1335
+ "alignItems": [
1336
+ "center"
1337
+ ],
1338
+ "justifyContent": [
1339
+ "center"
1340
+ ],
1341
+ "flex": [
1342
+ "none"
1343
+ ]
1344
+ }
1345
+ },
1346
+ "propToVariantKeys": {
1347
+ "size": [
1348
+ "radioSizeRadio"
1349
+ ],
1350
+ "variant": [
1351
+ "radioVariantRadio",
1352
+ "radioVariantRadioCircle"
1353
+ ],
1354
+ "reduceMotion": [
1355
+ "reducedMotion"
1356
+ ]
1357
+ },
1358
+ "runtimeConfigDefaultProps": {},
1359
+ "runtimeConfigGetStyles": {},
1360
+ "runtimeConfigInternalComponentProps": {},
1361
+ "motionVarPrefixes": [
1362
+ "--uds-motion-subtle-3-",
1363
+ "--uds-motion-smooth-3-"
1364
+ ],
1365
+ "factoryTarget": null
1366
+ },
1170
1367
  "ChipDismissible": {
1171
1368
  "name": "ChipDismissible",
1172
1369
  "defaultProps": {
@@ -1345,246 +1542,49 @@
1345
1542
  },
1346
1543
  "propToVariantKeys": {
1347
1544
  "variant": [
1348
- "chipLinkVariantRoot",
1349
- "chipLinkVariantIcon"
1350
- ]
1351
- },
1352
- "runtimeConfigDefaultProps": {},
1353
- "runtimeConfigGetStyles": {},
1354
- "runtimeConfigInternalComponentProps": {},
1355
- "motionVarPrefixes": [],
1356
- "factoryTarget": null
1357
- },
1358
- "ChipToggle": {
1359
- "name": "ChipToggle",
1360
- "defaultProps": {
1361
- "variant": "primary",
1362
- "role": "checkbox"
1363
- },
1364
- "getStylesLiterals": {
1365
- "chipToggleVariantActiveRoot": "on",
1366
- "chipToggleVariantActiveRoot:1": "off"
1367
- },
1368
- "cxLiterals": [
1369
- "uds-ring"
1370
- ],
1371
- "internalComponents": [
1372
- "ChipBase"
1373
- ],
1374
- "internalComponentProps": {
1375
- "ChipBase": {
1376
- "as": [
1377
- "button"
1378
- ]
1379
- }
1380
- },
1381
- "propToVariantKeys": {
1382
- "variant": [
1383
- "chipToggleVariantRoot",
1384
- "chipToggleVariantIcon"
1385
- ]
1386
- },
1387
- "runtimeConfigDefaultProps": {},
1388
- "runtimeConfigGetStyles": {},
1389
- "runtimeConfigInternalComponentProps": {},
1390
- "motionVarPrefixes": [],
1391
- "factoryTarget": null
1392
- },
1393
- "RadioGroupStore": {
1394
- "name": "RadioGroupStore",
1395
- "defaultProps": {},
1396
- "getStylesLiterals": {},
1397
- "cxLiterals": [],
1398
- "internalComponents": [],
1399
- "internalComponentProps": {},
1400
- "propToVariantKeys": {},
1401
- "runtimeConfigDefaultProps": {},
1402
- "runtimeConfigGetStyles": {},
1403
- "runtimeConfigInternalComponentProps": {},
1404
- "motionVarPrefixes": [],
1405
- "factoryTarget": null
1406
- },
1407
- "RadioGroupProvider": {
1408
- "name": "RadioGroupProvider",
1409
- "defaultProps": {},
1410
- "getStylesLiterals": {},
1411
- "cxLiterals": [],
1412
- "internalComponents": [
1413
- "DivProps",
1414
- "Comp",
1415
- "RadioGroupContext.Provider"
1416
- ],
1417
- "internalComponentProps": {
1418
- "Comp": {
1419
- "role": [
1420
- "radiogroup"
1421
- ]
1422
- }
1423
- },
1424
- "propToVariantKeys": {},
1425
- "runtimeConfigDefaultProps": {},
1426
- "runtimeConfigGetStyles": {},
1427
- "runtimeConfigInternalComponentProps": {},
1428
- "motionVarPrefixes": [],
1429
- "factoryTarget": null
1430
- },
1431
- "RadioBase": {
1432
- "name": "RadioBase",
1433
- "defaultProps": {
1434
- "labelPosition": "start",
1435
- "variant": "primary",
1436
- "size": "md",
1437
- "value": ""
1438
- },
1439
- "getStylesLiterals": {
1440
- "radioVariantValueRoot": "checked",
1441
- "radioVariantValueRoot:1": "unchecked",
1442
- "display": "flex",
1443
- "flexDirection": "row",
1444
- "flexDirection:1": "row-reverse",
1445
- "alignItems": "center"
1446
- },
1447
- "cxLiterals": [
1448
- "cursor-pointer",
1449
- "cursor-default",
1450
- "opacity-50",
1451
- "cursor-[inherit]",
1452
- "absolute",
1453
- "opacity-0",
1454
- "top-[-1px]",
1455
- "left-[-1px]",
1456
- "w-[calc(100%+2px)]",
1457
- "h-[calc(100%+2px)]",
1458
- "text-start",
1459
- "text-end"
1460
- ],
1461
- "internalComponents": [
1462
- "FormLabel"
1463
- ],
1464
- "internalComponentProps": {
1465
- "FormLabel": {
1466
- "as": [
1467
- "div"
1468
- ],
1469
- "variant": [
1470
- "inherit"
1471
- ],
1472
- "color": [
1473
- "inherit"
1474
- ]
1475
- }
1476
- },
1477
- "propToVariantKeys": {
1478
- "size": [
1479
- "radioSizeRoot"
1480
- ],
1481
- "variant": [
1482
- "radioVariantRoot"
1483
- ]
1484
- },
1485
- "runtimeConfigDefaultProps": {},
1486
- "runtimeConfigGetStyles": {},
1487
- "runtimeConfigInternalComponentProps": {},
1488
- "motionVarPrefixes": [],
1489
- "factoryTarget": null
1490
- },
1491
- "Radio": {
1492
- "name": "Radio",
1493
- "defaultProps": {},
1494
- "getStylesLiterals": {
1495
- "radioVariantValueRadio": "checked",
1496
- "radioVariantValueRadio:1": "unchecked",
1497
- "radioVariantValueRadioCircle": "checked",
1498
- "radioVariantValueRadioCircle:1": "unchecked"
1499
- },
1500
- "cxLiterals": [
1501
- "opacity-55",
1502
- "opacity-100",
1503
- "opacity-0",
1504
- "border",
1505
- "uds-ring",
1506
- "uds-ring-within",
1507
- "transition-[background-color,border-color]",
1508
- "transition-shadow",
1509
- "pointer-events-none",
1510
- "w-[8px]",
1511
- "h-[8px]",
1512
- "transition-opacity",
1513
- "group",
1514
- "group-hover:scale-110",
1515
- "group-active:scale-90",
1516
- "group-active:uds-inset-shadow-lg-invert",
1517
- "group-hover:uds-inset-shadow-lg-invert",
1518
- "transition-[background-color,border-color,transform]"
1519
- ],
1520
- "internalComponents": [
1521
- "RadioBase",
1522
- "Box",
1523
- "SpringMotionConfig",
1524
- "RootElement",
1525
- "MotionBox",
1526
- "RadioProps"
1527
- ],
1528
- "internalComponentProps": {
1529
- "Box": {
1530
- "borderRadius": [
1531
- "full"
1532
- ],
1533
- "position": [
1534
- "relative"
1535
- ],
1536
- "alignItems": [
1537
- "center"
1538
- ],
1539
- "justifyContent": [
1540
- "center"
1541
- ],
1542
- "flex": [
1543
- "none"
1544
- ]
1545
- },
1546
- "RootElement": {
1547
- "data-testid": [
1548
- "container"
1549
- ]
1550
- },
1551
- "MotionBox": {
1552
- "position": [
1553
- "relative"
1554
- ],
1555
- "borderRadius": [
1556
- "full"
1557
- ],
1558
- "alignItems": [
1559
- "center"
1560
- ],
1561
- "justifyContent": [
1562
- "center"
1563
- ],
1564
- "flex": [
1565
- "none"
1566
- ]
1567
- }
1568
- },
1569
- "propToVariantKeys": {
1570
- "size": [
1571
- "radioSizeRadio"
1572
- ],
1573
- "variant": [
1574
- "radioVariantRadio",
1575
- "radioVariantRadioCircle"
1576
- ],
1577
- "reduceMotion": [
1578
- "reducedMotion"
1545
+ "chipLinkVariantRoot",
1546
+ "chipLinkVariantIcon"
1579
1547
  ]
1580
1548
  },
1581
1549
  "runtimeConfigDefaultProps": {},
1582
1550
  "runtimeConfigGetStyles": {},
1583
1551
  "runtimeConfigInternalComponentProps": {},
1584
- "motionVarPrefixes": [
1585
- "--uds-motion-subtle-3-",
1586
- "--uds-motion-smooth-3-"
1552
+ "motionVarPrefixes": [],
1553
+ "factoryTarget": null
1554
+ },
1555
+ "ChipToggle": {
1556
+ "name": "ChipToggle",
1557
+ "defaultProps": {
1558
+ "variant": "primary",
1559
+ "role": "checkbox"
1560
+ },
1561
+ "getStylesLiterals": {
1562
+ "chipToggleVariantActiveRoot": "on",
1563
+ "chipToggleVariantActiveRoot:1": "off"
1564
+ },
1565
+ "cxLiterals": [
1566
+ "uds-ring"
1587
1567
  ],
1568
+ "internalComponents": [
1569
+ "ChipBase"
1570
+ ],
1571
+ "internalComponentProps": {
1572
+ "ChipBase": {
1573
+ "as": [
1574
+ "button"
1575
+ ]
1576
+ }
1577
+ },
1578
+ "propToVariantKeys": {
1579
+ "variant": [
1580
+ "chipToggleVariantRoot",
1581
+ "chipToggleVariantIcon"
1582
+ ]
1583
+ },
1584
+ "runtimeConfigDefaultProps": {},
1585
+ "runtimeConfigGetStyles": {},
1586
+ "runtimeConfigInternalComponentProps": {},
1587
+ "motionVarPrefixes": [],
1588
1588
  "factoryTarget": null
1589
1589
  },
1590
1590
  "Button": {
@@ -2695,253 +2695,54 @@
2695
2695
  "runtimeConfigGetStyles": {
2696
2696
  "modalSizeSpacingHorizontal": [
2697
2697
  "modal.defaultSize"
2698
- ],
2699
- "modalSizeActions": [
2700
- "modal.defaultSize"
2701
- ]
2702
- },
2703
- "runtimeConfigInternalComponentProps": {},
2704
- "motionVarPrefixes": [],
2705
- "factoryTarget": null
2706
- },
2707
- "ModalContent": {
2708
- "name": "ModalContent",
2709
- "defaultProps": {},
2710
- "getStylesLiterals": {
2711
- "overflowY": "auto",
2712
- "display": "block",
2713
- "flexGrow": "1"
2714
- },
2715
- "cxLiterals": [],
2716
- "internalComponents": [
2717
- "Box"
2718
- ],
2719
- "internalComponentProps": {},
2720
- "propToVariantKeys": {
2721
- "size": [
2722
- "modalSizeSpacingHorizontal"
2723
- ]
2724
- },
2725
- "runtimeConfigDefaultProps": {
2726
- "size": "modal.defaultSize",
2727
- "variant": "modal.defaultVariant"
2728
- },
2729
- "runtimeConfigGetStyles": {
2730
- "modalSizeSpacingHorizontal": [
2731
- "modal.defaultSize"
2732
- ]
2733
- },
2734
- "runtimeConfigInternalComponentProps": {},
2735
- "motionVarPrefixes": [],
2736
- "factoryTarget": null
2737
- },
2738
- "UDSModalConfigProvider": {
2739
- "name": "UDSModalConfigProvider",
2740
- "defaultProps": {},
2741
- "getStylesLiterals": {},
2742
- "cxLiterals": [],
2743
- "internalComponents": [
2744
- "ModalContext.Provider"
2745
- ],
2746
- "internalComponentProps": {},
2747
- "propToVariantKeys": {},
2748
- "runtimeConfigDefaultProps": {},
2749
- "runtimeConfigGetStyles": {},
2750
- "runtimeConfigInternalComponentProps": {},
2751
- "motionVarPrefixes": [],
2752
- "factoryTarget": null
2753
- },
2754
- "createModal": {
2755
- "name": "createModal",
2756
- "defaultProps": {},
2757
- "getStylesLiterals": {},
2758
- "cxLiterals": [],
2759
- "internalComponents": [],
2760
- "internalComponentProps": {},
2761
- "propToVariantKeys": {},
2762
- "runtimeConfigDefaultProps": {},
2763
- "runtimeConfigGetStyles": {},
2764
- "runtimeConfigInternalComponentProps": {},
2765
- "motionVarPrefixes": [],
2766
- "factoryTarget": "Modal"
2767
- },
2768
- "Tab": {
2769
- "name": "Tab",
2770
- "defaultProps": {
2771
- "variant": "primary"
2772
- },
2773
- "getStylesLiterals": {
2774
- "tabSizeRoot": "default",
2775
- "tabVariantActiveRoot": "off",
2776
- "tabVariantActiveRoot:1": "on",
2777
- "tabSizeIcon": "default"
2778
- },
2779
- "cxLiterals": [
2780
- "pointer-events-none",
2781
- "absolute",
2782
- "bottom-0",
2783
- "left-0",
2784
- "right-0",
2785
- "h-[var(--uds-tab-underline-width,0px)]",
2786
- "bg-[var(--uds-tab-underline-color,transparent)]",
2787
- "transition-[height,background-color]",
2788
- "duration-[240ms]",
2789
- "ease-[cubic-bezier(0.2,0,0,1)]",
2790
- "!bg-transparent",
2791
- "!shadow-none",
2792
- "inline-flex",
2793
- "items-center",
2794
- "shrink-0",
2795
- "box-border",
2796
- "relative",
2797
- "z-[1]",
2798
- "cursor-pointer",
2799
- "select-none",
2800
- "whitespace-nowrap",
2801
- "uds-ring",
2802
- "opacity-50",
2803
- "cursor-default",
2804
- "border-solid",
2805
- "border-b-solid",
2806
- "transition-colors"
2807
- ],
2808
- "internalComponents": [
2809
- "IconSlot",
2810
- "AriakitTab",
2811
- "Text"
2812
- ],
2813
- "internalComponentProps": {
2814
- "Text": {
2815
- "variant": [
2816
- "inherit"
2817
- ],
2818
- "as": [
2819
- "span"
2820
- ],
2821
- "color": [
2822
- "current"
2823
- ]
2824
- }
2825
- },
2826
- "propToVariantKeys": {
2827
- "variant": [
2828
- "tabVariantRoot",
2829
- "tabVariantIcon"
2830
- ],
2831
- "activeState": [
2832
- "tabVariantActiveIcon"
2833
- ],
2834
- "startIcon": [
2835
- "icon"
2836
- ],
2837
- "endIcon": [
2838
- "icon"
2839
- ]
2840
- },
2841
- "runtimeConfigDefaultProps": {
2842
- "size": "tab.defaultSize"
2843
- },
2844
- "runtimeConfigGetStyles": {},
2845
- "runtimeConfigInternalComponentProps": {},
2846
- "motionVarPrefixes": [],
2847
- "factoryTarget": null
2848
- },
2849
- "TabList": {
2850
- "name": "TabList",
2851
- "defaultProps": {
2852
- "variant": "primary"
2853
- },
2854
- "getStylesLiterals": {
2855
- "tabSizeRoot": "default",
2856
- "tabVariantActiveRoot": "on"
2857
- },
2858
- "cxLiterals": [
2859
- "pointer-events-none",
2860
- "absolute",
2861
- "bottom-0",
2862
- "left-0",
2863
- "right-0",
2864
- "h-[var(--uds-tab-underline-width,0px)]",
2865
- "bg-[var(--uds-tab-underline-color,transparent)]",
2866
- "transition-[height,background-color]",
2867
- "duration-[240ms]",
2868
- "ease-[cubic-bezier(0.2,0,0,1)]",
2869
- "!m-0",
2870
- "!p-0",
2871
- "!gap-0",
2872
- "box-border",
2873
- "z-0",
2874
- "min-w-0",
2875
- "min-h-0",
2876
- "flex",
2877
- "flex-row",
2878
- "items-center",
2879
- "overflow-x-auto",
2880
- "overflow-y-clip",
2881
- "scrollbar-none",
2882
- "[overflow-clip-margin:6px]",
2883
- "overflow-clip",
2884
- "[overflow-clip-margin:8px]",
2885
- "relative",
2886
- "left",
2887
- "240ms",
2888
- "cubic-bezier(0.2,",
2889
- "0,",
2890
- "1),",
2891
- "top",
2892
- "width",
2893
- "height",
2894
- "1)",
2895
- "--uds-tab-underline-color",
2896
- "--uds-tab-underline-width"
2897
- ],
2898
- "internalComponents": [
2899
- "AriakitTabList"
2900
- ],
2901
- "internalComponentProps": {},
2902
- "propToVariantKeys": {
2903
- "variant": [
2904
- "tabsVariantRoot",
2905
- "tabVariantRoot"
2698
+ ],
2699
+ "modalSizeActions": [
2700
+ "modal.defaultSize"
2906
2701
  ]
2907
2702
  },
2908
- "runtimeConfigDefaultProps": {},
2909
- "runtimeConfigGetStyles": {},
2910
2703
  "runtimeConfigInternalComponentProps": {},
2911
2704
  "motionVarPrefixes": [],
2912
2705
  "factoryTarget": null
2913
2706
  },
2914
- "Tabs": {
2915
- "name": "Tabs",
2916
- "defaultProps": {
2917
- "variant": "primary"
2707
+ "ModalContent": {
2708
+ "name": "ModalContent",
2709
+ "defaultProps": {},
2710
+ "getStylesLiterals": {
2711
+ "overflowY": "auto",
2712
+ "display": "block",
2713
+ "flexGrow": "1"
2918
2714
  },
2919
- "getStylesLiterals": {},
2920
2715
  "cxLiterals": [],
2921
2716
  "internalComponents": [
2922
- "TabsContext.Provider",
2923
- "TabProvider"
2717
+ "Box"
2924
2718
  ],
2925
2719
  "internalComponentProps": {},
2926
2720
  "propToVariantKeys": {
2927
- "onSelectionChange": [
2928
- "setSelectedId"
2721
+ "size": [
2722
+ "modalSizeSpacingHorizontal"
2723
+ ]
2724
+ },
2725
+ "runtimeConfigDefaultProps": {
2726
+ "size": "modal.defaultSize",
2727
+ "variant": "modal.defaultVariant"
2728
+ },
2729
+ "runtimeConfigGetStyles": {
2730
+ "modalSizeSpacingHorizontal": [
2731
+ "modal.defaultSize"
2929
2732
  ]
2930
2733
  },
2931
- "runtimeConfigDefaultProps": {},
2932
- "runtimeConfigGetStyles": {},
2933
2734
  "runtimeConfigInternalComponentProps": {},
2934
2735
  "motionVarPrefixes": [],
2935
2736
  "factoryTarget": null
2936
2737
  },
2937
- "UDSTabConfigProvider": {
2938
- "name": "UDSTabConfigProvider",
2738
+ "UDSModalConfigProvider": {
2739
+ "name": "UDSModalConfigProvider",
2939
2740
  "defaultProps": {},
2940
2741
  "getStylesLiterals": {},
2941
- "cxLiterals": [
2942
- "sm"
2742
+ "cxLiterals": [],
2743
+ "internalComponents": [
2744
+ "ModalContext.Provider"
2943
2745
  ],
2944
- "internalComponents": [],
2945
2746
  "internalComponentProps": {},
2946
2747
  "propToVariantKeys": {},
2947
2748
  "runtimeConfigDefaultProps": {},
@@ -2950,21 +2751,19 @@
2950
2751
  "motionVarPrefixes": [],
2951
2752
  "factoryTarget": null
2952
2753
  },
2953
- "TabPanel": {
2954
- "name": "TabPanel",
2754
+ "createModal": {
2755
+ "name": "createModal",
2955
2756
  "defaultProps": {},
2956
2757
  "getStylesLiterals": {},
2957
2758
  "cxLiterals": [],
2958
- "internalComponents": [
2959
- "AriakitTabPanel"
2960
- ],
2759
+ "internalComponents": [],
2961
2760
  "internalComponentProps": {},
2962
2761
  "propToVariantKeys": {},
2963
2762
  "runtimeConfigDefaultProps": {},
2964
2763
  "runtimeConfigGetStyles": {},
2965
2764
  "runtimeConfigInternalComponentProps": {},
2966
2765
  "motionVarPrefixes": [],
2967
- "factoryTarget": null
2766
+ "factoryTarget": "Modal"
2968
2767
  },
2969
2768
  "BottomSheet": {
2970
2769
  "name": "BottomSheet",
@@ -3280,6 +3079,207 @@
3280
3079
  "motionVarPrefixes": [],
3281
3080
  "factoryTarget": null
3282
3081
  },
3082
+ "Tab": {
3083
+ "name": "Tab",
3084
+ "defaultProps": {
3085
+ "variant": "primary"
3086
+ },
3087
+ "getStylesLiterals": {
3088
+ "tabSizeRoot": "default",
3089
+ "tabVariantActiveRoot": "off",
3090
+ "tabVariantActiveRoot:1": "on",
3091
+ "tabSizeIcon": "default"
3092
+ },
3093
+ "cxLiterals": [
3094
+ "pointer-events-none",
3095
+ "absolute",
3096
+ "bottom-0",
3097
+ "left-0",
3098
+ "right-0",
3099
+ "h-[var(--uds-tab-underline-width,0px)]",
3100
+ "bg-[var(--uds-tab-underline-color,transparent)]",
3101
+ "transition-[height,background-color]",
3102
+ "duration-[240ms]",
3103
+ "ease-[cubic-bezier(0.2,0,0,1)]",
3104
+ "!bg-transparent",
3105
+ "!shadow-none",
3106
+ "inline-flex",
3107
+ "items-center",
3108
+ "shrink-0",
3109
+ "box-border",
3110
+ "relative",
3111
+ "z-[1]",
3112
+ "cursor-pointer",
3113
+ "select-none",
3114
+ "whitespace-nowrap",
3115
+ "uds-ring",
3116
+ "opacity-50",
3117
+ "cursor-default",
3118
+ "border-solid",
3119
+ "border-b-solid",
3120
+ "transition-colors"
3121
+ ],
3122
+ "internalComponents": [
3123
+ "IconSlot",
3124
+ "AriakitTab",
3125
+ "Text"
3126
+ ],
3127
+ "internalComponentProps": {
3128
+ "Text": {
3129
+ "variant": [
3130
+ "inherit"
3131
+ ],
3132
+ "as": [
3133
+ "span"
3134
+ ],
3135
+ "color": [
3136
+ "current"
3137
+ ]
3138
+ }
3139
+ },
3140
+ "propToVariantKeys": {
3141
+ "variant": [
3142
+ "tabVariantRoot",
3143
+ "tabVariantIcon"
3144
+ ],
3145
+ "activeState": [
3146
+ "tabVariantActiveIcon"
3147
+ ],
3148
+ "startIcon": [
3149
+ "icon"
3150
+ ],
3151
+ "endIcon": [
3152
+ "icon"
3153
+ ]
3154
+ },
3155
+ "runtimeConfigDefaultProps": {
3156
+ "size": "tab.defaultSize"
3157
+ },
3158
+ "runtimeConfigGetStyles": {},
3159
+ "runtimeConfigInternalComponentProps": {},
3160
+ "motionVarPrefixes": [],
3161
+ "factoryTarget": null
3162
+ },
3163
+ "TabList": {
3164
+ "name": "TabList",
3165
+ "defaultProps": {
3166
+ "variant": "primary"
3167
+ },
3168
+ "getStylesLiterals": {
3169
+ "tabSizeRoot": "default",
3170
+ "tabVariantActiveRoot": "on"
3171
+ },
3172
+ "cxLiterals": [
3173
+ "pointer-events-none",
3174
+ "absolute",
3175
+ "bottom-0",
3176
+ "left-0",
3177
+ "right-0",
3178
+ "h-[var(--uds-tab-underline-width,0px)]",
3179
+ "bg-[var(--uds-tab-underline-color,transparent)]",
3180
+ "transition-[height,background-color]",
3181
+ "duration-[240ms]",
3182
+ "ease-[cubic-bezier(0.2,0,0,1)]",
3183
+ "!m-0",
3184
+ "!p-0",
3185
+ "!gap-0",
3186
+ "box-border",
3187
+ "z-0",
3188
+ "min-w-0",
3189
+ "min-h-0",
3190
+ "flex",
3191
+ "flex-row",
3192
+ "items-center",
3193
+ "overflow-x-auto",
3194
+ "overflow-y-clip",
3195
+ "scrollbar-none",
3196
+ "[overflow-clip-margin:6px]",
3197
+ "overflow-clip",
3198
+ "[overflow-clip-margin:8px]",
3199
+ "relative",
3200
+ "left",
3201
+ "240ms",
3202
+ "cubic-bezier(0.2,",
3203
+ "0,",
3204
+ "1),",
3205
+ "top",
3206
+ "width",
3207
+ "height",
3208
+ "1)",
3209
+ "--uds-tab-underline-color",
3210
+ "--uds-tab-underline-width"
3211
+ ],
3212
+ "internalComponents": [
3213
+ "AriakitTabList"
3214
+ ],
3215
+ "internalComponentProps": {},
3216
+ "propToVariantKeys": {
3217
+ "variant": [
3218
+ "tabsVariantRoot",
3219
+ "tabVariantRoot"
3220
+ ]
3221
+ },
3222
+ "runtimeConfigDefaultProps": {},
3223
+ "runtimeConfigGetStyles": {},
3224
+ "runtimeConfigInternalComponentProps": {},
3225
+ "motionVarPrefixes": [],
3226
+ "factoryTarget": null
3227
+ },
3228
+ "Tabs": {
3229
+ "name": "Tabs",
3230
+ "defaultProps": {
3231
+ "variant": "primary"
3232
+ },
3233
+ "getStylesLiterals": {},
3234
+ "cxLiterals": [],
3235
+ "internalComponents": [
3236
+ "TabsContext.Provider",
3237
+ "TabProvider"
3238
+ ],
3239
+ "internalComponentProps": {},
3240
+ "propToVariantKeys": {
3241
+ "onSelectionChange": [
3242
+ "setSelectedId"
3243
+ ]
3244
+ },
3245
+ "runtimeConfigDefaultProps": {},
3246
+ "runtimeConfigGetStyles": {},
3247
+ "runtimeConfigInternalComponentProps": {},
3248
+ "motionVarPrefixes": [],
3249
+ "factoryTarget": null
3250
+ },
3251
+ "UDSTabConfigProvider": {
3252
+ "name": "UDSTabConfigProvider",
3253
+ "defaultProps": {},
3254
+ "getStylesLiterals": {},
3255
+ "cxLiterals": [
3256
+ "sm"
3257
+ ],
3258
+ "internalComponents": [],
3259
+ "internalComponentProps": {},
3260
+ "propToVariantKeys": {},
3261
+ "runtimeConfigDefaultProps": {},
3262
+ "runtimeConfigGetStyles": {},
3263
+ "runtimeConfigInternalComponentProps": {},
3264
+ "motionVarPrefixes": [],
3265
+ "factoryTarget": null
3266
+ },
3267
+ "TabPanel": {
3268
+ "name": "TabPanel",
3269
+ "defaultProps": {},
3270
+ "getStylesLiterals": {},
3271
+ "cxLiterals": [],
3272
+ "internalComponents": [
3273
+ "AriakitTabPanel"
3274
+ ],
3275
+ "internalComponentProps": {},
3276
+ "propToVariantKeys": {},
3277
+ "runtimeConfigDefaultProps": {},
3278
+ "runtimeConfigGetStyles": {},
3279
+ "runtimeConfigInternalComponentProps": {},
3280
+ "motionVarPrefixes": [],
3281
+ "factoryTarget": null
3282
+ },
3283
3283
  "SelectTrigger": {
3284
3284
  "name": "SelectTrigger",
3285
3285
  "defaultProps": {},
@@ -4622,265 +4622,30 @@
4622
4622
  "internalComponentProps": {
4623
4623
  "FormLabel": {
4624
4624
  "as": [
4625
- "div"
4626
- ],
4627
- "variant": [
4628
- "inherit"
4629
- ],
4630
- "color": [
4631
- "inherit"
4632
- ]
4633
- }
4634
- },
4635
- "propToVariantKeys": {
4636
- "size": [
4637
- "checkboxSizeRoot"
4638
- ],
4639
- "variant": [
4640
- "checkboxVariantRoot"
4641
- ],
4642
- "valueState": [
4643
- "checkboxVariantValueRoot"
4644
- ]
4645
- },
4646
- "runtimeConfigDefaultProps": {},
4647
- "runtimeConfigGetStyles": {},
4648
- "runtimeConfigInternalComponentProps": {},
4649
- "motionVarPrefixes": [],
4650
- "factoryTarget": null
4651
- },
4652
- "createToast": {
4653
- "name": "createToast",
4654
- "defaultProps": {},
4655
- "getStylesLiterals": {},
4656
- "cxLiterals": [],
4657
- "internalComponents": [
4658
- "Toast"
4659
- ],
4660
- "internalComponentProps": {
4661
- "Toast": {
4662
- "variant": [
4663
- "loading",
4664
- "success",
4665
- "error"
4666
- ],
4667
- "message": [
4668
- "Unknown error occurred"
4669
- ]
4670
- }
4671
- },
4672
- "propToVariantKeys": {},
4673
- "runtimeConfigDefaultProps": {},
4674
- "runtimeConfigGetStyles": {},
4675
- "runtimeConfigInternalComponentProps": {},
4676
- "motionVarPrefixes": [],
4677
- "factoryTarget": "Toast"
4678
- },
4679
- "Toast": {
4680
- "name": "Toast",
4681
- "defaultProps": {
4682
- "closeAriaLabel": "Close"
4683
- },
4684
- "getStylesLiterals": {
4685
- "className": "animate-spin",
4686
- "className:1": "flex-none",
4687
- "spacing": "2",
4688
- "borderRadius": "full"
4689
- },
4690
- "cxLiterals": [
4691
- "duration-0",
4692
- "duration-120",
4693
- "transition-[background-color]",
4694
- "bg-carbon-15/0",
4695
- "hover:bg-carbon-15/10",
4696
- "active:bg-carbon-15/15",
4697
- "uds-ring"
4698
- ],
4699
- "internalComponents": [
4700
- "IconSlot",
4701
- "ToastContainer",
4702
- "Text",
4703
- "Button",
4704
- "Pressable"
4705
- ],
4706
- "internalComponentProps": {},
4707
- "propToVariantKeys": {
4708
- "size": [
4709
- "toastSizeLabel",
4710
- "toastSizeIcon",
4711
- "toastSizeActionButton",
4712
- "toastSizeCloseIcon"
4713
- ],
4714
- "variant": [
4715
- "toastVariantIcon",
4716
- "toastVariantActionButton",
4717
- "toastVariantCloseIcon"
4718
- ],
4719
- "closeIcon": [
4720
- "icon"
4721
- ],
4722
- "onClickActionButton": [
4723
- "onClick"
4724
- ],
4725
- "closeAriaLabel": [
4726
- "aria-label"
4727
- ]
4728
- },
4729
- "runtimeConfigDefaultProps": {
4730
- "size": "toast.defaultSize",
4731
- "variant": "toast.defaultVariant"
4732
- },
4733
- "runtimeConfigGetStyles": {
4734
- "toastSizeLabel": [
4735
- "toast.defaultSize"
4736
- ],
4737
- "toastVariantIcon": [
4738
- "toast.defaultVariant"
4739
- ],
4740
- "toastSizeIcon": [
4741
- "toast.defaultSize"
4742
- ],
4743
- "toastSizeActionButton": [
4744
- "toast.defaultSize"
4745
- ],
4746
- "toastVariantActionButton": [
4747
- "toast.defaultVariant"
4748
- ],
4749
- "toastVariantCloseIcon": [
4750
- "toast.defaultVariant"
4751
- ],
4752
- "toastSizeCloseIcon": [
4753
- "toast.defaultSize"
4754
- ]
4755
- },
4756
- "runtimeConfigInternalComponentProps": {
4757
- "ToastContainer": {
4758
- "size": [
4759
- "toast.defaultSize"
4760
- ],
4761
- "variant": [
4762
- "toast.defaultVariant"
4763
- ]
4764
- },
4765
- "Text": {
4766
- "variant": [
4767
- "toast.textVariant.${size}"
4768
- ],
4769
- "color": [
4770
- "toast.textColor.${variant}"
4771
- ]
4772
- },
4773
- "Button": {
4774
- "size": [
4775
- "toast.buttonSize.${size}"
4776
- ],
4777
- "variant": [
4778
- "toast.buttonVariant.${variant}"
4779
- ]
4780
- }
4781
- },
4782
- "motionVarPrefixes": [],
4783
- "factoryTarget": null
4784
- },
4785
- "UDSToastConfigProvider": {
4786
- "name": "UDSToastConfigProvider",
4787
- "defaultProps": {},
4788
- "getStylesLiterals": {},
4789
- "cxLiterals": [],
4790
- "internalComponents": [
4791
- "ToastContext.Provider"
4792
- ],
4793
- "internalComponentProps": {},
4794
- "propToVariantKeys": {},
4795
- "runtimeConfigDefaultProps": {},
4796
- "runtimeConfigGetStyles": {},
4797
- "runtimeConfigInternalComponentProps": {},
4798
- "motionVarPrefixes": [],
4799
- "factoryTarget": null
4800
- },
4801
- "ToastPortal": {
4802
- "name": "ToastPortal",
4803
- "defaultProps": {},
4804
- "getStylesLiterals": {},
4805
- "cxLiterals": [],
4806
- "internalComponents": [
4807
- "ReactToastifyToastContainer"
4808
- ],
4809
- "internalComponentProps": {},
4810
- "propToVariantKeys": {},
4811
- "runtimeConfigDefaultProps": {
4812
- "size": "toast.defaultSize",
4813
- "variant": "toast.defaultVariant"
4814
- },
4815
- "runtimeConfigGetStyles": {},
4816
- "runtimeConfigInternalComponentProps": {
4817
- "ReactToastifyToastContainer": {
4818
- "autoClose": [
4819
- "toast.autoClose"
4820
- ]
4821
- }
4822
- },
4823
- "motionVarPrefixes": [],
4824
- "factoryTarget": null
4825
- },
4826
- "ToastContainer": {
4827
- "name": "ToastContainer",
4828
- "defaultProps": {},
4829
- "getStylesLiterals": {
4830
- "position": "relative",
4831
- "alignItems": "center",
4832
- "display": "flex",
4833
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
4834
- },
4835
- "cxLiterals": [
4836
- "w-full"
4837
- ],
4838
- "internalComponents": [
4839
- "HStack"
4840
- ],
4841
- "internalComponentProps": {
4842
- "HStack": {
4843
- "alignItems": [
4844
- "center"
4845
- ],
4846
- "justifyContent": [
4847
- "space-between"
4848
- ],
4849
- "overflow": [
4850
- "hidden"
4851
- ],
4852
- "position": [
4853
- "relative"
4854
- ]
4855
- }
4856
- },
4857
- "propToVariantKeys": {
4858
- "variant": [
4859
- "toastVariantRoot"
4860
- ],
4861
- "size": [
4862
- "toastSizeRoot"
4863
- ]
4864
- },
4865
- "runtimeConfigDefaultProps": {
4866
- "size": "toast.defaultSize",
4867
- "variant": "toast.defaultVariant"
4868
- },
4869
- "runtimeConfigGetStyles": {
4870
- "toastVariantRoot": [
4871
- "toast.defaultVariant"
4872
- ],
4873
- "toastSizeRoot": [
4874
- "toast.defaultSize"
4875
- ]
4876
- },
4877
- "runtimeConfigInternalComponentProps": {
4878
- "HStack": {
4879
- "backgroundColor": [
4880
- "toast.backgroundColor.${variant}"
4625
+ "div"
4626
+ ],
4627
+ "variant": [
4628
+ "inherit"
4629
+ ],
4630
+ "color": [
4631
+ "inherit"
4881
4632
  ]
4882
4633
  }
4883
4634
  },
4635
+ "propToVariantKeys": {
4636
+ "size": [
4637
+ "checkboxSizeRoot"
4638
+ ],
4639
+ "variant": [
4640
+ "checkboxVariantRoot"
4641
+ ],
4642
+ "valueState": [
4643
+ "checkboxVariantValueRoot"
4644
+ ]
4645
+ },
4646
+ "runtimeConfigDefaultProps": {},
4647
+ "runtimeConfigGetStyles": {},
4648
+ "runtimeConfigInternalComponentProps": {},
4884
4649
  "motionVarPrefixes": [],
4885
4650
  "factoryTarget": null
4886
4651
  },
@@ -5185,6 +4950,241 @@
5185
4950
  "motionVarPrefixes": [],
5186
4951
  "factoryTarget": null
5187
4952
  },
4953
+ "createToast": {
4954
+ "name": "createToast",
4955
+ "defaultProps": {},
4956
+ "getStylesLiterals": {},
4957
+ "cxLiterals": [],
4958
+ "internalComponents": [
4959
+ "Toast"
4960
+ ],
4961
+ "internalComponentProps": {
4962
+ "Toast": {
4963
+ "variant": [
4964
+ "loading",
4965
+ "success",
4966
+ "error"
4967
+ ],
4968
+ "message": [
4969
+ "Unknown error occurred"
4970
+ ]
4971
+ }
4972
+ },
4973
+ "propToVariantKeys": {},
4974
+ "runtimeConfigDefaultProps": {},
4975
+ "runtimeConfigGetStyles": {},
4976
+ "runtimeConfigInternalComponentProps": {},
4977
+ "motionVarPrefixes": [],
4978
+ "factoryTarget": "Toast"
4979
+ },
4980
+ "Toast": {
4981
+ "name": "Toast",
4982
+ "defaultProps": {
4983
+ "closeAriaLabel": "Close"
4984
+ },
4985
+ "getStylesLiterals": {
4986
+ "className": "animate-spin",
4987
+ "className:1": "flex-none",
4988
+ "spacing": "2",
4989
+ "borderRadius": "full"
4990
+ },
4991
+ "cxLiterals": [
4992
+ "duration-0",
4993
+ "duration-120",
4994
+ "transition-[background-color]",
4995
+ "bg-carbon-15/0",
4996
+ "hover:bg-carbon-15/10",
4997
+ "active:bg-carbon-15/15",
4998
+ "uds-ring"
4999
+ ],
5000
+ "internalComponents": [
5001
+ "IconSlot",
5002
+ "ToastContainer",
5003
+ "Text",
5004
+ "Button",
5005
+ "Pressable"
5006
+ ],
5007
+ "internalComponentProps": {},
5008
+ "propToVariantKeys": {
5009
+ "size": [
5010
+ "toastSizeLabel",
5011
+ "toastSizeIcon",
5012
+ "toastSizeActionButton",
5013
+ "toastSizeCloseIcon"
5014
+ ],
5015
+ "variant": [
5016
+ "toastVariantIcon",
5017
+ "toastVariantActionButton",
5018
+ "toastVariantCloseIcon"
5019
+ ],
5020
+ "closeIcon": [
5021
+ "icon"
5022
+ ],
5023
+ "onClickActionButton": [
5024
+ "onClick"
5025
+ ],
5026
+ "closeAriaLabel": [
5027
+ "aria-label"
5028
+ ]
5029
+ },
5030
+ "runtimeConfigDefaultProps": {
5031
+ "size": "toast.defaultSize",
5032
+ "variant": "toast.defaultVariant"
5033
+ },
5034
+ "runtimeConfigGetStyles": {
5035
+ "toastSizeLabel": [
5036
+ "toast.defaultSize"
5037
+ ],
5038
+ "toastVariantIcon": [
5039
+ "toast.defaultVariant"
5040
+ ],
5041
+ "toastSizeIcon": [
5042
+ "toast.defaultSize"
5043
+ ],
5044
+ "toastSizeActionButton": [
5045
+ "toast.defaultSize"
5046
+ ],
5047
+ "toastVariantActionButton": [
5048
+ "toast.defaultVariant"
5049
+ ],
5050
+ "toastVariantCloseIcon": [
5051
+ "toast.defaultVariant"
5052
+ ],
5053
+ "toastSizeCloseIcon": [
5054
+ "toast.defaultSize"
5055
+ ]
5056
+ },
5057
+ "runtimeConfigInternalComponentProps": {
5058
+ "ToastContainer": {
5059
+ "size": [
5060
+ "toast.defaultSize"
5061
+ ],
5062
+ "variant": [
5063
+ "toast.defaultVariant"
5064
+ ]
5065
+ },
5066
+ "Text": {
5067
+ "variant": [
5068
+ "toast.textVariant.${size}"
5069
+ ],
5070
+ "color": [
5071
+ "toast.textColor.${variant}"
5072
+ ]
5073
+ },
5074
+ "Button": {
5075
+ "size": [
5076
+ "toast.buttonSize.${size}"
5077
+ ],
5078
+ "variant": [
5079
+ "toast.buttonVariant.${variant}"
5080
+ ]
5081
+ }
5082
+ },
5083
+ "motionVarPrefixes": [],
5084
+ "factoryTarget": null
5085
+ },
5086
+ "UDSToastConfigProvider": {
5087
+ "name": "UDSToastConfigProvider",
5088
+ "defaultProps": {},
5089
+ "getStylesLiterals": {},
5090
+ "cxLiterals": [],
5091
+ "internalComponents": [
5092
+ "ToastContext.Provider"
5093
+ ],
5094
+ "internalComponentProps": {},
5095
+ "propToVariantKeys": {},
5096
+ "runtimeConfigDefaultProps": {},
5097
+ "runtimeConfigGetStyles": {},
5098
+ "runtimeConfigInternalComponentProps": {},
5099
+ "motionVarPrefixes": [],
5100
+ "factoryTarget": null
5101
+ },
5102
+ "ToastPortal": {
5103
+ "name": "ToastPortal",
5104
+ "defaultProps": {},
5105
+ "getStylesLiterals": {},
5106
+ "cxLiterals": [],
5107
+ "internalComponents": [
5108
+ "ReactToastifyToastContainer"
5109
+ ],
5110
+ "internalComponentProps": {},
5111
+ "propToVariantKeys": {},
5112
+ "runtimeConfigDefaultProps": {
5113
+ "size": "toast.defaultSize",
5114
+ "variant": "toast.defaultVariant"
5115
+ },
5116
+ "runtimeConfigGetStyles": {},
5117
+ "runtimeConfigInternalComponentProps": {
5118
+ "ReactToastifyToastContainer": {
5119
+ "autoClose": [
5120
+ "toast.autoClose"
5121
+ ]
5122
+ }
5123
+ },
5124
+ "motionVarPrefixes": [],
5125
+ "factoryTarget": null
5126
+ },
5127
+ "ToastContainer": {
5128
+ "name": "ToastContainer",
5129
+ "defaultProps": {},
5130
+ "getStylesLiterals": {
5131
+ "position": "relative",
5132
+ "alignItems": "center",
5133
+ "display": "flex",
5134
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
5135
+ },
5136
+ "cxLiterals": [
5137
+ "w-full"
5138
+ ],
5139
+ "internalComponents": [
5140
+ "HStack"
5141
+ ],
5142
+ "internalComponentProps": {
5143
+ "HStack": {
5144
+ "alignItems": [
5145
+ "center"
5146
+ ],
5147
+ "justifyContent": [
5148
+ "space-between"
5149
+ ],
5150
+ "overflow": [
5151
+ "hidden"
5152
+ ],
5153
+ "position": [
5154
+ "relative"
5155
+ ]
5156
+ }
5157
+ },
5158
+ "propToVariantKeys": {
5159
+ "variant": [
5160
+ "toastVariantRoot"
5161
+ ],
5162
+ "size": [
5163
+ "toastSizeRoot"
5164
+ ]
5165
+ },
5166
+ "runtimeConfigDefaultProps": {
5167
+ "size": "toast.defaultSize",
5168
+ "variant": "toast.defaultVariant"
5169
+ },
5170
+ "runtimeConfigGetStyles": {
5171
+ "toastVariantRoot": [
5172
+ "toast.defaultVariant"
5173
+ ],
5174
+ "toastSizeRoot": [
5175
+ "toast.defaultSize"
5176
+ ]
5177
+ },
5178
+ "runtimeConfigInternalComponentProps": {
5179
+ "HStack": {
5180
+ "backgroundColor": [
5181
+ "toast.backgroundColor.${variant}"
5182
+ ]
5183
+ }
5184
+ },
5185
+ "motionVarPrefixes": [],
5186
+ "factoryTarget": null
5187
+ },
5188
5188
  "Tooltip": {
5189
5189
  "name": "Tooltip",
5190
5190
  "defaultProps": {},