@yahoo/uds 3.127.0 → 3.127.1

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.
@@ -416,74 +416,6 @@ var DividerInternal = {
416
416
  "runtimeConfigInternalComponentProps": {},
417
417
  "motionVarPrefixes": []
418
418
  };
419
- var Spinner = {
420
- "name": "Spinner",
421
- "defaultProps": {
422
- "color": "primary",
423
- "size": "lg"
424
- },
425
- "getStylesLiterals": {},
426
- "cxLiterals": [
427
- "self-center",
428
- "relative",
429
- "sr-only"
430
- ],
431
- "internalComponents": ["Icon"],
432
- "internalComponentProps": { "Icon": {
433
- "role": ["img"],
434
- "className": ["animate-spin"],
435
- "aria-hidden": ["true"]
436
- } },
437
- "propToVariantKeys": {},
438
- "runtimeConfigDefaultProps": {},
439
- "runtimeConfigGetStyles": {},
440
- "runtimeConfigInternalComponentProps": {},
441
- "motionVarPrefixes": []
442
- };
443
- var Table_mocks = {
444
- "name": "Table.mocks",
445
- "defaultProps": {},
446
- "getStylesLiterals": {},
447
- "cxLiterals": [],
448
- "internalComponents": [],
449
- "internalComponentProps": {},
450
- "propToVariantKeys": {},
451
- "runtimeConfigDefaultProps": {},
452
- "runtimeConfigGetStyles": {},
453
- "runtimeConfigInternalComponentProps": {},
454
- "motionVarPrefixes": []
455
- };
456
- var Table = {
457
- "name": "Table",
458
- "defaultProps": {
459
- "display": "table-cell",
460
- "overflow": "hidden",
461
- "borderColor": "muted",
462
- "borderRadius": "md",
463
- "spacing": "3",
464
- "borderBottomColor": "muted",
465
- "borderBottomWidth": "thin",
466
- "color": "primary"
467
- },
468
- "getStylesLiterals": { "textAlign": "start" },
469
- "cxLiterals": [],
470
- "internalComponents": [
471
- "CellComponent",
472
- "Box",
473
- "Text",
474
- "Table.Root",
475
- "Table.Header",
476
- "Table.Row",
477
- "Table.Cell",
478
- "Table.Body"
479
- ],
480
- "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
481
- "propToVariantKeys": {},
482
- "runtimeConfigDefaultProps": {},
483
- "runtimeConfigGetStyles": {},
484
- "runtimeConfigInternalComponentProps": {},
485
- "motionVarPrefixes": []
486
- };
487
419
  var AnimateHeightChange = {
488
420
  "name": "AnimateHeightChange",
489
421
  "defaultProps": {},
@@ -821,59 +753,32 @@ var Switch = {
821
753
  "runtimeConfigInternalComponentProps": {},
822
754
  "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
823
755
  };
824
- var Accordion = {
825
- "name": "Accordion",
756
+ var Spinner = {
757
+ "name": "Spinner",
826
758
  "defaultProps": {
827
- "spacingHorizontal": "4",
828
- "spacingVertical": "4"
759
+ "color": "primary",
760
+ "size": "lg"
829
761
  },
830
762
  "getStylesLiterals": {},
831
- "cxLiterals": ["hover:bg-secondary/80", "w-full"],
832
- "internalComponents": [
833
- "Icon",
834
- "SpringMotionConfig",
835
- "Pressable",
836
- "Text",
837
- "HStack",
838
- "AnimatePresence",
839
- "VStack"
763
+ "cxLiterals": [
764
+ "self-center",
765
+ "relative",
766
+ "sr-only"
840
767
  ],
841
- "internalComponentProps": {
842
- "Icon": {
843
- "variant": ["fill"],
844
- "size": ["sm"],
845
- "color": ["primary"]
846
- },
847
- "SpringMotionConfig": {
848
- "layoutVariant": ["smooth"],
849
- "layoutSpeed": ["3"]
850
- },
851
- "Pressable": {
852
- "display": ["flex"],
853
- "flexDirection": ["row"],
854
- "alignItems": ["center"],
855
- "justifyContent": ["space-between"],
856
- "borderRadius": ["md"]
857
- },
858
- "Text": {
859
- "variant": ["title4"],
860
- "color": ["primary"]
861
- },
862
- "HStack": {
863
- "display": ["flex"],
864
- "alignItems": ["center"],
865
- "justifyContent": ["space-between"],
866
- "columnGap": ["2.5"]
867
- }
868
- },
768
+ "internalComponents": ["Icon"],
769
+ "internalComponentProps": { "Icon": {
770
+ "role": ["img"],
771
+ "className": ["animate-spin"],
772
+ "aria-hidden": ["true"]
773
+ } },
869
774
  "propToVariantKeys": {},
870
775
  "runtimeConfigDefaultProps": {},
871
776
  "runtimeConfigGetStyles": {},
872
777
  "runtimeConfigInternalComponentProps": {},
873
- "motionVarPrefixes": ["--uds-motion-smooth-3-"]
778
+ "motionVarPrefixes": []
874
779
  };
875
- var AvoidMotionLibraryProvider = {
876
- "name": "AvoidMotionLibraryProvider",
780
+ var Table_mocks = {
781
+ "name": "Table.mocks",
877
782
  "defaultProps": {},
878
783
  "getStylesLiterals": {},
879
784
  "cxLiterals": [],
@@ -885,251 +790,66 @@ var AvoidMotionLibraryProvider = {
885
790
  "runtimeConfigInternalComponentProps": {},
886
791
  "motionVarPrefixes": []
887
792
  };
888
- var Modal = {
889
- "name": "Modal",
890
- "defaultProps": {},
891
- "getStylesLiterals": {},
892
- "cxLiterals": [
893
- "inset-8",
894
- "top-[250px]",
895
- "z-50",
896
- "mx-auto",
897
- "h-fit",
898
- "w-[600px]",
899
- "origin-center",
900
- "scale-95",
901
- "opacity-0",
902
- "transition",
903
- "duration-150",
904
- "data-[enter]:scale-100",
905
- "data-[enter]:opacity-100",
906
- "data-[enter]:bg-primary",
907
- "backdrop-blur-0",
908
- "data-[enter]:opacity-60",
909
- "data-[enter]:backdrop-blur-sm"
910
- ],
793
+ var Table = {
794
+ "name": "Table",
795
+ "defaultProps": {
796
+ "display": "table-cell",
797
+ "overflow": "hidden",
798
+ "borderColor": "muted",
799
+ "borderRadius": "md",
800
+ "spacing": "3",
801
+ "borderBottomColor": "muted",
802
+ "borderBottomWidth": "thin",
803
+ "color": "primary"
804
+ },
805
+ "getStylesLiterals": { "textAlign": "start" },
806
+ "cxLiterals": [],
911
807
  "internalComponents": [
912
- "IconButton",
913
- "Dialog",
914
- "HStack",
808
+ "CellComponent",
809
+ "Box",
915
810
  "Text",
916
- "VStack"
811
+ "Table.Root",
812
+ "Table.Header",
813
+ "Table.Row",
814
+ "Table.Cell",
815
+ "Table.Body"
917
816
  ],
918
- "internalComponentProps": {
919
- "IconButton": {
920
- "aria-label": ["Close"],
921
- "size": ["sm"],
922
- "variant": ["tertiary"]
923
- },
924
- "HStack": {
925
- "alignItems": ["center"],
926
- "justifyContent": ["space-between"]
927
- },
928
- "Text": {
929
- "variant": ["headline1"],
930
- "color": ["primary"]
931
- },
932
- "VStack": {
933
- "borderRadius": ["md"],
934
- "position": ["fixed"],
935
- "backgroundColor": ["primary"],
936
- "dropShadow": ["md"],
937
- "spacing": ["8"],
938
- "overflow": ["hidden"]
939
- }
940
- },
941
- "propToVariantKeys": { "handleClose": ["onClick"] },
817
+ "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
818
+ "propToVariantKeys": {},
942
819
  "runtimeConfigDefaultProps": {},
943
820
  "runtimeConfigGetStyles": {},
944
821
  "runtimeConfigInternalComponentProps": {},
945
822
  "motionVarPrefixes": []
946
823
  };
947
- var SegmentedControl = {
948
- "name": "SegmentedControl",
949
- "defaultProps": { "textVariant": "label2" },
950
- "getStylesLiterals": {
951
- "display": "flex",
952
- "alignItems": "center",
953
- "backgroundColor": "primary",
954
- "spacingVertical": "1",
955
- "spacingHorizontal": "3",
956
- "columnGap": "1.5",
957
- "borderWidth": "thin",
958
- "borderRadius": "full",
959
- "borderColor": "muted",
960
- "borderColor:1": "transparent",
961
- "color": "primary",
962
- "color:1": "tertiary",
963
- "color:2": "muted"
824
+ var Avatar = {
825
+ "name": "Avatar",
826
+ "defaultProps": {},
827
+ "getStylesLiterals": {},
828
+ "cxLiterals": [],
829
+ "internalComponents": ["AvatarImage"],
830
+ "internalComponentProps": {},
831
+ "propToVariantKeys": {},
832
+ "runtimeConfigDefaultProps": {},
833
+ "runtimeConfigGetStyles": {},
834
+ "runtimeConfigInternalComponentProps": {},
835
+ "motionVarPrefixes": []
836
+ };
837
+ var AvatarIcon = {
838
+ "name": "AvatarIcon",
839
+ "defaultProps": {
840
+ "size": "md",
841
+ "variant": "primary"
964
842
  },
843
+ "getStylesLiterals": {},
965
844
  "cxLiterals": [
966
- "uds-ring",
967
- "cursor-not-allowed",
968
- "opacity-50",
969
- "pointer-events-none",
970
- "hover:bg-primary"
971
- ],
972
- "internalComponents": [
973
- "TextVariant",
974
- "Radio",
975
- "Icon",
976
- "RadioProvider",
977
- "HStack",
978
- "RadioGroup",
979
- "Pressable",
980
- "Text"
981
- ],
982
- "internalComponentProps": {
983
- "Icon": {
984
- "size": ["sm"],
985
- "color": ["current"],
986
- "aria-hidden": ["true"]
987
- },
988
- "HStack": {
989
- "spacing": ["1"],
990
- "gap": ["1"],
991
- "backgroundColor": ["secondary"],
992
- "borderRadius": ["full"],
993
- "display": ["inline-flex"]
994
- },
995
- "Text": { "color": ["current"] }
996
- },
997
- "propToVariantKeys": {
998
- "value": ["key"],
999
- "label": ["aria-label"],
1000
- "textVariant": ["variant"]
1001
- },
1002
- "runtimeConfigDefaultProps": {},
1003
- "runtimeConfigGetStyles": {},
1004
- "runtimeConfigInternalComponentProps": {},
1005
- "motionVarPrefixes": []
1006
- };
1007
- var SwitchV2 = {
1008
- "name": "SwitchV2",
1009
- "defaultProps": {
1010
- "labelPosition": "start",
1011
- "size": "md"
1012
- },
1013
- "getStylesLiterals": {
1014
- "switchVariantRoot": "default",
1015
- "switchVariantActiveRoot": "on",
1016
- "switchVariantActiveRoot:1": "off",
1017
- "switchVariantSwitch": "default",
1018
- "switchVariantActiveSwitch": "on",
1019
- "switchVariantActiveSwitch:1": "off",
1020
- "switchVariantActiveHandle": "on",
1021
- "switchVariantActiveHandle:1": "off",
1022
- "switchVariantHandle": "default",
1023
- "switchVariantHandleIcon": "default",
1024
- "switchVariantActiveHandleIcon": "on",
1025
- "switchVariantActiveHandleIcon:1": "off"
1026
- },
1027
- "cxLiterals": [
1028
- "group",
1029
- "flex",
1030
- "items-center",
1031
- "flex-row",
1032
- "flex-row-reverse",
1033
- "uds-ring",
1034
- "uds-ring-within",
1035
- "relative",
1036
- "uds-border-radius-full",
1037
- "transition-[background-color,box-shadow]",
1038
- "pointer-events-none",
1039
- "w-full",
1040
- "h-full",
1041
- "absolute",
1042
- "top-0",
1043
- "bottom-0",
1044
- "right-0",
1045
- "left-0",
1046
- "overflow-hidden",
1047
- "group-hover:scale-105",
1048
- "opacity-95",
1049
- "group-hover:opacity-100",
1050
- "transition-[transform,opacity]",
1051
- "opacity-0",
1052
- "top-1/2",
1053
- "left-1/2",
1054
- "transform",
1055
- "translate-x-[-50%]",
1056
- "translate-y-[-50%]",
1057
- "transition-opacity",
1058
- "cursor-[inherit]",
1059
- "w-[calc(100%+2px)]",
1060
- "h-[calc(100%+2px)]",
1061
- "text-start",
1062
- "text-end",
1063
- "opacity-100"
1064
- ],
1065
- "internalComponents": [
1066
- "IconSlot",
1067
- "Box",
1068
- "FormLabel",
1069
- "SpringMotionConfig",
1070
- "RootElement",
1071
- "MotionBox"
1072
- ],
1073
- "internalComponentProps": {
1074
- "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
1075
- "FormLabel": {
1076
- "as": ["div"],
1077
- "variant": ["inherit"],
1078
- "color": ["inherit"]
1079
- },
1080
- "SpringMotionConfig": {
1081
- "layoutVariant": ["bouncy"],
1082
- "layoutSpeed": ["4"]
1083
- },
1084
- "RootElement": { "data-testid": ["switch-root"] },
1085
- "MotionBox": { "layout": ["position"] }
1086
- },
1087
- "propToVariantKeys": {
1088
- "size": [
1089
- "switchSizeRoot",
1090
- "switchSizeSwitch",
1091
- "switchSizeHandle",
1092
- "switchSizeHandleIcon"
1093
- ],
1094
- "onIcon": ["icon"],
1095
- "offIcon": ["icon"],
1096
- "reduceMotion": ["reducedMotion"],
1097
- "isOn": ["layoutDependency"]
1098
- },
1099
- "runtimeConfigDefaultProps": {},
1100
- "runtimeConfigGetStyles": {},
1101
- "runtimeConfigInternalComponentProps": {},
1102
- "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
1103
- };
1104
- var Avatar = {
1105
- "name": "Avatar",
1106
- "defaultProps": {},
1107
- "getStylesLiterals": {},
1108
- "cxLiterals": [],
1109
- "internalComponents": ["AvatarImage"],
1110
- "internalComponentProps": {},
1111
- "propToVariantKeys": {},
1112
- "runtimeConfigDefaultProps": {},
1113
- "runtimeConfigGetStyles": {},
1114
- "runtimeConfigInternalComponentProps": {},
1115
- "motionVarPrefixes": []
1116
- };
1117
- var AvatarIcon = {
1118
- "name": "AvatarIcon",
1119
- "defaultProps": {
1120
- "size": "md",
1121
- "variant": "primary"
1122
- },
1123
- "getStylesLiterals": {},
1124
- "cxLiterals": [
1125
- "overflow-hidden",
1126
- "w-full",
1127
- "h-full",
1128
- "shrink-0",
1129
- "text-center",
1130
- "inline-flex",
1131
- "justify-center",
1132
- "items-center"
845
+ "overflow-hidden",
846
+ "w-full",
847
+ "h-full",
848
+ "shrink-0",
849
+ "text-center",
850
+ "inline-flex",
851
+ "justify-center",
852
+ "items-center"
1133
853
  ],
1134
854
  "internalComponents": ["IconSlot", "Box"],
1135
855
  "internalComponentProps": {},
@@ -1393,58 +1113,187 @@ var UDSBottomSheetConfigProvider = {
1393
1113
  "runtimeConfigInternalComponentProps": {},
1394
1114
  "motionVarPrefixes": []
1395
1115
  };
1396
- var Chip = {
1397
- "name": "Chip",
1398
- "defaultProps": {},
1399
- "getStylesLiterals": {},
1400
- "cxLiterals": [],
1401
- "internalComponents": [
1402
- "ChipDismissible",
1403
- "ChipToggle",
1404
- "ChipLink",
1405
- "ChipButton"
1406
- ],
1407
- "internalComponentProps": {},
1408
- "propToVariantKeys": {},
1409
- "runtimeConfigDefaultProps": {},
1410
- "runtimeConfigGetStyles": {},
1411
- "runtimeConfigInternalComponentProps": {},
1412
- "motionVarPrefixes": []
1413
- };
1414
- var ChipBase = {
1415
- "name": "ChipBase",
1116
+ var Input = {
1117
+ "name": "Input",
1416
1118
  "defaultProps": {
1119
+ "type": "text",
1417
1120
  "size": "md",
1418
- "as": "div"
1121
+ "width": "full"
1122
+ },
1123
+ "getStylesLiterals": {
1124
+ "inputVariantRoot": "default",
1125
+ "inputVariantValueRoot": "empty",
1126
+ "inputVariantValueRoot:1": "filled",
1127
+ "inputVariantInputWrapper": "default",
1128
+ "inputVariantValueInputWrapper": "empty",
1129
+ "inputVariantValueInputWrapper:1": "filled",
1130
+ "inputVariantInput": "default",
1131
+ "inputVariantValueInput": "empty",
1132
+ "inputVariantValueInput:1": "filled",
1133
+ "inputVariantInputPlaceholder": "default",
1134
+ "inputVariantValueInputPlaceholder": "empty",
1135
+ "inputVariantValueInputPlaceholder:1": "filled",
1136
+ "inputVariantLabel": "default",
1137
+ "inputVariantValueLabel": "empty",
1138
+ "inputVariantValueLabel:1": "filled",
1139
+ "inputVariantLabelRequired": "default",
1140
+ "inputVariantValueLabelRequired": "empty",
1141
+ "inputVariantValueLabelRequired:1": "filled",
1142
+ "inputVariantStartIcon": "default",
1143
+ "inputVariantValueStartIcon": "empty",
1144
+ "inputVariantValueStartIcon:1": "filled",
1145
+ "inputVariantEndIcon": "default",
1146
+ "inputVariantValueEndIcon": "empty",
1147
+ "inputVariantValueEndIcon:1": "filled"
1419
1148
  },
1420
- "getStylesLiterals": {},
1421
1149
  "cxLiterals": [
1422
- "pointer-events-none",
1423
- "cursor-default",
1424
1150
  "opacity-50",
1425
- "inline-flex",
1426
- "items-center",
1427
- "transition-[background-color,outline-color,box-shadow]",
1428
- "truncate",
1429
- "whitespace-nowrap",
1430
- "text-center",
1431
- "flex-1"
1151
+ "min-w-[200px]",
1152
+ "grow",
1153
+ "uds-hit-target",
1154
+ "bg-clip-text",
1155
+ "focus:outline-none",
1156
+ "cursor-text",
1157
+ "cursor-not-allowed"
1432
1158
  ],
1433
1159
  "internalComponents": [
1434
1160
  "IconSlot",
1161
+ "StartIcon",
1162
+ "EndIcon",
1163
+ "HelpTextContent",
1164
+ "Box",
1165
+ "InputHelpTextInternal",
1166
+ "VStack",
1435
1167
  "HStack",
1436
- "As",
1437
- "Text"
1168
+ "AnimateHeightChange"
1438
1169
  ],
1439
- "internalComponentProps": { "Text": {
1440
- "as": ["span"],
1441
- "color": ["current"],
1442
- "variant": ["inherit"]
1443
- } },
1444
- "propToVariantKeys": {
1445
- "size": ["chipSizeRoot", "chipSizeIcon"],
1446
- "startIcon": ["icon"],
1447
- "endIcon": ["icon"]
1170
+ "internalComponentProps": {
1171
+ "HelpTextContent": { "spacingTop": ["2"] },
1172
+ "Box": {
1173
+ "spacingBottom": ["2"],
1174
+ "columnGap": ["0.5"],
1175
+ "alignItems": ["flex-end", "center"],
1176
+ "position": ["relative"]
1177
+ },
1178
+ "HStack": {
1179
+ "alignItems": ["center"],
1180
+ "gap": ["1"]
1181
+ }
1182
+ },
1183
+ "propToVariantKeys": {
1184
+ "size": [
1185
+ "inputSizeRoot",
1186
+ "inputSizeInputWrapper",
1187
+ "inputSizeInput",
1188
+ "inputSizeLabel",
1189
+ "inputSizeStartIcon",
1190
+ "inputSizeEndIcon"
1191
+ ],
1192
+ "startIcon": ["icon"],
1193
+ "endIcon": ["icon"],
1194
+ "helperTextIcon": ["startIcon"]
1195
+ },
1196
+ "runtimeConfigDefaultProps": {},
1197
+ "runtimeConfigGetStyles": {},
1198
+ "runtimeConfigInternalComponentProps": {},
1199
+ "motionVarPrefixes": []
1200
+ };
1201
+ var InputHelpText = {
1202
+ "name": "InputHelpText",
1203
+ "defaultProps": { "size": "md" },
1204
+ "getStylesLiterals": {
1205
+ "inputVariantRoot": "default",
1206
+ "inputVariantValueRoot": "empty",
1207
+ "inputVariantValueRoot:1": "filled"
1208
+ },
1209
+ "cxLiterals": [],
1210
+ "internalComponents": ["InputHelpTextInternal", "Box"],
1211
+ "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
1212
+ "propToVariantKeys": { "size": ["inputSizeRoot"] },
1213
+ "runtimeConfigDefaultProps": {},
1214
+ "runtimeConfigGetStyles": {},
1215
+ "runtimeConfigInternalComponentProps": {},
1216
+ "motionVarPrefixes": []
1217
+ };
1218
+ var InputHelpTextInternal = {
1219
+ "name": "InputHelpTextInternal",
1220
+ "defaultProps": {},
1221
+ "getStylesLiterals": {
1222
+ "inputVariantHelperText": "default",
1223
+ "inputVariantValueHelperText": "empty",
1224
+ "inputVariantValueHelperText:1": "filled",
1225
+ "inputVariantHelperIcon": "default",
1226
+ "inputVariantValueHelperIcon": "empty",
1227
+ "inputVariantValueHelperIcon:1": "filled"
1228
+ },
1229
+ "cxLiterals": [],
1230
+ "internalComponents": ["IconSlot", "HStack"],
1231
+ "internalComponentProps": { "HStack": {
1232
+ "gap": ["1"],
1233
+ "alignItems": ["center"]
1234
+ } },
1235
+ "propToVariantKeys": {
1236
+ "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
1237
+ "startIcon": ["icon"],
1238
+ "endIcon": ["icon"]
1239
+ },
1240
+ "runtimeConfigDefaultProps": {},
1241
+ "runtimeConfigGetStyles": {},
1242
+ "runtimeConfigInternalComponentProps": {},
1243
+ "motionVarPrefixes": []
1244
+ };
1245
+ var Chip = {
1246
+ "name": "Chip",
1247
+ "defaultProps": {},
1248
+ "getStylesLiterals": {},
1249
+ "cxLiterals": [],
1250
+ "internalComponents": [
1251
+ "ChipDismissible",
1252
+ "ChipToggle",
1253
+ "ChipLink",
1254
+ "ChipButton"
1255
+ ],
1256
+ "internalComponentProps": {},
1257
+ "propToVariantKeys": {},
1258
+ "runtimeConfigDefaultProps": {},
1259
+ "runtimeConfigGetStyles": {},
1260
+ "runtimeConfigInternalComponentProps": {},
1261
+ "motionVarPrefixes": []
1262
+ };
1263
+ var ChipBase = {
1264
+ "name": "ChipBase",
1265
+ "defaultProps": {
1266
+ "size": "md",
1267
+ "as": "div"
1268
+ },
1269
+ "getStylesLiterals": {},
1270
+ "cxLiterals": [
1271
+ "pointer-events-none",
1272
+ "cursor-default",
1273
+ "opacity-50",
1274
+ "inline-flex",
1275
+ "items-center",
1276
+ "transition-[background-color,outline-color,box-shadow]",
1277
+ "truncate",
1278
+ "whitespace-nowrap",
1279
+ "text-center",
1280
+ "flex-1"
1281
+ ],
1282
+ "internalComponents": [
1283
+ "IconSlot",
1284
+ "HStack",
1285
+ "As",
1286
+ "Text"
1287
+ ],
1288
+ "internalComponentProps": { "Text": {
1289
+ "as": ["span"],
1290
+ "color": ["current"],
1291
+ "variant": ["inherit"]
1292
+ } },
1293
+ "propToVariantKeys": {
1294
+ "size": ["chipSizeRoot", "chipSizeIcon"],
1295
+ "startIcon": ["icon"],
1296
+ "endIcon": ["icon"]
1448
1297
  },
1449
1298
  "runtimeConfigDefaultProps": {},
1450
1299
  "runtimeConfigGetStyles": {},
@@ -1737,135 +1586,6 @@ var Menu = {
1737
1586
  "runtimeConfigInternalComponentProps": {},
1738
1587
  "motionVarPrefixes": []
1739
1588
  };
1740
- var Input = {
1741
- "name": "Input",
1742
- "defaultProps": {
1743
- "type": "text",
1744
- "size": "md",
1745
- "width": "full"
1746
- },
1747
- "getStylesLiterals": {
1748
- "inputVariantRoot": "default",
1749
- "inputVariantValueRoot": "empty",
1750
- "inputVariantValueRoot:1": "filled",
1751
- "inputVariantInputWrapper": "default",
1752
- "inputVariantValueInputWrapper": "empty",
1753
- "inputVariantValueInputWrapper:1": "filled",
1754
- "inputVariantInput": "default",
1755
- "inputVariantValueInput": "empty",
1756
- "inputVariantValueInput:1": "filled",
1757
- "inputVariantInputPlaceholder": "default",
1758
- "inputVariantValueInputPlaceholder": "empty",
1759
- "inputVariantValueInputPlaceholder:1": "filled",
1760
- "inputVariantLabel": "default",
1761
- "inputVariantValueLabel": "empty",
1762
- "inputVariantValueLabel:1": "filled",
1763
- "inputVariantLabelRequired": "default",
1764
- "inputVariantValueLabelRequired": "empty",
1765
- "inputVariantValueLabelRequired:1": "filled",
1766
- "inputVariantStartIcon": "default",
1767
- "inputVariantValueStartIcon": "empty",
1768
- "inputVariantValueStartIcon:1": "filled",
1769
- "inputVariantEndIcon": "default",
1770
- "inputVariantValueEndIcon": "empty",
1771
- "inputVariantValueEndIcon:1": "filled"
1772
- },
1773
- "cxLiterals": [
1774
- "opacity-50",
1775
- "min-w-[200px]",
1776
- "grow",
1777
- "uds-hit-target",
1778
- "bg-clip-text",
1779
- "focus:outline-none",
1780
- "cursor-text",
1781
- "cursor-not-allowed"
1782
- ],
1783
- "internalComponents": [
1784
- "IconSlot",
1785
- "StartIcon",
1786
- "EndIcon",
1787
- "HelpTextContent",
1788
- "Box",
1789
- "InputHelpTextInternal",
1790
- "VStack",
1791
- "HStack",
1792
- "AnimateHeightChange"
1793
- ],
1794
- "internalComponentProps": {
1795
- "HelpTextContent": { "spacingTop": ["2"] },
1796
- "Box": {
1797
- "spacingBottom": ["2"],
1798
- "columnGap": ["0.5"],
1799
- "alignItems": ["flex-end", "center"],
1800
- "position": ["relative"]
1801
- },
1802
- "HStack": {
1803
- "alignItems": ["center"],
1804
- "gap": ["1"]
1805
- }
1806
- },
1807
- "propToVariantKeys": {
1808
- "size": [
1809
- "inputSizeRoot",
1810
- "inputSizeInputWrapper",
1811
- "inputSizeInput",
1812
- "inputSizeLabel",
1813
- "inputSizeStartIcon",
1814
- "inputSizeEndIcon"
1815
- ],
1816
- "startIcon": ["icon"],
1817
- "endIcon": ["icon"],
1818
- "helperTextIcon": ["startIcon"]
1819
- },
1820
- "runtimeConfigDefaultProps": {},
1821
- "runtimeConfigGetStyles": {},
1822
- "runtimeConfigInternalComponentProps": {},
1823
- "motionVarPrefixes": []
1824
- };
1825
- var InputHelpText = {
1826
- "name": "InputHelpText",
1827
- "defaultProps": { "size": "md" },
1828
- "getStylesLiterals": {
1829
- "inputVariantRoot": "default",
1830
- "inputVariantValueRoot": "empty",
1831
- "inputVariantValueRoot:1": "filled"
1832
- },
1833
- "cxLiterals": [],
1834
- "internalComponents": ["InputHelpTextInternal", "Box"],
1835
- "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
1836
- "propToVariantKeys": { "size": ["inputSizeRoot"] },
1837
- "runtimeConfigDefaultProps": {},
1838
- "runtimeConfigGetStyles": {},
1839
- "runtimeConfigInternalComponentProps": {},
1840
- "motionVarPrefixes": []
1841
- };
1842
- var InputHelpTextInternal = {
1843
- "name": "InputHelpTextInternal",
1844
- "defaultProps": {},
1845
- "getStylesLiterals": {
1846
- "inputVariantHelperText": "default",
1847
- "inputVariantValueHelperText": "empty",
1848
- "inputVariantValueHelperText:1": "filled",
1849
- "inputVariantHelperIcon": "default",
1850
- "inputVariantValueHelperIcon": "empty",
1851
- "inputVariantValueHelperIcon:1": "filled"
1852
- },
1853
- "cxLiterals": [],
1854
- "internalComponents": ["IconSlot", "HStack"],
1855
- "internalComponentProps": { "HStack": {
1856
- "gap": ["1"],
1857
- "alignItems": ["center"]
1858
- } },
1859
- "propToVariantKeys": {
1860
- "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
1861
- "startIcon": ["icon"],
1862
- "endIcon": ["icon"]
1863
- },
1864
- "runtimeConfigDefaultProps": {},
1865
- "runtimeConfigGetStyles": {},
1866
- "runtimeConfigInternalComponentProps": {},
1867
- "motionVarPrefixes": []
1868
- };
1869
1589
  var Popover = {
1870
1590
  "name": "Popover",
1871
1591
  "defaultProps": {},
@@ -2488,18 +2208,298 @@ var UDSConfigProvider = {
2488
2208
  "runtimeConfigInternalComponentProps": {},
2489
2209
  "motionVarPrefixes": []
2490
2210
  };
2491
- var componentData_default = {
2492
- Box,
2493
- FormLabel,
2494
- HStack,
2495
- Icon,
2496
- IconSlot,
2497
- Image,
2498
- Link,
2499
- Scrim,
2500
- SvgFloatingOverlay,
2501
- Text,
2502
- VStack,
2211
+ var Accordion = {
2212
+ "name": "Accordion",
2213
+ "defaultProps": {
2214
+ "spacingHorizontal": "4",
2215
+ "spacingVertical": "4"
2216
+ },
2217
+ "getStylesLiterals": {},
2218
+ "cxLiterals": ["hover:bg-secondary/80", "w-full"],
2219
+ "internalComponents": [
2220
+ "Icon",
2221
+ "SpringMotionConfig",
2222
+ "Pressable",
2223
+ "Text",
2224
+ "HStack",
2225
+ "AnimatePresence",
2226
+ "VStack"
2227
+ ],
2228
+ "internalComponentProps": {
2229
+ "Icon": {
2230
+ "variant": ["fill"],
2231
+ "size": ["sm"],
2232
+ "color": ["primary"]
2233
+ },
2234
+ "SpringMotionConfig": {
2235
+ "layoutVariant": ["smooth"],
2236
+ "layoutSpeed": ["3"]
2237
+ },
2238
+ "Pressable": {
2239
+ "display": ["flex"],
2240
+ "flexDirection": ["row"],
2241
+ "alignItems": ["center"],
2242
+ "justifyContent": ["space-between"],
2243
+ "borderRadius": ["md"]
2244
+ },
2245
+ "Text": {
2246
+ "variant": ["title4"],
2247
+ "color": ["primary"]
2248
+ },
2249
+ "HStack": {
2250
+ "display": ["flex"],
2251
+ "alignItems": ["center"],
2252
+ "justifyContent": ["space-between"],
2253
+ "columnGap": ["2.5"]
2254
+ }
2255
+ },
2256
+ "propToVariantKeys": {},
2257
+ "runtimeConfigDefaultProps": {},
2258
+ "runtimeConfigGetStyles": {},
2259
+ "runtimeConfigInternalComponentProps": {},
2260
+ "motionVarPrefixes": ["--uds-motion-smooth-3-"]
2261
+ };
2262
+ var AvoidMotionLibraryProvider = {
2263
+ "name": "AvoidMotionLibraryProvider",
2264
+ "defaultProps": {},
2265
+ "getStylesLiterals": {},
2266
+ "cxLiterals": [],
2267
+ "internalComponents": [],
2268
+ "internalComponentProps": {},
2269
+ "propToVariantKeys": {},
2270
+ "runtimeConfigDefaultProps": {},
2271
+ "runtimeConfigGetStyles": {},
2272
+ "runtimeConfigInternalComponentProps": {},
2273
+ "motionVarPrefixes": []
2274
+ };
2275
+ var Modal = {
2276
+ "name": "Modal",
2277
+ "defaultProps": {},
2278
+ "getStylesLiterals": {},
2279
+ "cxLiterals": [
2280
+ "inset-8",
2281
+ "top-[250px]",
2282
+ "z-50",
2283
+ "mx-auto",
2284
+ "h-fit",
2285
+ "w-[600px]",
2286
+ "origin-center",
2287
+ "scale-95",
2288
+ "opacity-0",
2289
+ "transition",
2290
+ "duration-150",
2291
+ "data-[enter]:scale-100",
2292
+ "data-[enter]:opacity-100",
2293
+ "data-[enter]:bg-primary",
2294
+ "backdrop-blur-0",
2295
+ "data-[enter]:opacity-60",
2296
+ "data-[enter]:backdrop-blur-sm"
2297
+ ],
2298
+ "internalComponents": [
2299
+ "IconButton",
2300
+ "Dialog",
2301
+ "HStack",
2302
+ "Text",
2303
+ "VStack"
2304
+ ],
2305
+ "internalComponentProps": {
2306
+ "IconButton": {
2307
+ "aria-label": ["Close"],
2308
+ "size": ["sm"],
2309
+ "variant": ["tertiary"]
2310
+ },
2311
+ "HStack": {
2312
+ "alignItems": ["center"],
2313
+ "justifyContent": ["space-between"]
2314
+ },
2315
+ "Text": {
2316
+ "variant": ["headline1"],
2317
+ "color": ["primary"]
2318
+ },
2319
+ "VStack": {
2320
+ "borderRadius": ["md"],
2321
+ "position": ["fixed"],
2322
+ "backgroundColor": ["primary"],
2323
+ "dropShadow": ["md"],
2324
+ "spacing": ["8"],
2325
+ "overflow": ["hidden"]
2326
+ }
2327
+ },
2328
+ "propToVariantKeys": { "handleClose": ["onClick"] },
2329
+ "runtimeConfigDefaultProps": {},
2330
+ "runtimeConfigGetStyles": {},
2331
+ "runtimeConfigInternalComponentProps": {},
2332
+ "motionVarPrefixes": []
2333
+ };
2334
+ var SegmentedControl = {
2335
+ "name": "SegmentedControl",
2336
+ "defaultProps": { "textVariant": "label2" },
2337
+ "getStylesLiterals": {
2338
+ "display": "flex",
2339
+ "alignItems": "center",
2340
+ "backgroundColor": "primary",
2341
+ "spacingVertical": "1",
2342
+ "spacingHorizontal": "3",
2343
+ "columnGap": "1.5",
2344
+ "borderWidth": "thin",
2345
+ "borderRadius": "full",
2346
+ "borderColor": "muted",
2347
+ "borderColor:1": "transparent",
2348
+ "color": "primary",
2349
+ "color:1": "tertiary",
2350
+ "color:2": "muted"
2351
+ },
2352
+ "cxLiterals": [
2353
+ "uds-ring",
2354
+ "cursor-not-allowed",
2355
+ "opacity-50",
2356
+ "pointer-events-none",
2357
+ "hover:bg-primary"
2358
+ ],
2359
+ "internalComponents": [
2360
+ "TextVariant",
2361
+ "Radio",
2362
+ "Icon",
2363
+ "RadioProvider",
2364
+ "HStack",
2365
+ "RadioGroup",
2366
+ "Pressable",
2367
+ "Text"
2368
+ ],
2369
+ "internalComponentProps": {
2370
+ "Icon": {
2371
+ "size": ["sm"],
2372
+ "color": ["current"],
2373
+ "aria-hidden": ["true"]
2374
+ },
2375
+ "HStack": {
2376
+ "spacing": ["1"],
2377
+ "gap": ["1"],
2378
+ "backgroundColor": ["secondary"],
2379
+ "borderRadius": ["full"],
2380
+ "display": ["inline-flex"]
2381
+ },
2382
+ "Text": { "color": ["current"] }
2383
+ },
2384
+ "propToVariantKeys": {
2385
+ "value": ["key"],
2386
+ "label": ["aria-label"],
2387
+ "textVariant": ["variant"]
2388
+ },
2389
+ "runtimeConfigDefaultProps": {},
2390
+ "runtimeConfigGetStyles": {},
2391
+ "runtimeConfigInternalComponentProps": {},
2392
+ "motionVarPrefixes": []
2393
+ };
2394
+ var SwitchV2 = {
2395
+ "name": "SwitchV2",
2396
+ "defaultProps": {
2397
+ "labelPosition": "start",
2398
+ "size": "md"
2399
+ },
2400
+ "getStylesLiterals": {
2401
+ "switchVariantRoot": "default",
2402
+ "switchVariantActiveRoot": "on",
2403
+ "switchVariantActiveRoot:1": "off",
2404
+ "switchVariantSwitch": "default",
2405
+ "switchVariantActiveSwitch": "on",
2406
+ "switchVariantActiveSwitch:1": "off",
2407
+ "switchVariantActiveHandle": "on",
2408
+ "switchVariantActiveHandle:1": "off",
2409
+ "switchVariantHandle": "default",
2410
+ "switchVariantHandleIcon": "default",
2411
+ "switchVariantActiveHandleIcon": "on",
2412
+ "switchVariantActiveHandleIcon:1": "off"
2413
+ },
2414
+ "cxLiterals": [
2415
+ "group",
2416
+ "flex",
2417
+ "items-center",
2418
+ "flex-row",
2419
+ "flex-row-reverse",
2420
+ "uds-ring",
2421
+ "uds-ring-within",
2422
+ "relative",
2423
+ "uds-border-radius-full",
2424
+ "transition-[background-color,box-shadow]",
2425
+ "pointer-events-none",
2426
+ "w-full",
2427
+ "h-full",
2428
+ "absolute",
2429
+ "top-0",
2430
+ "bottom-0",
2431
+ "right-0",
2432
+ "left-0",
2433
+ "overflow-hidden",
2434
+ "group-hover:scale-105",
2435
+ "opacity-95",
2436
+ "group-hover:opacity-100",
2437
+ "transition-[transform,opacity]",
2438
+ "opacity-0",
2439
+ "top-1/2",
2440
+ "left-1/2",
2441
+ "transform",
2442
+ "translate-x-[-50%]",
2443
+ "translate-y-[-50%]",
2444
+ "transition-opacity",
2445
+ "cursor-[inherit]",
2446
+ "w-[calc(100%+2px)]",
2447
+ "h-[calc(100%+2px)]",
2448
+ "text-start",
2449
+ "text-end",
2450
+ "opacity-100"
2451
+ ],
2452
+ "internalComponents": [
2453
+ "IconSlot",
2454
+ "Box",
2455
+ "FormLabel",
2456
+ "SpringMotionConfig",
2457
+ "RootElement",
2458
+ "MotionBox"
2459
+ ],
2460
+ "internalComponentProps": {
2461
+ "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
2462
+ "FormLabel": {
2463
+ "as": ["div"],
2464
+ "variant": ["inherit"],
2465
+ "color": ["inherit"]
2466
+ },
2467
+ "SpringMotionConfig": {
2468
+ "layoutVariant": ["bouncy"],
2469
+ "layoutSpeed": ["4"]
2470
+ },
2471
+ "RootElement": { "data-testid": ["switch-root"] },
2472
+ "MotionBox": { "layout": ["position"] }
2473
+ },
2474
+ "propToVariantKeys": {
2475
+ "size": [
2476
+ "switchSizeRoot",
2477
+ "switchSizeSwitch",
2478
+ "switchSizeHandle",
2479
+ "switchSizeHandleIcon"
2480
+ ],
2481
+ "onIcon": ["icon"],
2482
+ "offIcon": ["icon"],
2483
+ "reduceMotion": ["reducedMotion"],
2484
+ "isOn": ["layoutDependency"]
2485
+ },
2486
+ "runtimeConfigDefaultProps": {},
2487
+ "runtimeConfigGetStyles": {},
2488
+ "runtimeConfigInternalComponentProps": {},
2489
+ "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
2490
+ };
2491
+ var componentData_default = {
2492
+ Box,
2493
+ FormLabel,
2494
+ HStack,
2495
+ Icon,
2496
+ IconSlot,
2497
+ Image,
2498
+ Link,
2499
+ Scrim,
2500
+ SvgFloatingOverlay,
2501
+ Text,
2502
+ VStack,
2503
2503
  Banner,
2504
2504
  BannerContent,
2505
2505
  BannerDescription,
@@ -2507,9 +2507,6 @@ var componentData_default = {
2507
2507
  Divider,
2508
2508
  DividerCore,
2509
2509
  DividerInternal,
2510
- Spinner,
2511
- "Table.mocks": Table_mocks,
2512
- Table,
2513
2510
  AnimateHeightChange,
2514
2511
  Badge,
2515
2512
  Button,
@@ -2518,11 +2515,9 @@ var componentData_default = {
2518
2515
  Pressable,
2519
2516
  SpringMotionConfig,
2520
2517
  Switch,
2521
- Accordion,
2522
- AvoidMotionLibraryProvider,
2523
- Modal,
2524
- SegmentedControl,
2525
- SwitchV2,
2518
+ Spinner,
2519
+ "Table.mocks": Table_mocks,
2520
+ Table,
2526
2521
  Avatar,
2527
2522
  AvatarIcon,
2528
2523
  AvatarImage,
@@ -2536,6 +2531,9 @@ var componentData_default = {
2536
2531
  BottomSheetProvider,
2537
2532
  BottomSheetTrigger,
2538
2533
  UDSBottomSheetConfigProvider,
2534
+ Input,
2535
+ InputHelpText,
2536
+ InputHelpTextInternal,
2539
2537
  Chip,
2540
2538
  ChipBase,
2541
2539
  ChipButton,
@@ -2551,9 +2549,6 @@ var componentData_default = {
2551
2549
  "Menu.Trigger": Menu_Trigger,
2552
2550
  "Menu.index": Menu_index,
2553
2551
  Menu,
2554
- Input,
2555
- InputHelpText,
2556
- InputHelpTextInternal,
2557
2552
  Popover,
2558
2553
  PopoverContent,
2559
2554
  PopoverContext,
@@ -2575,7 +2570,12 @@ var componentData_default = {
2575
2570
  TooltipTrigger,
2576
2571
  UDSTooltipConfigProvider,
2577
2572
  UDSBreakpointsConfigProvider,
2578
- UDSConfigProvider
2573
+ UDSConfigProvider,
2574
+ Accordion,
2575
+ AvoidMotionLibraryProvider,
2576
+ Modal,
2577
+ SegmentedControl,
2578
+ SwitchV2
2579
2579
  };
2580
2580
 
2581
2581
  //#endregion