@strapi/design-system 2.1.1 → 2.2.0
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.
- package/dist/components/Combobox/Combobox.d.ts.map +1 -1
- package/dist/components/Select/MultiSelect.d.ts +2 -2
- package/dist/components/Select/MultiSelect.d.ts.map +1 -1
- package/dist/components/Select/SelectParts.d.ts +5 -0
- package/dist/components/Select/SelectParts.d.ts.map +1 -1
- package/dist/components/Select/SingleSelect.d.ts +2 -2
- package/dist/components/Select/SingleSelect.d.ts.map +1 -1
- package/dist/index.d.ts +4 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +213 -213
- package/dist/index.mjs +1902 -1879
- package/dist/primitives/Box/Box.d.ts +239 -6
- package/dist/primitives/Box/Box.d.ts.map +1 -1
- package/dist/styles/type.d.ts.map +1 -1
- package/package.json +5 -5
|
@@ -3,76 +3,309 @@ import { ResponsiveProperty, ResponsiveThemeProperty } from '../../helpers/handl
|
|
|
3
3
|
import { PolymorphicComponentPropsWithRef } from '../../types';
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
interface TransientBoxProps {
|
|
6
|
-
/**
|
|
7
|
-
*
|
|
6
|
+
/** CSS `pointer-events`
|
|
7
|
+
* <br/>[Responsive](../?path=/docs/foundations-responsive--docs) property for `pointerEvents`
|
|
8
|
+
* <br/>Usage: `<Box pointerEvents="none" />`
|
|
8
9
|
*/
|
|
9
10
|
pointerEvents?: ResponsiveProperty<CSSProperties['pointerEvents']>;
|
|
11
|
+
/** CSS `display`
|
|
12
|
+
* <br/>[Responsive](../?path=/docs/foundations-responsive--docs) property for `display`
|
|
13
|
+
* <br/>Usage: `<Box display="flex" />`
|
|
14
|
+
*/
|
|
10
15
|
display?: ResponsiveProperty<CSSProperties['display']>;
|
|
16
|
+
/** CSS `position`
|
|
17
|
+
* <br/>[Responsive](../?path=/docs/foundations-responsive--docs) property for `position`
|
|
18
|
+
* <br/>Usage: `<Box position="relative" />`
|
|
19
|
+
*/
|
|
11
20
|
position?: ResponsiveProperty<CSSProperties['position']>;
|
|
21
|
+
/** CSS `overflow`
|
|
22
|
+
* <br/>[Responsive](../?path=/docs/foundations-responsive--docs) property for `overflow`
|
|
23
|
+
* <br/>Usage: `<Box overflow="hidden" />`
|
|
24
|
+
*/
|
|
12
25
|
overflow?: ResponsiveProperty<CSSProperties['overflow']>;
|
|
26
|
+
/** CSS `cursor`
|
|
27
|
+
* <br/>[Responsive](../?path=/docs/foundations-responsive--docs) property for `cursor`
|
|
28
|
+
* <br/>Usage: `<Box cursor="pointer" />`
|
|
29
|
+
*/
|
|
13
30
|
cursor?: ResponsiveProperty<CSSProperties['cursor']>;
|
|
31
|
+
/** CSS `transition`
|
|
32
|
+
* <br/>[Responsive](../?path=/docs/foundations-responsive--docs) property for `transition`
|
|
33
|
+
* <br/>Usage: `<Box transition="all 0.2s ease" />`
|
|
34
|
+
*/
|
|
14
35
|
transition?: ResponsiveProperty<CSSProperties['transition']>;
|
|
36
|
+
/** CSS `transform`
|
|
37
|
+
* <br/>[Responsive](../?path=/docs/foundations-responsive--docs) property for `transform`
|
|
38
|
+
* <br/>Usage: `<Box transform="translateY(4px)" />`
|
|
39
|
+
*/
|
|
15
40
|
transform?: ResponsiveProperty<CSSProperties['transform']>;
|
|
41
|
+
/** CSS `animation`
|
|
42
|
+
* <br/>[Responsive](../?path=/docs/foundations-responsive--docs) property for `animation`
|
|
43
|
+
* <br/>Usage: `<Box animation="fadeIn 200ms ease" />`
|
|
44
|
+
*/
|
|
16
45
|
animation?: ResponsiveProperty<CSSProperties['animation']>;
|
|
46
|
+
/** CSS `text-align`
|
|
47
|
+
* <br/>[Responsive](../?path=/docs/foundations-responsive--docs) property for `textAlign`
|
|
48
|
+
* <br/>Usage: `<Box textAlign="center" />`
|
|
49
|
+
*/
|
|
17
50
|
textAlign?: ResponsiveProperty<CSSProperties['textAlign']>;
|
|
51
|
+
/** CSS `text-transform`
|
|
52
|
+
* <br/>[Responsive](../?path=/docs/foundations-responsive--docs) property for `textTransform`
|
|
53
|
+
* <br/>Usage: `<Box textTransform="uppercase" />`
|
|
54
|
+
*/
|
|
18
55
|
textTransform?: ResponsiveProperty<CSSProperties['textTransform']>;
|
|
56
|
+
/** CSS `flex`
|
|
57
|
+
* <br/>[Responsive](../?path=/docs/foundations-responsive--docs) property for `flex`
|
|
58
|
+
* <br/>Usage: `<Box flex="1 1 auto" />`
|
|
59
|
+
*/
|
|
19
60
|
flex?: ResponsiveProperty<CSSProperties['flex']>;
|
|
61
|
+
/** CSS `flex-grow`
|
|
62
|
+
* <br/>[Responsive](../?path=/docs/foundations-responsive--docs) property for `grow`
|
|
63
|
+
* <br/>Usage: `<Box grow={1} />`
|
|
64
|
+
*/
|
|
20
65
|
grow?: ResponsiveProperty<CSSProperties['flexGrow']>;
|
|
66
|
+
/** CSS `flex-basis`
|
|
67
|
+
* <br/>[Responsive](../?path=/docs/foundations-responsive--docs) property for `basis`
|
|
68
|
+
* <br/>Usage: `<Box basis="200px" />`
|
|
69
|
+
*/
|
|
21
70
|
basis?: ResponsiveProperty<CSSProperties['flexBasis']>;
|
|
71
|
+
/** CSS `flex-shrink`
|
|
72
|
+
* <br/>[Responsive](../?path=/docs/foundations-responsive--docs) property for `shrink`
|
|
73
|
+
* <br/>Usage: `<Box shrink={0} />`
|
|
74
|
+
*/
|
|
22
75
|
shrink?: ResponsiveProperty<CSSProperties['flexShrink']>;
|
|
76
|
+
/** CSS `border-style`
|
|
77
|
+
* <br/>[Responsive](../?path=/docs/foundations-responsive--docs) property for `borderStyle`
|
|
78
|
+
* <br/>Usage: `<Box borderStyle="solid" />`
|
|
79
|
+
*/
|
|
23
80
|
borderStyle?: ResponsiveProperty<CSSProperties['borderStyle']>;
|
|
81
|
+
/** CSS `order`
|
|
82
|
+
* <br/>[Responsive](../?path=/docs/foundations-responsive--docs) property for `order`
|
|
83
|
+
* <br/>Usage: `<Box order={1} />`
|
|
84
|
+
*/
|
|
24
85
|
order?: ResponsiveProperty<CSSProperties['order']>;
|
|
25
86
|
/**
|
|
26
87
|
* Shorthand Responsive Properties
|
|
27
88
|
*/
|
|
89
|
+
/** Theme Shorthand `margin`
|
|
90
|
+
* <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `margin`
|
|
91
|
+
* <br/>Usage: `<Box margin={2} />`
|
|
92
|
+
*/
|
|
28
93
|
margin?: ResponsiveThemeProperty<'spaces', 'margin'>;
|
|
94
|
+
/** Theme Shorthand `padding`
|
|
95
|
+
* <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `padding`
|
|
96
|
+
* <br/>Usage: `<Box padding={2} />`
|
|
97
|
+
*/
|
|
29
98
|
padding?: ResponsiveThemeProperty<'spaces', 'padding'>;
|
|
30
|
-
/**
|
|
31
|
-
*
|
|
99
|
+
/** Theme `margin-left`
|
|
100
|
+
* <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `marginLeft`
|
|
101
|
+
* <br/>Usage: `<Box marginLeft={2} />`
|
|
32
102
|
*/
|
|
33
103
|
marginLeft?: ResponsiveThemeProperty<'spaces', 'marginLeft'>;
|
|
104
|
+
/** Theme `margin-right`
|
|
105
|
+
* <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `marginRight`
|
|
106
|
+
* <br/>Usage: `<Box marginRight={2} />`
|
|
107
|
+
*/
|
|
34
108
|
marginRight?: ResponsiveThemeProperty<'spaces', 'marginRight'>;
|
|
109
|
+
/** Theme `margin-top`
|
|
110
|
+
* <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `marginTop`
|
|
111
|
+
* <br/>Usage: `<Box marginTop={2} />`
|
|
112
|
+
*/
|
|
35
113
|
marginTop?: ResponsiveThemeProperty<'spaces', 'marginTop'>;
|
|
114
|
+
/** Theme `margin-bottom`
|
|
115
|
+
* <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `marginBottom`
|
|
116
|
+
* <br/>Usage: `<Box marginBottom={2} />`
|
|
117
|
+
*/
|
|
36
118
|
marginBottom?: ResponsiveThemeProperty<'spaces', 'marginBottom'>;
|
|
119
|
+
/** Theme Logical `margin-block`
|
|
120
|
+
* <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `marginBlock`
|
|
121
|
+
* <br/>Usage: `<Box marginBlock={2} />`
|
|
122
|
+
*/
|
|
37
123
|
marginBlock?: ResponsiveThemeProperty<'spaces', 'marginBlock'>;
|
|
124
|
+
/** Theme Logical `margin-block-start`
|
|
125
|
+
* <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `marginBlockStart`
|
|
126
|
+
* <br/>Usage: `<Box marginBlockStart={2} />`
|
|
127
|
+
*/
|
|
38
128
|
marginBlockStart?: ResponsiveThemeProperty<'spaces', 'marginBlockStart'>;
|
|
129
|
+
/** Theme Logical `margin-block-end`
|
|
130
|
+
* <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `marginBlockEnd`
|
|
131
|
+
* <br/>Usage: `<Box marginBlockEnd={2} />`
|
|
132
|
+
*/
|
|
39
133
|
marginBlockEnd?: ResponsiveThemeProperty<'spaces', 'marginBlockEnd'>;
|
|
134
|
+
/** Theme Logical `margin-inline`
|
|
135
|
+
* <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `marginInline`
|
|
136
|
+
* <br/>Usage: `<Box marginInline={2} />`
|
|
137
|
+
*/
|
|
40
138
|
marginInline?: ResponsiveThemeProperty<'spaces', 'marginInline'>;
|
|
139
|
+
/** Theme Logical `margin-inline-start`
|
|
140
|
+
* <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `marginInlineStart`
|
|
141
|
+
* <br/>Usage: `<Box marginInlineStart={2} />`
|
|
142
|
+
*/
|
|
41
143
|
marginInlineStart?: ResponsiveThemeProperty<'spaces', 'marginInlineStart'>;
|
|
144
|
+
/** Theme Logical `margin-inline-end`
|
|
145
|
+
* <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `marginInlineEnd`
|
|
146
|
+
* <br/>Usage: `<Box marginInlineEnd={2} />`
|
|
147
|
+
*/
|
|
42
148
|
marginInlineEnd?: ResponsiveThemeProperty<'spaces', 'marginInlineEnd'>;
|
|
149
|
+
/** Theme `padding-left`
|
|
150
|
+
* <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `paddingLeft`
|
|
151
|
+
* <br/>Usage: `<Box paddingLeft={2} />`
|
|
152
|
+
*/
|
|
43
153
|
paddingLeft?: ResponsiveThemeProperty<'spaces', 'paddingLeft'>;
|
|
154
|
+
/** Theme `padding-right`
|
|
155
|
+
* <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `paddingRight`
|
|
156
|
+
* <br/>Usage: `<Box paddingRight={2} />`
|
|
157
|
+
*/
|
|
44
158
|
paddingRight?: ResponsiveThemeProperty<'spaces', 'paddingRight'>;
|
|
159
|
+
/** Theme `padding-top`
|
|
160
|
+
* <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `paddingTop`
|
|
161
|
+
* <br/>Usage: `<Box paddingTop={2} />`
|
|
162
|
+
*/
|
|
45
163
|
paddingTop?: ResponsiveThemeProperty<'spaces', 'paddingTop'>;
|
|
164
|
+
/** Theme `padding-bottom`
|
|
165
|
+
* <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `paddingBottom`
|
|
166
|
+
* <br/>Usage: `<Box paddingBottom={2} />`
|
|
167
|
+
*/
|
|
46
168
|
paddingBottom?: ResponsiveThemeProperty<'spaces', 'paddingBottom'>;
|
|
169
|
+
/** Theme Logical `padding-block`
|
|
170
|
+
* <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `paddingBlock`
|
|
171
|
+
* <br/>Usage: `<Box paddingBlock={2} />`
|
|
172
|
+
*/
|
|
47
173
|
paddingBlock?: ResponsiveThemeProperty<'spaces', 'paddingBlock'>;
|
|
174
|
+
/** Theme Logical `padding-block-start`
|
|
175
|
+
* <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `paddingBlockStart`
|
|
176
|
+
* <br/>Usage: `<Box paddingBlockStart={2} />`
|
|
177
|
+
*/
|
|
48
178
|
paddingBlockStart?: ResponsiveThemeProperty<'spaces', 'paddingBlockStart'>;
|
|
179
|
+
/** Theme Logical `padding-block-end`
|
|
180
|
+
* <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `paddingBlockEnd`
|
|
181
|
+
* <br/>Usage: `<Box paddingBlockEnd={2} />`
|
|
182
|
+
*/
|
|
49
183
|
paddingBlockEnd?: ResponsiveThemeProperty<'spaces', 'paddingBlockEnd'>;
|
|
184
|
+
/** Theme Logical `padding-inline`
|
|
185
|
+
* <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `paddingInline`
|
|
186
|
+
* <br/>Usage: `<Box paddingInline={2} />`
|
|
187
|
+
*/
|
|
50
188
|
paddingInline?: ResponsiveThemeProperty<'spaces', 'paddingInline'>;
|
|
189
|
+
/** Theme Logical `padding-inline-start`
|
|
190
|
+
* <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `paddingInlineStart`
|
|
191
|
+
* <br/>Usage: `<Box paddingInlineStart={2} />`
|
|
192
|
+
*/
|
|
51
193
|
paddingInlineStart?: ResponsiveThemeProperty<'spaces', 'paddingInlineStart'>;
|
|
194
|
+
/** Theme Logical `padding-inline-end`
|
|
195
|
+
* <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `paddingInlineEnd`
|
|
196
|
+
* <br/>Usage: `<Box paddingInlineEnd={2} />`
|
|
197
|
+
*/
|
|
52
198
|
paddingInlineEnd?: ResponsiveThemeProperty<'spaces', 'paddingInlineEnd'>;
|
|
199
|
+
/** Theme `border-radius`
|
|
200
|
+
* <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `borderRadius`
|
|
201
|
+
* <br/>Usage: `<Box borderRadius={...} />`
|
|
202
|
+
*/
|
|
53
203
|
borderRadius?: ResponsiveThemeProperty<'spaces', 'borderRadius'>;
|
|
204
|
+
/** Theme `border-width`
|
|
205
|
+
* <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `borderWidth`
|
|
206
|
+
* <br/>Usage: `<Box borderWidth="1px" />`
|
|
207
|
+
*/
|
|
54
208
|
borderWidth?: ResponsiveThemeProperty<'spaces', 'borderWidth'>;
|
|
209
|
+
/** Theme `top`
|
|
210
|
+
* <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `top`
|
|
211
|
+
* <br/>Usage: `<Box top="10rem" />`
|
|
212
|
+
*/
|
|
55
213
|
top?: ResponsiveThemeProperty<'spaces', 'top'>;
|
|
214
|
+
/** Theme `left`
|
|
215
|
+
* <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `left`
|
|
216
|
+
* <br/>Usage: `<Box left="10rem" />`
|
|
217
|
+
*/
|
|
56
218
|
left?: ResponsiveThemeProperty<'spaces', 'left'>;
|
|
219
|
+
/** Theme `bottom`
|
|
220
|
+
* <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `bottom`
|
|
221
|
+
* <br/>Usage: `<Box bottom="10rem" />`
|
|
222
|
+
*/
|
|
57
223
|
bottom?: ResponsiveThemeProperty<'spaces', 'bottom'>;
|
|
224
|
+
/** Theme `right`
|
|
225
|
+
* <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `right`
|
|
226
|
+
* <br/>Usage: `<Box right="10rem" />`
|
|
227
|
+
*/
|
|
58
228
|
right?: ResponsiveThemeProperty<'spaces', 'right'>;
|
|
229
|
+
/** Theme `width`
|
|
230
|
+
* <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `width`
|
|
231
|
+
* <br/>Usage: `<Box width="10rem" />`
|
|
232
|
+
*/
|
|
59
233
|
width?: ResponsiveThemeProperty<'spaces', 'width'>;
|
|
234
|
+
/** Theme `height`
|
|
235
|
+
* <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `height`
|
|
236
|
+
* <br/>Usage: `<Box height="10rem" />`
|
|
237
|
+
*/
|
|
60
238
|
height?: ResponsiveThemeProperty<'spaces', 'height'>;
|
|
239
|
+
/** Theme `max-width`
|
|
240
|
+
* <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `maxWidth`
|
|
241
|
+
* <br/>Usage: `<Box maxWidth="10rem" />`
|
|
242
|
+
*/
|
|
61
243
|
maxWidth?: ResponsiveThemeProperty<'spaces', 'maxWidth'>;
|
|
244
|
+
/** Theme `min-width`
|
|
245
|
+
* <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `minWidth`
|
|
246
|
+
* <br/>Usage: `<Box minWidth="10rem" />`
|
|
247
|
+
*/
|
|
62
248
|
minWidth?: ResponsiveThemeProperty<'spaces', 'minWidth'>;
|
|
249
|
+
/** Theme `max-height`
|
|
250
|
+
* <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `maxHeight`
|
|
251
|
+
* <br/>Usage: `<Box maxHeight="10rem" />`
|
|
252
|
+
*/
|
|
63
253
|
maxHeight?: ResponsiveThemeProperty<'spaces', 'maxHeight'>;
|
|
254
|
+
/** Theme `min-height`
|
|
255
|
+
* <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `minHeight`
|
|
256
|
+
* <br/>Usage: `<Box minHeight="10rem" />`
|
|
257
|
+
*/
|
|
64
258
|
minHeight?: ResponsiveThemeProperty<'spaces', 'minHeight'>;
|
|
65
|
-
/**
|
|
66
|
-
*
|
|
259
|
+
/** Theme color for `border-color`
|
|
260
|
+
* <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `borderColor`
|
|
261
|
+
* <br/>Usage: `<Box borderColor="primary600" />`
|
|
262
|
+
* <br/>Theme: [Color](../?path=/docs/foundations-color--docs)
|
|
67
263
|
*/
|
|
68
264
|
borderColor?: ResponsiveThemeProperty<'colors', 'borderColor'>;
|
|
265
|
+
/** Theme color for `color`
|
|
266
|
+
* <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `color`
|
|
267
|
+
* <br/>Usage: `<Box color="primary600" />`
|
|
268
|
+
* <br/>Theme: [Color](../?path=/docs/foundations-color--docs)
|
|
269
|
+
*/
|
|
69
270
|
color?: ResponsiveThemeProperty<'colors', 'color'>;
|
|
271
|
+
/** Theme color for `background`
|
|
272
|
+
* <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `background`
|
|
273
|
+
* <br/>Usage: `<Box background="primary600" />`
|
|
274
|
+
* <br/>Theme: [Color](../?path=/docs/foundations-color--docs)
|
|
275
|
+
*/
|
|
70
276
|
background?: ResponsiveThemeProperty<'colors', 'background'>;
|
|
277
|
+
/** Theme shadow for `box-shadow`
|
|
278
|
+
* <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `shadow`
|
|
279
|
+
* <br/>Usage: `<Box shadow="filterShadow" />`
|
|
280
|
+
* <br/>Theme: [Elevation](../?path=/docs/foundations-elevation--docs)
|
|
281
|
+
*/
|
|
71
282
|
shadow?: ResponsiveThemeProperty<'shadows', 'boxShadow'>;
|
|
283
|
+
/** Theme font size for `font-size`
|
|
284
|
+
* <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `fontSize`
|
|
285
|
+
* <br/>Usage: `<Box fontSize={2} />`
|
|
286
|
+
* <br/>Theme: [Typography](../?path=/docs/foundations-typography--docs)
|
|
287
|
+
*/
|
|
72
288
|
fontSize?: ResponsiveThemeProperty<'fontSizes', 'fontSize'>;
|
|
289
|
+
/** Theme font weight for `font-weight`
|
|
290
|
+
* <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `fontWeight`
|
|
291
|
+
* <br/>Usage: `<Box fontWeight="bold" />`
|
|
292
|
+
* <br/>Theme: [Typography](../?path=/docs/foundations-typography--docs)
|
|
293
|
+
*/
|
|
73
294
|
fontWeight?: ResponsiveThemeProperty<'fontWeights', 'fontWeight'>;
|
|
295
|
+
/** Theme line height for `line-height`
|
|
296
|
+
* <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `lineHeight`
|
|
297
|
+
* <br/>Usage: `<Box lineHeight={2} />`
|
|
298
|
+
* <br/>Theme: [Typography](../?path=/docs/foundations-typography--docs)
|
|
299
|
+
*/
|
|
74
300
|
lineHeight?: ResponsiveThemeProperty<'lineHeights', 'lineHeight'>;
|
|
301
|
+
/** Theme z-index for `z-index`
|
|
302
|
+
* <br/>[Responsive](../?path=/docs/foundations-responsive--docs) theme property for `zIndex`
|
|
303
|
+
* <br/>Usage: `<Box zIndex={1} />`
|
|
304
|
+
*/
|
|
75
305
|
zIndex?: ResponsiveThemeProperty<'zIndices', 'zIndex'>;
|
|
306
|
+
/** Use theme `borderRadius` when true
|
|
307
|
+
* Usage: `<Box hasRadius />`
|
|
308
|
+
*/
|
|
76
309
|
hasRadius?: boolean;
|
|
77
310
|
}
|
|
78
311
|
type BoxProps<C extends React.ElementType = 'div'> = PolymorphicComponentPropsWithRef<C, TransientBoxProps & {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../src/primitives/Box/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAU,KAAK,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAE/D,OAAO,EAEL,KAAK,kBAAkB,EACvB,KAAK,uBAAuB,EAC7B,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAAE,gCAAgC,
|
|
1
|
+
{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../src/primitives/Box/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAU,KAAK,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAE/D,OAAO,EAEL,KAAK,kBAAkB,EACvB,KAAK,uBAAuB,EAC7B,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAAE,gCAAgC,EAAyB,MAAM,aAAa,CAAC;AACtF,UAAU,iBAAiB;IACzB;;;OAGG;IACH,aAAa,CAAC,EAAE,kBAAkB,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC,CAAC;IACnE;;;OAGG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC;IACvD;;;OAGG;IACH,QAAQ,CAAC,EAAE,kBAAkB,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC;IACzD;;;OAGG;IACH,QAAQ,CAAC,EAAE,kBAAkB,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC;IACzD;;;OAGG;IACH,MAAM,CAAC,EAAE,kBAAkB,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC;IACrD;;;OAGG;IACH,UAAU,CAAC,EAAE,kBAAkB,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC,CAAC;IAC7D;;;OAGG;IACH,SAAS,CAAC,EAAE,kBAAkB,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC;IAC3D;;;OAGG;IACH,SAAS,CAAC,EAAE,kBAAkB,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC;IAC3D;;;OAGG;IACH,SAAS,CAAC,EAAE,kBAAkB,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC;IAC3D;;;OAGG;IACH,aAAa,CAAC,EAAE,kBAAkB,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC,CAAC;IACnE;;;OAGG;IACH,IAAI,CAAC,EAAE,kBAAkB,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC;IACjD;;;OAGG;IACH,IAAI,CAAC,EAAE,kBAAkB,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC;IACrD;;;OAGG;IACH,KAAK,CAAC,EAAE,kBAAkB,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC;IACvD;;;OAGG;IACH,MAAM,CAAC,EAAE,kBAAkB,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC,CAAC;IACzD;;;OAGG;IACH,WAAW,CAAC,EAAE,kBAAkB,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC;IAC/D;;;OAGG;IACH,KAAK,CAAC,EAAE,kBAAkB,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC;IACnD;;OAEG;IACH;;;OAGG;IACH,MAAM,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IACrD;;;OAGG;IACH,OAAO,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;IACvD;;;OAGG;IACH,UAAU,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IAC7D;;;OAGG;IACH,WAAW,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;IAC/D;;;OAGG;IACH,SAAS,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;IAC3D;;;OAGG;IACH,YAAY,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;IACjE;;;OAGG;IACH,WAAW,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;IAC/D;;;OAGG;IACH,gBAAgB,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,kBAAkB,CAAC,CAAC;IACzE;;;OAGG;IACH,cAAc,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,gBAAgB,CAAC,CAAC;IACrE;;;OAGG;IACH,YAAY,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;IACjE;;;OAGG;IACH,iBAAiB,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,mBAAmB,CAAC,CAAC;IAC3E;;;OAGG;IACH,eAAe,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAC;IACvE;;;OAGG;IACH,WAAW,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;IAC/D;;;OAGG;IACH,YAAY,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;IACjE;;;OAGG;IACH,UAAU,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IAC7D;;;OAGG;IACH,aAAa,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC;IACnE;;;OAGG;IACH,YAAY,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;IACjE;;;OAGG;IACH,iBAAiB,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,mBAAmB,CAAC,CAAC;IAC3E;;;OAGG;IACH,eAAe,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAC;IACvE;;;OAGG;IACH,aAAa,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC;IACnE;;;OAGG;IACH,kBAAkB,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,oBAAoB,CAAC,CAAC;IAC7E;;;OAGG;IACH,gBAAgB,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,kBAAkB,CAAC,CAAC;IACzE;;;OAGG;IACH,YAAY,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;IACjE;;;OAGG;IACH,WAAW,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;IAC/D;;;OAGG;IACH,GAAG,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;IAC/C;;;OAGG;IACH,IAAI,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IACjD;;;OAGG;IACH,MAAM,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IACrD;;;OAGG;IACH,KAAK,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IACnD;;;OAGG;IACH,KAAK,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IACnD;;;OAGG;IACH,MAAM,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IACrD;;;OAGG;IACH,QAAQ,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;IACzD;;;OAGG;IACH,QAAQ,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;IACzD;;;OAGG;IACH,SAAS,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;IAC3D;;;OAGG;IACH,SAAS,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;IAC3D;;;;OAIG;IACH,WAAW,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;IAC/D;;;;OAIG;IACH,KAAK,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IACnD;;;;OAIG;IACH,UAAU,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IAC7D;;;;OAIG;IACH,MAAM,CAAC,EAAE,uBAAuB,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;IACzD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,uBAAuB,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC;IAC5D;;;;OAIG;IACH,UAAU,CAAC,EAAE,uBAAuB,CAAC,aAAa,EAAE,YAAY,CAAC,CAAC;IAClE;;;;OAIG;IACH,UAAU,CAAC,EAAE,uBAAuB,CAAC,aAAa,EAAE,YAAY,CAAC,CAAC;IAClE;;;OAGG;IACH,MAAM,CAAC,EAAE,uBAAuB,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;IACvD;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,KAAK,QAAQ,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,IAAI,gCAAgC,CACnF,CAAC,EACD,iBAAiB,GAAG;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CACF,CAAC;AAOF,QAAA,MAAM,GAAG,qBA6GQ,CAAC;AA0DlB,KAAK,YAAY,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,IAAI,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,CAAC,EACvF,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,KACf,GAAG,CAAC,OAAO,CAAC;AAEjB,OAAO,EAAE,GAAG,EAAE,CAAC;AACf,YAAY,EAAE,YAAY,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../src/styles/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAO,MAAM,mBAAmB,CAAC;AAEtD,OAAO,EAA0B,KAAK,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AAczG,QAAA,MAAM,aAAa,wEAA2D,CAAC;AAM/E,QAAA,MAAM,QAAQ,6CAKb,CAAC;AAMF,UAAU,YAAY;IACpB,QAAQ,CAAC,EAAE,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;IAC1C,KAAK,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,uBAAuB,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC;IAC7D,WAAW,CAAC,EAAE,uBAAuB,CAAC,aAAa,EAAE,YAAY,CAAC,CAAC;CACpE;AAED,QAAA,MAAM,OAAO,gDAAyD,YAAY,
|
|
1
|
+
{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../src/styles/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAO,MAAM,mBAAmB,CAAC;AAEtD,OAAO,EAA0B,KAAK,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AAczG,QAAA,MAAM,aAAa,wEAA2D,CAAC;AAM/E,QAAA,MAAM,QAAQ,6CAKb,CAAC;AAMF,UAAU,YAAY;IACpB,QAAQ,CAAC,EAAE,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;IAC1C,KAAK,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,uBAAuB,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC;IAC7D,WAAW,CAAC,EAAE,uBAAuB,CAAC,aAAa,EAAE,YAAY,CAAC,CAAC;CACpE;AAED,QAAA,MAAM,OAAO,gDAAyD,YAAY,gDA6PjF,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC;AAC5C,YAAY,EAAE,YAAY,EAAE,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@strapi/design-system",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.2.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"sideEffects": false,
|
|
@@ -33,14 +33,14 @@
|
|
|
33
33
|
"@radix-ui/react-tabs": "1.0.4",
|
|
34
34
|
"@radix-ui/react-tooltip": "1.0.7",
|
|
35
35
|
"@radix-ui/react-use-callback-ref": "1.0.1",
|
|
36
|
-
"@strapi/ui-primitives": "2.
|
|
36
|
+
"@strapi/ui-primitives": "2.2.0",
|
|
37
37
|
"@uiw/react-codemirror": "4.22.2",
|
|
38
|
-
"lodash": "4.17.
|
|
38
|
+
"lodash": "4.17.23",
|
|
39
39
|
"react-remove-scroll": "2.5.10"
|
|
40
40
|
},
|
|
41
41
|
"devDependencies": {
|
|
42
|
-
"@strapi/icons": "2.
|
|
43
|
-
"@types/lodash": "^4.17.
|
|
42
|
+
"@strapi/icons": "2.2.0",
|
|
43
|
+
"@types/lodash": "^4.17.23",
|
|
44
44
|
"@vitejs/plugin-react-swc": "^3.7.0",
|
|
45
45
|
"jest": "29.7.0",
|
|
46
46
|
"react": "18.3.1",
|