@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/Tabs/Tab.d.ts CHANGED
@@ -511,6 +511,8 @@ export declare const Tab: React.ForwardRefExoticComponent<{
511
511
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
512
512
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
513
513
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
514
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
515
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
514
516
  };
515
517
  name: "gap";
516
518
  vars: {
@@ -545,6 +547,8 @@ export declare const Tab: React.ForwardRefExoticComponent<{
545
547
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
546
548
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
547
549
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
550
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
551
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
548
552
  };
549
553
  name: "width";
550
554
  vars: {
@@ -579,6 +583,8 @@ export declare const Tab: React.ForwardRefExoticComponent<{
579
583
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
580
584
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
581
585
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
586
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
587
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
582
588
  };
583
589
  name: "maxWidth";
584
590
  vars: {
@@ -613,6 +619,8 @@ export declare const Tab: React.ForwardRefExoticComponent<{
613
619
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
614
620
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
615
621
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
622
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
623
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
616
624
  };
617
625
  name: "minWidth";
618
626
  vars: {
@@ -647,6 +655,8 @@ export declare const Tab: React.ForwardRefExoticComponent<{
647
655
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
648
656
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
649
657
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
658
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
659
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
650
660
  };
651
661
  name: "height";
652
662
  vars: {
@@ -681,6 +691,8 @@ export declare const Tab: React.ForwardRefExoticComponent<{
681
691
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
682
692
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
683
693
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
694
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
695
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
684
696
  };
685
697
  name: "maxHeight";
686
698
  vars: {
@@ -715,6 +727,8 @@ export declare const Tab: React.ForwardRefExoticComponent<{
715
727
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
716
728
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
717
729
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
730
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
731
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
718
732
  };
719
733
  name: "minHeight";
720
734
  vars: {
@@ -749,6 +763,8 @@ export declare const Tab: React.ForwardRefExoticComponent<{
749
763
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
750
764
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
751
765
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
766
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
767
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
752
768
  };
753
769
  name: "margin";
754
770
  vars: {
@@ -783,6 +799,8 @@ export declare const Tab: React.ForwardRefExoticComponent<{
783
799
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
784
800
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
785
801
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
802
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
803
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
786
804
  };
787
805
  name: "marginBlock";
788
806
  vars: {
@@ -817,6 +835,8 @@ export declare const Tab: React.ForwardRefExoticComponent<{
817
835
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
818
836
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
819
837
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
838
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
839
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
820
840
  };
821
841
  name: "marginBlockEnd";
822
842
  vars: {
@@ -851,6 +871,8 @@ export declare const Tab: React.ForwardRefExoticComponent<{
851
871
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
852
872
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
853
873
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
874
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
875
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
854
876
  };
855
877
  name: "marginBlockStart";
856
878
  vars: {
@@ -885,6 +907,8 @@ export declare const Tab: React.ForwardRefExoticComponent<{
885
907
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
886
908
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
887
909
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
910
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
911
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
888
912
  };
889
913
  name: "marginBottom";
890
914
  vars: {
@@ -919,6 +943,8 @@ export declare const Tab: React.ForwardRefExoticComponent<{
919
943
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
920
944
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
921
945
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
946
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
947
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
922
948
  };
923
949
  name: "marginInline";
924
950
  vars: {
@@ -953,6 +979,8 @@ export declare const Tab: React.ForwardRefExoticComponent<{
953
979
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
954
980
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
955
981
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
982
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
983
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
956
984
  };
957
985
  name: "marginInlineEnd";
958
986
  vars: {
@@ -987,6 +1015,8 @@ export declare const Tab: React.ForwardRefExoticComponent<{
987
1015
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
988
1016
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
989
1017
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1018
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1019
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
990
1020
  };
991
1021
  name: "marginInlineStart";
992
1022
  vars: {
@@ -1021,6 +1051,8 @@ export declare const Tab: React.ForwardRefExoticComponent<{
1021
1051
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1022
1052
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1023
1053
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1054
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1055
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1024
1056
  };
1025
1057
  name: "marginLeft";
1026
1058
  vars: {
@@ -1055,6 +1087,8 @@ export declare const Tab: React.ForwardRefExoticComponent<{
1055
1087
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1056
1088
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1057
1089
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1090
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1091
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1058
1092
  };
1059
1093
  name: "marginRight";
1060
1094
  vars: {
@@ -1089,6 +1123,8 @@ export declare const Tab: React.ForwardRefExoticComponent<{
1089
1123
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1090
1124
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1091
1125
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1126
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1127
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1092
1128
  };
1093
1129
  name: "marginTop";
1094
1130
  vars: {
@@ -1123,6 +1159,8 @@ export declare const Tab: React.ForwardRefExoticComponent<{
1123
1159
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1124
1160
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1125
1161
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1162
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1163
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1126
1164
  };
1127
1165
  name: "padding";
1128
1166
  vars: {
@@ -1157,6 +1195,8 @@ export declare const Tab: React.ForwardRefExoticComponent<{
1157
1195
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1158
1196
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1159
1197
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1198
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1199
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1160
1200
  };
1161
1201
  name: "paddingBlock";
1162
1202
  vars: {
@@ -1191,6 +1231,8 @@ export declare const Tab: React.ForwardRefExoticComponent<{
1191
1231
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1192
1232
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1193
1233
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1234
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1235
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1194
1236
  };
1195
1237
  name: "paddingBlockEnd";
1196
1238
  vars: {
@@ -1225,6 +1267,8 @@ export declare const Tab: React.ForwardRefExoticComponent<{
1225
1267
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1226
1268
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1227
1269
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1270
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1271
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1228
1272
  };
1229
1273
  name: "paddingBlockStart";
1230
1274
  vars: {
@@ -1259,6 +1303,8 @@ export declare const Tab: React.ForwardRefExoticComponent<{
1259
1303
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1260
1304
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1261
1305
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1306
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1307
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1262
1308
  };
1263
1309
  name: "paddingBottom";
1264
1310
  vars: {
@@ -1293,6 +1339,8 @@ export declare const Tab: React.ForwardRefExoticComponent<{
1293
1339
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1294
1340
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1295
1341
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1342
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1343
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1296
1344
  };
1297
1345
  name: "paddingInline";
1298
1346
  vars: {
@@ -1327,6 +1375,8 @@ export declare const Tab: React.ForwardRefExoticComponent<{
1327
1375
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1328
1376
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1329
1377
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1378
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1379
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1330
1380
  };
1331
1381
  name: "paddingInlineEnd";
1332
1382
  vars: {
@@ -1361,6 +1411,8 @@ export declare const Tab: React.ForwardRefExoticComponent<{
1361
1411
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1362
1412
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1363
1413
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1414
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1415
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1364
1416
  };
1365
1417
  name: "paddingInlineStart";
1366
1418
  vars: {
@@ -1395,6 +1447,8 @@ export declare const Tab: React.ForwardRefExoticComponent<{
1395
1447
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1396
1448
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1397
1449
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1450
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1451
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1398
1452
  };
1399
1453
  name: "paddingLeft";
1400
1454
  vars: {
@@ -1429,6 +1483,8 @@ export declare const Tab: React.ForwardRefExoticComponent<{
1429
1483
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1430
1484
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1431
1485
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1486
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1487
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1432
1488
  };
1433
1489
  name: "paddingRight";
1434
1490
  vars: {
@@ -1463,6 +1519,8 @@ export declare const Tab: React.ForwardRefExoticComponent<{
1463
1519
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1464
1520
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1465
1521
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1522
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1523
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1466
1524
  };
1467
1525
  name: "paddingTop";
1468
1526
  vars: {
package/types/Tabs/Tabs.d.ts CHANGED
@@ -510,6 +510,8 @@ export declare const Tabs: React.ForwardRefExoticComponent<{
510
510
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
511
511
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
512
512
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
513
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
514
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
513
515
  };
514
516
  name: "gap";
515
517
  vars: {
@@ -544,6 +546,8 @@ export declare const Tabs: React.ForwardRefExoticComponent<{
544
546
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
545
547
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
546
548
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
549
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
550
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
547
551
  };
548
552
  name: "width";
549
553
  vars: {
@@ -578,6 +582,8 @@ export declare const Tabs: React.ForwardRefExoticComponent<{
578
582
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
579
583
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
580
584
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
585
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
586
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
581
587
  };
582
588
  name: "maxWidth";
583
589
  vars: {
@@ -612,6 +618,8 @@ export declare const Tabs: React.ForwardRefExoticComponent<{
612
618
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
613
619
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
614
620
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
621
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
622
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
615
623
  };
616
624
  name: "minWidth";
617
625
  vars: {
@@ -646,6 +654,8 @@ export declare const Tabs: React.ForwardRefExoticComponent<{
646
654
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
647
655
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
648
656
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
657
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
658
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
649
659
  };
650
660
  name: "height";
651
661
  vars: {
@@ -680,6 +690,8 @@ export declare const Tabs: React.ForwardRefExoticComponent<{
680
690
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
681
691
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
682
692
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
693
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
694
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
683
695
  };
684
696
  name: "maxHeight";
685
697
  vars: {
@@ -714,6 +726,8 @@ export declare const Tabs: React.ForwardRefExoticComponent<{
714
726
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
715
727
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
716
728
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
729
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
730
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
717
731
  };
718
732
  name: "minHeight";
719
733
  vars: {
@@ -748,6 +762,8 @@ export declare const Tabs: React.ForwardRefExoticComponent<{
748
762
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
749
763
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
750
764
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
765
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
766
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
751
767
  };
752
768
  name: "margin";
753
769
  vars: {
@@ -782,6 +798,8 @@ export declare const Tabs: React.ForwardRefExoticComponent<{
782
798
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
783
799
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
784
800
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
801
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
802
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
785
803
  };
786
804
  name: "marginBlock";
787
805
  vars: {
@@ -816,6 +834,8 @@ export declare const Tabs: React.ForwardRefExoticComponent<{
816
834
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
817
835
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
818
836
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
837
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
838
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
819
839
  };
820
840
  name: "marginBlockEnd";
821
841
  vars: {
@@ -850,6 +870,8 @@ export declare const Tabs: React.ForwardRefExoticComponent<{
850
870
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
851
871
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
852
872
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
873
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
874
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
853
875
  };
854
876
  name: "marginBlockStart";
855
877
  vars: {
@@ -884,6 +906,8 @@ export declare const Tabs: React.ForwardRefExoticComponent<{
884
906
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
885
907
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
886
908
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
909
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
910
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
887
911
  };
888
912
  name: "marginBottom";
889
913
  vars: {
@@ -918,6 +942,8 @@ export declare const Tabs: React.ForwardRefExoticComponent<{
918
942
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
919
943
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
920
944
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
945
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
946
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
921
947
  };
922
948
  name: "marginInline";
923
949
  vars: {
@@ -952,6 +978,8 @@ export declare const Tabs: React.ForwardRefExoticComponent<{
952
978
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
953
979
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
954
980
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
981
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
982
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
955
983
  };
956
984
  name: "marginInlineEnd";
957
985
  vars: {
@@ -986,6 +1014,8 @@ export declare const Tabs: React.ForwardRefExoticComponent<{
986
1014
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
987
1015
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
988
1016
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1017
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1018
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
989
1019
  };
990
1020
  name: "marginInlineStart";
991
1021
  vars: {
@@ -1020,6 +1050,8 @@ export declare const Tabs: React.ForwardRefExoticComponent<{
1020
1050
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1021
1051
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1022
1052
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1053
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1054
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1023
1055
  };
1024
1056
  name: "marginLeft";
1025
1057
  vars: {
@@ -1054,6 +1086,8 @@ export declare const Tabs: React.ForwardRefExoticComponent<{
1054
1086
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1055
1087
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1056
1088
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1089
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1090
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1057
1091
  };
1058
1092
  name: "marginRight";
1059
1093
  vars: {
@@ -1088,6 +1122,8 @@ export declare const Tabs: React.ForwardRefExoticComponent<{
1088
1122
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1089
1123
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1090
1124
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1125
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1126
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1091
1127
  };
1092
1128
  name: "marginTop";
1093
1129
  vars: {
@@ -1122,6 +1158,8 @@ export declare const Tabs: React.ForwardRefExoticComponent<{
1122
1158
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1123
1159
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1124
1160
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1161
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1162
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1125
1163
  };
1126
1164
  name: "padding";
1127
1165
  vars: {
@@ -1156,6 +1194,8 @@ export declare const Tabs: React.ForwardRefExoticComponent<{
1156
1194
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1157
1195
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1158
1196
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1197
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1198
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1159
1199
  };
1160
1200
  name: "paddingBlock";
1161
1201
  vars: {
@@ -1190,6 +1230,8 @@ export declare const Tabs: React.ForwardRefExoticComponent<{
1190
1230
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1191
1231
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1192
1232
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1233
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1234
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1193
1235
  };
1194
1236
  name: "paddingBlockEnd";
1195
1237
  vars: {
@@ -1224,6 +1266,8 @@ export declare const Tabs: React.ForwardRefExoticComponent<{
1224
1266
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1225
1267
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1226
1268
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1269
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1270
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1227
1271
  };
1228
1272
  name: "paddingBlockStart";
1229
1273
  vars: {
@@ -1258,6 +1302,8 @@ export declare const Tabs: React.ForwardRefExoticComponent<{
1258
1302
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1259
1303
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1260
1304
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1305
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1306
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1261
1307
  };
1262
1308
  name: "paddingBottom";
1263
1309
  vars: {
@@ -1292,6 +1338,8 @@ export declare const Tabs: React.ForwardRefExoticComponent<{
1292
1338
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1293
1339
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1294
1340
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1341
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1342
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1295
1343
  };
1296
1344
  name: "paddingInline";
1297
1345
  vars: {
@@ -1326,6 +1374,8 @@ export declare const Tabs: React.ForwardRefExoticComponent<{
1326
1374
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1327
1375
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1328
1376
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1377
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1378
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1329
1379
  };
1330
1380
  name: "paddingInlineEnd";
1331
1381
  vars: {
@@ -1360,6 +1410,8 @@ export declare const Tabs: React.ForwardRefExoticComponent<{
1360
1410
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1361
1411
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1362
1412
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1413
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1414
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1363
1415
  };
1364
1416
  name: "paddingInlineStart";
1365
1417
  vars: {
@@ -1394,6 +1446,8 @@ export declare const Tabs: React.ForwardRefExoticComponent<{
1394
1446
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1395
1447
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1396
1448
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1449
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1450
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1397
1451
  };
1398
1452
  name: "paddingLeft";
1399
1453
  vars: {
@@ -1428,6 +1482,8 @@ export declare const Tabs: React.ForwardRefExoticComponent<{
1428
1482
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1429
1483
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1430
1484
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1485
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1486
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1431
1487
  };
1432
1488
  name: "paddingRight";
1433
1489
  vars: {
@@ -1462,6 +1518,8 @@ export declare const Tabs: React.ForwardRefExoticComponent<{
1462
1518
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1463
1519
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1464
1520
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1521
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1522
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1465
1523
  };
1466
1524
  name: "paddingTop";
1467
1525
  vars: {