@react95/core 9.7.0 → 9.7.1

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 (131) hide show
  1. package/cjs/Dropdown/Dropdown.css.ts.vanilla.css +3 -4
  2. package/cjs/Frame/Frame.css.cjs +1 -1
  3. package/cjs/GlobalStyle/GlobalStyle.css.cjs +1 -0
  4. package/cjs/themes/azureOrange.css.cjs +0 -1
  5. package/cjs/themes/azureOrange.css.ts.vanilla.css +2 -0
  6. package/cjs/themes/baseTheme.cjs +3 -1
  7. package/cjs/themes/bee.css.ts.vanilla.css +2 -0
  8. package/cjs/themes/blackAndWhite.css.ts.vanilla.css +2 -0
  9. package/cjs/themes/brick.css.ts.vanilla.css +2 -0
  10. package/cjs/themes/candy.css.ts.vanilla.css +2 -0
  11. package/cjs/themes/coldGray.css.ts.vanilla.css +2 -0
  12. package/cjs/themes/contract.css.cjs +1 -1
  13. package/cjs/themes/counterStrike.css.ts.vanilla.css +2 -0
  14. package/cjs/themes/eggplant.css.ts.vanilla.css +2 -0
  15. package/cjs/themes/highContrast.css.ts.vanilla.css +2 -0
  16. package/cjs/themes/lilac.css.ts.vanilla.css +2 -0
  17. package/cjs/themes/lilacRoseDark.css.ts.vanilla.css +2 -0
  18. package/cjs/themes/maple.css.ts.vanilla.css +2 -0
  19. package/cjs/themes/marine.css.ts.vanilla.css +2 -0
  20. package/cjs/themes/matrix.css.ts.vanilla.css +2 -0
  21. package/cjs/themes/millenium.css.ts.vanilla.css +2 -0
  22. package/cjs/themes/modernDark.css.ts.vanilla.css +2 -0
  23. package/cjs/themes/molecule.css.ts.vanilla.css +2 -0
  24. package/cjs/themes/ninjaTurtles.css.ts.vanilla.css +2 -0
  25. package/cjs/themes/olive.css.ts.vanilla.css +2 -0
  26. package/cjs/themes/pamelaAnderson.css.ts.vanilla.css +2 -0
  27. package/cjs/themes/plum.css.ts.vanilla.css +2 -0
  28. package/cjs/themes/rainyDay.css.ts.vanilla.css +2 -0
  29. package/cjs/themes/rose.css.ts.vanilla.css +2 -0
  30. package/cjs/themes/slate.css.ts.vanilla.css +2 -0
  31. package/cjs/themes/spruce.css.ts.vanilla.css +2 -0
  32. package/cjs/themes/storm.css.ts.vanilla.css +2 -0
  33. package/cjs/themes/theSixtiesUSA.css.ts.vanilla.css +2 -0
  34. package/cjs/themes/tokyoDark.css.ts.vanilla.css +2 -0
  35. package/cjs/themes/tooSexy.css.ts.vanilla.css +2 -0
  36. package/cjs/themes/travel.css.ts.vanilla.css +2 -0
  37. package/cjs/themes/vaporTeal.css.ts.vanilla.css +2 -0
  38. package/cjs/themes/vermillion.css.ts.vanilla.css +2 -0
  39. package/cjs/themes/violetDark.css.ts.vanilla.css +2 -0
  40. package/cjs/themes/water.css.ts.vanilla.css +2 -0
  41. package/cjs/themes/win95.css.ts.vanilla.css +2 -0
  42. package/esm/Dropdown/Dropdown.css.ts.vanilla.css +3 -4
  43. package/esm/Frame/Frame.css.mjs +1 -1
  44. package/esm/GlobalStyle/GlobalStyle.css.mjs +1 -0
  45. package/esm/themes/azureOrange.css.mjs +0 -1
  46. package/esm/themes/azureOrange.css.ts.vanilla.css +2 -0
  47. package/esm/themes/baseTheme.mjs +3 -1
  48. package/esm/themes/bee.css.ts.vanilla.css +2 -0
  49. package/esm/themes/blackAndWhite.css.ts.vanilla.css +2 -0
  50. package/esm/themes/brick.css.ts.vanilla.css +2 -0
  51. package/esm/themes/candy.css.ts.vanilla.css +2 -0
  52. package/esm/themes/coldGray.css.ts.vanilla.css +2 -0
  53. package/esm/themes/contract.css.mjs +1 -1
  54. package/esm/themes/counterStrike.css.ts.vanilla.css +2 -0
  55. package/esm/themes/eggplant.css.ts.vanilla.css +2 -0
  56. package/esm/themes/highContrast.css.ts.vanilla.css +2 -0
  57. package/esm/themes/lilac.css.ts.vanilla.css +2 -0
  58. package/esm/themes/lilacRoseDark.css.ts.vanilla.css +2 -0
  59. package/esm/themes/maple.css.ts.vanilla.css +2 -0
  60. package/esm/themes/marine.css.ts.vanilla.css +2 -0
  61. package/esm/themes/matrix.css.ts.vanilla.css +2 -0
  62. package/esm/themes/millenium.css.ts.vanilla.css +2 -0
  63. package/esm/themes/modernDark.css.ts.vanilla.css +2 -0
  64. package/esm/themes/molecule.css.ts.vanilla.css +2 -0
  65. package/esm/themes/ninjaTurtles.css.ts.vanilla.css +2 -0
  66. package/esm/themes/olive.css.ts.vanilla.css +2 -0
  67. package/esm/themes/pamelaAnderson.css.ts.vanilla.css +2 -0
  68. package/esm/themes/plum.css.ts.vanilla.css +2 -0
  69. package/esm/themes/rainyDay.css.ts.vanilla.css +2 -0
  70. package/esm/themes/rose.css.ts.vanilla.css +2 -0
  71. package/esm/themes/slate.css.ts.vanilla.css +2 -0
  72. package/esm/themes/spruce.css.ts.vanilla.css +2 -0
  73. package/esm/themes/storm.css.ts.vanilla.css +2 -0
  74. package/esm/themes/theSixtiesUSA.css.ts.vanilla.css +2 -0
  75. package/esm/themes/tokyoDark.css.ts.vanilla.css +2 -0
  76. package/esm/themes/tooSexy.css.ts.vanilla.css +2 -0
  77. package/esm/themes/travel.css.ts.vanilla.css +2 -0
  78. package/esm/themes/vaporTeal.css.ts.vanilla.css +2 -0
  79. package/esm/themes/vermillion.css.ts.vanilla.css +2 -0
  80. package/esm/themes/violetDark.css.ts.vanilla.css +2 -0
  81. package/esm/themes/water.css.ts.vanilla.css +2 -0
  82. package/esm/themes/win95.css.ts.vanilla.css +2 -0
  83. package/package.json +2 -2
  84. package/types/Alert/Alert.d.ts +58 -0
  85. package/types/Frame/Frame.css.d.ts +58 -0
  86. package/types/Frame/props.d.ts +58 -0
  87. package/types/Input/Input.d.ts +58 -0
  88. package/types/Modal/Modal.d.ts +58 -0
  89. package/types/Range/Range.d.ts +58 -0
  90. package/types/Tabs/Tab.d.ts +58 -0
  91. package/types/Tabs/Tabs.d.ts +58 -0
  92. package/types/TaskBar/TaskBar.d.ts +58 -0
  93. package/types/TextArea/TextArea.d.ts +58 -0
  94. package/types/Video/Video.d.ts +58 -0
  95. package/types/themes/baseTheme.d.ts +2 -0
  96. package/types/themes/contract.css.d.ts +6 -0
  97. package/types/themes/tokens/azureOrange.d.ts +2 -0
  98. package/types/themes/tokens/bee.d.ts +2 -0
  99. package/types/themes/tokens/blackAndWhite.d.ts +2 -0
  100. package/types/themes/tokens/brick.d.ts +2 -0
  101. package/types/themes/tokens/candy.d.ts +2 -0
  102. package/types/themes/tokens/coldGray.d.ts +2 -0
  103. package/types/themes/tokens/counterStrike.d.ts +2 -0
  104. package/types/themes/tokens/eggplant.d.ts +2 -0
  105. package/types/themes/tokens/highContrast.d.ts +2 -0
  106. package/types/themes/tokens/lilac.d.ts +2 -0
  107. package/types/themes/tokens/lilacRoseDark.d.ts +2 -0
  108. package/types/themes/tokens/maple.d.ts +2 -0
  109. package/types/themes/tokens/marine.d.ts +2 -0
  110. package/types/themes/tokens/matrix.d.ts +2 -0
  111. package/types/themes/tokens/millenium.d.ts +2 -0
  112. package/types/themes/tokens/modernDark.d.ts +2 -0
  113. package/types/themes/tokens/molecule.d.ts +2 -0
  114. package/types/themes/tokens/ninjaTurtles.d.ts +2 -0
  115. package/types/themes/tokens/olive.d.ts +2 -0
  116. package/types/themes/tokens/pamelaAnderson.d.ts +2 -0
  117. package/types/themes/tokens/plum.d.ts +2 -0
  118. package/types/themes/tokens/rainyDay.d.ts +2 -0
  119. package/types/themes/tokens/rose.d.ts +2 -0
  120. package/types/themes/tokens/slate.d.ts +2 -0
  121. package/types/themes/tokens/spruce.d.ts +2 -0
  122. package/types/themes/tokens/storm.d.ts +2 -0
  123. package/types/themes/tokens/theSixtiesUSA.d.ts +2 -0
  124. package/types/themes/tokens/tokyoDark.d.ts +2 -0
  125. package/types/themes/tokens/tooSexy.d.ts +2 -0
  126. package/types/themes/tokens/travel.d.ts +2 -0
  127. package/types/themes/tokens/vaporTeal.d.ts +2 -0
  128. package/types/themes/tokens/vermillion.d.ts +2 -0
  129. package/types/themes/tokens/violetDark.d.ts +2 -0
  130. package/types/themes/tokens/water.d.ts +2 -0
  131. package/types/themes/tokens/win95.d.ts +2 -0
package/types/Modal/Modal.d.ts CHANGED
@@ -524,6 +524,8 @@ declare const ModalContent: (props: React.HTMLAttributes<HTMLDivElement> & impor
524
524
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
525
525
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
526
526
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
527
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
528
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
527
529
  };
528
530
  name: "gap";
529
531
  vars: {
@@ -558,6 +560,8 @@ declare const ModalContent: (props: React.HTMLAttributes<HTMLDivElement> & impor
558
560
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
559
561
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
560
562
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
563
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
564
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
561
565
  };
562
566
  name: "width";
563
567
  vars: {
@@ -592,6 +596,8 @@ declare const ModalContent: (props: React.HTMLAttributes<HTMLDivElement> & impor
592
596
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
593
597
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
594
598
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
599
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
600
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
595
601
  };
596
602
  name: "maxWidth";
597
603
  vars: {
@@ -626,6 +632,8 @@ declare const ModalContent: (props: React.HTMLAttributes<HTMLDivElement> & impor
626
632
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
627
633
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
628
634
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
635
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
636
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
629
637
  };
630
638
  name: "minWidth";
631
639
  vars: {
@@ -660,6 +668,8 @@ declare const ModalContent: (props: React.HTMLAttributes<HTMLDivElement> & impor
660
668
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
661
669
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
662
670
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
671
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
672
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
663
673
  };
664
674
  name: "height";
665
675
  vars: {
@@ -694,6 +704,8 @@ declare const ModalContent: (props: React.HTMLAttributes<HTMLDivElement> & impor
694
704
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
695
705
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
696
706
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
707
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
708
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
697
709
  };
698
710
  name: "maxHeight";
699
711
  vars: {
@@ -728,6 +740,8 @@ declare const ModalContent: (props: React.HTMLAttributes<HTMLDivElement> & impor
728
740
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
729
741
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
730
742
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
743
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
744
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
731
745
  };
732
746
  name: "minHeight";
733
747
  vars: {
@@ -762,6 +776,8 @@ declare const ModalContent: (props: React.HTMLAttributes<HTMLDivElement> & impor
762
776
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
763
777
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
764
778
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
779
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
780
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
765
781
  };
766
782
  name: "margin";
767
783
  vars: {
@@ -796,6 +812,8 @@ declare const ModalContent: (props: React.HTMLAttributes<HTMLDivElement> & impor
796
812
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
797
813
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
798
814
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
815
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
816
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
799
817
  };
800
818
  name: "marginBlock";
801
819
  vars: {
@@ -830,6 +848,8 @@ declare const ModalContent: (props: React.HTMLAttributes<HTMLDivElement> & impor
830
848
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
831
849
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
832
850
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
851
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
852
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
833
853
  };
834
854
  name: "marginBlockEnd";
835
855
  vars: {
@@ -864,6 +884,8 @@ declare const ModalContent: (props: React.HTMLAttributes<HTMLDivElement> & impor
864
884
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
865
885
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
866
886
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
887
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
888
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
867
889
  };
868
890
  name: "marginBlockStart";
869
891
  vars: {
@@ -898,6 +920,8 @@ declare const ModalContent: (props: React.HTMLAttributes<HTMLDivElement> & impor
898
920
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
899
921
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
900
922
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
923
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
924
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
901
925
  };
902
926
  name: "marginBottom";
903
927
  vars: {
@@ -932,6 +956,8 @@ declare const ModalContent: (props: React.HTMLAttributes<HTMLDivElement> & impor
932
956
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
933
957
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
934
958
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
959
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
960
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
935
961
  };
936
962
  name: "marginInline";
937
963
  vars: {
@@ -966,6 +992,8 @@ declare const ModalContent: (props: React.HTMLAttributes<HTMLDivElement> & impor
966
992
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
967
993
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
968
994
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
995
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
996
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
969
997
  };
970
998
  name: "marginInlineEnd";
971
999
  vars: {
@@ -1000,6 +1028,8 @@ declare const ModalContent: (props: React.HTMLAttributes<HTMLDivElement> & impor
1000
1028
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1001
1029
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1002
1030
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1031
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1032
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1003
1033
  };
1004
1034
  name: "marginInlineStart";
1005
1035
  vars: {
@@ -1034,6 +1064,8 @@ declare const ModalContent: (props: React.HTMLAttributes<HTMLDivElement> & impor
1034
1064
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1035
1065
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1036
1066
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1067
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1068
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1037
1069
  };
1038
1070
  name: "marginLeft";
1039
1071
  vars: {
@@ -1068,6 +1100,8 @@ declare const ModalContent: (props: React.HTMLAttributes<HTMLDivElement> & impor
1068
1100
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1069
1101
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1070
1102
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1103
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1104
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1071
1105
  };
1072
1106
  name: "marginRight";
1073
1107
  vars: {
@@ -1102,6 +1136,8 @@ declare const ModalContent: (props: React.HTMLAttributes<HTMLDivElement> & impor
1102
1136
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1103
1137
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1104
1138
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1139
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1140
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1105
1141
  };
1106
1142
  name: "marginTop";
1107
1143
  vars: {
@@ -1136,6 +1172,8 @@ declare const ModalContent: (props: React.HTMLAttributes<HTMLDivElement> & impor
1136
1172
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1137
1173
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1138
1174
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1175
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1176
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1139
1177
  };
1140
1178
  name: "padding";
1141
1179
  vars: {
@@ -1170,6 +1208,8 @@ declare const ModalContent: (props: React.HTMLAttributes<HTMLDivElement> & impor
1170
1208
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1171
1209
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1172
1210
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1211
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1212
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1173
1213
  };
1174
1214
  name: "paddingBlock";
1175
1215
  vars: {
@@ -1204,6 +1244,8 @@ declare const ModalContent: (props: React.HTMLAttributes<HTMLDivElement> & impor
1204
1244
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1205
1245
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1206
1246
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1247
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1248
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1207
1249
  };
1208
1250
  name: "paddingBlockEnd";
1209
1251
  vars: {
@@ -1238,6 +1280,8 @@ declare const ModalContent: (props: React.HTMLAttributes<HTMLDivElement> & impor
1238
1280
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1239
1281
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1240
1282
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1283
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1284
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1241
1285
  };
1242
1286
  name: "paddingBlockStart";
1243
1287
  vars: {
@@ -1272,6 +1316,8 @@ declare const ModalContent: (props: React.HTMLAttributes<HTMLDivElement> & impor
1272
1316
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1273
1317
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1274
1318
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1319
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1320
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1275
1321
  };
1276
1322
  name: "paddingBottom";
1277
1323
  vars: {
@@ -1306,6 +1352,8 @@ declare const ModalContent: (props: React.HTMLAttributes<HTMLDivElement> & impor
1306
1352
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1307
1353
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1308
1354
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1355
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1356
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1309
1357
  };
1310
1358
  name: "paddingInline";
1311
1359
  vars: {
@@ -1340,6 +1388,8 @@ declare const ModalContent: (props: React.HTMLAttributes<HTMLDivElement> & impor
1340
1388
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1341
1389
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1342
1390
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1391
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1392
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1343
1393
  };
1344
1394
  name: "paddingInlineEnd";
1345
1395
  vars: {
@@ -1374,6 +1424,8 @@ declare const ModalContent: (props: React.HTMLAttributes<HTMLDivElement> & impor
1374
1424
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1375
1425
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1376
1426
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1427
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1428
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1377
1429
  };
1378
1430
  name: "paddingInlineStart";
1379
1431
  vars: {
@@ -1408,6 +1460,8 @@ declare const ModalContent: (props: React.HTMLAttributes<HTMLDivElement> & impor
1408
1460
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1409
1461
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1410
1462
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1463
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1464
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1411
1465
  };
1412
1466
  name: "paddingLeft";
1413
1467
  vars: {
@@ -1442,6 +1496,8 @@ declare const ModalContent: (props: React.HTMLAttributes<HTMLDivElement> & impor
1442
1496
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1443
1497
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1444
1498
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1499
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1500
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1445
1501
  };
1446
1502
  name: "paddingRight";
1447
1503
  vars: {
@@ -1476,6 +1532,8 @@ declare const ModalContent: (props: React.HTMLAttributes<HTMLDivElement> & impor
1476
1532
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1477
1533
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1478
1534
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1535
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1536
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1479
1537
  };
1480
1538
  name: "paddingTop";
1481
1539
  vars: {
package/types/Range/Range.d.ts CHANGED
@@ -500,6 +500,8 @@ export declare const Range: React.ForwardRefExoticComponent<React.InputHTMLAttri
500
500
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
501
501
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
502
502
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
503
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
504
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
503
505
  };
504
506
  name: "gap";
505
507
  vars: {
@@ -534,6 +536,8 @@ export declare const Range: React.ForwardRefExoticComponent<React.InputHTMLAttri
534
536
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
535
537
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
536
538
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
539
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
540
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
537
541
  };
538
542
  name: "width";
539
543
  vars: {
@@ -568,6 +572,8 @@ export declare const Range: React.ForwardRefExoticComponent<React.InputHTMLAttri
568
572
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
569
573
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
570
574
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
575
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
576
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
571
577
  };
572
578
  name: "maxWidth";
573
579
  vars: {
@@ -602,6 +608,8 @@ export declare const Range: React.ForwardRefExoticComponent<React.InputHTMLAttri
602
608
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
603
609
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
604
610
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
611
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
612
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
605
613
  };
606
614
  name: "minWidth";
607
615
  vars: {
@@ -636,6 +644,8 @@ export declare const Range: React.ForwardRefExoticComponent<React.InputHTMLAttri
636
644
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
637
645
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
638
646
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
647
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
648
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
639
649
  };
640
650
  name: "height";
641
651
  vars: {
@@ -670,6 +680,8 @@ export declare const Range: React.ForwardRefExoticComponent<React.InputHTMLAttri
670
680
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
671
681
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
672
682
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
683
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
684
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
673
685
  };
674
686
  name: "maxHeight";
675
687
  vars: {
@@ -704,6 +716,8 @@ export declare const Range: React.ForwardRefExoticComponent<React.InputHTMLAttri
704
716
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
705
717
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
706
718
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
719
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
720
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
707
721
  };
708
722
  name: "minHeight";
709
723
  vars: {
@@ -738,6 +752,8 @@ export declare const Range: React.ForwardRefExoticComponent<React.InputHTMLAttri
738
752
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
739
753
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
740
754
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
755
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
756
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
741
757
  };
742
758
  name: "margin";
743
759
  vars: {
@@ -772,6 +788,8 @@ export declare const Range: React.ForwardRefExoticComponent<React.InputHTMLAttri
772
788
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
773
789
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
774
790
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
791
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
792
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
775
793
  };
776
794
  name: "marginBlock";
777
795
  vars: {
@@ -806,6 +824,8 @@ export declare const Range: React.ForwardRefExoticComponent<React.InputHTMLAttri
806
824
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
807
825
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
808
826
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
827
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
828
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
809
829
  };
810
830
  name: "marginBlockEnd";
811
831
  vars: {
@@ -840,6 +860,8 @@ export declare const Range: React.ForwardRefExoticComponent<React.InputHTMLAttri
840
860
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
841
861
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
842
862
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
863
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
864
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
843
865
  };
844
866
  name: "marginBlockStart";
845
867
  vars: {
@@ -874,6 +896,8 @@ export declare const Range: React.ForwardRefExoticComponent<React.InputHTMLAttri
874
896
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
875
897
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
876
898
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
899
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
900
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
877
901
  };
878
902
  name: "marginBottom";
879
903
  vars: {
@@ -908,6 +932,8 @@ export declare const Range: React.ForwardRefExoticComponent<React.InputHTMLAttri
908
932
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
909
933
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
910
934
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
935
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
936
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
911
937
  };
912
938
  name: "marginInline";
913
939
  vars: {
@@ -942,6 +968,8 @@ export declare const Range: React.ForwardRefExoticComponent<React.InputHTMLAttri
942
968
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
943
969
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
944
970
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
971
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
972
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
945
973
  };
946
974
  name: "marginInlineEnd";
947
975
  vars: {
@@ -976,6 +1004,8 @@ export declare const Range: React.ForwardRefExoticComponent<React.InputHTMLAttri
976
1004
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
977
1005
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
978
1006
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1007
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1008
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
979
1009
  };
980
1010
  name: "marginInlineStart";
981
1011
  vars: {
@@ -1010,6 +1040,8 @@ export declare const Range: React.ForwardRefExoticComponent<React.InputHTMLAttri
1010
1040
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1011
1041
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1012
1042
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1043
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1044
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1013
1045
  };
1014
1046
  name: "marginLeft";
1015
1047
  vars: {
@@ -1044,6 +1076,8 @@ export declare const Range: React.ForwardRefExoticComponent<React.InputHTMLAttri
1044
1076
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1045
1077
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1046
1078
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1079
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1080
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1047
1081
  };
1048
1082
  name: "marginRight";
1049
1083
  vars: {
@@ -1078,6 +1112,8 @@ export declare const Range: React.ForwardRefExoticComponent<React.InputHTMLAttri
1078
1112
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1079
1113
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1080
1114
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1115
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1116
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1081
1117
  };
1082
1118
  name: "marginTop";
1083
1119
  vars: {
@@ -1112,6 +1148,8 @@ export declare const Range: React.ForwardRefExoticComponent<React.InputHTMLAttri
1112
1148
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1113
1149
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1114
1150
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1151
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1152
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1115
1153
  };
1116
1154
  name: "padding";
1117
1155
  vars: {
@@ -1146,6 +1184,8 @@ export declare const Range: React.ForwardRefExoticComponent<React.InputHTMLAttri
1146
1184
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1147
1185
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1148
1186
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1187
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1188
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1149
1189
  };
1150
1190
  name: "paddingBlock";
1151
1191
  vars: {
@@ -1180,6 +1220,8 @@ export declare const Range: React.ForwardRefExoticComponent<React.InputHTMLAttri
1180
1220
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1181
1221
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1182
1222
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1223
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1224
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1183
1225
  };
1184
1226
  name: "paddingBlockEnd";
1185
1227
  vars: {
@@ -1214,6 +1256,8 @@ export declare const Range: React.ForwardRefExoticComponent<React.InputHTMLAttri
1214
1256
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1215
1257
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1216
1258
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1259
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1260
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1217
1261
  };
1218
1262
  name: "paddingBlockStart";
1219
1263
  vars: {
@@ -1248,6 +1292,8 @@ export declare const Range: React.ForwardRefExoticComponent<React.InputHTMLAttri
1248
1292
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1249
1293
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1250
1294
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1295
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1296
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1251
1297
  };
1252
1298
  name: "paddingBottom";
1253
1299
  vars: {
@@ -1282,6 +1328,8 @@ export declare const Range: React.ForwardRefExoticComponent<React.InputHTMLAttri
1282
1328
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1283
1329
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1284
1330
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1331
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1332
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1285
1333
  };
1286
1334
  name: "paddingInline";
1287
1335
  vars: {
@@ -1316,6 +1364,8 @@ export declare const Range: React.ForwardRefExoticComponent<React.InputHTMLAttri
1316
1364
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1317
1365
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1318
1366
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1367
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1368
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1319
1369
  };
1320
1370
  name: "paddingInlineEnd";
1321
1371
  vars: {
@@ -1350,6 +1400,8 @@ export declare const Range: React.ForwardRefExoticComponent<React.InputHTMLAttri
1350
1400
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1351
1401
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1352
1402
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1403
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1404
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1353
1405
  };
1354
1406
  name: "paddingInlineStart";
1355
1407
  vars: {
@@ -1384,6 +1436,8 @@ export declare const Range: React.ForwardRefExoticComponent<React.InputHTMLAttri
1384
1436
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1385
1437
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1386
1438
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1439
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1440
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1387
1441
  };
1388
1442
  name: "paddingLeft";
1389
1443
  vars: {
@@ -1418,6 +1472,8 @@ export declare const Range: React.ForwardRefExoticComponent<React.InputHTMLAttri
1418
1472
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1419
1473
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1420
1474
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1475
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1476
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1421
1477
  };
1422
1478
  name: "paddingRight";
1423
1479
  vars: {
@@ -1452,6 +1508,8 @@ export declare const Range: React.ForwardRefExoticComponent<React.InputHTMLAttri
1452
1508
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1453
1509
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1454
1510
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1511
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1512
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1455
1513
  };
1456
1514
  name: "paddingTop";
1457
1515
  vars: {