@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/Alert/Alert.d.ts CHANGED
@@ -513,6 +513,8 @@ export declare const Alert: React.ForwardRefExoticComponent<{
513
513
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
514
514
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
515
515
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
516
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
517
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
516
518
  };
517
519
  name: "gap";
518
520
  vars: {
@@ -547,6 +549,8 @@ export declare const Alert: React.ForwardRefExoticComponent<{
547
549
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
548
550
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
549
551
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
552
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
553
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
550
554
  };
551
555
  name: "width";
552
556
  vars: {
@@ -581,6 +585,8 @@ export declare const Alert: React.ForwardRefExoticComponent<{
581
585
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
582
586
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
583
587
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
588
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
589
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
584
590
  };
585
591
  name: "maxWidth";
586
592
  vars: {
@@ -615,6 +621,8 @@ export declare const Alert: React.ForwardRefExoticComponent<{
615
621
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
616
622
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
617
623
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
624
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
625
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
618
626
  };
619
627
  name: "minWidth";
620
628
  vars: {
@@ -649,6 +657,8 @@ export declare const Alert: React.ForwardRefExoticComponent<{
649
657
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
650
658
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
651
659
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
660
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
661
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
652
662
  };
653
663
  name: "height";
654
664
  vars: {
@@ -683,6 +693,8 @@ export declare const Alert: React.ForwardRefExoticComponent<{
683
693
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
684
694
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
685
695
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
696
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
697
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
686
698
  };
687
699
  name: "maxHeight";
688
700
  vars: {
@@ -717,6 +729,8 @@ export declare const Alert: React.ForwardRefExoticComponent<{
717
729
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
718
730
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
719
731
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
732
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
733
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
720
734
  };
721
735
  name: "minHeight";
722
736
  vars: {
@@ -751,6 +765,8 @@ export declare const Alert: React.ForwardRefExoticComponent<{
751
765
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
752
766
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
753
767
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
768
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
769
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
754
770
  };
755
771
  name: "margin";
756
772
  vars: {
@@ -785,6 +801,8 @@ export declare const Alert: React.ForwardRefExoticComponent<{
785
801
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
786
802
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
787
803
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
804
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
805
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
788
806
  };
789
807
  name: "marginBlock";
790
808
  vars: {
@@ -819,6 +837,8 @@ export declare const Alert: React.ForwardRefExoticComponent<{
819
837
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
820
838
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
821
839
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
840
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
841
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
822
842
  };
823
843
  name: "marginBlockEnd";
824
844
  vars: {
@@ -853,6 +873,8 @@ export declare const Alert: React.ForwardRefExoticComponent<{
853
873
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
854
874
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
855
875
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
876
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
877
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
856
878
  };
857
879
  name: "marginBlockStart";
858
880
  vars: {
@@ -887,6 +909,8 @@ export declare const Alert: React.ForwardRefExoticComponent<{
887
909
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
888
910
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
889
911
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
912
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
913
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
890
914
  };
891
915
  name: "marginBottom";
892
916
  vars: {
@@ -921,6 +945,8 @@ export declare const Alert: React.ForwardRefExoticComponent<{
921
945
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
922
946
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
923
947
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
948
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
949
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
924
950
  };
925
951
  name: "marginInline";
926
952
  vars: {
@@ -955,6 +981,8 @@ export declare const Alert: React.ForwardRefExoticComponent<{
955
981
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
956
982
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
957
983
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
984
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
985
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
958
986
  };
959
987
  name: "marginInlineEnd";
960
988
  vars: {
@@ -989,6 +1017,8 @@ export declare const Alert: React.ForwardRefExoticComponent<{
989
1017
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
990
1018
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
991
1019
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1020
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1021
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
992
1022
  };
993
1023
  name: "marginInlineStart";
994
1024
  vars: {
@@ -1023,6 +1053,8 @@ export declare const Alert: React.ForwardRefExoticComponent<{
1023
1053
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1024
1054
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1025
1055
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1056
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1057
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1026
1058
  };
1027
1059
  name: "marginLeft";
1028
1060
  vars: {
@@ -1057,6 +1089,8 @@ export declare const Alert: React.ForwardRefExoticComponent<{
1057
1089
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1058
1090
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1059
1091
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1092
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1093
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1060
1094
  };
1061
1095
  name: "marginRight";
1062
1096
  vars: {
@@ -1091,6 +1125,8 @@ export declare const Alert: React.ForwardRefExoticComponent<{
1091
1125
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1092
1126
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1093
1127
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1128
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1129
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1094
1130
  };
1095
1131
  name: "marginTop";
1096
1132
  vars: {
@@ -1125,6 +1161,8 @@ export declare const Alert: React.ForwardRefExoticComponent<{
1125
1161
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1126
1162
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1127
1163
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1164
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1165
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1128
1166
  };
1129
1167
  name: "padding";
1130
1168
  vars: {
@@ -1159,6 +1197,8 @@ export declare const Alert: React.ForwardRefExoticComponent<{
1159
1197
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1160
1198
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1161
1199
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1200
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1201
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1162
1202
  };
1163
1203
  name: "paddingBlock";
1164
1204
  vars: {
@@ -1193,6 +1233,8 @@ export declare const Alert: React.ForwardRefExoticComponent<{
1193
1233
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1194
1234
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1195
1235
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1236
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1237
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1196
1238
  };
1197
1239
  name: "paddingBlockEnd";
1198
1240
  vars: {
@@ -1227,6 +1269,8 @@ export declare const Alert: React.ForwardRefExoticComponent<{
1227
1269
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1228
1270
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1229
1271
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1272
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1273
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1230
1274
  };
1231
1275
  name: "paddingBlockStart";
1232
1276
  vars: {
@@ -1261,6 +1305,8 @@ export declare const Alert: React.ForwardRefExoticComponent<{
1261
1305
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1262
1306
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1263
1307
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1308
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1309
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1264
1310
  };
1265
1311
  name: "paddingBottom";
1266
1312
  vars: {
@@ -1295,6 +1341,8 @@ export declare const Alert: React.ForwardRefExoticComponent<{
1295
1341
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1296
1342
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1297
1343
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1344
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1345
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1298
1346
  };
1299
1347
  name: "paddingInline";
1300
1348
  vars: {
@@ -1329,6 +1377,8 @@ export declare const Alert: React.ForwardRefExoticComponent<{
1329
1377
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1330
1378
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1331
1379
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1380
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1381
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1332
1382
  };
1333
1383
  name: "paddingInlineEnd";
1334
1384
  vars: {
@@ -1363,6 +1413,8 @@ export declare const Alert: React.ForwardRefExoticComponent<{
1363
1413
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1364
1414
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1365
1415
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1416
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1417
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1366
1418
  };
1367
1419
  name: "paddingInlineStart";
1368
1420
  vars: {
@@ -1397,6 +1449,8 @@ export declare const Alert: React.ForwardRefExoticComponent<{
1397
1449
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1398
1450
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1399
1451
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1452
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1453
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1400
1454
  };
1401
1455
  name: "paddingLeft";
1402
1456
  vars: {
@@ -1431,6 +1485,8 @@ export declare const Alert: React.ForwardRefExoticComponent<{
1431
1485
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1432
1486
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1433
1487
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1488
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1489
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1434
1490
  };
1435
1491
  name: "paddingRight";
1436
1492
  vars: {
@@ -1465,6 +1521,8 @@ export declare const Alert: React.ForwardRefExoticComponent<{
1465
1521
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1466
1522
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1467
1523
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1524
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1525
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1468
1526
  };
1469
1527
  name: "paddingTop";
1470
1528
  vars: {
package/types/Frame/Frame.css.d.ts CHANGED
@@ -400,6 +400,8 @@ declare const displayAndBoxModelAtomicProps: {
400
400
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
401
401
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
402
402
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
403
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
404
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
403
405
  };
404
406
  name: "gap";
405
407
  vars: {
@@ -434,6 +436,8 @@ declare const displayAndBoxModelAtomicProps: {
434
436
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
435
437
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
436
438
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
439
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
440
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
437
441
  };
438
442
  name: "width";
439
443
  vars: {
@@ -468,6 +472,8 @@ declare const displayAndBoxModelAtomicProps: {
468
472
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
469
473
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
470
474
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
475
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
476
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
471
477
  };
472
478
  name: "maxWidth";
473
479
  vars: {
@@ -502,6 +508,8 @@ declare const displayAndBoxModelAtomicProps: {
502
508
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
503
509
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
504
510
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
511
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
512
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
505
513
  };
506
514
  name: "minWidth";
507
515
  vars: {
@@ -536,6 +544,8 @@ declare const displayAndBoxModelAtomicProps: {
536
544
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
537
545
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
538
546
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
547
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
548
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
539
549
  };
540
550
  name: "height";
541
551
  vars: {
@@ -570,6 +580,8 @@ declare const displayAndBoxModelAtomicProps: {
570
580
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
571
581
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
572
582
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
583
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
584
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
573
585
  };
574
586
  name: "maxHeight";
575
587
  vars: {
@@ -604,6 +616,8 @@ declare const displayAndBoxModelAtomicProps: {
604
616
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
605
617
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
606
618
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
619
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
620
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
607
621
  };
608
622
  name: "minHeight";
609
623
  vars: {
@@ -638,6 +652,8 @@ declare const displayAndBoxModelAtomicProps: {
638
652
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
639
653
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
640
654
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
655
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
656
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
641
657
  };
642
658
  name: "margin";
643
659
  vars: {
@@ -672,6 +688,8 @@ declare const displayAndBoxModelAtomicProps: {
672
688
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
673
689
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
674
690
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
691
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
692
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
675
693
  };
676
694
  name: "marginBlock";
677
695
  vars: {
@@ -706,6 +724,8 @@ declare const displayAndBoxModelAtomicProps: {
706
724
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
707
725
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
708
726
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
727
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
728
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
709
729
  };
710
730
  name: "marginBlockEnd";
711
731
  vars: {
@@ -740,6 +760,8 @@ declare const displayAndBoxModelAtomicProps: {
740
760
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
741
761
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
742
762
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
763
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
764
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
743
765
  };
744
766
  name: "marginBlockStart";
745
767
  vars: {
@@ -774,6 +796,8 @@ declare const displayAndBoxModelAtomicProps: {
774
796
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
775
797
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
776
798
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
799
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
800
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
777
801
  };
778
802
  name: "marginBottom";
779
803
  vars: {
@@ -808,6 +832,8 @@ declare const displayAndBoxModelAtomicProps: {
808
832
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
809
833
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
810
834
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
835
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
836
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
811
837
  };
812
838
  name: "marginInline";
813
839
  vars: {
@@ -842,6 +868,8 @@ declare const displayAndBoxModelAtomicProps: {
842
868
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
843
869
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
844
870
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
871
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
872
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
845
873
  };
846
874
  name: "marginInlineEnd";
847
875
  vars: {
@@ -876,6 +904,8 @@ declare const displayAndBoxModelAtomicProps: {
876
904
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
877
905
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
878
906
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
907
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
908
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
879
909
  };
880
910
  name: "marginInlineStart";
881
911
  vars: {
@@ -910,6 +940,8 @@ declare const displayAndBoxModelAtomicProps: {
910
940
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
911
941
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
912
942
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
943
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
944
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
913
945
  };
914
946
  name: "marginLeft";
915
947
  vars: {
@@ -944,6 +976,8 @@ declare const displayAndBoxModelAtomicProps: {
944
976
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
945
977
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
946
978
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
979
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
980
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
947
981
  };
948
982
  name: "marginRight";
949
983
  vars: {
@@ -978,6 +1012,8 @@ declare const displayAndBoxModelAtomicProps: {
978
1012
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
979
1013
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
980
1014
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1015
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1016
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
981
1017
  };
982
1018
  name: "marginTop";
983
1019
  vars: {
@@ -1012,6 +1048,8 @@ declare const displayAndBoxModelAtomicProps: {
1012
1048
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1013
1049
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1014
1050
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1051
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1052
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1015
1053
  };
1016
1054
  name: "padding";
1017
1055
  vars: {
@@ -1046,6 +1084,8 @@ declare const displayAndBoxModelAtomicProps: {
1046
1084
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1047
1085
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1048
1086
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1087
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1088
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1049
1089
  };
1050
1090
  name: "paddingBlock";
1051
1091
  vars: {
@@ -1080,6 +1120,8 @@ declare const displayAndBoxModelAtomicProps: {
1080
1120
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1081
1121
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1082
1122
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1123
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1124
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1083
1125
  };
1084
1126
  name: "paddingBlockEnd";
1085
1127
  vars: {
@@ -1114,6 +1156,8 @@ declare const displayAndBoxModelAtomicProps: {
1114
1156
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1115
1157
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1116
1158
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1159
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1160
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1117
1161
  };
1118
1162
  name: "paddingBlockStart";
1119
1163
  vars: {
@@ -1148,6 +1192,8 @@ declare const displayAndBoxModelAtomicProps: {
1148
1192
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1149
1193
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1150
1194
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1195
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1196
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1151
1197
  };
1152
1198
  name: "paddingBottom";
1153
1199
  vars: {
@@ -1182,6 +1228,8 @@ declare const displayAndBoxModelAtomicProps: {
1182
1228
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1183
1229
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1184
1230
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1231
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1232
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1185
1233
  };
1186
1234
  name: "paddingInline";
1187
1235
  vars: {
@@ -1216,6 +1264,8 @@ declare const displayAndBoxModelAtomicProps: {
1216
1264
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1217
1265
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1218
1266
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1267
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1268
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1219
1269
  };
1220
1270
  name: "paddingInlineEnd";
1221
1271
  vars: {
@@ -1250,6 +1300,8 @@ declare const displayAndBoxModelAtomicProps: {
1250
1300
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1251
1301
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1252
1302
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1303
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1304
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1253
1305
  };
1254
1306
  name: "paddingInlineStart";
1255
1307
  vars: {
@@ -1284,6 +1336,8 @@ declare const displayAndBoxModelAtomicProps: {
1284
1336
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1285
1337
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1286
1338
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1339
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1340
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1287
1341
  };
1288
1342
  name: "paddingLeft";
1289
1343
  vars: {
@@ -1318,6 +1372,8 @@ declare const displayAndBoxModelAtomicProps: {
1318
1372
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1319
1373
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1320
1374
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1375
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1376
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1321
1377
  };
1322
1378
  name: "paddingRight";
1323
1379
  vars: {
@@ -1352,6 +1408,8 @@ declare const displayAndBoxModelAtomicProps: {
1352
1408
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1353
1409
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1354
1410
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1411
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1412
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1355
1413
  };
1356
1414
  name: "paddingTop";
1357
1415
  vars: {