@kushagradhawan/kookie-ui 0.1.37 → 0.1.39

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 (172) hide show
  1. package/components.css +130 -74
  2. package/dist/cjs/components/_internal/base-button.props.d.ts +1 -1
  3. package/dist/cjs/components/_internal/base-button.props.js +1 -1
  4. package/dist/cjs/components/_internal/base-button.props.js.map +2 -2
  5. package/dist/cjs/components/_internal/base-checkbox.props.d.ts +1 -1
  6. package/dist/cjs/components/_internal/base-checkbox.props.js +1 -1
  7. package/dist/cjs/components/_internal/base-checkbox.props.js.map +2 -2
  8. package/dist/cjs/components/avatar.props.d.ts +1 -1
  9. package/dist/cjs/components/avatar.props.js +1 -1
  10. package/dist/cjs/components/avatar.props.js.map +2 -2
  11. package/dist/cjs/components/button.d.ts +40 -2
  12. package/dist/cjs/components/button.d.ts.map +1 -1
  13. package/dist/cjs/components/button.js +1 -1
  14. package/dist/cjs/components/button.js.map +3 -3
  15. package/dist/cjs/components/chatbar.d.ts.map +1 -1
  16. package/dist/cjs/components/chatbar.js +1 -1
  17. package/dist/cjs/components/chatbar.js.map +2 -2
  18. package/dist/cjs/components/checkbox-cards.props.d.ts +2 -2
  19. package/dist/cjs/components/checkbox-cards.props.js +1 -1
  20. package/dist/cjs/components/checkbox-cards.props.js.map +2 -2
  21. package/dist/cjs/components/checkbox-group.d.ts.map +1 -1
  22. package/dist/cjs/components/checkbox-group.js +1 -1
  23. package/dist/cjs/components/checkbox-group.js.map +3 -3
  24. package/dist/cjs/components/checkbox-group.props.d.ts +1 -1
  25. package/dist/cjs/components/dialog.d.ts.map +1 -1
  26. package/dist/cjs/components/dialog.js +1 -1
  27. package/dist/cjs/components/dialog.js.map +3 -3
  28. package/dist/cjs/components/flex.props.d.ts +3 -3
  29. package/dist/cjs/components/grid.props.d.ts +3 -3
  30. package/dist/cjs/components/radio-cards.props.d.ts +2 -2
  31. package/dist/cjs/components/radio-cards.props.js +1 -1
  32. package/dist/cjs/components/radio-cards.props.js.map +2 -2
  33. package/dist/cjs/components/select.d.ts.map +1 -1
  34. package/dist/cjs/components/select.js +1 -1
  35. package/dist/cjs/components/select.js.map +3 -3
  36. package/dist/cjs/components/shell.d.ts.map +1 -1
  37. package/dist/cjs/components/shell.js +1 -1
  38. package/dist/cjs/components/shell.js.map +3 -3
  39. package/dist/cjs/components/sidebar.d.ts +7 -1
  40. package/dist/cjs/components/sidebar.d.ts.map +1 -1
  41. package/dist/cjs/components/sidebar.js +1 -1
  42. package/dist/cjs/components/sidebar.js.map +3 -3
  43. package/dist/cjs/components/sidebar.props.d.ts +6 -0
  44. package/dist/cjs/components/sidebar.props.d.ts.map +1 -1
  45. package/dist/cjs/components/sidebar.props.js +1 -1
  46. package/dist/cjs/components/sidebar.props.js.map +3 -3
  47. package/dist/cjs/components/table.props.d.ts +7 -7
  48. package/dist/cjs/components/text-field.props.d.ts +4 -4
  49. package/dist/cjs/helpers/extract-margin-props.d.ts +7 -7
  50. package/dist/cjs/hooks/index.d.ts +1 -0
  51. package/dist/cjs/hooks/index.d.ts.map +1 -1
  52. package/dist/cjs/hooks/index.js +1 -1
  53. package/dist/cjs/hooks/index.js.map +3 -3
  54. package/dist/cjs/hooks/use-body-pointer-events-cleanup.d.ts +9 -0
  55. package/dist/cjs/hooks/use-body-pointer-events-cleanup.d.ts.map +1 -0
  56. package/dist/cjs/hooks/use-body-pointer-events-cleanup.js +2 -0
  57. package/dist/cjs/hooks/use-body-pointer-events-cleanup.js.map +7 -0
  58. package/dist/cjs/props/gap.props.d.ts +3 -3
  59. package/dist/cjs/props/gap.props.js +1 -1
  60. package/dist/cjs/props/gap.props.js.map +2 -2
  61. package/dist/cjs/props/layout.props.d.ts +7 -7
  62. package/dist/cjs/props/margin.props.d.ts +7 -7
  63. package/dist/cjs/props/margin.props.js +1 -1
  64. package/dist/cjs/props/margin.props.js.map +2 -2
  65. package/dist/cjs/props/padding.props.d.ts +7 -7
  66. package/dist/cjs/props/padding.props.js +1 -1
  67. package/dist/cjs/props/padding.props.js.map +2 -2
  68. package/dist/esm/components/_internal/base-button.props.d.ts +1 -1
  69. package/dist/esm/components/_internal/base-button.props.js +1 -1
  70. package/dist/esm/components/_internal/base-button.props.js.map +2 -2
  71. package/dist/esm/components/_internal/base-checkbox.props.d.ts +1 -1
  72. package/dist/esm/components/_internal/base-checkbox.props.js +1 -1
  73. package/dist/esm/components/_internal/base-checkbox.props.js.map +2 -2
  74. package/dist/esm/components/avatar.props.d.ts +1 -1
  75. package/dist/esm/components/avatar.props.js +1 -1
  76. package/dist/esm/components/avatar.props.js.map +2 -2
  77. package/dist/esm/components/button.d.ts +40 -2
  78. package/dist/esm/components/button.d.ts.map +1 -1
  79. package/dist/esm/components/button.js +1 -1
  80. package/dist/esm/components/button.js.map +3 -3
  81. package/dist/esm/components/chatbar.d.ts.map +1 -1
  82. package/dist/esm/components/chatbar.js +1 -1
  83. package/dist/esm/components/chatbar.js.map +2 -2
  84. package/dist/esm/components/checkbox-cards.props.d.ts +2 -2
  85. package/dist/esm/components/checkbox-cards.props.js +1 -1
  86. package/dist/esm/components/checkbox-cards.props.js.map +2 -2
  87. package/dist/esm/components/checkbox-group.d.ts.map +1 -1
  88. package/dist/esm/components/checkbox-group.js +1 -1
  89. package/dist/esm/components/checkbox-group.js.map +3 -3
  90. package/dist/esm/components/checkbox-group.props.d.ts +1 -1
  91. package/dist/esm/components/dialog.d.ts.map +1 -1
  92. package/dist/esm/components/dialog.js +1 -1
  93. package/dist/esm/components/dialog.js.map +3 -3
  94. package/dist/esm/components/flex.props.d.ts +3 -3
  95. package/dist/esm/components/grid.props.d.ts +3 -3
  96. package/dist/esm/components/radio-cards.props.d.ts +2 -2
  97. package/dist/esm/components/radio-cards.props.js +1 -1
  98. package/dist/esm/components/radio-cards.props.js.map +2 -2
  99. package/dist/esm/components/select.d.ts.map +1 -1
  100. package/dist/esm/components/select.js +1 -1
  101. package/dist/esm/components/select.js.map +3 -3
  102. package/dist/esm/components/shell.d.ts.map +1 -1
  103. package/dist/esm/components/shell.js +1 -1
  104. package/dist/esm/components/shell.js.map +3 -3
  105. package/dist/esm/components/sidebar.d.ts +7 -1
  106. package/dist/esm/components/sidebar.d.ts.map +1 -1
  107. package/dist/esm/components/sidebar.js +1 -1
  108. package/dist/esm/components/sidebar.js.map +3 -3
  109. package/dist/esm/components/sidebar.props.d.ts +6 -0
  110. package/dist/esm/components/sidebar.props.d.ts.map +1 -1
  111. package/dist/esm/components/sidebar.props.js +1 -1
  112. package/dist/esm/components/sidebar.props.js.map +3 -3
  113. package/dist/esm/components/table.props.d.ts +7 -7
  114. package/dist/esm/components/text-field.props.d.ts +4 -4
  115. package/dist/esm/helpers/extract-margin-props.d.ts +7 -7
  116. package/dist/esm/hooks/index.d.ts +1 -0
  117. package/dist/esm/hooks/index.d.ts.map +1 -1
  118. package/dist/esm/hooks/index.js +1 -1
  119. package/dist/esm/hooks/index.js.map +3 -3
  120. package/dist/esm/hooks/use-body-pointer-events-cleanup.d.ts +9 -0
  121. package/dist/esm/hooks/use-body-pointer-events-cleanup.d.ts.map +1 -0
  122. package/dist/esm/hooks/use-body-pointer-events-cleanup.js +2 -0
  123. package/dist/esm/hooks/use-body-pointer-events-cleanup.js.map +7 -0
  124. package/dist/esm/props/gap.props.d.ts +3 -3
  125. package/dist/esm/props/gap.props.js +1 -1
  126. package/dist/esm/props/gap.props.js.map +2 -2
  127. package/dist/esm/props/layout.props.d.ts +7 -7
  128. package/dist/esm/props/margin.props.d.ts +7 -7
  129. package/dist/esm/props/margin.props.js +1 -1
  130. package/dist/esm/props/margin.props.js.map +2 -2
  131. package/dist/esm/props/padding.props.d.ts +7 -7
  132. package/dist/esm/props/padding.props.js +1 -1
  133. package/dist/esm/props/padding.props.js.map +2 -2
  134. package/layout/tokens.css +3 -0
  135. package/layout/utilities.css +1806 -42
  136. package/layout.css +1809 -42
  137. package/package.json +1 -1
  138. package/src/components/_internal/base-button.css +179 -73
  139. package/src/components/_internal/base-button.props.ts +1 -1
  140. package/src/components/_internal/base-checkbox.props.ts +1 -1
  141. package/src/components/avatar.props.tsx +1 -1
  142. package/src/components/button.css +13 -21
  143. package/src/components/button.tsx +79 -2
  144. package/src/components/chatbar.tsx +5 -2
  145. package/src/components/checkbox-cards.props.tsx +1 -1
  146. package/src/components/checkbox-group.tsx +14 -6
  147. package/src/components/dialog.tsx +4 -0
  148. package/src/components/radio-cards.props.tsx +1 -1
  149. package/src/components/select.css +9 -0
  150. package/src/components/select.tsx +11 -1
  151. package/src/components/shell.tsx +34 -3
  152. package/src/components/sidebar.css +15 -3
  153. package/src/components/sidebar.props.tsx +3 -0
  154. package/src/components/sidebar.tsx +27 -0
  155. package/src/hooks/index.ts +2 -1
  156. package/src/hooks/use-body-pointer-events-cleanup.ts +81 -0
  157. package/src/props/gap.props.ts +1 -1
  158. package/src/props/margin.props.ts +1 -1
  159. package/src/props/padding.props.ts +1 -1
  160. package/src/styles/tokens/blur.css +3 -0
  161. package/src/styles/tokens/constants.css +38 -35
  162. package/src/styles/tokens/radius.css +3 -0
  163. package/src/styles/tokens/shadow.css +64 -89
  164. package/src/styles/tokens/space.css +3 -0
  165. package/src/styles/tokens/transition.css +25 -12
  166. package/src/styles/utilities/gap.css +27 -0
  167. package/src/styles/utilities/margin.css +205 -7
  168. package/src/styles/utilities/padding.css +69 -0
  169. package/styles.css +1973 -144
  170. package/tokens/base.css +34 -25
  171. package/tokens.css +37 -28
  172. package/utilities.css +1806 -42
package/src/styles/utilities/margin.css CHANGED
@@ -16,6 +16,9 @@
16
16
  .rt-r-m-7,
17
17
  .rt-r-m-8,
18
18
  .rt-r-m-9,
19
+ .rt-r-m-10,
20
+ .rt-r-m-11,
21
+ .rt-r-m-12,
19
22
  .-rt-r-m-1,
20
23
  .-rt-r-m-2,
21
24
  .-rt-r-m-3,
@@ -24,7 +27,10 @@
24
27
  .-rt-r-m-6,
25
28
  .-rt-r-m-7,
26
29
  .-rt-r-m-8,
27
- .-rt-r-m-9 {
30
+ .-rt-r-m-9,
31
+ .-rt-r-m-10,
32
+ .-rt-r-m-11,
33
+ .-rt-r-m-12 {
28
34
  margin-top: var(--margin-top-override, var(--margin-top));
29
35
  margin-right: var(--margin-right-override, var(--margin-right));
30
36
  margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
@@ -93,6 +99,24 @@
93
99
  --margin-bottom: var(--space-9);
94
100
  --margin-left: var(--space-9);
95
101
  }
102
+ .rt-r-m-10 {
103
+ --margin-top: var(--space-10);
104
+ --margin-right: var(--space-10);
105
+ --margin-bottom: var(--space-10);
106
+ --margin-left: var(--space-10);
107
+ }
108
+ .rt-r-m-11 {
109
+ --margin-top: var(--space-11);
110
+ --margin-right: var(--space-11);
111
+ --margin-bottom: var(--space-11);
112
+ --margin-left: var(--space-11);
113
+ }
114
+ .rt-r-m-12 {
115
+ --margin-top: var(--space-12);
116
+ --margin-right: var(--space-12);
117
+ --margin-bottom: var(--space-12);
118
+ --margin-left: var(--space-12);
119
+ }
96
120
  .-rt-r-m-1 {
97
121
  --margin-top: calc(-1 * var(--space-1));
98
122
  --margin-right: calc(-1 * var(--space-1));
@@ -147,6 +171,24 @@
147
171
  --margin-bottom: calc(-1 * var(--space-9));
148
172
  --margin-left: calc(-1 * var(--space-9));
149
173
  }
174
+ .-rt-r-m-10 {
175
+ --margin-top: calc(-1 * var(--space-10));
176
+ --margin-right: calc(-1 * var(--space-10));
177
+ --margin-bottom: calc(-1 * var(--space-10));
178
+ --margin-left: calc(-1 * var(--space-10));
179
+ }
180
+ .-rt-r-m-11 {
181
+ --margin-top: calc(-1 * var(--space-11));
182
+ --margin-right: calc(-1 * var(--space-11));
183
+ --margin-bottom: calc(-1 * var(--space-11));
184
+ --margin-left: calc(-1 * var(--space-11));
185
+ }
186
+ .-rt-r-m-12 {
187
+ --margin-top: calc(-1 * var(--space-12));
188
+ --margin-right: calc(-1 * var(--space-12));
189
+ --margin-bottom: calc(-1 * var(--space-12));
190
+ --margin-left: calc(-1 * var(--space-12));
191
+ }
150
192
  }
151
193
  .rt-r-m {
152
194
  --margin-top: var(--m);
@@ -213,6 +255,9 @@
213
255
  .rt-r-mx-7,
214
256
  .rt-r-mx-8,
215
257
  .rt-r-mx-9,
258
+ .rt-r-mx-10,
259
+ .rt-r-mx-11,
260
+ .rt-r-mx-12,
216
261
  .-rt-r-mx-1,
217
262
  .-rt-r-mx-2,
218
263
  .-rt-r-mx-3,
@@ -221,7 +266,10 @@
221
266
  .-rt-r-mx-6,
222
267
  .-rt-r-mx-7,
223
268
  .-rt-r-mx-8,
224
- .-rt-r-mx-9 {
269
+ .-rt-r-mx-9,
270
+ .-rt-r-mx-10,
271
+ .-rt-r-mx-11,
272
+ .-rt-r-mx-12 {
225
273
  margin-left: var(--margin-left-override, var(--margin-left));
226
274
  margin-right: var(--margin-right-override, var(--margin-right));
227
275
  }
@@ -268,6 +316,18 @@
268
316
  --margin-left: var(--space-9);
269
317
  --margin-right: var(--space-9);
270
318
  }
319
+ .rt-r-mx-10 {
320
+ --margin-left: var(--space-10);
321
+ --margin-right: var(--space-10);
322
+ }
323
+ .rt-r-mx-11 {
324
+ --margin-left: var(--space-11);
325
+ --margin-right: var(--space-11);
326
+ }
327
+ .rt-r-mx-12 {
328
+ --margin-left: var(--space-12);
329
+ --margin-right: var(--space-12);
330
+ }
271
331
  .-rt-r-mx-1 {
272
332
  --margin-left: calc(-1 * var(--space-1));
273
333
  --margin-right: calc(-1 * var(--space-1));
@@ -304,6 +364,18 @@
304
364
  --margin-left: calc(-1 * var(--space-9));
305
365
  --margin-right: calc(-1 * var(--space-9));
306
366
  }
367
+ .-rt-r-mx-10 {
368
+ --margin-left: calc(-1 * var(--space-10));
369
+ --margin-right: calc(-1 * var(--space-10));
370
+ }
371
+ .-rt-r-mx-11 {
372
+ --margin-left: calc(-1 * var(--space-11));
373
+ --margin-right: calc(-1 * var(--space-11));
374
+ }
375
+ .-rt-r-mx-12 {
376
+ --margin-left: calc(-1 * var(--space-12));
377
+ --margin-right: calc(-1 * var(--space-12));
378
+ }
307
379
  }
308
380
  .rt-r-mx {
309
381
  --margin-left: var(--ml);
@@ -358,6 +430,9 @@
358
430
  .rt-r-my-7,
359
431
  .rt-r-my-8,
360
432
  .rt-r-my-9,
433
+ .rt-r-my-10,
434
+ .rt-r-my-11,
435
+ .rt-r-my-12,
361
436
  .-rt-r-my-1,
362
437
  .-rt-r-my-2,
363
438
  .-rt-r-my-3,
@@ -366,7 +441,10 @@
366
441
  .-rt-r-my-6,
367
442
  .-rt-r-my-7,
368
443
  .-rt-r-my-8,
369
- .-rt-r-my-9 {
444
+ .-rt-r-my-9,
445
+ .-rt-r-my-10,
446
+ .-rt-r-my-11,
447
+ .-rt-r-my-12 {
370
448
  margin-top: var(--margin-top-override, var(--margin-top));
371
449
  margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
372
450
  }
@@ -413,6 +491,18 @@
413
491
  --margin-top: var(--space-9);
414
492
  --margin-bottom: var(--space-9);
415
493
  }
494
+ .rt-r-my-10 {
495
+ --margin-top: var(--space-10);
496
+ --margin-bottom: var(--space-10);
497
+ }
498
+ .rt-r-my-11 {
499
+ --margin-top: var(--space-11);
500
+ --margin-bottom: var(--space-11);
501
+ }
502
+ .rt-r-my-12 {
503
+ --margin-top: var(--space-12);
504
+ --margin-bottom: var(--space-12);
505
+ }
416
506
  .-rt-r-my-1 {
417
507
  --margin-top: calc(-1 * var(--space-1));
418
508
  --margin-bottom: calc(-1 * var(--space-1));
@@ -449,6 +539,18 @@
449
539
  --margin-top: calc(-1 * var(--space-9));
450
540
  --margin-bottom: calc(-1 * var(--space-9));
451
541
  }
542
+ .-rt-r-my-10 {
543
+ --margin-top: calc(-1 * var(--space-10));
544
+ --margin-bottom: calc(-1 * var(--space-10));
545
+ }
546
+ .-rt-r-my-11 {
547
+ --margin-top: calc(-1 * var(--space-11));
548
+ --margin-bottom: calc(-1 * var(--space-11));
549
+ }
550
+ .-rt-r-my-12 {
551
+ --margin-top: calc(-1 * var(--space-12));
552
+ --margin-bottom: calc(-1 * var(--space-12));
553
+ }
452
554
  }
453
555
  .rt-r-my {
454
556
  --margin-top: var(--mt);
@@ -503,6 +605,9 @@
503
605
  .rt-r-mt-7,
504
606
  .rt-r-mt-8,
505
607
  .rt-r-mt-9,
608
+ .rt-r-mt-10,
609
+ .rt-r-mt-11,
610
+ .rt-r-mt-12,
506
611
  .-rt-r-mt-1,
507
612
  .-rt-r-mt-2,
508
613
  .-rt-r-mt-3,
@@ -511,7 +616,10 @@
511
616
  .-rt-r-mt-6,
512
617
  .-rt-r-mt-7,
513
618
  .-rt-r-mt-8,
514
- .-rt-r-mt-9 {
619
+ .-rt-r-mt-9,
620
+ .-rt-r-mt-10,
621
+ .-rt-r-mt-11,
622
+ .-rt-r-mt-12 {
515
623
  margin-top: var(--margin-top-override, var(--margin-top));
516
624
  }
517
625
  .rt-r-mt {
@@ -547,6 +655,15 @@
547
655
  .rt-r-mt-9 {
548
656
  --margin-top: var(--space-9);
549
657
  }
658
+ .rt-r-mt-10 {
659
+ --margin-top: var(--space-10);
660
+ }
661
+ .rt-r-mt-11 {
662
+ --margin-top: var(--space-11);
663
+ }
664
+ .rt-r-mt-12 {
665
+ --margin-top: var(--space-12);
666
+ }
550
667
  .-rt-r-mt-1 {
551
668
  --margin-top: calc(-1 * var(--space-1));
552
669
  }
@@ -574,6 +691,15 @@
574
691
  .-rt-r-mt-9 {
575
692
  --margin-top: calc(-1 * var(--space-9));
576
693
  }
694
+ .-rt-r-mt-10 {
695
+ --margin-top: calc(-1 * var(--space-10));
696
+ }
697
+ .-rt-r-mt-11 {
698
+ --margin-top: calc(-1 * var(--space-11));
699
+ }
700
+ .-rt-r-mt-12 {
701
+ --margin-top: calc(-1 * var(--space-12));
702
+ }
577
703
  }
578
704
  .rt-r-mt {
579
705
  --margin-top: var(--mt);
@@ -622,6 +748,9 @@
622
748
  .rt-r-mr-7,
623
749
  .rt-r-mr-8,
624
750
  .rt-r-mr-9,
751
+ .rt-r-mr-10,
752
+ .rt-r-mr-11,
753
+ .rt-r-mr-12,
625
754
  .-rt-r-mr-1,
626
755
  .-rt-r-mr-2,
627
756
  .-rt-r-mr-3,
@@ -630,7 +759,10 @@
630
759
  .-rt-r-mr-6,
631
760
  .-rt-r-mr-7,
632
761
  .-rt-r-mr-8,
633
- .-rt-r-mr-9 {
762
+ .-rt-r-mr-9,
763
+ .-rt-r-mr-10,
764
+ .-rt-r-mr-11,
765
+ .-rt-r-mr-12 {
634
766
  margin-right: var(--margin-right-override, var(--margin-right));
635
767
  }
636
768
  .rt-r-mr {
@@ -666,6 +798,15 @@
666
798
  .rt-r-mr-9 {
667
799
  --margin-right: var(--space-9);
668
800
  }
801
+ .rt-r-mr-10 {
802
+ --margin-right: var(--space-10);
803
+ }
804
+ .rt-r-mr-11 {
805
+ --margin-right: var(--space-11);
806
+ }
807
+ .rt-r-mr-12 {
808
+ --margin-right: var(--space-12);
809
+ }
669
810
  .-rt-r-mr-1 {
670
811
  --margin-right: calc(-1 * var(--space-1));
671
812
  }
@@ -693,6 +834,15 @@
693
834
  .-rt-r-mr-9 {
694
835
  --margin-right: calc(-1 * var(--space-9));
695
836
  }
837
+ .-rt-r-mr-10 {
838
+ --margin-right: calc(-1 * var(--space-10));
839
+ }
840
+ .-rt-r-mr-11 {
841
+ --margin-right: calc(-1 * var(--space-11));
842
+ }
843
+ .-rt-r-mr-12 {
844
+ --margin-right: calc(-1 * var(--space-12));
845
+ }
696
846
  }
697
847
  .rt-r-mr {
698
848
  --margin-right: var(--mr);
@@ -741,6 +891,9 @@
741
891
  .rt-r-mb-7,
742
892
  .rt-r-mb-8,
743
893
  .rt-r-mb-9,
894
+ .rt-r-mb-10,
895
+ .rt-r-mb-11,
896
+ .rt-r-mb-12,
744
897
  .-rt-r-mb-1,
745
898
  .-rt-r-mb-2,
746
899
  .-rt-r-mb-3,
@@ -749,7 +902,10 @@
749
902
  .-rt-r-mb-6,
750
903
  .-rt-r-mb-7,
751
904
  .-rt-r-mb-8,
752
- .-rt-r-mb-9 {
905
+ .-rt-r-mb-9,
906
+ .-rt-r-mb-10,
907
+ .-rt-r-mb-11,
908
+ .-rt-r-mb-12 {
753
909
  margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
754
910
  }
755
911
  .rt-r-mb {
@@ -785,6 +941,15 @@
785
941
  .rt-r-mb-9 {
786
942
  --margin-bottom: var(--space-9);
787
943
  }
944
+ .rt-r-mb-10 {
945
+ --margin-bottom: var(--space-10);
946
+ }
947
+ .rt-r-mb-11 {
948
+ --margin-bottom: var(--space-11);
949
+ }
950
+ .rt-r-mb-12 {
951
+ --margin-bottom: var(--space-12);
952
+ }
788
953
  .-rt-r-mb-1 {
789
954
  --margin-bottom: calc(-1 * var(--space-1));
790
955
  }
@@ -812,6 +977,15 @@
812
977
  .-rt-r-mb-9 {
813
978
  --margin-bottom: calc(-1 * var(--space-9));
814
979
  }
980
+ .-rt-r-mb-10 {
981
+ --margin-bottom: calc(-1 * var(--space-10));
982
+ }
983
+ .-rt-r-mb-11 {
984
+ --margin-bottom: calc(-1 * var(--space-11));
985
+ }
986
+ .-rt-r-mb-12 {
987
+ --margin-bottom: calc(-1 * var(--space-12));
988
+ }
815
989
  }
816
990
 
817
991
  .rt-r-mb {
@@ -861,6 +1035,9 @@
861
1035
  .rt-r-ml-7,
862
1036
  .rt-r-ml-8,
863
1037
  .rt-r-ml-9,
1038
+ .rt-r-ml-10,
1039
+ .rt-r-ml-11,
1040
+ .rt-r-ml-12,
864
1041
  .-rt-r-ml-1,
865
1042
  .-rt-r-ml-2,
866
1043
  .-rt-r-ml-3,
@@ -869,7 +1046,10 @@
869
1046
  .-rt-r-ml-6,
870
1047
  .-rt-r-ml-7,
871
1048
  .-rt-r-ml-8,
872
- .-rt-r-ml-9 {
1049
+ .-rt-r-ml-9,
1050
+ .-rt-r-ml-10,
1051
+ .-rt-r-ml-11,
1052
+ .-rt-r-ml-12 {
873
1053
  margin-left: var(--margin-left-override, var(--margin-left));
874
1054
  }
875
1055
  .rt-r-ml {
@@ -905,6 +1085,15 @@
905
1085
  .rt-r-ml-9 {
906
1086
  --margin-left: var(--space-9);
907
1087
  }
1088
+ .rt-r-ml-10 {
1089
+ --margin-left: var(--space-10);
1090
+ }
1091
+ .rt-r-ml-11 {
1092
+ --margin-left: var(--space-11);
1093
+ }
1094
+ .rt-r-ml-12 {
1095
+ --margin-left: var(--space-12);
1096
+ }
908
1097
  .-rt-r-ml-1 {
909
1098
  --margin-left: calc(-1 * var(--space-1));
910
1099
  }
@@ -932,6 +1121,15 @@
932
1121
  .-rt-r-ml-9 {
933
1122
  --margin-left: calc(-1 * var(--space-9));
934
1123
  }
1124
+ .-rt-r-ml-10 {
1125
+ --margin-left: calc(-1 * var(--space-10));
1126
+ }
1127
+ .-rt-r-ml-11 {
1128
+ --margin-left: calc(-1 * var(--space-11));
1129
+ }
1130
+ .-rt-r-ml-12 {
1131
+ --margin-left: calc(-1 * var(--space-12));
1132
+ }
935
1133
  }
936
1134
  .rt-r-ml {
937
1135
  --margin-left: var(--ml);
package/src/styles/utilities/padding.css CHANGED
@@ -38,6 +38,15 @@
38
38
  .rt-r-p-9 {
39
39
  padding: var(--space-9);
40
40
  }
41
+ .rt-r-p-10 {
42
+ padding: var(--space-10);
43
+ }
44
+ .rt-r-p-11 {
45
+ padding: var(--space-11);
46
+ }
47
+ .rt-r-p-12 {
48
+ padding: var(--space-12);
49
+ }
41
50
  .rt-r-p-inset {
42
51
  padding-top: var(--inset-padding-top);
43
52
  padding-right: var(--inset-padding-right);
@@ -125,6 +134,18 @@
125
134
  padding-left: var(--space-9);
126
135
  padding-right: var(--space-9);
127
136
  }
137
+ .rt-r-px-10 {
138
+ padding-left: var(--space-10);
139
+ padding-right: var(--space-10);
140
+ }
141
+ .rt-r-px-11 {
142
+ padding-left: var(--space-11);
143
+ padding-right: var(--space-11);
144
+ }
145
+ .rt-r-px-12 {
146
+ padding-left: var(--space-12);
147
+ padding-right: var(--space-12);
148
+ }
128
149
  .rt-r-px-inset {
129
150
  padding-left: var(--inset-padding-left);
130
151
  padding-right: var(--inset-padding-right);
@@ -216,6 +237,18 @@
216
237
  padding-top: var(--space-9);
217
238
  padding-bottom: var(--space-9);
218
239
  }
240
+ .rt-r-py-10 {
241
+ padding-top: var(--space-10);
242
+ padding-bottom: var(--space-10);
243
+ }
244
+ .rt-r-py-11 {
245
+ padding-top: var(--space-11);
246
+ padding-bottom: var(--space-11);
247
+ }
248
+ .rt-r-py-12 {
249
+ padding-top: var(--space-12);
250
+ padding-bottom: var(--space-12);
251
+ }
219
252
  .rt-r-py-inset {
220
253
  padding-top: var(--inset-padding-top);
221
254
  padding-bottom: var(--inset-padding-bottom);
@@ -297,6 +330,15 @@
297
330
  .rt-r-pt-9 {
298
331
  padding-top: var(--space-9);
299
332
  }
333
+ .rt-r-pt-10 {
334
+ padding-top: var(--space-10);
335
+ }
336
+ .rt-r-pt-11 {
337
+ padding-top: var(--space-11);
338
+ }
339
+ .rt-r-pt-12 {
340
+ padding-top: var(--space-12);
341
+ }
300
342
  .rt-r-pt-inset {
301
343
  padding-top: var(--inset-padding-top);
302
344
  }
@@ -371,6 +413,15 @@
371
413
  .rt-r-pr-9 {
372
414
  padding-right: var(--space-9);
373
415
  }
416
+ .rt-r-pr-10 {
417
+ padding-right: var(--space-10);
418
+ }
419
+ .rt-r-pr-11 {
420
+ padding-right: var(--space-11);
421
+ }
422
+ .rt-r-pr-12 {
423
+ padding-right: var(--space-12);
424
+ }
374
425
  .rt-r-pr-inset {
375
426
  padding-right: var(--inset-padding-right);
376
427
  }
@@ -445,6 +496,15 @@
445
496
  .rt-r-pb-9 {
446
497
  padding-bottom: var(--space-9);
447
498
  }
499
+ .rt-r-pb-10 {
500
+ padding-bottom: var(--space-10);
501
+ }
502
+ .rt-r-pb-11 {
503
+ padding-bottom: var(--space-11);
504
+ }
505
+ .rt-r-pb-12 {
506
+ padding-bottom: var(--space-12);
507
+ }
448
508
  .rt-r-pb-inset {
449
509
  padding-bottom: var(--inset-padding-bottom);
450
510
  }
@@ -519,6 +579,15 @@
519
579
  .rt-r-pl-9 {
520
580
  padding-left: var(--space-9);
521
581
  }
582
+ .rt-r-pl-10 {
583
+ padding-left: var(--space-10);
584
+ }
585
+ .rt-r-pl-11 {
586
+ padding-left: var(--space-11);
587
+ }
588
+ .rt-r-pl-12 {
589
+ padding-left: var(--space-12);
590
+ }
522
591
  .rt-r-pl-inset {
523
592
  padding-left: var(--inset-padding-left);
524
593
  }