@yahoo/uds 3.176.0 → 3.177.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -251,73 +251,6 @@ var componentData_default = {
251
251
  "motionVarPrefixes": [],
252
252
  "factoryTarget": null
253
253
  },
254
- DividerLabel: {
255
- "name": "DividerLabel",
256
- "defaultProps": {
257
- "variant": "primary",
258
- "textVariant": "inherit",
259
- "color": "inherit",
260
- "as": "span"
261
- },
262
- "getStylesLiterals": {},
263
- "cxLiterals": ["inherit"],
264
- "internalComponents": ["Text"],
265
- "internalComponentProps": {},
266
- "propToVariantKeys": {
267
- "variant": ["dividerVariantLabel"],
268
- "textVariant": ["variant"]
269
- },
270
- "runtimeConfigDefaultProps": {},
271
- "runtimeConfigGetStyles": {},
272
- "runtimeConfigInternalComponentProps": {},
273
- "motionVarPrefixes": [],
274
- "factoryTarget": null
275
- },
276
- Divider: {
277
- "name": "Divider",
278
- "defaultProps": {
279
- "variant": "primary",
280
- "contentPosition": "center"
281
- },
282
- "getStylesLiterals": {},
283
- "cxLiterals": ["inherit"],
284
- "internalComponents": [
285
- "DividerLine",
286
- "DividerLabel",
287
- "InternalComponent",
288
- "Box"
289
- ],
290
- "internalComponentProps": {
291
- "InternalComponent": {
292
- "alignItems": ["center"],
293
- "flex": ["1"]
294
- },
295
- "Box": {
296
- "display": ["flex"],
297
- "flex": ["none"]
298
- }
299
- },
300
- "propToVariantKeys": { "variant": ["dividerVariantRoot"] },
301
- "runtimeConfigDefaultProps": {},
302
- "runtimeConfigGetStyles": {},
303
- "runtimeConfigInternalComponentProps": {},
304
- "motionVarPrefixes": [],
305
- "factoryTarget": null
306
- },
307
- DividerLine: {
308
- "name": "DividerLine",
309
- "defaultProps": { "variant": "primary" },
310
- "getStylesLiterals": {},
311
- "cxLiterals": ["inherit"],
312
- "internalComponents": ["Box"],
313
- "internalComponentProps": { "Box": { "flex": ["1"] } },
314
- "propToVariantKeys": { "variant": ["dividerVariantLine"] },
315
- "runtimeConfigDefaultProps": {},
316
- "runtimeConfigGetStyles": {},
317
- "runtimeConfigInternalComponentProps": {},
318
- "motionVarPrefixes": [],
319
- "factoryTarget": null
320
- },
321
254
  Spinner: {
322
255
  "name": "Spinner",
323
256
  "defaultProps": {
@@ -484,6 +417,73 @@ var componentData_default = {
484
417
  "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"],
485
418
  "factoryTarget": null
486
419
  },
420
+ DividerLabel: {
421
+ "name": "DividerLabel",
422
+ "defaultProps": {
423
+ "variant": "primary",
424
+ "textVariant": "inherit",
425
+ "color": "inherit",
426
+ "as": "span"
427
+ },
428
+ "getStylesLiterals": {},
429
+ "cxLiterals": ["inherit"],
430
+ "internalComponents": ["Text"],
431
+ "internalComponentProps": {},
432
+ "propToVariantKeys": {
433
+ "variant": ["dividerVariantLabel"],
434
+ "textVariant": ["variant"]
435
+ },
436
+ "runtimeConfigDefaultProps": {},
437
+ "runtimeConfigGetStyles": {},
438
+ "runtimeConfigInternalComponentProps": {},
439
+ "motionVarPrefixes": [],
440
+ "factoryTarget": null
441
+ },
442
+ Divider: {
443
+ "name": "Divider",
444
+ "defaultProps": {
445
+ "variant": "primary",
446
+ "contentPosition": "center"
447
+ },
448
+ "getStylesLiterals": {},
449
+ "cxLiterals": ["inherit"],
450
+ "internalComponents": [
451
+ "DividerLine",
452
+ "DividerLabel",
453
+ "InternalComponent",
454
+ "Box"
455
+ ],
456
+ "internalComponentProps": {
457
+ "InternalComponent": {
458
+ "alignItems": ["center"],
459
+ "flex": ["1"]
460
+ },
461
+ "Box": {
462
+ "display": ["flex"],
463
+ "flex": ["none"]
464
+ }
465
+ },
466
+ "propToVariantKeys": { "variant": ["dividerVariantRoot"] },
467
+ "runtimeConfigDefaultProps": {},
468
+ "runtimeConfigGetStyles": {},
469
+ "runtimeConfigInternalComponentProps": {},
470
+ "motionVarPrefixes": [],
471
+ "factoryTarget": null
472
+ },
473
+ DividerLine: {
474
+ "name": "DividerLine",
475
+ "defaultProps": { "variant": "primary" },
476
+ "getStylesLiterals": {},
477
+ "cxLiterals": ["inherit"],
478
+ "internalComponents": ["Box"],
479
+ "internalComponentProps": { "Box": { "flex": ["1"] } },
480
+ "propToVariantKeys": { "variant": ["dividerVariantLine"] },
481
+ "runtimeConfigDefaultProps": {},
482
+ "runtimeConfigGetStyles": {},
483
+ "runtimeConfigInternalComponentProps": {},
484
+ "motionVarPrefixes": [],
485
+ "factoryTarget": null
486
+ },
487
487
  BannerContent: {
488
488
  "name": "BannerContent",
489
489
  "defaultProps": {},
@@ -615,6 +615,117 @@ var componentData_default = {
615
615
  "motionVarPrefixes": [],
616
616
  "factoryTarget": null
617
617
  },
618
+ Switch: {
619
+ "name": "Switch",
620
+ "defaultProps": {},
621
+ "getStylesLiterals": {
622
+ "switchVariantActiveHandle": "on",
623
+ "switchVariantActiveHandle:1": "off",
624
+ "switchVariantHandle": "default",
625
+ "switchVariantHandleIcon": "default",
626
+ "switchVariantActiveHandleIcon": "on",
627
+ "switchVariantActiveHandleIcon:1": "off"
628
+ },
629
+ "cxLiterals": [
630
+ "relative",
631
+ "pointer-events-none",
632
+ "uds-border-radius-full",
633
+ "overflow-hidden",
634
+ "absolute",
635
+ "top-0",
636
+ "left-0",
637
+ "right-0",
638
+ "bottom-0",
639
+ "opacity-95",
640
+ "group-hover:opacity-100",
641
+ "transition-[background-color,box-shadow,opacity]",
642
+ "opacity-0",
643
+ "m-auto",
644
+ "transition-opacity",
645
+ "opacity-100"
646
+ ],
647
+ "internalComponents": [
648
+ "IconSlot",
649
+ "SwitchBase",
650
+ "Box",
651
+ "SpringMotionConfig",
652
+ "MotionBox",
653
+ "SwitchProps",
654
+ "SwitchStaticHandle"
655
+ ],
656
+ "internalComponentProps": { "IconSlot": { "data-testid": ["on-icon", "off-icon"] } },
657
+ "propToVariantKeys": {
658
+ "size": ["switchSizeHandle", "switchSizeHandleIcon"],
659
+ "reduceMotion": ["reducedMotion"]
660
+ },
661
+ "runtimeConfigDefaultProps": {},
662
+ "runtimeConfigGetStyles": {},
663
+ "runtimeConfigInternalComponentProps": {},
664
+ "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"],
665
+ "factoryTarget": null
666
+ },
667
+ SwitchBase: {
668
+ "name": "SwitchBase",
669
+ "defaultProps": {
670
+ "labelPosition": "start",
671
+ "size": "md"
672
+ },
673
+ "getStylesLiterals": {
674
+ "switchVariantRoot": "default",
675
+ "switchVariantActiveRoot": "on",
676
+ "switchVariantActiveRoot:1": "off",
677
+ "display": "flex",
678
+ "flexDirection": "row",
679
+ "flexDirection:1": "row-reverse",
680
+ "alignItems": "center",
681
+ "switchVariantSwitch": "default",
682
+ "switchVariantActiveSwitch": "on",
683
+ "switchVariantActiveSwitch:1": "off",
684
+ "borderRadius": "full",
685
+ "position": "relative"
686
+ },
687
+ "cxLiterals": [
688
+ "group",
689
+ "cursor-pointer",
690
+ "cursor-default",
691
+ "opacity-50",
692
+ "uds-ring",
693
+ "uds-ring-within",
694
+ "transition-[background-color,box-shadow]",
695
+ "cursor-[inherit]",
696
+ "absolute",
697
+ "opacity-0",
698
+ "top-[-1px]",
699
+ "left-[-1px]",
700
+ "w-[calc(100%+2px)]",
701
+ "h-[calc(100%+2px)]",
702
+ "text-start",
703
+ "text-end",
704
+ "translate-x-[1.25rem]",
705
+ "rtl:translate-x-[-1.25rem]",
706
+ "translate-x-[0.75rem]",
707
+ "rtl:translate-x-[-0.75rem]"
708
+ ],
709
+ "internalComponents": [
710
+ "FormLabel",
711
+ "RootElement",
712
+ "Box"
713
+ ],
714
+ "internalComponentProps": {
715
+ "FormLabel": {
716
+ "as": ["div"],
717
+ "variant": ["inherit"],
718
+ "color": ["inherit"]
719
+ },
720
+ "RootElement": { "data-testid": ["container"] }
721
+ },
722
+ "propToVariantKeys": { "size": ["switchSizeRoot", "switchSizeSwitch"] },
723
+ "runtimeConfigDefaultProps": {},
724
+ "runtimeConfigGetStyles": {},
725
+ "runtimeConfigInternalComponentProps": {},
726
+ "motionVarPrefixes": [],
727
+ "factoryTarget": null
728
+ },
618
729
  SegmentedControl: {
619
730
  "name": "SegmentedControl",
620
731
  "defaultProps": { "textVariant": "label2" },
@@ -727,83 +838,58 @@ var componentData_default = {
727
838
  "motionVarPrefixes": ["--uds-motion-smooth-3-"],
728
839
  "factoryTarget": null
729
840
  },
730
- Switch: {
731
- "name": "Switch",
841
+ RadioGroupStore: {
842
+ "name": "RadioGroupStore",
732
843
  "defaultProps": {},
733
- "getStylesLiterals": {
734
- "switchVariantActiveHandle": "on",
735
- "switchVariantActiveHandle:1": "off",
736
- "switchVariantHandle": "default",
737
- "switchVariantHandleIcon": "default",
738
- "switchVariantActiveHandleIcon": "on",
739
- "switchVariantActiveHandleIcon:1": "off"
740
- },
741
- "cxLiterals": [
742
- "relative",
743
- "pointer-events-none",
744
- "uds-border-radius-full",
745
- "overflow-hidden",
746
- "absolute",
747
- "top-0",
748
- "left-0",
749
- "right-0",
750
- "bottom-0",
751
- "opacity-95",
752
- "group-hover:opacity-100",
753
- "transition-[background-color,box-shadow,opacity]",
754
- "opacity-0",
755
- "m-auto",
756
- "transition-opacity",
757
- "opacity-100"
758
- ],
844
+ "getStylesLiterals": {},
845
+ "cxLiterals": [],
846
+ "internalComponents": [],
847
+ "internalComponentProps": {},
848
+ "propToVariantKeys": {},
849
+ "runtimeConfigDefaultProps": {},
850
+ "runtimeConfigGetStyles": {},
851
+ "runtimeConfigInternalComponentProps": {},
852
+ "motionVarPrefixes": [],
853
+ "factoryTarget": null
854
+ },
855
+ RadioGroupProvider: {
856
+ "name": "RadioGroupProvider",
857
+ "defaultProps": {},
858
+ "getStylesLiterals": {},
859
+ "cxLiterals": [],
759
860
  "internalComponents": [
760
- "IconSlot",
761
- "SwitchBase",
762
- "Box",
763
- "SpringMotionConfig",
764
- "MotionBox",
765
- "SwitchProps",
766
- "SwitchStaticHandle"
861
+ "DivProps",
862
+ "Comp",
863
+ "RadioGroupContext.Provider"
767
864
  ],
768
- "internalComponentProps": { "IconSlot": { "data-testid": ["on-icon", "off-icon"] } },
769
- "propToVariantKeys": {
770
- "size": ["switchSizeHandle", "switchSizeHandleIcon"],
771
- "reduceMotion": ["reducedMotion"]
772
- },
865
+ "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
866
+ "propToVariantKeys": {},
773
867
  "runtimeConfigDefaultProps": {},
774
868
  "runtimeConfigGetStyles": {},
775
869
  "runtimeConfigInternalComponentProps": {},
776
- "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"],
870
+ "motionVarPrefixes": [],
777
871
  "factoryTarget": null
778
872
  },
779
- SwitchBase: {
780
- "name": "SwitchBase",
873
+ RadioBase: {
874
+ "name": "RadioBase",
781
875
  "defaultProps": {
782
876
  "labelPosition": "start",
783
- "size": "md"
877
+ "variant": "primary",
878
+ "size": "md",
879
+ "value": ""
784
880
  },
785
881
  "getStylesLiterals": {
786
- "switchVariantRoot": "default",
787
- "switchVariantActiveRoot": "on",
788
- "switchVariantActiveRoot:1": "off",
882
+ "radioVariantValueRoot": "checked",
883
+ "radioVariantValueRoot:1": "unchecked",
789
884
  "display": "flex",
790
885
  "flexDirection": "row",
791
886
  "flexDirection:1": "row-reverse",
792
- "alignItems": "center",
793
- "switchVariantSwitch": "default",
794
- "switchVariantActiveSwitch": "on",
795
- "switchVariantActiveSwitch:1": "off",
796
- "borderRadius": "full",
797
- "position": "relative"
887
+ "alignItems": "center"
798
888
  },
799
889
  "cxLiterals": [
800
- "group",
801
890
  "cursor-pointer",
802
891
  "cursor-default",
803
892
  "opacity-50",
804
- "uds-ring",
805
- "uds-ring-within",
806
- "transition-[background-color,box-shadow]",
807
893
  "cursor-[inherit]",
808
894
  "absolute",
809
895
  "opacity-0",
@@ -812,30 +898,87 @@ var componentData_default = {
812
898
  "w-[calc(100%+2px)]",
813
899
  "h-[calc(100%+2px)]",
814
900
  "text-start",
815
- "text-end",
816
- "translate-x-[1.25rem]",
817
- "rtl:translate-x-[-1.25rem]",
818
- "translate-x-[0.75rem]",
819
- "rtl:translate-x-[-0.75rem]"
901
+ "text-end"
902
+ ],
903
+ "internalComponents": ["FormLabel"],
904
+ "internalComponentProps": { "FormLabel": {
905
+ "as": ["div"],
906
+ "variant": ["inherit"],
907
+ "color": ["inherit"]
908
+ } },
909
+ "propToVariantKeys": {
910
+ "size": ["radioSizeRoot"],
911
+ "variant": ["radioVariantRoot"]
912
+ },
913
+ "runtimeConfigDefaultProps": {},
914
+ "runtimeConfigGetStyles": {},
915
+ "runtimeConfigInternalComponentProps": {},
916
+ "motionVarPrefixes": [],
917
+ "factoryTarget": null
918
+ },
919
+ Radio: {
920
+ "name": "Radio",
921
+ "defaultProps": {},
922
+ "getStylesLiterals": {
923
+ "radioVariantValueRadio": "checked",
924
+ "radioVariantValueRadio:1": "unchecked",
925
+ "radioVariantValueRadioCircle": "checked",
926
+ "radioVariantValueRadioCircle:1": "unchecked"
927
+ },
928
+ "cxLiterals": [
929
+ "opacity-55",
930
+ "opacity-100",
931
+ "opacity-0",
932
+ "border",
933
+ "uds-ring",
934
+ "uds-ring-within",
935
+ "transition-[background-color,border-color]",
936
+ "transition-shadow",
937
+ "pointer-events-none",
938
+ "w-[8px]",
939
+ "h-[8px]",
940
+ "transition-opacity",
941
+ "group",
942
+ "group-hover:scale-110",
943
+ "group-active:scale-90",
944
+ "group-active:uds-inset-shadow-lg-invert",
945
+ "group-hover:uds-inset-shadow-lg-invert",
946
+ "transition-[background-color,border-color,transform]"
820
947
  ],
821
948
  "internalComponents": [
822
- "FormLabel",
949
+ "RadioBase",
950
+ "Box",
951
+ "SpringMotionConfig",
823
952
  "RootElement",
824
- "Box"
953
+ "MotionBox",
954
+ "RadioProps"
825
955
  ],
826
956
  "internalComponentProps": {
827
- "FormLabel": {
828
- "as": ["div"],
829
- "variant": ["inherit"],
830
- "color": ["inherit"]
957
+ "Box": {
958
+ "borderRadius": ["full"],
959
+ "position": ["relative"],
960
+ "alignItems": ["center"],
961
+ "justifyContent": ["center"],
962
+ "flex": ["none"]
831
963
  },
832
- "RootElement": { "data-testid": ["container"] }
964
+ "RootElement": { "data-testid": ["container"] },
965
+ "MotionBox": {
966
+ "position": ["relative"],
967
+ "borderRadius": ["full"],
968
+ "alignItems": ["center"],
969
+ "justifyContent": ["center"],
970
+ "flex": ["none"]
971
+ }
972
+ },
973
+ "propToVariantKeys": {
974
+ "size": ["radioSizeRadio"],
975
+ "variant": ["radioVariantRadio", "radioVariantRadioCircle"],
976
+ "reduceMotion": ["reducedMotion"]
833
977
  },
834
- "propToVariantKeys": { "size": ["switchSizeRoot", "switchSizeSwitch"] },
835
978
  "runtimeConfigDefaultProps": {},
836
979
  "runtimeConfigGetStyles": {},
837
980
  "runtimeConfigInternalComponentProps": {},
838
- "motionVarPrefixes": [],
981
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"],
839
982
  "factoryTarget": null
840
983
  },
841
984
  ChipDismissible: {
@@ -988,149 +1131,6 @@ var componentData_default = {
988
1131
  "motionVarPrefixes": [],
989
1132
  "factoryTarget": null
990
1133
  },
991
- RadioGroupStore: {
992
- "name": "RadioGroupStore",
993
- "defaultProps": {},
994
- "getStylesLiterals": {},
995
- "cxLiterals": [],
996
- "internalComponents": [],
997
- "internalComponentProps": {},
998
- "propToVariantKeys": {},
999
- "runtimeConfigDefaultProps": {},
1000
- "runtimeConfigGetStyles": {},
1001
- "runtimeConfigInternalComponentProps": {},
1002
- "motionVarPrefixes": [],
1003
- "factoryTarget": null
1004
- },
1005
- RadioGroupProvider: {
1006
- "name": "RadioGroupProvider",
1007
- "defaultProps": {},
1008
- "getStylesLiterals": {},
1009
- "cxLiterals": [],
1010
- "internalComponents": [
1011
- "DivProps",
1012
- "Comp",
1013
- "RadioGroupContext.Provider"
1014
- ],
1015
- "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1016
- "propToVariantKeys": {},
1017
- "runtimeConfigDefaultProps": {},
1018
- "runtimeConfigGetStyles": {},
1019
- "runtimeConfigInternalComponentProps": {},
1020
- "motionVarPrefixes": [],
1021
- "factoryTarget": null
1022
- },
1023
- RadioBase: {
1024
- "name": "RadioBase",
1025
- "defaultProps": {
1026
- "labelPosition": "start",
1027
- "variant": "primary",
1028
- "size": "md",
1029
- "value": ""
1030
- },
1031
- "getStylesLiterals": {
1032
- "radioVariantValueRoot": "checked",
1033
- "radioVariantValueRoot:1": "unchecked",
1034
- "display": "flex",
1035
- "flexDirection": "row",
1036
- "flexDirection:1": "row-reverse",
1037
- "alignItems": "center"
1038
- },
1039
- "cxLiterals": [
1040
- "cursor-pointer",
1041
- "cursor-default",
1042
- "opacity-50",
1043
- "cursor-[inherit]",
1044
- "absolute",
1045
- "opacity-0",
1046
- "top-[-1px]",
1047
- "left-[-1px]",
1048
- "w-[calc(100%+2px)]",
1049
- "h-[calc(100%+2px)]",
1050
- "text-start",
1051
- "text-end"
1052
- ],
1053
- "internalComponents": ["FormLabel"],
1054
- "internalComponentProps": { "FormLabel": {
1055
- "as": ["div"],
1056
- "variant": ["inherit"],
1057
- "color": ["inherit"]
1058
- } },
1059
- "propToVariantKeys": {
1060
- "size": ["radioSizeRoot"],
1061
- "variant": ["radioVariantRoot"]
1062
- },
1063
- "runtimeConfigDefaultProps": {},
1064
- "runtimeConfigGetStyles": {},
1065
- "runtimeConfigInternalComponentProps": {},
1066
- "motionVarPrefixes": [],
1067
- "factoryTarget": null
1068
- },
1069
- Radio: {
1070
- "name": "Radio",
1071
- "defaultProps": {},
1072
- "getStylesLiterals": {
1073
- "radioVariantValueRadio": "checked",
1074
- "radioVariantValueRadio:1": "unchecked",
1075
- "radioVariantValueRadioCircle": "checked",
1076
- "radioVariantValueRadioCircle:1": "unchecked"
1077
- },
1078
- "cxLiterals": [
1079
- "opacity-55",
1080
- "opacity-100",
1081
- "opacity-0",
1082
- "border",
1083
- "uds-ring",
1084
- "uds-ring-within",
1085
- "transition-[background-color,border-color]",
1086
- "transition-shadow",
1087
- "pointer-events-none",
1088
- "w-[8px]",
1089
- "h-[8px]",
1090
- "transition-opacity",
1091
- "group",
1092
- "group-hover:scale-110",
1093
- "group-active:scale-90",
1094
- "group-active:uds-inset-shadow-lg-invert",
1095
- "group-hover:uds-inset-shadow-lg-invert",
1096
- "transition-[background-color,border-color,transform]"
1097
- ],
1098
- "internalComponents": [
1099
- "RadioBase",
1100
- "Box",
1101
- "SpringMotionConfig",
1102
- "RootElement",
1103
- "MotionBox",
1104
- "RadioProps"
1105
- ],
1106
- "internalComponentProps": {
1107
- "Box": {
1108
- "borderRadius": ["full"],
1109
- "position": ["relative"],
1110
- "alignItems": ["center"],
1111
- "justifyContent": ["center"],
1112
- "flex": ["none"]
1113
- },
1114
- "RootElement": { "data-testid": ["container"] },
1115
- "MotionBox": {
1116
- "position": ["relative"],
1117
- "borderRadius": ["full"],
1118
- "alignItems": ["center"],
1119
- "justifyContent": ["center"],
1120
- "flex": ["none"]
1121
- }
1122
- },
1123
- "propToVariantKeys": {
1124
- "size": ["radioSizeRadio"],
1125
- "variant": ["radioVariantRadio", "radioVariantRadioCircle"],
1126
- "reduceMotion": ["reducedMotion"]
1127
- },
1128
- "runtimeConfigDefaultProps": {},
1129
- "runtimeConfigGetStyles": {},
1130
- "runtimeConfigInternalComponentProps": {},
1131
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"],
1132
- "factoryTarget": null
1133
- },
1134
1134
  Button: {
1135
1135
  "name": "Button",
1136
1136
  "defaultProps": {},
@@ -1220,6 +1220,84 @@ var componentData_default = {
1220
1220
  "motionVarPrefixes": [],
1221
1221
  "factoryTarget": null
1222
1222
  },
1223
+ IconButtonBase: {
1224
+ "name": "IconButtonBase",
1225
+ "defaultProps": { "type": "button" },
1226
+ "getStylesLiterals": {},
1227
+ "cxLiterals": [
1228
+ "uds-ring",
1229
+ "uds-hit-target",
1230
+ "inline-flex",
1231
+ "overflow-hidden",
1232
+ "justify-center",
1233
+ "items-center",
1234
+ "[transform-origin:center]",
1235
+ "[backface-visibility:hidden]",
1236
+ "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
1237
+ "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
1238
+ "[transition-duration:220ms]",
1239
+ "cursor-not-allowed",
1240
+ "uds-button-loading",
1241
+ "uds-button-without-effects",
1242
+ "animate-spin"
1243
+ ],
1244
+ "internalComponents": [],
1245
+ "internalComponentProps": {},
1246
+ "propToVariantKeys": {
1247
+ "size": ["iconbuttonSizeRoot", "iconbuttonSizeIcon"],
1248
+ "variant": ["buttonVariantRoot", "buttonVariantIcon"]
1249
+ },
1250
+ "runtimeConfigDefaultProps": { "size": "iconButton.defaultSize" },
1251
+ "runtimeConfigGetStyles": {},
1252
+ "runtimeConfigInternalComponentProps": {},
1253
+ "motionVarPrefixes": [],
1254
+ "factoryTarget": null
1255
+ },
1256
+ IconButton: {
1257
+ "name": "IconButton",
1258
+ "defaultProps": {},
1259
+ "getStylesLiterals": {},
1260
+ "cxLiterals": [],
1261
+ "internalComponents": [
1262
+ "IconButtonBase",
1263
+ "Icon",
1264
+ "AnimatePresence",
1265
+ "SpringMotionConfig",
1266
+ "MotionSlot",
1267
+ "IconButtonProps",
1268
+ "Slot"
1269
+ ],
1270
+ "internalComponentProps": {
1271
+ "Icon": { "color": ["current"] },
1272
+ "AnimatePresence": { "mode": ["popLayout"] },
1273
+ "SpringMotionConfig": { "layoutSpeed": ["3"] },
1274
+ "MotionSlot": {
1275
+ "initial": ["icon"],
1276
+ "whileHover": ["hover"],
1277
+ "whileTap": ["pressed"]
1278
+ }
1279
+ },
1280
+ "propToVariantKeys": {},
1281
+ "runtimeConfigDefaultProps": {},
1282
+ "runtimeConfigGetStyles": {},
1283
+ "runtimeConfigInternalComponentProps": {},
1284
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"],
1285
+ "factoryTarget": null
1286
+ },
1287
+ UDSIconButtonConfigProvider: {
1288
+ "name": "UDSIconButtonConfigProvider",
1289
+ "defaultProps": {},
1290
+ "getStylesLiterals": {},
1291
+ "cxLiterals": [],
1292
+ "internalComponents": ["IconButtonContext.Provider"],
1293
+ "internalComponentProps": {},
1294
+ "propToVariantKeys": {},
1295
+ "runtimeConfigDefaultProps": {},
1296
+ "runtimeConfigGetStyles": {},
1297
+ "runtimeConfigInternalComponentProps": {},
1298
+ "motionVarPrefixes": [],
1299
+ "factoryTarget": null
1300
+ },
1223
1301
  UDSInputConfigProvider: {
1224
1302
  "name": "UDSInputConfigProvider",
1225
1303
  "defaultProps": {},
@@ -1370,84 +1448,6 @@ var componentData_default = {
1370
1448
  "motionVarPrefixes": [],
1371
1449
  "factoryTarget": null
1372
1450
  },
1373
- IconButtonBase: {
1374
- "name": "IconButtonBase",
1375
- "defaultProps": { "type": "button" },
1376
- "getStylesLiterals": {},
1377
- "cxLiterals": [
1378
- "uds-ring",
1379
- "uds-hit-target",
1380
- "inline-flex",
1381
- "overflow-hidden",
1382
- "justify-center",
1383
- "items-center",
1384
- "[transform-origin:center]",
1385
- "[backface-visibility:hidden]",
1386
- "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
1387
- "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
1388
- "[transition-duration:220ms]",
1389
- "cursor-not-allowed",
1390
- "uds-button-loading",
1391
- "uds-button-without-effects",
1392
- "animate-spin"
1393
- ],
1394
- "internalComponents": [],
1395
- "internalComponentProps": {},
1396
- "propToVariantKeys": {
1397
- "size": ["iconbuttonSizeRoot", "iconbuttonSizeIcon"],
1398
- "variant": ["buttonVariantRoot", "buttonVariantIcon"]
1399
- },
1400
- "runtimeConfigDefaultProps": { "size": "iconButton.defaultSize" },
1401
- "runtimeConfigGetStyles": {},
1402
- "runtimeConfigInternalComponentProps": {},
1403
- "motionVarPrefixes": [],
1404
- "factoryTarget": null
1405
- },
1406
- IconButton: {
1407
- "name": "IconButton",
1408
- "defaultProps": {},
1409
- "getStylesLiterals": {},
1410
- "cxLiterals": [],
1411
- "internalComponents": [
1412
- "IconButtonBase",
1413
- "Icon",
1414
- "AnimatePresence",
1415
- "SpringMotionConfig",
1416
- "MotionSlot",
1417
- "IconButtonProps",
1418
- "Slot"
1419
- ],
1420
- "internalComponentProps": {
1421
- "Icon": { "color": ["current"] },
1422
- "AnimatePresence": { "mode": ["popLayout"] },
1423
- "SpringMotionConfig": { "layoutSpeed": ["3"] },
1424
- "MotionSlot": {
1425
- "initial": ["icon"],
1426
- "whileHover": ["hover"],
1427
- "whileTap": ["pressed"]
1428
- }
1429
- },
1430
- "propToVariantKeys": {},
1431
- "runtimeConfigDefaultProps": {},
1432
- "runtimeConfigGetStyles": {},
1433
- "runtimeConfigInternalComponentProps": {},
1434
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"],
1435
- "factoryTarget": null
1436
- },
1437
- UDSIconButtonConfigProvider: {
1438
- "name": "UDSIconButtonConfigProvider",
1439
- "defaultProps": {},
1440
- "getStylesLiterals": {},
1441
- "cxLiterals": [],
1442
- "internalComponents": ["IconButtonContext.Provider"],
1443
- "internalComponentProps": {},
1444
- "propToVariantKeys": {},
1445
- "runtimeConfigDefaultProps": {},
1446
- "runtimeConfigGetStyles": {},
1447
- "runtimeConfigInternalComponentProps": {},
1448
- "motionVarPrefixes": [],
1449
- "factoryTarget": null
1450
- },
1451
1451
  PopoverContext: {
1452
1452
  "name": "PopoverContext",
1453
1453
  "defaultProps": {},