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

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

@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.CellContent = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
-var _Typography = require("../../Typography");
 var _constants = require("../constants");
-var _size = require("../size");
+var _CellText = require("./CellText");
 var CellContent = exports.CellContent = function CellContent(_ref) {
   var value = _ref.value,
-    size = _ref.size;
+    size = _ref.size,
+    ellipsis = _ref.ellipsis;
   return (0, _jsxRuntime.jsxs)("div", {
     className: "".concat(_constants.TABLE_DEFAULT_PREFIX, "-cell-content"),
     children: [value.leading ? (0, _jsxRuntime.jsx)("span", {
@@ -18,11 +18,15 @@ var CellContent = exports.CellContent = function CellContent(_ref) {
       children: value.leading
     }) : null, (0, _jsxRuntime.jsxs)("span", {
       className: "".concat(_constants.TABLE_DEFAULT_PREFIX, "-cell-content__text"),
-      children: [(0, _jsxRuntime.jsx)(_Typography.TypographyTitle, {
-        size: _size.TABLE_SIZE_CONFIG[size].primaryFontSize,
+      children: [(0, _jsxRuntime.jsx)(_CellText.CellText, {
+        size: size,
+        kind: "primary",
+        ellipsis: ellipsis,
         children: value.primary
-      }), value.secondary ? (0, _jsxRuntime.jsx)(_Typography.TypographyBody, {
-        size: _size.TABLE_SIZE_CONFIG[size].secondaryFontSize,
+      }), value.secondary !== null && value.secondary !== undefined && value.secondary !== false ? (0, _jsxRuntime.jsx)(_CellText.CellText, {
+        size: size,
+        kind: "secondary",
+        ellipsis: ellipsis,
         children: value.secondary
       }) : null]
     }), value.trailing ? (0, _jsxRuntime.jsx)("span", {
@@ -31,4 +35,4 @@ var CellContent = exports.CellContent = function CellContent(_ref) {
     }) : null]
   });
 };
-//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL0NlbGxDb250ZW50LmpzIiwiY29tcG9uZW50cy9UYWJsZS9zcmMvY29tcG9uZW50cy9UYWJsZS9yZW5kZXJlcnMvQ2VsbENvbnRlbnQudHN4Il0sIm5hbWVzIjpbIl9qc3hSdW50aW1lIiwicmVxdWlyZSIsIl9UeXBvZ3JhcGh5IiwiX2NvbnN0YW50cyIsIl9zaXplIiwiQ2VsbENvbnRlbnQiLCJleHBvcnRzIiwiX3JlZiIsInZhbHVlIiwic2l6ZSIsIl9qc3hzIiwiY2xhc3NOYW1lIiwiY29uY2F0IiwiVEFCTEVfREVGQVVMVF9QUkVGSVgiLCJjaGlsZHJlbiIsImxlYWRpbmciLCJfanN4IiwiVHlwb2dyYXBoeVRpdGxlIiwiVEFCTEVfU0laRV9DT05GSUciLCJwcmltYXJ5Rm9udFNpemUiLCJwcmltYXJ5Iiwic2Vjb25kYXJ5IiwiVHlwb2dyYXBoeUJvZHkiLCJzZWNvbmRhcnlGb250U2l6ZSIsInRyYWlsaW5nIl0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxJQUFBQSxXQUFBLEdBQUFDLE9BQUE7QUNBQSxJQUFBQyxXQUFBLEdBQUFELE9BQUE7QUFDQSxJQUFBRSxVQUFBLEdBQUFGLE9BQUE7QUFDQSxJQUFBRyxLQUFBLEdBQUFILE9BQUE7QUFHTyxJQUFNSSxXQUFXLEdBQUFDLE9BQUEsQ0FBQUQsV0FBQSxHQUFHLFNBQWRBLFdBQVdBLENBQUFFLElBQUE7RUFBQSxJQUFNQyxLQUFLLEdBQUFELElBQUEsQ0FBTEMsS0FBSztJQUFFQyxJQUFJLEdBQUFGLElBQUEsQ0FBSkUsSUFBSTtFQUFBLE9BQ3ZDLElBQUFDLGdCQUFBLEVBQUEsS0FBQSxFQUFBO0lBQUtDLFNBQVMsS0FBQUMsTUFBQSxDQUFLQywrQkFBb0Isa0JBQWU7SUFBQUMsUUFBQSxFQUFBLENBQ25ETixLQUFLLENBQUNPLE9BQU8sR0FBRyxJQUFBQyxlQUFBLEVBQUEsTUFBQSxFQUFBO01BQU1MLFNBQVMsS0FBQUMsTUFBQSxDQUFLQywrQkFBb0IsMkJBQXdCO01BQUFDLFFBQUEsRUFBR04sS0FBSyxDQUFDTztJQUFPLENBQUEsQ0FBUSxHQUFHLElBQUksRUFDaEgsSUFBQUwsZ0JBQUEsRUFBQSxNQUFBLEVBQUE7TUFBTUMsU0FBUyxLQUFBQyxNQUFBLENBQUtDLCtCQUFvQix3QkFBcUI7TUFBQUMsUUFBQSxFQUFBLENBQzNELElBQUFFLGVBQUEsRUFBQ0MsMkJBQWUsRUFBQTtRQUFDUixJQUFJLEVBQUVTLHVCQUFpQixDQUFDVCxJQUFJLENBQUMsQ0FBQ1UsZUFBZTtRQUFBTCxRQUFBLEVBQUdOLEtBQUssQ0FBQ1k7TUFBTyxDQUFBLENBQW1CLEVBQ2hHWixLQUFLLENBQUNhLFNBQVMsR0FBRyxJQUFBTCxlQUFBLEVBQUNNLDBCQUFjLEVBQUE7UUFBQ2IsSUFBSSxFQUFFUyx1QkFBaUIsQ0FBQ1QsSUFBSSxDQUFDLENBQUNjLGlCQUFpQjtRQUFBVCxRQUFBLEVBQUdOLEtBQUssQ0FBQ2E7TUFBUyxDQUFBLENBQWtCLEdBQUcsSUFBSTtJQUFBLENBQUEsQ0FDeEgsRUFDTmIsS0FBSyxDQUFDZ0IsUUFBUSxHQUFHLElBQUFSLGVBQUEsRUFBQSxNQUFBLEVBQUE7TUFBTUwsU0FBUyxLQUFBQyxNQUFBLENBQUtDLCtCQUFvQiw0QkFBeUI7TUFBQUMsUUFBQSxFQUFHTixLQUFLLENBQUNnQjtJQUFRLENBQUEsQ0FBUSxHQUFHLElBQUk7RUFBQSxDQUFBLENBQy9HO0FBQUEsQ0FDUCIsImZpbGUiOiJjb21wb25lbnRzL1RhYmxlL3JlbmRlcmVycy9DZWxsQ29udGVudC5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5Qm9keSwgVHlwb2dyYXBoeVRpdGxlIH0gZnJvbSAnLi4vLi4vVHlwb2dyYXBoeSc7XG5pbXBvcnQgeyBUQUJMRV9ERUZBVUxUX1BSRUZJWCB9IGZyb20gJy4uL2NvbnN0YW50cyc7XG5pbXBvcnQgeyBUQUJMRV9TSVpFX0NPTkZJRyB9IGZyb20gJy4uL3NpemUnO1xuZXhwb3J0IGNvbnN0IENlbGxDb250ZW50ID0gKHsgdmFsdWUsIHNpemUgfSkgPT4gKF9qc3hzKFwiZGl2XCIsIHsgY2xhc3NOYW1lOiBgJHtUQUJMRV9ERUZBVUxUX1BSRUZJWH0tY2VsbC1jb250ZW50YCwgY2hpbGRyZW46IFt2YWx1ZS5sZWFkaW5nID8gX2pzeChcInNwYW5cIiwgeyBjbGFzc05hbWU6IGAke1RBQkxFX0RFRkFVTFRfUFJFRklYfS1jZWxsLWNvbnRlbnRfX2xlYWRpbmdgLCBjaGlsZHJlbjogdmFsdWUubGVhZGluZyB9KSA6IG51bGwsIF9qc3hzKFwic3BhblwiLCB7IGNsYXNzTmFtZTogYCR7VEFCTEVfREVGQVVMVF9QUkVGSVh9LWNlbGwtY29udGVudF9fdGV4dGAsIGNoaWxkcmVuOiBbX2pzeChUeXBvZ3JhcGh5VGl0bGUsIHsgc2l6ZTogVEFCTEVfU0laRV9DT05GSUdbc2l6ZV0ucHJpbWFyeUZvbnRTaXplLCBjaGlsZHJlbjogdmFsdWUucHJpbWFyeSB9KSwgdmFsdWUuc2Vjb25kYXJ5ID8gX2pzeChUeXBvZ3JhcGh5Qm9keSwgeyBzaXplOiBUQUJMRV9TSVpFX0NPTkZJR1tzaXplXS5zZWNvbmRhcnlGb250U2l6ZSwgY2hpbGRyZW46IHZhbHVlLnNlY29uZGFyeSB9KSA6IG51bGxdIH0pLCB2YWx1ZS50cmFpbGluZyA/IF9qc3goXCJzcGFuXCIsIHsgY2xhc3NOYW1lOiBgJHtUQUJMRV9ERUZBVUxUX1BSRUZJWH0tY2VsbC1jb250ZW50X190cmFpbGluZ2AsIGNoaWxkcmVuOiB2YWx1ZS50cmFpbGluZyB9KSA6IG51bGxdIH0pKTsiLG51bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL0NlbGxDb250ZW50LmpzIiwiY29tcG9uZW50cy9UYWJsZS9zcmMvY29tcG9uZW50cy9UYWJsZS9yZW5kZXJlcnMvQ2VsbENvbnRlbnQudHN4Il0sIm5hbWVzIjpbIl9qc3hSdW50aW1lIiwicmVxdWlyZSIsIl9jb25zdGFudHMiLCJfQ2VsbFRleHQiLCJDZWxsQ29udGVudCIsImV4cG9ydHMiLCJfcmVmIiwidmFsdWUiLCJzaXplIiwiZWxsaXBzaXMiLCJfanN4cyIsImNsYXNzTmFtZSIsImNvbmNhdCIsIlRBQkxFX0RFRkFVTFRfUFJFRklYIiwiY2hpbGRyZW4iLCJsZWFkaW5nIiwiX2pzeCIsIkNlbGxUZXh0Iiwia2luZCIsInByaW1hcnkiLCJzZWNvbmRhcnkiLCJ1bmRlZmluZWQiLCJ0cmFpbGluZyJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsSUFBQUEsV0FBQSxHQUFBQyxPQUFBO0FDQUEsSUFBQUMsVUFBQSxHQUFBRCxPQUFBO0FBQ0EsSUFBQUUsU0FBQSxHQUFBRixPQUFBO0FBU08sSUFBTUcsV0FBVyxHQUFBQyxPQUFBLENBQUFELFdBQUEsR0FBRyxTQUFkQSxXQUFXQSxDQUFBRSxJQUFBO0VBQUEsSUFBTUMsS0FBSyxHQUFBRCxJQUFBLENBQUxDLEtBQUs7SUFBRUMsSUFBSSxHQUFBRixJQUFBLENBQUpFLElBQUk7SUFBRUMsUUFBUSxHQUFBSCxJQUFBLENBQVJHLFFBQVE7RUFBQSxPQUNqRCxJQUFBQyxnQkFBQSxFQUFBLEtBQUEsRUFBQTtJQUFLQyxTQUFTLEtBQUFDLE1BQUEsQ0FBS0MsK0JBQW9CLGtCQUFlO0lBQUFDLFFBQUEsRUFBQSxDQUNuRFAsS0FBSyxDQUFDUSxPQUFPLEdBQUcsSUFBQUMsZUFBQSxFQUFBLE1BQUEsRUFBQTtNQUFNTCxTQUFTLEtBQUFDLE1BQUEsQ0FBS0MsK0JBQW9CLDJCQUF3QjtNQUFBQyxRQUFBLEVBQUdQLEtBQUssQ0FBQ1E7SUFBTyxDQUFBLENBQVEsR0FBRyxJQUFJLEVBQ2hILElBQUFMLGdCQUFBLEVBQUEsTUFBQSxFQUFBO01BQU1DLFNBQVMsS0FBQUMsTUFBQSxDQUFLQywrQkFBb0Isd0JBQXFCO01BQUFDLFFBQUEsRUFBQSxDQUMzRCxJQUFBRSxlQUFBLEVBQUNDLGtCQUFRLEVBQUE7UUFBQ1QsSUFBSSxFQUFFQSxJQUFJO1FBQUVVLElBQUksRUFBQyxTQUFTO1FBQUNULFFBQVEsRUFBRUEsUUFBUTtRQUFBSyxRQUFBLEVBQUdQLEtBQUssQ0FBQ1k7TUFBTyxDQUFBLENBQVksRUFDbEZaLEtBQUssQ0FBQ2EsU0FBUyxLQUFLLElBQUksSUFBSWIsS0FBSyxDQUFDYSxTQUFTLEtBQUtDLFNBQVMsSUFBSWQsS0FBSyxDQUFDYSxTQUFTLEtBQUssS0FBSyxHQUNuRixJQUFBSixlQUFBLEVBQUNDLGtCQUFRLEVBQUE7UUFBQ1QsSUFBSSxFQUFFQSxJQUFJO1FBQUVVLElBQUksRUFBQyxXQUFXO1FBQUNULFFBQVEsRUFBRUEsUUFBUTtRQUFBSyxRQUFBLEVBQUdQLEtBQUssQ0FBQ2E7TUFBUyxDQUFBLENBQVksR0FDdkYsSUFBSTtJQUFBLENBQUEsQ0FDSCxFQUNOYixLQUFLLENBQUNlLFFBQVEsR0FBRyxJQUFBTixlQUFBLEVBQUEsTUFBQSxFQUFBO01BQU1MLFNBQVMsS0FBQUMsTUFBQSxDQUFLQywrQkFBb0IsNEJBQXlCO01BQUFDLFFBQUEsRUFBR1AsS0FBSyxDQUFDZTtJQUFRLENBQUEsQ0FBUSxHQUFHLElBQUk7RUFBQSxDQUFBLENBQy9HO0FBQUEsQ0FDUCIsImZpbGUiOiJjb21wb25lbnRzL1RhYmxlL3JlbmRlcmVycy9DZWxsQ29udGVudC5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgeyBUQUJMRV9ERUZBVUxUX1BSRUZJWCB9IGZyb20gJy4uL2NvbnN0YW50cyc7XG5pbXBvcnQgeyBDZWxsVGV4dCB9IGZyb20gJy4vQ2VsbFRleHQnO1xuZXhwb3J0IGNvbnN0IENlbGxDb250ZW50ID0gKHsgdmFsdWUsIHNpemUsIGVsbGlwc2lzIH0pID0+IChfanN4cyhcImRpdlwiLCB7IGNsYXNzTmFtZTogYCR7VEFCTEVfREVGQVVMVF9QUkVGSVh9LWNlbGwtY29udGVudGAsIGNoaWxkcmVuOiBbdmFsdWUubGVhZGluZyA/IF9qc3goXCJzcGFuXCIsIHsgY2xhc3NOYW1lOiBgJHtUQUJMRV9ERUZBVUxUX1BSRUZJWH0tY2VsbC1jb250ZW50X19sZWFkaW5nYCwgY2hpbGRyZW46IHZhbHVlLmxlYWRpbmcgfSkgOiBudWxsLCBfanN4cyhcInNwYW5cIiwgeyBjbGFzc05hbWU6IGAke1RBQkxFX0RFRkFVTFRfUFJFRklYfS1jZWxsLWNvbnRlbnRfX3RleHRgLCBjaGlsZHJlbjogW19qc3goQ2VsbFRleHQsIHsgc2l6ZTogc2l6ZSwga2luZDogXCJwcmltYXJ5XCIsIGVsbGlwc2lzOiBlbGxpcHNpcywgY2hpbGRyZW46IHZhbHVlLnByaW1hcnkgfSksIHZhbHVlLnNlY29uZGFyeSAhPT0gbnVsbCAmJiB2YWx1ZS5zZWNvbmRhcnkgIT09IHVuZGVmaW5lZCAmJiB2YWx1ZS5zZWNvbmRhcnkgIT09IGZhbHNlXG4gICAgICAgICAgICAgICAgICAgID8gX2pzeChDZWxsVGV4dCwgeyBzaXplOiBzaXplLCBraW5kOiBcInNlY29uZGFyeVwiLCBlbGxpcHNpczogZWxsaXBzaXMsIGNoaWxkcmVuOiB2YWx1ZS5zZWNvbmRhcnkgfSlcbiAgICAgICAgICAgICAgICAgICAgOiBudWxsXSB9KSwgdmFsdWUudHJhaWxpbmcgPyBfanN4KFwic3BhblwiLCB7IGNsYXNzTmFtZTogYCR7VEFCTEVfREVGQVVMVF9QUkVGSVh9LWNlbGwtY29udGVudF9fdHJhaWxpbmdgLCBjaGlsZHJlbjogdmFsdWUudHJhaWxpbmcgfSkgOiBudWxsXSB9KSk7IixudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

package/lib/components/Table/renderers/CellText.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from 'react';
+import type { TableEllipsisConfig, TableSize } from '../interface';
+interface CellTextProps {
+    children: ReactNode;
+    size: TableSize;
+    kind?: 'body' | 'primary' | 'secondary';
+    ellipsis?: boolean | TableEllipsisConfig;
+}
+/** Typography and overflow are owned by the table, independently of row actions. */
+export declare const CellText: ({ children, size, kind, ellipsis }: CellTextProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/lib/components/Table/renderers/CellText.js

@@ -0,0 +1,64 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CellText = void 0;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _react = require("react");
+var _Typography = require("../../Typography");
+var _constants = require("../constants");
+var _size = require("../size");
+function textContent(node) {
+  return _react.Children.toArray(node).map(function (child) {
+    if (typeof child === 'string' || typeof child === 'number') return String(child);
+    if (/*#__PURE__*/(0, _react.isValidElement)(child)) return textContent(child.props.children);
+    return '';
+  }).join('');
+}
+/** Typography and overflow are owned by the table, independently of row actions. */
+var CellText = exports.CellText = function CellText(_ref) {
+  var children = _ref.children,
+    size = _ref.size,
+    _ref$kind = _ref.kind,
+    kind = _ref$kind === void 0 ? 'body' : _ref$kind,
+    ellipsis = _ref.ellipsis;
+  var _a;
+  if (children === null || children === undefined || typeof children === 'boolean') return null;
+  var config = _size.TABLE_SIZE_CONFIG[size];
+  var options = (0, _typeof2["default"])(ellipsis) === 'object' ? ellipsis : undefined;
+  var requestedLines = (_a = options === null || options === void 0 ? void 0 : options.lines) !== null && _a !== void 0 ? _a : 1;
+  var lines = Number.isFinite(requestedLines) ? Math.max(1, Math.floor(requestedLines)) : 1;
+  var className = ellipsis ? "".concat(_constants.TABLE_DEFAULT_PREFIX, "-cell-text ").concat(_constants.TABLE_DEFAULT_PREFIX, "-cell-text--").concat(lines === 1 ? 'ellipsis' : 'clamp') : "".concat(_constants.TABLE_DEFAULT_PREFIX, "-cell-text");
+  var style = ellipsis && lines > 1 ? {
+    '--om-table-text-lines': lines
+  } : undefined;
+  var title = (options === null || options === void 0 ? void 0 : options.tooltip) ? textContent(children) || undefined : undefined;
+  var presentation = {
+    className: className,
+    style: style,
+    title: title
+  };
+  if (kind === 'primary' || kind === 'body' && (typeof children === 'string' || typeof children === 'number')) {
+    return (0, _jsxRuntime.jsx)(_Typography.TypographyTitle, Object.assign({}, presentation, {
+      size: kind === 'primary' ? config.primaryFontSize : config.fontSize,
+      children: children
+    }));
+  }
+  if (kind === 'secondary') {
+    return (0, _jsxRuntime.jsx)(_Typography.TypographyBody, Object.assign({}, presentation, {
+      as: "div",
+      size: config.secondaryFontSize,
+      children: children
+    }));
+  }
+  // Explicit custom Typography remains an override. JSX without ellipsis stays untouched.
+  return ellipsis ? (0, _jsxRuntime.jsx)("div", Object.assign({}, presentation, {
+    children: children
+  })) : (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: children
+  });
+};
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL0NlbGxUZXh0LmpzIiwiY29tcG9uZW50cy9UYWJsZS9zcmMvY29tcG9uZW50cy9UYWJsZS9yZW5kZXJlcnMvQ2VsbFRleHQudHN4Il0sIm5hbWVzIjpbIl9qc3hSdW50aW1lIiwicmVxdWlyZSIsIl9yZWFjdCIsIl9UeXBvZ3JhcGh5IiwiX2NvbnN0YW50cyIsIl9zaXplIiwidGV4dENvbnRlbnQiLCJub2RlIiwiQ2hpbGRyZW4iLCJ0b0FycmF5IiwibWFwIiwiY2hpbGQiLCJTdHJpbmciLCJpc1ZhbGlkRWxlbWVudCIsInByb3BzIiwiY2hpbGRyZW4iLCJqb2luIiwiQ2VsbFRleHQiLCJleHBvcnRzIiwiX3JlZiIsInNpemUiLCJfcmVmJGtpbmQiLCJraW5kIiwiZWxsaXBzaXMiLCJfYSIsInVuZGVmaW5lZCIsImNvbmZpZyIsIlRBQkxFX1NJWkVfQ09ORklHIiwib3B0aW9ucyIsIl90eXBlb2YyIiwicmVxdWVzdGVkTGluZXMiLCJsaW5lcyIsIk51bWJlciIsImlzRmluaXRlIiwiTWF0aCIsIm1heCIsImZsb29yIiwiY2xhc3NOYW1lIiwiY29uY2F0IiwiVEFCTEVfREVGQVVMVF9QUkVGSVgiLCJzdHlsZSIsInRpdGxlIiwidG9vbHRpcCIsInByZXNlbnRhdGlvbiIsIl9qc3giLCJUeXBvZ3JhcGh5VGl0bGUiLCJPYmplY3QiLCJhc3NpZ24iLCJwcmltYXJ5Rm9udFNpemUiLCJmb250U2l6ZSIsIlR5cG9ncmFwaHlCb2R5IiwiYXMiLCJzZWNvbmRhcnlGb250U2l6ZSIsIl9GcmFnbWVudCJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7QUFBQSxJQUFBQSxXQUFBLEdBQUFDLE9BQUE7QUNBQSxJQUFBQyxNQUFBLEdBQUFELE9BQUE7QUFFQSxJQUFBRSxXQUFBLEdBQUFGLE9BQUE7QUFDQSxJQUFBRyxVQUFBLEdBQUFILE9BQUE7QUFDQSxJQUFBSSxLQUFBLEdBQUFKLE9BQUE7QUFVQSxTQUFTSyxXQUFXQSxDQUFD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Q0FBQUMsTUFBQSxDQUFBLENBQUEsQ0FBQSxFQUFLSixZQUFZLEVBQUE7TUFBRXZCLElBQUksRUFBRUUsSUFBSSxLQUFLLFNBQVMsR0FBR0ksTUFBTSxDQUFDc0IsZUFBZSxHQUFHdEIsTUFBTSxDQUFDdUIsUUFBUTtNQUFBbEMsUUFBQSxFQUFHQTtJQUFRLENBQUEsQ0FBQSxDQUFtQjtFQUM3STtFQUNBLElBQUlPLElBQUksS0FBSyxXQUFXLEVBQUU7SUFDeEIsT0FBTyxJQUFBc0IsZUFBQSxFQUFDTSwwQkFBYyxFQUFBSixNQUFBLENBQUFDLE1BQUEsQ0FBQSxDQUFBLENBQUEsRUFBS0osWUFBWSxFQUFBO01BQUVRLEVBQUUsRUFBQyxLQUFLO01BQUMvQixJQUFJLEVBQUVNLE1BQU0sQ0FBQzBCLGlCQUFpQjtNQUFBckMsUUFBQSxFQUFHQTtJQUFRLENBQUEsQ0FBQSxDQUFrQjtFQUMvRztFQUNBO0VBQ0EsT0FBT1EsUUFBUSxHQUFHLElBQUFxQixlQUFBLEVBQUEsS0FBQSxFQUFBRSxNQUFBLENBQUFDLE1BQUEsQ0FBQSxDQUFBLENBQUEsRUFBU0osWUFBWSxFQUFBO0lBQUE1QixRQUFBLEVBQUdBO0VBQVEsQ0FBQSxDQUFBLENBQU8sR0FBRyxJQUFBNkIsZUFBQSxFQUFBUyxvQkFBQSxFQUFBO0lBQUF0QyxRQUFBLEVBQUdBO0VBQVEsQ0FBQSxDQUFJO0FBQzdFLENBQUMiLCJmaWxlIjoiY29tcG9uZW50cy9UYWJsZS9yZW5kZXJlcnMvQ2VsbFRleHQuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwgRnJhZ21lbnQgYXMgX0ZyYWdtZW50IH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgeyBDaGlsZHJlbiwgaXNWYWxpZEVsZW1lbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5Qm9keSwgVHlwb2dyYXBoeVRpdGxlIH0gZnJvbSAnLi4vLi4vVHlwb2dyYXBoeSc7XG5pbXBvcnQgeyBUQUJMRV9ERUZBVUxUX1BSRUZJWCB9IGZyb20gJy4uL2NvbnN0YW50cyc7XG5pbXBvcnQgeyBUQUJMRV9TSVpFX0NPTkZJRyB9IGZyb20gJy4uL3NpemUnO1xuZnVuY3Rpb24gdGV4dENvbnRlbnQobm9kZSkge1xuICAgIHJldHVybiBDaGlsZHJlbi50b0FycmF5KG5vZGUpLm1hcChjaGlsZCA9PiB7XG4gICAgICAgIGlmICh0eXBlb2YgY2hpbGQgPT09ICdzdHJpbmcnIHx8IHR5cGVvZiBjaGlsZCA9PT0gJ251bWJlcicpXG4gICAgICAgICAgICByZXR1cm4gU3RyaW5nKGNoaWxkKTtcbiAgICAgICAgaWYgKGlzVmFsaWRFbGVtZW50KGNoaWxkKSlcbiAgICAgICAgICAgIHJldHVybiB0ZXh0Q29udGVudChjaGlsZC5wcm9wcy5jaGlsZHJlbik7XG4gICAgICAgIHJldHVybiAnJztcbiAgICB9KS5qb2luKCcnKTtcbn1cbi8qKiBUeXBvZ3JhcGh5IGFuZCBvdmVyZmxvdyBhcmUgb3duZWQgYnkgdGhlIHRhYmxlLCBpbmRlcGVuZGVudGx5IG9mIHJvdyBhY3Rpb25zLiAqL1xuZXhwb3J0IGNvbnN0IENlbGxUZXh0ID0gKHsgY2hpbGRyZW4sIHNpemUsIGtpbmQgPSAnYm9keScsIGVsbGlwc2lzIH0pID0+IHtcbiAgICB2YXIgX2E7XG4gICAgaWYgKGNoaWxkcmVuID09PSBudWxsIHx8IGNoaWxkcmVuID09PSB1bmRlZmluZWQgfHwgdHlwZW9mIGNoaWxkcmVuID09PSAnYm9vbGVhbicpXG4gICAgICAgIHJldHVybiBudWxsO1xuICAgIGNvbnN0IGNvbmZpZyA9IFRBQkxFX1NJWkVfQ09ORklHW3NpemVdO1xuICAgIGNvbnN0IG9wdGlvbnMgPSB0eXBlb2YgZWxsaXBzaXMgPT09ICdvYmplY3QnID8gZWxsaXBzaXMgOiB1bmRlZmluZWQ7XG4gICAgY29uc3QgcmVxdWVzdGVkTGluZXMgPSAoX2EgPSBvcHRpb25zID09PSBudWxsIHx8IG9wdGlvbnMgPT09IHZvaWQgMCA/IHZvaWQgMCA6IG9wdGlvbnMubGluZXMpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IDE7XG4gICAgY29uc3QgbGluZXMgPSBOdW1iZXIuaXNGaW5pdGUocmVxdWVzdGVkTGluZXMpID8gTWF0aC5tYXgoMSwgTWF0aC5mbG9vcihyZXF1ZXN0ZWRMaW5lcykpIDogMTtcbiAgICBjb25zdCBjbGFzc05hbWUgPSBlbGxpcHNpc1xuICAgICAgICA/IGAke1RBQkxFX0RFRkFVTFRfUFJFRklYfS1jZWxsLXRleHQgJHtUQUJMRV9ERUZBVUxUX1BSRUZJWH0tY2VsbC10ZXh0LS0ke2xpbmVzID09PSAxID8gJ2VsbGlwc2lzJyA6ICdjbGFtcCd9YFxuICAgICAgICA6IGAke1RBQkxFX0RFRkFVTFRfUFJFRklYfS1jZWxsLXRleHRgO1xuICAgIGNvbnN0IHN0eWxlID0gZWxsaXBzaXMgJiYgbGluZXMgPiAxXG4gICAgICAgID8geyAnLS1vbS10YWJsZS10ZXh0LWxpbmVzJzogbGluZXMgfVxuICAgICAgICA6IHVuZGVmaW5lZDtcbiAgICBjb25zdCB0aXRsZSA9IChvcHRpb25zID09PSBudWxsIHx8IG9wdGlvbnMgPT09IHZvaWQgMCA/IHZvaWQgMCA6IG9wdGlvbnMudG9vbHRpcCkgPyB0ZXh0Q29udGVudChjaGlsZHJlbikgfHwgdW5kZWZpbmVkIDogdW5kZWZpbmVkO1xuICAgIGNvbnN0IHByZXNlbnRhdGlvbiA9IHsgY2xhc3NOYW1lLCBzdHlsZSwgdGl0bGUgfTtcbiAgICBpZiAoa2luZCA9PT0gJ3ByaW1hcnknIHx8IChraW5kID09PSAnYm9keScgJiYgKHR5cGVvZiBjaGlsZHJlbiA9PT0gJ3N0cmluZycgfHwgdHlwZW9mIGNoaWxkcmVuID09PSAnbnVtYmVyJykpKSB7XG4gICAgICAgIHJldHVybiBfanN4KFR5cG9ncmFwaHlUaXRsZSwgT2JqZWN0LmFzc2lnbih7fSwgcHJlc2VudGF0aW9uLCB7IHNpemU6IGtpbmQgPT09ICdwcmltYXJ5JyA/IGNvbmZpZy5wcmltYXJ5Rm9udFNpemUgOiBjb25maWcuZm9udFNpemUsIGNoaWxkcmVuOiBjaGlsZHJlbiB9KSk7XG4gICAgfVxuICAgIGlmIChraW5kID09PSAnc2Vjb25kYXJ5Jykge1xuICAgICAgICByZXR1cm4gX2pzeChUeXBvZ3JhcGh5Qm9keSwgT2JqZWN0LmFzc2lnbih7fSwgcHJlc2VudGF0aW9uLCB7IGFzOiBcImRpdlwiLCBzaXplOiBjb25maWcuc2Vjb25kYXJ5Rm9udFNpemUsIGNoaWxkcmVuOiBjaGlsZHJlbiB9KSk7XG4gICAgfVxuICAgIC8vIEV4cGxpY2l0IGN1c3RvbSBUeXBvZ3JhcGh5IHJlbWFpbnMgYW4gb3ZlcnJpZGUuIEpTWCB3aXRob3V0IGVsbGlwc2lzIHN0YXlzIHVudG91Y2hlZC5cbiAgICByZXR1cm4gZWxsaXBzaXMgPyBfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oe30sIHByZXNlbnRhdGlvbiwgeyBjaGlsZHJlbjogY2hpbGRyZW4gfSkpIDogX2pzeChfRnJhZ21lbnQsIHsgY2hpbGRyZW46IGNoaWxkcmVuIH0pO1xufTsiLG51bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/lib/components/Table/renderers/HeaderCell.d.ts

@@ -1,10 +1,11 @@
-import type { TableColumn, TableFilterValue, TableRecord, TableSortOrder } from '../interface';
+import type { TableColumn, TableFilterValue, TableRecord, TableSortOrder, TableSize } from '../interface';
 interface HeaderCellProps<T extends TableRecord> {
+    size: TableSize;
     column: TableColumn<T>;
     sortOrder?: TableSortOrder;
     onSortClick: () => void;
     filterSelected: TableFilterValue;
     onFilterChange: (next: TableFilterValue) => void;
 }
-export declare const HeaderCell: <T extends TableRecord = TableRecord>({ column, sortOrder, onSortClick, filterSelected, onFilterChange, }: HeaderCellProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const HeaderCell: <T extends TableRecord = TableRecord>({ size, column, sortOrder, onSortClick, filterSelected, onFilterChange, }: HeaderCellProps<T>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/components/Table/renderers/HeaderCell.js

@@ -5,11 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.HeaderCell = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
+var _Typography = require("../../Typography");
+var _size = require("../size");
 var _SortTrigger = require("../features/SortTrigger");
 var _FilterTrigger = require("../features/FilterTrigger");
 var _constants = require("../constants");
 var HeaderCell = exports.HeaderCell = function HeaderCell(_ref) {
-  var column = _ref.column,
+  var size = _ref.size,
+    column = _ref.column,
     sortOrder = _ref.sortOrder,
     onSortClick = _ref.onSortClick,
     filterSelected = _ref.filterSelected,
@@ -18,9 +21,13 @@ var HeaderCell = exports.HeaderCell = function HeaderCell(_ref) {
   var hasFilter = column.filters && column.filters.length > 0 || column.filterDropdown !== undefined;
   return (0, _jsxRuntime.jsxs)("div", {
     className: "".concat(_constants.TABLE_DEFAULT_PREFIX, "-header-cell"),
-    children: [(0, _jsxRuntime.jsx)("span", {
+    children: [(0, _jsxRuntime.jsx)("div", {
       className: "".concat(_constants.TABLE_DEFAULT_PREFIX, "-header-cell__title"),
-      children: column.title
+      children: typeof column.title === 'string' || typeof column.title === 'number' ? (0, _jsxRuntime.jsx)(_Typography.TypographyTitle, {
+        size: _size.TABLE_SIZE_CONFIG[size].headerFontSize,
+        strong: true,
+        children: column.title
+      }) : column.title
     }), column.sorter ? (0, _jsxRuntime.jsx)(_SortTrigger.SortTrigger, {
       label: titleText,
       order: sortOrder,
@@ -32,4 +39,4 @@ var HeaderCell = exports.HeaderCell = function HeaderCell(_ref) {
     }) : null]
   });
 };
-//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL0hlYWRlckNlbGwuanMiLCJjb21wb25lbnRzL1RhYmxlL3NyYy9jb21wb25lbnRzL1RhYmxlL3JlbmRlcmVycy9IZWFkZXJDZWxsLnRzeCJdLCJuYW1lcyI6WyJfanN4UnVudGltZSIsInJlcXVpcmUiLCJfU29ydFRyaWdnZXIiLCJfRmlsdGVyVHJpZ2dlciIsIl9jb25zdGFudHMiLCJIZWFkZXJDZWxsIiwiZXhwb3J0cyIsIl9yZWYiLCJjb2x1bW4iLCJzb3J0T3JkZXIiLCJvblNvcnRDbGljayIsImZpbHRlclNlbGVjdGVkIiwib25GaWx0ZXJDaGFuZ2UiLCJ0aXRsZVRleHQiLCJ0aXRsZSIsIlN0cmluZyIsImhhc0ZpbHRlciIsImZpbHRlcnMiLCJsZW5ndGgiLCJmaWx0ZXJEcm9wZG93biIsInVuZGVmaW5lZCIsIl9qc3hzIiwiY2xhc3NOYW1lIiwiY29uY2F0IiwiVEFCTEVfREVGQVVMVF9QUkVGSVgiLCJjaGlsZHJlbiIsIl9qc3giLCJzb3J0ZXIiLCJTb3J0VHJpZ2dlciIsImxhYmVsIiwib3JkZXIiLCJvbkNsaWNrIiwiRmlsdGVyVHJpZ2dlciIsInNlbGVjdGVkS2V5cyIsIm9uQ2hhbmdlIl0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxJQUFBQSxXQUFBLEdBQUFDLE9BQUE7QUNBQSxJQUFBQyxZQUFBLEdBQUFELE9BQUE7QUFDQSxJQUFBRSxjQUFBLEdBQUFGLE9BQUE7QUFDQSxJQUFBRyxVQUFBLEdBQUFILE9BQUE7QUFnQk8sSUFBTUksVUFBVSxHQUFBQyxPQUFBLENBQUFELFVBQUEsR0FBRyxTQUFiQSxVQUFVQSxDQUFBRSxJQUFBLEVBTUU7RUFBQSxJQUx2QkMsTUFBTSxHQUFBRCxJQUFBLENBQU5DLE1BQU07SUFDTkMsU0FBUyxHQUFBRixJQUFBLENBQVRFLFNBQVM7SUFDVEMsV0FBVyxHQUFBSCxJQUFBLENBQVhHLFdBQVc7SUFDWEMsY0FBYyxHQUFBSixJQUFBLENBQWRJLGNBQWM7SUFDZEMsY0FBYyxHQUFBTCxJQUFBLENBQWRLLGNBQWM7RUFFZCxJQUFNQyxTQUFTLEdBQUcsT0FBT0wsTUFBTSxDQUFDTSxLQUFLLEtBQUssUUFBUSxJQUFJLE9BQU9OLE1BQU0sQ0FBQ00sS0FBSyxLQUFLLFFBQVEsR0FDbEZDLE1BQU0sQ0FBQ1AsTUFBTSxDQUFDTSxLQUFLLENBQUMsR0FDcEIsRUFBRTtFQUVOLElBQU1FLFNBQVMsR0FDWlIsTUFBTSxDQUFDUyxPQUFPLElBQUlULE1BQU0sQ0FBQ1MsT0FBTyxDQUFDQyxNQUFNLEdBQUcsQ0FBQyxJQUM1Q1YsTUFBTSxDQUFDVyxjQUFjLEtBQUtDLFNBQVM7RUFFckMsT0FDRSxJQUFBQyxnQkFBQSxFQUFBLEtBQUEsRUFBQTtJQUFLQyxTQUFTLEtBQUFDLE1BQUEsQ0FBS0MsK0JBQW9CLGlCQUFjO0lBQUFDLFFBQUEsRUFBQSxDQUNuRCxJQUFBQyxlQUFBLEVBQUEsTUFBQSxFQUFBO01BQU1KLFNBQVMsS0FBQUMsTUFBQSxDQUFLQywrQkFBb0Isd0JBQXFCO01BQUFDLFFBQUEsRUFBR2pCLE1BQU0sQ0FBQ007SUFBSyxDQUFBLENBQVEsRUFDbkZOLE1BQU0sQ0FBQ21CLE1BQU0sR0FDWixJQUFBRCxlQUFBLEVBQUNFLHdCQUFXLEVBQUE7TUFDVkMsS0FBSyxFQUFFaEIsU0FBUztNQUNoQmlCLEtBQUssRUFBRXJCLFNBQVM7TUFDaEJzQixPQUFPLEVBQUVyQjtJQUFXLENBQUEsQ0FDcEIsR0FDQSxJQUFJLEVBQ1BNLFNBQVMsR0FDUixJQUFBVSxlQUFBLEVBQUNNLDRCQUFhLEVBQUE7TUFDWnhCLE1BQU0sRUFBRUEsTUFBTTtNQUNkeUIsWUFBWSxFQUFFdEIsY0FBYztNQUM1QnVCLFFBQVEsRUFBRXRCO0lBQWMsQ0FBQSxDQUN4QixHQUNBLElBQUk7RUFBQSxDQUFBLENBQ0o7QUFFVixDQUFDIiwiZmlsZSI6ImNvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL0hlYWRlckNlbGwuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xuaW1wb3J0IHsgU29ydFRyaWdnZXIgfSBmcm9tICcuLi9mZWF0dXJlcy9Tb3J0VHJpZ2dlcic7XG5pbXBvcnQgeyBGaWx0ZXJUcmlnZ2VyIH0gZnJvbSAnLi4vZmVhdHVyZXMvRmlsdGVyVHJpZ2dlcic7XG5pbXBvcnQgeyBUQUJMRV9ERUZBVUxUX1BSRUZJWCB9IGZyb20gJy4uL2NvbnN0YW50cyc7XG5leHBvcnQgY29uc3QgSGVhZGVyQ2VsbCA9ICh7IGNvbHVtbiwgc29ydE9yZGVyLCBvblNvcnRDbGljaywgZmlsdGVyU2VsZWN0ZWQsIG9uRmlsdGVyQ2hhbmdlLCB9KSA9PiB7XG4gICAgY29uc3QgdGl0bGVUZXh0ID0gdHlwZW9mIGNvbHVtbi50aXRsZSA9PT0gJ3N0cmluZycgfHwgdHlwZW9mIGNvbHVtbi50aXRsZSA9PT0gJ251bWJlcidcbiAgICAgICAgPyBTdHJpbmcoY29sdW1uLnRpdGxlKVxuICAgICAgICA6ICcnO1xuICAgIGNvbnN0IGhhc0ZpbHRlciA9IChjb2x1bW4uZmlsdGVycyAmJiBjb2x1bW4uZmlsdGVycy5sZW5ndGggPiAwKSB8fFxuICAgICAgICBjb2x1bW4uZmlsdGVyRHJvcGRvd24gIT09IHVuZGVmaW5lZDtcbiAgICByZXR1cm4gKF9qc3hzKFwiZGl2XCIsIHsgY2xhc3NOYW1lOiBgJHtUQUJMRV9ERUZBVUxUX1BSRUZJWH0taGVhZGVyLWNlbGxgLCBjaGlsZHJlbjogW19qc3goXCJzcGFuXCIsIHsgY2xhc3NOYW1lOiBgJHtUQUJMRV9ERUZBVUxUX1BSRUZJWH0taGVhZGVyLWNlbGxfX3RpdGxlYCwgY2hpbGRyZW46IGNvbHVtbi50aXRsZSB9KSwgY29sdW1uLnNvcnRlciA/IChfanN4KFNvcnRUcmlnZ2VyLCB7IGxhYmVsOiB0aXRsZVRleHQsIG9yZGVyOiBzb3J0T3JkZXIsIG9uQ2xpY2s6IG9uU29ydENsaWNrIH0pKSA6IG51bGwsIGhhc0ZpbHRlciA/IChfanN4KEZpbHRlclRyaWdnZXIsIHsgY29sdW1uOiBjb2x1bW4sIHNlbGVjdGVkS2V5czogZmlsdGVyU2VsZWN0ZWQsIG9uQ2hhbmdlOiBvbkZpbHRlckNoYW5nZSB9KSkgOiBudWxsXSB9KSk7XG59OyIsbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL0hlYWRlckNlbGwuanMiLCJjb21wb25lbnRzL1RhYmxlL3NyYy9jb21wb25lbnRzL1RhYmxlL3JlbmRlcmVycy9IZWFkZXJDZWxsLnRzeCJdLCJuYW1lcyI6WyJfanN4UnVudGltZSIsInJlcXVpcmUiLCJfVHlwb2dyYXBoeSIsIl9zaXplIiwiX1NvcnRUcmlnZ2VyIiwiX0ZpbHRlclRyaWdnZXIiLCJfY29uc3RhbnRzIiwiSGVhZGVyQ2VsbCIsImV4cG9ydHMiLCJfcmVmIiwic2l6ZSIsImNvbHVtbiIsInNvcnRPcmRlciIsIm9uU29ydENsaWNrIiwiZmlsdGVyU2VsZWN0ZWQiLCJvbkZpbHRlckNoYW5nZSIsInRpdGxlVGV4dCIsInRpdGxlIiwiU3RyaW5nIiwiaGFzRmlsdGVyIiwiZmlsdGVycyIsImxlbmd0aCIsImZpbHRlckRyb3Bkb3duIiwidW5kZWZpbmVkIiwiX2pzeHMiLCJjbGFzc05hbWUiLCJjb25jYXQiLCJUQUJMRV9ERUZBVUxUX1BSRUZJWCIsImNoaWxkcmVuIiwiX2pzeCIsIlR5cG9ncmFwaHlUaXRsZSIsIlRBQkxFX1NJWkVfQ09ORklHIiwiaGVhZGVyRm9udFNpemUiLCJzdHJvbmciLCJzb3J0ZXIiLCJTb3J0VHJpZ2dlciIsImxhYmVsIiwib3JkZXIiLCJvbkNsaWNrIiwiRmlsdGVyVHJpZ2dlciIsInNlbGVjdGVkS2V5cyIsIm9uQ2hhbmdlIl0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxJQUFBQSxXQUFBLEdBQUFDLE9BQUE7QUNBQSxJQUFBQyxXQUFBLEdBQUFELE9BQUE7QUFDQSxJQUFBRSxLQUFBLEdBQUFGLE9BQUE7QUFDQSxJQUFBRyxZQUFBLEdBQUFILE9BQUE7QUFDQSxJQUFBSSxjQUFBLEdBQUFKLE9BQUE7QUFDQSxJQUFBSyxVQUFBLEdBQUFMLE9BQUE7QUFrQk8sSUFBTU0sVUFBVSxHQUFBQyxPQUFBLENBQUFELFVBQUEsR0FBRyxTQUFiQSxVQUFVQSxDQUFBRSxJQUFBLEVBT0U7RUFBQSxJQU52QkMsSUFBSSxHQUFBRCxJQUFBLENBQUpDLElBQUk7SUFDSkMsTUFBTSxHQUFBRixJQUFBLENBQU5FLE1BQU07SUFDTkMsU0FBUyxHQUFBSCxJQUFBLENBQVRHLFNBQVM7SUFDVEMsV0FBVyxHQUFBSixJQUFBLENBQVhJLFdBQVc7SUFDWEMsY0FBYyxHQUFBTCxJQUFBLENBQWRLLGNBQWM7SUFDZEMsY0FBYyxHQUFBTixJQUFBLENBQWRNLGNBQWM7RUFFZCxJQUFNQyxTQUFTLEdBQUcsT0FBT0wsTUFBTSxDQUFDTSxLQUFLLEtBQUssUUFBUSxJQUFJLE9BQU9OLE1BQU0sQ0FBQ00sS0FBSyxLQUFLLFFBQVEsR0FDbEZDLE1BQU0sQ0FBQ1AsTUFBTSxDQUFDTSxLQUFLLENBQUMsR0FDcEIsRUFBRTtFQUVOLElBQU1FLFNBQVMsR0FDWlIsTUFBTSxDQUFDUyxPQUFPLElBQUlULE1BQU0sQ0FBQ1MsT0FBTyxDQUFDQyxNQUFNLEdBQUcsQ0FBQyxJQUM1Q1YsTUFBTSxDQUFDVyxjQUFjLEtBQUtDLFNBQVM7RUFFckMsT0FDRSxJQUFBQyxnQkFBQSxFQUFBLEtBQUEsRUFBQTtJQUFLQyxTQUFTLEtBQUFDLE1BQUEsQ0FBS0MsK0JBQW9CLGlCQUFjO0lBQUFDLFFBQUEsRUFBQSxDQUNuRCxJQUFBQyxlQUFBLEVBQUEsS0FBQSxFQUFBO01BQUtKLFNBQVMsS0FBQUMsTUFBQSxDQUFLQywrQkFBb0Isd0JBQXFCO01BQUFDLFFBQUEsRUFDekQsT0FBT2pCLE1BQU0sQ0FBQ00sS0FBSyxLQUFLLFFBQVEsSUFBSSxPQUFPTixNQUFNLENBQUNNLEtBQUssS0FBSyxRQUFRLEdBQ2pFLElBQUFZLGVBQUEsRUFBQ0MsMkJBQWUsRUFBQTtRQUFDcEIsSUFBSSxFQUFFcUIsdUJBQWlCLENBQUNyQixJQUFJLENBQUMsQ0FBQ3NCLGNBQWM7UUFBRUMsTUFBTSxFQUFBLElBQUE7UUFBQUwsUUFBQSxFQUFFakIsTUFBTSxDQUFDTTtNQUFLLENBQUEsQ0FBbUIsR0FDdEdOLE1BQU0sQ0FBQ007SUFBSyxDQUFBLENBQ1osRUFDTE4sTUFBTSxDQUFDdUIsTUFBTSxHQUNaLElBQUFMLGVBQUEsRUFBQ00sd0JBQVcsRUFBQTtNQUNWQyxLQUFLLEVBQUVwQixTQUFTO01BQ2hCcUIsS0FBSyxFQUFFekIsU0FBUztNQUNoQjBCLE9BQU8sRUFBRXpCO0lBQVcsQ0FBQSxDQUNwQixHQUNBLElBQUksRUFDUE0sU0FBUyxHQUNSLElBQUFVLGVBQUEsRUFBQ1UsNEJBQWEsRUFBQTtNQUNaNUIsTUFBTSxFQUFFQSxNQUFNO01BQ2Q2QixZQUFZLEVBQUUxQixjQUFjO01BQzVCMkIsUUFBUSxFQUFFMUI7SUFBYyxDQUFBLENBQ3hCLEdBQ0EsSUFBSTtFQUFBLENBQUEsQ0FDSjtBQUVWLENBQUMiLCJmaWxlIjoiY29tcG9uZW50cy9UYWJsZS9yZW5kZXJlcnMvSGVhZGVyQ2VsbC5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5VGl0bGUgfSBmcm9tICcuLi8uLi9UeXBvZ3JhcGh5JztcbmltcG9ydCB7IFRBQkxFX1NJWkVfQ09ORklHIH0gZnJvbSAnLi4vc2l6ZSc7XG5pbXBvcnQgeyBTb3J0VHJpZ2dlciB9IGZyb20gJy4uL2ZlYXR1cmVzL1NvcnRUcmlnZ2VyJztcbmltcG9ydCB7IEZpbHRlclRyaWdnZXIgfSBmcm9tICcuLi9mZWF0dXJlcy9GaWx0ZXJUcmlnZ2VyJztcbmltcG9ydCB7IFRBQkxFX0RFRkFVTFRfUFJFRklYIH0gZnJvbSAnLi4vY29uc3RhbnRzJztcbmV4cG9ydCBjb25zdCBIZWFkZXJDZWxsID0gKHsgc2l6ZSwgY29sdW1uLCBzb3J0T3JkZXIsIG9uU29ydENsaWNrLCBmaWx0ZXJTZWxlY3RlZCwgb25GaWx0ZXJDaGFuZ2UsIH0pID0+IHtcbiAgICBjb25zdCB0aXRsZVRleHQgPSB0eXBlb2YgY29sdW1uLnRpdGxlID09PSAnc3RyaW5nJyB8fCB0eXBlb2YgY29sdW1uLnRpdGxlID09PSAnbnVtYmVyJ1xuICAgICAgICA/IFN0cmluZyhjb2x1bW4udGl0bGUpXG4gICAgICAgIDogJyc7XG4gICAgY29uc3QgaGFzRmlsdGVyID0gKGNvbHVtbi5maWx0ZXJzICYmIGNvbHVtbi5maWx0ZXJzLmxlbmd0aCA+IDApIHx8XG4gICAgICAgIGNvbHVtbi5maWx0ZXJEcm9wZG93biAhPT0gdW5kZWZpbmVkO1xuICAgIHJldHVybiAoX2pzeHMoXCJkaXZcIiwgeyBjbGFzc05hbWU6IGAke1RBQkxFX0RFRkFVTFRfUFJFRklYfS1oZWFkZXItY2VsbGAsIGNoaWxkcmVuOiBbX2pzeChcImRpdlwiLCB7IGNsYXNzTmFtZTogYCR7VEFCTEVfREVGQVVMVF9QUkVGSVh9LWhlYWRlci1jZWxsX190aXRsZWAsIGNoaWxkcmVuOiB0eXBlb2YgY29sdW1uLnRpdGxlID09PSAnc3RyaW5nJyB8fCB0eXBlb2YgY29sdW1uLnRpdGxlID09PSAnbnVtYmVyJ1xuICAgICAgICAgICAgICAgICAgICA/IF9qc3goVHlwb2dyYXBoeVRpdGxlLCB7IHNpemU6IFRBQkxFX1NJWkVfQ09ORklHW3NpemVdLmhlYWRlckZvbnRTaXplLCBzdHJvbmc6IHRydWUsIGNoaWxkcmVuOiBjb2x1bW4udGl0bGUgfSlcbiAgICAgICAgICAgICAgICAgICAgOiBjb2x1bW4udGl0bGUgfSksIGNvbHVtbi5zb3J0ZXIgPyAoX2pzeChTb3J0VHJpZ2dlciwgeyBsYWJlbDogdGl0bGVUZXh0LCBvcmRlcjogc29ydE9yZGVyLCBvbkNsaWNrOiBvblNvcnRDbGljayB9KSkgOiBudWxsLCBoYXNGaWx0ZXIgPyAoX2pzeChGaWx0ZXJUcmlnZ2VyLCB7IGNvbHVtbjogY29sdW1uLCBzZWxlY3RlZEtleXM6IGZpbHRlclNlbGVjdGVkLCBvbkNoYW5nZTogb25GaWx0ZXJDaGFuZ2UgfSkpIDogbnVsbF0gfSkpO1xufTsiLG51bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

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

@@ -1,10 +1,10 @@
 import type { CSSProperties } from 'react';
-import type { TypographyBodySize, TypographyLabelSize, TypographyTitleSize } from "../Typography";
+import type { TypographyBodySize, TypographyTitleSize } from "../Typography";
 import type { TableSize } from './interface';
 export declare const TABLE_DEFAULT_SIZE: TableSize;
 interface TableSizeConfig {
-    fontSize: TypographyBodySize;
-    headerFontSize: TypographyLabelSize;
+    fontSize: TypographyTitleSize;
+    headerFontSize: TypographyTitleSize;
     primaryFontSize: TypographyTitleSize;
     secondaryFontSize: TypographyBodySize;
     rowHeight: number;

package/lib/components/Table/size.js

@@ -9,8 +9,8 @@ var TABLE_DEFAULT_SIZE = exports.TABLE_DEFAULT_SIZE = 'small';
 /** One source for render metadata, CSS density and virtual row estimates. */
 var TABLE_SIZE_CONFIG = exports.TABLE_SIZE_CONFIG = {
   large: {
-    fontSize: 'lg',
-    headerFontSize: 'md',
+    fontSize: 'md',
+    headerFontSize: 'sm',
     primaryFontSize: 'md',
     secondaryFontSize: 'md',
     rowHeight: 60,
@@ -18,8 +18,8 @@ var TABLE_SIZE_CONFIG = exports.TABLE_SIZE_CONFIG = {
     paddingY: 12
   },
   small: {
-    fontSize: 'md',
-    headerFontSize: 'sm',
+    fontSize: 'sm',
+    headerFontSize: 'xs',
     primaryFontSize: 'sm',
     secondaryFontSize: 'sm',
     rowHeight: 52,
@@ -27,8 +27,8 @@ var TABLE_SIZE_CONFIG = exports.TABLE_SIZE_CONFIG = {
     paddingY: 8
   },
   'extra-small': {
-    fontSize: 'sm',
-    headerFontSize: 'sm',
+    fontSize: 'xs',
+    headerFontSize: 'xs',
     primaryFontSize: 'xs',
     secondaryFontSize: 'sm',
     rowHeight: 44,
@@ -45,13 +45,13 @@ function tableSizeCssVars(size) {
     '--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)")
+    '--om-table-header-strong-weight': "var(--om-title-".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, ")");
+    style["--om-table-body-".concat(property)] = "var(--om-title-".concat(config.fontSize, "-").concat(property, ")");
+    style["--om-table-header-".concat(property)] = "var(--om-title-".concat(config.headerFontSize, "-").concat(property, ")");
   }
   return style;
 }
-//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvVGFibGUvc2l6ZS50cyIsImNvbXBvbmVudHMvVGFibGUvc2l6ZS5qcyJdLCJuYW1lcyI6WyJUQUJMRV9ERUZBVUxUX1NJWkUiLCJleHBvcnRzIiwiVEFCTEVfU0laRV9DT05GSUciLCJsYXJnZSIsImZvbnRTaXplIiwiaGVhZGVyRm9udFNpemUiLCJwcmltYXJ5Rm9udFNpemUiLCJzZWNvbmRhcnlGb250U2l6ZSIsInJvd0hlaWdodCIsImhlYWRlckhlaWdodCIsInBhZGRpbmdZIiwic21hbGwiLCJncmlkTGVuZ3RoIiwicGl4ZWxzIiwiY29uY2F0IiwidGFibGVTaXplQ3NzVmFycyIsInNpemUiLCJjb25maWciLCJzdHlsZSIsIl9pIiwiX2FyciIsImxlbmd0aCIsInByb3BlcnR5Il0sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBSU8sSUFBTUEsa0JBQWtCLEdBQUFDLE9BQUEsQ0FBQUQsa0JBQUEsR0FBYyxPQUFPO0FBWXBEO0FBQ08sSUFBTUUsaUJBQWlCLEdBQUFELE9BQUEsQ0FBQUMsaUJBQUEsR0FBdUM7RUFDbkVDLEtBQUssRUFBRTtJQUNMQyxRQUFRLEVBQUUsSUFBSTtJQUFFQyxjQUFjLEVBQUUsSUFBSTtJQUFFQyxlQUFlLEVBQUUsSUFBSTtJQUFFQyxpQkFBaUIsRUFBRSxJQUFJO0lBQ3BGQyxTQUFTLEVBQUUsRUFBRTtJQUFFQyxZQUFZLEVBQUUsRUFBRTtJQUFFQyxRQUFRLEVBQUU7RUNkM0MsQ0RlRDtFQUNEQyxLQUFLLEVBQUU7SUFDTFAsUUFBUSxFQUFFLElBQUk7SUFBRUMsY0FBYyxFQUFFLElBQUk7SUFBRUMsZUFBZSxFQUFFLElBQUk7SUFBRUMsaUJBQWlCLEVBQUUsSUFBSTtJQUNwRkMsU0FBUyxFQUFFLEVBQUU7SUFBRUMsWUFBWSxFQUFFLEVBQUU7SUFBRUMsUUFBUSxFQUFFO0VDZDNDLENEZUQ7RUFDRCxhQUFhLEVBQUU7SUFDYk4sUUFBUSxFQUFFLElBQUk7SUFBRUMsY0FBYyxFQUFFLElBQUk7SUFBRUMsZUFBZSxFQUFFLElBQUk7SUFBRUMsaUJBQWlCLEVBQUUsSUFBSTtJQUNwRkMsU0FBUyxFQUFFLEVBQUU7SUFBRUMsWUFBWSxFQUFFLEVBQUU7SUFBRUMsUUFBUSxFQUFFO0VDZDNDO0FBQ0osQ0RlQztBQUdELElBQU1FLFVBQVUsR0FBRyxTQUFiQSxVQUFVQSxDQUFJQyxNQUFjO0VBQUEsdUNBQUFDLE1BQUEsQ0FBcUNELE1BQU0sR0FBRyxDQUFDO0FBQUEsQ0FBRztBQUU5RSxTQUFVRSxnQkFBZ0JBLENBQUNDLElBQWUsRUFBQTtFQUM5QyxJQUFNQyxNQUFNLEdBQUdmLGlCQUFpQixDQUFDYyxJQUFJLENBQUM7RUFDdEMsSUFBTUUsS0FBSyxHQUFtQjtJQUM1Qix1QkFBdUIsRUFBRU4sVUFBVSxDQUFDSyxNQUFNLENBQUNULFNBQVMsQ0FBQztJQUNyRCwwQkFBMEIsRUFBRUksVUFBVSxDQUFDSyxNQUFNLENBQUNSLFlBQVksQ0FBQztJQUMzRCwyQkFBMkIsRUFBRUcsVUFBVSxDQUFDSyxNQUFNLENBQUNQLFFBQVEsQ0FBQztJQUN4RCxpQ0FBaUMsb0JBQUFJLE1BQUEsQ0FBb0JHLE1BQU0sQ0FBQ1osY0FBYztFQ2pCMUUsQ0RrQkQ7RUFDRCxTQUFBYyxFQUFBLE1BQUFDLElBQUEsR0FBdUIsQ0FBQyxXQUFXLEVBQUUsYUFBYSxFQUFFLGFBQWEsRUFBRSxhQUFhLEVBQUUsZ0JBQWdCLENBQUMsRUFBQUQsRUFBQSxHQUFBQyxJQUFBLENBQUFDLE1BQUEsRUFBQUYsRUFBQSxJQUFFO0lBQWhHLElBQU1HLFFBQVEsR0FBQUYsSUFBQSxDQUFBRCxFQUFBO0lBQ2pCRCxLQUFLLG9CQUFBSixNQUFBLENBQW9CUSxRQUFRLEVBQUcsb0JBQUFSLE1BQUEsQ0FBb0JHLE1BQU0sQ0FBQ2IsUUFBUSxPQUFBVSxNQUFBLENBQUlRLFFBQVEsTUFBRztJQUN0RkosS0FBSyxzQkFBQUosTUFBQSxDQUFzQlEsUUFBUSxFQUFHLHFCQUFBUixNQUFBLENBQXFCRyxNQUFNLENBQUNaLGNBQWMsT0FBQVMsTUFBQSxDQUFJUSxRQUFRLE1BQUc7RUFDakc7RUFDQSxPQUFPSixLQUFLO0FBQ2QiLCJmaWxlIjoiY29tcG9uZW50cy9UYWJsZS9zaXplLmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsLCJleHBvcnQgY29uc3QgVEFCTEVfREVGQVVMVF9TSVpFID0gJ3NtYWxsJztcbi8qKiBPbmUgc291cmNlIGZvciByZW5kZXIgbWV0YWRhdGEsIENTUyBkZW5zaXR5IGFuZCB2aXJ0dWFsIHJvdyBlc3RpbWF0ZXMuICovXG5leHBvcnQgY29uc3QgVEFCTEVfU0laRV9DT05GSUcgPSB7XG4gICAgbGFyZ2U6IHtcbiAgICAgICAgZm9udFNpemU6ICdsZycsIGhlYWRlckZvbnRTaXplOiAnbWQnLCBwcmltYXJ5Rm9udFNpemU6ICdtZCcsIHNlY29uZGFyeUZvbnRTaXplOiAnbWQnLFxuICAgICAgICByb3dIZWlnaHQ6IDYwLCBoZWFkZXJIZWlnaHQ6IDQwLCBwYWRkaW5nWTogMTIsXG4gICAgfSxcbiAgICBzbWFsbDoge1xuICAgICAgICBmb250U2l6ZTogJ21kJywgaGVhZGVyRm9udFNpemU6ICdzbScsIHByaW1hcnlGb250U2l6ZTogJ3NtJywgc2Vjb25kYXJ5Rm9udFNpemU6ICdzbScsXG4gICAgICAgIHJvd0hlaWdodDogNTIsIGhlYWRlckhlaWdodDogMzIsIHBhZGRpbmdZOiA4LFxuICAgIH0sXG4gICAgJ2V4dHJhLXNtYWxsJzoge1xuICAgICAgICBmb250U2l6ZTogJ3NtJywgaGVhZGVyRm9udFNpemU6ICdzbScsIHByaW1hcnlGb250U2l6ZTogJ3hzJywgc2Vjb25kYXJ5Rm9udFNpemU6ICdzbScsXG4gICAgICAgIHJvd0hlaWdodDogNDQsIGhlYWRlckhlaWdodDogMzIsIHBhZGRpbmdZOiA0LFxuICAgIH0sXG59O1xuY29uc3QgZ3JpZExlbmd0aCA9IChwaXhlbHMpID0+IGBjYWxjKHZhcigtLW9tLXNwYWNpbmctMTAwKSAqICR7cGl4ZWxzIC8gNH0pYDtcbmV4cG9ydCBmdW5jdGlvbiB0YWJsZVNpemVDc3NWYXJzKHNpemUpIHtcbiAgICBjb25zdCBjb25maWcgPSBUQUJMRV9TSVpFX0NPTkZJR1tzaXplXTtcbiAgICBjb25zdCBzdHlsZSA9IHtcbiAgICAgICAgJy0tb20tdGFibGUtcm93LWhlaWdodCc6IGdyaWRMZW5ndGgoY29uZmlnLnJvd0hlaWdodCksXG4gICAgICAgICctLW9tLXRhYmxlLWhlYWRlci1oZWlnaHQnOiBncmlkTGVuZ3RoKGNvbmZpZy5oZWFkZXJIZWlnaHQpLFxuICAgICAgICAnLS1vbS10YWJsZS1jZWxsLXBhZGRpbmcteSc6IGdyaWRMZW5ndGgoY29uZmlnLnBhZGRpbmdZKSxcbiAgICAgICAgJy0tb20tdGFibGUtaGVhZGVyLXN0cm9uZy13ZWlnaHQnOiBgdmFyKC0tb20tbGFiZWwtJHtjb25maWcuaGVhZGVyRm9udFNpemV9LXN0cm9uZy1mb250LXdlaWdodClgLFxuICAgIH07XG4gICAgZm9yIChjb25zdCBwcm9wZXJ0eSBvZiBbJ2ZvbnQtc2l6ZScsICdmb250LWZhbWlseScsICdmb250LXdlaWdodCcsICdsaW5lLWhlaWdodCcsICdsZXR0ZXItc3BhY2luZyddKSB7XG4gICAgICAgIHN0eWxlW2AtLW9tLXRhYmxlLWJvZHktJHtwcm9wZXJ0eX1gXSA9IGB2YXIoLS1vbS1ib2R5LSR7Y29uZmlnLmZvbnRTaXplfS0ke3Byb3BlcnR5fSlgO1xuICAgICAgICBzdHlsZVtgLS1vbS10YWJsZS1oZWFkZXItJHtwcm9wZXJ0eX1gXSA9IGB2YXIoLS1vbS1sYWJlbC0ke2NvbmZpZy5oZWFkZXJGb250U2l6ZX0tJHtwcm9wZXJ0eX0pYDtcbiAgICB9XG4gICAgcmV0dXJuIHN0eWxlO1xufSJdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvVGFibGUvc2l6ZS50cyIsImNvbXBvbmVudHMvVGFibGUvc2l6ZS5qcyJdLCJuYW1lcyI6WyJUQUJMRV9ERUZBVUxUX1NJWkUiLCJleHBvcnRzIiwiVEFCTEVfU0laRV9DT05GSUciLCJsYXJnZSIsImZvbnRTaXplIiwiaGVhZGVyRm9udFNpemUiLCJwcmltYXJ5Rm9udFNpemUiLCJzZWNvbmRhcnlGb250U2l6ZSIsInJvd0hlaWdodCIsImhlYWRlckhlaWdodCIsInBhZGRpbmdZIiwic21hbGwiLCJncmlkTGVuZ3RoIiwicGl4ZWxzIiwiY29uY2F0IiwidGFibGVTaXplQ3NzVmFycyIsInNpemUiLCJjb25maWciLCJzdHlsZSIsIl9pIiwiX2FyciIsImxlbmd0aCIsInByb3BlcnR5Il0sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBSU8sSUFBTUEsa0JBQWtCLEdBQUFDLE9BQUEsQ0FBQUQsa0JBQUEsR0FBYyxPQUFPO0FBWXBEO0FBQ08sSUFBTUUsaUJBQWlCLEdBQUFELE9BQUEsQ0FBQUMsaUJBQUEsR0FBdUM7RUFDbkVDLEtBQUssRUFBRTtJQUNMQyxRQUFRLEVBQUUsSUFBSTtJQUFFQyxjQUFjLEVBQUUsSUFBSTtJQUFFQyxlQUFlLEVBQUUsSUFBSTtJQUFFQyxpQkFBaUIsRUFBRSxJQUFJO0lBQ3BGQyxTQUFTLEVBQUUsRUFBRTtJQUFFQyxZQUFZLEVBQUUsRUFBRTtJQUFFQyxRQUFRLEVBQUU7RUNkM0MsQ0RlRDtFQUNEQyxLQUFLLEVBQUU7SUFDTFAsUUFBUSxFQUFFLElBQUk7SUFBRUMsY0FBYyxFQUFFLElBQUk7SUFBRUMsZUFBZSxFQUFFLElBQUk7SUFBRUMsaUJBQWlCLEVBQUUsSUFBSTtJQUNwRkMsU0FBUyxFQUFFLEVBQUU7SUFBRUMsWUFBWSxFQUFFLEVBQUU7SUFBRUMsUUFBUSxFQUFFO0VDZDNDLENEZUQ7RUFDRCxhQUFhLEVBQUU7SUFDYk4sUUFBUSxFQUFFLElBQUk7SUFBRUMsY0FBYyxFQUFFLElBQUk7SUFBRUMsZUFBZSxFQUFFLElBQUk7SUFBRUMsaUJBQWlCLEVBQUUsSUFBSTtJQUNwRkMsU0FBUyxFQUFFLEVBQUU7SUFBRUMsWUFBWSxFQUFFLEVBQUU7SUFBRUMsUUFBUSxFQUFFO0VDZDNDO0FBQ0osQ0RlQztBQUdELElBQU1FLFVBQVUsR0FBRyxTQUFiQSxVQUFVQSxDQUFJQyxNQUFjO0VBQUEsdUNBQUFDLE1BQUEsQ0FBcUNELE1BQU0sR0FBRyxDQUFDO0FBQUEsQ0FBRztBQUU5RSxTQUFVRSxnQkFBZ0JBLENBQUNDLElBQWUsRUFBQTtFQUM5QyxJQUFNQyxNQUFNLEdBQUdmLGlCQUFpQixDQUFDYyxJQUFJLENBQUM7RUFDdEMsSUFBTUUsS0FBSyxHQUFtQjtJQUM1Qix1QkFBdUIsRUFBRU4sVUFBVSxDQUFDSyxNQUFNLENBQUNULFNBQVMsQ0FBQztJQUNyRCwwQkFBMEIsRUFBRUksVUFBVSxDQUFDSyxNQUFNLENBQUNSLFlBQVksQ0FBQztJQUMzRCwyQkFBMkIsRUFBRUcsVUFBVSxDQUFDSyxNQUFNLENBQUNQLFFBQVEsQ0FBQztJQUN4RCxpQ0FBaUMsb0JBQUFJLE1BQUEsQ0FBb0JHLE1BQU0sQ0FBQ1osY0FBYztFQ2pCMUUsQ0RrQkQ7RUFDRCxTQUFBYyxFQUFBLE1BQUFDLElBQUEsR0FBdUIsQ0FBQyxXQUFXLEVBQUUsYUFBYSxFQUFFLGFBQWEsRUFBRSxhQUFhLEVBQUUsZ0JBQWdCLENBQUMsRUFBQUQsRUFBQSxHQUFBQyxJQUFBLENBQUFDLE1BQUEsRUFBQUYsRUFBQSxJQUFFO0lBQWhHLElBQU1HLFFBQVEsR0FBQUYsSUFBQSxDQUFBRCxFQUFBO0lBQ2pCRCxLQUFLLG9CQUFBSixNQUFBLENBQW9CUSxRQUFRLEVBQUcscUJBQUFSLE1BQUEsQ0FBcUJHLE1BQU0sQ0FBQ2IsUUFBUSxPQUFBVSxNQUFBLENBQUlRLFFBQVEsTUFBRztJQUN2RkosS0FBSyxzQkFBQUosTUFBQSxDQUFzQlEsUUFBUSxFQUFHLHFCQUFBUixNQUFBLENBQXFCRyxNQUFNLENBQUNaLGNBQWMsT0FBQVMsTUFBQSxDQUFJUSxRQUFRLE1BQUc7RUFDakc7RUFDQSxPQUFPSixLQUFLO0FBQ2QiLCJmaWxlIjoiY29tcG9uZW50cy9UYWJsZS9zaXplLmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsLCJleHBvcnQgY29uc3QgVEFCTEVfREVGQVVMVF9TSVpFID0gJ3NtYWxsJztcbi8qKiBPbmUgc291cmNlIGZvciByZW5kZXIgbWV0YWRhdGEsIENTUyBkZW5zaXR5IGFuZCB2aXJ0dWFsIHJvdyBlc3RpbWF0ZXMuICovXG5leHBvcnQgY29uc3QgVEFCTEVfU0laRV9DT05GSUcgPSB7XG4gICAgbGFyZ2U6IHtcbiAgICAgICAgZm9udFNpemU6ICdtZCcsIGhlYWRlckZvbnRTaXplOiAnc20nLCBwcmltYXJ5Rm9udFNpemU6ICdtZCcsIHNlY29uZGFyeUZvbnRTaXplOiAnbWQnLFxuICAgICAgICByb3dIZWlnaHQ6IDYwLCBoZWFkZXJIZWlnaHQ6IDQwLCBwYWRkaW5nWTogMTIsXG4gICAgfSxcbiAgICBzbWFsbDoge1xuICAgICAgICBmb250U2l6ZTogJ3NtJywgaGVhZGVyRm9udFNpemU6ICd4cycsIHByaW1hcnlGb250U2l6ZTogJ3NtJywgc2Vjb25kYXJ5Rm9udFNpemU6ICdzbScsXG4gICAgICAgIHJvd0hlaWdodDogNTIsIGhlYWRlckhlaWdodDogMzIsIHBhZGRpbmdZOiA4LFxuICAgIH0sXG4gICAgJ2V4dHJhLXNtYWxsJzoge1xuICAgICAgICBmb250U2l6ZTogJ3hzJywgaGVhZGVyRm9udFNpemU6ICd4cycsIHByaW1hcnlGb250U2l6ZTogJ3hzJywgc2Vjb25kYXJ5Rm9udFNpemU6ICdzbScsXG4gICAgICAgIHJvd0hlaWdodDogNDQsIGhlYWRlckhlaWdodDogMzIsIHBhZGRpbmdZOiA0LFxuICAgIH0sXG59O1xuY29uc3QgZ3JpZExlbmd0aCA9IChwaXhlbHMpID0+IGBjYWxjKHZhcigtLW9tLXNwYWNpbmctMTAwKSAqICR7cGl4ZWxzIC8gNH0pYDtcbmV4cG9ydCBmdW5jdGlvbiB0YWJsZVNpemVDc3NWYXJzKHNpemUpIHtcbiAgICBjb25zdCBjb25maWcgPSBUQUJMRV9TSVpFX0NPTkZJR1tzaXplXTtcbiAgICBjb25zdCBzdHlsZSA9IHtcbiAgICAgICAgJy0tb20tdGFibGUtcm93LWhlaWdodCc6IGdyaWRMZW5ndGgoY29uZmlnLnJvd0hlaWdodCksXG4gICAgICAgICctLW9tLXRhYmxlLWhlYWRlci1oZWlnaHQnOiBncmlkTGVuZ3RoKGNvbmZpZy5oZWFkZXJIZWlnaHQpLFxuICAgICAgICAnLS1vbS10YWJsZS1jZWxsLXBhZGRpbmcteSc6IGdyaWRMZW5ndGgoY29uZmlnLnBhZGRpbmdZKSxcbiAgICAgICAgJy0tb20tdGFibGUtaGVhZGVyLXN0cm9uZy13ZWlnaHQnOiBgdmFyKC0tb20tdGl0bGUtJHtjb25maWcuaGVhZGVyRm9udFNpemV9LXN0cm9uZy1mb250LXdlaWdodClgLFxuICAgIH07XG4gICAgZm9yIChjb25zdCBwcm9wZXJ0eSBvZiBbJ2ZvbnQtc2l6ZScsICdmb250LWZhbWlseScsICdmb250LXdlaWdodCcsICdsaW5lLWhlaWdodCcsICdsZXR0ZXItc3BhY2luZyddKSB7XG4gICAgICAgIHN0eWxlW2AtLW9tLXRhYmxlLWJvZHktJHtwcm9wZXJ0eX1gXSA9IGB2YXIoLS1vbS10aXRsZS0ke2NvbmZpZy5mb250U2l6ZX0tJHtwcm9wZXJ0eX0pYDtcbiAgICAgICAgc3R5bGVbYC0tb20tdGFibGUtaGVhZGVyLSR7cHJvcGVydHl9YF0gPSBgdmFyKC0tb20tdGl0bGUtJHtjb25maWcuaGVhZGVyRm9udFNpemV9LSR7cHJvcGVydHl9KWA7XG4gICAgfVxuICAgIHJldHVybiBzdHlsZTtcbn0iXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

package/lib/components/Table/style/Table.css

@@ -204,21 +204,36 @@
 }
 .om-component-ui-table-stroke .om-component-ui-table-thead > tr > th.om-component-ui-table-cell--spacer,
 .om-component-ui-table-stroke .om-component-ui-table-thead > tr > td.om-component-ui-table-cell--spacer,
-.om-component-ui-table-stroke .om-component-ui-table-tbody > tr > td.om-component-ui-table-cell--spacer {
+.om-component-ui-table-stroke .om-component-ui-table-tbody > tr > td.om-component-ui-table-cell--spacer,
+.om-component-ui-table-stroke .om-component-ui-table-tbody-virtual .om-component-ui-table-cell.om-component-ui-table-cell--spacer {
   padding: 0;
   border-bottom: none;
-  width: 16px;
-  max-width: 16px;
-  min-width: 16px;
+  width: var(--om-spacing-400, 16px);
+  max-width: var(--om-spacing-400, 16px);
+  min-width: var(--om-spacing-400, 16px);
+}
+.om-component-ui-table-stroke .om-component-ui-table-thead > tr > th.om-component-ui-table-cell--spacer:first-child,
+.om-component-ui-table-stroke .om-component-ui-table-thead > tr > td.om-component-ui-table-cell--spacer:first-child,
+.om-component-ui-table-stroke .om-component-ui-table-tbody > tr > td.om-component-ui-table-cell--spacer:first-child,
+.om-component-ui-table-stroke .om-component-ui-table-tbody-virtual .om-component-ui-table-cell.om-component-ui-table-cell--spacer:first-child {
+  width: var(--om-spacing-600, 24px);
+  max-width: var(--om-spacing-600, 24px);
+  min-width: var(--om-spacing-600, 24px);
+}
+.om-component-ui-table-stroke .om-component-ui-table-footer {
+  padding-inline-start: var(--om-spacing-800, 32px);
 }
 .om-component-ui-table .om-component-ui-table-header-cell {
   display: inline-flex;
+  max-width: 100%;
+  min-width: 0;
   gap: 4px;
   align-items: center;
 }
 .om-component-ui-table .om-component-ui-table-header-cell__title {
   color: var(--om-text-default, #131313);
-  white-space: nowrap;
+  min-width: 0;
+  white-space: normal;
   font-family: var(--om-table-header-font-family);
   font-size: var(--om-table-header-font-size);
   font-weight: var(--om-table-header-font-weight);
@@ -313,14 +328,44 @@
 }
 .om-component-ui-table .om-component-ui-table-cell-content {
   display: inline-flex;
-  gap: 8px;
+  max-width: 100%;
+  min-width: 0;
+  gap: var(--om-spacing-100, 4px);
   align-items: center;
+  vertical-align: middle;
 }
 .om-component-ui-table .om-component-ui-table-cell-content__text {
   display: inline-flex;
+  flex: 0 1 auto;
+  min-width: 0;
   flex-direction: column;
   gap: 0;
 }
+.om-component-ui-table .om-component-ui-table-cell-content__leading {
+  margin-inline-end: var(--om-spacing-100, 4px);
+}
+.om-component-ui-table .om-component-ui-table-cell-content__leading,
+.om-component-ui-table .om-component-ui-table-cell-content__trailing {
+  flex-shrink: 0;
+}
+.om-component-ui-table .om-component-ui-table-cell-text {
+  min-width: 0;
+  max-width: 100%;
+}
+.om-component-ui-table .om-component-ui-table-cell-text--ellipsis {
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.om-component-ui-table .om-component-ui-table-cell-text--clamp {
+  display: -webkit-box;
+  overflow: hidden;
+  overflow-wrap: anywhere;
+  white-space: normal;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: var(--om-table-text-lines);
+}
 .om-component-ui-table .om-component-ui-table-expanded-row {
   background: var(--om-bg-default, #fff);
 }