@yahoo/uds 3.159.0 → 3.159.2

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.
@@ -679,109 +679,168 @@
679
679
  "runtimeConfigInternalComponentProps": {},
680
680
  "motionVarPrefixes": []
681
681
  },
682
- "Accordion": {
683
- "name": "Accordion",
682
+ "Checkbox": {
683
+ "name": "Checkbox",
684
684
  "defaultProps": {
685
- "spacingHorizontal": "4",
686
- "spacingVertical": "4"
685
+ "labelPosition": "start",
686
+ "variant": "primary",
687
+ "size": "md"
688
+ },
689
+ "getStylesLiterals": {
690
+ "display": "flex",
691
+ "flexDirection": "row",
692
+ "flexDirection:1": "row-reverse",
693
+ "alignItems": "center"
687
694
  },
688
- "getStylesLiterals": {},
689
695
  "cxLiterals": [
690
- "hover:bg-secondary/80",
691
- "w-full"
696
+ "cursor-pointer",
697
+ "cursor-default",
698
+ "opacity-50",
699
+ "uds-ring",
700
+ "uds-ring-within",
701
+ "transition-[background-color,border-color,box-shadow]",
702
+ "pointer-events-none",
703
+ "opacity-0",
704
+ "opacity-55",
705
+ "opacity-100",
706
+ "transition-opacity",
707
+ "cursor-[inherit]",
708
+ "absolute",
709
+ "top-1/2",
710
+ "left-1/2",
711
+ "w-[calc(100%+2px)]",
712
+ "h-[calc(100%+2px)]",
713
+ "transform",
714
+ "translate-x-[-50%]",
715
+ "translate-y-[-50%]",
716
+ "text-start",
717
+ "text-end"
692
718
  ],
693
719
  "internalComponents": [
694
720
  "Icon",
721
+ "FormLabel",
695
722
  "SpringMotionConfig",
696
- "Pressable",
697
- "Text",
698
- "HStack",
699
- "AnimatePresence",
700
- "VStack"
723
+ "RootElement",
724
+ "MotionBox"
701
725
  ],
702
726
  "internalComponentProps": {
703
727
  "Icon": {
704
- "variant": [
705
- "fill"
706
- ],
707
728
  "size": [
708
729
  "sm"
709
- ],
710
- "color": [
711
- "primary"
712
- ]
713
- },
714
- "SpringMotionConfig": {
715
- "layoutVariant": [
716
- "smooth"
717
- ],
718
- "layoutSpeed": [
719
- "3"
720
730
  ]
721
731
  },
722
- "Pressable": {
723
- "display": [
724
- "flex"
725
- ],
726
- "flexDirection": [
727
- "row"
728
- ],
729
- "alignItems": [
730
- "center"
731
- ],
732
- "justifyContent": [
733
- "space-between"
732
+ "FormLabel": {
733
+ "as": [
734
+ "div"
734
735
  ],
735
- "borderRadius": [
736
- "md"
737
- ]
738
- },
739
- "Text": {
740
736
  "variant": [
741
- "title4"
737
+ "inherit"
742
738
  ],
743
739
  "color": [
744
- "primary"
740
+ "inherit"
745
741
  ]
746
742
  },
747
- "HStack": {
748
- "display": [
749
- "flex"
743
+ "RootElement": {
744
+ "data-testid": [
745
+ "container"
746
+ ]
747
+ },
748
+ "MotionBox": {
749
+ "position": [
750
+ "relative"
750
751
  ],
751
752
  "alignItems": [
752
753
  "center"
753
754
  ],
754
755
  "justifyContent": [
755
- "space-between"
756
+ "center"
756
757
  ],
757
- "columnGap": [
758
- "2.5"
758
+ "flex": [
759
+ "none"
759
760
  ]
760
761
  }
761
762
  },
762
- "propToVariantKeys": {},
763
+ "propToVariantKeys": {
764
+ "size": [
765
+ "checkboxSizeRoot",
766
+ "checkboxSizeCheckbox"
767
+ ],
768
+ "variant": [
769
+ "checkboxVariantRoot",
770
+ "checkboxVariantCheckbox",
771
+ "checkboxVariantCheckboxIcon"
772
+ ],
773
+ "valueState": [
774
+ "checkboxVariantValueRoot",
775
+ "checkboxVariantValueCheckbox",
776
+ "checkboxVariantValueCheckboxIcon"
777
+ ],
778
+ "reduceMotion": [
779
+ "reducedMotion"
780
+ ]
781
+ },
763
782
  "runtimeConfigDefaultProps": {},
764
783
  "runtimeConfigGetStyles": {},
765
784
  "runtimeConfigInternalComponentProps": {},
766
785
  "motionVarPrefixes": [
786
+ "--uds-motion-subtle-3-",
767
787
  "--uds-motion-smooth-3-"
768
788
  ]
769
789
  },
770
- "AvoidMotionLibraryProvider": {
771
- "name": "AvoidMotionLibraryProvider",
772
- "defaultProps": {},
790
+ "SpringMotionConfig": {
791
+ "name": "SpringMotionConfig",
792
+ "defaultProps": {
793
+ "reducedMotion": "user"
794
+ },
773
795
  "getStylesLiterals": {},
774
796
  "cxLiterals": [],
775
- "internalComponents": [],
797
+ "internalComponents": [
798
+ "LazyMotion",
799
+ "MotionConfig"
800
+ ],
776
801
  "internalComponentProps": {},
777
- "propToVariantKeys": {},
802
+ "propToVariantKeys": {
803
+ "loadFeatures": [
804
+ "features"
805
+ ]
806
+ },
778
807
  "runtimeConfigDefaultProps": {},
779
808
  "runtimeConfigGetStyles": {},
780
809
  "runtimeConfigInternalComponentProps": {},
781
810
  "motionVarPrefixes": []
782
811
  },
783
- "SwitchV2": {
784
- "name": "SwitchV2",
812
+ "AnimateHeightChange": {
813
+ "name": "AnimateHeightChange",
814
+ "defaultProps": {},
815
+ "getStylesLiterals": {},
816
+ "cxLiterals": [
817
+ "overflow-hidden"
818
+ ],
819
+ "internalComponents": [
820
+ "SpringMotionConfig"
821
+ ],
822
+ "internalComponentProps": {
823
+ "SpringMotionConfig": {
824
+ "layoutSpeed": [
825
+ "4"
826
+ ]
827
+ }
828
+ },
829
+ "propToVariantKeys": {
830
+ "reduceMotion": [
831
+ "reducedMotion"
832
+ ]
833
+ },
834
+ "runtimeConfigDefaultProps": {},
835
+ "runtimeConfigGetStyles": {},
836
+ "runtimeConfigInternalComponentProps": {},
837
+ "motionVarPrefixes": [
838
+ "--uds-motion-subtle-4-",
839
+ "--uds-motion-smooth-3-"
840
+ ]
841
+ },
842
+ "Switch": {
843
+ "name": "Switch",
785
844
  "defaultProps": {
786
845
  "labelPosition": "start",
787
846
  "size": "md"
@@ -790,9 +849,15 @@
790
849
  "switchVariantRoot": "default",
791
850
  "switchVariantActiveRoot": "on",
792
851
  "switchVariantActiveRoot:1": "off",
852
+ "display": "flex",
853
+ "flexDirection": "row",
854
+ "flexDirection:1": "row-reverse",
855
+ "alignItems": "center",
793
856
  "switchVariantSwitch": "default",
794
857
  "switchVariantActiveSwitch": "on",
795
858
  "switchVariantActiveSwitch:1": "off",
859
+ "borderRadius": "full",
860
+ "position": "relative",
796
861
  "switchVariantActiveHandle": "on",
797
862
  "switchVariantActiveHandle:1": "off",
798
863
  "switchVariantHandle": "default",
@@ -802,28 +867,24 @@
802
867
  },
803
868
  "cxLiterals": [
804
869
  "group",
805
- "flex",
806
- "items-center",
807
- "flex-row",
808
- "flex-row-reverse",
870
+ "cursor-pointer",
871
+ "cursor-default",
872
+ "opacity-50",
809
873
  "uds-ring",
810
874
  "uds-ring-within",
811
- "relative",
812
- "uds-border-radius-full",
813
875
  "transition-[background-color,box-shadow]",
876
+ "relative",
814
877
  "pointer-events-none",
815
- "w-full",
816
- "h-full",
878
+ "uds-border-radius-full",
879
+ "overflow-hidden",
817
880
  "absolute",
818
881
  "top-0",
819
- "bottom-0",
820
- "right-0",
821
882
  "left-0",
822
- "overflow-hidden",
823
- "group-hover:scale-105",
883
+ "right-0",
884
+ "bottom-0",
824
885
  "opacity-95",
825
886
  "group-hover:opacity-100",
826
- "transition-[transform,opacity]",
887
+ "transition-[background-color,box-shadow,opacity]",
827
888
  "opacity-0",
828
889
  "top-1/2",
829
890
  "left-1/2",
@@ -864,22 +925,9 @@
864
925
  "inherit"
865
926
  ]
866
927
  },
867
- "SpringMotionConfig": {
868
- "layoutVariant": [
869
- "bouncy"
870
- ],
871
- "layoutSpeed": [
872
- "4"
873
- ]
874
- },
875
928
  "RootElement": {
876
929
  "data-testid": [
877
- "switch-root"
878
- ]
879
- },
880
- "MotionBox": {
881
- "layout": [
882
- "position"
930
+ "container"
883
931
  ]
884
932
  }
885
933
  },
@@ -898,9 +946,6 @@
898
946
  ],
899
947
  "reduceMotion": [
900
948
  "reducedMotion"
901
- ],
902
- "isOn": [
903
- "layoutDependency"
904
949
  ]
905
950
  },
906
951
  "runtimeConfigDefaultProps": {},
@@ -911,191 +956,74 @@
911
956
  "--uds-motion-smooth-3-"
912
957
  ]
913
958
  },
914
- "SegmentedControl": {
915
- "name": "SegmentedControl",
959
+ "IconButton": {
960
+ "name": "IconButton",
916
961
  "defaultProps": {
917
- "textVariant": "label2"
918
- },
919
- "getStylesLiterals": {
920
- "display": "flex",
921
- "alignItems": "center",
922
- "backgroundColor": "primary",
923
- "spacingVertical": "1",
924
- "spacingHorizontal": "3",
925
- "columnGap": "1.5",
926
- "borderWidth": "thin",
927
- "borderRadius": "full",
928
- "borderColor": "muted",
929
- "borderColor:1": "transparent",
930
- "color": "primary",
931
- "color:1": "tertiary",
932
- "color:2": "muted"
962
+ "type": "button"
933
963
  },
964
+ "getStylesLiterals": {},
934
965
  "cxLiterals": [
935
966
  "uds-ring",
967
+ "uds-hit-target",
968
+ "inline-flex",
969
+ "overflow-hidden",
970
+ "justify-center",
971
+ "items-center",
972
+ "[transform-origin:center]",
973
+ "[backface-visibility:hidden]",
974
+ "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
975
+ "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
976
+ "[transition-duration:220ms]",
936
977
  "cursor-not-allowed",
937
- "opacity-50",
938
- "pointer-events-none",
939
- "hover:bg-primary"
978
+ "uds-button-loading",
979
+ "uds-button-without-effects",
980
+ "animate-spin"
940
981
  ],
941
982
  "internalComponents": [
942
- "Radio",
943
983
  "Icon",
944
- "RadioProvider",
945
- "HStack",
946
- "RadioGroup",
947
- "Pressable",
948
- "Text"
984
+ "AnimatePresence",
985
+ "SpringMotionConfig",
986
+ "MotionSlot"
949
987
  ],
950
988
  "internalComponentProps": {
951
989
  "Icon": {
952
- "size": [
953
- "sm"
954
- ],
955
990
  "color": [
956
991
  "current"
957
- ],
958
- "aria-hidden": [
959
- "true"
960
992
  ]
961
993
  },
962
- "HStack": {
963
- "spacing": [
964
- "1"
965
- ],
966
- "gap": [
967
- "1"
968
- ],
969
- "backgroundColor": [
970
- "secondary"
971
- ],
972
- "borderRadius": [
973
- "full"
974
- ],
975
- "display": [
976
- "inline-flex"
977
- ]
978
- },
979
- "Text": {
980
- "color": [
981
- "current"
982
- ]
983
- }
984
- },
985
- "propToVariantKeys": {
986
- "value": [
987
- "key"
988
- ],
989
- "label": [
990
- "aria-label"
991
- ],
992
- "textVariant": [
993
- "variant"
994
- ]
995
- },
996
- "runtimeConfigDefaultProps": {},
997
- "runtimeConfigGetStyles": {},
998
- "runtimeConfigInternalComponentProps": {},
999
- "motionVarPrefixes": []
1000
- },
1001
- "Checkbox": {
1002
- "name": "Checkbox",
1003
- "defaultProps": {
1004
- "labelPosition": "start",
1005
- "variant": "primary",
1006
- "size": "md"
1007
- },
1008
- "getStylesLiterals": {
1009
- "display": "flex",
1010
- "flexDirection": "row",
1011
- "flexDirection:1": "row-reverse",
1012
- "alignItems": "center"
1013
- },
1014
- "cxLiterals": [
1015
- "cursor-pointer",
1016
- "cursor-default",
1017
- "opacity-50",
1018
- "uds-ring",
1019
- "uds-ring-within",
1020
- "transition-[background-color,border-color,box-shadow]",
1021
- "pointer-events-none",
1022
- "opacity-0",
1023
- "opacity-55",
1024
- "opacity-100",
1025
- "transition-opacity",
1026
- "cursor-[inherit]",
1027
- "absolute",
1028
- "top-1/2",
1029
- "left-1/2",
1030
- "w-[calc(100%+2px)]",
1031
- "h-[calc(100%+2px)]",
1032
- "transform",
1033
- "translate-x-[-50%]",
1034
- "translate-y-[-50%]",
1035
- "text-start",
1036
- "text-end"
1037
- ],
1038
- "internalComponents": [
1039
- "Icon",
1040
- "FormLabel",
1041
- "SpringMotionConfig",
1042
- "RootElement",
1043
- "MotionBox"
1044
- ],
1045
- "internalComponentProps": {
1046
- "Icon": {
1047
- "size": [
1048
- "sm"
1049
- ]
1050
- },
1051
- "FormLabel": {
1052
- "as": [
1053
- "div"
1054
- ],
1055
- "variant": [
1056
- "inherit"
1057
- ],
1058
- "color": [
1059
- "inherit"
994
+ "AnimatePresence": {
995
+ "mode": [
996
+ "popLayout"
1060
997
  ]
1061
998
  },
1062
- "RootElement": {
1063
- "data-testid": [
1064
- "container"
999
+ "SpringMotionConfig": {
1000
+ "layoutSpeed": [
1001
+ "3"
1065
1002
  ]
1066
1003
  },
1067
- "MotionBox": {
1068
- "position": [
1069
- "relative"
1070
- ],
1071
- "alignItems": [
1072
- "center"
1004
+ "MotionSlot": {
1005
+ "initial": [
1006
+ "icon"
1073
1007
  ],
1074
- "justifyContent": [
1075
- "center"
1008
+ "whileHover": [
1009
+ "hover"
1076
1010
  ],
1077
- "flex": [
1078
- "none"
1011
+ "whileTap": [
1012
+ "pressed"
1079
1013
  ]
1080
1014
  }
1081
1015
  },
1082
1016
  "propToVariantKeys": {
1083
1017
  "size": [
1084
- "checkboxSizeRoot",
1085
- "checkboxSizeCheckbox"
1018
+ "iconbuttonSizeRoot",
1019
+ "iconbuttonSizeIcon"
1086
1020
  ],
1087
1021
  "variant": [
1088
- "checkboxVariantRoot",
1089
- "checkboxVariantCheckbox",
1090
- "checkboxVariantCheckboxIcon"
1091
- ],
1092
- "valueState": [
1093
- "checkboxVariantValueRoot",
1094
- "checkboxVariantValueCheckbox",
1095
- "checkboxVariantValueCheckboxIcon"
1022
+ "buttonVariantRoot",
1023
+ "buttonVariantIcon"
1096
1024
  ],
1097
- "reduceMotion": [
1098
- "reducedMotion"
1025
+ "iconVariant": [
1026
+ "variant"
1099
1027
  ]
1100
1028
  },
1101
1029
  "runtimeConfigDefaultProps": {},
@@ -1106,177 +1034,85 @@
1106
1034
  "--uds-motion-smooth-3-"
1107
1035
  ]
1108
1036
  },
1109
- "SpringMotionConfig": {
1110
- "name": "SpringMotionConfig",
1111
- "defaultProps": {
1112
- "reducedMotion": "user"
1113
- },
1037
+ "Pressable": {
1038
+ "name": "Pressable",
1039
+ "defaultProps": {},
1114
1040
  "getStylesLiterals": {},
1115
1041
  "cxLiterals": [],
1116
1042
  "internalComponents": [
1117
- "LazyMotion",
1118
- "MotionConfig"
1043
+ "Comp"
1119
1044
  ],
1120
1045
  "internalComponentProps": {},
1121
- "propToVariantKeys": {
1122
- "loadFeatures": [
1123
- "features"
1124
- ]
1125
- },
1046
+ "propToVariantKeys": {},
1126
1047
  "runtimeConfigDefaultProps": {},
1127
1048
  "runtimeConfigGetStyles": {},
1128
1049
  "runtimeConfigInternalComponentProps": {},
1129
1050
  "motionVarPrefixes": []
1130
1051
  },
1131
- "AnimateHeightChange": {
1132
- "name": "AnimateHeightChange",
1133
- "defaultProps": {},
1134
- "getStylesLiterals": {},
1135
- "cxLiterals": [
1136
- "overflow-hidden"
1137
- ],
1138
- "internalComponents": [
1139
- "SpringMotionConfig"
1140
- ],
1141
- "internalComponentProps": {
1142
- "SpringMotionConfig": {
1143
- "layoutSpeed": [
1144
- "4"
1145
- ]
1146
- }
1147
- },
1148
- "propToVariantKeys": {
1149
- "reduceMotion": [
1150
- "reducedMotion"
1151
- ]
1152
- },
1153
- "runtimeConfigDefaultProps": {},
1154
- "runtimeConfigGetStyles": {},
1155
- "runtimeConfigInternalComponentProps": {},
1156
- "motionVarPrefixes": [
1157
- "--uds-motion-subtle-4-",
1158
- "--uds-motion-smooth-3-"
1159
- ]
1160
- },
1161
- "Switch": {
1162
- "name": "Switch",
1052
+ "Badge": {
1053
+ "name": "Badge",
1163
1054
  "defaultProps": {
1164
- "labelPosition": "start",
1055
+ "variant": "primary",
1165
1056
  "size": "md"
1166
1057
  },
1167
- "getStylesLiterals": {
1168
- "switchVariantRoot": "default",
1169
- "switchVariantActiveRoot": "on",
1170
- "switchVariantActiveRoot:1": "off",
1171
- "display": "flex",
1172
- "flexDirection": "row",
1173
- "flexDirection:1": "row-reverse",
1174
- "alignItems": "center",
1175
- "switchVariantSwitch": "default",
1176
- "switchVariantActiveSwitch": "on",
1177
- "switchVariantActiveSwitch:1": "off",
1178
- "borderRadius": "full",
1179
- "position": "relative",
1180
- "switchVariantActiveHandle": "on",
1181
- "switchVariantActiveHandle:1": "off",
1182
- "switchVariantHandle": "default",
1183
- "switchVariantHandleIcon": "default",
1184
- "switchVariantActiveHandleIcon": "on",
1185
- "switchVariantActiveHandleIcon:1": "off"
1186
- },
1058
+ "getStylesLiterals": {},
1187
1059
  "cxLiterals": [
1188
- "group",
1189
- "cursor-pointer",
1190
- "cursor-default",
1191
- "opacity-50",
1192
- "uds-ring",
1193
- "uds-ring-within",
1194
- "transition-[background-color,box-shadow]",
1195
- "relative",
1196
- "pointer-events-none",
1197
- "uds-border-radius-full",
1198
- "overflow-hidden",
1199
- "absolute",
1200
- "top-0",
1201
- "left-0",
1202
- "right-0",
1203
- "bottom-0",
1204
- "opacity-95",
1205
- "group-hover:opacity-100",
1206
- "transition-[background-color,box-shadow,opacity]",
1207
- "opacity-0",
1208
- "top-1/2",
1209
- "left-1/2",
1210
- "transform",
1211
- "translate-x-[-50%]",
1212
- "translate-y-[-50%]",
1213
- "transition-opacity",
1214
- "cursor-[inherit]",
1215
- "w-[calc(100%+2px)]",
1216
- "h-[calc(100%+2px)]",
1217
- "text-start",
1218
- "text-end",
1219
- "opacity-100"
1060
+ "uds-badge",
1061
+ "uds-badge-variant",
1062
+ "uds-badge-size",
1063
+ "uds-badge-iconSize",
1064
+ "uds-badge-iconColor",
1065
+ "flex-1",
1066
+ "truncate",
1067
+ "whitespace-nowrap",
1068
+ "text-center"
1220
1069
  ],
1221
1070
  "internalComponents": [
1222
1071
  "IconSlot",
1223
- "Box",
1224
- "FormLabel",
1225
- "SpringMotionConfig",
1226
- "RootElement",
1227
- "MotionBox"
1072
+ "HStack"
1228
1073
  ],
1229
1074
  "internalComponentProps": {
1230
1075
  "IconSlot": {
1231
1076
  "data-testid": [
1232
- "on-icon",
1233
- "off-icon"
1077
+ "start-icon",
1078
+ "end-icon"
1234
1079
  ]
1235
1080
  },
1236
- "FormLabel": {
1237
- "as": [
1238
- "div"
1081
+ "HStack": {
1082
+ "gap": [
1083
+ "2"
1239
1084
  ],
1240
- "variant": [
1241
- "inherit"
1085
+ "display": [
1086
+ "inline-flex"
1242
1087
  ],
1243
- "color": [
1244
- "inherit"
1245
- ]
1246
- },
1247
- "RootElement": {
1248
- "data-testid": [
1249
- "container"
1088
+ "alignItems": [
1089
+ "center"
1250
1090
  ]
1251
1091
  }
1252
1092
  },
1253
1093
  "propToVariantKeys": {
1254
1094
  "size": [
1255
- "switchSizeRoot",
1256
- "switchSizeSwitch",
1257
- "switchSizeHandle",
1258
- "switchSizeHandleIcon"
1095
+ "badgeSizeRoot",
1096
+ "badgeSizeIcon"
1259
1097
  ],
1260
- "onIcon": [
1261
- "icon"
1098
+ "variant": [
1099
+ "badgeVariantRoot",
1100
+ "badgeVariantIcon"
1262
1101
  ],
1263
- "offIcon": [
1102
+ "startIcon": [
1264
1103
  "icon"
1265
1104
  ],
1266
- "reduceMotion": [
1267
- "reducedMotion"
1105
+ "endIcon": [
1106
+ "icon"
1268
1107
  ]
1269
1108
  },
1270
1109
  "runtimeConfigDefaultProps": {},
1271
1110
  "runtimeConfigGetStyles": {},
1272
1111
  "runtimeConfigInternalComponentProps": {},
1273
- "motionVarPrefixes": [
1274
- "--uds-motion-bouncy-4-",
1275
- "--uds-motion-smooth-3-"
1276
- ]
1112
+ "motionVarPrefixes": []
1277
1113
  },
1278
- "IconButton": {
1279
- "name": "IconButton",
1114
+ "Button": {
1115
+ "name": "Button",
1280
1116
  "defaultProps": {
1281
1117
  "type": "button"
1282
1118
  },
@@ -1285,9 +1121,12 @@
1285
1121
  "uds-ring",
1286
1122
  "uds-hit-target",
1287
1123
  "inline-flex",
1124
+ "max-w-full",
1288
1125
  "overflow-hidden",
1289
1126
  "justify-center",
1290
1127
  "items-center",
1128
+ "whitespace-nowrap",
1129
+ "select-none",
1291
1130
  "[transform-origin:center]",
1292
1131
  "[backface-visibility:hidden]",
1293
1132
  "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
@@ -1296,10 +1135,19 @@
1296
1135
  "cursor-not-allowed",
1297
1136
  "uds-button-loading",
1298
1137
  "uds-button-without-effects",
1299
- "animate-spin"
1138
+ "withIcon",
1139
+ "uds-button-with-gap",
1140
+ "animate-spin",
1141
+ "min-w-0",
1142
+ "truncate",
1143
+ "flex",
1144
+ "shrink-0",
1145
+ "overflow-clip",
1146
+ "uds-button-icon-container"
1300
1147
  ],
1301
1148
  "internalComponents": [
1302
1149
  "Icon",
1150
+ "IconSlot",
1303
1151
  "AnimatePresence",
1304
1152
  "SpringMotionConfig",
1305
1153
  "MotionSlot"
@@ -1321,9 +1169,6 @@
1321
1169
  ]
1322
1170
  },
1323
1171
  "MotionSlot": {
1324
- "initial": [
1325
- "icon"
1326
- ],
1327
1172
  "whileHover": [
1328
1173
  "hover"
1329
1174
  ],
@@ -1334,8 +1179,8 @@
1334
1179
  },
1335
1180
  "propToVariantKeys": {
1336
1181
  "size": [
1337
- "iconbuttonSizeRoot",
1338
- "iconbuttonSizeIcon"
1182
+ "buttonSizeRoot",
1183
+ "buttonSizeIcon"
1339
1184
  ],
1340
1185
  "variant": [
1341
1186
  "buttonVariantRoot",
@@ -1343,6 +1188,12 @@
1343
1188
  ],
1344
1189
  "iconVariant": [
1345
1190
  "variant"
1191
+ ],
1192
+ "startIcon": [
1193
+ "icon"
1194
+ ],
1195
+ "endIcon": [
1196
+ "icon"
1346
1197
  ]
1347
1198
  },
1348
1199
  "runtimeConfigDefaultProps": {},
@@ -1353,14 +1204,100 @@
1353
1204
  "--uds-motion-smooth-3-"
1354
1205
  ]
1355
1206
  },
1356
- "Pressable": {
1357
- "name": "Pressable",
1358
- "defaultProps": {},
1207
+ "Accordion": {
1208
+ "name": "Accordion",
1209
+ "defaultProps": {
1210
+ "spacingHorizontal": "4",
1211
+ "spacingVertical": "4"
1212
+ },
1359
1213
  "getStylesLiterals": {},
1360
- "cxLiterals": [],
1214
+ "cxLiterals": [
1215
+ "hover:bg-secondary/80",
1216
+ "w-full"
1217
+ ],
1361
1218
  "internalComponents": [
1362
- "Comp"
1219
+ "Icon",
1220
+ "SpringMotionConfig",
1221
+ "Pressable",
1222
+ "Text",
1223
+ "HStack",
1224
+ "AnimatePresence",
1225
+ "VStack"
1363
1226
  ],
1227
+ "internalComponentProps": {
1228
+ "Icon": {
1229
+ "variant": [
1230
+ "fill"
1231
+ ],
1232
+ "size": [
1233
+ "sm"
1234
+ ],
1235
+ "color": [
1236
+ "primary"
1237
+ ]
1238
+ },
1239
+ "SpringMotionConfig": {
1240
+ "layoutVariant": [
1241
+ "smooth"
1242
+ ],
1243
+ "layoutSpeed": [
1244
+ "3"
1245
+ ]
1246
+ },
1247
+ "Pressable": {
1248
+ "display": [
1249
+ "flex"
1250
+ ],
1251
+ "flexDirection": [
1252
+ "row"
1253
+ ],
1254
+ "alignItems": [
1255
+ "center"
1256
+ ],
1257
+ "justifyContent": [
1258
+ "space-between"
1259
+ ],
1260
+ "borderRadius": [
1261
+ "md"
1262
+ ]
1263
+ },
1264
+ "Text": {
1265
+ "variant": [
1266
+ "title4"
1267
+ ],
1268
+ "color": [
1269
+ "primary"
1270
+ ]
1271
+ },
1272
+ "HStack": {
1273
+ "display": [
1274
+ "flex"
1275
+ ],
1276
+ "alignItems": [
1277
+ "center"
1278
+ ],
1279
+ "justifyContent": [
1280
+ "space-between"
1281
+ ],
1282
+ "columnGap": [
1283
+ "2.5"
1284
+ ]
1285
+ }
1286
+ },
1287
+ "propToVariantKeys": {},
1288
+ "runtimeConfigDefaultProps": {},
1289
+ "runtimeConfigGetStyles": {},
1290
+ "runtimeConfigInternalComponentProps": {},
1291
+ "motionVarPrefixes": [
1292
+ "--uds-motion-smooth-3-"
1293
+ ]
1294
+ },
1295
+ "AvoidMotionLibraryProvider": {
1296
+ "name": "AvoidMotionLibraryProvider",
1297
+ "defaultProps": {},
1298
+ "getStylesLiterals": {},
1299
+ "cxLiterals": [],
1300
+ "internalComponents": [],
1364
1301
  "internalComponentProps": {},
1365
1302
  "propToVariantKeys": {},
1366
1303
  "runtimeConfigDefaultProps": {},
@@ -1368,160 +1305,223 @@
1368
1305
  "runtimeConfigInternalComponentProps": {},
1369
1306
  "motionVarPrefixes": []
1370
1307
  },
1371
- "Badge": {
1372
- "name": "Badge",
1308
+ "SwitchV2": {
1309
+ "name": "SwitchV2",
1373
1310
  "defaultProps": {
1374
- "variant": "primary",
1311
+ "labelPosition": "start",
1375
1312
  "size": "md"
1376
1313
  },
1377
- "getStylesLiterals": {},
1314
+ "getStylesLiterals": {
1315
+ "switchVariantRoot": "default",
1316
+ "switchVariantActiveRoot": "on",
1317
+ "switchVariantActiveRoot:1": "off",
1318
+ "switchVariantSwitch": "default",
1319
+ "switchVariantActiveSwitch": "on",
1320
+ "switchVariantActiveSwitch:1": "off",
1321
+ "switchVariantActiveHandle": "on",
1322
+ "switchVariantActiveHandle:1": "off",
1323
+ "switchVariantHandle": "default",
1324
+ "switchVariantHandleIcon": "default",
1325
+ "switchVariantActiveHandleIcon": "on",
1326
+ "switchVariantActiveHandleIcon:1": "off"
1327
+ },
1378
1328
  "cxLiterals": [
1379
- "uds-badge",
1380
- "uds-badge-variant",
1381
- "uds-badge-size",
1382
- "uds-badge-iconSize",
1383
- "uds-badge-iconColor",
1384
- "flex-1",
1385
- "truncate",
1386
- "whitespace-nowrap",
1387
- "text-center"
1329
+ "group",
1330
+ "flex",
1331
+ "items-center",
1332
+ "flex-row",
1333
+ "flex-row-reverse",
1334
+ "uds-ring",
1335
+ "uds-ring-within",
1336
+ "relative",
1337
+ "uds-border-radius-full",
1338
+ "transition-[background-color,box-shadow]",
1339
+ "pointer-events-none",
1340
+ "w-full",
1341
+ "h-full",
1342
+ "absolute",
1343
+ "top-0",
1344
+ "bottom-0",
1345
+ "right-0",
1346
+ "left-0",
1347
+ "overflow-hidden",
1348
+ "group-hover:scale-105",
1349
+ "opacity-95",
1350
+ "group-hover:opacity-100",
1351
+ "transition-[transform,opacity]",
1352
+ "opacity-0",
1353
+ "top-1/2",
1354
+ "left-1/2",
1355
+ "transform",
1356
+ "translate-x-[-50%]",
1357
+ "translate-y-[-50%]",
1358
+ "transition-opacity",
1359
+ "cursor-[inherit]",
1360
+ "w-[calc(100%+2px)]",
1361
+ "h-[calc(100%+2px)]",
1362
+ "text-start",
1363
+ "text-end",
1364
+ "opacity-100"
1388
1365
  ],
1389
1366
  "internalComponents": [
1390
1367
  "IconSlot",
1391
- "HStack"
1368
+ "Box",
1369
+ "FormLabel",
1370
+ "SpringMotionConfig",
1371
+ "RootElement",
1372
+ "MotionBox"
1392
1373
  ],
1393
1374
  "internalComponentProps": {
1394
1375
  "IconSlot": {
1395
1376
  "data-testid": [
1396
- "start-icon",
1397
- "end-icon"
1377
+ "on-icon",
1378
+ "off-icon"
1398
1379
  ]
1399
1380
  },
1400
- "HStack": {
1401
- "gap": [
1402
- "2"
1381
+ "FormLabel": {
1382
+ "as": [
1383
+ "div"
1403
1384
  ],
1404
- "display": [
1405
- "inline-flex"
1385
+ "variant": [
1386
+ "inherit"
1406
1387
  ],
1407
- "alignItems": [
1408
- "center"
1388
+ "color": [
1389
+ "inherit"
1390
+ ]
1391
+ },
1392
+ "SpringMotionConfig": {
1393
+ "layoutVariant": [
1394
+ "bouncy"
1395
+ ],
1396
+ "layoutSpeed": [
1397
+ "4"
1398
+ ]
1399
+ },
1400
+ "RootElement": {
1401
+ "data-testid": [
1402
+ "switch-root"
1403
+ ]
1404
+ },
1405
+ "MotionBox": {
1406
+ "layout": [
1407
+ "position"
1409
1408
  ]
1410
1409
  }
1411
1410
  },
1412
1411
  "propToVariantKeys": {
1413
1412
  "size": [
1414
- "badgeSizeRoot",
1415
- "badgeSizeIcon"
1416
- ],
1417
- "variant": [
1418
- "badgeVariantRoot",
1419
- "badgeVariantIcon"
1413
+ "switchSizeRoot",
1414
+ "switchSizeSwitch",
1415
+ "switchSizeHandle",
1416
+ "switchSizeHandleIcon"
1420
1417
  ],
1421
- "startIcon": [
1418
+ "onIcon": [
1422
1419
  "icon"
1423
1420
  ],
1424
- "endIcon": [
1421
+ "offIcon": [
1425
1422
  "icon"
1423
+ ],
1424
+ "reduceMotion": [
1425
+ "reducedMotion"
1426
+ ],
1427
+ "isOn": [
1428
+ "layoutDependency"
1426
1429
  ]
1427
1430
  },
1428
1431
  "runtimeConfigDefaultProps": {},
1429
1432
  "runtimeConfigGetStyles": {},
1430
1433
  "runtimeConfigInternalComponentProps": {},
1431
- "motionVarPrefixes": []
1434
+ "motionVarPrefixes": [
1435
+ "--uds-motion-bouncy-4-",
1436
+ "--uds-motion-smooth-3-"
1437
+ ]
1432
1438
  },
1433
- "Button": {
1434
- "name": "Button",
1439
+ "SegmentedControl": {
1440
+ "name": "SegmentedControl",
1435
1441
  "defaultProps": {
1436
- "type": "button"
1442
+ "textVariant": "label2"
1443
+ },
1444
+ "getStylesLiterals": {
1445
+ "display": "flex",
1446
+ "alignItems": "center",
1447
+ "backgroundColor": "primary",
1448
+ "spacingVertical": "1",
1449
+ "spacingHorizontal": "3",
1450
+ "columnGap": "1.5",
1451
+ "borderWidth": "thin",
1452
+ "borderRadius": "full",
1453
+ "borderColor": "muted",
1454
+ "borderColor:1": "transparent",
1455
+ "color": "primary",
1456
+ "color:1": "tertiary",
1457
+ "color:2": "muted"
1437
1458
  },
1438
- "getStylesLiterals": {},
1439
1459
  "cxLiterals": [
1440
1460
  "uds-ring",
1441
- "uds-hit-target",
1442
- "inline-flex",
1443
- "max-w-full",
1444
- "overflow-hidden",
1445
- "justify-center",
1446
- "items-center",
1447
- "whitespace-nowrap",
1448
- "select-none",
1449
- "[transform-origin:center]",
1450
- "[backface-visibility:hidden]",
1451
- "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
1452
- "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
1453
- "[transition-duration:220ms]",
1454
1461
  "cursor-not-allowed",
1455
- "uds-button-loading",
1456
- "uds-button-without-effects",
1457
- "withIcon",
1458
- "uds-button-with-gap",
1459
- "animate-spin",
1460
- "min-w-0",
1461
- "truncate",
1462
- "flex",
1463
- "shrink-0",
1464
- "overflow-clip",
1465
- "uds-button-icon-container"
1462
+ "opacity-50",
1463
+ "pointer-events-none",
1464
+ "hover:bg-primary"
1466
1465
  ],
1467
1466
  "internalComponents": [
1467
+ "Radio",
1468
1468
  "Icon",
1469
- "IconSlot",
1470
- "AnimatePresence",
1471
- "SpringMotionConfig",
1472
- "MotionSlot"
1469
+ "RadioProvider",
1470
+ "HStack",
1471
+ "RadioGroup",
1472
+ "Pressable",
1473
+ "Text"
1473
1474
  ],
1474
1475
  "internalComponentProps": {
1475
1476
  "Icon": {
1477
+ "size": [
1478
+ "sm"
1479
+ ],
1476
1480
  "color": [
1477
1481
  "current"
1482
+ ],
1483
+ "aria-hidden": [
1484
+ "true"
1478
1485
  ]
1479
1486
  },
1480
- "AnimatePresence": {
1481
- "mode": [
1482
- "popLayout"
1483
- ]
1484
- },
1485
- "SpringMotionConfig": {
1486
- "layoutSpeed": [
1487
- "3"
1487
+ "HStack": {
1488
+ "spacing": [
1489
+ "1"
1490
+ ],
1491
+ "gap": [
1492
+ "1"
1493
+ ],
1494
+ "backgroundColor": [
1495
+ "secondary"
1496
+ ],
1497
+ "borderRadius": [
1498
+ "full"
1499
+ ],
1500
+ "display": [
1501
+ "inline-flex"
1488
1502
  ]
1489
1503
  },
1490
- "MotionSlot": {
1491
- "whileHover": [
1492
- "hover"
1493
- ],
1494
- "whileTap": [
1495
- "pressed"
1504
+ "Text": {
1505
+ "color": [
1506
+ "current"
1496
1507
  ]
1497
1508
  }
1498
1509
  },
1499
1510
  "propToVariantKeys": {
1500
- "size": [
1501
- "buttonSizeRoot",
1502
- "buttonSizeIcon"
1511
+ "value": [
1512
+ "key"
1503
1513
  ],
1504
- "variant": [
1505
- "buttonVariantRoot",
1506
- "buttonVariantIcon"
1514
+ "label": [
1515
+ "aria-label"
1507
1516
  ],
1508
- "iconVariant": [
1517
+ "textVariant": [
1509
1518
  "variant"
1510
- ],
1511
- "startIcon": [
1512
- "icon"
1513
- ],
1514
- "endIcon": [
1515
- "icon"
1516
1519
  ]
1517
1520
  },
1518
1521
  "runtimeConfigDefaultProps": {},
1519
1522
  "runtimeConfigGetStyles": {},
1520
1523
  "runtimeConfigInternalComponentProps": {},
1521
- "motionVarPrefixes": [
1522
- "--uds-motion-subtle-3-",
1523
- "--uds-motion-smooth-3-"
1524
- ]
1524
+ "motionVarPrefixes": []
1525
1525
  },
1526
1526
  "Menu.Item": {
1527
1527
  "name": "Menu.Item",