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