design-zystem 1.0.313 → 1.0.314
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/ui/index.d.mts +2 -0
- package/dist/ui/index.d.ts +2 -0
- package/dist/ui/index.js +3 -1
- package/dist/ui/index.mjs +3 -1
- package/package.json +1 -1
package/dist/ui/index.d.mts
CHANGED
|
@@ -33,6 +33,8 @@ interface LayoutProps extends HTMLAttributes<HTMLDivElement>, Omit<VariantProps<
|
|
|
33
33
|
column?: boolean;
|
|
34
34
|
/** Largeur explicite (`"300px"`, `"50%"`) — désactive le `fullWidth` par défaut. */
|
|
35
35
|
width?: string;
|
|
36
|
+
/** Largeur maximale (`"448px"`, `"60%"`) — garde le `fullWidth` par défaut. */
|
|
37
|
+
maxWidth?: string;
|
|
36
38
|
/** Raccourci CSS `flex` (ex. `1`, `2`, `"1 1 0%"`) — pour répartir l'espace entre plusieurs `Layout` côte à côte dans un `Layout row` parent. */
|
|
37
39
|
flex?: number | string;
|
|
38
40
|
}
|
package/dist/ui/index.d.ts
CHANGED
|
@@ -33,6 +33,8 @@ interface LayoutProps extends HTMLAttributes<HTMLDivElement>, Omit<VariantProps<
|
|
|
33
33
|
column?: boolean;
|
|
34
34
|
/** Largeur explicite (`"300px"`, `"50%"`) — désactive le `fullWidth` par défaut. */
|
|
35
35
|
width?: string;
|
|
36
|
+
/** Largeur maximale (`"448px"`, `"60%"`) — garde le `fullWidth` par défaut. */
|
|
37
|
+
maxWidth?: string;
|
|
36
38
|
/** Raccourci CSS `flex` (ex. `1`, `2`, `"1 1 0%"`) — pour répartir l'espace entre plusieurs `Layout` côte à côte dans un `Layout row` parent. */
|
|
37
39
|
flex?: number | string;
|
|
38
40
|
}
|
package/dist/ui/index.js
CHANGED
|
@@ -393,6 +393,7 @@ var Layout = (0, import_react.forwardRef)(
|
|
|
393
393
|
paddingBottom,
|
|
394
394
|
paddingLeft,
|
|
395
395
|
width,
|
|
396
|
+
maxWidth,
|
|
396
397
|
flex,
|
|
397
398
|
className,
|
|
398
399
|
style
|
|
@@ -413,6 +414,7 @@ var Layout = (0, import_react.forwardRef)(
|
|
|
413
414
|
"paddingBottom",
|
|
414
415
|
"paddingLeft",
|
|
415
416
|
"width",
|
|
417
|
+
"maxWidth",
|
|
416
418
|
"flex",
|
|
417
419
|
"className",
|
|
418
420
|
"style"
|
|
@@ -441,7 +443,7 @@ var Layout = (0, import_react.forwardRef)(
|
|
|
441
443
|
}),
|
|
442
444
|
className
|
|
443
445
|
),
|
|
444
|
-
style: __spreadValues(__spreadValues(__spreadValues({}, width ? { width } : {}), flex !== void 0 ? { flex } : {}), style)
|
|
446
|
+
style: __spreadValues(__spreadValues(__spreadValues(__spreadValues({}, width ? { width } : {}), maxWidth ? { maxWidth } : {}), flex !== void 0 ? { flex } : {}), style)
|
|
445
447
|
}, props)
|
|
446
448
|
);
|
|
447
449
|
}
|
package/dist/ui/index.mjs
CHANGED
|
@@ -224,6 +224,7 @@ var Layout = forwardRef(
|
|
|
224
224
|
paddingBottom,
|
|
225
225
|
paddingLeft,
|
|
226
226
|
width,
|
|
227
|
+
maxWidth,
|
|
227
228
|
flex,
|
|
228
229
|
className,
|
|
229
230
|
style
|
|
@@ -244,6 +245,7 @@ var Layout = forwardRef(
|
|
|
244
245
|
"paddingBottom",
|
|
245
246
|
"paddingLeft",
|
|
246
247
|
"width",
|
|
248
|
+
"maxWidth",
|
|
247
249
|
"flex",
|
|
248
250
|
"className",
|
|
249
251
|
"style"
|
|
@@ -272,7 +274,7 @@ var Layout = forwardRef(
|
|
|
272
274
|
}),
|
|
273
275
|
className
|
|
274
276
|
),
|
|
275
|
-
style: __spreadValues(__spreadValues(__spreadValues({}, width ? { width } : {}), flex !== void 0 ? { flex } : {}), style)
|
|
277
|
+
style: __spreadValues(__spreadValues(__spreadValues(__spreadValues({}, width ? { width } : {}), maxWidth ? { maxWidth } : {}), flex !== void 0 ? { flex } : {}), style)
|
|
276
278
|
}, props)
|
|
277
279
|
);
|
|
278
280
|
}
|