@yahoo/uds 3.158.1 → 3.159.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.
@@ -495,6 +495,226 @@ var componentData_default = {
495
495
  "runtimeConfigInternalComponentProps": {},
496
496
  "motionVarPrefixes": []
497
497
  },
498
+ Accordion: {
499
+ "name": "Accordion",
500
+ "defaultProps": {
501
+ "spacingHorizontal": "4",
502
+ "spacingVertical": "4"
503
+ },
504
+ "getStylesLiterals": {},
505
+ "cxLiterals": ["hover:bg-secondary/80", "w-full"],
506
+ "internalComponents": [
507
+ "Icon",
508
+ "SpringMotionConfig",
509
+ "Pressable",
510
+ "Text",
511
+ "HStack",
512
+ "AnimatePresence",
513
+ "VStack"
514
+ ],
515
+ "internalComponentProps": {
516
+ "Icon": {
517
+ "variant": ["fill"],
518
+ "size": ["sm"],
519
+ "color": ["primary"]
520
+ },
521
+ "SpringMotionConfig": {
522
+ "layoutVariant": ["smooth"],
523
+ "layoutSpeed": ["3"]
524
+ },
525
+ "Pressable": {
526
+ "display": ["flex"],
527
+ "flexDirection": ["row"],
528
+ "alignItems": ["center"],
529
+ "justifyContent": ["space-between"],
530
+ "borderRadius": ["md"]
531
+ },
532
+ "Text": {
533
+ "variant": ["title4"],
534
+ "color": ["primary"]
535
+ },
536
+ "HStack": {
537
+ "display": ["flex"],
538
+ "alignItems": ["center"],
539
+ "justifyContent": ["space-between"],
540
+ "columnGap": ["2.5"]
541
+ }
542
+ },
543
+ "propToVariantKeys": {},
544
+ "runtimeConfigDefaultProps": {},
545
+ "runtimeConfigGetStyles": {},
546
+ "runtimeConfigInternalComponentProps": {},
547
+ "motionVarPrefixes": ["--uds-motion-smooth-3-"]
548
+ },
549
+ AvoidMotionLibraryProvider: {
550
+ "name": "AvoidMotionLibraryProvider",
551
+ "defaultProps": {},
552
+ "getStylesLiterals": {},
553
+ "cxLiterals": [],
554
+ "internalComponents": [],
555
+ "internalComponentProps": {},
556
+ "propToVariantKeys": {},
557
+ "runtimeConfigDefaultProps": {},
558
+ "runtimeConfigGetStyles": {},
559
+ "runtimeConfigInternalComponentProps": {},
560
+ "motionVarPrefixes": []
561
+ },
562
+ SwitchV2: {
563
+ "name": "SwitchV2",
564
+ "defaultProps": {
565
+ "labelPosition": "start",
566
+ "size": "md"
567
+ },
568
+ "getStylesLiterals": {
569
+ "switchVariantRoot": "default",
570
+ "switchVariantActiveRoot": "on",
571
+ "switchVariantActiveRoot:1": "off",
572
+ "switchVariantSwitch": "default",
573
+ "switchVariantActiveSwitch": "on",
574
+ "switchVariantActiveSwitch:1": "off",
575
+ "switchVariantActiveHandle": "on",
576
+ "switchVariantActiveHandle:1": "off",
577
+ "switchVariantHandle": "default",
578
+ "switchVariantHandleIcon": "default",
579
+ "switchVariantActiveHandleIcon": "on",
580
+ "switchVariantActiveHandleIcon:1": "off"
581
+ },
582
+ "cxLiterals": [
583
+ "group",
584
+ "flex",
585
+ "items-center",
586
+ "flex-row",
587
+ "flex-row-reverse",
588
+ "uds-ring",
589
+ "uds-ring-within",
590
+ "relative",
591
+ "uds-border-radius-full",
592
+ "transition-[background-color,box-shadow]",
593
+ "pointer-events-none",
594
+ "w-full",
595
+ "h-full",
596
+ "absolute",
597
+ "top-0",
598
+ "bottom-0",
599
+ "right-0",
600
+ "left-0",
601
+ "overflow-hidden",
602
+ "group-hover:scale-105",
603
+ "opacity-95",
604
+ "group-hover:opacity-100",
605
+ "transition-[transform,opacity]",
606
+ "opacity-0",
607
+ "top-1/2",
608
+ "left-1/2",
609
+ "transform",
610
+ "translate-x-[-50%]",
611
+ "translate-y-[-50%]",
612
+ "transition-opacity",
613
+ "cursor-[inherit]",
614
+ "w-[calc(100%+2px)]",
615
+ "h-[calc(100%+2px)]",
616
+ "text-start",
617
+ "text-end",
618
+ "opacity-100"
619
+ ],
620
+ "internalComponents": [
621
+ "IconSlot",
622
+ "Box",
623
+ "FormLabel",
624
+ "SpringMotionConfig",
625
+ "RootElement",
626
+ "MotionBox"
627
+ ],
628
+ "internalComponentProps": {
629
+ "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
630
+ "FormLabel": {
631
+ "as": ["div"],
632
+ "variant": ["inherit"],
633
+ "color": ["inherit"]
634
+ },
635
+ "SpringMotionConfig": {
636
+ "layoutVariant": ["bouncy"],
637
+ "layoutSpeed": ["4"]
638
+ },
639
+ "RootElement": { "data-testid": ["switch-root"] },
640
+ "MotionBox": { "layout": ["position"] }
641
+ },
642
+ "propToVariantKeys": {
643
+ "size": [
644
+ "switchSizeRoot",
645
+ "switchSizeSwitch",
646
+ "switchSizeHandle",
647
+ "switchSizeHandleIcon"
648
+ ],
649
+ "onIcon": ["icon"],
650
+ "offIcon": ["icon"],
651
+ "reduceMotion": ["reducedMotion"],
652
+ "isOn": ["layoutDependency"]
653
+ },
654
+ "runtimeConfigDefaultProps": {},
655
+ "runtimeConfigGetStyles": {},
656
+ "runtimeConfigInternalComponentProps": {},
657
+ "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
658
+ },
659
+ SegmentedControl: {
660
+ "name": "SegmentedControl",
661
+ "defaultProps": { "textVariant": "label2" },
662
+ "getStylesLiterals": {
663
+ "display": "flex",
664
+ "alignItems": "center",
665
+ "backgroundColor": "primary",
666
+ "spacingVertical": "1",
667
+ "spacingHorizontal": "3",
668
+ "columnGap": "1.5",
669
+ "borderWidth": "thin",
670
+ "borderRadius": "full",
671
+ "borderColor": "muted",
672
+ "borderColor:1": "transparent",
673
+ "color": "primary",
674
+ "color:1": "tertiary",
675
+ "color:2": "muted"
676
+ },
677
+ "cxLiterals": [
678
+ "uds-ring",
679
+ "cursor-not-allowed",
680
+ "opacity-50",
681
+ "pointer-events-none",
682
+ "hover:bg-primary"
683
+ ],
684
+ "internalComponents": [
685
+ "Radio",
686
+ "Icon",
687
+ "RadioProvider",
688
+ "HStack",
689
+ "RadioGroup",
690
+ "Pressable",
691
+ "Text"
692
+ ],
693
+ "internalComponentProps": {
694
+ "Icon": {
695
+ "size": ["sm"],
696
+ "color": ["current"],
697
+ "aria-hidden": ["true"]
698
+ },
699
+ "HStack": {
700
+ "spacing": ["1"],
701
+ "gap": ["1"],
702
+ "backgroundColor": ["secondary"],
703
+ "borderRadius": ["full"],
704
+ "display": ["inline-flex"]
705
+ },
706
+ "Text": { "color": ["current"] }
707
+ },
708
+ "propToVariantKeys": {
709
+ "value": ["key"],
710
+ "label": ["aria-label"],
711
+ "textVariant": ["variant"]
712
+ },
713
+ "runtimeConfigDefaultProps": {},
714
+ "runtimeConfigGetStyles": {},
715
+ "runtimeConfigInternalComponentProps": {},
716
+ "motionVarPrefixes": []
717
+ },
498
718
  Checkbox: {
499
719
  "name": "Checkbox",
500
720
  "defaultProps": {
@@ -850,240 +1070,20 @@ var componentData_default = {
850
1070
  "runtimeConfigInternalComponentProps": {},
851
1071
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
852
1072
  },
853
- Accordion: {
854
- "name": "Accordion",
855
- "defaultProps": {
856
- "spacingHorizontal": "4",
857
- "spacingVertical": "4"
858
- },
859
- "getStylesLiterals": {},
860
- "cxLiterals": ["hover:bg-secondary/80", "w-full"],
861
- "internalComponents": [
862
- "Icon",
863
- "SpringMotionConfig",
864
- "Pressable",
865
- "Text",
866
- "HStack",
867
- "AnimatePresence",
868
- "VStack"
869
- ],
870
- "internalComponentProps": {
871
- "Icon": {
872
- "variant": ["fill"],
873
- "size": ["sm"],
874
- "color": ["primary"]
875
- },
876
- "SpringMotionConfig": {
877
- "layoutVariant": ["smooth"],
878
- "layoutSpeed": ["3"]
879
- },
880
- "Pressable": {
881
- "display": ["flex"],
882
- "flexDirection": ["row"],
883
- "alignItems": ["center"],
884
- "justifyContent": ["space-between"],
885
- "borderRadius": ["md"]
886
- },
887
- "Text": {
888
- "variant": ["title4"],
889
- "color": ["primary"]
890
- },
891
- "HStack": {
892
- "display": ["flex"],
893
- "alignItems": ["center"],
894
- "justifyContent": ["space-between"],
895
- "columnGap": ["2.5"]
896
- }
897
- },
898
- "propToVariantKeys": {},
899
- "runtimeConfigDefaultProps": {},
900
- "runtimeConfigGetStyles": {},
901
- "runtimeConfigInternalComponentProps": {},
902
- "motionVarPrefixes": ["--uds-motion-smooth-3-"]
903
- },
904
- AvoidMotionLibraryProvider: {
905
- "name": "AvoidMotionLibraryProvider",
906
- "defaultProps": {},
907
- "getStylesLiterals": {},
908
- "cxLiterals": [],
909
- "internalComponents": [],
910
- "internalComponentProps": {},
911
- "propToVariantKeys": {},
912
- "runtimeConfigDefaultProps": {},
913
- "runtimeConfigGetStyles": {},
914
- "runtimeConfigInternalComponentProps": {},
915
- "motionVarPrefixes": []
916
- },
917
- SwitchV2: {
918
- "name": "SwitchV2",
919
- "defaultProps": {
920
- "labelPosition": "start",
921
- "size": "md"
922
- },
923
- "getStylesLiterals": {
924
- "switchVariantRoot": "default",
925
- "switchVariantActiveRoot": "on",
926
- "switchVariantActiveRoot:1": "off",
927
- "switchVariantSwitch": "default",
928
- "switchVariantActiveSwitch": "on",
929
- "switchVariantActiveSwitch:1": "off",
930
- "switchVariantActiveHandle": "on",
931
- "switchVariantActiveHandle:1": "off",
932
- "switchVariantHandle": "default",
933
- "switchVariantHandleIcon": "default",
934
- "switchVariantActiveHandleIcon": "on",
935
- "switchVariantActiveHandleIcon:1": "off"
936
- },
937
- "cxLiterals": [
938
- "group",
939
- "flex",
940
- "items-center",
941
- "flex-row",
942
- "flex-row-reverse",
943
- "uds-ring",
944
- "uds-ring-within",
945
- "relative",
946
- "uds-border-radius-full",
947
- "transition-[background-color,box-shadow]",
948
- "pointer-events-none",
949
- "w-full",
950
- "h-full",
951
- "absolute",
952
- "top-0",
953
- "bottom-0",
954
- "right-0",
955
- "left-0",
956
- "overflow-hidden",
957
- "group-hover:scale-105",
958
- "opacity-95",
959
- "group-hover:opacity-100",
960
- "transition-[transform,opacity]",
961
- "opacity-0",
962
- "top-1/2",
963
- "left-1/2",
964
- "transform",
965
- "translate-x-[-50%]",
966
- "translate-y-[-50%]",
967
- "transition-opacity",
968
- "cursor-[inherit]",
969
- "w-[calc(100%+2px)]",
970
- "h-[calc(100%+2px)]",
971
- "text-start",
972
- "text-end",
973
- "opacity-100"
974
- ],
975
- "internalComponents": [
976
- "IconSlot",
977
- "Box",
978
- "FormLabel",
979
- "SpringMotionConfig",
980
- "RootElement",
981
- "MotionBox"
982
- ],
983
- "internalComponentProps": {
984
- "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
985
- "FormLabel": {
986
- "as": ["div"],
987
- "variant": ["inherit"],
988
- "color": ["inherit"]
989
- },
990
- "SpringMotionConfig": {
991
- "layoutVariant": ["bouncy"],
992
- "layoutSpeed": ["4"]
993
- },
994
- "RootElement": { "data-testid": ["switch-root"] },
995
- "MotionBox": { "layout": ["position"] }
996
- },
997
- "propToVariantKeys": {
998
- "size": [
999
- "switchSizeRoot",
1000
- "switchSizeSwitch",
1001
- "switchSizeHandle",
1002
- "switchSizeHandleIcon"
1003
- ],
1004
- "onIcon": ["icon"],
1005
- "offIcon": ["icon"],
1006
- "reduceMotion": ["reducedMotion"],
1007
- "isOn": ["layoutDependency"]
1008
- },
1009
- "runtimeConfigDefaultProps": {},
1010
- "runtimeConfigGetStyles": {},
1011
- "runtimeConfigInternalComponentProps": {},
1012
- "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
1013
- },
1014
- SegmentedControl: {
1015
- "name": "SegmentedControl",
1016
- "defaultProps": { "textVariant": "label2" },
1017
- "getStylesLiterals": {
1018
- "display": "flex",
1019
- "alignItems": "center",
1020
- "backgroundColor": "primary",
1021
- "spacingVertical": "1",
1022
- "spacingHorizontal": "3",
1023
- "columnGap": "1.5",
1024
- "borderWidth": "thin",
1025
- "borderRadius": "full",
1026
- "borderColor": "muted",
1027
- "borderColor:1": "transparent",
1028
- "color": "primary",
1029
- "color:1": "tertiary",
1030
- "color:2": "muted"
1031
- },
1032
- "cxLiterals": [
1033
- "uds-ring",
1034
- "cursor-not-allowed",
1035
- "opacity-50",
1036
- "pointer-events-none",
1037
- "hover:bg-primary"
1038
- ],
1039
- "internalComponents": [
1040
- "Radio",
1041
- "Icon",
1042
- "RadioProvider",
1043
- "HStack",
1044
- "RadioGroup",
1045
- "Pressable",
1046
- "Text"
1047
- ],
1048
- "internalComponentProps": {
1049
- "Icon": {
1050
- "size": ["sm"],
1051
- "color": ["current"],
1052
- "aria-hidden": ["true"]
1053
- },
1054
- "HStack": {
1055
- "spacing": ["1"],
1056
- "gap": ["1"],
1057
- "backgroundColor": ["secondary"],
1058
- "borderRadius": ["full"],
1059
- "display": ["inline-flex"]
1060
- },
1061
- "Text": { "color": ["current"] }
1062
- },
1063
- "propToVariantKeys": {
1064
- "value": ["key"],
1065
- "label": ["aria-label"],
1066
- "textVariant": ["variant"]
1067
- },
1068
- "runtimeConfigDefaultProps": {},
1069
- "runtimeConfigGetStyles": {},
1070
- "runtimeConfigInternalComponentProps": {},
1071
- "motionVarPrefixes": []
1072
- },
1073
- "Menu.Item": {
1074
- "name": "Menu.Item",
1075
- "defaultProps": {},
1076
- "getStylesLiterals": {
1077
- "menuitemItemVariantRoot": "default",
1078
- "menuitemItemVariantActiveRoot": "on",
1079
- "menuitemItemVariantActiveRoot:1": "off",
1080
- "menuitemSizeText": "default",
1081
- "menuitemItemVariantText": "default",
1082
- "menuitemItemVariantActiveText": "on",
1083
- "menuitemItemVariantActiveText:1": "off",
1084
- "menuitemItemVariantIcon": "default",
1085
- "menuitemItemVariantActiveIcon": "on",
1086
- "menuitemItemVariantActiveIcon:1": "off"
1073
+ "Menu.Item": {
1074
+ "name": "Menu.Item",
1075
+ "defaultProps": {},
1076
+ "getStylesLiterals": {
1077
+ "menuitemItemVariantRoot": "default",
1078
+ "menuitemItemVariantActiveRoot": "on",
1079
+ "menuitemItemVariantActiveRoot:1": "off",
1080
+ "menuitemSizeText": "default",
1081
+ "menuitemItemVariantText": "default",
1082
+ "menuitemItemVariantActiveText": "on",
1083
+ "menuitemItemVariantActiveText:1": "off",
1084
+ "menuitemItemVariantIcon": "default",
1085
+ "menuitemItemVariantActiveIcon": "on",
1086
+ "menuitemItemVariantActiveIcon:1": "off"
1087
1087
  },
1088
1088
  "cxLiterals": [],
1089
1089
  "internalComponents": ["MenuItemBase"],
@@ -2108,137 +2108,6 @@ var componentData_default = {
2108
2108
  "runtimeConfigInternalComponentProps": {},
2109
2109
  "motionVarPrefixes": []
2110
2110
  },
2111
- UDSToastConfigProvider: {
2112
- "name": "UDSToastConfigProvider",
2113
- "defaultProps": {},
2114
- "getStylesLiterals": {},
2115
- "cxLiterals": [],
2116
- "internalComponents": ["ToastContext.Provider"],
2117
- "internalComponentProps": {},
2118
- "propToVariantKeys": {},
2119
- "runtimeConfigDefaultProps": {},
2120
- "runtimeConfigGetStyles": {},
2121
- "runtimeConfigInternalComponentProps": {},
2122
- "motionVarPrefixes": []
2123
- },
2124
- ToastPortal: {
2125
- "name": "ToastPortal",
2126
- "defaultProps": {},
2127
- "getStylesLiterals": {},
2128
- "cxLiterals": [],
2129
- "internalComponents": ["ReactToastifyToastContainer"],
2130
- "internalComponentProps": {},
2131
- "propToVariantKeys": {},
2132
- "runtimeConfigDefaultProps": {
2133
- "size": "toast.defaultSize",
2134
- "variant": "toast.defaultVariant"
2135
- },
2136
- "runtimeConfigGetStyles": {},
2137
- "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
2138
- "motionVarPrefixes": []
2139
- },
2140
- ToastContainer: {
2141
- "name": "ToastContainer",
2142
- "defaultProps": {},
2143
- "getStylesLiterals": {
2144
- "position": "relative",
2145
- "alignItems": "center",
2146
- "display": "flex",
2147
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
2148
- },
2149
- "cxLiterals": ["w-full"],
2150
- "internalComponents": ["HStack"],
2151
- "internalComponentProps": { "HStack": {
2152
- "alignItems": ["center"],
2153
- "justifyContent": ["space-between"],
2154
- "overflow": ["hidden"],
2155
- "position": ["relative"]
2156
- } },
2157
- "propToVariantKeys": {
2158
- "variant": ["toastVariantRoot"],
2159
- "size": ["toastSizeRoot"]
2160
- },
2161
- "runtimeConfigDefaultProps": {
2162
- "size": "toast.defaultSize",
2163
- "variant": "toast.defaultVariant"
2164
- },
2165
- "runtimeConfigGetStyles": {
2166
- "toastVariantRoot": ["toast.defaultVariant"],
2167
- "toastSizeRoot": ["toast.defaultSize"]
2168
- },
2169
- "runtimeConfigInternalComponentProps": { "HStack": { "backgroundColor": ["toast.backgroundColor.${variant}"] } },
2170
- "motionVarPrefixes": []
2171
- },
2172
- Toast: {
2173
- "name": "Toast",
2174
- "defaultProps": {},
2175
- "getStylesLiterals": {
2176
- "className": "animate-spin",
2177
- "className:1": "flex-none",
2178
- "spacing": "2",
2179
- "borderRadius": "full"
2180
- },
2181
- "cxLiterals": [
2182
- "duration-0",
2183
- "duration-120",
2184
- "transition-[background-color]",
2185
- "bg-carbon-15/0",
2186
- "hover:bg-carbon-15/10",
2187
- "active:bg-carbon-15/15",
2188
- "uds-ring"
2189
- ],
2190
- "internalComponents": [
2191
- "IconSlot",
2192
- "ToastContainer",
2193
- "Text",
2194
- "Button",
2195
- "Pressable"
2196
- ],
2197
- "internalComponentProps": {},
2198
- "propToVariantKeys": {
2199
- "size": [
2200
- "toastSizeLabel",
2201
- "toastSizeIcon",
2202
- "toastSizeActionButton",
2203
- "toastSizeCloseIcon"
2204
- ],
2205
- "variant": [
2206
- "toastVariantIcon",
2207
- "toastVariantActionButton",
2208
- "toastVariantCloseIcon"
2209
- ],
2210
- "closeIcon": ["icon"],
2211
- "onClickActionButton": ["onClick"]
2212
- },
2213
- "runtimeConfigDefaultProps": {
2214
- "size": "toast.defaultSize",
2215
- "variant": "toast.defaultVariant"
2216
- },
2217
- "runtimeConfigGetStyles": {
2218
- "toastSizeLabel": ["toast.defaultSize"],
2219
- "toastVariantIcon": ["toast.defaultVariant"],
2220
- "toastSizeIcon": ["toast.defaultSize"],
2221
- "toastSizeActionButton": ["toast.defaultSize"],
2222
- "toastVariantActionButton": ["toast.defaultVariant"],
2223
- "toastVariantCloseIcon": ["toast.defaultVariant"],
2224
- "toastSizeCloseIcon": ["toast.defaultSize"]
2225
- },
2226
- "runtimeConfigInternalComponentProps": {
2227
- "ToastContainer": {
2228
- "size": ["toast.defaultSize"],
2229
- "variant": ["toast.defaultVariant"]
2230
- },
2231
- "Text": {
2232
- "variant": ["toast.textVariant.${size}"],
2233
- "color": ["toast.textColor.${variant}"]
2234
- },
2235
- "Button": {
2236
- "size": ["toast.buttonSize.${size}"],
2237
- "variant": ["toast.buttonVariant.${variant}"]
2238
- }
2239
- },
2240
- "motionVarPrefixes": []
2241
- },
2242
2111
  TabList: {
2243
2112
  "name": "TabList",
2244
2113
  "defaultProps": { "variant": "primary" },
@@ -2379,6 +2248,137 @@ var componentData_default = {
2379
2248
  "runtimeConfigInternalComponentProps": {},
2380
2249
  "motionVarPrefixes": []
2381
2250
  },
2251
+ UDSToastConfigProvider: {
2252
+ "name": "UDSToastConfigProvider",
2253
+ "defaultProps": {},
2254
+ "getStylesLiterals": {},
2255
+ "cxLiterals": [],
2256
+ "internalComponents": ["ToastContext.Provider"],
2257
+ "internalComponentProps": {},
2258
+ "propToVariantKeys": {},
2259
+ "runtimeConfigDefaultProps": {},
2260
+ "runtimeConfigGetStyles": {},
2261
+ "runtimeConfigInternalComponentProps": {},
2262
+ "motionVarPrefixes": []
2263
+ },
2264
+ ToastPortal: {
2265
+ "name": "ToastPortal",
2266
+ "defaultProps": {},
2267
+ "getStylesLiterals": {},
2268
+ "cxLiterals": [],
2269
+ "internalComponents": ["ReactToastifyToastContainer"],
2270
+ "internalComponentProps": {},
2271
+ "propToVariantKeys": {},
2272
+ "runtimeConfigDefaultProps": {
2273
+ "size": "toast.defaultSize",
2274
+ "variant": "toast.defaultVariant"
2275
+ },
2276
+ "runtimeConfigGetStyles": {},
2277
+ "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
2278
+ "motionVarPrefixes": []
2279
+ },
2280
+ ToastContainer: {
2281
+ "name": "ToastContainer",
2282
+ "defaultProps": {},
2283
+ "getStylesLiterals": {
2284
+ "position": "relative",
2285
+ "alignItems": "center",
2286
+ "display": "flex",
2287
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
2288
+ },
2289
+ "cxLiterals": ["w-full"],
2290
+ "internalComponents": ["HStack"],
2291
+ "internalComponentProps": { "HStack": {
2292
+ "alignItems": ["center"],
2293
+ "justifyContent": ["space-between"],
2294
+ "overflow": ["hidden"],
2295
+ "position": ["relative"]
2296
+ } },
2297
+ "propToVariantKeys": {
2298
+ "variant": ["toastVariantRoot"],
2299
+ "size": ["toastSizeRoot"]
2300
+ },
2301
+ "runtimeConfigDefaultProps": {
2302
+ "size": "toast.defaultSize",
2303
+ "variant": "toast.defaultVariant"
2304
+ },
2305
+ "runtimeConfigGetStyles": {
2306
+ "toastVariantRoot": ["toast.defaultVariant"],
2307
+ "toastSizeRoot": ["toast.defaultSize"]
2308
+ },
2309
+ "runtimeConfigInternalComponentProps": { "HStack": { "backgroundColor": ["toast.backgroundColor.${variant}"] } },
2310
+ "motionVarPrefixes": []
2311
+ },
2312
+ Toast: {
2313
+ "name": "Toast",
2314
+ "defaultProps": {},
2315
+ "getStylesLiterals": {
2316
+ "className": "animate-spin",
2317
+ "className:1": "flex-none",
2318
+ "spacing": "2",
2319
+ "borderRadius": "full"
2320
+ },
2321
+ "cxLiterals": [
2322
+ "duration-0",
2323
+ "duration-120",
2324
+ "transition-[background-color]",
2325
+ "bg-carbon-15/0",
2326
+ "hover:bg-carbon-15/10",
2327
+ "active:bg-carbon-15/15",
2328
+ "uds-ring"
2329
+ ],
2330
+ "internalComponents": [
2331
+ "IconSlot",
2332
+ "ToastContainer",
2333
+ "Text",
2334
+ "Button",
2335
+ "Pressable"
2336
+ ],
2337
+ "internalComponentProps": {},
2338
+ "propToVariantKeys": {
2339
+ "size": [
2340
+ "toastSizeLabel",
2341
+ "toastSizeIcon",
2342
+ "toastSizeActionButton",
2343
+ "toastSizeCloseIcon"
2344
+ ],
2345
+ "variant": [
2346
+ "toastVariantIcon",
2347
+ "toastVariantActionButton",
2348
+ "toastVariantCloseIcon"
2349
+ ],
2350
+ "closeIcon": ["icon"],
2351
+ "onClickActionButton": ["onClick"]
2352
+ },
2353
+ "runtimeConfigDefaultProps": {
2354
+ "size": "toast.defaultSize",
2355
+ "variant": "toast.defaultVariant"
2356
+ },
2357
+ "runtimeConfigGetStyles": {
2358
+ "toastSizeLabel": ["toast.defaultSize"],
2359
+ "toastVariantIcon": ["toast.defaultVariant"],
2360
+ "toastSizeIcon": ["toast.defaultSize"],
2361
+ "toastSizeActionButton": ["toast.defaultSize"],
2362
+ "toastVariantActionButton": ["toast.defaultVariant"],
2363
+ "toastVariantCloseIcon": ["toast.defaultVariant"],
2364
+ "toastSizeCloseIcon": ["toast.defaultSize"]
2365
+ },
2366
+ "runtimeConfigInternalComponentProps": {
2367
+ "ToastContainer": {
2368
+ "size": ["toast.defaultSize"],
2369
+ "variant": ["toast.defaultVariant"]
2370
+ },
2371
+ "Text": {
2372
+ "variant": ["toast.textVariant.${size}"],
2373
+ "color": ["toast.textColor.${variant}"]
2374
+ },
2375
+ "Button": {
2376
+ "size": ["toast.buttonSize.${size}"],
2377
+ "variant": ["toast.buttonVariant.${variant}"]
2378
+ }
2379
+ },
2380
+ "motionVarPrefixes": []
2381
+ },
2382
2382
  UDSTooltipConfigProvider: {
2383
2383
  "name": "UDSTooltipConfigProvider",
2384
2384
  "defaultProps": {},