fis-component 0.0.40 → 0.0.42

package/dist/cjs/types/src/components/Table/ColumnCell/ColumnCell.stories.d.ts

@@ -11,7 +11,6 @@ declare const meta: {
         disabled: false;
         hasBorder: true;
         icon: import("react/jsx-runtime").JSX.Element;
-        textAlign: string;
         contentWrapText: false;
     };
     argTypes: {

package/dist/cjs/types/src/components/Table/ColumnCell/index.d.ts

@@ -1,7 +1,7 @@
 import { DetailedHTMLProps, HTMLAttributes, ReactElement } from "react";
 interface ColumnCellProps extends Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> {
     className?: string;
-    textAlign?: string;
+    textAlign?: "left" | "right";
     contentWrapText?: boolean;
     variant?: string;
     content?: string;

package/dist/cjs/types/src/components/Table/HeaderCell/HeaderCell.stories.d.ts

@@ -9,7 +9,7 @@ declare const meta: {
         label: string;
         description: string;
         rightComponent: import("react/jsx-runtime").JSX.Element;
-        align: "left";
+        textAlign: "left";
         disabled: false;
         hasRightDivider: true;
         hasTruncateLabel: false;

package/dist/cjs/types/src/components/Table/HeaderCell/index.d.ts

@@ -1,8 +1,7 @@
 import { DetailedHTMLProps, HTMLAttributes, ReactNode } from "react";
 interface HeaderCellProps extends Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> {
     className?: string;
-    align?: "left" | "right";
-    textAlign?: string;
+    textAlign?: "left" | "right";
     label: string | null | undefined;
     description?: string;
     rightComponent?: ReactNode;

package/dist/cjs/types/src/components/Table/HeaderCell/styles.d.ts

@@ -1,9 +1,8 @@
 interface HeaderCellStyleProps {
-    $textAlign?: string;
     $disabled?: boolean;
     $hasRightDivider?: boolean;
     $hasTruncateLabel?: boolean;
-    $align?: "left" | "right";
+    $textAlign?: "left" | "right";
     $onlyIcon?: boolean;
 }
 export declare const DivHeaderCellContainerSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, HeaderCellStyleProps>> & string;

package/dist/esm/index.js

@@ -71000,7 +71000,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")};
@@ -71185,7 +71186,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 css `
@@ -71197,7 +71197,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")};
@@ -71206,7 +71206,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) => {
@@ -71259,8 +71259,8 @@ const DivHeaderCellContainerSC = styled.div `
   }
 `;
 
-const FISTableHeaderCell = forwardRef(({ className, textAlign, label, description, rightComponent, disabled, hasRightDivider = true, hasTruncateLabel = false, onlyIcon = false, align = "left", ...rest }, ref) => {
-    return (jsx(DivHeaderCellContainerSC, { ref: ref, className: classNames("header-cell-container", className), "$textAlign": textAlign, "$disabled": disabled, "$hasTruncateLabel": hasTruncateLabel, "$hasRightDivider": hasRightDivider, "$align": align, "$onlyIcon": onlyIcon, ...rest, children: jsxs("div", { className: "header-cell-content", children: [jsxs("div", { className: "cell-content", children: [label && jsx("div", { className: "label", children: label }), jsx("div", { className: "right-component-father", children: jsx("div", { className: "right-component-child", children: rightComponent }) })] }), jsx("div", { className: "cell-content", children: description && jsx("div", { className: "description", children: description }) })] }) }));
+const FISTableHeaderCell = forwardRef(({ className, label, description, rightComponent, disabled, hasRightDivider = true, hasTruncateLabel = false, onlyIcon = false, textAlign = "left", ...rest }, ref) => {
+    return (jsx(DivHeaderCellContainerSC, { ref: ref, className: classNames("header-cell-container", className), "$textAlign": textAlign, "$disabled": disabled, "$hasTruncateLabel": hasTruncateLabel, "$hasRightDivider": hasRightDivider, "$onlyIcon": onlyIcon, ...rest, children: jsxs("div", { className: "header-cell-content", children: [jsxs("div", { className: "cell-content", children: [label && jsx("div", { className: "label", children: label }), rightComponent && (jsx("div", { className: "right-component-father", children: jsx("div", { className: "right-component-child", children: rightComponent }) }))] }), jsx("div", { className: "cell-content", children: description && jsx("div", { className: "description", children: description }) })] }) }));
 });
 FISTableHeaderCell.displayName = "FISTableHeaderCell";
 
@@ -71370,10 +71370,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;