@yahoo/uds 3.176.0 → 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.
@@ -347,111 +347,6 @@
347
347
  "motionVarPrefixes": [],
348
348
  "factoryTarget": null
349
349
  },
350
- "DividerLabel": {
351
- "name": "DividerLabel",
352
- "defaultProps": {
353
- "variant": "primary",
354
- "textVariant": "inherit",
355
- "color": "inherit",
356
- "as": "span"
357
- },
358
- "getStylesLiterals": {},
359
- "cxLiterals": [
360
- "inherit"
361
- ],
362
- "internalComponents": [
363
- "Text"
364
- ],
365
- "internalComponentProps": {},
366
- "propToVariantKeys": {
367
- "variant": [
368
- "dividerVariantLabel"
369
- ],
370
- "textVariant": [
371
- "variant"
372
- ]
373
- },
374
- "runtimeConfigDefaultProps": {},
375
- "runtimeConfigGetStyles": {},
376
- "runtimeConfigInternalComponentProps": {},
377
- "motionVarPrefixes": [],
378
- "factoryTarget": null
379
- },
380
- "Divider": {
381
- "name": "Divider",
382
- "defaultProps": {
383
- "variant": "primary",
384
- "contentPosition": "center"
385
- },
386
- "getStylesLiterals": {},
387
- "cxLiterals": [
388
- "inherit"
389
- ],
390
- "internalComponents": [
391
- "DividerLine",
392
- "DividerLabel",
393
- "InternalComponent",
394
- "Box"
395
- ],
396
- "internalComponentProps": {
397
- "InternalComponent": {
398
- "alignItems": [
399
- "center"
400
- ],
401
- "flex": [
402
- "1"
403
- ]
404
- },
405
- "Box": {
406
- "display": [
407
- "flex"
408
- ],
409
- "flex": [
410
- "none"
411
- ]
412
- }
413
- },
414
- "propToVariantKeys": {
415
- "variant": [
416
- "dividerVariantRoot"
417
- ]
418
- },
419
- "runtimeConfigDefaultProps": {},
420
- "runtimeConfigGetStyles": {},
421
- "runtimeConfigInternalComponentProps": {},
422
- "motionVarPrefixes": [],
423
- "factoryTarget": null
424
- },
425
- "DividerLine": {
426
- "name": "DividerLine",
427
- "defaultProps": {
428
- "variant": "primary"
429
- },
430
- "getStylesLiterals": {},
431
- "cxLiterals": [
432
- "inherit"
433
- ],
434
- "internalComponents": [
435
- "Box"
436
- ],
437
- "internalComponentProps": {
438
- "Box": {
439
- "flex": [
440
- "1"
441
- ]
442
- }
443
- },
444
- "propToVariantKeys": {
445
- "variant": [
446
- "dividerVariantLine"
447
- ]
448
- },
449
- "runtimeConfigDefaultProps": {},
450
- "runtimeConfigGetStyles": {},
451
- "runtimeConfigInternalComponentProps": {},
452
- "motionVarPrefixes": [],
453
- "factoryTarget": null
454
- },
455
350
  "Spinner": {
456
351
  "name": "Spinner",
457
352
  "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,45 +1233,135 @@
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": {
1142
1243
  "as": [
1143
1244
  "div"
1144
1245
  ],
1145
- "variant": [
1146
- "inherit"
1246
+ "variant": [
1247
+ "inherit"
1248
+ ],
1249
+ "color": [
1250
+ "inherit"
1251
+ ]
1252
+ }
1253
+ },
1254
+ "propToVariantKeys": {
1255
+ "size": [
1256
+ "radioSizeRoot"
1257
+ ],
1258
+ "variant": [
1259
+ "radioVariantRoot"
1260
+ ]
1261
+ },
1262
+ "runtimeConfigDefaultProps": {},
1263
+ "runtimeConfigGetStyles": {},
1264
+ "runtimeConfigInternalComponentProps": {},
1265
+ "motionVarPrefixes": [],
1266
+ "factoryTarget": null
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"
1147
1312
  ],
1148
- "color": [
1149
- "inherit"
1313
+ "alignItems": [
1314
+ "center"
1315
+ ],
1316
+ "justifyContent": [
1317
+ "center"
1318
+ ],
1319
+ "flex": [
1320
+ "none"
1150
1321
  ]
1151
1322
  },
1152
1323
  "RootElement": {
1153
1324
  "data-testid": [
1154
1325
  "container"
1155
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
+ ]
1156
1344
  }
1157
1345
  },
1158
1346
  "propToVariantKeys": {
1159
1347
  "size": [
1160
- "switchSizeRoot",
1161
- "switchSizeSwitch"
1348
+ "radioSizeRadio"
1349
+ ],
1350
+ "variant": [
1351
+ "radioVariantRadio",
1352
+ "radioVariantRadioCircle"
1353
+ ],
1354
+ "reduceMotion": [
1355
+ "reducedMotion"
1162
1356
  ]
1163
1357
  },
1164
1358
  "runtimeConfigDefaultProps": {},
1165
1359
  "runtimeConfigGetStyles": {},
1166
1360
  "runtimeConfigInternalComponentProps": {},
1167
- "motionVarPrefixes": [],
1361
+ "motionVarPrefixes": [
1362
+ "--uds-motion-subtle-3-",
1363
+ "--uds-motion-smooth-3-"
1364
+ ],
1168
1365
  "factoryTarget": null
1169
1366
  },
1170
1367
  "ChipDismissible": {
@@ -1356,235 +1553,38 @@
1356
1553
  "factoryTarget": null
1357
1554
  },
1358
1555
  "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"
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"
1567
+ ],
1568
+ "internalComponents": [
1569
+ "ChipBase"
1570
+ ],
1571
+ "internalComponentProps": {
1572
+ "ChipBase": {
1573
+ "as": [
1574
+ "button"
1566
1575
  ]
1567
1576
  }
1568
1577
  },
1569
1578
  "propToVariantKeys": {
1570
- "size": [
1571
- "radioSizeRadio"
1572
- ],
1573
1579
  "variant": [
1574
- "radioVariantRadio",
1575
- "radioVariantRadioCircle"
1576
- ],
1577
- "reduceMotion": [
1578
- "reducedMotion"
1580
+ "chipToggleVariantRoot",
1581
+ "chipToggleVariantIcon"
1579
1582
  ]
1580
1583
  },
1581
1584
  "runtimeConfigDefaultProps": {},
1582
1585
  "runtimeConfigGetStyles": {},
1583
1586
  "runtimeConfigInternalComponentProps": {},
1584
- "motionVarPrefixes": [
1585
- "--uds-motion-subtle-3-",
1586
- "--uds-motion-smooth-3-"
1587
- ],
1587
+ "motionVarPrefixes": [],
1588
1588
  "factoryTarget": null
1589
1589
  },
1590
1590
  "Button": {
@@ -1707,6 +1707,117 @@
1707
1707
  "motionVarPrefixes": [],
1708
1708
  "factoryTarget": null
1709
1709
  },
1710
+ "IconButtonBase": {
1711
+ "name": "IconButtonBase",
1712
+ "defaultProps": {
1713
+ "type": "button"
1714
+ },
1715
+ "getStylesLiterals": {},
1716
+ "cxLiterals": [
1717
+ "uds-ring",
1718
+ "uds-hit-target",
1719
+ "inline-flex",
1720
+ "overflow-hidden",
1721
+ "justify-center",
1722
+ "items-center",
1723
+ "[transform-origin:center]",
1724
+ "[backface-visibility:hidden]",
1725
+ "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
1726
+ "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
1727
+ "[transition-duration:220ms]",
1728
+ "cursor-not-allowed",
1729
+ "uds-button-loading",
1730
+ "uds-button-without-effects",
1731
+ "animate-spin"
1732
+ ],
1733
+ "internalComponents": [],
1734
+ "internalComponentProps": {},
1735
+ "propToVariantKeys": {
1736
+ "size": [
1737
+ "iconbuttonSizeRoot",
1738
+ "iconbuttonSizeIcon"
1739
+ ],
1740
+ "variant": [
1741
+ "buttonVariantRoot",
1742
+ "buttonVariantIcon"
1743
+ ]
1744
+ },
1745
+ "runtimeConfigDefaultProps": {
1746
+ "size": "iconButton.defaultSize"
1747
+ },
1748
+ "runtimeConfigGetStyles": {},
1749
+ "runtimeConfigInternalComponentProps": {},
1750
+ "motionVarPrefixes": [],
1751
+ "factoryTarget": null
1752
+ },
1753
+ "IconButton": {
1754
+ "name": "IconButton",
1755
+ "defaultProps": {},
1756
+ "getStylesLiterals": {},
1757
+ "cxLiterals": [],
1758
+ "internalComponents": [
1759
+ "IconButtonBase",
1760
+ "Icon",
1761
+ "AnimatePresence",
1762
+ "SpringMotionConfig",
1763
+ "MotionSlot",
1764
+ "IconButtonProps",
1765
+ "Slot"
1766
+ ],
1767
+ "internalComponentProps": {
1768
+ "Icon": {
1769
+ "color": [
1770
+ "current"
1771
+ ]
1772
+ },
1773
+ "AnimatePresence": {
1774
+ "mode": [
1775
+ "popLayout"
1776
+ ]
1777
+ },
1778
+ "SpringMotionConfig": {
1779
+ "layoutSpeed": [
1780
+ "3"
1781
+ ]
1782
+ },
1783
+ "MotionSlot": {
1784
+ "initial": [
1785
+ "icon"
1786
+ ],
1787
+ "whileHover": [
1788
+ "hover"
1789
+ ],
1790
+ "whileTap": [
1791
+ "pressed"
1792
+ ]
1793
+ }
1794
+ },
1795
+ "propToVariantKeys": {},
1796
+ "runtimeConfigDefaultProps": {},
1797
+ "runtimeConfigGetStyles": {},
1798
+ "runtimeConfigInternalComponentProps": {},
1799
+ "motionVarPrefixes": [
1800
+ "--uds-motion-subtle-3-",
1801
+ "--uds-motion-smooth-3-"
1802
+ ],
1803
+ "factoryTarget": null
1804
+ },
1805
+ "UDSIconButtonConfigProvider": {
1806
+ "name": "UDSIconButtonConfigProvider",
1807
+ "defaultProps": {},
1808
+ "getStylesLiterals": {},
1809
+ "cxLiterals": [],
1810
+ "internalComponents": [
1811
+ "IconButtonContext.Provider"
1812
+ ],
1813
+ "internalComponentProps": {},
1814
+ "propToVariantKeys": {},
1815
+ "runtimeConfigDefaultProps": {},
1816
+ "runtimeConfigGetStyles": {},
1817
+ "runtimeConfigInternalComponentProps": {},
1818
+ "motionVarPrefixes": [],
1819
+ "factoryTarget": null
1820
+ },
1710
1821
  "UDSInputConfigProvider": {
1711
1822
  "name": "UDSInputConfigProvider",
1712
1823
  "defaultProps": {},
@@ -1917,117 +2028,6 @@
1917
2028
  "motionVarPrefixes": [],
1918
2029
  "factoryTarget": null
1919
2030
  },
1920
- "IconButtonBase": {
1921
- "name": "IconButtonBase",
1922
- "defaultProps": {
1923
- "type": "button"
1924
- },
1925
- "getStylesLiterals": {},
1926
- "cxLiterals": [
1927
- "uds-ring",
1928
- "uds-hit-target",
1929
- "inline-flex",
1930
- "overflow-hidden",
1931
- "justify-center",
1932
- "items-center",
1933
- "[transform-origin:center]",
1934
- "[backface-visibility:hidden]",
1935
- "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
1936
- "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
1937
- "[transition-duration:220ms]",
1938
- "cursor-not-allowed",
1939
- "uds-button-loading",
1940
- "uds-button-without-effects",
1941
- "animate-spin"
1942
- ],
1943
- "internalComponents": [],
1944
- "internalComponentProps": {},
1945
- "propToVariantKeys": {
1946
- "size": [
1947
- "iconbuttonSizeRoot",
1948
- "iconbuttonSizeIcon"
1949
- ],
1950
- "variant": [
1951
- "buttonVariantRoot",
1952
- "buttonVariantIcon"
1953
- ]
1954
- },
1955
- "runtimeConfigDefaultProps": {
1956
- "size": "iconButton.defaultSize"
1957
- },
1958
- "runtimeConfigGetStyles": {},
1959
- "runtimeConfigInternalComponentProps": {},
1960
- "motionVarPrefixes": [],
1961
- "factoryTarget": null
1962
- },
1963
- "IconButton": {
1964
- "name": "IconButton",
1965
- "defaultProps": {},
1966
- "getStylesLiterals": {},
1967
- "cxLiterals": [],
1968
- "internalComponents": [
1969
- "IconButtonBase",
1970
- "Icon",
1971
- "AnimatePresence",
1972
- "SpringMotionConfig",
1973
- "MotionSlot",
1974
- "IconButtonProps",
1975
- "Slot"
1976
- ],
1977
- "internalComponentProps": {
1978
- "Icon": {
1979
- "color": [
1980
- "current"
1981
- ]
1982
- },
1983
- "AnimatePresence": {
1984
- "mode": [
1985
- "popLayout"
1986
- ]
1987
- },
1988
- "SpringMotionConfig": {
1989
- "layoutSpeed": [
1990
- "3"
1991
- ]
1992
- },
1993
- "MotionSlot": {
1994
- "initial": [
1995
- "icon"
1996
- ],
1997
- "whileHover": [
1998
- "hover"
1999
- ],
2000
- "whileTap": [
2001
- "pressed"
2002
- ]
2003
- }
2004
- },
2005
- "propToVariantKeys": {},
2006
- "runtimeConfigDefaultProps": {},
2007
- "runtimeConfigGetStyles": {},
2008
- "runtimeConfigInternalComponentProps": {},
2009
- "motionVarPrefixes": [
2010
- "--uds-motion-subtle-3-",
2011
- "--uds-motion-smooth-3-"
2012
- ],
2013
- "factoryTarget": null
2014
- },
2015
- "UDSIconButtonConfigProvider": {
2016
- "name": "UDSIconButtonConfigProvider",
2017
- "defaultProps": {},
2018
- "getStylesLiterals": {},
2019
- "cxLiterals": [],
2020
- "internalComponents": [
2021
- "IconButtonContext.Provider"
2022
- ],
2023
- "internalComponentProps": {},
2024
- "propToVariantKeys": {},
2025
- "runtimeConfigDefaultProps": {},
2026
- "runtimeConfigGetStyles": {},
2027
- "runtimeConfigInternalComponentProps": {},
2028
- "motionVarPrefixes": [],
2029
- "factoryTarget": null
2030
- },
2031
2031
  "PopoverContext": {
2032
2032
  "name": "PopoverContext",
2033
2033
  "defaultProps": {},