@yahoo/uds 3.133.0-beta.2 → 3.133.0-beta.3
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.
- package/dist/cli/runner.cjs +40 -0
- package/dist/cli/runner.js +40 -0
- package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +1 -1
- package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
- package/dist/styles/styler.d.cts +31 -31
- package/dist/styles/styler.d.ts +31 -31
- package/dist/uds/generated/componentData.cjs +610 -610
- package/dist/uds/generated/componentData.js +610 -610
- package/generated/componentData.json +802 -802
- package/package.json +1 -1
|
@@ -519,6 +519,74 @@ var DividerInternal = {
|
|
|
519
519
|
"runtimeConfigInternalComponentProps": {},
|
|
520
520
|
"motionVarPrefixes": []
|
|
521
521
|
};
|
|
522
|
+
var Spinner = {
|
|
523
|
+
"name": "Spinner",
|
|
524
|
+
"defaultProps": {
|
|
525
|
+
"color": "primary",
|
|
526
|
+
"size": "lg"
|
|
527
|
+
},
|
|
528
|
+
"getStylesLiterals": {},
|
|
529
|
+
"cxLiterals": [
|
|
530
|
+
"self-center",
|
|
531
|
+
"relative",
|
|
532
|
+
"sr-only"
|
|
533
|
+
],
|
|
534
|
+
"internalComponents": ["Icon"],
|
|
535
|
+
"internalComponentProps": { "Icon": {
|
|
536
|
+
"role": ["img"],
|
|
537
|
+
"className": ["animate-spin"],
|
|
538
|
+
"aria-hidden": ["true"]
|
|
539
|
+
} },
|
|
540
|
+
"propToVariantKeys": {},
|
|
541
|
+
"runtimeConfigDefaultProps": {},
|
|
542
|
+
"runtimeConfigGetStyles": {},
|
|
543
|
+
"runtimeConfigInternalComponentProps": {},
|
|
544
|
+
"motionVarPrefixes": []
|
|
545
|
+
};
|
|
546
|
+
var Table_mocks = {
|
|
547
|
+
"name": "Table.mocks",
|
|
548
|
+
"defaultProps": {},
|
|
549
|
+
"getStylesLiterals": {},
|
|
550
|
+
"cxLiterals": [],
|
|
551
|
+
"internalComponents": [],
|
|
552
|
+
"internalComponentProps": {},
|
|
553
|
+
"propToVariantKeys": {},
|
|
554
|
+
"runtimeConfigDefaultProps": {},
|
|
555
|
+
"runtimeConfigGetStyles": {},
|
|
556
|
+
"runtimeConfigInternalComponentProps": {},
|
|
557
|
+
"motionVarPrefixes": []
|
|
558
|
+
};
|
|
559
|
+
var Table = {
|
|
560
|
+
"name": "Table",
|
|
561
|
+
"defaultProps": {
|
|
562
|
+
"display": "table-cell",
|
|
563
|
+
"overflow": "hidden",
|
|
564
|
+
"borderColor": "muted",
|
|
565
|
+
"borderRadius": "md",
|
|
566
|
+
"spacing": "3",
|
|
567
|
+
"borderBottomColor": "muted",
|
|
568
|
+
"borderBottomWidth": "thin",
|
|
569
|
+
"color": "primary"
|
|
570
|
+
},
|
|
571
|
+
"getStylesLiterals": { "textAlign": "start" },
|
|
572
|
+
"cxLiterals": [],
|
|
573
|
+
"internalComponents": [
|
|
574
|
+
"CellComponent",
|
|
575
|
+
"Box",
|
|
576
|
+
"Text",
|
|
577
|
+
"Table.Root",
|
|
578
|
+
"Table.Header",
|
|
579
|
+
"Table.Row",
|
|
580
|
+
"Table.Cell",
|
|
581
|
+
"Table.Body"
|
|
582
|
+
],
|
|
583
|
+
"internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
|
|
584
|
+
"propToVariantKeys": {},
|
|
585
|
+
"runtimeConfigDefaultProps": {},
|
|
586
|
+
"runtimeConfigGetStyles": {},
|
|
587
|
+
"runtimeConfigInternalComponentProps": {},
|
|
588
|
+
"motionVarPrefixes": []
|
|
589
|
+
};
|
|
522
590
|
var AnimateHeightChange = {
|
|
523
591
|
"name": "AnimateHeightChange",
|
|
524
592
|
"defaultProps": {},
|
|
@@ -856,84 +924,63 @@ var Switch = {
|
|
|
856
924
|
"runtimeConfigInternalComponentProps": {},
|
|
857
925
|
"motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
|
|
858
926
|
};
|
|
859
|
-
var
|
|
860
|
-
"name": "
|
|
927
|
+
var Accordion = {
|
|
928
|
+
"name": "Accordion",
|
|
861
929
|
"defaultProps": {
|
|
862
|
-
"
|
|
863
|
-
"
|
|
930
|
+
"spacingHorizontal": "4",
|
|
931
|
+
"spacingVertical": "4"
|
|
864
932
|
},
|
|
865
933
|
"getStylesLiterals": {},
|
|
866
|
-
"cxLiterals": [
|
|
867
|
-
"self-center",
|
|
868
|
-
"relative",
|
|
869
|
-
"sr-only"
|
|
870
|
-
],
|
|
871
|
-
"internalComponents": ["Icon"],
|
|
872
|
-
"internalComponentProps": { "Icon": {
|
|
873
|
-
"role": ["img"],
|
|
874
|
-
"className": ["animate-spin"],
|
|
875
|
-
"aria-hidden": ["true"]
|
|
876
|
-
} },
|
|
877
|
-
"propToVariantKeys": {},
|
|
878
|
-
"runtimeConfigDefaultProps": {},
|
|
879
|
-
"runtimeConfigGetStyles": {},
|
|
880
|
-
"runtimeConfigInternalComponentProps": {},
|
|
881
|
-
"motionVarPrefixes": []
|
|
882
|
-
};
|
|
883
|
-
var Table_mocks = {
|
|
884
|
-
"name": "Table.mocks",
|
|
885
|
-
"defaultProps": {},
|
|
886
|
-
"getStylesLiterals": {},
|
|
887
|
-
"cxLiterals": [],
|
|
888
|
-
"internalComponents": [],
|
|
889
|
-
"internalComponentProps": {},
|
|
890
|
-
"propToVariantKeys": {},
|
|
891
|
-
"runtimeConfigDefaultProps": {},
|
|
892
|
-
"runtimeConfigGetStyles": {},
|
|
893
|
-
"runtimeConfigInternalComponentProps": {},
|
|
894
|
-
"motionVarPrefixes": []
|
|
895
|
-
};
|
|
896
|
-
var Table = {
|
|
897
|
-
"name": "Table",
|
|
898
|
-
"defaultProps": {
|
|
899
|
-
"display": "table-cell",
|
|
900
|
-
"overflow": "hidden",
|
|
901
|
-
"borderColor": "muted",
|
|
902
|
-
"borderRadius": "md",
|
|
903
|
-
"spacing": "3",
|
|
904
|
-
"borderBottomColor": "muted",
|
|
905
|
-
"borderBottomWidth": "thin",
|
|
906
|
-
"color": "primary"
|
|
907
|
-
},
|
|
908
|
-
"getStylesLiterals": { "textAlign": "start" },
|
|
909
|
-
"cxLiterals": [],
|
|
934
|
+
"cxLiterals": ["hover:bg-secondary/80", "w-full"],
|
|
910
935
|
"internalComponents": [
|
|
911
|
-
"
|
|
912
|
-
"
|
|
936
|
+
"Icon",
|
|
937
|
+
"SpringMotionConfig",
|
|
938
|
+
"Pressable",
|
|
913
939
|
"Text",
|
|
914
|
-
"
|
|
915
|
-
"
|
|
916
|
-
"
|
|
917
|
-
"Table.Cell",
|
|
918
|
-
"Table.Body"
|
|
940
|
+
"HStack",
|
|
941
|
+
"AnimatePresence",
|
|
942
|
+
"VStack"
|
|
919
943
|
],
|
|
920
|
-
"internalComponentProps": {
|
|
944
|
+
"internalComponentProps": {
|
|
945
|
+
"Icon": {
|
|
946
|
+
"variant": ["fill"],
|
|
947
|
+
"size": ["sm"],
|
|
948
|
+
"color": ["primary"]
|
|
949
|
+
},
|
|
950
|
+
"SpringMotionConfig": {
|
|
951
|
+
"layoutVariant": ["smooth"],
|
|
952
|
+
"layoutSpeed": ["3"]
|
|
953
|
+
},
|
|
954
|
+
"Pressable": {
|
|
955
|
+
"display": ["flex"],
|
|
956
|
+
"flexDirection": ["row"],
|
|
957
|
+
"alignItems": ["center"],
|
|
958
|
+
"justifyContent": ["space-between"],
|
|
959
|
+
"borderRadius": ["md"]
|
|
960
|
+
},
|
|
961
|
+
"Text": {
|
|
962
|
+
"variant": ["title4"],
|
|
963
|
+
"color": ["primary"]
|
|
964
|
+
},
|
|
965
|
+
"HStack": {
|
|
966
|
+
"display": ["flex"],
|
|
967
|
+
"alignItems": ["center"],
|
|
968
|
+
"justifyContent": ["space-between"],
|
|
969
|
+
"columnGap": ["2.5"]
|
|
970
|
+
}
|
|
971
|
+
},
|
|
921
972
|
"propToVariantKeys": {},
|
|
922
973
|
"runtimeConfigDefaultProps": {},
|
|
923
974
|
"runtimeConfigGetStyles": {},
|
|
924
975
|
"runtimeConfigInternalComponentProps": {},
|
|
925
|
-
"motionVarPrefixes": []
|
|
976
|
+
"motionVarPrefixes": ["--uds-motion-smooth-3-"]
|
|
926
977
|
};
|
|
927
|
-
var
|
|
928
|
-
"name": "
|
|
978
|
+
var AvoidMotionLibraryProvider = {
|
|
979
|
+
"name": "AvoidMotionLibraryProvider",
|
|
929
980
|
"defaultProps": {},
|
|
930
981
|
"getStylesLiterals": {},
|
|
931
982
|
"cxLiterals": [],
|
|
932
|
-
"internalComponents": [
|
|
933
|
-
"AvatarImageNoFallback",
|
|
934
|
-
"AvatarText",
|
|
935
|
-
"AvatarIcon"
|
|
936
|
-
],
|
|
983
|
+
"internalComponents": [],
|
|
937
984
|
"internalComponentProps": {},
|
|
938
985
|
"propToVariantKeys": {},
|
|
939
986
|
"runtimeConfigDefaultProps": {},
|
|
@@ -941,58 +988,291 @@ var AvatarImage = {
|
|
|
941
988
|
"runtimeConfigInternalComponentProps": {},
|
|
942
989
|
"motionVarPrefixes": []
|
|
943
990
|
};
|
|
944
|
-
var
|
|
945
|
-
"name": "
|
|
946
|
-
"defaultProps": {
|
|
991
|
+
var Modal = {
|
|
992
|
+
"name": "Modal",
|
|
993
|
+
"defaultProps": {},
|
|
947
994
|
"getStylesLiterals": {},
|
|
948
995
|
"cxLiterals": [
|
|
949
|
-
"
|
|
950
|
-
"
|
|
951
|
-
"inset-x-0",
|
|
952
|
-
"bottom-0",
|
|
996
|
+
"inset-8",
|
|
997
|
+
"top-[250px]",
|
|
953
998
|
"z-50",
|
|
954
|
-
"
|
|
955
|
-
"
|
|
956
|
-
"[
|
|
957
|
-
"
|
|
958
|
-
"
|
|
959
|
-
"
|
|
960
|
-
"
|
|
961
|
-
"
|
|
962
|
-
"
|
|
963
|
-
"
|
|
964
|
-
"
|
|
999
|
+
"mx-auto",
|
|
1000
|
+
"h-fit",
|
|
1001
|
+
"w-[600px]",
|
|
1002
|
+
"origin-center",
|
|
1003
|
+
"scale-95",
|
|
1004
|
+
"opacity-0",
|
|
1005
|
+
"transition",
|
|
1006
|
+
"duration-150",
|
|
1007
|
+
"data-[enter]:scale-100",
|
|
1008
|
+
"data-[enter]:opacity-100",
|
|
1009
|
+
"data-[enter]:bg-primary",
|
|
1010
|
+
"backdrop-blur-0",
|
|
1011
|
+
"data-[enter]:opacity-60",
|
|
1012
|
+
"data-[enter]:backdrop-blur-sm"
|
|
965
1013
|
],
|
|
966
1014
|
"internalComponents": [
|
|
967
|
-
"
|
|
968
|
-
"BottomSheetHandle",
|
|
1015
|
+
"IconButton",
|
|
969
1016
|
"Dialog",
|
|
970
|
-
"
|
|
971
|
-
"
|
|
1017
|
+
"HStack",
|
|
1018
|
+
"Text",
|
|
1019
|
+
"VStack"
|
|
972
1020
|
],
|
|
973
1021
|
"internalComponentProps": {
|
|
974
|
-
"
|
|
975
|
-
|
|
976
|
-
|
|
977
|
-
"
|
|
978
|
-
|
|
979
|
-
|
|
980
|
-
"
|
|
1022
|
+
"IconButton": {
|
|
1023
|
+
"aria-label": ["Close"],
|
|
1024
|
+
"size": ["sm"],
|
|
1025
|
+
"variant": ["tertiary"]
|
|
1026
|
+
},
|
|
1027
|
+
"HStack": {
|
|
1028
|
+
"alignItems": ["center"],
|
|
1029
|
+
"justifyContent": ["space-between"]
|
|
1030
|
+
},
|
|
1031
|
+
"Text": {
|
|
1032
|
+
"variant": ["headline1"],
|
|
1033
|
+
"color": ["primary"]
|
|
1034
|
+
},
|
|
1035
|
+
"VStack": {
|
|
1036
|
+
"borderRadius": ["md"],
|
|
1037
|
+
"position": ["fixed"],
|
|
1038
|
+
"backgroundColor": ["primary"],
|
|
1039
|
+
"dropShadow": ["md"],
|
|
1040
|
+
"spacing": ["8"],
|
|
1041
|
+
"overflow": ["hidden"]
|
|
981
1042
|
}
|
|
982
1043
|
},
|
|
983
|
-
"propToVariantKeys": { "
|
|
1044
|
+
"propToVariantKeys": { "handleClose": ["onClick"] },
|
|
984
1045
|
"runtimeConfigDefaultProps": {},
|
|
985
1046
|
"runtimeConfigGetStyles": {},
|
|
986
1047
|
"runtimeConfigInternalComponentProps": {},
|
|
987
1048
|
"motionVarPrefixes": []
|
|
988
1049
|
};
|
|
989
|
-
var
|
|
990
|
-
"name": "
|
|
991
|
-
"defaultProps": {},
|
|
992
|
-
"getStylesLiterals": {
|
|
993
|
-
|
|
994
|
-
|
|
995
|
-
|
|
1050
|
+
var SegmentedControl = {
|
|
1051
|
+
"name": "SegmentedControl",
|
|
1052
|
+
"defaultProps": { "textVariant": "label2" },
|
|
1053
|
+
"getStylesLiterals": {
|
|
1054
|
+
"display": "flex",
|
|
1055
|
+
"alignItems": "center",
|
|
1056
|
+
"backgroundColor": "primary",
|
|
1057
|
+
"spacingVertical": "1",
|
|
1058
|
+
"spacingHorizontal": "3",
|
|
1059
|
+
"columnGap": "1.5",
|
|
1060
|
+
"borderWidth": "thin",
|
|
1061
|
+
"borderRadius": "full",
|
|
1062
|
+
"borderColor": "muted",
|
|
1063
|
+
"borderColor:1": "transparent",
|
|
1064
|
+
"color": "primary",
|
|
1065
|
+
"color:1": "tertiary",
|
|
1066
|
+
"color:2": "muted"
|
|
1067
|
+
},
|
|
1068
|
+
"cxLiterals": [
|
|
1069
|
+
"uds-ring",
|
|
1070
|
+
"cursor-not-allowed",
|
|
1071
|
+
"opacity-50",
|
|
1072
|
+
"pointer-events-none",
|
|
1073
|
+
"hover:bg-primary"
|
|
1074
|
+
],
|
|
1075
|
+
"internalComponents": [
|
|
1076
|
+
"TextVariant",
|
|
1077
|
+
"Radio",
|
|
1078
|
+
"Icon",
|
|
1079
|
+
"RadioProvider",
|
|
1080
|
+
"HStack",
|
|
1081
|
+
"RadioGroup",
|
|
1082
|
+
"Pressable",
|
|
1083
|
+
"Text"
|
|
1084
|
+
],
|
|
1085
|
+
"internalComponentProps": {
|
|
1086
|
+
"Icon": {
|
|
1087
|
+
"size": ["sm"],
|
|
1088
|
+
"color": ["current"],
|
|
1089
|
+
"aria-hidden": ["true"]
|
|
1090
|
+
},
|
|
1091
|
+
"HStack": {
|
|
1092
|
+
"spacing": ["1"],
|
|
1093
|
+
"gap": ["1"],
|
|
1094
|
+
"backgroundColor": ["secondary"],
|
|
1095
|
+
"borderRadius": ["full"],
|
|
1096
|
+
"display": ["inline-flex"]
|
|
1097
|
+
},
|
|
1098
|
+
"Text": { "color": ["current"] }
|
|
1099
|
+
},
|
|
1100
|
+
"propToVariantKeys": {
|
|
1101
|
+
"value": ["key"],
|
|
1102
|
+
"label": ["aria-label"],
|
|
1103
|
+
"textVariant": ["variant"]
|
|
1104
|
+
},
|
|
1105
|
+
"runtimeConfigDefaultProps": {},
|
|
1106
|
+
"runtimeConfigGetStyles": {},
|
|
1107
|
+
"runtimeConfigInternalComponentProps": {},
|
|
1108
|
+
"motionVarPrefixes": []
|
|
1109
|
+
};
|
|
1110
|
+
var SwitchV2 = {
|
|
1111
|
+
"name": "SwitchV2",
|
|
1112
|
+
"defaultProps": {
|
|
1113
|
+
"labelPosition": "start",
|
|
1114
|
+
"size": "md"
|
|
1115
|
+
},
|
|
1116
|
+
"getStylesLiterals": {
|
|
1117
|
+
"switchVariantRoot": "default",
|
|
1118
|
+
"switchVariantActiveRoot": "on",
|
|
1119
|
+
"switchVariantActiveRoot:1": "off",
|
|
1120
|
+
"switchVariantSwitch": "default",
|
|
1121
|
+
"switchVariantActiveSwitch": "on",
|
|
1122
|
+
"switchVariantActiveSwitch:1": "off",
|
|
1123
|
+
"switchVariantActiveHandle": "on",
|
|
1124
|
+
"switchVariantActiveHandle:1": "off",
|
|
1125
|
+
"switchVariantHandle": "default",
|
|
1126
|
+
"switchVariantHandleIcon": "default",
|
|
1127
|
+
"switchVariantActiveHandleIcon": "on",
|
|
1128
|
+
"switchVariantActiveHandleIcon:1": "off"
|
|
1129
|
+
},
|
|
1130
|
+
"cxLiterals": [
|
|
1131
|
+
"group",
|
|
1132
|
+
"flex",
|
|
1133
|
+
"items-center",
|
|
1134
|
+
"flex-row",
|
|
1135
|
+
"flex-row-reverse",
|
|
1136
|
+
"uds-ring",
|
|
1137
|
+
"uds-ring-within",
|
|
1138
|
+
"relative",
|
|
1139
|
+
"uds-border-radius-full",
|
|
1140
|
+
"transition-[background-color,box-shadow]",
|
|
1141
|
+
"pointer-events-none",
|
|
1142
|
+
"w-full",
|
|
1143
|
+
"h-full",
|
|
1144
|
+
"absolute",
|
|
1145
|
+
"top-0",
|
|
1146
|
+
"bottom-0",
|
|
1147
|
+
"right-0",
|
|
1148
|
+
"left-0",
|
|
1149
|
+
"overflow-hidden",
|
|
1150
|
+
"group-hover:scale-105",
|
|
1151
|
+
"opacity-95",
|
|
1152
|
+
"group-hover:opacity-100",
|
|
1153
|
+
"transition-[transform,opacity]",
|
|
1154
|
+
"opacity-0",
|
|
1155
|
+
"top-1/2",
|
|
1156
|
+
"left-1/2",
|
|
1157
|
+
"transform",
|
|
1158
|
+
"translate-x-[-50%]",
|
|
1159
|
+
"translate-y-[-50%]",
|
|
1160
|
+
"transition-opacity",
|
|
1161
|
+
"cursor-[inherit]",
|
|
1162
|
+
"w-[calc(100%+2px)]",
|
|
1163
|
+
"h-[calc(100%+2px)]",
|
|
1164
|
+
"text-start",
|
|
1165
|
+
"text-end",
|
|
1166
|
+
"opacity-100"
|
|
1167
|
+
],
|
|
1168
|
+
"internalComponents": [
|
|
1169
|
+
"IconSlot",
|
|
1170
|
+
"Box",
|
|
1171
|
+
"FormLabel",
|
|
1172
|
+
"SpringMotionConfig",
|
|
1173
|
+
"RootElement",
|
|
1174
|
+
"MotionBox"
|
|
1175
|
+
],
|
|
1176
|
+
"internalComponentProps": {
|
|
1177
|
+
"IconSlot": { "data-testid": ["on-icon", "off-icon"] },
|
|
1178
|
+
"FormLabel": {
|
|
1179
|
+
"as": ["div"],
|
|
1180
|
+
"variant": ["inherit"],
|
|
1181
|
+
"color": ["inherit"]
|
|
1182
|
+
},
|
|
1183
|
+
"SpringMotionConfig": {
|
|
1184
|
+
"layoutVariant": ["bouncy"],
|
|
1185
|
+
"layoutSpeed": ["4"]
|
|
1186
|
+
},
|
|
1187
|
+
"RootElement": { "data-testid": ["switch-root"] },
|
|
1188
|
+
"MotionBox": { "layout": ["position"] }
|
|
1189
|
+
},
|
|
1190
|
+
"propToVariantKeys": {
|
|
1191
|
+
"size": [
|
|
1192
|
+
"switchSizeRoot",
|
|
1193
|
+
"switchSizeSwitch",
|
|
1194
|
+
"switchSizeHandle",
|
|
1195
|
+
"switchSizeHandleIcon"
|
|
1196
|
+
],
|
|
1197
|
+
"onIcon": ["icon"],
|
|
1198
|
+
"offIcon": ["icon"],
|
|
1199
|
+
"reduceMotion": ["reducedMotion"],
|
|
1200
|
+
"isOn": ["layoutDependency"]
|
|
1201
|
+
},
|
|
1202
|
+
"runtimeConfigDefaultProps": {},
|
|
1203
|
+
"runtimeConfigGetStyles": {},
|
|
1204
|
+
"runtimeConfigInternalComponentProps": {},
|
|
1205
|
+
"motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
|
|
1206
|
+
};
|
|
1207
|
+
var AvatarImage = {
|
|
1208
|
+
"name": "AvatarImage",
|
|
1209
|
+
"defaultProps": {},
|
|
1210
|
+
"getStylesLiterals": {},
|
|
1211
|
+
"cxLiterals": [],
|
|
1212
|
+
"internalComponents": [
|
|
1213
|
+
"AvatarImageNoFallback",
|
|
1214
|
+
"AvatarText",
|
|
1215
|
+
"AvatarIcon"
|
|
1216
|
+
],
|
|
1217
|
+
"internalComponentProps": {},
|
|
1218
|
+
"propToVariantKeys": {},
|
|
1219
|
+
"runtimeConfigDefaultProps": {},
|
|
1220
|
+
"runtimeConfigGetStyles": {},
|
|
1221
|
+
"runtimeConfigInternalComponentProps": {},
|
|
1222
|
+
"motionVarPrefixes": []
|
|
1223
|
+
};
|
|
1224
|
+
var BottomSheet = {
|
|
1225
|
+
"name": "BottomSheet",
|
|
1226
|
+
"defaultProps": { "variant": "default" },
|
|
1227
|
+
"getStylesLiterals": {},
|
|
1228
|
+
"cxLiterals": [
|
|
1229
|
+
"fixed",
|
|
1230
|
+
"overflow-hidden",
|
|
1231
|
+
"inset-x-0",
|
|
1232
|
+
"bottom-0",
|
|
1233
|
+
"z-50",
|
|
1234
|
+
"[will-change:transform]",
|
|
1235
|
+
"touch-none",
|
|
1236
|
+
"[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
|
|
1237
|
+
"data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
|
|
1238
|
+
"transition-transform",
|
|
1239
|
+
"duration-500",
|
|
1240
|
+
"ease-[cubic-bezier(0.32,0.72,0,1)]",
|
|
1241
|
+
"motion-reduce:transition-none",
|
|
1242
|
+
"top-[-4px]",
|
|
1243
|
+
"z-[1]",
|
|
1244
|
+
"touch-pan-y"
|
|
1245
|
+
],
|
|
1246
|
+
"internalComponents": [
|
|
1247
|
+
"Scrim",
|
|
1248
|
+
"BottomSheetHandle",
|
|
1249
|
+
"Dialog",
|
|
1250
|
+
"Box",
|
|
1251
|
+
"BottomSheetInternalContext.Provider"
|
|
1252
|
+
],
|
|
1253
|
+
"internalComponentProps": {
|
|
1254
|
+
"BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
|
|
1255
|
+
"Dialog": { "data-testid": ["bottom-sheet"] },
|
|
1256
|
+
"Box": {
|
|
1257
|
+
"display": ["block", "flex"],
|
|
1258
|
+
"position": ["absolute"],
|
|
1259
|
+
"flexDirection": ["column"],
|
|
1260
|
+
"className": ["absolute inset-0 min-h-0 p-[inherit]"]
|
|
1261
|
+
}
|
|
1262
|
+
},
|
|
1263
|
+
"propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
|
|
1264
|
+
"runtimeConfigDefaultProps": {},
|
|
1265
|
+
"runtimeConfigGetStyles": {},
|
|
1266
|
+
"runtimeConfigInternalComponentProps": {},
|
|
1267
|
+
"motionVarPrefixes": []
|
|
1268
|
+
};
|
|
1269
|
+
var BottomSheetContent = {
|
|
1270
|
+
"name": "BottomSheetContent",
|
|
1271
|
+
"defaultProps": {},
|
|
1272
|
+
"getStylesLiterals": {},
|
|
1273
|
+
"cxLiterals": ["min-h-0", "touch-pan-y"],
|
|
1274
|
+
"internalComponents": ["Box", "VStack"],
|
|
1275
|
+
"internalComponentProps": {
|
|
996
1276
|
"Box": {
|
|
997
1277
|
"display": ["block"],
|
|
998
1278
|
"flex": ["1"]
|
|
@@ -1260,33 +1540,163 @@ var ChipToggle = {
|
|
|
1260
1540
|
"runtimeConfigInternalComponentProps": {},
|
|
1261
1541
|
"motionVarPrefixes": []
|
|
1262
1542
|
};
|
|
1263
|
-
var
|
|
1264
|
-
"name": "
|
|
1543
|
+
var Input = {
|
|
1544
|
+
"name": "Input",
|
|
1265
1545
|
"defaultProps": {
|
|
1266
|
-
"
|
|
1267
|
-
"
|
|
1268
|
-
"
|
|
1546
|
+
"type": "text",
|
|
1547
|
+
"size": "md",
|
|
1548
|
+
"width": "full"
|
|
1269
1549
|
},
|
|
1270
|
-
"getStylesLiterals": {
|
|
1271
|
-
|
|
1272
|
-
"
|
|
1273
|
-
"
|
|
1274
|
-
"
|
|
1275
|
-
"
|
|
1276
|
-
"
|
|
1277
|
-
"
|
|
1278
|
-
"
|
|
1279
|
-
"
|
|
1280
|
-
"
|
|
1281
|
-
"
|
|
1282
|
-
"
|
|
1283
|
-
|
|
1284
|
-
|
|
1285
|
-
"
|
|
1286
|
-
"
|
|
1287
|
-
"
|
|
1288
|
-
|
|
1289
|
-
|
|
1550
|
+
"getStylesLiterals": {
|
|
1551
|
+
"inputVariantRoot": "default",
|
|
1552
|
+
"inputVariantValueRoot": "empty",
|
|
1553
|
+
"inputVariantValueRoot:1": "filled",
|
|
1554
|
+
"inputVariantInputWrapper": "default",
|
|
1555
|
+
"inputVariantValueInputWrapper": "empty",
|
|
1556
|
+
"inputVariantValueInputWrapper:1": "filled",
|
|
1557
|
+
"inputVariantInput": "default",
|
|
1558
|
+
"inputVariantValueInput": "empty",
|
|
1559
|
+
"inputVariantValueInput:1": "filled",
|
|
1560
|
+
"inputVariantInputPlaceholder": "default",
|
|
1561
|
+
"inputVariantValueInputPlaceholder": "empty",
|
|
1562
|
+
"inputVariantValueInputPlaceholder:1": "filled",
|
|
1563
|
+
"inputVariantLabel": "default",
|
|
1564
|
+
"inputVariantValueLabel": "empty",
|
|
1565
|
+
"inputVariantValueLabel:1": "filled",
|
|
1566
|
+
"inputVariantLabelRequired": "default",
|
|
1567
|
+
"inputVariantValueLabelRequired": "empty",
|
|
1568
|
+
"inputVariantValueLabelRequired:1": "filled",
|
|
1569
|
+
"inputVariantStartIcon": "default",
|
|
1570
|
+
"inputVariantValueStartIcon": "empty",
|
|
1571
|
+
"inputVariantValueStartIcon:1": "filled",
|
|
1572
|
+
"inputVariantEndIcon": "default",
|
|
1573
|
+
"inputVariantValueEndIcon": "empty",
|
|
1574
|
+
"inputVariantValueEndIcon:1": "filled"
|
|
1575
|
+
},
|
|
1576
|
+
"cxLiterals": [
|
|
1577
|
+
"opacity-50",
|
|
1578
|
+
"min-w-[200px]",
|
|
1579
|
+
"grow",
|
|
1580
|
+
"uds-hit-target",
|
|
1581
|
+
"bg-clip-text",
|
|
1582
|
+
"focus:outline-none",
|
|
1583
|
+
"cursor-text",
|
|
1584
|
+
"cursor-not-allowed"
|
|
1585
|
+
],
|
|
1586
|
+
"internalComponents": [
|
|
1587
|
+
"IconSlot",
|
|
1588
|
+
"StartIcon",
|
|
1589
|
+
"EndIcon",
|
|
1590
|
+
"HelpTextContent",
|
|
1591
|
+
"Box",
|
|
1592
|
+
"InputHelpTextInternal",
|
|
1593
|
+
"VStack",
|
|
1594
|
+
"HStack",
|
|
1595
|
+
"AnimateHeightChange"
|
|
1596
|
+
],
|
|
1597
|
+
"internalComponentProps": {
|
|
1598
|
+
"HelpTextContent": { "spacingTop": ["2"] },
|
|
1599
|
+
"Box": {
|
|
1600
|
+
"spacingBottom": ["2"],
|
|
1601
|
+
"columnGap": ["0.5"],
|
|
1602
|
+
"alignItems": ["flex-end", "center"],
|
|
1603
|
+
"position": ["relative"]
|
|
1604
|
+
},
|
|
1605
|
+
"HStack": {
|
|
1606
|
+
"alignItems": ["center"],
|
|
1607
|
+
"gap": ["1"]
|
|
1608
|
+
}
|
|
1609
|
+
},
|
|
1610
|
+
"propToVariantKeys": {
|
|
1611
|
+
"size": [
|
|
1612
|
+
"inputSizeRoot",
|
|
1613
|
+
"inputSizeInputWrapper",
|
|
1614
|
+
"inputSizeInput",
|
|
1615
|
+
"inputSizeLabel",
|
|
1616
|
+
"inputSizeStartIcon",
|
|
1617
|
+
"inputSizeEndIcon"
|
|
1618
|
+
],
|
|
1619
|
+
"startIcon": ["icon"],
|
|
1620
|
+
"endIcon": ["icon"],
|
|
1621
|
+
"slotProps": ["helperTextSlotProps"],
|
|
1622
|
+
"helperTextIcon": ["startIcon"]
|
|
1623
|
+
},
|
|
1624
|
+
"runtimeConfigDefaultProps": {},
|
|
1625
|
+
"runtimeConfigGetStyles": {},
|
|
1626
|
+
"runtimeConfigInternalComponentProps": {},
|
|
1627
|
+
"motionVarPrefixes": []
|
|
1628
|
+
};
|
|
1629
|
+
var InputHelpText = {
|
|
1630
|
+
"name": "InputHelpText",
|
|
1631
|
+
"defaultProps": { "size": "md" },
|
|
1632
|
+
"getStylesLiterals": {
|
|
1633
|
+
"inputVariantRoot": "default",
|
|
1634
|
+
"inputVariantValueRoot": "empty",
|
|
1635
|
+
"inputVariantValueRoot:1": "filled"
|
|
1636
|
+
},
|
|
1637
|
+
"cxLiterals": [],
|
|
1638
|
+
"internalComponents": ["InputHelpTextInternal", "Box"],
|
|
1639
|
+
"internalComponentProps": { "Box": { "spacingTop": ["2"] } },
|
|
1640
|
+
"propToVariantKeys": { "size": ["inputSizeRoot"] },
|
|
1641
|
+
"runtimeConfigDefaultProps": {},
|
|
1642
|
+
"runtimeConfigGetStyles": {},
|
|
1643
|
+
"runtimeConfigInternalComponentProps": {},
|
|
1644
|
+
"motionVarPrefixes": []
|
|
1645
|
+
};
|
|
1646
|
+
var InputHelpTextInternal = {
|
|
1647
|
+
"name": "InputHelpTextInternal",
|
|
1648
|
+
"defaultProps": {},
|
|
1649
|
+
"getStylesLiterals": {
|
|
1650
|
+
"inputVariantHelperText": "default",
|
|
1651
|
+
"inputVariantValueHelperText": "empty",
|
|
1652
|
+
"inputVariantValueHelperText:1": "filled",
|
|
1653
|
+
"inputVariantHelperIcon": "default",
|
|
1654
|
+
"inputVariantValueHelperIcon": "empty",
|
|
1655
|
+
"inputVariantValueHelperIcon:1": "filled"
|
|
1656
|
+
},
|
|
1657
|
+
"cxLiterals": [],
|
|
1658
|
+
"internalComponents": ["IconSlot", "HStack"],
|
|
1659
|
+
"internalComponentProps": { "HStack": {
|
|
1660
|
+
"gap": ["1"],
|
|
1661
|
+
"alignItems": ["center"]
|
|
1662
|
+
} },
|
|
1663
|
+
"propToVariantKeys": {
|
|
1664
|
+
"size": ["inputSizeHelperText", "inputSizeHelperIcon"],
|
|
1665
|
+
"startIcon": ["icon"],
|
|
1666
|
+
"endIcon": ["icon"]
|
|
1667
|
+
},
|
|
1668
|
+
"runtimeConfigDefaultProps": {},
|
|
1669
|
+
"runtimeConfigGetStyles": {},
|
|
1670
|
+
"runtimeConfigInternalComponentProps": {},
|
|
1671
|
+
"motionVarPrefixes": []
|
|
1672
|
+
};
|
|
1673
|
+
var Menu_Content = {
|
|
1674
|
+
"name": "Menu.Content",
|
|
1675
|
+
"defaultProps": {
|
|
1676
|
+
"size": "default",
|
|
1677
|
+
"variant": "default",
|
|
1678
|
+
"gutter": "1"
|
|
1679
|
+
},
|
|
1680
|
+
"getStylesLiterals": {},
|
|
1681
|
+
"cxLiterals": [
|
|
1682
|
+
"uds-menu-content",
|
|
1683
|
+
"transition-shadow",
|
|
1684
|
+
"duration-200",
|
|
1685
|
+
"ease-in-out",
|
|
1686
|
+
"min-w-60",
|
|
1687
|
+
"max-w-lg",
|
|
1688
|
+
"max-h-96",
|
|
1689
|
+
"overflow-auto",
|
|
1690
|
+
"uds-ring",
|
|
1691
|
+
"z-10",
|
|
1692
|
+
"group"
|
|
1693
|
+
],
|
|
1694
|
+
"internalComponents": [
|
|
1695
|
+
"AriakitMenu",
|
|
1696
|
+
"AnimatePresence",
|
|
1697
|
+
"MotionVStack"
|
|
1698
|
+
],
|
|
1699
|
+
"internalComponentProps": {},
|
|
1290
1700
|
"propToVariantKeys": {
|
|
1291
1701
|
"size": ["menucontentSizeRoot"],
|
|
1292
1702
|
"variant": ["menucontentVariantRoot"]
|
|
@@ -1478,205 +1888,75 @@ var Menu = {
|
|
|
1478
1888
|
"runtimeConfigInternalComponentProps": {},
|
|
1479
1889
|
"motionVarPrefixes": []
|
|
1480
1890
|
};
|
|
1481
|
-
var
|
|
1482
|
-
"name": "
|
|
1483
|
-
"defaultProps": {
|
|
1484
|
-
|
|
1485
|
-
|
|
1486
|
-
|
|
1891
|
+
var Popover = {
|
|
1892
|
+
"name": "Popover",
|
|
1893
|
+
"defaultProps": {},
|
|
1894
|
+
"getStylesLiterals": {},
|
|
1895
|
+
"cxLiterals": [],
|
|
1896
|
+
"internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
|
|
1897
|
+
"internalComponentProps": {},
|
|
1898
|
+
"propToVariantKeys": {},
|
|
1899
|
+
"runtimeConfigDefaultProps": {
|
|
1900
|
+
"size": "popover.defaultSize",
|
|
1901
|
+
"variant": "popover.defaultVariant"
|
|
1487
1902
|
},
|
|
1903
|
+
"runtimeConfigGetStyles": {},
|
|
1904
|
+
"runtimeConfigInternalComponentProps": {},
|
|
1905
|
+
"motionVarPrefixes": []
|
|
1906
|
+
};
|
|
1907
|
+
var PopoverContent = {
|
|
1908
|
+
"name": "PopoverContent",
|
|
1909
|
+
"defaultProps": {},
|
|
1488
1910
|
"getStylesLiterals": {
|
|
1489
|
-
"
|
|
1490
|
-
"
|
|
1491
|
-
"
|
|
1492
|
-
"
|
|
1493
|
-
"
|
|
1494
|
-
"
|
|
1495
|
-
"
|
|
1496
|
-
"
|
|
1497
|
-
"
|
|
1498
|
-
"
|
|
1499
|
-
"
|
|
1500
|
-
"
|
|
1501
|
-
"
|
|
1502
|
-
"
|
|
1503
|
-
"
|
|
1504
|
-
"
|
|
1505
|
-
"
|
|
1506
|
-
"
|
|
1507
|
-
"
|
|
1508
|
-
"
|
|
1509
|
-
"
|
|
1510
|
-
"
|
|
1511
|
-
"
|
|
1512
|
-
"inputVariantValueEndIcon:1": "filled"
|
|
1911
|
+
"popoverSizeRoot": "default",
|
|
1912
|
+
"popoverVariantRoot": "default",
|
|
1913
|
+
"display": "flex",
|
|
1914
|
+
"position": "relative",
|
|
1915
|
+
"display:1": "block",
|
|
1916
|
+
"spacingTop": "0",
|
|
1917
|
+
"spacingStart": "0",
|
|
1918
|
+
"spacingBottom": "0",
|
|
1919
|
+
"spacingEnd": "0",
|
|
1920
|
+
"popoverSizeSvgBase": "default",
|
|
1921
|
+
"popoverVariantSvgBase": "default",
|
|
1922
|
+
"popoverSizeSvgBorder": "default",
|
|
1923
|
+
"popoverVariantSvgBorder": "default",
|
|
1924
|
+
"popoverVariantBlur": "default",
|
|
1925
|
+
"position:1": "absolute",
|
|
1926
|
+
"width": "full",
|
|
1927
|
+
"height": "full",
|
|
1928
|
+
"flexShrink": "0",
|
|
1929
|
+
"borderRadius": "full",
|
|
1930
|
+
"alignItems": "center",
|
|
1931
|
+
"justifyContent": "center",
|
|
1932
|
+
"popoverVariantCloseIcon": "default",
|
|
1933
|
+
"popoverSizeCloseIcon": "default"
|
|
1513
1934
|
},
|
|
1514
1935
|
"cxLiterals": [
|
|
1515
|
-
"
|
|
1516
|
-
"
|
|
1517
|
-
"
|
|
1518
|
-
"uds-
|
|
1519
|
-
"
|
|
1520
|
-
"
|
|
1521
|
-
"
|
|
1522
|
-
"
|
|
1936
|
+
"z-[9999]",
|
|
1937
|
+
"outline-none",
|
|
1938
|
+
"focus-visible:outline-none",
|
|
1939
|
+
"uds-bgBlurFillFallback",
|
|
1940
|
+
"uds-bgBlurFallback",
|
|
1941
|
+
"top-0",
|
|
1942
|
+
"left-0",
|
|
1943
|
+
"z-[1]",
|
|
1944
|
+
"duration-0",
|
|
1945
|
+
"duration-120",
|
|
1946
|
+
"transition-[background-color]",
|
|
1947
|
+
"bg-carbon-15/0",
|
|
1948
|
+
"hover:bg-carbon-15/10",
|
|
1949
|
+
"active:bg-carbon-15/15",
|
|
1950
|
+
"uds-ring",
|
|
1951
|
+
"absolute",
|
|
1952
|
+
"z-[4]"
|
|
1523
1953
|
],
|
|
1524
1954
|
"internalComponents": [
|
|
1955
|
+
"PopoverDismiss",
|
|
1525
1956
|
"IconSlot",
|
|
1526
|
-
"
|
|
1527
|
-
"
|
|
1528
|
-
"
|
|
1529
|
-
"Box",
|
|
1530
|
-
"InputHelpTextInternal",
|
|
1531
|
-
"VStack",
|
|
1532
|
-
"HStack",
|
|
1533
|
-
"AnimateHeightChange"
|
|
1534
|
-
],
|
|
1535
|
-
"internalComponentProps": {
|
|
1536
|
-
"HelpTextContent": { "spacingTop": ["2"] },
|
|
1537
|
-
"Box": {
|
|
1538
|
-
"spacingBottom": ["2"],
|
|
1539
|
-
"columnGap": ["0.5"],
|
|
1540
|
-
"alignItems": ["flex-end", "center"],
|
|
1541
|
-
"position": ["relative"]
|
|
1542
|
-
},
|
|
1543
|
-
"HStack": {
|
|
1544
|
-
"alignItems": ["center"],
|
|
1545
|
-
"gap": ["1"]
|
|
1546
|
-
}
|
|
1547
|
-
},
|
|
1548
|
-
"propToVariantKeys": {
|
|
1549
|
-
"size": [
|
|
1550
|
-
"inputSizeRoot",
|
|
1551
|
-
"inputSizeInputWrapper",
|
|
1552
|
-
"inputSizeInput",
|
|
1553
|
-
"inputSizeLabel",
|
|
1554
|
-
"inputSizeStartIcon",
|
|
1555
|
-
"inputSizeEndIcon"
|
|
1556
|
-
],
|
|
1557
|
-
"startIcon": ["icon"],
|
|
1558
|
-
"endIcon": ["icon"],
|
|
1559
|
-
"slotProps": ["helperTextSlotProps"],
|
|
1560
|
-
"helperTextIcon": ["startIcon"]
|
|
1561
|
-
},
|
|
1562
|
-
"runtimeConfigDefaultProps": {},
|
|
1563
|
-
"runtimeConfigGetStyles": {},
|
|
1564
|
-
"runtimeConfigInternalComponentProps": {},
|
|
1565
|
-
"motionVarPrefixes": []
|
|
1566
|
-
};
|
|
1567
|
-
var InputHelpText = {
|
|
1568
|
-
"name": "InputHelpText",
|
|
1569
|
-
"defaultProps": { "size": "md" },
|
|
1570
|
-
"getStylesLiterals": {
|
|
1571
|
-
"inputVariantRoot": "default",
|
|
1572
|
-
"inputVariantValueRoot": "empty",
|
|
1573
|
-
"inputVariantValueRoot:1": "filled"
|
|
1574
|
-
},
|
|
1575
|
-
"cxLiterals": [],
|
|
1576
|
-
"internalComponents": ["InputHelpTextInternal", "Box"],
|
|
1577
|
-
"internalComponentProps": { "Box": { "spacingTop": ["2"] } },
|
|
1578
|
-
"propToVariantKeys": { "size": ["inputSizeRoot"] },
|
|
1579
|
-
"runtimeConfigDefaultProps": {},
|
|
1580
|
-
"runtimeConfigGetStyles": {},
|
|
1581
|
-
"runtimeConfigInternalComponentProps": {},
|
|
1582
|
-
"motionVarPrefixes": []
|
|
1583
|
-
};
|
|
1584
|
-
var InputHelpTextInternal = {
|
|
1585
|
-
"name": "InputHelpTextInternal",
|
|
1586
|
-
"defaultProps": {},
|
|
1587
|
-
"getStylesLiterals": {
|
|
1588
|
-
"inputVariantHelperText": "default",
|
|
1589
|
-
"inputVariantValueHelperText": "empty",
|
|
1590
|
-
"inputVariantValueHelperText:1": "filled",
|
|
1591
|
-
"inputVariantHelperIcon": "default",
|
|
1592
|
-
"inputVariantValueHelperIcon": "empty",
|
|
1593
|
-
"inputVariantValueHelperIcon:1": "filled"
|
|
1594
|
-
},
|
|
1595
|
-
"cxLiterals": [],
|
|
1596
|
-
"internalComponents": ["IconSlot", "HStack"],
|
|
1597
|
-
"internalComponentProps": { "HStack": {
|
|
1598
|
-
"gap": ["1"],
|
|
1599
|
-
"alignItems": ["center"]
|
|
1600
|
-
} },
|
|
1601
|
-
"propToVariantKeys": {
|
|
1602
|
-
"size": ["inputSizeHelperText", "inputSizeHelperIcon"],
|
|
1603
|
-
"startIcon": ["icon"],
|
|
1604
|
-
"endIcon": ["icon"]
|
|
1605
|
-
},
|
|
1606
|
-
"runtimeConfigDefaultProps": {},
|
|
1607
|
-
"runtimeConfigGetStyles": {},
|
|
1608
|
-
"runtimeConfigInternalComponentProps": {},
|
|
1609
|
-
"motionVarPrefixes": []
|
|
1610
|
-
};
|
|
1611
|
-
var Popover = {
|
|
1612
|
-
"name": "Popover",
|
|
1613
|
-
"defaultProps": {},
|
|
1614
|
-
"getStylesLiterals": {},
|
|
1615
|
-
"cxLiterals": [],
|
|
1616
|
-
"internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
|
|
1617
|
-
"internalComponentProps": {},
|
|
1618
|
-
"propToVariantKeys": {},
|
|
1619
|
-
"runtimeConfigDefaultProps": {
|
|
1620
|
-
"size": "popover.defaultSize",
|
|
1621
|
-
"variant": "popover.defaultVariant"
|
|
1622
|
-
},
|
|
1623
|
-
"runtimeConfigGetStyles": {},
|
|
1624
|
-
"runtimeConfigInternalComponentProps": {},
|
|
1625
|
-
"motionVarPrefixes": []
|
|
1626
|
-
};
|
|
1627
|
-
var PopoverContent = {
|
|
1628
|
-
"name": "PopoverContent",
|
|
1629
|
-
"defaultProps": {},
|
|
1630
|
-
"getStylesLiterals": {
|
|
1631
|
-
"popoverSizeRoot": "default",
|
|
1632
|
-
"popoverVariantRoot": "default",
|
|
1633
|
-
"display": "flex",
|
|
1634
|
-
"position": "relative",
|
|
1635
|
-
"display:1": "block",
|
|
1636
|
-
"spacingTop": "0",
|
|
1637
|
-
"spacingStart": "0",
|
|
1638
|
-
"spacingBottom": "0",
|
|
1639
|
-
"spacingEnd": "0",
|
|
1640
|
-
"popoverSizeSvgBase": "default",
|
|
1641
|
-
"popoverVariantSvgBase": "default",
|
|
1642
|
-
"popoverSizeSvgBorder": "default",
|
|
1643
|
-
"popoverVariantSvgBorder": "default",
|
|
1644
|
-
"popoverVariantBlur": "default",
|
|
1645
|
-
"position:1": "absolute",
|
|
1646
|
-
"width": "full",
|
|
1647
|
-
"height": "full",
|
|
1648
|
-
"flexShrink": "0",
|
|
1649
|
-
"borderRadius": "full",
|
|
1650
|
-
"alignItems": "center",
|
|
1651
|
-
"justifyContent": "center",
|
|
1652
|
-
"popoverVariantCloseIcon": "default",
|
|
1653
|
-
"popoverSizeCloseIcon": "default"
|
|
1654
|
-
},
|
|
1655
|
-
"cxLiterals": [
|
|
1656
|
-
"z-[9999]",
|
|
1657
|
-
"outline-none",
|
|
1658
|
-
"focus-visible:outline-none",
|
|
1659
|
-
"uds-bgBlurFillFallback",
|
|
1660
|
-
"uds-bgBlurFallback",
|
|
1661
|
-
"top-0",
|
|
1662
|
-
"left-0",
|
|
1663
|
-
"z-[1]",
|
|
1664
|
-
"duration-0",
|
|
1665
|
-
"duration-120",
|
|
1666
|
-
"transition-[background-color]",
|
|
1667
|
-
"bg-carbon-15/0",
|
|
1668
|
-
"hover:bg-carbon-15/10",
|
|
1669
|
-
"active:bg-carbon-15/15",
|
|
1670
|
-
"uds-ring",
|
|
1671
|
-
"absolute",
|
|
1672
|
-
"z-[4]"
|
|
1673
|
-
],
|
|
1674
|
-
"internalComponents": [
|
|
1675
|
-
"PopoverDismiss",
|
|
1676
|
-
"IconSlot",
|
|
1677
|
-
"PopoverArrow",
|
|
1678
|
-
"Popover",
|
|
1679
|
-
"SvgFloatingOverlay",
|
|
1957
|
+
"PopoverArrow",
|
|
1958
|
+
"Popover",
|
|
1959
|
+
"SvgFloatingOverlay",
|
|
1680
1960
|
"Box",
|
|
1681
1961
|
"Pressable"
|
|
1682
1962
|
],
|
|
@@ -2230,286 +2510,6 @@ var UDSConfigProvider = {
|
|
|
2230
2510
|
"runtimeConfigInternalComponentProps": {},
|
|
2231
2511
|
"motionVarPrefixes": []
|
|
2232
2512
|
};
|
|
2233
|
-
var Accordion = {
|
|
2234
|
-
"name": "Accordion",
|
|
2235
|
-
"defaultProps": {
|
|
2236
|
-
"spacingHorizontal": "4",
|
|
2237
|
-
"spacingVertical": "4"
|
|
2238
|
-
},
|
|
2239
|
-
"getStylesLiterals": {},
|
|
2240
|
-
"cxLiterals": ["hover:bg-secondary/80", "w-full"],
|
|
2241
|
-
"internalComponents": [
|
|
2242
|
-
"Icon",
|
|
2243
|
-
"SpringMotionConfig",
|
|
2244
|
-
"Pressable",
|
|
2245
|
-
"Text",
|
|
2246
|
-
"HStack",
|
|
2247
|
-
"AnimatePresence",
|
|
2248
|
-
"VStack"
|
|
2249
|
-
],
|
|
2250
|
-
"internalComponentProps": {
|
|
2251
|
-
"Icon": {
|
|
2252
|
-
"variant": ["fill"],
|
|
2253
|
-
"size": ["sm"],
|
|
2254
|
-
"color": ["primary"]
|
|
2255
|
-
},
|
|
2256
|
-
"SpringMotionConfig": {
|
|
2257
|
-
"layoutVariant": ["smooth"],
|
|
2258
|
-
"layoutSpeed": ["3"]
|
|
2259
|
-
},
|
|
2260
|
-
"Pressable": {
|
|
2261
|
-
"display": ["flex"],
|
|
2262
|
-
"flexDirection": ["row"],
|
|
2263
|
-
"alignItems": ["center"],
|
|
2264
|
-
"justifyContent": ["space-between"],
|
|
2265
|
-
"borderRadius": ["md"]
|
|
2266
|
-
},
|
|
2267
|
-
"Text": {
|
|
2268
|
-
"variant": ["title4"],
|
|
2269
|
-
"color": ["primary"]
|
|
2270
|
-
},
|
|
2271
|
-
"HStack": {
|
|
2272
|
-
"display": ["flex"],
|
|
2273
|
-
"alignItems": ["center"],
|
|
2274
|
-
"justifyContent": ["space-between"],
|
|
2275
|
-
"columnGap": ["2.5"]
|
|
2276
|
-
}
|
|
2277
|
-
},
|
|
2278
|
-
"propToVariantKeys": {},
|
|
2279
|
-
"runtimeConfigDefaultProps": {},
|
|
2280
|
-
"runtimeConfigGetStyles": {},
|
|
2281
|
-
"runtimeConfigInternalComponentProps": {},
|
|
2282
|
-
"motionVarPrefixes": ["--uds-motion-smooth-3-"]
|
|
2283
|
-
};
|
|
2284
|
-
var AvoidMotionLibraryProvider = {
|
|
2285
|
-
"name": "AvoidMotionLibraryProvider",
|
|
2286
|
-
"defaultProps": {},
|
|
2287
|
-
"getStylesLiterals": {},
|
|
2288
|
-
"cxLiterals": [],
|
|
2289
|
-
"internalComponents": [],
|
|
2290
|
-
"internalComponentProps": {},
|
|
2291
|
-
"propToVariantKeys": {},
|
|
2292
|
-
"runtimeConfigDefaultProps": {},
|
|
2293
|
-
"runtimeConfigGetStyles": {},
|
|
2294
|
-
"runtimeConfigInternalComponentProps": {},
|
|
2295
|
-
"motionVarPrefixes": []
|
|
2296
|
-
};
|
|
2297
|
-
var Modal = {
|
|
2298
|
-
"name": "Modal",
|
|
2299
|
-
"defaultProps": {},
|
|
2300
|
-
"getStylesLiterals": {},
|
|
2301
|
-
"cxLiterals": [
|
|
2302
|
-
"inset-8",
|
|
2303
|
-
"top-[250px]",
|
|
2304
|
-
"z-50",
|
|
2305
|
-
"mx-auto",
|
|
2306
|
-
"h-fit",
|
|
2307
|
-
"w-[600px]",
|
|
2308
|
-
"origin-center",
|
|
2309
|
-
"scale-95",
|
|
2310
|
-
"opacity-0",
|
|
2311
|
-
"transition",
|
|
2312
|
-
"duration-150",
|
|
2313
|
-
"data-[enter]:scale-100",
|
|
2314
|
-
"data-[enter]:opacity-100",
|
|
2315
|
-
"data-[enter]:bg-primary",
|
|
2316
|
-
"backdrop-blur-0",
|
|
2317
|
-
"data-[enter]:opacity-60",
|
|
2318
|
-
"data-[enter]:backdrop-blur-sm"
|
|
2319
|
-
],
|
|
2320
|
-
"internalComponents": [
|
|
2321
|
-
"IconButton",
|
|
2322
|
-
"Dialog",
|
|
2323
|
-
"HStack",
|
|
2324
|
-
"Text",
|
|
2325
|
-
"VStack"
|
|
2326
|
-
],
|
|
2327
|
-
"internalComponentProps": {
|
|
2328
|
-
"IconButton": {
|
|
2329
|
-
"aria-label": ["Close"],
|
|
2330
|
-
"size": ["sm"],
|
|
2331
|
-
"variant": ["tertiary"]
|
|
2332
|
-
},
|
|
2333
|
-
"HStack": {
|
|
2334
|
-
"alignItems": ["center"],
|
|
2335
|
-
"justifyContent": ["space-between"]
|
|
2336
|
-
},
|
|
2337
|
-
"Text": {
|
|
2338
|
-
"variant": ["headline1"],
|
|
2339
|
-
"color": ["primary"]
|
|
2340
|
-
},
|
|
2341
|
-
"VStack": {
|
|
2342
|
-
"borderRadius": ["md"],
|
|
2343
|
-
"position": ["fixed"],
|
|
2344
|
-
"backgroundColor": ["primary"],
|
|
2345
|
-
"dropShadow": ["md"],
|
|
2346
|
-
"spacing": ["8"],
|
|
2347
|
-
"overflow": ["hidden"]
|
|
2348
|
-
}
|
|
2349
|
-
},
|
|
2350
|
-
"propToVariantKeys": { "handleClose": ["onClick"] },
|
|
2351
|
-
"runtimeConfigDefaultProps": {},
|
|
2352
|
-
"runtimeConfigGetStyles": {},
|
|
2353
|
-
"runtimeConfigInternalComponentProps": {},
|
|
2354
|
-
"motionVarPrefixes": []
|
|
2355
|
-
};
|
|
2356
|
-
var SegmentedControl = {
|
|
2357
|
-
"name": "SegmentedControl",
|
|
2358
|
-
"defaultProps": { "textVariant": "label2" },
|
|
2359
|
-
"getStylesLiterals": {
|
|
2360
|
-
"display": "flex",
|
|
2361
|
-
"alignItems": "center",
|
|
2362
|
-
"backgroundColor": "primary",
|
|
2363
|
-
"spacingVertical": "1",
|
|
2364
|
-
"spacingHorizontal": "3",
|
|
2365
|
-
"columnGap": "1.5",
|
|
2366
|
-
"borderWidth": "thin",
|
|
2367
|
-
"borderRadius": "full",
|
|
2368
|
-
"borderColor": "muted",
|
|
2369
|
-
"borderColor:1": "transparent",
|
|
2370
|
-
"color": "primary",
|
|
2371
|
-
"color:1": "tertiary",
|
|
2372
|
-
"color:2": "muted"
|
|
2373
|
-
},
|
|
2374
|
-
"cxLiterals": [
|
|
2375
|
-
"uds-ring",
|
|
2376
|
-
"cursor-not-allowed",
|
|
2377
|
-
"opacity-50",
|
|
2378
|
-
"pointer-events-none",
|
|
2379
|
-
"hover:bg-primary"
|
|
2380
|
-
],
|
|
2381
|
-
"internalComponents": [
|
|
2382
|
-
"TextVariant",
|
|
2383
|
-
"Radio",
|
|
2384
|
-
"Icon",
|
|
2385
|
-
"RadioProvider",
|
|
2386
|
-
"HStack",
|
|
2387
|
-
"RadioGroup",
|
|
2388
|
-
"Pressable",
|
|
2389
|
-
"Text"
|
|
2390
|
-
],
|
|
2391
|
-
"internalComponentProps": {
|
|
2392
|
-
"Icon": {
|
|
2393
|
-
"size": ["sm"],
|
|
2394
|
-
"color": ["current"],
|
|
2395
|
-
"aria-hidden": ["true"]
|
|
2396
|
-
},
|
|
2397
|
-
"HStack": {
|
|
2398
|
-
"spacing": ["1"],
|
|
2399
|
-
"gap": ["1"],
|
|
2400
|
-
"backgroundColor": ["secondary"],
|
|
2401
|
-
"borderRadius": ["full"],
|
|
2402
|
-
"display": ["inline-flex"]
|
|
2403
|
-
},
|
|
2404
|
-
"Text": { "color": ["current"] }
|
|
2405
|
-
},
|
|
2406
|
-
"propToVariantKeys": {
|
|
2407
|
-
"value": ["key"],
|
|
2408
|
-
"label": ["aria-label"],
|
|
2409
|
-
"textVariant": ["variant"]
|
|
2410
|
-
},
|
|
2411
|
-
"runtimeConfigDefaultProps": {},
|
|
2412
|
-
"runtimeConfigGetStyles": {},
|
|
2413
|
-
"runtimeConfigInternalComponentProps": {},
|
|
2414
|
-
"motionVarPrefixes": []
|
|
2415
|
-
};
|
|
2416
|
-
var SwitchV2 = {
|
|
2417
|
-
"name": "SwitchV2",
|
|
2418
|
-
"defaultProps": {
|
|
2419
|
-
"labelPosition": "start",
|
|
2420
|
-
"size": "md"
|
|
2421
|
-
},
|
|
2422
|
-
"getStylesLiterals": {
|
|
2423
|
-
"switchVariantRoot": "default",
|
|
2424
|
-
"switchVariantActiveRoot": "on",
|
|
2425
|
-
"switchVariantActiveRoot:1": "off",
|
|
2426
|
-
"switchVariantSwitch": "default",
|
|
2427
|
-
"switchVariantActiveSwitch": "on",
|
|
2428
|
-
"switchVariantActiveSwitch:1": "off",
|
|
2429
|
-
"switchVariantActiveHandle": "on",
|
|
2430
|
-
"switchVariantActiveHandle:1": "off",
|
|
2431
|
-
"switchVariantHandle": "default",
|
|
2432
|
-
"switchVariantHandleIcon": "default",
|
|
2433
|
-
"switchVariantActiveHandleIcon": "on",
|
|
2434
|
-
"switchVariantActiveHandleIcon:1": "off"
|
|
2435
|
-
},
|
|
2436
|
-
"cxLiterals": [
|
|
2437
|
-
"group",
|
|
2438
|
-
"flex",
|
|
2439
|
-
"items-center",
|
|
2440
|
-
"flex-row",
|
|
2441
|
-
"flex-row-reverse",
|
|
2442
|
-
"uds-ring",
|
|
2443
|
-
"uds-ring-within",
|
|
2444
|
-
"relative",
|
|
2445
|
-
"uds-border-radius-full",
|
|
2446
|
-
"transition-[background-color,box-shadow]",
|
|
2447
|
-
"pointer-events-none",
|
|
2448
|
-
"w-full",
|
|
2449
|
-
"h-full",
|
|
2450
|
-
"absolute",
|
|
2451
|
-
"top-0",
|
|
2452
|
-
"bottom-0",
|
|
2453
|
-
"right-0",
|
|
2454
|
-
"left-0",
|
|
2455
|
-
"overflow-hidden",
|
|
2456
|
-
"group-hover:scale-105",
|
|
2457
|
-
"opacity-95",
|
|
2458
|
-
"group-hover:opacity-100",
|
|
2459
|
-
"transition-[transform,opacity]",
|
|
2460
|
-
"opacity-0",
|
|
2461
|
-
"top-1/2",
|
|
2462
|
-
"left-1/2",
|
|
2463
|
-
"transform",
|
|
2464
|
-
"translate-x-[-50%]",
|
|
2465
|
-
"translate-y-[-50%]",
|
|
2466
|
-
"transition-opacity",
|
|
2467
|
-
"cursor-[inherit]",
|
|
2468
|
-
"w-[calc(100%+2px)]",
|
|
2469
|
-
"h-[calc(100%+2px)]",
|
|
2470
|
-
"text-start",
|
|
2471
|
-
"text-end",
|
|
2472
|
-
"opacity-100"
|
|
2473
|
-
],
|
|
2474
|
-
"internalComponents": [
|
|
2475
|
-
"IconSlot",
|
|
2476
|
-
"Box",
|
|
2477
|
-
"FormLabel",
|
|
2478
|
-
"SpringMotionConfig",
|
|
2479
|
-
"RootElement",
|
|
2480
|
-
"MotionBox"
|
|
2481
|
-
],
|
|
2482
|
-
"internalComponentProps": {
|
|
2483
|
-
"IconSlot": { "data-testid": ["on-icon", "off-icon"] },
|
|
2484
|
-
"FormLabel": {
|
|
2485
|
-
"as": ["div"],
|
|
2486
|
-
"variant": ["inherit"],
|
|
2487
|
-
"color": ["inherit"]
|
|
2488
|
-
},
|
|
2489
|
-
"SpringMotionConfig": {
|
|
2490
|
-
"layoutVariant": ["bouncy"],
|
|
2491
|
-
"layoutSpeed": ["4"]
|
|
2492
|
-
},
|
|
2493
|
-
"RootElement": { "data-testid": ["switch-root"] },
|
|
2494
|
-
"MotionBox": { "layout": ["position"] }
|
|
2495
|
-
},
|
|
2496
|
-
"propToVariantKeys": {
|
|
2497
|
-
"size": [
|
|
2498
|
-
"switchSizeRoot",
|
|
2499
|
-
"switchSizeSwitch",
|
|
2500
|
-
"switchSizeHandle",
|
|
2501
|
-
"switchSizeHandleIcon"
|
|
2502
|
-
],
|
|
2503
|
-
"onIcon": ["icon"],
|
|
2504
|
-
"offIcon": ["icon"],
|
|
2505
|
-
"reduceMotion": ["reducedMotion"],
|
|
2506
|
-
"isOn": ["layoutDependency"]
|
|
2507
|
-
},
|
|
2508
|
-
"runtimeConfigDefaultProps": {},
|
|
2509
|
-
"runtimeConfigGetStyles": {},
|
|
2510
|
-
"runtimeConfigInternalComponentProps": {},
|
|
2511
|
-
"motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
|
|
2512
|
-
};
|
|
2513
2513
|
var componentData_default = {
|
|
2514
2514
|
Box,
|
|
2515
2515
|
FormLabel,
|
|
@@ -2533,6 +2533,9 @@ var componentData_default = {
|
|
|
2533
2533
|
Divider,
|
|
2534
2534
|
DividerCore,
|
|
2535
2535
|
DividerInternal,
|
|
2536
|
+
Spinner,
|
|
2537
|
+
"Table.mocks": Table_mocks,
|
|
2538
|
+
Table,
|
|
2536
2539
|
AnimateHeightChange,
|
|
2537
2540
|
Badge,
|
|
2538
2541
|
Button,
|
|
@@ -2541,9 +2544,11 @@ var componentData_default = {
|
|
|
2541
2544
|
Pressable,
|
|
2542
2545
|
SpringMotionConfig,
|
|
2543
2546
|
Switch,
|
|
2544
|
-
|
|
2545
|
-
|
|
2546
|
-
|
|
2547
|
+
Accordion,
|
|
2548
|
+
AvoidMotionLibraryProvider,
|
|
2549
|
+
Modal,
|
|
2550
|
+
SegmentedControl,
|
|
2551
|
+
SwitchV2,
|
|
2547
2552
|
AvatarImage,
|
|
2548
2553
|
BottomSheet,
|
|
2549
2554
|
BottomSheetContent,
|
|
@@ -2560,6 +2565,9 @@ var componentData_default = {
|
|
|
2560
2565
|
ChipDismissible,
|
|
2561
2566
|
ChipLink,
|
|
2562
2567
|
ChipToggle,
|
|
2568
|
+
Input,
|
|
2569
|
+
InputHelpText,
|
|
2570
|
+
InputHelpTextInternal,
|
|
2563
2571
|
"Menu.Content": Menu_Content,
|
|
2564
2572
|
"Menu.Divider": Menu_Divider,
|
|
2565
2573
|
"Menu.Item": Menu_Item,
|
|
@@ -2569,9 +2577,6 @@ var componentData_default = {
|
|
|
2569
2577
|
"Menu.Trigger": Menu_Trigger,
|
|
2570
2578
|
"Menu.index": Menu_index,
|
|
2571
2579
|
Menu,
|
|
2572
|
-
Input,
|
|
2573
|
-
InputHelpText,
|
|
2574
|
-
InputHelpTextInternal,
|
|
2575
2580
|
Popover,
|
|
2576
2581
|
PopoverContent,
|
|
2577
2582
|
PopoverContext,
|
|
@@ -2593,12 +2598,7 @@ var componentData_default = {
|
|
|
2593
2598
|
TooltipTrigger,
|
|
2594
2599
|
UDSTooltipConfigProvider,
|
|
2595
2600
|
UDSBreakpointsConfigProvider,
|
|
2596
|
-
UDSConfigProvider
|
|
2597
|
-
Accordion,
|
|
2598
|
-
AvoidMotionLibraryProvider,
|
|
2599
|
-
Modal,
|
|
2600
|
-
SegmentedControl,
|
|
2601
|
-
SwitchV2
|
|
2601
|
+
UDSConfigProvider
|
|
2602
2602
|
};
|
|
2603
2603
|
|
|
2604
2604
|
//#endregion
|