@yahoo/uds 3.137.2 → 3.139.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 (66) hide show
  1. package/dist/components/Box.cjs +1 -1
  2. package/dist/components/Box.js +1 -1
  3. package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +5 -5
  4. package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +5 -5
  5. package/dist/config/dist/index.cjs +14 -2
  6. package/dist/config/dist/index.js +14 -2
  7. package/dist/css-tokens/dist/index.cjs +2 -0
  8. package/dist/css-tokens/dist/index.d.cts +2 -1
  9. package/dist/css-tokens/dist/index.d.ts +2 -1
  10. package/dist/css-tokens/dist/index.js +2 -1
  11. package/dist/fixtures/dist/index.cjs +4 -2
  12. package/dist/fixtures/dist/index.d.cts +3 -2
  13. package/dist/fixtures/dist/index.d.ts +3 -2
  14. package/dist/fixtures/dist/index.js +4 -3
  15. package/dist/fixtures/index.cjs +1 -0
  16. package/dist/fixtures/index.d.cts +2 -2
  17. package/dist/fixtures/index.d.ts +2 -2
  18. package/dist/fixtures/index.js +2 -2
  19. package/dist/index.cjs +1 -0
  20. package/dist/index.d.cts +3 -3
  21. package/dist/index.d.ts +3 -3
  22. package/dist/index.js +2 -2
  23. package/dist/styles/styler.d.cts +19 -19
  24. package/dist/styles/styler.d.ts +19 -19
  25. package/dist/styles/variants.cjs +7 -1
  26. package/dist/styles/variants.d.cts +6 -0
  27. package/dist/styles/variants.d.ts +6 -0
  28. package/dist/styles/variants.js +7 -1
  29. package/dist/tailwind/dist/config/dist/index.cjs +14 -2
  30. package/dist/tailwind/dist/config/dist/index.js +14 -2
  31. package/dist/tailwind/dist/config/dist/index.js.map +1 -1
  32. package/dist/tailwind/dist/css-tokens/dist/index.cjs +2 -0
  33. package/dist/tailwind/dist/css-tokens/dist/index.js +2 -1
  34. package/dist/tailwind/dist/css-tokens/dist/index.js.map +1 -1
  35. package/dist/tailwind/dist/fixtures/dist/index.js.map +1 -1
  36. package/dist/tailwind/dist/tailwind/utils/getElevationStyles.cjs +1 -1
  37. package/dist/tailwind/dist/tailwind/utils/getElevationStyles.js +1 -1
  38. package/dist/tailwind/dist/tailwind/utils/getElevationStyles.js.map +1 -1
  39. package/dist/tailwind/dist/types/dist/index.d.cts +3 -0
  40. package/dist/tailwind/dist/types/dist/index.d.cts.map +1 -1
  41. package/dist/tailwind/dist/types/dist/index.d.ts +3 -0
  42. package/dist/tailwind/dist/types/dist/index.d.ts.map +1 -1
  43. package/dist/tailwind/dist/utils/parseTokens.cjs +9 -0
  44. package/dist/tailwind/dist/utils/parseTokens.d.cts.map +1 -1
  45. package/dist/tailwind/dist/utils/parseTokens.d.ts.map +1 -1
  46. package/dist/tailwind/dist/utils/parseTokens.js +10 -1
  47. package/dist/tailwind/dist/utils/parseTokens.js.map +1 -1
  48. package/dist/tokens/consts/cssTokens.cjs +1 -0
  49. package/dist/tokens/consts/cssTokens.d.cts +2 -2
  50. package/dist/tokens/consts/cssTokens.d.ts +2 -2
  51. package/dist/tokens/consts/cssTokens.js +2 -2
  52. package/dist/tokens/index.cjs +1 -0
  53. package/dist/tokens/index.d.cts +3 -3
  54. package/dist/tokens/index.d.ts +3 -3
  55. package/dist/tokens/index.js +2 -2
  56. package/dist/tokens/types.d.cts +2 -2
  57. package/dist/tokens/types.d.ts +2 -2
  58. package/dist/types/dist/index.d.cts +4 -2
  59. package/dist/types/dist/index.d.ts +4 -2
  60. package/dist/uds/generated/componentData.cjs +202 -201
  61. package/dist/uds/generated/componentData.js +202 -201
  62. package/dist/uds/generated/tailwindPurge.cjs +21 -3
  63. package/dist/uds/generated/tailwindPurge.js +21 -3
  64. package/generated/componentData.json +304 -303
  65. package/generated/tailwindPurge.ts +1 -1
  66. package/package.json +1 -1
@@ -142,7 +142,8 @@ var Box = {
142
142
  "backgroundColor",
143
143
  "borderColor",
144
144
  "borderWidth",
145
- "dropShadow"
145
+ "dropShadow",
146
+ "insetShadow"
146
147
  ] },
147
148
  "runtimeConfigDefaultProps": {},
148
149
  "runtimeConfigGetStyles": {},
@@ -234,6 +235,68 @@ var Link = {
234
235
  "runtimeConfigInternalComponentProps": {},
235
236
  "motionVarPrefixes": []
236
237
  };
238
+ var Divider = {
239
+ "name": "Divider",
240
+ "defaultProps": {},
241
+ "getStylesLiterals": {},
242
+ "cxLiterals": [],
243
+ "internalComponents": ["DividerInternal"],
244
+ "internalComponentProps": {},
245
+ "propToVariantKeys": {},
246
+ "runtimeConfigDefaultProps": {},
247
+ "runtimeConfigGetStyles": {},
248
+ "runtimeConfigInternalComponentProps": {},
249
+ "motionVarPrefixes": []
250
+ };
251
+ var DividerCore = {
252
+ "name": "DividerCore",
253
+ "defaultProps": { "contentPosition": "center" },
254
+ "getStylesLiterals": {},
255
+ "cxLiterals": [],
256
+ "internalComponents": [
257
+ "Box",
258
+ "Line",
259
+ "InternalComponent",
260
+ "Text"
261
+ ],
262
+ "internalComponentProps": {
263
+ "Box": {
264
+ "flex": ["1", "none"],
265
+ "display": ["flex"]
266
+ },
267
+ "InternalComponent": {
268
+ "flex": ["1"],
269
+ "alignItems": ["center"]
270
+ },
271
+ "Text": {
272
+ "as": ["span"],
273
+ "color": ["inherit"],
274
+ "variant": ["inherit"]
275
+ }
276
+ },
277
+ "propToVariantKeys": {},
278
+ "runtimeConfigDefaultProps": {},
279
+ "runtimeConfigGetStyles": {},
280
+ "runtimeConfigInternalComponentProps": {},
281
+ "motionVarPrefixes": []
282
+ };
283
+ var DividerInternal = {
284
+ "name": "DividerInternal",
285
+ "defaultProps": { "variant": "primary" },
286
+ "getStylesLiterals": {},
287
+ "cxLiterals": ["inherit"],
288
+ "internalComponents": ["DividerCore"],
289
+ "internalComponentProps": {},
290
+ "propToVariantKeys": { "variant": [
291
+ "dividerVariantRoot",
292
+ "dividerVariantLabel",
293
+ "dividerVariantLine"
294
+ ] },
295
+ "runtimeConfigDefaultProps": {},
296
+ "runtimeConfigGetStyles": {},
297
+ "runtimeConfigInternalComponentProps": {},
298
+ "motionVarPrefixes": []
299
+ };
237
300
  var BannerDescription = {
238
301
  "name": "BannerDescription",
239
302
  "defaultProps": {},
@@ -360,68 +423,6 @@ var BannerTitle = {
360
423
  "runtimeConfigInternalComponentProps": {},
361
424
  "motionVarPrefixes": []
362
425
  };
363
- var Divider = {
364
- "name": "Divider",
365
- "defaultProps": {},
366
- "getStylesLiterals": {},
367
- "cxLiterals": [],
368
- "internalComponents": ["DividerInternal"],
369
- "internalComponentProps": {},
370
- "propToVariantKeys": {},
371
- "runtimeConfigDefaultProps": {},
372
- "runtimeConfigGetStyles": {},
373
- "runtimeConfigInternalComponentProps": {},
374
- "motionVarPrefixes": []
375
- };
376
- var DividerCore = {
377
- "name": "DividerCore",
378
- "defaultProps": { "contentPosition": "center" },
379
- "getStylesLiterals": {},
380
- "cxLiterals": [],
381
- "internalComponents": [
382
- "Box",
383
- "Line",
384
- "InternalComponent",
385
- "Text"
386
- ],
387
- "internalComponentProps": {
388
- "Box": {
389
- "flex": ["1", "none"],
390
- "display": ["flex"]
391
- },
392
- "InternalComponent": {
393
- "flex": ["1"],
394
- "alignItems": ["center"]
395
- },
396
- "Text": {
397
- "as": ["span"],
398
- "color": ["inherit"],
399
- "variant": ["inherit"]
400
- }
401
- },
402
- "propToVariantKeys": {},
403
- "runtimeConfigDefaultProps": {},
404
- "runtimeConfigGetStyles": {},
405
- "runtimeConfigInternalComponentProps": {},
406
- "motionVarPrefixes": []
407
- };
408
- var DividerInternal = {
409
- "name": "DividerInternal",
410
- "defaultProps": { "variant": "primary" },
411
- "getStylesLiterals": {},
412
- "cxLiterals": ["inherit"],
413
- "internalComponents": ["DividerCore"],
414
- "internalComponentProps": {},
415
- "propToVariantKeys": { "variant": [
416
- "dividerVariantRoot",
417
- "dividerVariantLabel",
418
- "dividerVariantLine"
419
- ] },
420
- "runtimeConfigDefaultProps": {},
421
- "runtimeConfigGetStyles": {},
422
- "runtimeConfigInternalComponentProps": {},
423
- "motionVarPrefixes": []
424
- };
425
426
  var Table_mocks = {
426
427
  "name": "Table.mocks",
427
428
  "defaultProps": {},
@@ -827,137 +828,6 @@ var Button = {
827
828
  "runtimeConfigInternalComponentProps": {},
828
829
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
829
830
  };
830
- var UDSToastConfigProvider = {
831
- "name": "UDSToastConfigProvider",
832
- "defaultProps": {},
833
- "getStylesLiterals": {},
834
- "cxLiterals": [],
835
- "internalComponents": ["ToastContext.Provider"],
836
- "internalComponentProps": {},
837
- "propToVariantKeys": {},
838
- "runtimeConfigDefaultProps": {},
839
- "runtimeConfigGetStyles": {},
840
- "runtimeConfigInternalComponentProps": {},
841
- "motionVarPrefixes": []
842
- };
843
- var ToastPortal = {
844
- "name": "ToastPortal",
845
- "defaultProps": {},
846
- "getStylesLiterals": {},
847
- "cxLiterals": [],
848
- "internalComponents": ["ReactToastifyToastContainer"],
849
- "internalComponentProps": {},
850
- "propToVariantKeys": {},
851
- "runtimeConfigDefaultProps": {
852
- "size": "toast.defaultSize",
853
- "variant": "toast.defaultVariant"
854
- },
855
- "runtimeConfigGetStyles": {},
856
- "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
857
- "motionVarPrefixes": []
858
- };
859
- var Toast = {
860
- "name": "Toast",
861
- "defaultProps": {},
862
- "getStylesLiterals": {
863
- "className": "animate-spin",
864
- "className:1": "flex-none",
865
- "spacing": "2",
866
- "borderRadius": "full"
867
- },
868
- "cxLiterals": [
869
- "duration-0",
870
- "duration-120",
871
- "transition-[background-color]",
872
- "bg-carbon-15/0",
873
- "hover:bg-carbon-15/10",
874
- "active:bg-carbon-15/15",
875
- "uds-ring"
876
- ],
877
- "internalComponents": [
878
- "IconSlot",
879
- "ToastContainer",
880
- "Text",
881
- "Button",
882
- "Pressable"
883
- ],
884
- "internalComponentProps": {},
885
- "propToVariantKeys": {
886
- "size": [
887
- "toastSizeLabel",
888
- "toastSizeIcon",
889
- "toastSizeActionButton",
890
- "toastSizeCloseIcon"
891
- ],
892
- "variant": [
893
- "toastVariantIcon",
894
- "toastVariantActionButton",
895
- "toastVariantCloseIcon"
896
- ],
897
- "closeIcon": ["icon"],
898
- "onClickActionButton": ["onClick"]
899
- },
900
- "runtimeConfigDefaultProps": {
901
- "size": "toast.defaultSize",
902
- "variant": "toast.defaultVariant"
903
- },
904
- "runtimeConfigGetStyles": {
905
- "toastSizeLabel": ["toast.defaultSize"],
906
- "toastVariantIcon": ["toast.defaultVariant"],
907
- "toastSizeIcon": ["toast.defaultSize"],
908
- "toastSizeActionButton": ["toast.defaultSize"],
909
- "toastVariantActionButton": ["toast.defaultVariant"],
910
- "toastVariantCloseIcon": ["toast.defaultVariant"],
911
- "toastSizeCloseIcon": ["toast.defaultSize"]
912
- },
913
- "runtimeConfigInternalComponentProps": {
914
- "ToastContainer": {
915
- "size": ["toast.defaultSize"],
916
- "variant": ["toast.defaultVariant"]
917
- },
918
- "Text": {
919
- "variant": ["toast.textVariant.${size}"],
920
- "color": ["toast.textColor.${variant}"]
921
- },
922
- "Button": {
923
- "size": ["toast.buttonSize.${size}"],
924
- "variant": ["toast.buttonVariant.${variant}"]
925
- }
926
- },
927
- "motionVarPrefixes": []
928
- };
929
- var ToastContainer = {
930
- "name": "ToastContainer",
931
- "defaultProps": {},
932
- "getStylesLiterals": {
933
- "position": "relative",
934
- "alignItems": "center",
935
- "display": "flex",
936
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
937
- },
938
- "cxLiterals": ["w-full"],
939
- "internalComponents": ["HStack"],
940
- "internalComponentProps": { "HStack": {
941
- "alignItems": ["center"],
942
- "justifyContent": ["space-between"],
943
- "overflow": ["hidden"],
944
- "position": ["relative"]
945
- } },
946
- "propToVariantKeys": {
947
- "variant": ["toastVariantRoot"],
948
- "size": ["toastSizeRoot"]
949
- },
950
- "runtimeConfigDefaultProps": {
951
- "size": "toast.defaultSize",
952
- "variant": "toast.defaultVariant"
953
- },
954
- "runtimeConfigGetStyles": {
955
- "toastVariantRoot": ["toast.defaultVariant"],
956
- "toastSizeRoot": ["toast.defaultSize"]
957
- },
958
- "runtimeConfigInternalComponentProps": { "HStack": { "backgroundColor": ["toast.backgroundColor.${variant}"] } },
959
- "motionVarPrefixes": []
960
- };
961
831
  var Accordion = {
962
832
  "name": "Accordion",
963
833
  "defaultProps": {
@@ -1179,6 +1049,137 @@ var SwitchV2 = {
1179
1049
  "runtimeConfigInternalComponentProps": {},
1180
1050
  "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
1181
1051
  };
1052
+ var UDSToastConfigProvider = {
1053
+ "name": "UDSToastConfigProvider",
1054
+ "defaultProps": {},
1055
+ "getStylesLiterals": {},
1056
+ "cxLiterals": [],
1057
+ "internalComponents": ["ToastContext.Provider"],
1058
+ "internalComponentProps": {},
1059
+ "propToVariantKeys": {},
1060
+ "runtimeConfigDefaultProps": {},
1061
+ "runtimeConfigGetStyles": {},
1062
+ "runtimeConfigInternalComponentProps": {},
1063
+ "motionVarPrefixes": []
1064
+ };
1065
+ var ToastPortal = {
1066
+ "name": "ToastPortal",
1067
+ "defaultProps": {},
1068
+ "getStylesLiterals": {},
1069
+ "cxLiterals": [],
1070
+ "internalComponents": ["ReactToastifyToastContainer"],
1071
+ "internalComponentProps": {},
1072
+ "propToVariantKeys": {},
1073
+ "runtimeConfigDefaultProps": {
1074
+ "size": "toast.defaultSize",
1075
+ "variant": "toast.defaultVariant"
1076
+ },
1077
+ "runtimeConfigGetStyles": {},
1078
+ "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
1079
+ "motionVarPrefixes": []
1080
+ };
1081
+ var Toast = {
1082
+ "name": "Toast",
1083
+ "defaultProps": {},
1084
+ "getStylesLiterals": {
1085
+ "className": "animate-spin",
1086
+ "className:1": "flex-none",
1087
+ "spacing": "2",
1088
+ "borderRadius": "full"
1089
+ },
1090
+ "cxLiterals": [
1091
+ "duration-0",
1092
+ "duration-120",
1093
+ "transition-[background-color]",
1094
+ "bg-carbon-15/0",
1095
+ "hover:bg-carbon-15/10",
1096
+ "active:bg-carbon-15/15",
1097
+ "uds-ring"
1098
+ ],
1099
+ "internalComponents": [
1100
+ "IconSlot",
1101
+ "ToastContainer",
1102
+ "Text",
1103
+ "Button",
1104
+ "Pressable"
1105
+ ],
1106
+ "internalComponentProps": {},
1107
+ "propToVariantKeys": {
1108
+ "size": [
1109
+ "toastSizeLabel",
1110
+ "toastSizeIcon",
1111
+ "toastSizeActionButton",
1112
+ "toastSizeCloseIcon"
1113
+ ],
1114
+ "variant": [
1115
+ "toastVariantIcon",
1116
+ "toastVariantActionButton",
1117
+ "toastVariantCloseIcon"
1118
+ ],
1119
+ "closeIcon": ["icon"],
1120
+ "onClickActionButton": ["onClick"]
1121
+ },
1122
+ "runtimeConfigDefaultProps": {
1123
+ "size": "toast.defaultSize",
1124
+ "variant": "toast.defaultVariant"
1125
+ },
1126
+ "runtimeConfigGetStyles": {
1127
+ "toastSizeLabel": ["toast.defaultSize"],
1128
+ "toastVariantIcon": ["toast.defaultVariant"],
1129
+ "toastSizeIcon": ["toast.defaultSize"],
1130
+ "toastSizeActionButton": ["toast.defaultSize"],
1131
+ "toastVariantActionButton": ["toast.defaultVariant"],
1132
+ "toastVariantCloseIcon": ["toast.defaultVariant"],
1133
+ "toastSizeCloseIcon": ["toast.defaultSize"]
1134
+ },
1135
+ "runtimeConfigInternalComponentProps": {
1136
+ "ToastContainer": {
1137
+ "size": ["toast.defaultSize"],
1138
+ "variant": ["toast.defaultVariant"]
1139
+ },
1140
+ "Text": {
1141
+ "variant": ["toast.textVariant.${size}"],
1142
+ "color": ["toast.textColor.${variant}"]
1143
+ },
1144
+ "Button": {
1145
+ "size": ["toast.buttonSize.${size}"],
1146
+ "variant": ["toast.buttonVariant.${variant}"]
1147
+ }
1148
+ },
1149
+ "motionVarPrefixes": []
1150
+ };
1151
+ var ToastContainer = {
1152
+ "name": "ToastContainer",
1153
+ "defaultProps": {},
1154
+ "getStylesLiterals": {
1155
+ "position": "relative",
1156
+ "alignItems": "center",
1157
+ "display": "flex",
1158
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1159
+ },
1160
+ "cxLiterals": ["w-full"],
1161
+ "internalComponents": ["HStack"],
1162
+ "internalComponentProps": { "HStack": {
1163
+ "alignItems": ["center"],
1164
+ "justifyContent": ["space-between"],
1165
+ "overflow": ["hidden"],
1166
+ "position": ["relative"]
1167
+ } },
1168
+ "propToVariantKeys": {
1169
+ "variant": ["toastVariantRoot"],
1170
+ "size": ["toastSizeRoot"]
1171
+ },
1172
+ "runtimeConfigDefaultProps": {
1173
+ "size": "toast.defaultSize",
1174
+ "variant": "toast.defaultVariant"
1175
+ },
1176
+ "runtimeConfigGetStyles": {
1177
+ "toastVariantRoot": ["toast.defaultVariant"],
1178
+ "toastSizeRoot": ["toast.defaultSize"]
1179
+ },
1180
+ "runtimeConfigInternalComponentProps": { "HStack": { "backgroundColor": ["toast.backgroundColor.${variant}"] } },
1181
+ "motionVarPrefixes": []
1182
+ };
1182
1183
  var BottomSheetInternalContext = {
1183
1184
  "name": "BottomSheetInternalContext",
1184
1185
  "defaultProps": {},
@@ -2664,13 +2665,13 @@ var componentData_default = {
2664
2665
  SvgFloatingOverlay,
2665
2666
  HStack,
2666
2667
  Link,
2668
+ Divider,
2669
+ DividerCore,
2670
+ DividerInternal,
2667
2671
  BannerDescription,
2668
2672
  Banner,
2669
2673
  BannerContent,
2670
2674
  BannerTitle,
2671
- Divider,
2672
- DividerCore,
2673
- DividerInternal,
2674
2675
  "Table.mocks": Table_mocks,
2675
2676
  Spinner,
2676
2677
  Table,
@@ -2682,14 +2683,14 @@ var componentData_default = {
2682
2683
  Badge,
2683
2684
  Checkbox,
2684
2685
  Button,
2685
- UDSToastConfigProvider,
2686
- ToastPortal,
2687
- Toast,
2688
- ToastContainer,
2689
2686
  Accordion,
2690
2687
  AvoidMotionLibraryProvider,
2691
2688
  SegmentedControl,
2692
2689
  SwitchV2,
2690
+ UDSToastConfigProvider,
2691
+ ToastPortal,
2692
+ Toast,
2693
+ ToastContainer,
2693
2694
  BottomSheetInternalContext,
2694
2695
  BottomSheetContent,
2695
2696
  BottomSheetHandle,
@@ -1453,7 +1453,13 @@ const componentToVariants = {
1453
1453
  "md-invert",
1454
1454
  "lg-invert",
1455
1455
  "xl-invert",
1456
- "2xl-invert"
1456
+ "2xl-invert",
1457
+ "elevation-0",
1458
+ "elevation-1",
1459
+ "elevation-2",
1460
+ "elevation-3",
1461
+ "elevation-4",
1462
+ "elevation-5"
1457
1463
  ]],
1458
1464
  ["nestedBorderRadius", [
1459
1465
  "true",
@@ -2689,7 +2695,13 @@ const componentToVariants = {
2689
2695
  "md-invert",
2690
2696
  "lg-invert",
2691
2697
  "xl-invert",
2692
- "2xl-invert"
2698
+ "2xl-invert",
2699
+ "elevation-0",
2700
+ "elevation-1",
2701
+ "elevation-2",
2702
+ "elevation-3",
2703
+ "elevation-4",
2704
+ "elevation-5"
2693
2705
  ]],
2694
2706
  ["nestedBorderRadius", [
2695
2707
  "true",
@@ -3888,7 +3900,13 @@ const componentToVariants = {
3888
3900
  "md-invert",
3889
3901
  "lg-invert",
3890
3902
  "xl-invert",
3891
- "2xl-invert"
3903
+ "2xl-invert",
3904
+ "elevation-0",
3905
+ "elevation-1",
3906
+ "elevation-2",
3907
+ "elevation-3",
3908
+ "elevation-4",
3909
+ "elevation-5"
3892
3910
  ]],
3893
3911
  ["nestedBorderRadius", [
3894
3912
  "true",
@@ -1453,7 +1453,13 @@ const componentToVariants = {
1453
1453
  "md-invert",
1454
1454
  "lg-invert",
1455
1455
  "xl-invert",
1456
- "2xl-invert"
1456
+ "2xl-invert",
1457
+ "elevation-0",
1458
+ "elevation-1",
1459
+ "elevation-2",
1460
+ "elevation-3",
1461
+ "elevation-4",
1462
+ "elevation-5"
1457
1463
  ]],
1458
1464
  ["nestedBorderRadius", [
1459
1465
  "true",
@@ -2689,7 +2695,13 @@ const componentToVariants = {
2689
2695
  "md-invert",
2690
2696
  "lg-invert",
2691
2697
  "xl-invert",
2692
- "2xl-invert"
2698
+ "2xl-invert",
2699
+ "elevation-0",
2700
+ "elevation-1",
2701
+ "elevation-2",
2702
+ "elevation-3",
2703
+ "elevation-4",
2704
+ "elevation-5"
2693
2705
  ]],
2694
2706
  ["nestedBorderRadius", [
2695
2707
  "true",
@@ -3888,7 +3900,13 @@ const componentToVariants = {
3888
3900
  "md-invert",
3889
3901
  "lg-invert",
3890
3902
  "xl-invert",
3891
- "2xl-invert"
3903
+ "2xl-invert",
3904
+ "elevation-0",
3905
+ "elevation-1",
3906
+ "elevation-2",
3907
+ "elevation-3",
3908
+ "elevation-4",
3909
+ "elevation-5"
3892
3910
  ]],
3893
3911
  ["nestedBorderRadius", [
3894
3912
  "true",