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 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;