design-zystem 1.0.289 → 1.0.291

package/dist/index.d.mts

@@ -122,6 +122,8 @@ interface ColProps extends HTMLAttributes<HTMLDivElement> {
     minWidth?: string;
     /** Explicit height, wins over `fullHeight`. `height="auto"` beats the default `fit-content` so the column can stretch. */
     height?: string;
+    /** Ceiling height. `maxHeight="none"` removes the default 100% cap; `maxHeight="400px"` creates a scrollable region when paired with `overflowY="auto"`. */
+    maxHeight?: string;
     /** Floor height of a flex child; `minHeight="0"` lets it shrink below its content so an inner area can scroll. */
     minHeight?: string;
     /** `flex-shrink` factor. `flexShrink="0"` prevents the column from shrinking below its explicit `width`. */
@@ -764,6 +766,7 @@ interface TableHeaderCellProps extends HTMLAttributes<HTMLDivElement> {
     flexGrow?: string | number;
     flexShrink?: string | number;
     width?: string;
+    borderLeft?: string;
     style?: CSSProperties;
     className?: string;
 }

package/dist/index.d.ts

@@ -122,6 +122,8 @@ interface ColProps extends HTMLAttributes<HTMLDivElement> {
     minWidth?: string;
     /** Explicit height, wins over `fullHeight`. `height="auto"` beats the default `fit-content` so the column can stretch. */
     height?: string;
+    /** Ceiling height. `maxHeight="none"` removes the default 100% cap; `maxHeight="400px"` creates a scrollable region when paired with `overflowY="auto"`. */
+    maxHeight?: string;
     /** Floor height of a flex child; `minHeight="0"` lets it shrink below its content so an inner area can scroll. */
     minHeight?: string;
     /** `flex-shrink` factor. `flexShrink="0"` prevents the column from shrinking below its explicit `width`. */
@@ -764,6 +766,7 @@ interface TableHeaderCellProps extends HTMLAttributes<HTMLDivElement> {
     flexGrow?: string | number;
     flexShrink?: string | number;
     width?: string;
+    borderLeft?: string;
     style?: CSSProperties;
     className?: string;
 }

package/dist/index.js

@@ -546,6 +546,7 @@ var shouldForwardPropCol = (prop) => ![
   "width",
   "minWidth",
   "height",
+  "maxHeight",
   "minHeight",
   "flexShrink",
   "alignSelf",
@@ -574,7 +575,10 @@ var StyledCol = import_styled_components5.default.div.withConfig({
   ` : ""}
   ${(props) => props.overflowWrap ? `overflow-wrap: ${props.overflowWrap};` : ""}
   ${(props) => props.position ? `position: ${props.position};` : ""}
-  max-height: 100%;
+  max-height: ${(props) => {
+  var _a;
+  return (_a = props.maxHeight) != null ? _a : "100%";
+}};
   height: ${(props) => props.height || (props.fullHeight ? "100%" : "fit-content")};
   ${(props) => props.minHeight ? `min-height: ${props.minHeight};` : ""}
   ${(props) => props.flexShrink !== void 0 ? `flex-shrink: ${props.flexShrink};` : ""}
@@ -3792,7 +3796,14 @@ var TableCell = (props) => {
 var import_react19 = require("react");
 var import_styled_components33 = __toESM(require("styled-components"));
 var import_jsx_runtime37 = require("react/jsx-runtime");
-var shouldForwardPropTableHeaderCell = (prop) => !["useSort", "isSort", "flexGrow", "flexShrink", "width"].includes(prop);
+var shouldForwardPropTableHeaderCell = (prop) => ![
+  "useSort",
+  "isSort",
+  "flexGrow",
+  "flexShrink",
+  "width",
+  "borderLeft"
+].includes(prop);
 var StyledTableHeaderCell = import_styled_components33.default.div.withConfig({
   shouldForwardProp: shouldForwardPropTableHeaderCell
 })`
@@ -3809,6 +3820,7 @@ var StyledTableHeaderCell = import_styled_components33.default.div.withConfig({
   font-weight: bold;
   max-width: ${(props) => props.width || "auto"};
   min-width: ${(props) => props.width || "auto"};
+  ${(props) => props.borderLeft ? `border-left: ${props.borderLeft};` : ""}
 `;
 var SortingButton = import_styled_components33.default.span`
   display: inline-flex;

package/dist/index.mjs

@@ -407,6 +407,7 @@ var shouldForwardPropCol = (prop) => ![
   "width",
   "minWidth",
   "height",
+  "maxHeight",
   "minHeight",
   "flexShrink",
   "alignSelf",
@@ -435,7 +436,10 @@ var StyledCol = styled5.div.withConfig({
   ` : ""}
   ${(props) => props.overflowWrap ? `overflow-wrap: ${props.overflowWrap};` : ""}
   ${(props) => props.position ? `position: ${props.position};` : ""}
-  max-height: 100%;
+  max-height: ${(props) => {
+  var _a;
+  return (_a = props.maxHeight) != null ? _a : "100%";
+}};
   height: ${(props) => props.height || (props.fullHeight ? "100%" : "fit-content")};
   ${(props) => props.minHeight ? `min-height: ${props.minHeight};` : ""}
   ${(props) => props.flexShrink !== void 0 ? `flex-shrink: ${props.flexShrink};` : ""}
@@ -3659,7 +3663,14 @@ var TableCell = (props) => {
 import { useState as useState10 } from "react";
 import styled33 from "styled-components";
 import { jsx as jsx37, jsxs as jsxs17 } from "react/jsx-runtime";
-var shouldForwardPropTableHeaderCell = (prop) => !["useSort", "isSort", "flexGrow", "flexShrink", "width"].includes(prop);
+var shouldForwardPropTableHeaderCell = (prop) => ![
+  "useSort",
+  "isSort",
+  "flexGrow",
+  "flexShrink",
+  "width",
+  "borderLeft"
+].includes(prop);
 var StyledTableHeaderCell = styled33.div.withConfig({
   shouldForwardProp: shouldForwardPropTableHeaderCell
 })`
@@ -3676,6 +3687,7 @@ var StyledTableHeaderCell = styled33.div.withConfig({
   font-weight: bold;
   max-width: ${(props) => props.width || "auto"};
   min-width: ${(props) => props.width || "auto"};
+  ${(props) => props.borderLeft ? `border-left: ${props.borderLeft};` : ""}
 `;
 var SortingButton = styled33.span`
   display: inline-flex;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "design-zystem",
-  "version": "1.0.289",
+  "version": "1.0.291",
   "description": "A React design system of importable components",
   "main": "dist/index.js",
   "module": "dist/index.mjs",