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/esm/index.js
CHANGED
|
@@ -71195,10 +71195,14 @@ const DivHeaderCellContainerSC = styled.div `
|
|
|
71195
71195
|
}
|
|
71196
71196
|
}}
|
|
71197
71197
|
|
|
71198
|
+
.title {
|
|
71199
|
+
padding: ${getTheme("com/table/title-cell/default/label/vertical-padding")}
|
|
71200
|
+
0 ${getTheme("com/table/title-cell/default/label/vertical-padding")} 0;
|
|
71201
|
+
}
|
|
71202
|
+
|
|
71198
71203
|
.cell-content {
|
|
71199
71204
|
display: flex;
|
|
71200
71205
|
justify-content: ${(props) => props.$textAlign === "right" ? "flex-end" : "space-between"};
|
|
71201
|
-
min-height: ${getTheme("com/segmented/item/active-surface/size-sm/height")};
|
|
71202
71206
|
width: 100%;
|
|
71203
71207
|
gap: ${getTheme("com/table/title-cell/default/label/vertical-gap")};
|
|
71204
71208
|
|
|
@@ -71260,7 +71264,7 @@ const DivHeaderCellContainerSC = styled.div `
|
|
|
71260
71264
|
`;
|
|
71261
71265
|
|
|
71262
71266
|
const FISTableHeaderCell = forwardRef(({ className, label, description, rightComponent, disabled, hasRightDivider = true, hasTruncateLabel = false, onlyIcon = false, textAlign = "left", ...rest }, ref) => {
|
|
71263
|
-
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 }) })] }) }));
|
|
71267
|
+
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 title", 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 }) })] }) }));
|
|
71264
71268
|
});
|
|
71265
71269
|
FISTableHeaderCell.displayName = "FISTableHeaderCell";
|
|
71266
71270
|
|
|
@@ -71407,6 +71411,9 @@ const DivColumnCellContainerSC = styled.div `
|
|
|
71407
71411
|
}
|
|
71408
71412
|
.left-right-content {
|
|
71409
71413
|
gap: ${getTheme("com/table/row-cell/horizontal-gap")};
|
|
71414
|
+
padding: ${getTheme("com/table/row-cell/default/vertical-padding")} 0
|
|
71415
|
+
${getTheme("com/table/row-cell/default/vertical-padding")} 0;
|
|
71416
|
+
|
|
71410
71417
|
.content-box {
|
|
71411
71418
|
display: flex;
|
|
71412
71419
|
justify-content: flex-start;
|
|
@@ -73430,6 +73437,10 @@ const DivPaginationContainer = styled.div `
|
|
|
73430
73437
|
display: flex;
|
|
73431
73438
|
align-items: center;
|
|
73432
73439
|
justify-content: space-between;
|
|
73440
|
+
padding: ${getTheme("com/pagination/vertical-padding")}
|
|
73441
|
+
${getTheme("com/pagination/horizontal-padding")}
|
|
73442
|
+
${getTheme("com/pagination/vertical-padding")}
|
|
73443
|
+
${getTheme("com/pagination/horizontal-padding")};
|
|
73433
73444
|
`;
|
|
73434
73445
|
const DivPaginationContent = styled.div `
|
|
73435
73446
|
display: flex;
|