@nimbus-ds/styles 5.0.0-rc.4 → 5.0.0-rc.7

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 (110) hide show
  1. package/dist/index.css +18 -258
  2. package/dist/index.d.ts +1 -1
  3. package/dist/index.js +1 -1
  4. package/dist/packages/atomic/badge/index.d.ts +4 -2
  5. package/dist/packages/atomic/badge/index.js +1 -1
  6. package/dist/packages/atomic/box/box.sprinkle.css.d.ts +513 -513
  7. package/dist/packages/atomic/box/index.css +0 -228
  8. package/dist/packages/atomic/box/index.d.ts +6 -6
  9. package/dist/packages/atomic/box/index.js +1 -1
  10. package/dist/packages/atomic/button/button.style.css.d.ts +1 -1
  11. package/dist/packages/atomic/button/index.d.ts +3 -1
  12. package/dist/packages/atomic/button/index.js +1 -1
  13. package/dist/packages/atomic/checkbox/checkbox.sprinkle.css.d.ts +15 -14
  14. package/dist/packages/atomic/checkbox/index.css +2 -230
  15. package/dist/packages/atomic/checkbox/index.d.ts +10 -8
  16. package/dist/packages/atomic/checkbox/index.js +1 -1
  17. package/dist/packages/atomic/chip/chip.style.css.d.ts +1 -1
  18. package/dist/packages/atomic/chip/index.d.ts +3 -1
  19. package/dist/packages/atomic/chip/index.js +1 -1
  20. package/dist/packages/atomic/fileUploader/fileUploader.sprinkle.css.d.ts +13 -24
  21. package/dist/packages/atomic/fileUploader/index.css +2 -2
  22. package/dist/packages/atomic/fileUploader/index.d.ts +11 -22
  23. package/dist/packages/atomic/fileUploader/index.js +1 -1
  24. package/dist/packages/atomic/icon/icon.sprinkle.css.d.ts +29 -25
  25. package/dist/packages/atomic/icon/icon.style.css.d.ts +1 -1
  26. package/dist/packages/atomic/icon/index.css +0 -228
  27. package/dist/packages/atomic/icon/index.d.ts +5 -3
  28. package/dist/packages/atomic/icon/index.js +1 -1
  29. package/dist/packages/atomic/iconButton/iconButton.sprinkle.css.d.ts +78 -74
  30. package/dist/packages/atomic/iconButton/index.css +0 -228
  31. package/dist/packages/atomic/iconButton/index.d.ts +26 -25
  32. package/dist/packages/atomic/iconButton/index.js +1 -1
  33. package/dist/packages/atomic/input/index.d.ts +8 -2
  34. package/dist/packages/atomic/input/index.js +1 -1
  35. package/dist/packages/atomic/label/index.d.ts +4 -2
  36. package/dist/packages/atomic/label/index.js +1 -1
  37. package/dist/packages/atomic/link/index.d.ts +5 -2
  38. package/dist/packages/atomic/link/index.js +1 -1
  39. package/dist/packages/atomic/list/index.d.ts +5 -2
  40. package/dist/packages/atomic/list/index.js +1 -1
  41. package/dist/packages/atomic/popover/index.css +0 -228
  42. package/dist/packages/atomic/popover/index.d.ts +10 -10
  43. package/dist/packages/atomic/popover/index.js +1 -1
  44. package/dist/packages/atomic/popover/popover.sprinkle.css.d.ts +30 -26
  45. package/dist/packages/atomic/radio/index.css +2 -2
  46. package/dist/packages/atomic/radio/index.d.ts +9 -7
  47. package/dist/packages/atomic/radio/index.js +1 -1
  48. package/dist/packages/atomic/radio/radio.sprinkle.css.d.ts +9 -8
  49. package/dist/packages/atomic/select/index.d.ts +1 -1
  50. package/dist/packages/atomic/select/index.js +1 -1
  51. package/dist/packages/atomic/skeleton/index.d.ts +3 -1
  52. package/dist/packages/atomic/skeleton/index.js +1 -1
  53. package/dist/packages/atomic/skeleton/skeleton.style.css.d.ts +1 -1
  54. package/dist/packages/atomic/spinner/index.css +0 -228
  55. package/dist/packages/atomic/spinner/index.d.ts +14 -10
  56. package/dist/packages/atomic/spinner/index.js +1 -1
  57. package/dist/packages/atomic/spinner/spinner.sprinkle.css.d.ts +19 -15
  58. package/dist/packages/atomic/spinner/spinner.style.css.d.ts +1 -1
  59. package/dist/packages/atomic/stack/index.d.ts +10 -10
  60. package/dist/packages/atomic/stack/index.js +1 -1
  61. package/dist/packages/atomic/stack/stack.sprinkle.css.d.ts +236 -221
  62. package/dist/packages/atomic/tag/index.d.ts +32 -30
  63. package/dist/packages/atomic/tag/index.js +1 -1
  64. package/dist/packages/atomic/tag/tag.style.css.d.ts +1 -1
  65. package/dist/packages/atomic/text/index.css +12 -252
  66. package/dist/packages/atomic/text/index.d.ts +9 -12
  67. package/dist/packages/atomic/text/index.js +1 -1
  68. package/dist/packages/atomic/text/text.sprinkle.css.d.ts +47 -44
  69. package/dist/packages/atomic/text/text.style.css.d.ts +1 -1
  70. package/dist/packages/atomic/textarea/index.d.ts +1 -1
  71. package/dist/packages/atomic/textarea/index.js +1 -1
  72. package/dist/packages/atomic/thumbnail/index.d.ts +8 -16
  73. package/dist/packages/atomic/thumbnail/index.js +1 -1
  74. package/dist/packages/atomic/thumbnail/thumbnail.sprinkle.css.d.ts +9 -13
  75. package/dist/packages/atomic/title/index.css +0 -240
  76. package/dist/packages/atomic/title/index.d.ts +36 -39
  77. package/dist/packages/atomic/title/index.js +1 -1
  78. package/dist/packages/atomic/title/title.sprinkle.css.d.ts +22 -19
  79. package/dist/packages/atomic/title/title.style.css.d.ts +1 -1
  80. package/dist/packages/atomic/toast/index.d.ts +1 -1
  81. package/dist/packages/atomic/toast/index.js +1 -1
  82. package/dist/packages/atomic/toggle/index.d.ts +5 -2
  83. package/dist/packages/atomic/toggle/index.js +1 -1
  84. package/dist/packages/atomic/tooltip/index.d.ts +6 -2
  85. package/dist/packages/atomic/tooltip/index.js +1 -1
  86. package/dist/packages/composite/alert/index.d.ts +7 -2
  87. package/dist/packages/composite/alert/index.js +1 -1
  88. package/dist/packages/composite/card/card.sprinkle.css.d.ts +26 -22
  89. package/dist/packages/composite/card/index.css +0 -228
  90. package/dist/packages/composite/card/index.d.ts +10 -10
  91. package/dist/packages/composite/card/index.js +1 -1
  92. package/dist/packages/composite/sidebar/index.d.ts +9 -9
  93. package/dist/packages/composite/sidebar/index.js +1 -1
  94. package/dist/packages/composite/sidebar/sidebar.sprinkle.css.d.ts +49 -45
  95. package/dist/packages/composite/sidebar/sidebar.sprinkle.types.d.ts +4 -8
  96. package/dist/packages/composite/tabs/index.d.ts +6 -2
  97. package/dist/packages/composite/tabs/index.js +1 -1
  98. package/dist/properties/base.d.ts +40 -0
  99. package/dist/properties/css.d.ts +183 -0
  100. package/dist/properties/index.d.ts +1 -0
  101. package/dist/themes/index.d.ts +3 -0
  102. package/dist/types/index.d.ts +15 -0
  103. package/dist/utils/index.d.ts +1 -3
  104. package/package.json +2 -2
  105. package/dist/packages/atomic/box/box.sprinkle.types.d.ts +0 -52
  106. package/dist/packages/atomic/box/box.style.css.d.ts +0 -1
  107. package/dist/packages/atomic/iconButton/iconButton.sprinkle.types.d.ts +0 -17
  108. package/dist/packages/atomic/stack/stack.sprinkle.types.d.ts +0 -28
  109. package/dist/sprinkles/colors.css.d.ts +0 -88
  110. package/dist/sprinkles/textAlign.css.d.ts +0 -19
package/dist/packages/atomic/box/box.sprinkle.css.d.ts CHANGED
@@ -1,567 +1,567 @@
1
- declare type BoxBorderStyle = "solid" | "none" | "hidden" | "dashed" | "dotted";
2
- declare type BoxSizing = "border-box" | "content-box";
3
- declare type BoxCursor = "auto" | "pointer";
4
- export declare const boxBackgroundColorProperties: {
5
- "primary.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6
- "primary.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7
- "primary.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
8
- "primary.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9
- "success.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10
- "success.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
11
- "success.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
12
- "success.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
13
- "warning.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
14
- "warning.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
15
- "warning.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
16
- "warning.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
17
- "danger.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
18
- "danger.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
19
- "danger.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
20
- "danger.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
21
- "neutral.background": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
22
- "neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
23
- "neutral.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
24
- "neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
25
- "neutral.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
26
- };
27
- export declare const boxBorderColorProperties: {
28
- "primary.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
29
- "primary.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
30
- "primary.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
31
- "success.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
32
- "success.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
33
- "success.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
34
- "warning.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
35
- "warning.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
36
- "warning.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
37
- "danger.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
38
- "danger.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
39
- "danger.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
40
- "neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
41
- "neutral.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
42
- "neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
43
- };
44
- export declare const boxBorderStyleProperties: BoxBorderStyle[];
45
- export declare const boxBoxSizingProperties: BoxSizing[];
46
- export declare const boxCursorProperties: BoxCursor[];
47
- export declare const boxSpaceProperties: {
48
- none: string;
49
- "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
50
- "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
51
- "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
52
- "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
53
- "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
54
- "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
55
- "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
56
- "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
57
- "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
58
- "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
59
- "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
60
- "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
61
- "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
62
- };
63
- export declare const sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[{
64
- config: {
65
- borderStyle: {
66
- values: {
67
- none: {
1
+ export declare const boxSprinkle: {
2
+ sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[{
3
+ config: {
4
+ borderStyle: {
5
+ values: {
6
+ none: {
7
+ default: string;
8
+ conditions: Record<"xs" | "md" | "lg", string>;
9
+ };
10
+ hidden: {
11
+ default: string;
12
+ conditions: Record<"xs" | "md" | "lg", string>;
13
+ };
14
+ dashed: {
15
+ default: string;
16
+ conditions: Record<"xs" | "md" | "lg", string>;
17
+ };
18
+ dotted: {
19
+ default: string;
20
+ conditions: Record<"xs" | "md" | "lg", string>;
21
+ };
22
+ solid: {
23
+ default: string;
24
+ conditions: Record<"xs" | "md" | "lg", string>;
25
+ };
26
+ };
27
+ staticScale: import("../../../types").BorderStyle[];
28
+ name: "borderStyle";
29
+ };
30
+ boxSizing: {
31
+ values: {
32
+ "border-box": {
33
+ default: string;
34
+ conditions: Record<"xs" | "md" | "lg", string>;
35
+ };
36
+ "content-box": {
37
+ default: string;
38
+ conditions: Record<"xs" | "md" | "lg", string>;
39
+ };
40
+ };
41
+ staticScale: import("../../../types").BoxSizing[];
42
+ name: "boxSizing";
43
+ };
44
+ cursor: {
45
+ values: {
46
+ auto: {
47
+ default: string;
48
+ conditions: Record<"xs" | "md" | "lg", string>;
49
+ };
50
+ pointer: {
51
+ default: string;
52
+ conditions: Record<"xs" | "md" | "lg", string>;
53
+ };
54
+ };
55
+ staticScale: import("../../../types").Cursor[];
56
+ name: "cursor";
57
+ };
58
+ };
59
+ } & {
60
+ config: {
61
+ width: {
62
+ dynamic: {
68
63
  default: string;
69
64
  conditions: Record<"xs" | "md" | "lg", string>;
70
65
  };
71
- hidden: {
66
+ dynamicScale: true;
67
+ name: "width";
68
+ vars: {
72
69
  default: string;
73
70
  conditions: Record<"xs" | "md" | "lg", string>;
74
71
  };
75
- dashed: {
72
+ };
73
+ height: {
74
+ dynamic: {
76
75
  default: string;
77
76
  conditions: Record<"xs" | "md" | "lg", string>;
78
77
  };
79
- dotted: {
78
+ dynamicScale: true;
79
+ name: "height";
80
+ vars: {
80
81
  default: string;
81
82
  conditions: Record<"xs" | "md" | "lg", string>;
82
83
  };
83
- solid: {
84
+ };
85
+ borderRadius: {
86
+ dynamic: {
87
+ default: string;
88
+ conditions: Record<"xs" | "md" | "lg", string>;
89
+ };
90
+ dynamicScale: true;
91
+ name: "borderRadius";
92
+ vars: {
84
93
  default: string;
85
94
  conditions: Record<"xs" | "md" | "lg", string>;
86
95
  };
87
96
  };
88
- staticScale: BoxBorderStyle[];
89
- name: "borderStyle";
90
- };
91
- boxSizing: {
92
- values: {
93
- "border-box": {
97
+ borderWidth: {
98
+ dynamic: {
94
99
  default: string;
95
100
  conditions: Record<"xs" | "md" | "lg", string>;
96
101
  };
97
- "content-box": {
102
+ dynamicScale: true;
103
+ name: "borderWidth";
104
+ vars: {
98
105
  default: string;
99
106
  conditions: Record<"xs" | "md" | "lg", string>;
100
107
  };
101
108
  };
102
- staticScale: BoxSizing[];
103
- name: "boxSizing";
104
- };
105
- cursor: {
106
- values: {
107
- auto: {
109
+ backgroundColor: {
110
+ dynamic: {
108
111
  default: string;
109
112
  conditions: Record<"xs" | "md" | "lg", string>;
110
113
  };
111
- pointer: {
114
+ dynamicScale: {
115
+ "primary.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
116
+ "primary.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
117
+ "primary.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
118
+ "primary.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
119
+ "success.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
120
+ "success.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
121
+ "success.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
122
+ "success.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
123
+ "warning.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
124
+ "warning.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
125
+ "warning.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
126
+ "warning.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
127
+ "danger.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
128
+ "danger.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
129
+ "danger.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
130
+ "danger.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
131
+ "neutral.background": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
132
+ "neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
133
+ "neutral.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
134
+ "neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
135
+ "neutral.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
136
+ };
137
+ name: "backgroundColor";
138
+ vars: {
112
139
  default: string;
113
140
  conditions: Record<"xs" | "md" | "lg", string>;
114
141
  };
115
142
  };
116
- staticScale: BoxCursor[];
117
- name: "cursor";
118
- };
119
- };
120
- } & {
121
- config: {
122
- width: {
123
- dynamic: {
124
- default: string;
125
- conditions: Record<"xs" | "md" | "lg", string>;
126
- };
127
- dynamicScale: true;
128
- name: "width";
129
- vars: {
130
- default: string;
131
- conditions: Record<"xs" | "md" | "lg", string>;
143
+ borderColor: {
144
+ dynamic: {
145
+ default: string;
146
+ conditions: Record<"xs" | "md" | "lg", string>;
147
+ };
148
+ dynamicScale: {
149
+ "primary.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
150
+ "primary.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
151
+ "primary.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
152
+ "success.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
153
+ "success.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
154
+ "success.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
155
+ "warning.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
156
+ "warning.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
157
+ "warning.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
158
+ "danger.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
159
+ "danger.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
160
+ "danger.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
161
+ "neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
162
+ "neutral.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
163
+ "neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
164
+ };
165
+ name: "borderColor";
166
+ vars: {
167
+ default: string;
168
+ conditions: Record<"xs" | "md" | "lg", string>;
169
+ };
132
170
  };
133
- };
134
- height: {
135
- dynamic: {
136
- default: string;
137
- conditions: Record<"xs" | "md" | "lg", string>;
171
+ padding: {
172
+ dynamic: {
173
+ default: string;
174
+ conditions: Record<"xs" | "md" | "lg", string>;
175
+ };
176
+ dynamicScale: {
177
+ none: string;
178
+ "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
179
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
180
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
181
+ "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
182
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
183
+ "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
184
+ "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
185
+ "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
186
+ "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
187
+ "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
188
+ "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
189
+ "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
190
+ "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
191
+ };
192
+ name: "padding";
193
+ vars: {
194
+ default: string;
195
+ conditions: Record<"xs" | "md" | "lg", string>;
196
+ };
138
197
  };
139
- dynamicScale: true;
140
- name: "height";
141
- vars: {
142
- default: string;
143
- conditions: Record<"xs" | "md" | "lg", string>;
198
+ paddingTop: {
199
+ dynamic: {
200
+ default: string;
201
+ conditions: Record<"xs" | "md" | "lg", string>;
202
+ };
203
+ dynamicScale: {
204
+ none: string;
205
+ "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
206
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
207
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
208
+ "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
209
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
210
+ "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
211
+ "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
212
+ "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
213
+ "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
214
+ "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
215
+ "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
216
+ "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
217
+ "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
218
+ };
219
+ name: "paddingTop";
220
+ vars: {
221
+ default: string;
222
+ conditions: Record<"xs" | "md" | "lg", string>;
223
+ };
144
224
  };
145
- };
146
- borderRadius: {
147
- dynamic: {
148
- default: string;
149
- conditions: Record<"xs" | "md" | "lg", string>;
225
+ paddingBottom: {
226
+ dynamic: {
227
+ default: string;
228
+ conditions: Record<"xs" | "md" | "lg", string>;
229
+ };
230
+ dynamicScale: {
231
+ none: string;
232
+ "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
233
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
234
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
235
+ "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
236
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
237
+ "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
238
+ "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
239
+ "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
240
+ "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
241
+ "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
242
+ "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
243
+ "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
244
+ "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
245
+ };
246
+ name: "paddingBottom";
247
+ vars: {
248
+ default: string;
249
+ conditions: Record<"xs" | "md" | "lg", string>;
250
+ };
150
251
  };
151
- dynamicScale: true;
152
- name: "borderRadius";
153
- vars: {
154
- default: string;
155
- conditions: Record<"xs" | "md" | "lg", string>;
252
+ paddingLeft: {
253
+ dynamic: {
254
+ default: string;
255
+ conditions: Record<"xs" | "md" | "lg", string>;
256
+ };
257
+ dynamicScale: {
258
+ none: string;
259
+ "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
260
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
261
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
262
+ "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
263
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
264
+ "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
265
+ "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
266
+ "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
267
+ "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
268
+ "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
269
+ "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
270
+ "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
271
+ "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
272
+ };
273
+ name: "paddingLeft";
274
+ vars: {
275
+ default: string;
276
+ conditions: Record<"xs" | "md" | "lg", string>;
277
+ };
156
278
  };
157
- };
158
- borderWidth: {
159
- dynamic: {
160
- default: string;
161
- conditions: Record<"xs" | "md" | "lg", string>;
279
+ paddingRight: {
280
+ dynamic: {
281
+ default: string;
282
+ conditions: Record<"xs" | "md" | "lg", string>;
283
+ };
284
+ dynamicScale: {
285
+ none: string;
286
+ "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
287
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
288
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
289
+ "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
290
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
291
+ "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
292
+ "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
293
+ "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
294
+ "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
295
+ "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
296
+ "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
297
+ "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
298
+ "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
299
+ };
300
+ name: "paddingRight";
301
+ vars: {
302
+ default: string;
303
+ conditions: Record<"xs" | "md" | "lg", string>;
304
+ };
162
305
  };
163
- dynamicScale: true;
164
- name: "borderWidth";
165
- vars: {
166
- default: string;
167
- conditions: Record<"xs" | "md" | "lg", string>;
306
+ margin: {
307
+ dynamic: {
308
+ default: string;
309
+ conditions: Record<"xs" | "md" | "lg", string>;
310
+ };
311
+ dynamicScale: {
312
+ none: string;
313
+ "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
314
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
315
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
316
+ "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
317
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
318
+ "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
319
+ "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
320
+ "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
321
+ "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
322
+ "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
323
+ "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
324
+ "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
325
+ "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
326
+ };
327
+ name: "margin";
328
+ vars: {
329
+ default: string;
330
+ conditions: Record<"xs" | "md" | "lg", string>;
331
+ };
168
332
  };
169
- };
170
- backgroundColor: {
171
- dynamic: {
172
- default: string;
173
- conditions: Record<"xs" | "md" | "lg", string>;
174
- };
175
- dynamicScale: {
176
- "primary.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
177
- "primary.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
178
- "primary.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
179
- "primary.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
180
- "success.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
181
- "success.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
182
- "success.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
183
- "success.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
184
- "warning.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
185
- "warning.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
186
- "warning.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
187
- "warning.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
188
- "danger.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
189
- "danger.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
190
- "danger.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
191
- "danger.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
192
- "neutral.background": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
193
- "neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
194
- "neutral.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
195
- "neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
196
- "neutral.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
197
- };
198
- name: "backgroundColor";
199
- vars: {
200
- default: string;
201
- conditions: Record<"xs" | "md" | "lg", string>;
333
+ marginTop: {
334
+ dynamic: {
335
+ default: string;
336
+ conditions: Record<"xs" | "md" | "lg", string>;
337
+ };
338
+ dynamicScale: {
339
+ none: string;
340
+ "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
341
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
342
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
343
+ "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
344
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
345
+ "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
346
+ "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
347
+ "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
348
+ "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
349
+ "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
350
+ "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
351
+ "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
352
+ "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
353
+ };
354
+ name: "marginTop";
355
+ vars: {
356
+ default: string;
357
+ conditions: Record<"xs" | "md" | "lg", string>;
358
+ };
202
359
  };
203
- };
204
- borderColor: {
205
- dynamic: {
206
- default: string;
207
- conditions: Record<"xs" | "md" | "lg", string>;
208
- };
209
- dynamicScale: {
210
- "primary.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
211
- "primary.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
212
- "primary.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
213
- "success.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
214
- "success.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
215
- "success.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
216
- "warning.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
217
- "warning.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
218
- "warning.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
219
- "danger.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
220
- "danger.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
221
- "danger.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
222
- "neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
223
- "neutral.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
224
- "neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
225
- };
226
- name: "borderColor";
227
- vars: {
228
- default: string;
229
- conditions: Record<"xs" | "md" | "lg", string>;
360
+ marginBottom: {
361
+ dynamic: {
362
+ default: string;
363
+ conditions: Record<"xs" | "md" | "lg", string>;
364
+ };
365
+ dynamicScale: {
366
+ none: string;
367
+ "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
368
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
369
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
370
+ "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
371
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
372
+ "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
373
+ "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
374
+ "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
375
+ "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
376
+ "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
377
+ "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
378
+ "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
379
+ "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
380
+ };
381
+ name: "marginBottom";
382
+ vars: {
383
+ default: string;
384
+ conditions: Record<"xs" | "md" | "lg", string>;
385
+ };
230
386
  };
231
- };
232
- padding: {
233
- dynamic: {
234
- default: string;
235
- conditions: Record<"xs" | "md" | "lg", string>;
236
- };
237
- dynamicScale: {
238
- none: string;
239
- "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
240
- "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
241
- "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
242
- "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
243
- "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
244
- "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
245
- "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
246
- "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
247
- "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
248
- "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
249
- "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
250
- "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
251
- "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
252
- };
253
- name: "padding";
254
- vars: {
255
- default: string;
256
- conditions: Record<"xs" | "md" | "lg", string>;
387
+ marginLeft: {
388
+ dynamic: {
389
+ default: string;
390
+ conditions: Record<"xs" | "md" | "lg", string>;
391
+ };
392
+ dynamicScale: {
393
+ none: string;
394
+ "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
395
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
396
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
397
+ "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
398
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
399
+ "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
400
+ "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
401
+ "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
402
+ "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
403
+ "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
404
+ "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
405
+ "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
406
+ "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
407
+ };
408
+ name: "marginLeft";
409
+ vars: {
410
+ default: string;
411
+ conditions: Record<"xs" | "md" | "lg", string>;
412
+ };
257
413
  };
258
- };
259
- paddingTop: {
260
- dynamic: {
261
- default: string;
262
- conditions: Record<"xs" | "md" | "lg", string>;
263
- };
264
- dynamicScale: {
265
- none: string;
266
- "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
267
- "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
268
- "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
269
- "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
270
- "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
271
- "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
272
- "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
273
- "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
274
- "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
275
- "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
276
- "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
277
- "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
278
- "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
279
- };
280
- name: "paddingTop";
281
- vars: {
282
- default: string;
283
- conditions: Record<"xs" | "md" | "lg", string>;
414
+ marginRight: {
415
+ dynamic: {
416
+ default: string;
417
+ conditions: Record<"xs" | "md" | "lg", string>;
418
+ };
419
+ dynamicScale: {
420
+ none: string;
421
+ "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
422
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
423
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
424
+ "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
425
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
426
+ "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
427
+ "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
428
+ "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
429
+ "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
430
+ "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
431
+ "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
432
+ "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
433
+ "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
434
+ };
435
+ name: "marginRight";
436
+ vars: {
437
+ default: string;
438
+ conditions: Record<"xs" | "md" | "lg", string>;
439
+ };
284
440
  };
285
441
  };
286
- paddingBottom: {
287
- dynamic: {
288
- default: string;
289
- conditions: Record<"xs" | "md" | "lg", string>;
290
- };
291
- dynamicScale: {
292
- none: string;
293
- "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
294
- "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
295
- "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
296
- "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
297
- "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
298
- "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
299
- "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
300
- "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
301
- "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
302
- "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
303
- "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
304
- "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
305
- "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
306
- };
307
- name: "paddingBottom";
308
- vars: {
309
- default: string;
310
- conditions: Record<"xs" | "md" | "lg", string>;
442
+ } & {
443
+ config: {
444
+ padding: {
445
+ mappings: ("paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight")[];
311
446
  };
312
- };
313
- paddingLeft: {
314
- dynamic: {
315
- default: string;
316
- conditions: Record<"xs" | "md" | "lg", string>;
317
- };
318
- dynamicScale: {
319
- none: string;
320
- "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
321
- "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
322
- "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
323
- "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
324
- "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
325
- "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
326
- "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
327
- "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
328
- "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
329
- "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
330
- "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
331
- "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
332
- "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
333
- };
334
- name: "paddingLeft";
335
- vars: {
336
- default: string;
337
- conditions: Record<"xs" | "md" | "lg", string>;
447
+ paddingX: {
448
+ mappings: ("paddingLeft" | "paddingRight")[];
338
449
  };
339
- };
340
- paddingRight: {
341
- dynamic: {
342
- default: string;
343
- conditions: Record<"xs" | "md" | "lg", string>;
344
- };
345
- dynamicScale: {
346
- none: string;
347
- "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
348
- "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
349
- "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
350
- "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
351
- "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
352
- "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
353
- "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
354
- "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
355
- "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
356
- "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
357
- "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
358
- "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
359
- "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
360
- };
361
- name: "paddingRight";
362
- vars: {
363
- default: string;
364
- conditions: Record<"xs" | "md" | "lg", string>;
450
+ paddingY: {
451
+ mappings: ("paddingTop" | "paddingBottom")[];
365
452
  };
366
- };
367
- margin: {
368
- dynamic: {
369
- default: string;
370
- conditions: Record<"xs" | "md" | "lg", string>;
371
- };
372
- dynamicScale: {
373
- none: string;
374
- "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
375
- "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
376
- "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
377
- "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
378
- "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
379
- "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
380
- "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
381
- "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
382
- "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
383
- "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
384
- "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
385
- "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
386
- "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
387
- };
388
- name: "margin";
389
- vars: {
390
- default: string;
391
- conditions: Record<"xs" | "md" | "lg", string>;
453
+ p: {
454
+ mappings: "padding"[];
392
455
  };
393
- };
394
- marginTop: {
395
- dynamic: {
396
- default: string;
397
- conditions: Record<"xs" | "md" | "lg", string>;
398
- };
399
- dynamicScale: {
400
- none: string;
401
- "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
402
- "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
403
- "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
404
- "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
405
- "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
406
- "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
407
- "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
408
- "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
409
- "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
410
- "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
411
- "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
412
- "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
413
- "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
414
- };
415
- name: "marginTop";
416
- vars: {
417
- default: string;
418
- conditions: Record<"xs" | "md" | "lg", string>;
456
+ pl: {
457
+ mappings: "paddingLeft"[];
419
458
  };
420
- };
421
- marginBottom: {
422
- dynamic: {
423
- default: string;
424
- conditions: Record<"xs" | "md" | "lg", string>;
425
- };
426
- dynamicScale: {
427
- none: string;
428
- "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
429
- "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
430
- "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
431
- "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
432
- "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
433
- "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
434
- "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
435
- "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
436
- "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
437
- "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
438
- "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
439
- "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
440
- "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
441
- };
442
- name: "marginBottom";
443
- vars: {
444
- default: string;
445
- conditions: Record<"xs" | "md" | "lg", string>;
459
+ pr: {
460
+ mappings: "paddingRight"[];
446
461
  };
447
- };
448
- marginLeft: {
449
- dynamic: {
450
- default: string;
451
- conditions: Record<"xs" | "md" | "lg", string>;
452
- };
453
- dynamicScale: {
454
- none: string;
455
- "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
456
- "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
457
- "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
458
- "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
459
- "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
460
- "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
461
- "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
462
- "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
463
- "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
464
- "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
465
- "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
466
- "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
467
- "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
468
- };
469
- name: "marginLeft";
470
- vars: {
471
- default: string;
472
- conditions: Record<"xs" | "md" | "lg", string>;
462
+ pt: {
463
+ mappings: "paddingTop"[];
473
464
  };
474
- };
475
- marginRight: {
476
- dynamic: {
477
- default: string;
478
- conditions: Record<"xs" | "md" | "lg", string>;
479
- };
480
- dynamicScale: {
481
- none: string;
482
- "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
483
- "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
484
- "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
485
- "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
486
- "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
487
- "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
488
- "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
489
- "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
490
- "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
491
- "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
492
- "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
493
- "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
494
- "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
495
- };
496
- name: "marginRight";
497
- vars: {
498
- default: string;
499
- conditions: Record<"xs" | "md" | "lg", string>;
465
+ pb: {
466
+ mappings: "paddingBottom"[];
467
+ };
468
+ px: {
469
+ mappings: ("paddingLeft" | "paddingRight")[];
470
+ };
471
+ py: {
472
+ mappings: ("paddingTop" | "paddingBottom")[];
473
+ };
474
+ margin: {
475
+ mappings: ("marginTop" | "marginBottom" | "marginLeft" | "marginRight")[];
476
+ };
477
+ marginX: {
478
+ mappings: ("marginLeft" | "marginRight")[];
479
+ };
480
+ marginY: {
481
+ mappings: ("marginTop" | "marginBottom")[];
482
+ };
483
+ m: {
484
+ mappings: "margin"[];
485
+ };
486
+ mr: {
487
+ mappings: "marginRight"[];
488
+ };
489
+ ml: {
490
+ mappings: "marginLeft"[];
491
+ };
492
+ mt: {
493
+ mappings: "marginTop"[];
494
+ };
495
+ mb: {
496
+ mappings: "marginBottom"[];
497
+ };
498
+ mx: {
499
+ mappings: ("marginLeft" | "marginRight")[];
500
+ };
501
+ my: {
502
+ mappings: ("marginTop" | "marginBottom")[];
500
503
  };
501
504
  };
502
- };
503
- } & {
504
- config: {
505
- padding: {
506
- mappings: ("paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight")[];
507
- };
508
- paddingX: {
509
- mappings: ("paddingLeft" | "paddingRight")[];
510
- };
511
- paddingY: {
512
- mappings: ("paddingTop" | "paddingBottom")[];
513
- };
514
- p: {
515
- mappings: "padding"[];
516
- };
517
- pl: {
518
- mappings: "paddingLeft"[];
519
- };
520
- pr: {
521
- mappings: "paddingRight"[];
522
- };
523
- pt: {
524
- mappings: "paddingTop"[];
525
- };
526
- pb: {
527
- mappings: "paddingBottom"[];
528
- };
529
- px: {
530
- mappings: ("paddingLeft" | "paddingRight")[];
531
- };
532
- py: {
533
- mappings: ("paddingTop" | "paddingBottom")[];
534
- };
535
- margin: {
536
- mappings: ("marginTop" | "marginBottom" | "marginLeft" | "marginRight")[];
537
- };
538
- marginX: {
539
- mappings: ("marginLeft" | "marginRight")[];
540
- };
541
- marginY: {
542
- mappings: ("marginTop" | "marginBottom")[];
543
- };
544
- m: {
545
- mappings: "margin"[];
546
- };
547
- mr: {
548
- mappings: "marginRight"[];
549
- };
550
- ml: {
551
- mappings: "marginLeft"[];
552
- };
553
- mt: {
554
- mappings: "marginTop"[];
555
- };
556
- mb: {
557
- mappings: "marginBottom"[];
558
- };
559
- mx: {
560
- mappings: ("marginLeft" | "marginRight")[];
505
+ }]>;
506
+ properties: {
507
+ backgroundColor: {
508
+ "primary.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
509
+ "primary.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
510
+ "primary.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
511
+ "primary.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
512
+ "success.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
513
+ "success.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
514
+ "success.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
515
+ "success.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
516
+ "warning.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
517
+ "warning.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
518
+ "warning.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
519
+ "warning.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
520
+ "danger.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
521
+ "danger.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
522
+ "danger.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
523
+ "danger.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
524
+ "neutral.background": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
525
+ "neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
526
+ "neutral.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
527
+ "neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
528
+ "neutral.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
561
529
  };
562
- my: {
563
- mappings: ("marginTop" | "marginBottom")[];
530
+ borderColor: {
531
+ "primary.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
532
+ "primary.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
533
+ "primary.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
534
+ "success.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
535
+ "success.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
536
+ "success.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
537
+ "warning.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
538
+ "warning.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
539
+ "warning.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
540
+ "danger.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
541
+ "danger.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
542
+ "danger.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
543
+ "neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
544
+ "neutral.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
545
+ "neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
546
+ };
547
+ borderStyle: import("../../../types").BorderStyle[];
548
+ boxSizing: import("../../../types").BoxSizing[];
549
+ cursor: import("../../../types").Cursor[];
550
+ space: {
551
+ none: string;
552
+ "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
553
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
554
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
555
+ "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
556
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
557
+ "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
558
+ "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
559
+ "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
560
+ "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
561
+ "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
562
+ "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
563
+ "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
564
+ "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
564
565
  };
565
566
  };
566
- }]>;
567
- export {};
567
+ };