fis-component 0.0.40 → 0.0.41
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/cjs/index.js +4 -4
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/src/components/Table/ColumnCell/ColumnCell.stories.d.ts +0 -1
- package/dist/cjs/types/src/components/Table/ColumnCell/index.d.ts +1 -1
- package/dist/cjs/types/src/components/Table/HeaderCell/HeaderCell.stories.d.ts +1 -1
- package/dist/cjs/types/src/components/Table/HeaderCell/index.d.ts +1 -2
- package/dist/cjs/types/src/components/Table/HeaderCell/styles.d.ts +1 -2
- package/dist/esm/index.js +4 -4
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/src/components/Table/ColumnCell/ColumnCell.stories.d.ts +0 -1
- package/dist/esm/types/src/components/Table/ColumnCell/index.d.ts +1 -1
- package/dist/esm/types/src/components/Table/HeaderCell/HeaderCell.stories.d.ts +1 -1
- package/dist/esm/types/src/components/Table/HeaderCell/index.d.ts +1 -2
- package/dist/esm/types/src/components/Table/HeaderCell/styles.d.ts +1 -2
- package/dist/index.d.ts +2 -3
- package/package.json +1 -1
package/dist/cjs/index.js
CHANGED
|
@@ -71217,7 +71217,7 @@ const DivHeaderCellContainerSC = styled.div `
|
|
|
71217
71217
|
|
|
71218
71218
|
.cell-content {
|
|
71219
71219
|
display: flex;
|
|
71220
|
-
justify-content: ${(props) => props.$
|
|
71220
|
+
justify-content: ${(props) => props.$textAlign === "right" ? "flex-end" : "space-between"};
|
|
71221
71221
|
min-height: ${getTheme("com/segmented/item/active-surface/size-sm/height")};
|
|
71222
71222
|
width: 100%;
|
|
71223
71223
|
gap: ${getTheme("com/table/title-cell/default/label/vertical-gap")};
|
|
@@ -71226,7 +71226,7 @@ const DivHeaderCellContainerSC = styled.div `
|
|
|
71226
71226
|
${getTheme("Label/XS")};
|
|
71227
71227
|
width: 100%;
|
|
71228
71228
|
display: inline-block;
|
|
71229
|
-
${(props) => (props.$
|
|
71229
|
+
${(props) => (props.$textAlign === "right" ? "text-align: end" : "")};
|
|
71230
71230
|
color: ${(props) => getTheme(`com/table/title-cell/${props?.$disabled ? "disable" : "default"}/label/color-text`)};
|
|
71231
71231
|
|
|
71232
71232
|
${(props) => {
|
|
@@ -71279,8 +71279,8 @@ const DivHeaderCellContainerSC = styled.div `
|
|
|
71279
71279
|
}
|
|
71280
71280
|
`;
|
|
71281
71281
|
|
|
71282
|
-
const FISTableHeaderCell = React.forwardRef(({ className,
|
|
71283
|
-
return (jsxRuntime.jsx(DivHeaderCellContainerSC, { ref: ref, className: classNames("header-cell-container", className), "$textAlign": textAlign, "$disabled": disabled, "$hasTruncateLabel": hasTruncateLabel, "$hasRightDivider": hasRightDivider, "$
|
|
71282
|
+
const FISTableHeaderCell = React.forwardRef(({ className, label, description, rightComponent, disabled, hasRightDivider = true, hasTruncateLabel = false, onlyIcon = false, textAlign = "left", ...rest }, ref) => {
|
|
71283
|
+
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 }), 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 }) })] }) }));
|
|
71284
71284
|
});
|
|
71285
71285
|
FISTableHeaderCell.displayName = "FISTableHeaderCell";
|
|
71286
71286
|
|