fis-component 0.0.43 → 0.0.45
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 +13 -2
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +13 -2
- package/dist/esm/index.js.map +1 -1
- package/package.json +1 -1
package/dist/cjs/index.js
CHANGED
|
@@ -71215,10 +71215,14 @@ const DivHeaderCellContainerSC = styled.div `
|
|
|
71215
71215
|
}
|
|
71216
71216
|
}}
|
|
71217
71217
|
|
|
71218
|
+
.title {
|
|
71219
|
+
padding: ${getTheme("com/table/title-cell/default/label/vertical-padding")}
|
|
71220
|
+
0 ${getTheme("com/table/title-cell/default/label/vertical-padding")} 0;
|
|
71221
|
+
}
|
|
71222
|
+
|
|
71218
71223
|
.cell-content {
|
|
71219
71224
|
display: flex;
|
|
71220
71225
|
justify-content: ${(props) => props.$textAlign === "right" ? "flex-end" : "space-between"};
|
|
71221
|
-
min-height: ${getTheme("com/segmented/item/active-surface/size-sm/height")};
|
|
71222
71226
|
width: 100%;
|
|
71223
71227
|
gap: ${getTheme("com/table/title-cell/default/label/vertical-gap")};
|
|
71224
71228
|
|
|
@@ -71280,7 +71284,7 @@ const DivHeaderCellContainerSC = styled.div `
|
|
|
71280
71284
|
`;
|
|
71281
71285
|
|
|
71282
71286
|
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 }), 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 }) })] }) }));
|
|
71287
|
+
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 title", 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 }) })] }) }));
|
|
71284
71288
|
});
|
|
71285
71289
|
FISTableHeaderCell.displayName = "FISTableHeaderCell";
|
|
71286
71290
|
|
|
@@ -71427,6 +71431,9 @@ const DivColumnCellContainerSC = styled.div `
|
|
|
71427
71431
|
}
|
|
71428
71432
|
.left-right-content {
|
|
71429
71433
|
gap: ${getTheme("com/table/row-cell/horizontal-gap")};
|
|
71434
|
+
padding: ${getTheme("com/table/row-cell/default/vertical-padding")} 0
|
|
71435
|
+
${getTheme("com/table/row-cell/default/vertical-padding")} 0;
|
|
71436
|
+
|
|
71430
71437
|
.content-box {
|
|
71431
71438
|
display: flex;
|
|
71432
71439
|
justify-content: flex-start;
|
|
@@ -73450,6 +73457,10 @@ const DivPaginationContainer = styled.div `
|
|
|
73450
73457
|
display: flex;
|
|
73451
73458
|
align-items: center;
|
|
73452
73459
|
justify-content: space-between;
|
|
73460
|
+
padding: ${getTheme("com/pagination/vertical-padding")}
|
|
73461
|
+
${getTheme("com/pagination/horizontal-padding")}
|
|
73462
|
+
${getTheme("com/pagination/vertical-padding")}
|
|
73463
|
+
${getTheme("com/pagination/horizontal-padding")};
|
|
73453
73464
|
`;
|
|
73454
73465
|
const DivPaginationContent = styled.div `
|
|
73455
73466
|
display: flex;
|