fis-component 0.0.40 → 0.0.42

package/dist/cjs/index.js

@@ -71020,7 +71020,8 @@ const DivTableContainerSC = styled.div `
       vertical-align: ${(props) => props?.$verticalHeader || "center"};
       border-bottom: ${getTheme("com/table/row-cell/divider/stroke-width")}
         solid ${getTheme("com/table/title-cell/divider/color-stroke")};
-      padding: ${getTheme("com/table/title-cell/vertical-padding")} 0
+      padding: ${getTheme("com/table/title-cell/vertical-padding")}
+        ${getTheme("com/table/title-cell/horizontal-padding")}
         ${getTheme("com/table/title-cell/vertical-padding")}
         ${getTheme("com/table/title-cell/horizontal-padding")} !important;
       background-color: ${getTheme("com/table/title-cell/default/background-color")};
@@ -71205,7 +71206,6 @@ const DivHeaderCellContainerSC = styled.div `
     align-items: flex-start;
     box-sizing: border-box;
     gap: ${getTheme("com/table/title-cell/vertical-gap")};
-    padding-right: ${getTheme("com/table/title-cell/horizontal-padding")};
     ${(props) => {
     if (props.$onlyIcon) {
         return styled.css `
@@ -71217,7 +71217,7 @@ const DivHeaderCellContainerSC = styled.div `
 
     .cell-content {
       display: flex;
-      justify-content: ${(props) => props.$align === "right" ? "flex-end" : "space-between"};
+      justify-content: ${(props) => props.$textAlign === "right" ? "flex-end" : "space-between"};
       min-height: ${getTheme("com/segmented/item/active-surface/size-sm/height")};
       width: 100%;
       gap: ${getTheme("com/table/title-cell/default/label/vertical-gap")};
@@ -71226,7 +71226,7 @@ const DivHeaderCellContainerSC = styled.div `
         ${getTheme("Label/XS")};
         width: 100%;
         display: inline-block;
-        ${(props) => (props.$align === "right" ? "text-align: end" : "")};
+        ${(props) => (props.$textAlign === "right" ? "text-align: end" : "")};
         color: ${(props) => getTheme(`com/table/title-cell/${props?.$disabled ? "disable" : "default"}/label/color-text`)};
 
         ${(props) => {
@@ -71279,8 +71279,8 @@ const DivHeaderCellContainerSC = styled.div `
   }
 `;
 
-const FISTableHeaderCell = React.forwardRef(({ className, textAlign, label, description, rightComponent, disabled, hasRightDivider = true, hasTruncateLabel = false, onlyIcon = false, align = "left", ...rest }, ref) => {
-    return (jsxRuntime.jsx(DivHeaderCellContainerSC, { ref: ref, className: classNames("header-cell-container", className), "$textAlign": textAlign, "$disabled": disabled, "$hasTruncateLabel": hasTruncateLabel, "$hasRightDivider": hasRightDivider, "$align": align, "$onlyIcon": onlyIcon, ...rest, children: jsxRuntime.jsxs("div", { className: "header-cell-content", children: [jsxRuntime.jsxs("div", { className: "cell-content", children: [label && jsxRuntime.jsx("div", { className: "label", children: label }), jsxRuntime.jsx("div", { className: "right-component-father", children: jsxRuntime.jsx("div", { className: "right-component-child", children: rightComponent }) })] }), jsxRuntime.jsx("div", { className: "cell-content", children: description && jsxRuntime.jsx("div", { className: "description", children: description }) })] }) }));
+const FISTableHeaderCell = React.forwardRef(({ className, label, description, rightComponent, disabled, hasRightDivider = true, hasTruncateLabel = false, onlyIcon = false, textAlign = "left", ...rest }, ref) => {
+    return (jsxRuntime.jsx(DivHeaderCellContainerSC, { ref: ref, className: classNames("header-cell-container", className), "$textAlign": textAlign, "$disabled": disabled, "$hasTruncateLabel": hasTruncateLabel, "$hasRightDivider": hasRightDivider, "$onlyIcon": onlyIcon, ...rest, children: jsxRuntime.jsxs("div", { className: "header-cell-content", children: [jsxRuntime.jsxs("div", { className: "cell-content", children: [label && jsxRuntime.jsx("div", { className: "label", children: label }), rightComponent && (jsxRuntime.jsx("div", { className: "right-component-father", children: jsxRuntime.jsx("div", { className: "right-component-child", children: rightComponent }) }))] }), jsxRuntime.jsx("div", { className: "cell-content", children: description && jsxRuntime.jsx("div", { className: "description", children: description }) })] }) }));
 });
 FISTableHeaderCell.displayName = "FISTableHeaderCell";
 
@@ -71390,10 +71390,6 @@ const DivColumnCellContainerSC = styled.div `
   border-bottom: ${getTheme("com/table/title-cell/stroke-width")} solid
     ${getTheme("com/table/row-cell/divider/color-stroke")};
   gap: ${getTheme("com/table/row-cell/horizontal-gap")};
-  padding-top: ${getTheme("com/table/row-cell/vertical-padding")};
-  padding-bottom: ${getTheme("com/table/row-cell/vertical-padding")};
-  padding-left: ${getTheme("com/table/row-cell/horizontal-padding")};
-  padding-right: ${getTheme("com/table/row-cell/horizontal-padding")};
 
   &:hover {
     background-color: ${getTheme("com/table/row-cell/background-color/hover")} !important;