design-zystem 1.0.318 → 1.0.319

package/dist/index.d.mts

@@ -337,6 +337,7 @@ interface IconProps {
     shadow?: string;
     onClick?: () => void;
     cursor?: string;
+    visibility?: 'visible' | 'hidden';
     className?: string;
     style?: CSSProperties;
     title?: string;
@@ -735,6 +736,7 @@ declare const Table: react.ForwardRefExoticComponent<TableProps & react.RefAttri
 interface TableHeaderProps extends HTMLAttributes<HTMLDivElement> {
     children?: ReactNode;
     backgroundColor?: string;
+    borderBottom?: string;
     style?: CSSProperties;
     className?: string;
 }
@@ -770,6 +772,8 @@ interface TableCellProps extends HTMLAttributes<HTMLDivElement> {
     flexGrow?: string | number;
     flexShrink?: string | number;
     borderLeft?: string;
+    borderRight?: string;
+    minHeight?: string;
     padding?: string;
     width?: string;
     style?: CSSProperties;
@@ -787,6 +791,7 @@ interface TableHeaderCellProps extends HTMLAttributes<HTMLDivElement> {
     flexShrink?: string | number;
     width?: string;
     borderLeft?: string;
+    textAlign?: string;
     style?: CSSProperties;
     className?: string;
 }

package/dist/index.d.ts

@@ -337,6 +337,7 @@ interface IconProps {
     shadow?: string;
     onClick?: () => void;
     cursor?: string;
+    visibility?: 'visible' | 'hidden';
     className?: string;
     style?: CSSProperties;
     title?: string;
@@ -735,6 +736,7 @@ declare const Table: react.ForwardRefExoticComponent<TableProps & react.RefAttri
 interface TableHeaderProps extends HTMLAttributes<HTMLDivElement> {
     children?: ReactNode;
     backgroundColor?: string;
+    borderBottom?: string;
     style?: CSSProperties;
     className?: string;
 }
@@ -770,6 +772,8 @@ interface TableCellProps extends HTMLAttributes<HTMLDivElement> {
     flexGrow?: string | number;
     flexShrink?: string | number;
     borderLeft?: string;
+    borderRight?: string;
+    minHeight?: string;
     padding?: string;
     width?: string;
     style?: CSSProperties;
@@ -787,6 +791,7 @@ interface TableHeaderCellProps extends HTMLAttributes<HTMLDivElement> {
     flexShrink?: string | number;
     width?: string;
     borderLeft?: string;
+    textAlign?: string;
     style?: CSSProperties;
     className?: string;
 }

package/dist/index.js

@@ -716,7 +716,8 @@ var shouldForwardProp3 = (prop) => ![
   "backgroundColor",
   "isRound",
   "shadow",
-  "cursor"
+  "cursor",
+  "visibility"
 ].includes(prop);
 var StyledIcon = import_styled_components6.default.i.withConfig({ shouldForwardProp: shouldForwardProp3 })`
   font-size: ${(props) => textSizes2[props.size] || props.size || "1em"};
@@ -732,6 +733,7 @@ var StyledIcon = import_styled_components6.default.i.withConfig({ shouldForwardP
   text-align: center;
   align-self: center;
   cursor: ${(props) => props.cursor || (props.onClick ? "pointer" : "inherit")};
+  visibility: ${(props) => props.visibility || "visible"};
   background-color: ${(props) => colors[props.backgroundColor] || props.backgroundColor || "transparent"};
   border-radius: ${(props) => props.isRound ? "50%" : "0"};
   text-shadow: ${(props) => props.shadow ? `0 0 6px ${colors[props.shadow] || props.shadow}` : "none"};
@@ -3928,7 +3930,7 @@ Table.displayName = "Table";
 // src/ui-legacy/Components/Table/TableHeader/TableHeader.tsx
 var import_styled_components30 = __toESM(require("styled-components"));
 var import_jsx_runtime34 = require("react/jsx-runtime");
-var shouldForwardPropTableHeader = (prop) => !["backgroundColor"].includes(prop);
+var shouldForwardPropTableHeader = (prop) => !["backgroundColor", "borderBottom"].includes(prop);
 var StyledTableHeader = import_styled_components30.default.div.withConfig({
   shouldForwardProp: shouldForwardPropTableHeader
 })`
@@ -3937,6 +3939,7 @@ var StyledTableHeader = import_styled_components30.default.div.withConfig({
   position: sticky;
   top: 0;
   background-color: ${(props) => props.backgroundColor || colors.grey_100};
+  border-bottom: ${(props) => props.borderBottom || "none"};
   color: ${() => colors.text};
   font-weight: bold;
   font-size: 1.5em;
@@ -4015,6 +4018,8 @@ var shouldForwardPropTableCell = (prop) => ![
   "flexGrow",
   "flexShrink",
   "borderLeft",
+  "borderRight",
+  "minHeight",
   "width",
   "colSpan",
   "padding"
@@ -4033,6 +4038,8 @@ var StyledTableCell = import_styled_components33.default.div.withConfig({
   text-overflow: ellipsis;
   font-size: 1em;
   border-left: ${(props) => props.borderLeft || "none"};
+  border-right: ${(props) => props.borderRight || "none"};
+  min-height: ${(props) => props.minHeight || "auto"};
   max-width: ${(props) => props.width || "auto"};
   min-width: ${(props) => props.width || "auto"};
 `;
@@ -4051,7 +4058,8 @@ var shouldForwardPropTableHeaderCell = (prop) => ![
   "flexGrow",
   "flexShrink",
   "width",
-  "borderLeft"
+  "borderLeft",
+  "textAlign"
 ].includes(prop);
 var StyledTableHeaderCell = import_styled_components34.default.div.withConfig({
   shouldForwardProp: shouldForwardPropTableHeaderCell
@@ -4064,7 +4072,7 @@ var StyledTableHeaderCell = import_styled_components34.default.div.withConfig({
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  text-align: center;
+  text-align: ${(props) => props.textAlign || "center"};
   font-size: 0.6em;
   font-weight: bold;
   max-width: ${(props) => props.width || "auto"};

package/dist/index.mjs

@@ -573,7 +573,8 @@ var shouldForwardProp3 = (prop) => ![
   "backgroundColor",
   "isRound",
   "shadow",
-  "cursor"
+  "cursor",
+  "visibility"
 ].includes(prop);
 var StyledIcon = styled6.i.withConfig({ shouldForwardProp: shouldForwardProp3 })`
   font-size: ${(props) => textSizes2[props.size] || props.size || "1em"};
@@ -589,6 +590,7 @@ var StyledIcon = styled6.i.withConfig({ shouldForwardProp: shouldForwardProp3 })
   text-align: center;
   align-self: center;
   cursor: ${(props) => props.cursor || (props.onClick ? "pointer" : "inherit")};
+  visibility: ${(props) => props.visibility || "visible"};
   background-color: ${(props) => colors[props.backgroundColor] || props.backgroundColor || "transparent"};
   border-radius: ${(props) => props.isRound ? "50%" : "0"};
   text-shadow: ${(props) => props.shadow ? `0 0 6px ${colors[props.shadow] || props.shadow}` : "none"};
@@ -3791,7 +3793,7 @@ Table.displayName = "Table";
 // src/ui-legacy/Components/Table/TableHeader/TableHeader.tsx
 import styled30 from "styled-components";
 import { jsx as jsx34 } from "react/jsx-runtime";
-var shouldForwardPropTableHeader = (prop) => !["backgroundColor"].includes(prop);
+var shouldForwardPropTableHeader = (prop) => !["backgroundColor", "borderBottom"].includes(prop);
 var StyledTableHeader = styled30.div.withConfig({
   shouldForwardProp: shouldForwardPropTableHeader
 })`
@@ -3800,6 +3802,7 @@ var StyledTableHeader = styled30.div.withConfig({
   position: sticky;
   top: 0;
   background-color: ${(props) => props.backgroundColor || colors.grey_100};
+  border-bottom: ${(props) => props.borderBottom || "none"};
   color: ${() => colors.text};
   font-weight: bold;
   font-size: 1.5em;
@@ -3878,6 +3881,8 @@ var shouldForwardPropTableCell = (prop) => ![
   "flexGrow",
   "flexShrink",
   "borderLeft",
+  "borderRight",
+  "minHeight",
   "width",
   "colSpan",
   "padding"
@@ -3896,6 +3901,8 @@ var StyledTableCell = styled33.div.withConfig({
   text-overflow: ellipsis;
   font-size: 1em;
   border-left: ${(props) => props.borderLeft || "none"};
+  border-right: ${(props) => props.borderRight || "none"};
+  min-height: ${(props) => props.minHeight || "auto"};
   max-width: ${(props) => props.width || "auto"};
   min-width: ${(props) => props.width || "auto"};
 `;
@@ -3914,7 +3921,8 @@ var shouldForwardPropTableHeaderCell = (prop) => ![
   "flexGrow",
   "flexShrink",
   "width",
-  "borderLeft"
+  "borderLeft",
+  "textAlign"
 ].includes(prop);
 var StyledTableHeaderCell = styled34.div.withConfig({
   shouldForwardProp: shouldForwardPropTableHeaderCell
@@ -3927,7 +3935,7 @@ var StyledTableHeaderCell = styled34.div.withConfig({
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  text-align: center;
+  text-align: ${(props) => props.textAlign || "center"};
   font-size: 0.6em;
   font-weight: bold;
   max-width: ${(props) => props.width || "auto"};

package/package.json

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