design-zystem 1.0.241 → 1.0.242
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/index.d.mts +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +5 -2
- package/dist/index.mjs +5 -2
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
package/dist/index.d.ts
CHANGED
package/dist/index.js
CHANGED
|
@@ -411,15 +411,18 @@ var shouldForwardPropRow = (prop) => ![
|
|
|
411
411
|
"fullWidth",
|
|
412
412
|
"fullwidth",
|
|
413
413
|
"margin",
|
|
414
|
-
"width"
|
|
414
|
+
"width",
|
|
415
|
+
"wrap",
|
|
416
|
+
"backgroundColor"
|
|
415
417
|
].includes(prop);
|
|
416
418
|
var StyledRow = import_styled_components4.default.div.withConfig({
|
|
417
419
|
shouldForwardProp: shouldForwardPropRow
|
|
418
420
|
})`
|
|
419
421
|
display: flex;
|
|
420
|
-
flex-wrap: nowrap;
|
|
422
|
+
flex-wrap: ${(props) => props.wrap || "nowrap"};
|
|
421
423
|
width: ${(props) => props.width || "100%"};
|
|
422
424
|
max-height: 100%;
|
|
425
|
+
background-color: ${(props) => props.backgroundColor || "transparent"};
|
|
423
426
|
margin: ${(props) => props.margin || "0"};
|
|
424
427
|
height: ${(props) => props.fullHeight ? `100%` : "auto"};
|
|
425
428
|
gap: ${(props) => props.gap ? `${props.gap}px` : "0"};
|
package/dist/index.mjs
CHANGED
|
@@ -317,15 +317,18 @@ var shouldForwardPropRow = (prop) => ![
|
|
|
317
317
|
"fullWidth",
|
|
318
318
|
"fullwidth",
|
|
319
319
|
"margin",
|
|
320
|
-
"width"
|
|
320
|
+
"width",
|
|
321
|
+
"wrap",
|
|
322
|
+
"backgroundColor"
|
|
321
323
|
].includes(prop);
|
|
322
324
|
var StyledRow = styled4.div.withConfig({
|
|
323
325
|
shouldForwardProp: shouldForwardPropRow
|
|
324
326
|
})`
|
|
325
327
|
display: flex;
|
|
326
|
-
flex-wrap: nowrap;
|
|
328
|
+
flex-wrap: ${(props) => props.wrap || "nowrap"};
|
|
327
329
|
width: ${(props) => props.width || "100%"};
|
|
328
330
|
max-height: 100%;
|
|
331
|
+
background-color: ${(props) => props.backgroundColor || "transparent"};
|
|
329
332
|
margin: ${(props) => props.margin || "0"};
|
|
330
333
|
height: ${(props) => props.fullHeight ? `100%` : "auto"};
|
|
331
334
|
gap: ${(props) => props.gap ? `${props.gap}px` : "0"};
|