@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/Frame/props.d.ts CHANGED
@@ -60,6 +60,8 @@ export declare const displayAndBoxModel: {
60
60
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
61
61
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
62
62
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
63
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
64
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
63
65
  };
64
66
  readonly width: {
65
67
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -83,6 +85,8 @@ export declare const displayAndBoxModel: {
83
85
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
84
86
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
85
87
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
88
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
89
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
86
90
  };
87
91
  readonly maxWidth: {
88
92
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -106,6 +110,8 @@ export declare const displayAndBoxModel: {
106
110
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
107
111
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
108
112
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
113
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
114
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
109
115
  };
110
116
  readonly minWidth: {
111
117
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -129,6 +135,8 @@ export declare const displayAndBoxModel: {
129
135
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
130
136
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
131
137
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
138
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
139
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
132
140
  };
133
141
  readonly height: {
134
142
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -152,6 +160,8 @@ export declare const displayAndBoxModel: {
152
160
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
153
161
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
154
162
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
163
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
164
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
155
165
  };
156
166
  readonly maxHeight: {
157
167
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -175,6 +185,8 @@ export declare const displayAndBoxModel: {
175
185
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
176
186
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
177
187
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
188
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
189
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
178
190
  };
179
191
  readonly minHeight: {
180
192
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -198,6 +210,8 @@ export declare const displayAndBoxModel: {
198
210
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
199
211
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
200
212
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
213
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
214
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
201
215
  };
202
216
  readonly margin: {
203
217
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -221,6 +235,8 @@ export declare const displayAndBoxModel: {
221
235
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
222
236
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
223
237
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
238
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
239
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
224
240
  };
225
241
  readonly marginBlock: {
226
242
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -244,6 +260,8 @@ export declare const displayAndBoxModel: {
244
260
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
245
261
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
246
262
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
263
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
264
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
247
265
  };
248
266
  readonly marginBlockEnd: {
249
267
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -267,6 +285,8 @@ export declare const displayAndBoxModel: {
267
285
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
268
286
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
269
287
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
288
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
289
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
270
290
  };
271
291
  readonly marginBlockStart: {
272
292
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -290,6 +310,8 @@ export declare const displayAndBoxModel: {
290
310
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
291
311
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
292
312
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
313
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
314
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
293
315
  };
294
316
  readonly marginBottom: {
295
317
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -313,6 +335,8 @@ export declare const displayAndBoxModel: {
313
335
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
314
336
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
315
337
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
338
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
339
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
316
340
  };
317
341
  readonly marginInline: {
318
342
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -336,6 +360,8 @@ export declare const displayAndBoxModel: {
336
360
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
337
361
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
338
362
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
363
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
364
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
339
365
  };
340
366
  readonly marginInlineEnd: {
341
367
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -359,6 +385,8 @@ export declare const displayAndBoxModel: {
359
385
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
360
386
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
361
387
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
388
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
389
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
362
390
  };
363
391
  readonly marginInlineStart: {
364
392
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -382,6 +410,8 @@ export declare const displayAndBoxModel: {
382
410
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
383
411
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
384
412
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
413
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
414
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
385
415
  };
386
416
  readonly marginLeft: {
387
417
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -405,6 +435,8 @@ export declare const displayAndBoxModel: {
405
435
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
406
436
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
407
437
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
438
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
439
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
408
440
  };
409
441
  readonly marginRight: {
410
442
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -428,6 +460,8 @@ export declare const displayAndBoxModel: {
428
460
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
429
461
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
430
462
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
463
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
464
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
431
465
  };
432
466
  readonly marginTop: {
433
467
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -451,6 +485,8 @@ export declare const displayAndBoxModel: {
451
485
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
452
486
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
453
487
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
488
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
489
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
454
490
  };
455
491
  readonly padding: {
456
492
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -474,6 +510,8 @@ export declare const displayAndBoxModel: {
474
510
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
475
511
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
476
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})`;
477
515
  };
478
516
  readonly paddingBlock: {
479
517
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -497,6 +535,8 @@ export declare const displayAndBoxModel: {
497
535
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
498
536
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
499
537
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
538
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
539
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
500
540
  };
501
541
  readonly paddingBlockEnd: {
502
542
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -520,6 +560,8 @@ export declare const displayAndBoxModel: {
520
560
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
521
561
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
522
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})`;
523
565
  };
524
566
  readonly paddingBlockStart: {
525
567
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -543,6 +585,8 @@ export declare const displayAndBoxModel: {
543
585
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
544
586
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
545
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})`;
546
590
  };
547
591
  readonly paddingBottom: {
548
592
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -566,6 +610,8 @@ export declare const displayAndBoxModel: {
566
610
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
567
611
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
568
612
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
613
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
614
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
569
615
  };
570
616
  readonly paddingInline: {
571
617
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -589,6 +635,8 @@ export declare const displayAndBoxModel: {
589
635
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
590
636
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
591
637
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
638
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
639
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
592
640
  };
593
641
  readonly paddingInlineEnd: {
594
642
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -612,6 +660,8 @@ export declare const displayAndBoxModel: {
612
660
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
613
661
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
614
662
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
663
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
664
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
615
665
  };
616
666
  readonly paddingInlineStart: {
617
667
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -635,6 +685,8 @@ export declare const displayAndBoxModel: {
635
685
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
636
686
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
637
687
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
688
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
689
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
638
690
  };
639
691
  readonly paddingLeft: {
640
692
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -658,6 +710,8 @@ export declare const displayAndBoxModel: {
658
710
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
659
711
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
660
712
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
713
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
714
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
661
715
  };
662
716
  readonly paddingRight: {
663
717
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -681,6 +735,8 @@ export declare const displayAndBoxModel: {
681
735
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
682
736
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
683
737
  '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
738
+ '21': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
739
+ '22': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
684
740
  };
685
741
  readonly paddingTop: {
686
742
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -704,6 +760,8 @@ export declare const displayAndBoxModel: {
704
760
  '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
705
761
  '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
706
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})`;
707
765
  };
708
766
  };
709
767
  export declare const colors: {
package/types/Input/Input.d.ts CHANGED
@@ -500,6 +500,8 @@ export declare const Input: 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 Input: 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 Input: 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 Input: 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 Input: 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 Input: 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 Input: 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 Input: 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 Input: 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 Input: 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 Input: 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 Input: 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 Input: 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 Input: 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 Input: 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 Input: 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 Input: 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 Input: 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 Input: 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 Input: 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 Input: 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 Input: 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 Input: 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 Input: 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 Input: 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 Input: 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 Input: 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 Input: 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 Input: 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: {