@1money/component-ui 0.1.4-alpha.0 → 0.1.5-alpha.0

package/es/components/Table/renderers/CellContent.js

@@ -1,8 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { TypographyBody, TypographyTitle } from '../../Typography';
 import { TABLE_DEFAULT_PREFIX } from '../constants';
+import { TABLE_SIZE_CONFIG } from '../size';
 export var CellContent = function CellContent(_ref) {
-  var value = _ref.value;
+  var value = _ref.value,
+    size = _ref.size;
   return _jsxs("div", {
     className: "".concat(TABLE_DEFAULT_PREFIX, "-cell-content"),
     children: [value.leading ? _jsx("span", {
@@ -11,10 +13,10 @@ export var CellContent = function CellContent(_ref) {
     }) : null, _jsxs("span", {
       className: "".concat(TABLE_DEFAULT_PREFIX, "-cell-content__text"),
       children: [_jsx(TypographyTitle, {
-        size: "sm",
+        size: TABLE_SIZE_CONFIG[size].primaryFontSize,
         children: value.primary
       }), value.secondary ? _jsx(TypographyBody, {
-        size: "sm",
+        size: TABLE_SIZE_CONFIG[size].secondaryFontSize,
         children: value.secondary
       }) : null]
     }), value.trailing ? _jsx("span", {
@@ -23,4 +25,4 @@ export var CellContent = function CellContent(_ref) {
     }) : null]
   });
 };
-//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL0NlbGxDb250ZW50LmpzIiwiY29tcG9uZW50cy9UYWJsZS9zcmMvY29tcG9uZW50cy9UYWJsZS9yZW5kZXJlcnMvQ2VsbENvbnRlbnQudHN4Il0sIm5hbWVzIjpbImpzeCIsIl9qc3giLCJqc3hzIiwiX2pzeHMiLCJUeXBvZ3JhcGh5Qm9keSIsIlR5cG9ncmFwaHlUaXRsZSIsIlRBQkxFX0RFRkFVTFRfUFJFRklYIiwiQ2VsbENvbnRlbnQiLCJfcmVmIiwidmFsdWUiLCJjbGFzc05hbWUiLCJjb25jYXQiLCJjaGlsZHJlbiIsImxlYWRpbmciLCJzaXplIiwicHJpbWFyeSIsInNlY29uZGFyeSIsInRyYWlsaW5nIl0sIm1hcHBpbmdzIjoiQUFBQSxTQUFTQSxHQUFHLElBQUlDLElBQUksRUFBRUMsSUFBSSxJQUFJQyxLQUFLLFFBQVEsbUJBQW1CO0FDQzlELFNBQVNDLGNBQWMsRUFBRUMsZUFBZSxRQUFRLGtCQUFrQjtBQUNsRSxTQUFTQyxvQkFBb0IsUUFBUSxjQUFjO0FBR25ELE9BQU8sSUFBTUMsV0FBVyxHQUFHLFNBQWRBLFdBQVdBLENBQUFDLElBQUE7RUFBQSxJQUFNQyxLQUFLLEdBQUFELElBQUEsQ0FBTEMsS0FBSztFQUFBLE9BQ2pDTixLQUFBLENBQUEsS0FBQSxFQUFBO0lBQUtPLFNBQVMsS0FBQUMsTUFBQSxDQUFLTCxvQkFBb0Isa0JBQWU7SUFBQU0sUUFBQSxFQUFBLENBQ25ESCxLQUFLLENBQUNJLE9BQU8sR0FBR1osSUFBQSxDQUFBLE1BQUEsRUFBQTtNQUFNUyxTQUFTLEtBQUFDLE1BQUEsQ0FBS0wsb0JBQW9CLDJCQUF3QjtNQUFBTSxRQUFBLEVBQUdILEtBQUssQ0FBQ0k7SUFBTyxDQUFBLENBQVEsR0FBRyxJQUFJLEVBQ2hIVixLQUFBLENBQUEsTUFBQSxFQUFBO01BQU1PLFNBQVMsS0FBQUMsTUFBQSxDQUFLTCxvQkFBb0Isd0JBQXFCO01BQUFNLFFBQUEsRUFBQSxDQUMzRFgsSUFBQSxDQUFDSSxlQUFlLEVBQUE7UUFBQ1MsSUFBSSxFQUFDLElBQUk7UUFBQUYsUUFBQSxFQUFFSCxLQUFLLENBQUNNO01BQU8sQ0FBQSxDQUFtQixFQUMzRE4sS0FBSyxDQUFDTyxTQUFTLEdBQUdmLElBQUEsQ0FBQ0csY0FBYyxFQUFBO1FBQUNVLElBQUksRUFBQyxJQUFJO1FBQUFGLFFBQUEsRUFBRUgsS0FBSyxDQUFDTztNQUFTLENBQUEsQ0FBa0IsR0FBRyxJQUFJO0lBQUEsQ0FBQSxDQUNqRixFQUNOUCxLQUFLLENBQUNRLFFBQVEsR0FBR2hCLElBQUEsQ0FBQSxNQUFBLEVBQUE7TUFBTVMsU0FBUyxLQUFBQyxNQUFBLENBQUtMLG9CQUFvQiw0QkFBeUI7TUFBQU0sUUFBQSxFQUFHSCxLQUFLLENBQUNRO0lBQVEsQ0FBQSxDQUFRLEdBQUcsSUFBSTtFQUFBLENBQUEsQ0FDL0c7QUFBQSxDQUNQIiwiZmlsZSI6ImNvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL0NlbGxDb250ZW50LmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsganN4IGFzIF9qc3gsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcbmltcG9ydCB7IFR5cG9ncmFwaHlCb2R5LCBUeXBvZ3JhcGh5VGl0bGUgfSBmcm9tICcuLi8uLi9UeXBvZ3JhcGh5JztcbmltcG9ydCB7IFRBQkxFX0RFRkFVTFRfUFJFRklYIH0gZnJvbSAnLi4vY29uc3RhbnRzJztcbmV4cG9ydCBjb25zdCBDZWxsQ29udGVudCA9ICh7IHZhbHVlIH0pID0+IChfanN4cyhcImRpdlwiLCB7IGNsYXNzTmFtZTogYCR7VEFCTEVfREVGQVVMVF9QUkVGSVh9LWNlbGwtY29udGVudGAsIGNoaWxkcmVuOiBbdmFsdWUubGVhZGluZyA/IF9qc3goXCJzcGFuXCIsIHsgY2xhc3NOYW1lOiBgJHtUQUJMRV9ERUZBVUxUX1BSRUZJWH0tY2VsbC1jb250ZW50X19sZWFkaW5nYCwgY2hpbGRyZW46IHZhbHVlLmxlYWRpbmcgfSkgOiBudWxsLCBfanN4cyhcInNwYW5cIiwgeyBjbGFzc05hbWU6IGAke1RBQkxFX0RFRkFVTFRfUFJFRklYfS1jZWxsLWNvbnRlbnRfX3RleHRgLCBjaGlsZHJlbjogW19qc3goVHlwb2dyYXBoeVRpdGxlLCB7IHNpemU6IFwic21cIiwgY2hpbGRyZW46IHZhbHVlLnByaW1hcnkgfSksIHZhbHVlLnNlY29uZGFyeSA/IF9qc3goVHlwb2dyYXBoeUJvZHksIHsgc2l6ZTogXCJzbVwiLCBjaGlsZHJlbjogdmFsdWUuc2Vjb25kYXJ5IH0pIDogbnVsbF0gfSksIHZhbHVlLnRyYWlsaW5nID8gX2pzeChcInNwYW5cIiwgeyBjbGFzc05hbWU6IGAke1RBQkxFX0RFRkFVTFRfUFJFRklYfS1jZWxsLWNvbnRlbnRfX3RyYWlsaW5nYCwgY2hpbGRyZW46IHZhbHVlLnRyYWlsaW5nIH0pIDogbnVsbF0gfSkpOyIsbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL0NlbGxDb250ZW50LmpzIiwiY29tcG9uZW50cy9UYWJsZS9zcmMvY29tcG9uZW50cy9UYWJsZS9yZW5kZXJlcnMvQ2VsbENvbnRlbnQudHN4Il0sIm5hbWVzIjpbImpzeCIsIl9qc3giLCJqc3hzIiwiX2pzeHMiLCJUeXBvZ3JhcGh5Qm9keSIsIlR5cG9ncmFwaHlUaXRsZSIsIlRBQkxFX0RFRkFVTFRfUFJFRklYIiwiVEFCTEVfU0laRV9DT05GSUciLCJDZWxsQ29udGVudCIsIl9yZWYiLCJ2YWx1ZSIsInNpemUiLCJjbGFzc05hbWUiLCJjb25jYXQiLCJjaGlsZHJlbiIsImxlYWRpbmciLCJwcmltYXJ5Rm9udFNpemUiLCJwcmltYXJ5Iiwic2Vjb25kYXJ5Iiwic2Vjb25kYXJ5Rm9udFNpemUiLCJ0cmFpbGluZyJdLCJtYXBwaW5ncyI6IkFBQUEsU0FBU0EsR0FBRyxJQUFJQyxJQUFJLEVBQUVDLElBQUksSUFBSUMsS0FBSyxRQUFRLG1CQUFtQjtBQ0E5RCxTQUFTQyxjQUFjLEVBQUVDLGVBQWUsUUFBUSxrQkFBa0I7QUFDbEUsU0FBU0Msb0JBQW9CLFFBQVEsY0FBYztBQUNuRCxTQUFTQyxpQkFBaUIsUUFBUSxTQUFTO0FBRzNDLE9BQU8sSUFBTUMsV0FBVyxHQUFHLFNBQWRBLFdBQVdBLENBQUFDLElBQUE7RUFBQSxJQUFNQyxLQUFLLEdBQUFELElBQUEsQ0FBTEMsS0FBSztJQUFFQyxJQUFJLEdBQUFGLElBQUEsQ0FBSkUsSUFBSTtFQUFBLE9BQ3ZDUixLQUFBLENBQUEsS0FBQSxFQUFBO0lBQUtTLFNBQVMsS0FBQUMsTUFBQSxDQUFLUCxvQkFBb0Isa0JBQWU7SUFBQVEsUUFBQSxFQUFBLENBQ25ESixLQUFLLENBQUNLLE9BQU8sR0FBR2QsSUFBQSxDQUFBLE1BQUEsRUFBQTtNQUFNVyxTQUFTLEtBQUFDLE1BQUEsQ0FBS1Asb0JBQW9CLDJCQUF3QjtNQUFBUSxRQUFBLEVBQUdKLEtBQUssQ0FBQ0s7SUFBTyxDQUFBLENBQVEsR0FBRyxJQUFJLEVBQ2hIWixLQUFBLENBQUEsTUFBQSxFQUFBO01BQU1TLFNBQVMsS0FBQUMsTUFBQSxDQUFLUCxvQkFBb0Isd0JBQXFCO01BQUFRLFFBQUEsRUFBQSxDQUMzRGIsSUFBQSxDQUFDSSxlQUFlLEVBQUE7UUFBQ00sSUFBSSxFQUFFSixpQkFBaUIsQ0FBQ0ksSUFBSSxDQUFDLENBQUNLLGVBQWU7UUFBQUYsUUFBQSxFQUFHSixLQUFLLENBQUNPO01BQU8sQ0FBQSxDQUFtQixFQUNoR1AsS0FBSyxDQUFDUSxTQUFTLEdBQUdqQixJQUFBLENBQUNHLGNBQWMsRUFBQTtRQUFDTyxJQUFJLEVBQUVKLGlCQUFpQixDQUFDSSxJQUFJLENBQUMsQ0FBQ1EsaUJBQWlCO1FBQUFMLFFBQUEsRUFBR0osS0FBSyxDQUFDUTtNQUFTLENBQUEsQ0FBa0IsR0FBRyxJQUFJO0lBQUEsQ0FBQSxDQUN4SCxFQUNOUixLQUFLLENBQUNVLFFBQVEsR0FBR25CLElBQUEsQ0FBQSxNQUFBLEVBQUE7TUFBTVcsU0FBUyxLQUFBQyxNQUFBLENBQUtQLG9CQUFvQiw0QkFBeUI7TUFBQVEsUUFBQSxFQUFHSixLQUFLLENBQUNVO0lBQVEsQ0FBQSxDQUFRLEdBQUcsSUFBSTtFQUFBLENBQUEsQ0FDL0c7QUFBQSxDQUNQIiwiZmlsZSI6ImNvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL0NlbGxDb250ZW50LmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsganN4IGFzIF9qc3gsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcbmltcG9ydCB7IFR5cG9ncmFwaHlCb2R5LCBUeXBvZ3JhcGh5VGl0bGUgfSBmcm9tICcuLi8uLi9UeXBvZ3JhcGh5JztcbmltcG9ydCB7IFRBQkxFX0RFRkFVTFRfUFJFRklYIH0gZnJvbSAnLi4vY29uc3RhbnRzJztcbmltcG9ydCB7IFRBQkxFX1NJWkVfQ09ORklHIH0gZnJvbSAnLi4vc2l6ZSc7XG5leHBvcnQgY29uc3QgQ2VsbENvbnRlbnQgPSAoeyB2YWx1ZSwgc2l6ZSB9KSA9PiAoX2pzeHMoXCJkaXZcIiwgeyBjbGFzc05hbWU6IGAke1RBQkxFX0RFRkFVTFRfUFJFRklYfS1jZWxsLWNvbnRlbnRgLCBjaGlsZHJlbjogW3ZhbHVlLmxlYWRpbmcgPyBfanN4KFwic3BhblwiLCB7IGNsYXNzTmFtZTogYCR7VEFCTEVfREVGQVVMVF9QUkVGSVh9LWNlbGwtY29udGVudF9fbGVhZGluZ2AsIGNoaWxkcmVuOiB2YWx1ZS5sZWFkaW5nIH0pIDogbnVsbCwgX2pzeHMoXCJzcGFuXCIsIHsgY2xhc3NOYW1lOiBgJHtUQUJMRV9ERUZBVUxUX1BSRUZJWH0tY2VsbC1jb250ZW50X190ZXh0YCwgY2hpbGRyZW46IFtfanN4KFR5cG9ncmFwaHlUaXRsZSwgeyBzaXplOiBUQUJMRV9TSVpFX0NPTkZJR1tzaXplXS5wcmltYXJ5Rm9udFNpemUsIGNoaWxkcmVuOiB2YWx1ZS5wcmltYXJ5IH0pLCB2YWx1ZS5zZWNvbmRhcnkgPyBfanN4KFR5cG9ncmFwaHlCb2R5LCB7IHNpemU6IFRBQkxFX1NJWkVfQ09ORklHW3NpemVdLnNlY29uZGFyeUZvbnRTaXplLCBjaGlsZHJlbjogdmFsdWUuc2Vjb25kYXJ5IH0pIDogbnVsbF0gfSksIHZhbHVlLnRyYWlsaW5nID8gX2pzeChcInNwYW5cIiwgeyBjbGFzc05hbWU6IGAke1RBQkxFX0RFRkFVTFRfUFJFRklYfS1jZWxsLWNvbnRlbnRfX3RyYWlsaW5nYCwgY2hpbGRyZW46IHZhbHVlLnRyYWlsaW5nIH0pIDogbnVsbF0gfSkpOyIsbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

package/es/components/Table/size.d.ts

@@ -0,0 +1,18 @@
+import type { CSSProperties } from 'react';
+import type { TypographyBodySize, TypographyLabelSize, TypographyTitleSize } from "../Typography";
+import type { TableSize } from './interface';
+export declare const TABLE_DEFAULT_SIZE: TableSize;
+interface TableSizeConfig {
+    fontSize: TypographyBodySize;
+    headerFontSize: TypographyLabelSize;
+    primaryFontSize: TypographyTitleSize;
+    secondaryFontSize: TypographyBodySize;
+    rowHeight: number;
+    headerHeight: number;
+    paddingY: number;
+}
+/** One source for render metadata, CSS density and virtual row estimates. */
+export declare const TABLE_SIZE_CONFIG: Record<TableSize, TableSizeConfig>;
+type TableSizeStyle = CSSProperties & Record<`--om-table-${string}`, string>;
+export declare function tableSizeCssVars(size: TableSize): TableSizeStyle;
+export {};

package/es/components/Table/size.js

@@ -0,0 +1,50 @@
+export var TABLE_DEFAULT_SIZE = 'small';
+/** One source for render metadata, CSS density and virtual row estimates. */
+export var TABLE_SIZE_CONFIG = {
+  large: {
+    fontSize: 'lg',
+    headerFontSize: 'md',
+    primaryFontSize: 'md',
+    secondaryFontSize: 'md',
+    rowHeight: 60,
+    headerHeight: 40,
+    paddingY: 12
+  },
+  small: {
+    fontSize: 'md',
+    headerFontSize: 'sm',
+    primaryFontSize: 'sm',
+    secondaryFontSize: 'sm',
+    rowHeight: 52,
+    headerHeight: 32,
+    paddingY: 8
+  },
+  'extra-small': {
+    fontSize: 'sm',
+    headerFontSize: 'sm',
+    primaryFontSize: 'xs',
+    secondaryFontSize: 'sm',
+    rowHeight: 44,
+    headerHeight: 32,
+    paddingY: 4
+  }
+};
+var gridLength = function gridLength(pixels) {
+  return "calc(var(--om-spacing-100) * ".concat(pixels / 4, ")");
+};
+export function tableSizeCssVars(size) {
+  var config = TABLE_SIZE_CONFIG[size];
+  var style = {
+    '--om-table-row-height': gridLength(config.rowHeight),
+    '--om-table-header-height': gridLength(config.headerHeight),
+    '--om-table-cell-padding-y': gridLength(config.paddingY),
+    '--om-table-header-strong-weight': "var(--om-label-".concat(config.headerFontSize, "-strong-font-weight)")
+  };
+  for (var _i = 0, _arr = ['font-size', 'font-family', 'font-weight', 'line-height', 'letter-spacing']; _i < _arr.length; _i++) {
+    var property = _arr[_i];
+    style["--om-table-body-".concat(property)] = "var(--om-body-".concat(config.fontSize, "-").concat(property, ")");
+    style["--om-table-header-".concat(property)] = "var(--om-label-".concat(config.headerFontSize, "-").concat(property, ")");
+  }
+  return style;
+}
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvVGFibGUvc2l6ZS50cyIsImNvbXBvbmVudHMvVGFibGUvc2l6ZS5qcyJdLCJuYW1lcyI6WyJUQUJMRV9ERUZBVUxUX1NJWkUiLCJUQUJMRV9TSVpFX0NPTkZJRyIsImxhcmdlIiwiZm9udFNpemUiLCJoZWFkZXJGb250U2l6ZSIsInByaW1hcnlGb250U2l6ZSIsInNlY29uZGFyeUZvbnRTaXplIiwicm93SGVpZ2h0IiwiaGVhZGVySGVpZ2h0IiwicGFkZGluZ1kiLCJzbWFsbCIsImdyaWRMZW5ndGgiLCJwaXhlbHMiLCJjb25jYXQiLCJ0YWJsZVNpemVDc3NWYXJzIiwic2l6ZSIsImNvbmZpZyIsInN0eWxlIiwiX2kiLCJfYXJyIiwibGVuZ3RoIiwicHJvcGVydHkiXSwibWFwcGluZ3MiOiJBQUlBLE9BQU8sSUFBTUEsa0JBQWtCLEdBQWMsT0FBTztBQVlwRDtBQUNBLE9BQU8sSUFBTUMsaUJBQWlCLEdBQXVDO0VBQ25FQyxLQUFLLEVBQUU7SUFDTEMsUUFBUSxFQUFFLElBQUk7SUFBRUMsY0FBYyxFQUFFLElBQUk7SUFBRUMsZUFBZSxFQUFFLElBQUk7SUFBRUMsaUJBQWlCLEVBQUUsSUFBSTtJQUNwRkMsU0FBUyxFQUFFLEVBQUU7SUFBRUMsWUFBWSxFQUFFLEVBQUU7SUFBRUMsUUFBUSxFQUFFO0VDZDNDLENEZUQ7RUFDREMsS0FBSyxFQUFFO0lBQ0xQLFFBQVEsRUFBRSxJQUFJO0lBQUVDLGNBQWMsRUFBRSxJQUFJO0lBQUVDLGVBQWUsRUFBRSxJQUFJO0lBQUVDLGlCQUFpQixFQUFFLElBQUk7SUFDcEZDLFNBQVMsRUFBRSxFQUFFO0lBQUVDLFlBQVksRUFBRSxFQUFFO0lBQUVDLFFBQVEsRUFBRTtFQ2QzQyxDRGVEO0VBQ0QsYUFBYSxFQUFFO0lBQ2JOLFFBQVEsRUFBRSxJQUFJO0lBQUVDLGNBQWMsRUFBRSxJQUFJO0lBQUVDLGVBQWUsRUFBRSxJQUFJO0lBQUVDLGlCQUFpQixFQUFFLElBQUk7SUFDcEZDLFNBQVMsRUFBRSxFQUFFO0lBQUVDLFlBQVksRUFBRSxFQUFFO0lBQUVDLFFBQVEsRUFBRTtFQ2QzQztBQUNKLENEZUM7QUFHRCxJQUFNRSxVQUFVLEdBQUcsU0FBYkEsVUFBVUEsQ0FBSUMsTUFBYztFQUFBLHVDQUFBQyxNQUFBLENBQXFDRCxNQUFNLEdBQUcsQ0FBQztBQUFBLENBQUc7QUFFcEYsT0FBTSxTQUFVRSxnQkFBZ0JBLENBQUNDLElBQWUsRUFBQTtFQUM5QyxJQUFNQyxNQUFNLEdBQUdmLGlCQUFpQixDQUFDYyxJQUFJLENBQUM7RUFDdEMsSUFBTUUsS0FBSyxHQUFtQjtJQUM1Qix1QkFBdUIsRUFBRU4sVUFBVSxDQUFDSyxNQUFNLENBQUNULFNBQVMsQ0FBQztJQUNyRCwwQkFBMEIsRUFBRUksVUFBVSxDQUFDSyxNQUFNLENBQUNSLFlBQVksQ0FBQztJQUMzRCwyQkFBMkIsRUFBRUcsVUFBVSxDQUFDSyxNQUFNLENBQUNQLFFBQVEsQ0FBQztJQUN4RCxpQ0FBaUMsb0JBQUFJLE1BQUEsQ0FBb0JHLE1BQU0sQ0FBQ1osY0FBYztFQ2pCMUUsQ0RrQkQ7RUFDRCxTQUFBYyxFQUFBLE1BQUFDLElBQUEsR0FBdUIsQ0FBQyxXQUFXLEVBQUUsYUFBYSxFQUFFLGFBQWEsRUFBRSxhQUFhLEVBQUUsZ0JBQWdCLENBQUMsRUFBQUQsRUFBQSxHQUFBQyxJQUFBLENBQUFDLE1BQUEsRUFBQUYsRUFBQSxJQUFFO0lBQWhHLElBQU1HLFFBQVEsR0FBQUYsSUFBQSxDQUFBRCxFQUFBO0lBQ2pCRCxLQUFLLG9CQUFBSixNQUFBLENBQW9CUSxRQUFRLEVBQUcsb0JBQUFSLE1BQUEsQ0FBb0JHLE1BQU0sQ0FBQ2IsUUFBUSxPQUFBVSxNQUFBLENBQUlRLFFBQVEsTUFBRztJQUN0RkosS0FBSyxzQkFBQUosTUFBQSxDQUFzQlEsUUFBUSxFQUFHLHFCQUFBUixNQUFBLENBQXFCRyxNQUFNLENBQUNaLGNBQWMsT0FBQVMsTUFBQSxDQUFJUSxRQUFRLE1BQUc7RUFDakc7RUFDQSxPQUFPSixLQUFLO0FBQ2QiLCJmaWxlIjoiY29tcG9uZW50cy9UYWJsZS9zaXplLmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsLCJleHBvcnQgY29uc3QgVEFCTEVfREVGQVVMVF9TSVpFID0gJ3NtYWxsJztcbi8qKiBPbmUgc291cmNlIGZvciByZW5kZXIgbWV0YWRhdGEsIENTUyBkZW5zaXR5IGFuZCB2aXJ0dWFsIHJvdyBlc3RpbWF0ZXMuICovXG5leHBvcnQgY29uc3QgVEFCTEVfU0laRV9DT05GSUcgPSB7XG4gICAgbGFyZ2U6IHtcbiAgICAgICAgZm9udFNpemU6ICdsZycsIGhlYWRlckZvbnRTaXplOiAnbWQnLCBwcmltYXJ5Rm9udFNpemU6ICdtZCcsIHNlY29uZGFyeUZvbnRTaXplOiAnbWQnLFxuICAgICAgICByb3dIZWlnaHQ6IDYwLCBoZWFkZXJIZWlnaHQ6IDQwLCBwYWRkaW5nWTogMTIsXG4gICAgfSxcbiAgICBzbWFsbDoge1xuICAgICAgICBmb250U2l6ZTogJ21kJywgaGVhZGVyRm9udFNpemU6ICdzbScsIHByaW1hcnlGb250U2l6ZTogJ3NtJywgc2Vjb25kYXJ5Rm9udFNpemU6ICdzbScsXG4gICAgICAgIHJvd0hlaWdodDogNTIsIGhlYWRlckhlaWdodDogMzIsIHBhZGRpbmdZOiA4LFxuICAgIH0sXG4gICAgJ2V4dHJhLXNtYWxsJzoge1xuICAgICAgICBmb250U2l6ZTogJ3NtJywgaGVhZGVyRm9udFNpemU6ICdzbScsIHByaW1hcnlGb250U2l6ZTogJ3hzJywgc2Vjb25kYXJ5Rm9udFNpemU6ICdzbScsXG4gICAgICAgIHJvd0hlaWdodDogNDQsIGhlYWRlckhlaWdodDogMzIsIHBhZGRpbmdZOiA0LFxuICAgIH0sXG59O1xuY29uc3QgZ3JpZExlbmd0aCA9IChwaXhlbHMpID0+IGBjYWxjKHZhcigtLW9tLXNwYWNpbmctMTAwKSAqICR7cGl4ZWxzIC8gNH0pYDtcbmV4cG9ydCBmdW5jdGlvbiB0YWJsZVNpemVDc3NWYXJzKHNpemUpIHtcbiAgICBjb25zdCBjb25maWcgPSBUQUJMRV9TSVpFX0NPTkZJR1tzaXplXTtcbiAgICBjb25zdCBzdHlsZSA9IHtcbiAgICAgICAgJy0tb20tdGFibGUtcm93LWhlaWdodCc6IGdyaWRMZW5ndGgoY29uZmlnLnJvd0hlaWdodCksXG4gICAgICAgICctLW9tLXRhYmxlLWhlYWRlci1oZWlnaHQnOiBncmlkTGVuZ3RoKGNvbmZpZy5oZWFkZXJIZWlnaHQpLFxuICAgICAgICAnLS1vbS10YWJsZS1jZWxsLXBhZGRpbmcteSc6IGdyaWRMZW5ndGgoY29uZmlnLnBhZGRpbmdZKSxcbiAgICAgICAgJy0tb20tdGFibGUtaGVhZGVyLXN0cm9uZy13ZWlnaHQnOiBgdmFyKC0tb20tbGFiZWwtJHtjb25maWcuaGVhZGVyRm9udFNpemV9LXN0cm9uZy1mb250LXdlaWdodClgLFxuICAgIH07XG4gICAgZm9yIChjb25zdCBwcm9wZXJ0eSBvZiBbJ2ZvbnQtc2l6ZScsICdmb250LWZhbWlseScsICdmb250LXdlaWdodCcsICdsaW5lLWhlaWdodCcsICdsZXR0ZXItc3BhY2luZyddKSB7XG4gICAgICAgIHN0eWxlW2AtLW9tLXRhYmxlLWJvZHktJHtwcm9wZXJ0eX1gXSA9IGB2YXIoLS1vbS1ib2R5LSR7Y29uZmlnLmZvbnRTaXplfS0ke3Byb3BlcnR5fSlgO1xuICAgICAgICBzdHlsZVtgLS1vbS10YWJsZS1oZWFkZXItJHtwcm9wZXJ0eX1gXSA9IGB2YXIoLS1vbS1sYWJlbC0ke2NvbmZpZy5oZWFkZXJGb250U2l6ZX0tJHtwcm9wZXJ0eX0pYDtcbiAgICB9XG4gICAgcmV0dXJuIHN0eWxlO1xufSJdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/es/components/Table/style/Table.css

@@ -38,32 +38,32 @@
 }
 .om-component-ui-table-thead > tr > th, .om-component-ui-table-thead > tr > td {
   position: relative;
-  height: 32px;
+  height: var(--om-table-header-height);
   padding: var(--om-spacing-200, 8px);
   text-align: start;
   vertical-align: middle;
   overflow-wrap: break-word;
   background: var(--om-bg-default-secondary, #f8f8f8);
   border-bottom: 1px solid var(--om-border-neutral, #e3e4e4);
-  font-size: var(--om-label-sm-font-size);
-  font-family: var(--om-label-sm-font-family);
-  line-height: var(--om-label-sm-line-height);
-  letter-spacing: var(--om-label-sm-letter-spacing);
-  font-weight: var(--om-label-sm-font-weight);
+  font-family: var(--om-table-header-font-family);
+  font-size: var(--om-table-header-font-size);
+  font-weight: var(--om-table-header-font-weight);
+  line-height: var(--om-table-header-line-height);
+  letter-spacing: var(--om-table-header-letter-spacing);
 }
 .om-component-ui-table-tbody > tr > td {
   position: relative;
-  height: 52px;
-  padding: var(--om-spacing-200, 8px);
+  height: var(--om-table-row-height);
+  padding: var(--om-table-cell-padding-y) var(--om-spacing-200, 8px);
   color: var(--om-text-default, #131313);
   vertical-align: middle;
   overflow-wrap: break-word;
   border-bottom: 1px solid var(--om-border-neutral, #e3e4e4);
-  font-size: var(--om-body-md-font-size);
-  font-family: var(--om-body-md-font-family);
-  line-height: var(--om-body-md-line-height);
-  letter-spacing: var(--om-body-md-letter-spacing);
-  font-weight: var(--om-body-md-font-weight);
+  font-family: var(--om-table-body-font-family);
+  font-size: var(--om-table-body-font-size);
+  font-weight: var(--om-table-body-font-weight);
+  line-height: var(--om-table-body-line-height);
+  letter-spacing: var(--om-table-body-letter-spacing);
 }
 .om-component-ui-table-tbody > tr:last-child > td {
   border-bottom: 0;
@@ -143,16 +143,16 @@
   display: flex;
 }
 .om-component-ui-table-tbody-virtual .om-component-ui-table-cell {
-  height: 52px;
-  padding: var(--om-spacing-200, 8px);
+  min-height: var(--om-table-row-height);
+  padding: var(--om-table-cell-padding-y) var(--om-spacing-200, 8px);
   color: var(--om-text-default, #131313);
   overflow-wrap: break-word;
   border-bottom: 1px solid var(--om-border-neutral, #e3e4e4);
-  font-size: var(--om-body-md-font-size);
-  font-family: var(--om-body-md-font-family);
-  line-height: var(--om-body-md-line-height);
-  letter-spacing: var(--om-body-md-letter-spacing);
-  font-weight: var(--om-body-md-font-weight);
+  font-family: var(--om-table-body-font-family);
+  font-size: var(--om-table-body-font-size);
+  font-weight: var(--om-table-body-font-weight);
+  line-height: var(--om-table-body-line-height);
+  letter-spacing: var(--om-table-body-letter-spacing);
 }
 .om-component-ui-table:not(.om-component-ui-table-no-hover) .om-component-ui-table-tbody-virtual .om-component-ui-table-row:hover .om-component-ui-table-cell {
   background: var(--om-bg-default-hover, #f0f0f0);
@@ -219,11 +219,12 @@
 .om-component-ui-table .om-component-ui-table-header-cell__title {
   color: var(--om-text-default, #131313);
   white-space: nowrap;
-  font-size: var(--om-label-sm-font-size);
-  font-family: var(--om-label-sm-font-family);
-  line-height: var(--om-label-sm-line-height);
-  letter-spacing: var(--om-label-sm-letter-spacing);
-  font-weight: var(--om-label-sm-strong-font-weight);
+  font-family: var(--om-table-header-font-family);
+  font-size: var(--om-table-header-font-size);
+  font-weight: var(--om-table-header-font-weight);
+  line-height: var(--om-table-header-line-height);
+  letter-spacing: var(--om-table-header-letter-spacing);
+  font-weight: var(--om-table-header-strong-weight);
 }
 .om-component-ui-table .om-component-ui-table-sort-trigger {
   display: inline-flex;