@atom-learning/components 3.11.3 → 3.11.5

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 (41) hide show
  1. package/CHANGELOG.md +13 -2
  2. package/dist/components/checkbox-group/CheckboxGroup.js.map +1 -1
  3. package/dist/components/chip/ChipGroup.d.ts +4 -2
  4. package/dist/components/chip/ChipGroup.js +1 -1
  5. package/dist/components/chip/ChipGroup.js.map +1 -1
  6. package/dist/components/chip-toggle-group/ChipToggleGroupRoot.d.ts +10 -12
  7. package/dist/components/index.d.ts +0 -1
  8. package/dist/components/notification-badge/NotificationBadge.d.ts +1 -668
  9. package/dist/components/notification-badge/NotificationBadge.js.map +1 -1
  10. package/dist/components/pagination/PaginationPopover.js +1 -1
  11. package/dist/components/pagination/PaginationPopover.js.map +1 -1
  12. package/dist/components/radio-card/RadioCardGroup.d.ts +2 -2
  13. package/dist/components/radio-card/RadioCardGroup.js +1 -1
  14. package/dist/components/radio-card/RadioCardGroup.js.map +1 -1
  15. package/dist/components/section-message/SectionMessage.d.ts +5 -8
  16. package/dist/components/section-message/SectionMessage.js +1 -1
  17. package/dist/components/section-message/SectionMessage.js.map +1 -1
  18. package/dist/components/section-message/SectionMessageLayout.d.ts +2 -2
  19. package/dist/components/section-message/SectionMessageLayout.js +1 -1
  20. package/dist/components/section-message/SectionMessageLayout.js.map +1 -1
  21. package/dist/components/tile/TileGroup.d.ts +329 -337
  22. package/dist/components/tile/TileGroup.js +1 -1
  23. package/dist/components/tile/TileGroup.js.map +1 -1
  24. package/dist/components/tile-interactive/TileInteractive.js +1 -1
  25. package/dist/components/tile-interactive/TileInteractive.js.map +1 -1
  26. package/dist/components/tile-toggle-group/TileToggleGroupRoot.d.ts +12 -18
  27. package/dist/components/tile-toggle-group/TileToggleGroupRoot.js +1 -1
  28. package/dist/components/tile-toggle-group/TileToggleGroupRoot.js.map +1 -1
  29. package/dist/components/toggle-group/ToggleGroupRoot.d.ts +2 -3
  30. package/dist/components/toggle-group/ToggleGroupRoot.js +1 -1
  31. package/dist/components/toggle-group/ToggleGroupRoot.js.map +1 -1
  32. package/dist/components/toggle-group/index.d.ts +341 -3
  33. package/dist/docgen.json +1 -1
  34. package/dist/index.cjs.js +1 -1
  35. package/dist/index.cjs.js.map +1 -1
  36. package/dist/index.js +1 -1
  37. package/package.json +3 -3
  38. package/dist/components/stack/Stack.d.ts +0 -348
  39. package/dist/components/stack/Stack.js +0 -2
  40. package/dist/components/stack/Stack.js.map +0 -1
  41. package/dist/components/stack/index.d.ts +0 -1
package/dist/components/tile/TileGroup.d.ts CHANGED
@@ -1,12 +1,9 @@
1
- /// <reference types="react" />
2
- export declare const TileGroup: import("react").ForwardRefExoticComponent<Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
3
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
4
- }, "direction" | "gap" | "css" | "wrap" | "justify" | "align"> & import("@stitches/react/types/styled-component").TransformProps<{
5
- direction?: "row" | "column" | "row-reverse" | undefined;
6
- wrap?: "wrap" | "wrap-reverse" | "no-wrap" | undefined;
7
- justify?: boolean | "center" | "false" | "end" | "start" | undefined;
8
- align?: boolean | "center" | "false" | "end" | "start" | undefined;
9
- gap?: number | boolean | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | "false" | undefined;
1
+ export declare const TileGroup: import("@stitches/react/types/styled-component").StyledComponent<"div", {
2
+ direction?: "inherit" | "initial" | "revert" | "unset" | "row" | "column" | "column-reverse" | "row-reverse" | "revert-layer" | undefined;
3
+ wrap?: "inherit" | "initial" | "revert" | "unset" | "nowrap" | "wrap" | "wrap-reverse" | "revert-layer" | undefined;
4
+ justify?: "center" | "left" | "right" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "space-around" | "space-between" | "space-evenly" | "end" | "flex-end" | "flex-start" | "start" | "normal" | "revert-layer" | "unsafe" | "safe" | undefined;
5
+ align?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "normal" | "self-end" | "self-start" | "revert-layer" | "unsafe" | "safe" | "first baseline" | "last baseline" | undefined;
6
+ gap?: number | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | undefined;
10
7
  }, {
11
8
  sm: string;
12
9
  md: string;
@@ -15,331 +12,326 @@ export declare const TileGroup: import("react").ForwardRefExoticComponent<Omit<P
15
12
  reducedMotion: string;
16
13
  allowMotion: string;
17
14
  hover: string;
18
- }> & {
19
- css?: import("@stitches/react/types/css-util").CSS<{
20
- sm: string;
21
- md: string;
22
- lg: string;
23
- xl: string;
24
- reducedMotion: string;
25
- allowMotion: string;
26
- hover: string;
27
- }, {
28
- colors: {
29
- textBold: any;
30
- textRegular: any;
31
- textSubtle: any;
32
- textMinimal: any;
33
- background: any;
34
- backgroundAccent: any;
35
- grey100: any;
36
- grey200: any;
37
- grey300: any;
38
- grey400: any;
39
- grey500: any;
40
- grey600: any;
41
- grey700: any;
42
- grey800: any;
43
- grey900: any;
44
- grey1000: any;
45
- grey1100: any;
46
- grey1200: any;
47
- blue100: any;
48
- blue200: any;
49
- blue300: any;
50
- blue400: any;
51
- blue500: any;
52
- blue600: any;
53
- blue700: any;
54
- blue800: any;
55
- blue900: any;
56
- blue1000: any;
57
- blue1100: any;
58
- blue1200: any;
59
- purple100: any;
60
- purple200: any;
61
- purple300: any;
62
- purple400: any;
63
- purple500: any;
64
- purple600: any;
65
- purple700: any;
66
- purple800: any;
67
- purple900: any;
68
- purple1000: any;
69
- purple1100: any;
70
- purple1200: any;
71
- cyan100: any;
72
- cyan200: any;
73
- cyan300: any;
74
- cyan400: any;
75
- cyan500: any;
76
- cyan600: any;
77
- cyan700: any;
78
- cyan800: any;
79
- cyan900: any;
80
- cyan1000: any;
81
- cyan1100: any;
82
- cyan1200: any;
83
- green100: any;
84
- green200: any;
85
- green300: any;
86
- green400: any;
87
- green500: any;
88
- green600: any;
89
- green700: any;
90
- green800: any;
91
- green900: any;
92
- green1000: any;
93
- green1100: any;
94
- green1200: any;
95
- magenta100: any;
96
- magenta200: any;
97
- magenta300: any;
98
- magenta400: any;
99
- magenta500: any;
100
- magenta600: any;
101
- magenta700: any;
102
- magenta800: any;
103
- magenta900: any;
104
- magenta1000: any;
105
- magenta1100: any;
106
- magenta1200: any;
107
- red100: any;
108
- red200: any;
109
- red300: any;
110
- red400: any;
111
- red500: any;
112
- red600: any;
113
- red700: any;
114
- red800: any;
115
- red900: any;
116
- red1000: any;
117
- red1100: any;
118
- red1200: any;
119
- teal100: any;
120
- teal200: any;
121
- teal300: any;
122
- teal400: any;
123
- teal500: any;
124
- teal600: any;
125
- teal700: any;
126
- teal800: any;
127
- teal900: any;
128
- teal1000: any;
129
- teal1100: any;
130
- teal1200: any;
131
- orange100: any;
132
- orange200: any;
133
- orange300: any;
134
- orange400: any;
135
- orange500: any;
136
- orange600: any;
137
- orange700: any;
138
- orange800: any;
139
- orange900: any;
140
- orange1000: any;
141
- orange1100: any;
142
- orange1200: any;
143
- yellow100: any;
144
- yellow200: any;
145
- yellow300: any;
146
- yellow400: any;
147
- yellow500: any;
148
- yellow600: any;
149
- yellow700: any;
150
- yellow800: any;
151
- yellow900: any;
152
- yellow1000: any;
153
- yellow1100: any;
154
- yellow1200: any;
155
- lime100: any;
156
- lime200: any;
157
- lime300: any;
158
- lime400: any;
159
- lime500: any;
160
- lime600: any;
161
- lime700: any;
162
- lime800: any;
163
- lime900: any;
164
- lime1000: any;
165
- lime1100: any;
166
- lime1200: any;
167
- tonal50: any;
168
- tonal100: any;
169
- tonal200: any;
170
- tonal300: any;
171
- tonal400: any;
172
- tonal500: any;
173
- tonal600: any;
174
- alpha100: any;
175
- alpha150: any;
176
- alpha200: any;
177
- alpha250: any;
178
- alpha600: any;
179
- brandRed: any;
180
- brandRedAccent: any;
181
- brandGreen: any;
182
- brandGreenAccent: any;
183
- brandPurple: any;
184
- brandPurpleAccent: any;
185
- brandYellow: any;
186
- brandYellowAccent: any;
187
- infoLight: any;
188
- info: any;
189
- infoMid: any;
190
- infoDark: any;
191
- successLight: any;
192
- success: any;
193
- successMid: any;
194
- successDark: any;
195
- dangerLight: any;
196
- danger: any;
197
- dangerMid: any;
198
- dangerDark: any;
199
- warningLight: any;
200
- warning: any;
201
- warningMid: any;
202
- warningDark: any;
203
- warningText: any;
204
- subjectEnglish: any;
205
- subjectMaths: any;
206
- subjectScience: any;
207
- subjectVerbalReasoning: any;
208
- subjectNonVerbalReasoning: any;
209
- subjectCreativeWriting: any;
210
- subjectExamSkills: any;
211
- glBlueLight: any;
212
- glBluePrimary: any;
213
- glBlueDark: any;
214
- primary100: any;
215
- primary200: any;
216
- primary300: any;
217
- primary400: any;
218
- primary500: any;
219
- primary600: any;
220
- primary700: any;
221
- primary800: any;
222
- primary900: any;
223
- primary1000: any;
224
- primary1100: any;
225
- primary1200: any;
226
- };
227
- space: {
228
- "0": any;
229
- "1": any;
230
- "2": any;
231
- "3": any;
232
- "4": any;
233
- "5": any;
234
- "6": any;
235
- "7": any;
236
- "8": any;
237
- "9": any;
238
- "24": any;
239
- };
240
- fontSizes: {
241
- xs: any;
242
- sm: any;
243
- md: any;
244
- lg: any;
245
- xl: any;
246
- "2xl": any;
247
- "3xl": any;
248
- "4xl": any;
249
- };
250
- fonts: {
251
- sans: any;
252
- mono: any;
253
- display: any;
254
- body: any;
255
- };
256
- sizes: {
257
- "0": any;
258
- "1": any;
259
- "2": any;
260
- "3": any;
261
- "4": any;
262
- "5": any;
263
- "6": any;
264
- "7": any;
265
- "8": any;
266
- };
267
- radii: {
268
- "0": any;
269
- "1": any;
270
- "2": any;
271
- "3": any;
272
- round: any;
273
- };
274
- shadows: {
275
- "0": any;
276
- "1": any;
277
- "2": any;
278
- "3": any;
279
- };
280
- ratios: {
281
- "16-9": any;
282
- "3-2": any;
283
- "4-3": any;
284
- "1-1": any;
285
- "3-4": any;
286
- };
287
- }, import("@stitches/react/types/config").DefaultThemeMap, {
288
- bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
289
- background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
290
- };
291
- size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">) => {
292
- height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
293
- width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
294
- };
295
- p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
296
- padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
297
- };
298
- pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
299
- paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
300
- };
301
- pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
302
- paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
303
- };
304
- pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
305
- paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
306
- };
307
- pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
308
- paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
309
- };
310
- px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
311
- paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
312
- paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
313
- };
314
- py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
315
- paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
316
- paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
317
- };
318
- m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
319
- margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
320
- };
321
- mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
322
- marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
323
- };
324
- mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
325
- marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
326
- };
327
- mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
328
- marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
329
- };
330
- ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
331
- marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
332
- };
333
- mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
334
- marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
335
- marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
336
- };
337
- my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
338
- marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
339
- marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
340
- };
341
- }> | undefined;
342
- } & {
343
- css?: import("../..").CSS | undefined;
344
- as?: any;
345
- }>;
15
+ }, import("@stitches/react/types/css-util").CSS<{
16
+ sm: string;
17
+ md: string;
18
+ lg: string;
19
+ xl: string;
20
+ reducedMotion: string;
21
+ allowMotion: string;
22
+ hover: string;
23
+ }, {
24
+ colors: {
25
+ textBold: any;
26
+ textRegular: any;
27
+ textSubtle: any;
28
+ textMinimal: any;
29
+ background: any;
30
+ backgroundAccent: any;
31
+ grey100: any;
32
+ grey200: any;
33
+ grey300: any;
34
+ grey400: any;
35
+ grey500: any;
36
+ grey600: any;
37
+ grey700: any;
38
+ grey800: any;
39
+ grey900: any;
40
+ grey1000: any;
41
+ grey1100: any;
42
+ grey1200: any;
43
+ blue100: any;
44
+ blue200: any;
45
+ blue300: any;
46
+ blue400: any;
47
+ blue500: any;
48
+ blue600: any;
49
+ blue700: any;
50
+ blue800: any;
51
+ blue900: any;
52
+ blue1000: any;
53
+ blue1100: any;
54
+ blue1200: any;
55
+ purple100: any;
56
+ purple200: any;
57
+ purple300: any;
58
+ purple400: any;
59
+ purple500: any;
60
+ purple600: any;
61
+ purple700: any;
62
+ purple800: any;
63
+ purple900: any;
64
+ purple1000: any;
65
+ purple1100: any;
66
+ purple1200: any;
67
+ cyan100: any;
68
+ cyan200: any;
69
+ cyan300: any;
70
+ cyan400: any;
71
+ cyan500: any;
72
+ cyan600: any;
73
+ cyan700: any;
74
+ cyan800: any;
75
+ cyan900: any;
76
+ cyan1000: any;
77
+ cyan1100: any;
78
+ cyan1200: any;
79
+ green100: any;
80
+ green200: any;
81
+ green300: any;
82
+ green400: any;
83
+ green500: any;
84
+ green600: any;
85
+ green700: any;
86
+ green800: any;
87
+ green900: any;
88
+ green1000: any;
89
+ green1100: any;
90
+ green1200: any;
91
+ magenta100: any;
92
+ magenta200: any;
93
+ magenta300: any;
94
+ magenta400: any;
95
+ magenta500: any;
96
+ magenta600: any;
97
+ magenta700: any;
98
+ magenta800: any;
99
+ magenta900: any;
100
+ magenta1000: any;
101
+ magenta1100: any;
102
+ magenta1200: any;
103
+ red100: any;
104
+ red200: any;
105
+ red300: any;
106
+ red400: any;
107
+ red500: any;
108
+ red600: any;
109
+ red700: any;
110
+ red800: any;
111
+ red900: any;
112
+ red1000: any;
113
+ red1100: any;
114
+ red1200: any;
115
+ teal100: any;
116
+ teal200: any;
117
+ teal300: any;
118
+ teal400: any;
119
+ teal500: any;
120
+ teal600: any;
121
+ teal700: any;
122
+ teal800: any;
123
+ teal900: any;
124
+ teal1000: any;
125
+ teal1100: any;
126
+ teal1200: any;
127
+ orange100: any;
128
+ orange200: any;
129
+ orange300: any;
130
+ orange400: any;
131
+ orange500: any;
132
+ orange600: any;
133
+ orange700: any;
134
+ orange800: any;
135
+ orange900: any;
136
+ orange1000: any;
137
+ orange1100: any;
138
+ orange1200: any;
139
+ yellow100: any;
140
+ yellow200: any;
141
+ yellow300: any;
142
+ yellow400: any;
143
+ yellow500: any;
144
+ yellow600: any;
145
+ yellow700: any;
146
+ yellow800: any;
147
+ yellow900: any;
148
+ yellow1000: any;
149
+ yellow1100: any;
150
+ yellow1200: any;
151
+ lime100: any;
152
+ lime200: any;
153
+ lime300: any;
154
+ lime400: any;
155
+ lime500: any;
156
+ lime600: any;
157
+ lime700: any;
158
+ lime800: any;
159
+ lime900: any;
160
+ lime1000: any;
161
+ lime1100: any;
162
+ lime1200: any;
163
+ tonal50: any;
164
+ tonal100: any;
165
+ tonal200: any;
166
+ tonal300: any;
167
+ tonal400: any;
168
+ tonal500: any;
169
+ tonal600: any;
170
+ alpha100: any;
171
+ alpha150: any;
172
+ alpha200: any;
173
+ alpha250: any;
174
+ alpha600: any;
175
+ brandRed: any;
176
+ brandRedAccent: any;
177
+ brandGreen: any;
178
+ brandGreenAccent: any;
179
+ brandPurple: any;
180
+ brandPurpleAccent: any;
181
+ brandYellow: any;
182
+ brandYellowAccent: any;
183
+ infoLight: any;
184
+ info: any;
185
+ infoMid: any;
186
+ infoDark: any;
187
+ successLight: any;
188
+ success: any;
189
+ successMid: any;
190
+ successDark: any;
191
+ dangerLight: any;
192
+ danger: any;
193
+ dangerMid: any;
194
+ dangerDark: any;
195
+ warningLight: any;
196
+ warning: any;
197
+ warningMid: any;
198
+ warningDark: any;
199
+ warningText: any;
200
+ subjectEnglish: any;
201
+ subjectMaths: any;
202
+ subjectScience: any;
203
+ subjectVerbalReasoning: any;
204
+ subjectNonVerbalReasoning: any;
205
+ subjectCreativeWriting: any;
206
+ subjectExamSkills: any;
207
+ glBlueLight: any;
208
+ glBluePrimary: any;
209
+ glBlueDark: any;
210
+ primary100: any;
211
+ primary200: any;
212
+ primary300: any;
213
+ primary400: any;
214
+ primary500: any;
215
+ primary600: any;
216
+ primary700: any;
217
+ primary800: any;
218
+ primary900: any;
219
+ primary1000: any;
220
+ primary1100: any;
221
+ primary1200: any;
222
+ };
223
+ space: {
224
+ "0": any;
225
+ "1": any;
226
+ "2": any;
227
+ "3": any;
228
+ "4": any;
229
+ "5": any;
230
+ "6": any;
231
+ "7": any;
232
+ "8": any;
233
+ "9": any;
234
+ "24": any;
235
+ };
236
+ fontSizes: {
237
+ xs: any;
238
+ sm: any;
239
+ md: any;
240
+ lg: any;
241
+ xl: any;
242
+ "2xl": any;
243
+ "3xl": any;
244
+ "4xl": any;
245
+ };
246
+ fonts: {
247
+ sans: any;
248
+ mono: any;
249
+ display: any;
250
+ body: any;
251
+ };
252
+ sizes: {
253
+ "0": any;
254
+ "1": any;
255
+ "2": any;
256
+ "3": any;
257
+ "4": any;
258
+ "5": any;
259
+ "6": any;
260
+ "7": any;
261
+ "8": any;
262
+ };
263
+ radii: {
264
+ "0": any;
265
+ "1": any;
266
+ "2": any;
267
+ "3": any;
268
+ round: any;
269
+ };
270
+ shadows: {
271
+ "0": any;
272
+ "1": any;
273
+ "2": any;
274
+ "3": any;
275
+ };
276
+ ratios: {
277
+ "16-9": any;
278
+ "3-2": any;
279
+ "4-3": any;
280
+ "1-1": any;
281
+ "3-4": any;
282
+ };
283
+ }, import("@stitches/react/types/config").DefaultThemeMap, {
284
+ bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
285
+ background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
286
+ };
287
+ size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">) => {
288
+ height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
289
+ width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
290
+ };
291
+ p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
292
+ padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
293
+ };
294
+ pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
295
+ paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
296
+ };
297
+ pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
298
+ paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
299
+ };
300
+ pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
301
+ paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
302
+ };
303
+ pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
304
+ paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
305
+ };
306
+ px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
307
+ paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
308
+ paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
309
+ };
310
+ py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
311
+ paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
312
+ paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
313
+ };
314
+ m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
315
+ margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
316
+ };
317
+ mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
318
+ marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
319
+ };
320
+ mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
321
+ marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
322
+ };
323
+ mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
324
+ marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
325
+ };
326
+ ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
327
+ marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
328
+ };
329
+ mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
330
+ marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
331
+ marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
332
+ };
333
+ my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
334
+ marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
335
+ marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
336
+ };
337
+ }>>;