design-zystem 1.0.289 → 1.0.290
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 +2 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.js +5 -1
- package/dist/index.mjs +5 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -122,6 +122,8 @@ interface ColProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
122
122
|
minWidth?: string;
|
|
123
123
|
/** Explicit height, wins over `fullHeight`. `height="auto"` beats the default `fit-content` so the column can stretch. */
|
|
124
124
|
height?: string;
|
|
125
|
+
/** Ceiling height. `maxHeight="none"` removes the default 100% cap; `maxHeight="400px"` creates a scrollable region when paired with `overflowY="auto"`. */
|
|
126
|
+
maxHeight?: string;
|
|
125
127
|
/** Floor height of a flex child; `minHeight="0"` lets it shrink below its content so an inner area can scroll. */
|
|
126
128
|
minHeight?: string;
|
|
127
129
|
/** `flex-shrink` factor. `flexShrink="0"` prevents the column from shrinking below its explicit `width`. */
|
package/dist/index.d.ts
CHANGED
|
@@ -122,6 +122,8 @@ interface ColProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
122
122
|
minWidth?: string;
|
|
123
123
|
/** Explicit height, wins over `fullHeight`. `height="auto"` beats the default `fit-content` so the column can stretch. */
|
|
124
124
|
height?: string;
|
|
125
|
+
/** Ceiling height. `maxHeight="none"` removes the default 100% cap; `maxHeight="400px"` creates a scrollable region when paired with `overflowY="auto"`. */
|
|
126
|
+
maxHeight?: string;
|
|
125
127
|
/** Floor height of a flex child; `minHeight="0"` lets it shrink below its content so an inner area can scroll. */
|
|
126
128
|
minHeight?: string;
|
|
127
129
|
/** `flex-shrink` factor. `flexShrink="0"` prevents the column from shrinking below its explicit `width`. */
|
package/dist/index.js
CHANGED
|
@@ -546,6 +546,7 @@ var shouldForwardPropCol = (prop) => ![
|
|
|
546
546
|
"width",
|
|
547
547
|
"minWidth",
|
|
548
548
|
"height",
|
|
549
|
+
"maxHeight",
|
|
549
550
|
"minHeight",
|
|
550
551
|
"flexShrink",
|
|
551
552
|
"alignSelf",
|
|
@@ -574,7 +575,10 @@ var StyledCol = import_styled_components5.default.div.withConfig({
|
|
|
574
575
|
` : ""}
|
|
575
576
|
${(props) => props.overflowWrap ? `overflow-wrap: ${props.overflowWrap};` : ""}
|
|
576
577
|
${(props) => props.position ? `position: ${props.position};` : ""}
|
|
577
|
-
max-height:
|
|
578
|
+
max-height: ${(props) => {
|
|
579
|
+
var _a;
|
|
580
|
+
return (_a = props.maxHeight) != null ? _a : "100%";
|
|
581
|
+
}};
|
|
578
582
|
height: ${(props) => props.height || (props.fullHeight ? "100%" : "fit-content")};
|
|
579
583
|
${(props) => props.minHeight ? `min-height: ${props.minHeight};` : ""}
|
|
580
584
|
${(props) => props.flexShrink !== void 0 ? `flex-shrink: ${props.flexShrink};` : ""}
|
package/dist/index.mjs
CHANGED
|
@@ -407,6 +407,7 @@ var shouldForwardPropCol = (prop) => ![
|
|
|
407
407
|
"width",
|
|
408
408
|
"minWidth",
|
|
409
409
|
"height",
|
|
410
|
+
"maxHeight",
|
|
410
411
|
"minHeight",
|
|
411
412
|
"flexShrink",
|
|
412
413
|
"alignSelf",
|
|
@@ -435,7 +436,10 @@ var StyledCol = styled5.div.withConfig({
|
|
|
435
436
|
` : ""}
|
|
436
437
|
${(props) => props.overflowWrap ? `overflow-wrap: ${props.overflowWrap};` : ""}
|
|
437
438
|
${(props) => props.position ? `position: ${props.position};` : ""}
|
|
438
|
-
max-height:
|
|
439
|
+
max-height: ${(props) => {
|
|
440
|
+
var _a;
|
|
441
|
+
return (_a = props.maxHeight) != null ? _a : "100%";
|
|
442
|
+
}};
|
|
439
443
|
height: ${(props) => props.height || (props.fullHeight ? "100%" : "fit-content")};
|
|
440
444
|
${(props) => props.minHeight ? `min-height: ${props.minHeight};` : ""}
|
|
441
445
|
${(props) => props.flexShrink !== void 0 ? `flex-shrink: ${props.flexShrink};` : ""}
|