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

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

@@ -0,0 +1,57 @@
+import _typeof from "@babel/runtime/helpers/esm/typeof";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { Children, isValidElement } from 'react';
+import { TypographyBody, TypographyTitle } from '../../Typography';
+import { TABLE_DEFAULT_PREFIX } from '../constants';
+import { TABLE_SIZE_CONFIG } from '../size';
+function textContent(node) {
+  return Children.toArray(node).map(function (child) {
+    if (typeof child === 'string' || typeof child === 'number') return String(child);
+    if (/*#__PURE__*/isValidElement(child)) return textContent(child.props.children);
+    return '';
+  }).join('');
+}
+/** Typography and overflow are owned by the table, independently of row actions. */
+export var 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 = TABLE_SIZE_CONFIG[size];
+  var options = _typeof(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(TABLE_DEFAULT_PREFIX, "-cell-text ").concat(TABLE_DEFAULT_PREFIX, "-cell-text--").concat(lines === 1 ? 'ellipsis' : 'clamp') : "".concat(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 _jsx(TypographyTitle, Object.assign({}, presentation, {
+      size: kind === 'primary' ? config.primaryFontSize : config.fontSize,
+      children: children
+    }));
+  }
+  if (kind === 'secondary') {
+    return _jsx(TypographyBody, Object.assign({}, presentation, {
+      as: "div",
+      size: config.secondaryFontSize,
+      children: children
+    }));
+  }
+  // Explicit custom Typography remains an override. JSX without ellipsis stays untouched.
+  return ellipsis ? _jsx("div", Object.assign({}, presentation, {
+    children: children
+  })) : _jsx(_Fragment, {
+    children: children
+  });
+};
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL0NlbGxUZXh0LmpzIiwiY29tcG9uZW50cy9UYWJsZS9zcmMvY29tcG9uZW50cy9UYWJsZS9yZW5kZXJlcnMvQ2VsbFRleHQudHN4Il0sIm5hbWVzIjpbImpzeCIsIl9qc3giLCJGcmFnbWVudCIsIl9GcmFnbWVudCIsIkNoaWxkcmVuIiwiaXNWYWxpZEVsZW1lbnQiLCJUeXBvZ3JhcGh5Qm9keSIsIlR5cG9ncmFwaHlUaXRsZSIsIlRBQkxFX0RFRkFVTFRfUFJFRklYIiwiVEFCTEVfU0laRV9DT05GSUciLCJ0ZXh0Q29udGVudCIsIm5vZGUiLCJ0b0FycmF5IiwibWFwIiwiY2hpbGQiLCJTdHJpbmciLCJwcm9wcyIsImNoaWxkcmVuIiwiam9pbiIsIkNlbGxUZXh0IiwiX3JlZiIsInNpemUiLCJfcmVmJGtpbmQiLCJraW5kIiwiZWxsaXBzaXMiLCJfYSIsInVuZGVmaW5lZCIsImNvbmZpZyIsIm9wdGlvbnMiLCJfdHlwZW9mIiwicmVxdWVzdGVkTGluZXMiLCJsaW5lcyIsIk51bWJlciIsImlzRmluaXRlIiwiTWF0aCIsIm1heCIsImZsb29yIiwiY2xhc3NOYW1lIiwiY29uY2F0Iiwic3R5bGUiLCJ0aXRsZSIsInRvb2x0aXAiLCJwcmVzZW50YXRpb24iLCJPYmplY3QiLCJhc3NpZ24iLCJwcmltYXJ5Rm9udFNpemUiLCJmb250U2l6ZSIsImFzIiwic2Vjb25kYXJ5Rm9udFNpemUiXSwibWFwcGluZ3MiOiI7QUFBQSxTQUFTQSxHQUFHLElBQUlDLElBQUksRUFBRUMsUUFBUSxJQUFJQyxTQUFTLFFBQVEsbUJBQW1CO0FDQXRFLFNBQVNDLFFBQVEsRUFBRUMsY0FBYyxRQUFRLE9BQU87QUFFaEQsU0FBU0MsY0FBYyxFQUFFQyxlQUFlLFFBQVEsa0JBQWtCO0FBQ2xFLFNBQVNDLG9CQUFvQixRQUFRLGNBQWM7QUFDbkQsU0FBU0MsaUJBQWlCLFFBQVEsU0FBUztBQVUzQyxTQUFTQyxXQUFXQSxDQUFDQyxJQUFl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QVksRUFBQTtNQUFFckIsSUFBSSxFQUFFRSxJQUFJLEtBQUssU0FBUyxHQUFHSSxNQUFNLENBQUNrQixlQUFlLEdBQUdsQixNQUFNLENBQUNtQixRQUFRO01BQUE3QixRQUFBLEVBQUdBO0lBQVEsQ0FBQSxDQUFBLENBQW1CO0VBQzdJO0VBQ0EsSUFBSU0sSUFBSSxLQUFLLFdBQVcsRUFBRTtJQUN4QixPQUFPdEIsSUFBQSxDQUFDSyxjQUFjLEVBQUFxQyxNQUFBLENBQUFDLE1BQUEsQ0FBQSxDQUFBLENBQUEsRUFBS0YsWUFBWSxFQUFBO01BQUVLLEVBQUUsRUFBQyxLQUFLO01BQUMxQixJQUFJLEVBQUVNLE1BQU0sQ0FBQ3FCLGlCQUFpQjtNQUFBL0IsUUFBQSxFQUFHQTtJQUFRLENBQUEsQ0FBQSxDQUFrQjtFQUMvRztFQUNBO0VBQ0EsT0FBT08sUUFBUSxHQUFHdkIsSUFBQSxDQUFBLEtBQUEsRUFBQTBDLE1BQUEsQ0FBQUMsTUFBQSxDQUFBLENBQUEsQ0FBQSxFQUFTRixZQUFZLEVBQUE7SUFBQXpCLFFBQUEsRUFBR0E7RUFBUSxDQUFBLENBQUEsQ0FBTyxHQUFHaEIsSUFBQSxDQUFBRSxTQUFBLEVBQUE7SUFBQWMsUUFBQSxFQUFHQTtFQUFRLENBQUEsQ0FBSTtBQUM3RSxDQUFDIiwiZmlsZSI6ImNvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL0NlbGxUZXh0LmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsganN4IGFzIF9qc3gsIEZyYWdtZW50IGFzIF9GcmFnbWVudCB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xuaW1wb3J0IHsgQ2hpbGRyZW4sIGlzVmFsaWRFbGVtZW50IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgVHlwb2dyYXBoeUJvZHksIFR5cG9ncmFwaHlUaXRsZSB9IGZyb20gJy4uLy4uL1R5cG9ncmFwaHknO1xuaW1wb3J0IHsgVEFCTEVfREVGQVVMVF9QUkVGSVggfSBmcm9tICcuLi9jb25zdGFudHMnO1xuaW1wb3J0IHsgVEFCTEVfU0laRV9DT05GSUcgfSBmcm9tICcuLi9zaXplJztcbmZ1bmN0aW9uIHRleHRDb250ZW50KG5vZGUpIHtcbiAgICByZXR1cm4gQ2hpbGRyZW4udG9BcnJheShub2RlKS5tYXAoY2hpbGQgPT4ge1xuICAgICAgICBpZiAodHlwZW9mIGNoaWxkID09PSAnc3RyaW5nJyB8fCB0eXBlb2YgY2hpbGQgPT09ICdudW1iZXInKVxuICAgICAgICAgICAgcmV0dXJuIFN0cmluZyhjaGlsZCk7XG4gICAgICAgIGlmIChpc1ZhbGlkRWxlbWVudChjaGlsZCkpXG4gICAgICAgICAgICByZXR1cm4gdGV4dENvbnRlbnQoY2hpbGQucHJvcHMuY2hpbGRyZW4pO1xuICAgICAgICByZXR1cm4gJyc7XG4gICAgfSkuam9pbignJyk7XG59XG4vKiogVHlwb2dyYXBoeSBhbmQgb3ZlcmZsb3cgYXJlIG93bmVkIGJ5IHRoZSB0YWJsZSwgaW5kZXBlbmRlbnRseSBvZiByb3cgYWN0aW9ucy4gKi9cbmV4cG9ydCBjb25zdCBDZWxsVGV4dCA9ICh7IGNoaWxkcmVuLCBzaXplLCBraW5kID0gJ2JvZHknLCBlbGxpcHNpcyB9KSA9PiB7XG4gICAgdmFyIF9hO1xuICAgIGlmIChjaGlsZHJlbiA9PT0gbnVsbCB8fCBjaGlsZHJlbiA9PT0gdW5kZWZpbmVkIHx8IHR5cGVvZiBjaGlsZHJlbiA9PT0gJ2Jvb2xlYW4nKVxuICAgICAgICByZXR1cm4gbnVsbDtcbiAgICBjb25zdCBjb25maWcgPSBUQUJMRV9TSVpFX0NPTkZJR1tzaXplXTtcbiAgICBjb25zdCBvcHRpb25zID0gdHlwZW9mIGVsbGlwc2lzID09PSAnb2JqZWN0JyA/IGVsbGlwc2lzIDogdW5kZWZpbmVkO1xuICAgIGNvbnN0IHJlcXVlc3RlZExpbmVzID0gKF9hID0gb3B0aW9ucyA9PT0gbnVsbCB8fCBvcHRpb25zID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvcHRpb25zLmxpbmVzKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAxO1xuICAgIGNvbnN0IGxpbmVzID0gTnVtYmVyLmlzRmluaXRlKHJlcXVlc3RlZExpbmVzKSA/IE1hdGgubWF4KDEsIE1hdGguZmxvb3IocmVxdWVzdGVkTGluZXMpKSA6IDE7XG4gICAgY29uc3QgY2xhc3NOYW1lID0gZWxsaXBzaXNcbiAgICAgICAgPyBgJHtUQUJMRV9ERUZBVUxUX1BSRUZJWH0tY2VsbC10ZXh0ICR7VEFCTEVfREVGQVVMVF9QUkVGSVh9LWNlbGwtdGV4dC0tJHtsaW5lcyA9PT0gMSA/ICdlbGxpcHNpcycgOiAnY2xhbXAnfWBcbiAgICAgICAgOiBgJHtUQUJMRV9ERUZBVUxUX1BSRUZJWH0tY2VsbC10ZXh0YDtcbiAgICBjb25zdCBzdHlsZSA9IGVsbGlwc2lzICYmIGxpbmVzID4gMVxuICAgICAgICA/IHsgJy0tb20tdGFibGUtdGV4dC1saW5lcyc6IGxpbmVzIH1cbiAgICAgICAgOiB1bmRlZmluZWQ7XG4gICAgY29uc3QgdGl0bGUgPSAob3B0aW9ucyA9PT0gbnVsbCB8fCBvcHRpb25zID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvcHRpb25zLnRvb2x0aXApID8gdGV4dENvbnRlbnQoY2hpbGRyZW4pIHx8IHVuZGVmaW5lZCA6IHVuZGVmaW5lZDtcbiAgICBjb25zdCBwcmVzZW50YXRpb24gPSB7IGNsYXNzTmFtZSwgc3R5bGUsIHRpdGxlIH07XG4gICAgaWYgKGtpbmQgPT09ICdwcmltYXJ5JyB8fCAoa2luZCA9PT0gJ2JvZHknICYmICh0eXBlb2YgY2hpbGRyZW4gPT09ICdzdHJpbmcnIHx8IHR5cGVvZiBjaGlsZHJlbiA9PT0gJ251bWJlcicpKSkge1xuICAgICAgICByZXR1cm4gX2pzeChUeXBvZ3JhcGh5VGl0bGUsIE9iamVjdC5hc3NpZ24oe30sIHByZXNlbnRhdGlvbiwgeyBzaXplOiBraW5kID09PSAncHJpbWFyeScgPyBjb25maWcucHJpbWFyeUZvbnRTaXplIDogY29uZmlnLmZvbnRTaXplLCBjaGlsZHJlbjogY2hpbGRyZW4gfSkpO1xuICAgIH1cbiAgICBpZiAoa2luZCA9PT0gJ3NlY29uZGFyeScpIHtcbiAgICAgICAgcmV0dXJuIF9qc3goVHlwb2dyYXBoeUJvZHksIE9iamVjdC5hc3NpZ24oe30sIHByZXNlbnRhdGlvbiwgeyBhczogXCJkaXZcIiwgc2l6ZTogY29uZmlnLnNlY29uZGFyeUZvbnRTaXplLCBjaGlsZHJlbjogY2hpbGRyZW4gfSkpO1xuICAgIH1cbiAgICAvLyBFeHBsaWNpdCBjdXN0b20gVHlwb2dyYXBoeSByZW1haW5zIGFuIG92ZXJyaWRlLiBKU1ggd2l0aG91dCBlbGxpcHNpcyBzdGF5cyB1bnRvdWNoZWQuXG4gICAgcmV0dXJuIGVsbGlwc2lzID8gX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHt9LCBwcmVzZW50YXRpb24sIHsgY2hpbGRyZW46IGNoaWxkcmVuIH0pKSA6IF9qc3goX0ZyYWdtZW50LCB7IGNoaWxkcmVuOiBjaGlsZHJlbiB9KTtcbn07IixudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

package/es/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/es/components/Table/renderers/HeaderCell.js

@@ -1,9 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { TypographyTitle } from '../../Typography';
+import { TABLE_SIZE_CONFIG } from '../size';
 import { SortTrigger } from '../features/SortTrigger';
 import { FilterTrigger } from '../features/FilterTrigger';
 import { TABLE_DEFAULT_PREFIX } from '../constants';
 export var HeaderCell = function HeaderCell(_ref) {
-  var column = _ref.column,
+  var size = _ref.size,
+    column = _ref.column,
     sortOrder = _ref.sortOrder,
     onSortClick = _ref.onSortClick,
     filterSelected = _ref.filterSelected,
@@ -12,9 +15,13 @@ export var HeaderCell = function HeaderCell(_ref) {
   var hasFilter = column.filters && column.filters.length > 0 || column.filterDropdown !== undefined;
   return _jsxs("div", {
     className: "".concat(TABLE_DEFAULT_PREFIX, "-header-cell"),
-    children: [_jsx("span", {
+    children: [_jsx("div", {
       className: "".concat(TABLE_DEFAULT_PREFIX, "-header-cell__title"),
-      children: column.title
+      children: typeof column.title === 'string' || typeof column.title === 'number' ? _jsx(TypographyTitle, {
+        size: TABLE_SIZE_CONFIG[size].headerFontSize,
+        strong: true,
+        children: column.title
+      }) : column.title
     }), column.sorter ? _jsx(SortTrigger, {
       label: titleText,
       order: sortOrder,
@@ -26,4 +33,4 @@ export var HeaderCell = function HeaderCell(_ref) {
     }) : null]
   });
 };
-//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL0hlYWRlckNlbGwuanMiLCJjb21wb25lbnRzL1RhYmxlL3NyYy9jb21wb25lbnRzL1RhYmxlL3JlbmRlcmVycy9IZWFkZXJDZWxsLnRzeCJdLCJuYW1lcyI6WyJqc3giLCJfanN4IiwianN4cyIsIl9qc3hzIiwiU29ydFRyaWdnZXIiLCJGaWx0ZXJUcmlnZ2VyIiwiVEFCTEVfREVGQVVMVF9QUkVGSVgiLCJIZWFkZXJDZWxsIiwiX3JlZiIsImNvbHVtbiIsInNvcnRPcmRlciIsIm9uU29ydENsaWNrIiwiZmlsdGVyU2VsZWN0ZWQiLCJvbkZpbHRlckNoYW5nZSIsInRpdGxlVGV4dCIsInRpdGxlIiwiU3RyaW5nIiwiaGFzRmlsdGVyIiwiZmlsdGVycyIsImxlbmd0aCIsImZpbHRlckRyb3Bkb3duIiwidW5kZWZpbmVkIiwiY2xhc3NOYW1lIiwiY29uY2F0IiwiY2hpbGRyZW4iLCJzb3J0ZXIiLCJsYWJlbCIsIm9yZGVyIiwib25DbGljayIsInNlbGVjdGVkS2V5cyIsIm9uQ2hhbmdlIl0sIm1hcHBpbmdzIjoiQUFBQSxTQUFTQSxHQUFHLElBQUlDLElBQUksRUFBRUMsSUFBSSxJQUFJQyxLQUFLLFFBQVEsbUJBQW1CO0FDQTlELFNBQVNDLFdBQVcsUUFBUSx5QkFBeUI7QUFDckQsU0FBU0MsYUFBYSxRQUFRLDJCQUEyQjtBQUN6RCxTQUFTQyxvQkFBb0IsUUFBUSxjQUFjO0FBZ0JuRCxPQUFPLElBQU1DLFVBQVUsR0FBRyxTQUFiQSxVQUFVQSxDQUFBQyxJQUFBLEVBTUU7RUFBQSxJQUx2QkMsTUFBTSxHQUFBRCxJQUFBLENBQU5DLE1BQU07SUFDTkMsU0FBUyxHQUFBRixJQUFBLENBQVRFLFNBQVM7SUFDVEMsV0FBVyxHQUFBSCxJQUFBLENBQVhHLFdBQVc7SUFDWEMsY0FBYyxHQUFBSixJQUFBLENBQWRJLGNBQWM7SUFDZEMsY0FBYyxHQUFBTCxJQUFBLENBQWRLLGNBQWM7RUFFZCxJQUFNQyxTQUFTLEdBQUcsT0FBT0wsTUFBTSxDQUFDTSxLQUFLLEtBQUssUUFBUSxJQUFJLE9BQU9OLE1BQU0sQ0FBQ00sS0FBSyxLQUFLLFFBQVEsR0FDbEZDLE1BQU0sQ0FBQ1AsTUFBTSxDQUFDTSxLQUFLLENBQUMsR0FDcEIsRUFBRTtFQUVOLElBQU1FLFNBQVMsR0FDWlIsTUFBTSxDQUFDUyxPQUFPLElBQUlULE1BQU0sQ0FBQ1MsT0FBTyxDQUFDQyxNQUFNLEdBQUcsQ0FBQyxJQUM1Q1YsTUFBTSxDQUFDVyxjQUFjLEtBQUtDLFNBQVM7RUFFckMsT0FDRWxCLEtBQUEsQ0FBQSxLQUFBLEVBQUE7SUFBS21CLFNBQVMsS0FBQUMsTUFBQSxDQUFLakIsb0JBQW9CLGlCQUFjO0lBQUFrQixRQUFBLEVBQUEsQ0FDbkR2QixJQUFBLENBQUEsTUFBQSxFQUFBO01BQU1xQixTQUFTLEtBQUFDLE1BQUEsQ0FBS2pCLG9CQUFvQix3QkFBcUI7TUFBQWtCLFFBQUEsRUFBR2YsTUFBTSxDQUFDTTtJQUFLLENBQUEsQ0FBUSxFQUNuRk4sTUFBTSxDQUFDZ0IsTUFBTSxHQUNaeEIsSUFBQSxDQUFDRyxXQUFXLEVBQUE7TUFDVnNCLEtBQUssRUFBRVosU0FBUztNQUNoQmEsS0FBSyxFQUFFakIsU0FBUztNQUNoQmtCLE9BQU8sRUFBRWpCO0lBQVcsQ0FBQSxDQUNwQixHQUNBLElBQUksRUFDUE0sU0FBUyxHQUNSaEIsSUFBQSxDQUFDSSxhQUFhLEVBQUE7TUFDWkksTUFBTSxFQUFFQSxNQUFNO01BQ2RvQixZQUFZLEVBQUVqQixjQUFjO01BQzVCa0IsUUFBUSxFQUFFakI7SUFBYyxDQUFBLENBQ3hCLEdBQ0EsSUFBSTtFQUFBLENBQUEsQ0FDSjtBQUVWLENBQUMiLCJmaWxlIjoiY29tcG9uZW50cy9UYWJsZS9yZW5kZXJlcnMvSGVhZGVyQ2VsbC5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgeyBTb3J0VHJpZ2dlciB9IGZyb20gJy4uL2ZlYXR1cmVzL1NvcnRUcmlnZ2VyJztcbmltcG9ydCB7IEZpbHRlclRyaWdnZXIgfSBmcm9tICcuLi9mZWF0dXJlcy9GaWx0ZXJUcmlnZ2VyJztcbmltcG9ydCB7IFRBQkxFX0RFRkFVTFRfUFJFRklYIH0gZnJvbSAnLi4vY29uc3RhbnRzJztcbmV4cG9ydCBjb25zdCBIZWFkZXJDZWxsID0gKHsgY29sdW1uLCBzb3J0T3JkZXIsIG9uU29ydENsaWNrLCBmaWx0ZXJTZWxlY3RlZCwgb25GaWx0ZXJDaGFuZ2UsIH0pID0+IHtcbiAgICBjb25zdCB0aXRsZVRleHQgPSB0eXBlb2YgY29sdW1uLnRpdGxlID09PSAnc3RyaW5nJyB8fCB0eXBlb2YgY29sdW1uLnRpdGxlID09PSAnbnVtYmVyJ1xuICAgICAgICA/IFN0cmluZyhjb2x1bW4udGl0bGUpXG4gICAgICAgIDogJyc7XG4gICAgY29uc3QgaGFzRmlsdGVyID0gKGNvbHVtbi5maWx0ZXJzICYmIGNvbHVtbi5maWx0ZXJzLmxlbmd0aCA+IDApIHx8XG4gICAgICAgIGNvbHVtbi5maWx0ZXJEcm9wZG93biAhPT0gdW5kZWZpbmVkO1xuICAgIHJldHVybiAoX2pzeHMoXCJkaXZcIiwgeyBjbGFzc05hbWU6IGAke1RBQkxFX0RFRkFVTFRfUFJFRklYfS1oZWFkZXItY2VsbGAsIGNoaWxkcmVuOiBbX2pzeChcInNwYW5cIiwgeyBjbGFzc05hbWU6IGAke1RBQkxFX0RFRkFVTFRfUFJFRklYfS1oZWFkZXItY2VsbF9fdGl0bGVgLCBjaGlsZHJlbjogY29sdW1uLnRpdGxlIH0pLCBjb2x1bW4uc29ydGVyID8gKF9qc3goU29ydFRyaWdnZXIsIHsgbGFiZWw6IHRpdGxlVGV4dCwgb3JkZXI6IHNvcnRPcmRlciwgb25DbGljazogb25Tb3J0Q2xpY2sgfSkpIDogbnVsbCwgaGFzRmlsdGVyID8gKF9qc3goRmlsdGVyVHJpZ2dlciwgeyBjb2x1bW46IGNvbHVtbiwgc2VsZWN0ZWRLZXlzOiBmaWx0ZXJTZWxlY3RlZCwgb25DaGFuZ2U6IG9uRmlsdGVyQ2hhbmdlIH0pKSA6IG51bGxdIH0pKTtcbn07IixudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL0hlYWRlckNlbGwuanMiLCJjb21wb25lbnRzL1RhYmxlL3NyYy9jb21wb25lbnRzL1RhYmxlL3JlbmRlcmVycy9IZWFkZXJDZWxsLnRzeCJdLCJuYW1lcyI6WyJqc3giLCJfanN4IiwianN4cyIsIl9qc3hzIiwiVHlwb2dyYXBoeVRpdGxlIiwiVEFCTEVfU0laRV9DT05GSUciLCJTb3J0VHJpZ2dlciIsIkZpbHRlclRyaWdnZXIiLCJUQUJMRV9ERUZBVUxUX1BSRUZJWCIsIkhlYWRlckNlbGwiLCJfcmVmIiwic2l6ZSIsImNvbHVtbiIsInNvcnRPcmRlciIsIm9uU29ydENsaWNrIiwiZmlsdGVyU2VsZWN0ZWQiLCJvbkZpbHRlckNoYW5nZSIsInRpdGxlVGV4dCIsInRpdGxlIiwiU3RyaW5nIiwiaGFzRmlsdGVyIiwiZmlsdGVycyIsImxlbmd0aCIsImZpbHRlckRyb3Bkb3duIiwidW5kZWZpbmVkIiwiY2xhc3NOYW1lIiwiY29uY2F0IiwiY2hpbGRyZW4iLCJoZWFkZXJGb250U2l6ZSIsInN0cm9uZyIsInNvcnRlciIsImxhYmVsIiwib3JkZXIiLCJvbkNsaWNrIiwic2VsZWN0ZWRLZXlzIiwib25DaGFuZ2UiXSwibWFwcGluZ3MiOiJBQUFBLFNBQVNBLEdBQUcsSUFBSUMsSUFBSSxFQUFFQyxJQUFJLElBQUlDLEtBQUssUUFBUSxtQkFBbUI7QUNBOUQsU0FBU0MsZUFBZSxRQUFRLGtCQUFrQjtBQUNsRCxTQUFTQyxpQkFBaUIsUUFBUSxTQUFTO0FBQzNDLFNBQVNDLFdBQVcsUUFBUSx5QkFBeUI7QUFDckQsU0FBU0MsYUFBYSxRQUFRLDJCQUEyQjtBQUN6RCxTQUFTQyxvQkFBb0IsUUFBUSxjQUFjO0FBa0JuRCxPQUFPLElBQU1DLFVBQVUsR0FBRyxTQUFiQSxVQUFVQSxDQUFBQyxJQUFBLEVBT0U7RUFBQSxJQU52QkMsSUFBSSxHQUFBRCxJQUFBLENBQUpDLElBQUk7SUFDSkMsTUFBTSxHQUFBRixJQUFBLENBQU5FLE1BQU07SUFDTkMsU0FBUyxHQUFBSCxJQUFBLENBQVRHLFNBQVM7SUFDVEMsV0FBVyxHQUFBSixJQUFBLENBQVhJLFdBQVc7SUFDWEMsY0FBYyxHQUFBTCxJQUFBLENBQWRLLGNBQWM7SUFDZEMsY0FBYyxHQUFBTixJQUFBLENBQWRNLGNBQWM7RUFFZCxJQUFNQyxTQUFTLEdBQUcsT0FBT0wsTUFBTSxDQUFDTSxLQUFLLEtBQUssUUFBUSxJQUFJLE9BQU9OLE1BQU0sQ0FBQ00sS0FBSyxLQUFLLFFBQVEsR0FDbEZDLE1BQU0sQ0FBQ1AsTUFBTSxDQUFDTSxLQUFLLENBQUMsR0FDcEIsRUFBRTtFQUVOLElBQU1FLFNBQVMsR0FDWlIsTUFBTSxDQUFDUyxPQUFPLElBQUlULE1BQU0sQ0FBQ1MsT0FBTyxDQUFDQyxNQUFNLEdBQUcsQ0FBQyxJQUM1Q1YsTUFBTSxDQUFDVyxjQUFjLEtBQUtDLFNBQVM7RUFFckMsT0FDRXJCLEtBQUEsQ0FBQSxLQUFBLEVBQUE7SUFBS3NCLFNBQVMsS0FBQUMsTUFBQSxDQUFLbEIsb0JBQW9CLGlCQUFjO0lBQUFtQixRQUFBLEVBQUEsQ0FDbkQxQixJQUFBLENBQUEsS0FBQSxFQUFBO01BQUt3QixTQUFTLEtBQUFDLE1BQUEsQ0FBS2xCLG9CQUFvQix3QkFBcUI7TUFBQW1CLFFBQUEsRUFDekQsT0FBT2YsTUFBTSxDQUFDTSxLQUFLLEtBQUssUUFBUSxJQUFJLE9BQU9OLE1BQU0sQ0FBQ00sS0FBSyxLQUFLLFFBQVEsR0FDakVqQixJQUFBLENBQUNHLGVBQWUsRUFBQTtRQUFDTyxJQUFJLEVBQUVOLGlCQUFpQixDQUFDTSxJQUFJLENBQUMsQ0FBQ2lCLGNBQWM7UUFBRUMsTUFBTSxFQUFBLElBQUE7UUFBQUYsUUFBQSxFQUFFZixNQUFNLENBQUNNO01BQUssQ0FBQSxDQUFtQixHQUN0R04sTUFBTSxDQUFDTTtJQUFLLENBQUEsQ0FDWixFQUNMTixNQUFNLENBQUNrQixNQUFNLEdBQ1o3QixJQUFBLENBQUNLLFdBQVcsRUFBQTtNQUNWeUIsS0FBSyxFQUFFZCxTQUFTO01BQ2hCZSxLQUFLLEVBQUVuQixTQUFTO01BQ2hCb0IsT0FBTyxFQUFFbkI7SUFBVyxDQUFBLENBQ3BCLEdBQ0EsSUFBSSxFQUNQTSxTQUFTLEdBQ1JuQixJQUFBLENBQUNNLGFBQWEsRUFBQTtNQUNaSyxNQUFNLEVBQUVBLE1BQU07TUFDZHNCLFlBQVksRUFBRW5CLGNBQWM7TUFDNUJvQixRQUFRLEVBQUVuQjtJQUFjLENBQUEsQ0FDeEIsR0FDQSxJQUFJO0VBQUEsQ0FBQSxDQUNKO0FBRVYsQ0FBQyIsImZpbGUiOiJjb21wb25lbnRzL1RhYmxlL3JlbmRlcmVycy9IZWFkZXJDZWxsLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsganN4IGFzIF9qc3gsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcbmltcG9ydCB7IFR5cG9ncmFwaHlUaXRsZSB9IGZyb20gJy4uLy4uL1R5cG9ncmFwaHknO1xuaW1wb3J0IHsgVEFCTEVfU0laRV9DT05GSUcgfSBmcm9tICcuLi9zaXplJztcbmltcG9ydCB7IFNvcnRUcmlnZ2VyIH0gZnJvbSAnLi4vZmVhdHVyZXMvU29ydFRyaWdnZXInO1xuaW1wb3J0IHsgRmlsdGVyVHJpZ2dlciB9IGZyb20gJy4uL2ZlYXR1cmVzL0ZpbHRlclRyaWdnZXInO1xuaW1wb3J0IHsgVEFCTEVfREVGQVVMVF9QUkVGSVggfSBmcm9tICcuLi9jb25zdGFudHMnO1xuZXhwb3J0IGNvbnN0IEhlYWRlckNlbGwgPSAoeyBzaXplLCBjb2x1bW4sIHNvcnRPcmRlciwgb25Tb3J0Q2xpY2ssIGZpbHRlclNlbGVjdGVkLCBvbkZpbHRlckNoYW5nZSwgfSkgPT4ge1xuICAgIGNvbnN0IHRpdGxlVGV4dCA9IHR5cGVvZiBjb2x1bW4udGl0bGUgPT09ICdzdHJpbmcnIHx8IHR5cGVvZiBjb2x1bW4udGl0bGUgPT09ICdudW1iZXInXG4gICAgICAgID8gU3RyaW5nKGNvbHVtbi50aXRsZSlcbiAgICAgICAgOiAnJztcbiAgICBjb25zdCBoYXNGaWx0ZXIgPSAoY29sdW1uLmZpbHRlcnMgJiYgY29sdW1uLmZpbHRlcnMubGVuZ3RoID4gMCkgfHxcbiAgICAgICAgY29sdW1uLmZpbHRlckRyb3Bkb3duICE9PSB1bmRlZmluZWQ7XG4gICAgcmV0dXJuIChfanN4cyhcImRpdlwiLCB7IGNsYXNzTmFtZTogYCR7VEFCTEVfREVGQVVMVF9QUkVGSVh9LWhlYWRlci1jZWxsYCwgY2hpbGRyZW46IFtfanN4KFwiZGl2XCIsIHsgY2xhc3NOYW1lOiBgJHtUQUJMRV9ERUZBVUxUX1BSRUZJWH0taGVhZGVyLWNlbGxfX3RpdGxlYCwgY2hpbGRyZW46IHR5cGVvZiBjb2x1bW4udGl0bGUgPT09ICdzdHJpbmcnIHx8IHR5cGVvZiBjb2x1bW4udGl0bGUgPT09ICdudW1iZXInXG4gICAgICAgICAgICAgICAgICAgID8gX2pzeChUeXBvZ3JhcGh5VGl0bGUsIHsgc2l6ZTogVEFCTEVfU0laRV9DT05GSUdbc2l6ZV0uaGVhZGVyRm9udFNpemUsIHN0cm9uZzogdHJ1ZSwgY2hpbGRyZW46IGNvbHVtbi50aXRsZSB9KVxuICAgICAgICAgICAgICAgICAgICA6IGNvbHVtbi50aXRsZSB9KSwgY29sdW1uLnNvcnRlciA/IChfanN4KFNvcnRUcmlnZ2VyLCB7IGxhYmVsOiB0aXRsZVRleHQsIG9yZGVyOiBzb3J0T3JkZXIsIG9uQ2xpY2s6IG9uU29ydENsaWNrIH0pKSA6IG51bGwsIGhhc0ZpbHRlciA/IChfanN4KEZpbHRlclRyaWdnZXIsIHsgY29sdW1uOiBjb2x1bW4sIHNlbGVjdGVkS2V5czogZmlsdGVyU2VsZWN0ZWQsIG9uQ2hhbmdlOiBvbkZpbHRlckNoYW5nZSB9KSkgOiBudWxsXSB9KSk7XG59OyIsbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

package/es/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/es/components/Table/size.js

@@ -2,8 +2,8 @@ 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',
+    fontSize: 'md',
+    headerFontSize: 'sm',
     primaryFontSize: 'md',
     secondaryFontSize: 'md',
     rowHeight: 60,
@@ -11,8 +11,8 @@ export var TABLE_SIZE_CONFIG = {
     paddingY: 12
   },
   small: {
-    fontSize: 'md',
-    headerFontSize: 'sm',
+    fontSize: 'sm',
+    headerFontSize: 'xs',
     primaryFontSize: 'sm',
     secondaryFontSize: 'sm',
     rowHeight: 52,
@@ -20,8 +20,8 @@ export var TABLE_SIZE_CONFIG = {
     paddingY: 8
   },
   'extra-small': {
-    fontSize: 'sm',
-    headerFontSize: 'sm',
+    fontSize: 'xs',
+    headerFontSize: 'xs',
     primaryFontSize: 'xs',
     secondaryFontSize: 'sm',
     rowHeight: 44,
@@ -38,13 +38,13 @@ export 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvVGFibGUvc2l6ZS50cyIsImNvbXBvbmVudHMvVGFibGUvc2l6ZS5qcyJdLCJuYW1lcyI6WyJUQUJMRV9ERUZBVUxUX1NJWkUiLCJUQUJMRV9TSVpFX0NPTkZJRyIsImxhcmdlIiwiZm9udFNpemUiLCJoZWFkZXJGb250U2l6ZSIsInByaW1hcnlGb250U2l6ZSIsInNlY29uZGFyeUZvbnRTaXplIiwicm93SGVpZ2h0IiwiaGVhZGVySGVpZ2h0IiwicGFkZGluZ1kiLCJzbWFsbCIsImdyaWRMZW5ndGgiLCJwaXhlbHMiLCJjb25jYXQiLCJ0YWJsZVNpemVDc3NWYXJzIiwic2l6ZSIsImNvbmZpZyIsInN0eWxlIiwiX2kiLCJfYXJyIiwibGVuZ3RoIiwicHJvcGVydHkiXSwibWFwcGluZ3MiOiJBQUlBLE9BQU8sSUFBTUEsa0JBQWtCLEdBQWMsT0FBTztBQVlwRDtBQUNBLE9BQU8sSUFBTUMsaUJBQWlCLEdBQXVDO0VBQ25FQyxLQUFLLEVBQUU7SUFDTEMsUUFBUSxFQUFFLElBQUk7SUFBRUMsY0FBYyxFQUFFLElBQUk7SUFBRUMsZUFBZSxFQUFFLElBQUk7SUFBRUMsaUJBQWlCLEVBQUUsSUFBSTtJQUNwRkMsU0FBUyxFQUFFLEVBQUU7SUFBRUMsWUFBWSxFQUFFLEVBQUU7SUFBRUMsUUFBUSxFQUFFO0VDZDNDLENEZUQ7RUFDREMsS0FBSyxFQUFFO0lBQ0xQLFFBQVEsRUFBRSxJQUFJO0lBQUVDLGNBQWMsRUFBRSxJQUFJO0lBQUVDLGVBQWUsRUFBRSxJQUFJO0lBQUVDLGlCQUFpQixFQUFFLElBQUk7SUFDcEZDLFNBQVMsRUFBRSxFQUFFO0lBQUVDLFlBQVksRUFBRSxFQUFFO0lBQUVDLFFBQVEsRUFBRTtFQ2QzQyxDRGVEO0VBQ0QsYUFBYSxFQUFFO0lBQ2JOLFFBQVEsRUFBRSxJQUFJO0lBQUVDLGNBQWMsRUFBRSxJQUFJO0lBQUVDLGVBQWUsRUFBRSxJQUFJO0lBQUVDLGlCQUFpQixFQUFFLElBQUk7SUFDcEZDLFNBQVMsRUFBRSxFQUFFO0lBQUVDLFlBQVksRUFBRSxFQUFFO0lBQUVDLFFBQVEsRUFBRTtFQ2QzQztBQUNKLENEZUM7QUFHRCxJQUFNRSxVQUFVLEdBQUcsU0FBYkEsVUFBVUEsQ0FBSUMsTUFBYztFQUFBLHVDQUFBQyxNQUFBLENBQXFDRCxNQUFNLEdBQUcsQ0FBQztBQUFBLENBQUc7QUFFcEYsT0FBTSxTQUFVRSxnQkFBZ0JBLENBQUNDLElBQWUsRUFBQTtFQUM5QyxJQUFNQyxNQUFNLEdBQUdmLGlCQUFpQixDQUFDYyxJQUFJLENBQUM7RUFDdEMsSUFBTUUsS0FBSyxHQUFtQjtJQUM1Qix1QkFBdUIsRUFBRU4sVUFBVSxDQUFDSyxNQUFNLENBQUNULFNBQVMsQ0FBQztJQUNyRCwwQkFBMEIsRUFBRUksVUFBVSxDQUFDSyxNQUFNLENBQUNSLFlBQVksQ0FBQztJQUMzRCwyQkFBMkIsRUFBRUcsVUFBVSxDQUFDSyxNQUFNLENBQUNQLFFBQVEsQ0FBQztJQUN4RCxpQ0FBaUMsb0JBQUFJLE1BQUEsQ0FBb0JHLE1BQU0sQ0FBQ1osY0FBYztFQ2pCMUUsQ0RrQkQ7RUFDRCxTQUFBYyxFQUFBLE1BQUFDLElBQUEsR0FBdUIsQ0FBQyxXQUFXLEVBQUUsYUFBYSxFQUFFLGFBQWEsRUFBRSxhQUFhLEVBQUUsZ0JBQWdCLENBQUMsRUFBQUQsRUFBQSxHQUFBQyxJQUFBLENBQUFDLE1BQUEsRUFBQUYsRUFBQSxJQUFFO0lBQWhHLElBQU1HLFFBQVEsR0FBQUYsSUFBQSxDQUFBRCxFQUFBO0lBQ2pCRCxLQUFLLG9CQUFBSixNQUFBLENBQW9CUSxRQUFRLEVBQUcsb0JBQUFSLE1BQUEsQ0FBb0JHLE1BQU0sQ0FBQ2IsUUFBUSxPQUFBVSxNQUFBLENBQUlRLFFBQVEsTUFBRztJQUN0RkosS0FBSyxzQkFBQUosTUFBQSxDQUFzQlEsUUFBUSxFQUFHLHFCQUFBUixNQUFBLENBQXFCRyxNQUFNLENBQUNaLGNBQWMsT0FBQVMsTUFBQSxDQUFJUSxRQUFRLE1BQUc7RUFDakc7RUFDQSxPQUFPSixLQUFLO0FBQ2QiLCJmaWxlIjoiY29tcG9uZW50cy9UYWJsZS9zaXplLmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsLCJleHBvcnQgY29uc3QgVEFCTEVfREVGQVVMVF9TSVpFID0gJ3NtYWxsJztcbi8qKiBPbmUgc291cmNlIGZvciByZW5kZXIgbWV0YWRhdGEsIENTUyBkZW5zaXR5IGFuZCB2aXJ0dWFsIHJvdyBlc3RpbWF0ZXMuICovXG5leHBvcnQgY29uc3QgVEFCTEVfU0laRV9DT05GSUcgPSB7XG4gICAgbGFyZ2U6IHtcbiAgICAgICAgZm9udFNpemU6ICdsZycsIGhlYWRlckZvbnRTaXplOiAnbWQnLCBwcmltYXJ5Rm9udFNpemU6ICdtZCcsIHNlY29uZGFyeUZvbnRTaXplOiAnbWQnLFxuICAgICAgICByb3dIZWlnaHQ6IDYwLCBoZWFkZXJIZWlnaHQ6IDQwLCBwYWRkaW5nWTogMTIsXG4gICAgfSxcbiAgICBzbWFsbDoge1xuICAgICAgICBmb250U2l6ZTogJ21kJywgaGVhZGVyRm9udFNpemU6ICdzbScsIHByaW1hcnlGb250U2l6ZTogJ3NtJywgc2Vjb25kYXJ5Rm9udFNpemU6ICdzbScsXG4gICAgICAgIHJvd0hlaWdodDogNTIsIGhlYWRlckhlaWdodDogMzIsIHBhZGRpbmdZOiA4LFxuICAgIH0sXG4gICAgJ2V4dHJhLXNtYWxsJzoge1xuICAgICAgICBmb250U2l6ZTogJ3NtJywgaGVhZGVyRm9udFNpemU6ICdzbScsIHByaW1hcnlGb250U2l6ZTogJ3hzJywgc2Vjb25kYXJ5Rm9udFNpemU6ICdzbScsXG4gICAgICAgIHJvd0hlaWdodDogNDQsIGhlYWRlckhlaWdodDogMzIsIHBhZGRpbmdZOiA0LFxuICAgIH0sXG59O1xuY29uc3QgZ3JpZExlbmd0aCA9IChwaXhlbHMpID0+IGBjYWxjKHZhcigtLW9tLXNwYWNpbmctMTAwKSAqICR7cGl4ZWxzIC8gNH0pYDtcbmV4cG9ydCBmdW5jdGlvbiB0YWJsZVNpemVDc3NWYXJzKHNpemUpIHtcbiAgICBjb25zdCBjb25maWcgPSBUQUJMRV9TSVpFX0NPTkZJR1tzaXplXTtcbiAgICBjb25zdCBzdHlsZSA9IHtcbiAgICAgICAgJy0tb20tdGFibGUtcm93LWhlaWdodCc6IGdyaWRMZW5ndGgoY29uZmlnLnJvd0hlaWdodCksXG4gICAgICAgICctLW9tLXRhYmxlLWhlYWRlci1oZWlnaHQnOiBncmlkTGVuZ3RoKGNvbmZpZy5oZWFkZXJIZWlnaHQpLFxuICAgICAgICAnLS1vbS10YWJsZS1jZWxsLXBhZGRpbmcteSc6IGdyaWRMZW5ndGgoY29uZmlnLnBhZGRpbmdZKSxcbiAgICAgICAgJy0tb20tdGFibGUtaGVhZGVyLXN0cm9uZy13ZWlnaHQnOiBgdmFyKC0tb20tbGFiZWwtJHtjb25maWcuaGVhZGVyRm9udFNpemV9LXN0cm9uZy1mb250LXdlaWdodClgLFxuICAgIH07XG4gICAgZm9yIChjb25zdCBwcm9wZXJ0eSBvZiBbJ2ZvbnQtc2l6ZScsICdmb250LWZhbWlseScsICdmb250LXdlaWdodCcsICdsaW5lLWhlaWdodCcsICdsZXR0ZXItc3BhY2luZyddKSB7XG4gICAgICAgIHN0eWxlW2AtLW9tLXRhYmxlLWJvZHktJHtwcm9wZXJ0eX1gXSA9IGB2YXIoLS1vbS1ib2R5LSR7Y29uZmlnLmZvbnRTaXplfS0ke3Byb3BlcnR5fSlgO1xuICAgICAgICBzdHlsZVtgLS1vbS10YWJsZS1oZWFkZXItJHtwcm9wZXJ0eX1gXSA9IGB2YXIoLS1vbS1sYWJlbC0ke2NvbmZpZy5oZWFkZXJGb250U2l6ZX0tJHtwcm9wZXJ0eX0pYDtcbiAgICB9XG4gICAgcmV0dXJuIHN0eWxlO1xufSJdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvVGFibGUvc2l6ZS50cyIsImNvbXBvbmVudHMvVGFibGUvc2l6ZS5qcyJdLCJuYW1lcyI6WyJUQUJMRV9ERUZBVUxUX1NJWkUiLCJUQUJMRV9TSVpFX0NPTkZJRyIsImxhcmdlIiwiZm9udFNpemUiLCJoZWFkZXJGb250U2l6ZSIsInByaW1hcnlGb250U2l6ZSIsInNlY29uZGFyeUZvbnRTaXplIiwicm93SGVpZ2h0IiwiaGVhZGVySGVpZ2h0IiwicGFkZGluZ1kiLCJzbWFsbCIsImdyaWRMZW5ndGgiLCJwaXhlbHMiLCJjb25jYXQiLCJ0YWJsZVNpemVDc3NWYXJzIiwic2l6ZSIsImNvbmZpZyIsInN0eWxlIiwiX2kiLCJfYXJyIiwibGVuZ3RoIiwicHJvcGVydHkiXSwibWFwcGluZ3MiOiJBQUlBLE9BQU8sSUFBTUEsa0JBQWtCLEdBQWMsT0FBTztBQVlwRDtBQUNBLE9BQU8sSUFBTUMsaUJBQWlCLEdBQXVDO0VBQ25FQyxLQUFLLEVBQUU7SUFDTEMsUUFBUSxFQUFFLElBQUk7SUFBRUMsY0FBYyxFQUFFLElBQUk7SUFBRUMsZUFBZSxFQUFFLElBQUk7SUFBRUMsaUJBQWlCLEVBQUUsSUFBSTtJQUNwRkMsU0FBUyxFQUFFLEVBQUU7SUFBRUMsWUFBWSxFQUFFLEVBQUU7SUFBRUMsUUFBUSxFQUFFO0VDZDNDLENEZUQ7RUFDREMsS0FBSyxFQUFFO0lBQ0xQLFFBQVEsRUFBRSxJQUFJO0lBQUVDLGNBQWMsRUFBRSxJQUFJO0lBQUVDLGVBQWUsRUFBRSxJQUFJO0lBQUVDLGlCQUFpQixFQUFFLElBQUk7SUFDcEZDLFNBQVMsRUFBRSxFQUFFO0lBQUVDLFlBQVksRUFBRSxFQUFFO0lBQUVDLFFBQVEsRUFBRTtFQ2QzQyxDRGVEO0VBQ0QsYUFBYSxFQUFFO0lBQ2JOLFFBQVEsRUFBRSxJQUFJO0lBQUVDLGNBQWMsRUFBRSxJQUFJO0lBQUVDLGVBQWUsRUFBRSxJQUFJO0lBQUVDLGlCQUFpQixFQUFFLElBQUk7SUFDcEZDLFNBQVMsRUFBRSxFQUFFO0lBQUVDLFlBQVksRUFBRSxFQUFFO0lBQUVDLFFBQVEsRUFBRTtFQ2QzQztBQUNKLENEZUM7QUFHRCxJQUFNRSxVQUFVLEdBQUcsU0FBYkEsVUFBVUEsQ0FBSUMsTUFBYztFQUFBLHVDQUFBQyxNQUFBLENBQXFDRCxNQUFNLEdBQUcsQ0FBQztBQUFBLENBQUc7QUFFcEYsT0FBTSxTQUFVRSxnQkFBZ0JBLENBQUNDLElBQWUsRUFBQTtFQUM5QyxJQUFNQyxNQUFNLEdBQUdmLGlCQUFpQixDQUFDYyxJQUFJLENBQUM7RUFDdEMsSUFBTUUsS0FBSyxHQUFtQjtJQUM1Qix1QkFBdUIsRUFBRU4sVUFBVSxDQUFDSyxNQUFNLENBQUNULFNBQVMsQ0FBQztJQUNyRCwwQkFBMEIsRUFBRUksVUFBVSxDQUFDSyxNQUFNLENBQUNSLFlBQVksQ0FBQztJQUMzRCwyQkFBMkIsRUFBRUcsVUFBVSxDQUFDSyxNQUFNLENBQUNQLFFBQVEsQ0FBQztJQUN4RCxpQ0FBaUMsb0JBQUFJLE1BQUEsQ0FBb0JHLE1BQU0sQ0FBQ1osY0FBYztFQ2pCMUUsQ0RrQkQ7RUFDRCxTQUFBYyxFQUFBLE1BQUFDLElBQUEsR0FBdUIsQ0FBQyxXQUFXLEVBQUUsYUFBYSxFQUFFLGFBQWEsRUFBRSxhQUFhLEVBQUUsZ0JBQWdCLENBQUMsRUFBQUQsRUFBQSxHQUFBQyxJQUFBLENBQUFDLE1BQUEsRUFBQUYsRUFBQSxJQUFFO0lBQWhHLElBQU1HLFFBQVEsR0FBQUYsSUFBQSxDQUFBRCxFQUFBO0lBQ2pCRCxLQUFLLG9CQUFBSixNQUFBLENBQW9CUSxRQUFRLEVBQUcscUJBQUFSLE1BQUEsQ0FBcUJHLE1BQU0sQ0FBQ2IsUUFBUSxPQUFBVSxNQUFBLENBQUlRLFFBQVEsTUFBRztJQUN2RkosS0FBSyxzQkFBQUosTUFBQSxDQUFzQlEsUUFBUSxFQUFHLHFCQUFBUixNQUFBLENBQXFCRyxNQUFNLENBQUNaLGNBQWMsT0FBQVMsTUFBQSxDQUFJUSxRQUFRLE1BQUc7RUFDakc7RUFDQSxPQUFPSixLQUFLO0FBQ2QiLCJmaWxlIjoiY29tcG9uZW50cy9UYWJsZS9zaXplLmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsLCJleHBvcnQgY29uc3QgVEFCTEVfREVGQVVMVF9TSVpFID0gJ3NtYWxsJztcbi8qKiBPbmUgc291cmNlIGZvciByZW5kZXIgbWV0YWRhdGEsIENTUyBkZW5zaXR5IGFuZCB2aXJ0dWFsIHJvdyBlc3RpbWF0ZXMuICovXG5leHBvcnQgY29uc3QgVEFCTEVfU0laRV9DT05GSUcgPSB7XG4gICAgbGFyZ2U6IHtcbiAgICAgICAgZm9udFNpemU6ICdtZCcsIGhlYWRlckZvbnRTaXplOiAnc20nLCBwcmltYXJ5Rm9udFNpemU6ICdtZCcsIHNlY29uZGFyeUZvbnRTaXplOiAnbWQnLFxuICAgICAgICByb3dIZWlnaHQ6IDYwLCBoZWFkZXJIZWlnaHQ6IDQwLCBwYWRkaW5nWTogMTIsXG4gICAgfSxcbiAgICBzbWFsbDoge1xuICAgICAgICBmb250U2l6ZTogJ3NtJywgaGVhZGVyRm9udFNpemU6ICd4cycsIHByaW1hcnlGb250U2l6ZTogJ3NtJywgc2Vjb25kYXJ5Rm9udFNpemU6ICdzbScsXG4gICAgICAgIHJvd0hlaWdodDogNTIsIGhlYWRlckhlaWdodDogMzIsIHBhZGRpbmdZOiA4LFxuICAgIH0sXG4gICAgJ2V4dHJhLXNtYWxsJzoge1xuICAgICAgICBmb250U2l6ZTogJ3hzJywgaGVhZGVyRm9udFNpemU6ICd4cycsIHByaW1hcnlGb250U2l6ZTogJ3hzJywgc2Vjb25kYXJ5Rm9udFNpemU6ICdzbScsXG4gICAgICAgIHJvd0hlaWdodDogNDQsIGhlYWRlckhlaWdodDogMzIsIHBhZGRpbmdZOiA0LFxuICAgIH0sXG59O1xuY29uc3QgZ3JpZExlbmd0aCA9IChwaXhlbHMpID0+IGBjYWxjKHZhcigtLW9tLXNwYWNpbmctMTAwKSAqICR7cGl4ZWxzIC8gNH0pYDtcbmV4cG9ydCBmdW5jdGlvbiB0YWJsZVNpemVDc3NWYXJzKHNpemUpIHtcbiAgICBjb25zdCBjb25maWcgPSBUQUJMRV9TSVpFX0NPTkZJR1tzaXplXTtcbiAgICBjb25zdCBzdHlsZSA9IHtcbiAgICAgICAgJy0tb20tdGFibGUtcm93LWhlaWdodCc6IGdyaWRMZW5ndGgoY29uZmlnLnJvd0hlaWdodCksXG4gICAgICAgICctLW9tLXRhYmxlLWhlYWRlci1oZWlnaHQnOiBncmlkTGVuZ3RoKGNvbmZpZy5oZWFkZXJIZWlnaHQpLFxuICAgICAgICAnLS1vbS10YWJsZS1jZWxsLXBhZGRpbmcteSc6IGdyaWRMZW5ndGgoY29uZmlnLnBhZGRpbmdZKSxcbiAgICAgICAgJy0tb20tdGFibGUtaGVhZGVyLXN0cm9uZy13ZWlnaHQnOiBgdmFyKC0tb20tdGl0bGUtJHtjb25maWcuaGVhZGVyRm9udFNpemV9LXN0cm9uZy1mb250LXdlaWdodClgLFxuICAgIH07XG4gICAgZm9yIChjb25zdCBwcm9wZXJ0eSBvZiBbJ2ZvbnQtc2l6ZScsICdmb250LWZhbWlseScsICdmb250LXdlaWdodCcsICdsaW5lLWhlaWdodCcsICdsZXR0ZXItc3BhY2luZyddKSB7XG4gICAgICAgIHN0eWxlW2AtLW9tLXRhYmxlLWJvZHktJHtwcm9wZXJ0eX1gXSA9IGB2YXIoLS1vbS10aXRsZS0ke2NvbmZpZy5mb250U2l6ZX0tJHtwcm9wZXJ0eX0pYDtcbiAgICAgICAgc3R5bGVbYC0tb20tdGFibGUtaGVhZGVyLSR7cHJvcGVydHl9YF0gPSBgdmFyKC0tb20tdGl0bGUtJHtjb25maWcuaGVhZGVyRm9udFNpemV9LSR7cHJvcGVydHl9KWA7XG4gICAgfVxuICAgIHJldHVybiBzdHlsZTtcbn0iXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

package/es/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);
 }