@yahoo/uds 3.127.1 → 3.128.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.
Files changed (81) hide show
  1. package/dist/automated-config/dist/generated/autoVariants.cjs +30 -0
  2. package/dist/automated-config/dist/generated/autoVariants.d.cts +2 -0
  3. package/dist/automated-config/dist/generated/autoVariants.d.ts +2 -0
  4. package/dist/automated-config/dist/generated/autoVariants.js +30 -0
  5. package/dist/automated-config/dist/generated/generatedConfigs.cjs +1050 -275
  6. package/dist/automated-config/dist/generated/generatedConfigs.d.cts +73 -0
  7. package/dist/automated-config/dist/generated/generatedConfigs.d.ts +73 -0
  8. package/dist/automated-config/dist/generated/generatedConfigs.js +1050 -275
  9. package/dist/automated-config/dist/generated/universalTokensConfigAuto.cjs +126 -1
  10. package/dist/automated-config/dist/generated/universalTokensConfigAuto.js +126 -1
  11. package/dist/automated-config/dist/properties.cjs +28 -0
  12. package/dist/automated-config/dist/properties.d.cts +2 -0
  13. package/dist/automated-config/dist/properties.d.ts +2 -0
  14. package/dist/automated-config/dist/properties.js +28 -0
  15. package/dist/automated-config/dist/utils/buildConfigSchema.d.cts +2 -2
  16. package/dist/automated-config/dist/utils/buildConfigSchema.d.ts +2 -2
  17. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts +2 -2
  18. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.ts +2 -2
  19. package/dist/components/Banner/Banner.cjs +3 -1
  20. package/dist/components/Banner/Banner.js +3 -1
  21. package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +1 -1
  22. package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
  23. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +1 -1
  24. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +1 -1
  25. package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +5 -5
  26. package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +5 -5
  27. package/dist/config/dist/index.cjs +127 -2
  28. package/dist/config/dist/index.js +127 -2
  29. package/dist/css-tokens/dist/index.cjs +2 -2
  30. package/dist/css-tokens/dist/index.d.cts +3 -1
  31. package/dist/css-tokens/dist/index.d.ts +3 -1
  32. package/dist/css-tokens/dist/index.js +2 -2
  33. package/dist/fixtures/dist/index.cjs +2 -0
  34. package/dist/fixtures/dist/index.d.cts +4 -3
  35. package/dist/fixtures/dist/index.d.ts +4 -3
  36. package/dist/fixtures/dist/index.js +2 -1
  37. package/dist/fixtures/index.cjs +1 -0
  38. package/dist/fixtures/index.d.cts +2 -2
  39. package/dist/fixtures/index.d.ts +2 -2
  40. package/dist/fixtures/index.js +2 -2
  41. package/dist/index.d.cts +2 -2
  42. package/dist/index.d.ts +2 -2
  43. package/dist/styles/styler.d.cts +43 -41
  44. package/dist/styles/styler.d.ts +43 -41
  45. package/dist/styles/variants.d.cts +30 -0
  46. package/dist/styles/variants.d.ts +30 -0
  47. package/dist/tailwind/dist/automated-config/dist/generated/autoVariants.cjs +30 -0
  48. package/dist/tailwind/dist/automated-config/dist/generated/autoVariants.js +30 -0
  49. package/dist/tailwind/dist/automated-config/dist/generated/autoVariants.js.map +1 -1
  50. package/dist/tailwind/dist/automated-config/dist/generated/generatedConfigs.cjs +1050 -275
  51. package/dist/tailwind/dist/automated-config/dist/generated/generatedConfigs.js +1050 -275
  52. package/dist/tailwind/dist/automated-config/dist/generated/generatedConfigs.js.map +1 -1
  53. package/dist/tailwind/dist/automated-config/dist/properties.cjs +28 -0
  54. package/dist/tailwind/dist/automated-config/dist/properties.js +28 -0
  55. package/dist/tailwind/dist/automated-config/dist/properties.js.map +1 -1
  56. package/dist/tailwind/dist/config/dist/index.cjs +127 -2
  57. package/dist/tailwind/dist/config/dist/index.js +127 -2
  58. package/dist/tailwind/dist/config/dist/index.js.map +1 -1
  59. package/dist/tailwind/dist/css-tokens/dist/index.cjs +2 -2
  60. package/dist/tailwind/dist/css-tokens/dist/index.js +2 -2
  61. package/dist/tailwind/dist/css-tokens/dist/index.js.map +1 -1
  62. package/dist/tailwind/dist/fixtures/dist/index.js.map +1 -1
  63. package/dist/tailwind/dist/tailwind/utils/getFontStyles.d.cts +1 -1
  64. package/dist/tailwind/dist/tailwind/utils/getFontStyles.d.ts +1 -1
  65. package/dist/tailwind/dist/tailwind/utils/getShadowStyles.d.cts +4 -4
  66. package/dist/tailwind/dist/tailwind/utils/getShadowStyles.d.ts +4 -4
  67. package/dist/tailwind/dist/types/dist/index.d.cts.map +1 -1
  68. package/dist/tailwind/dist/types/dist/index.d.ts.map +1 -1
  69. package/dist/tokens/index.d.cts +2 -2
  70. package/dist/tokens/index.d.ts +2 -2
  71. package/dist/tokens/types.d.cts +2 -2
  72. package/dist/tokens/types.d.ts +2 -2
  73. package/dist/types/dist/index.d.cts +2 -1
  74. package/dist/types/dist/index.d.ts +2 -1
  75. package/dist/uds/generated/componentData.cjs +364 -360
  76. package/dist/uds/generated/componentData.js +364 -360
  77. package/dist/uds/generated/tailwindPurge.cjs +6 -4
  78. package/dist/uds/generated/tailwindPurge.js +6 -4
  79. package/generated/componentData.json +550 -549
  80. package/generated/tailwindPurge.ts +2 -2
  81. package/package.json +1 -1
@@ -252,7 +252,6 @@ var Banner = {
252
252
  "items-center",
253
253
  "items-start",
254
254
  "min-w-[300px]",
255
- "shadow-[inset_0px_-20px_20px_-10px_rgba(31,31,31,0.05)]",
256
255
  "transition-[background-color]",
257
256
  "motion-safe:duration-120",
258
257
  "bg-carbon-15/0",
@@ -288,7 +287,12 @@ var Banner = {
288
287
  "Pressable": { "data-testid": ["banner-dismiss"] }
289
288
  },
290
289
  "propToVariantKeys": {
291
- "variant": ["bannerVariantRoot", "bannerVariantIcon"],
290
+ "variant": [
291
+ "bannerVariantRoot",
292
+ "bannerVariantIcon",
293
+ "bannerVariantTitle",
294
+ "bannerVariantDescription"
295
+ ],
292
296
  "size": [
293
297
  "bannerSizeRoot",
294
298
  "bannerSizeIcon",
@@ -416,6 +420,74 @@ var DividerInternal = {
416
420
  "runtimeConfigInternalComponentProps": {},
417
421
  "motionVarPrefixes": []
418
422
  };
423
+ var Spinner = {
424
+ "name": "Spinner",
425
+ "defaultProps": {
426
+ "color": "primary",
427
+ "size": "lg"
428
+ },
429
+ "getStylesLiterals": {},
430
+ "cxLiterals": [
431
+ "self-center",
432
+ "relative",
433
+ "sr-only"
434
+ ],
435
+ "internalComponents": ["Icon"],
436
+ "internalComponentProps": { "Icon": {
437
+ "role": ["img"],
438
+ "className": ["animate-spin"],
439
+ "aria-hidden": ["true"]
440
+ } },
441
+ "propToVariantKeys": {},
442
+ "runtimeConfigDefaultProps": {},
443
+ "runtimeConfigGetStyles": {},
444
+ "runtimeConfigInternalComponentProps": {},
445
+ "motionVarPrefixes": []
446
+ };
447
+ var Table_mocks = {
448
+ "name": "Table.mocks",
449
+ "defaultProps": {},
450
+ "getStylesLiterals": {},
451
+ "cxLiterals": [],
452
+ "internalComponents": [],
453
+ "internalComponentProps": {},
454
+ "propToVariantKeys": {},
455
+ "runtimeConfigDefaultProps": {},
456
+ "runtimeConfigGetStyles": {},
457
+ "runtimeConfigInternalComponentProps": {},
458
+ "motionVarPrefixes": []
459
+ };
460
+ var Table = {
461
+ "name": "Table",
462
+ "defaultProps": {
463
+ "display": "table-cell",
464
+ "overflow": "hidden",
465
+ "borderColor": "muted",
466
+ "borderRadius": "md",
467
+ "spacing": "3",
468
+ "borderBottomColor": "muted",
469
+ "borderBottomWidth": "thin",
470
+ "color": "primary"
471
+ },
472
+ "getStylesLiterals": { "textAlign": "start" },
473
+ "cxLiterals": [],
474
+ "internalComponents": [
475
+ "CellComponent",
476
+ "Box",
477
+ "Text",
478
+ "Table.Root",
479
+ "Table.Header",
480
+ "Table.Row",
481
+ "Table.Cell",
482
+ "Table.Body"
483
+ ],
484
+ "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
485
+ "propToVariantKeys": {},
486
+ "runtimeConfigDefaultProps": {},
487
+ "runtimeConfigGetStyles": {},
488
+ "runtimeConfigInternalComponentProps": {},
489
+ "motionVarPrefixes": []
490
+ };
419
491
  var AnimateHeightChange = {
420
492
  "name": "AnimateHeightChange",
421
493
  "defaultProps": {},
@@ -753,32 +825,59 @@ var Switch = {
753
825
  "runtimeConfigInternalComponentProps": {},
754
826
  "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
755
827
  };
756
- var Spinner = {
757
- "name": "Spinner",
828
+ var Accordion = {
829
+ "name": "Accordion",
758
830
  "defaultProps": {
759
- "color": "primary",
760
- "size": "lg"
831
+ "spacingHorizontal": "4",
832
+ "spacingVertical": "4"
761
833
  },
762
834
  "getStylesLiterals": {},
763
- "cxLiterals": [
764
- "self-center",
765
- "relative",
766
- "sr-only"
835
+ "cxLiterals": ["hover:bg-secondary/80", "w-full"],
836
+ "internalComponents": [
837
+ "Icon",
838
+ "SpringMotionConfig",
839
+ "Pressable",
840
+ "Text",
841
+ "HStack",
842
+ "AnimatePresence",
843
+ "VStack"
767
844
  ],
768
- "internalComponents": ["Icon"],
769
- "internalComponentProps": { "Icon": {
770
- "role": ["img"],
771
- "className": ["animate-spin"],
772
- "aria-hidden": ["true"]
773
- } },
845
+ "internalComponentProps": {
846
+ "Icon": {
847
+ "variant": ["fill"],
848
+ "size": ["sm"],
849
+ "color": ["primary"]
850
+ },
851
+ "SpringMotionConfig": {
852
+ "layoutVariant": ["smooth"],
853
+ "layoutSpeed": ["3"]
854
+ },
855
+ "Pressable": {
856
+ "display": ["flex"],
857
+ "flexDirection": ["row"],
858
+ "alignItems": ["center"],
859
+ "justifyContent": ["space-between"],
860
+ "borderRadius": ["md"]
861
+ },
862
+ "Text": {
863
+ "variant": ["title4"],
864
+ "color": ["primary"]
865
+ },
866
+ "HStack": {
867
+ "display": ["flex"],
868
+ "alignItems": ["center"],
869
+ "justifyContent": ["space-between"],
870
+ "columnGap": ["2.5"]
871
+ }
872
+ },
774
873
  "propToVariantKeys": {},
775
874
  "runtimeConfigDefaultProps": {},
776
875
  "runtimeConfigGetStyles": {},
777
876
  "runtimeConfigInternalComponentProps": {},
778
- "motionVarPrefixes": []
877
+ "motionVarPrefixes": ["--uds-motion-smooth-3-"]
779
878
  };
780
- var Table_mocks = {
781
- "name": "Table.mocks",
879
+ var AvoidMotionLibraryProvider = {
880
+ "name": "AvoidMotionLibraryProvider",
782
881
  "defaultProps": {},
783
882
  "getStylesLiterals": {},
784
883
  "cxLiterals": [],
@@ -790,69 +889,254 @@ var Table_mocks = {
790
889
  "runtimeConfigInternalComponentProps": {},
791
890
  "motionVarPrefixes": []
792
891
  };
793
- var Table = {
794
- "name": "Table",
795
- "defaultProps": {
796
- "display": "table-cell",
797
- "overflow": "hidden",
798
- "borderColor": "muted",
799
- "borderRadius": "md",
800
- "spacing": "3",
801
- "borderBottomColor": "muted",
802
- "borderBottomWidth": "thin",
803
- "color": "primary"
804
- },
805
- "getStylesLiterals": { "textAlign": "start" },
806
- "cxLiterals": [],
892
+ var Modal = {
893
+ "name": "Modal",
894
+ "defaultProps": {},
895
+ "getStylesLiterals": {},
896
+ "cxLiterals": [
897
+ "inset-8",
898
+ "top-[250px]",
899
+ "z-50",
900
+ "mx-auto",
901
+ "h-fit",
902
+ "w-[600px]",
903
+ "origin-center",
904
+ "scale-95",
905
+ "opacity-0",
906
+ "transition",
907
+ "duration-150",
908
+ "data-[enter]:scale-100",
909
+ "data-[enter]:opacity-100",
910
+ "data-[enter]:bg-primary",
911
+ "backdrop-blur-0",
912
+ "data-[enter]:opacity-60",
913
+ "data-[enter]:backdrop-blur-sm"
914
+ ],
807
915
  "internalComponents": [
808
- "CellComponent",
809
- "Box",
916
+ "IconButton",
917
+ "Dialog",
918
+ "HStack",
810
919
  "Text",
811
- "Table.Root",
812
- "Table.Header",
813
- "Table.Row",
814
- "Table.Cell",
815
- "Table.Body"
920
+ "VStack"
816
921
  ],
817
- "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
818
- "propToVariantKeys": {},
819
- "runtimeConfigDefaultProps": {},
820
- "runtimeConfigGetStyles": {},
821
- "runtimeConfigInternalComponentProps": {},
822
- "motionVarPrefixes": []
823
- };
824
- var Avatar = {
825
- "name": "Avatar",
826
- "defaultProps": {},
827
- "getStylesLiterals": {},
828
- "cxLiterals": [],
829
- "internalComponents": ["AvatarImage"],
830
- "internalComponentProps": {},
831
- "propToVariantKeys": {},
922
+ "internalComponentProps": {
923
+ "IconButton": {
924
+ "aria-label": ["Close"],
925
+ "size": ["sm"],
926
+ "variant": ["tertiary"]
927
+ },
928
+ "HStack": {
929
+ "alignItems": ["center"],
930
+ "justifyContent": ["space-between"]
931
+ },
932
+ "Text": {
933
+ "variant": ["headline1"],
934
+ "color": ["primary"]
935
+ },
936
+ "VStack": {
937
+ "borderRadius": ["md"],
938
+ "position": ["fixed"],
939
+ "backgroundColor": ["primary"],
940
+ "dropShadow": ["md"],
941
+ "spacing": ["8"],
942
+ "overflow": ["hidden"]
943
+ }
944
+ },
945
+ "propToVariantKeys": { "handleClose": ["onClick"] },
832
946
  "runtimeConfigDefaultProps": {},
833
947
  "runtimeConfigGetStyles": {},
834
948
  "runtimeConfigInternalComponentProps": {},
835
949
  "motionVarPrefixes": []
836
950
  };
837
- var AvatarIcon = {
838
- "name": "AvatarIcon",
839
- "defaultProps": {
840
- "size": "md",
841
- "variant": "primary"
951
+ var SegmentedControl = {
952
+ "name": "SegmentedControl",
953
+ "defaultProps": { "textVariant": "label2" },
954
+ "getStylesLiterals": {
955
+ "display": "flex",
956
+ "alignItems": "center",
957
+ "backgroundColor": "primary",
958
+ "spacingVertical": "1",
959
+ "spacingHorizontal": "3",
960
+ "columnGap": "1.5",
961
+ "borderWidth": "thin",
962
+ "borderRadius": "full",
963
+ "borderColor": "muted",
964
+ "borderColor:1": "transparent",
965
+ "color": "primary",
966
+ "color:1": "tertiary",
967
+ "color:2": "muted"
842
968
  },
843
- "getStylesLiterals": {},
844
969
  "cxLiterals": [
845
- "overflow-hidden",
846
- "w-full",
847
- "h-full",
848
- "shrink-0",
849
- "text-center",
850
- "inline-flex",
851
- "justify-center",
852
- "items-center"
970
+ "uds-ring",
971
+ "cursor-not-allowed",
972
+ "opacity-50",
973
+ "pointer-events-none",
974
+ "hover:bg-primary"
853
975
  ],
854
- "internalComponents": ["IconSlot", "Box"],
855
- "internalComponentProps": {},
976
+ "internalComponents": [
977
+ "TextVariant",
978
+ "Radio",
979
+ "Icon",
980
+ "RadioProvider",
981
+ "HStack",
982
+ "RadioGroup",
983
+ "Pressable",
984
+ "Text"
985
+ ],
986
+ "internalComponentProps": {
987
+ "Icon": {
988
+ "size": ["sm"],
989
+ "color": ["current"],
990
+ "aria-hidden": ["true"]
991
+ },
992
+ "HStack": {
993
+ "spacing": ["1"],
994
+ "gap": ["1"],
995
+ "backgroundColor": ["secondary"],
996
+ "borderRadius": ["full"],
997
+ "display": ["inline-flex"]
998
+ },
999
+ "Text": { "color": ["current"] }
1000
+ },
1001
+ "propToVariantKeys": {
1002
+ "value": ["key"],
1003
+ "label": ["aria-label"],
1004
+ "textVariant": ["variant"]
1005
+ },
1006
+ "runtimeConfigDefaultProps": {},
1007
+ "runtimeConfigGetStyles": {},
1008
+ "runtimeConfigInternalComponentProps": {},
1009
+ "motionVarPrefixes": []
1010
+ };
1011
+ var SwitchV2 = {
1012
+ "name": "SwitchV2",
1013
+ "defaultProps": {
1014
+ "labelPosition": "start",
1015
+ "size": "md"
1016
+ },
1017
+ "getStylesLiterals": {
1018
+ "switchVariantRoot": "default",
1019
+ "switchVariantActiveRoot": "on",
1020
+ "switchVariantActiveRoot:1": "off",
1021
+ "switchVariantSwitch": "default",
1022
+ "switchVariantActiveSwitch": "on",
1023
+ "switchVariantActiveSwitch:1": "off",
1024
+ "switchVariantActiveHandle": "on",
1025
+ "switchVariantActiveHandle:1": "off",
1026
+ "switchVariantHandle": "default",
1027
+ "switchVariantHandleIcon": "default",
1028
+ "switchVariantActiveHandleIcon": "on",
1029
+ "switchVariantActiveHandleIcon:1": "off"
1030
+ },
1031
+ "cxLiterals": [
1032
+ "group",
1033
+ "flex",
1034
+ "items-center",
1035
+ "flex-row",
1036
+ "flex-row-reverse",
1037
+ "uds-ring",
1038
+ "uds-ring-within",
1039
+ "relative",
1040
+ "uds-border-radius-full",
1041
+ "transition-[background-color,box-shadow]",
1042
+ "pointer-events-none",
1043
+ "w-full",
1044
+ "h-full",
1045
+ "absolute",
1046
+ "top-0",
1047
+ "bottom-0",
1048
+ "right-0",
1049
+ "left-0",
1050
+ "overflow-hidden",
1051
+ "group-hover:scale-105",
1052
+ "opacity-95",
1053
+ "group-hover:opacity-100",
1054
+ "transition-[transform,opacity]",
1055
+ "opacity-0",
1056
+ "top-1/2",
1057
+ "left-1/2",
1058
+ "transform",
1059
+ "translate-x-[-50%]",
1060
+ "translate-y-[-50%]",
1061
+ "transition-opacity",
1062
+ "cursor-[inherit]",
1063
+ "w-[calc(100%+2px)]",
1064
+ "h-[calc(100%+2px)]",
1065
+ "text-start",
1066
+ "text-end",
1067
+ "opacity-100"
1068
+ ],
1069
+ "internalComponents": [
1070
+ "IconSlot",
1071
+ "Box",
1072
+ "FormLabel",
1073
+ "SpringMotionConfig",
1074
+ "RootElement",
1075
+ "MotionBox"
1076
+ ],
1077
+ "internalComponentProps": {
1078
+ "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
1079
+ "FormLabel": {
1080
+ "as": ["div"],
1081
+ "variant": ["inherit"],
1082
+ "color": ["inherit"]
1083
+ },
1084
+ "SpringMotionConfig": {
1085
+ "layoutVariant": ["bouncy"],
1086
+ "layoutSpeed": ["4"]
1087
+ },
1088
+ "RootElement": { "data-testid": ["switch-root"] },
1089
+ "MotionBox": { "layout": ["position"] }
1090
+ },
1091
+ "propToVariantKeys": {
1092
+ "size": [
1093
+ "switchSizeRoot",
1094
+ "switchSizeSwitch",
1095
+ "switchSizeHandle",
1096
+ "switchSizeHandleIcon"
1097
+ ],
1098
+ "onIcon": ["icon"],
1099
+ "offIcon": ["icon"],
1100
+ "reduceMotion": ["reducedMotion"],
1101
+ "isOn": ["layoutDependency"]
1102
+ },
1103
+ "runtimeConfigDefaultProps": {},
1104
+ "runtimeConfigGetStyles": {},
1105
+ "runtimeConfigInternalComponentProps": {},
1106
+ "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
1107
+ };
1108
+ var Avatar = {
1109
+ "name": "Avatar",
1110
+ "defaultProps": {},
1111
+ "getStylesLiterals": {},
1112
+ "cxLiterals": [],
1113
+ "internalComponents": ["AvatarImage"],
1114
+ "internalComponentProps": {},
1115
+ "propToVariantKeys": {},
1116
+ "runtimeConfigDefaultProps": {},
1117
+ "runtimeConfigGetStyles": {},
1118
+ "runtimeConfigInternalComponentProps": {},
1119
+ "motionVarPrefixes": []
1120
+ };
1121
+ var AvatarIcon = {
1122
+ "name": "AvatarIcon",
1123
+ "defaultProps": {
1124
+ "size": "md",
1125
+ "variant": "primary"
1126
+ },
1127
+ "getStylesLiterals": {},
1128
+ "cxLiterals": [
1129
+ "overflow-hidden",
1130
+ "w-full",
1131
+ "h-full",
1132
+ "shrink-0",
1133
+ "text-center",
1134
+ "inline-flex",
1135
+ "justify-center",
1136
+ "items-center"
1137
+ ],
1138
+ "internalComponents": ["IconSlot", "Box"],
1139
+ "internalComponentProps": {},
856
1140
  "propToVariantKeys": { "size": ["avatarSizeIcon"] },
857
1141
  "runtimeConfigDefaultProps": {},
858
1142
  "runtimeConfigGetStyles": {},
@@ -2208,286 +2492,6 @@ var UDSConfigProvider = {
2208
2492
  "runtimeConfigInternalComponentProps": {},
2209
2493
  "motionVarPrefixes": []
2210
2494
  };
2211
- var Accordion = {
2212
- "name": "Accordion",
2213
- "defaultProps": {
2214
- "spacingHorizontal": "4",
2215
- "spacingVertical": "4"
2216
- },
2217
- "getStylesLiterals": {},
2218
- "cxLiterals": ["hover:bg-secondary/80", "w-full"],
2219
- "internalComponents": [
2220
- "Icon",
2221
- "SpringMotionConfig",
2222
- "Pressable",
2223
- "Text",
2224
- "HStack",
2225
- "AnimatePresence",
2226
- "VStack"
2227
- ],
2228
- "internalComponentProps": {
2229
- "Icon": {
2230
- "variant": ["fill"],
2231
- "size": ["sm"],
2232
- "color": ["primary"]
2233
- },
2234
- "SpringMotionConfig": {
2235
- "layoutVariant": ["smooth"],
2236
- "layoutSpeed": ["3"]
2237
- },
2238
- "Pressable": {
2239
- "display": ["flex"],
2240
- "flexDirection": ["row"],
2241
- "alignItems": ["center"],
2242
- "justifyContent": ["space-between"],
2243
- "borderRadius": ["md"]
2244
- },
2245
- "Text": {
2246
- "variant": ["title4"],
2247
- "color": ["primary"]
2248
- },
2249
- "HStack": {
2250
- "display": ["flex"],
2251
- "alignItems": ["center"],
2252
- "justifyContent": ["space-between"],
2253
- "columnGap": ["2.5"]
2254
- }
2255
- },
2256
- "propToVariantKeys": {},
2257
- "runtimeConfigDefaultProps": {},
2258
- "runtimeConfigGetStyles": {},
2259
- "runtimeConfigInternalComponentProps": {},
2260
- "motionVarPrefixes": ["--uds-motion-smooth-3-"]
2261
- };
2262
- var AvoidMotionLibraryProvider = {
2263
- "name": "AvoidMotionLibraryProvider",
2264
- "defaultProps": {},
2265
- "getStylesLiterals": {},
2266
- "cxLiterals": [],
2267
- "internalComponents": [],
2268
- "internalComponentProps": {},
2269
- "propToVariantKeys": {},
2270
- "runtimeConfigDefaultProps": {},
2271
- "runtimeConfigGetStyles": {},
2272
- "runtimeConfigInternalComponentProps": {},
2273
- "motionVarPrefixes": []
2274
- };
2275
- var Modal = {
2276
- "name": "Modal",
2277
- "defaultProps": {},
2278
- "getStylesLiterals": {},
2279
- "cxLiterals": [
2280
- "inset-8",
2281
- "top-[250px]",
2282
- "z-50",
2283
- "mx-auto",
2284
- "h-fit",
2285
- "w-[600px]",
2286
- "origin-center",
2287
- "scale-95",
2288
- "opacity-0",
2289
- "transition",
2290
- "duration-150",
2291
- "data-[enter]:scale-100",
2292
- "data-[enter]:opacity-100",
2293
- "data-[enter]:bg-primary",
2294
- "backdrop-blur-0",
2295
- "data-[enter]:opacity-60",
2296
- "data-[enter]:backdrop-blur-sm"
2297
- ],
2298
- "internalComponents": [
2299
- "IconButton",
2300
- "Dialog",
2301
- "HStack",
2302
- "Text",
2303
- "VStack"
2304
- ],
2305
- "internalComponentProps": {
2306
- "IconButton": {
2307
- "aria-label": ["Close"],
2308
- "size": ["sm"],
2309
- "variant": ["tertiary"]
2310
- },
2311
- "HStack": {
2312
- "alignItems": ["center"],
2313
- "justifyContent": ["space-between"]
2314
- },
2315
- "Text": {
2316
- "variant": ["headline1"],
2317
- "color": ["primary"]
2318
- },
2319
- "VStack": {
2320
- "borderRadius": ["md"],
2321
- "position": ["fixed"],
2322
- "backgroundColor": ["primary"],
2323
- "dropShadow": ["md"],
2324
- "spacing": ["8"],
2325
- "overflow": ["hidden"]
2326
- }
2327
- },
2328
- "propToVariantKeys": { "handleClose": ["onClick"] },
2329
- "runtimeConfigDefaultProps": {},
2330
- "runtimeConfigGetStyles": {},
2331
- "runtimeConfigInternalComponentProps": {},
2332
- "motionVarPrefixes": []
2333
- };
2334
- var SegmentedControl = {
2335
- "name": "SegmentedControl",
2336
- "defaultProps": { "textVariant": "label2" },
2337
- "getStylesLiterals": {
2338
- "display": "flex",
2339
- "alignItems": "center",
2340
- "backgroundColor": "primary",
2341
- "spacingVertical": "1",
2342
- "spacingHorizontal": "3",
2343
- "columnGap": "1.5",
2344
- "borderWidth": "thin",
2345
- "borderRadius": "full",
2346
- "borderColor": "muted",
2347
- "borderColor:1": "transparent",
2348
- "color": "primary",
2349
- "color:1": "tertiary",
2350
- "color:2": "muted"
2351
- },
2352
- "cxLiterals": [
2353
- "uds-ring",
2354
- "cursor-not-allowed",
2355
- "opacity-50",
2356
- "pointer-events-none",
2357
- "hover:bg-primary"
2358
- ],
2359
- "internalComponents": [
2360
- "TextVariant",
2361
- "Radio",
2362
- "Icon",
2363
- "RadioProvider",
2364
- "HStack",
2365
- "RadioGroup",
2366
- "Pressable",
2367
- "Text"
2368
- ],
2369
- "internalComponentProps": {
2370
- "Icon": {
2371
- "size": ["sm"],
2372
- "color": ["current"],
2373
- "aria-hidden": ["true"]
2374
- },
2375
- "HStack": {
2376
- "spacing": ["1"],
2377
- "gap": ["1"],
2378
- "backgroundColor": ["secondary"],
2379
- "borderRadius": ["full"],
2380
- "display": ["inline-flex"]
2381
- },
2382
- "Text": { "color": ["current"] }
2383
- },
2384
- "propToVariantKeys": {
2385
- "value": ["key"],
2386
- "label": ["aria-label"],
2387
- "textVariant": ["variant"]
2388
- },
2389
- "runtimeConfigDefaultProps": {},
2390
- "runtimeConfigGetStyles": {},
2391
- "runtimeConfigInternalComponentProps": {},
2392
- "motionVarPrefixes": []
2393
- };
2394
- var SwitchV2 = {
2395
- "name": "SwitchV2",
2396
- "defaultProps": {
2397
- "labelPosition": "start",
2398
- "size": "md"
2399
- },
2400
- "getStylesLiterals": {
2401
- "switchVariantRoot": "default",
2402
- "switchVariantActiveRoot": "on",
2403
- "switchVariantActiveRoot:1": "off",
2404
- "switchVariantSwitch": "default",
2405
- "switchVariantActiveSwitch": "on",
2406
- "switchVariantActiveSwitch:1": "off",
2407
- "switchVariantActiveHandle": "on",
2408
- "switchVariantActiveHandle:1": "off",
2409
- "switchVariantHandle": "default",
2410
- "switchVariantHandleIcon": "default",
2411
- "switchVariantActiveHandleIcon": "on",
2412
- "switchVariantActiveHandleIcon:1": "off"
2413
- },
2414
- "cxLiterals": [
2415
- "group",
2416
- "flex",
2417
- "items-center",
2418
- "flex-row",
2419
- "flex-row-reverse",
2420
- "uds-ring",
2421
- "uds-ring-within",
2422
- "relative",
2423
- "uds-border-radius-full",
2424
- "transition-[background-color,box-shadow]",
2425
- "pointer-events-none",
2426
- "w-full",
2427
- "h-full",
2428
- "absolute",
2429
- "top-0",
2430
- "bottom-0",
2431
- "right-0",
2432
- "left-0",
2433
- "overflow-hidden",
2434
- "group-hover:scale-105",
2435
- "opacity-95",
2436
- "group-hover:opacity-100",
2437
- "transition-[transform,opacity]",
2438
- "opacity-0",
2439
- "top-1/2",
2440
- "left-1/2",
2441
- "transform",
2442
- "translate-x-[-50%]",
2443
- "translate-y-[-50%]",
2444
- "transition-opacity",
2445
- "cursor-[inherit]",
2446
- "w-[calc(100%+2px)]",
2447
- "h-[calc(100%+2px)]",
2448
- "text-start",
2449
- "text-end",
2450
- "opacity-100"
2451
- ],
2452
- "internalComponents": [
2453
- "IconSlot",
2454
- "Box",
2455
- "FormLabel",
2456
- "SpringMotionConfig",
2457
- "RootElement",
2458
- "MotionBox"
2459
- ],
2460
- "internalComponentProps": {
2461
- "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
2462
- "FormLabel": {
2463
- "as": ["div"],
2464
- "variant": ["inherit"],
2465
- "color": ["inherit"]
2466
- },
2467
- "SpringMotionConfig": {
2468
- "layoutVariant": ["bouncy"],
2469
- "layoutSpeed": ["4"]
2470
- },
2471
- "RootElement": { "data-testid": ["switch-root"] },
2472
- "MotionBox": { "layout": ["position"] }
2473
- },
2474
- "propToVariantKeys": {
2475
- "size": [
2476
- "switchSizeRoot",
2477
- "switchSizeSwitch",
2478
- "switchSizeHandle",
2479
- "switchSizeHandleIcon"
2480
- ],
2481
- "onIcon": ["icon"],
2482
- "offIcon": ["icon"],
2483
- "reduceMotion": ["reducedMotion"],
2484
- "isOn": ["layoutDependency"]
2485
- },
2486
- "runtimeConfigDefaultProps": {},
2487
- "runtimeConfigGetStyles": {},
2488
- "runtimeConfigInternalComponentProps": {},
2489
- "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
2490
- };
2491
2495
  var componentData_default = {
2492
2496
  Box,
2493
2497
  FormLabel,
@@ -2507,6 +2511,9 @@ var componentData_default = {
2507
2511
  Divider,
2508
2512
  DividerCore,
2509
2513
  DividerInternal,
2514
+ Spinner,
2515
+ "Table.mocks": Table_mocks,
2516
+ Table,
2510
2517
  AnimateHeightChange,
2511
2518
  Badge,
2512
2519
  Button,
@@ -2515,9 +2522,11 @@ var componentData_default = {
2515
2522
  Pressable,
2516
2523
  SpringMotionConfig,
2517
2524
  Switch,
2518
- Spinner,
2519
- "Table.mocks": Table_mocks,
2520
- Table,
2525
+ Accordion,
2526
+ AvoidMotionLibraryProvider,
2527
+ Modal,
2528
+ SegmentedControl,
2529
+ SwitchV2,
2521
2530
  Avatar,
2522
2531
  AvatarIcon,
2523
2532
  AvatarImage,
@@ -2570,12 +2579,7 @@ var componentData_default = {
2570
2579
  TooltipTrigger,
2571
2580
  UDSTooltipConfigProvider,
2572
2581
  UDSBreakpointsConfigProvider,
2573
- UDSConfigProvider,
2574
- Accordion,
2575
- AvoidMotionLibraryProvider,
2576
- Modal,
2577
- SegmentedControl,
2578
- SwitchV2
2582
+ UDSConfigProvider
2579
2583
  };
2580
2584
 
2581
2585
  //#endregion