@1money/component-ui 0.0.24 → 0.0.25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,5 +1,6 @@
1
1
  import type React from 'react';
2
2
  import type { CSSProperties, HTMLAttributes, Key, ReactNode } from 'react';
3
+ import type { EmptyProps } from "../Empty";
3
4
  export type TableSize = 'large' | 'small';
4
5
  export type TableVariant = 'fill' | 'stroke';
5
6
  export type TableAlign = 'left' | 'center' | 'right';
@@ -158,7 +159,7 @@ export interface TableProps<T> extends Omit<HTMLAttributes<HTMLDivElement>, 'onC
158
159
  childrenColumnName?: string;
159
160
  indentSize?: number;
160
161
  loading?: boolean;
161
- empty?: ReactNode;
162
+ empty?: EmptyProps | ReactNode;
162
163
  showHeader?: boolean;
163
164
  tableLayout?: TableLayout;
164
165
  components?: TableComponents<T>;
@@ -1,4 +1,5 @@
1
1
  import type { ReactNode } from 'react';
2
+ import type { EmptyProps } from "../../Empty";
2
3
  export declare const TableEmptyState: ({ empty }: {
3
- empty?: ReactNode;
4
+ empty?: EmptyProps | ReactNode;
4
5
  }) => import("react/jsx-runtime").JSX.Element;
@@ -1,15 +1,22 @@
1
- import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
1
+ import _typeof from "@babel/runtime/helpers/esm/typeof";
2
+ import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
3
+ import { isValidElement } from 'react';
2
4
  import { Empty } from '../../Empty';
5
+ var isEmptyProps = function isEmptyProps(value) {
6
+ return _typeof(value) === 'object' && value !== null && ! /*#__PURE__*/isValidElement(value);
7
+ };
3
8
  export var TableEmptyState = function TableEmptyState(_ref) {
4
9
  var empty = _ref.empty;
5
- if (empty) {
6
- return _jsx(_Fragment, {
7
- children: empty
10
+ if (!empty) {
11
+ return _jsx(Empty, {
12
+ title: "No data"
8
13
  });
9
14
  }
10
- return _jsx(Empty, {
11
- title: "No data",
12
- description: ""
15
+ if (isEmptyProps(empty)) {
16
+ return _jsx(Empty, Object.assign({}, empty));
17
+ }
18
+ return _jsx(_Fragment, {
19
+ children: empty
13
20
  });
14
21
  };
15
- //# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL0VtcHR5U3RhdGUuanMiLCJjb21wb25lbnRzL1RhYmxlL3NyYy9jb21wb25lbnRzL1RhYmxlL3JlbmRlcmVycy9FbXB0eVN0YXRlLnRzeCJdLCJuYW1lcyI6WyJGcmFnbWVudCIsIl9GcmFnbWVudCIsImpzeCIsIl9qc3giLCJFbXB0eSIsIlRhYmxlRW1wdHlTdGF0ZSIsIl9yZWYiLCJlbXB0eSIsImNoaWxkcmVuIiwidGl0bGUiLCJkZXNjcmlwdGlvbiJdLCJtYXBwaW5ncyI6IkFBQUEsU0FBU0EsUUFBUSxJQUFJQyxTQUFTLEVBQUVDLEdBQUcsSUFBSUMsSUFBSSxRQUFRLG1CQUFtQjtBQ0N0RSxTQUFTQyxLQUFLLFFBQVEsYUFBYTtBQUVuQyxPQUFPLElBQU1DLGVBQWUsR0FBRyxTQUFsQkEsZUFBZUEsQ0FBQUMsSUFBQSxFQUF3QztFQUFBLElBQWxDQyxLQUFLLEdBQUFELElBQUEsQ0FBTEMsS0FBSztFQUNyQyxJQUFJQSxLQUFLLEVBQUU7SUFDVCxPQUFPSixJQUFBLENBQUFGLFNBQUEsRUFBQTtNQUFBTyxRQUFBLEVBQUdEO0lBQUssQ0FBQSxDQUFJO0VBQ3JCO0VBRUEsT0FBT0osSUFBQSxDQUFDQyxLQUFLLEVBQUE7SUFBQ0ssS0FBSyxFQUFDLFNBQVM7SUFBQ0MsV0FBVyxFQUFDO0VBQUUsQ0FBQSxDQUFHO0FBQ2pELENBQUMiLCJmaWxlIjoiY29tcG9uZW50cy9UYWJsZS9yZW5kZXJlcnMvRW1wdHlTdGF0ZS5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEZyYWdtZW50IGFzIF9GcmFnbWVudCwganN4IGFzIF9qc3ggfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcbmltcG9ydCB7IEVtcHR5IH0gZnJvbSAnLi4vLi4vRW1wdHknO1xuZXhwb3J0IGNvbnN0IFRhYmxlRW1wdHlTdGF0ZSA9ICh7IGVtcHR5IH0pID0+IHtcbiAgICBpZiAoZW1wdHkpIHtcbiAgICAgICAgcmV0dXJuIF9qc3goX0ZyYWdtZW50LCB7IGNoaWxkcmVuOiBlbXB0eSB9KTtcbiAgICB9XG4gICAgcmV0dXJuIF9qc3goRW1wdHksIHsgdGl0bGU6IFwiTm8gZGF0YVwiLCBkZXNjcmlwdGlvbjogXCJcIiB9KTtcbn07IixudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9
22
+ //# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL0VtcHR5U3RhdGUuanMiLCJjb21wb25lbnRzL1RhYmxlL3NyYy9jb21wb25lbnRzL1RhYmxlL3JlbmRlcmVycy9FbXB0eVN0YXRlLnRzeCJdLCJuYW1lcyI6WyJqc3giLCJfanN4IiwiRnJhZ21lbnQiLCJfRnJhZ21lbnQiLCJpc1ZhbGlkRWxlbWVudCIsIkVtcHR5IiwiaXNFbXB0eVByb3BzIiwidmFsdWUiLCJfdHlwZW9mIiwiVGFibGVFbXB0eVN0YXRlIiwiX3JlZiIsImVtcHR5IiwidGl0bGUiLCJPYmplY3QiLCJhc3NpZ24iLCJjaGlsZHJlbiJdLCJtYXBwaW5ncyI6IjtBQUFBLFNBQVNBLEdBQUcsSUFBSUMsSUFBSSxFQUFFQyxRQUFRLElBQUlDLFNBQVMsUUFBUSxtQkFBbUI7QUNBdEUsU0FBU0MsY0FBYyxRQUFRLE9BQU87QUFFdEMsU0FBU0MsS0FBSyxRQUFRLGFBQWE7QUFHbkMsSUFBTUMsWUFBWSxHQUFHLFNBQWZBLFlBQVlBLENBQUlDLEtBQWM7RUFBQSxPQUNsQ0MsT0FBQSxDQUFPRCxLQUFLLE1BQUssUUFBUSxJQUFJQSxLQUFLLEtBQUssSUFBSSxJQUFJLGVBQUNILGNBQWMsQ0FBQ0csS0FBSyxDQUFDO0FBQUE7QUFFdkUsT0FBTyxJQUFNRSxlQUFlLEdBQUcsU0FBbEJBLGVBQWVBLENBQUFDLElBQUEsRUFBcUQ7RUFBQSxJQUEvQ0MsS0FBSyxHQUFBRCxJQUFBLENBQUxDLEtBQUs7RUFDckMsSUFBSSxDQUFDQSxLQUFLLEVBQUU7SUFDVixPQUFPVixJQUFBLENBQUNJLEtBQUssRUFBQTtNQUFDTyxLQUFLLEVBQUM7SUFBUyxDQUFBLENBQUc7RUFDbEM7RUFFQSxJQUFJTixZQUFZLENBQUNLLEtBQUssQ0FBQyxFQUFFO0lBQ3ZCLE9BQU9WLElBQUEsQ0FBQ0ksS0FBSyxFQUFBUSxNQUFBLENBQUFDLE1BQUEsQ0FBQSxDQUFBLENBQUEsRUFBS0gsS0FBSyxDQUFBLENBQUk7RUFDN0I7RUFFQSxPQUFPVixJQUFBLENBQUFFLFNBQUEsRUFBQTtJQUFBWSxRQUFBLEVBQUdKO0VBQUssQ0FBQSxDQUFJO0FBQ3JCLENBQUMiLCJmaWxlIjoiY29tcG9uZW50cy9UYWJsZS9yZW5kZXJlcnMvRW1wdHlTdGF0ZS5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBGcmFnbWVudCBhcyBfRnJhZ21lbnQgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcbmltcG9ydCB7IGlzVmFsaWRFbGVtZW50IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgRW1wdHkgfSBmcm9tICcuLi8uLi9FbXB0eSc7XG5jb25zdCBpc0VtcHR5UHJvcHMgPSAodmFsdWUpID0+IHR5cGVvZiB2YWx1ZSA9PT0gJ29iamVjdCcgJiYgdmFsdWUgIT09IG51bGwgJiYgIWlzVmFsaWRFbGVtZW50KHZhbHVlKTtcbmV4cG9ydCBjb25zdCBUYWJsZUVtcHR5U3RhdGUgPSAoeyBlbXB0eSB9KSA9PiB7XG4gICAgaWYgKCFlbXB0eSkge1xuICAgICAgICByZXR1cm4gX2pzeChFbXB0eSwgeyB0aXRsZTogXCJObyBkYXRhXCIgfSk7XG4gICAgfVxuICAgIGlmIChpc0VtcHR5UHJvcHMoZW1wdHkpKSB7XG4gICAgICAgIHJldHVybiBfanN4KEVtcHR5LCBPYmplY3QuYXNzaWduKHt9LCBlbXB0eSkpO1xuICAgIH1cbiAgICByZXR1cm4gX2pzeChfRnJhZ21lbnQsIHsgY2hpbGRyZW46IGVtcHR5IH0pO1xufTsiLG51bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=
@@ -1 +1 @@
1
- .om-component-ui-table{position:relative;box-sizing:border-box;width:100%;overflow:clip;font-variant:tabular-nums;background:var(--om-bg-default,#fff);border:1px solid var(--om-border-neutral,#e3e4e4);border-radius:var(--om-radius-300,12px)}.om-component-ui-table table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0}.om-component-ui-table-thead>tr>td,.om-component-ui-table-thead>tr>th{text-align:start;background:var(--om-bg-default-secondary,#f8f8f8);font-size:var(--om-label-md-font-size);font-family:var(--om-label-md-font-family);line-height:var(--om-label-md-line-height);letter-spacing:var(--om-label-md-letter-spacing);font-weight:var(--om-label-md-font-weight)}.om-component-ui-table-tbody>tr>td,.om-component-ui-table-thead>tr>td,.om-component-ui-table-thead>tr>th{position:relative;padding:var(--om-spacing-300,12px) var(--om-spacing-400,16px);overflow-wrap:break-word;border-bottom:1px solid var(--om-border-neutral,#e3e4e4)}.om-component-ui-table-tbody>tr>td{vertical-align:middle;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)}.om-component-ui-table-tbody>tr:last-child>td{border-bottom:0}.om-component-ui-table-tbody>tr:has(+.om-component-ui-table-expanded-row:last-child)>td{border-bottom:0}.om-component-ui-table-tbody>tr:hover>td{background:var(--om-bg-default-secondary,#f8f8f8)}.om-component-ui-table-body,.om-component-ui-table-content{overflow:auto}.om-component-ui-table-header{overflow:hidden}.om-component-ui-table-sticky-holder{position:sticky;z-index:3;background:var(--om-bg-default,#fff)}.om-component-ui-table-fixed-header>.om-component-ui-table-header{overflow:hidden}.om-component-ui-table-fixed-header>.om-component-ui-table-body{overflow:auto scroll}.om-component-ui-table-cell-fix-end,.om-component-ui-table-cell-fix-start{position:sticky!important;z-index:calc(2 + var(--z-offset, 0));background:var(--om-bg-default,#fff)}.om-component-ui-table-tbody>tr:hover .om-component-ui-table-cell-fix-end,.om-component-ui-table-tbody>tr:hover .om-component-ui-table-cell-fix-start,.om-component-ui-table-thead .om-component-ui-table-cell-fix-end,.om-component-ui-table-thead .om-component-ui-table-cell-fix-start{background:var(--om-bg-default-secondary,#f8f8f8)}.om-component-ui-table-cell-fix-end-shadow:after,.om-component-ui-table-cell-fix-start-shadow:after{position:absolute;top:0;bottom:-1px;width:30px;transition:box-shadow .3s;content:"";pointer-events:none}.om-component-ui-table-cell-fix-start-shadow:after{right:0;transform:translateX(100%)}.om-component-ui-table-cell-fix-start-shadow-show:after{box-shadow:inset 10px 0 8px -8px rgba(0,0,0,.08)}.om-component-ui-table-cell-fix-end-shadow:after{left:0;transform:translateX(-100%)}.om-component-ui-table-cell-fix-end-shadow-show:after{box-shadow:inset -10px 0 8px -8px rgba(0,0,0,.08)}.om-component-ui-table-expanded-row .om-component-ui-table-cell{padding:var(--om-spacing-300,12px);background:var(--om-bg-default-secondary,#f8f8f8)}.om-component-ui-table-placeholder{text-align:center}.om-component-ui-table-tbody-virtual .om-component-ui-table-row{display:flex}.om-component-ui-table-tbody-virtual .om-component-ui-table-row:hover .om-component-ui-table-cell{background:var(--om-bg-default-secondary,#f8f8f8)}.om-component-ui-table-tbody-virtual .om-component-ui-table-cell{padding:var(--om-spacing-300,12px) var(--om-spacing-400,16px);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)}.om-component-ui-table-body,.om-component-ui-table-container,.om-component-ui-table-content,.om-component-ui-table-header{background:inherit}.om-component-ui-table-pagination{display:flex;justify-content:flex-end;margin-top:var(--om-spacing-600,24px)}.om-component-ui-table-small{--table-row-height:56px;--table-header-height:40px}.om-component-ui-table-small .om-component-ui-table-tbody>tr>td,.om-component-ui-table-small .om-component-ui-table-thead>tr>td,.om-component-ui-table-small .om-component-ui-table-thead>tr>th{padding:var(--om-spacing-200,8px) var(--om-spacing-300,12px)}.om-component-ui-table-large{--table-row-height:66px;--table-header-height:48px}.om-component-ui-table-fill{border:0;border-radius:0}.om-component-ui-table-fill .om-component-ui-table-thead>tr>td,.om-component-ui-table-fill .om-component-ui-table-thead>tr>th{background:transparent}.om-component-ui-table-fill .om-component-ui-table-thead .om-component-ui-table-cell-fix-end,.om-component-ui-table-fill .om-component-ui-table-thead .om-component-ui-table-cell-fix-start{background:var(--om-bg-default,#fff)}.om-component-ui-table-stroke .om-component-ui-table-thead>tr>td,.om-component-ui-table-stroke .om-component-ui-table-thead>tr>th{border-bottom:none}.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-thead>tr>td.om-component-ui-table-cell--spacer,.om-component-ui-table-stroke .om-component-ui-table-thead>tr>th.om-component-ui-table-cell--spacer{padding:0;border-bottom:none}.om-component-ui-table .om-component-ui-table-header-cell{display:inline-flex;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}.om-component-ui-table .om-component-ui-table-header-cell--large .om-component-ui-table-header-cell__title{font-size:var(--om-title-lg-font-size);font-family:var(--om-title-lg-font-family);line-height:var(--om-title-lg-line-height);letter-spacing:var(--om-title-lg-letter-spacing);font-weight:var(--om-title-lg-font-weight)}.om-component-ui-table .om-component-ui-table-header-cell--small .om-component-ui-table-header-cell__title{font-size:var(--om-title-sm-font-size);font-family:var(--om-title-sm-font-family);line-height:var(--om-title-sm-line-height);letter-spacing:var(--om-title-sm-letter-spacing);font-weight:var(--om-title-sm-strong-font-weight)}.om-component-ui-table .om-component-ui-table-sort-trigger{display:inline-flex;align-items:center;justify-content:center;padding:0;color:var(--om-icon-default,#131313);line-height:0;background:transparent;border:0;cursor:pointer}.om-component-ui-table .om-component-ui-table-sort-trigger:focus-visible{outline:2px solid var(--om-border-default,#d1d2d2);outline-offset:2px}.om-component-ui-table .om-component-ui-table-sort-trigger--large{width:16px;height:16px}.om-component-ui-table .om-component-ui-table-sort-trigger--small{width:12px;height:12px}.om-component-ui-table .om-component-ui-table-expand-trigger{display:inline-flex;align-items:center;justify-content:center;width:var(--om-spacing-400,16px);height:var(--om-spacing-400,16px);padding:0;color:var(--om-icon-default,#131313);background:transparent;border:0;cursor:pointer;transition:color .2s ease}.om-component-ui-table .om-component-ui-table-expand-trigger:focus-visible{outline:2px solid var(--om-border-default,#d1d2d2);outline-offset:2px}.om-component-ui-table .om-component-ui-table-expand-trigger:hover{color:var(--om-icon-default-secondary,#404042)}.om-component-ui-table .om-component-ui-table-expand-trigger[aria-expanded=true]{color:var(--om-icon-default,#131313)}.om-component-ui-table .om-component-ui-table-expand-trigger[aria-expanded=true]:hover{color:var(--om-icon-default-secondary,#404042)}.om-component-ui-table .om-component-ui-table-expand-trigger__icon{transition:transform .2s ease}.om-component-ui-table .om-component-ui-table-cell-content{display:inline-flex;gap:8px;align-items:center}.om-component-ui-table .om-component-ui-table-cell-content__text{display:inline-flex;flex-direction:column;gap:0}.om-component-ui-table .om-component-ui-table-expanded-row{background:var(--om-bg-default,#fff)}.om-component-ui-table .om-component-ui-table-expanded-row__content{padding:var(--om-spacing-200,8px) 0}.om-component-ui-table-wrapper{position:relative}.om-component-ui-table-wrapper--loading>.om-component-ui-table{opacity:.6;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.om-component-ui-table-loading-overlay{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center}
1
+ .om-component-ui-table{position:relative;box-sizing:border-box;width:100%;overflow:clip;font-variant:tabular-nums;background:var(--om-bg-default,#fff);border:1px solid var(--om-border-neutral,#e3e4e4);border-radius:var(--om-radius-300,12px)}.om-component-ui-table table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0}.om-component-ui-table-thead>tr>td,.om-component-ui-table-thead>tr>th{text-align:start;background:var(--om-bg-default-secondary,#f8f8f8);font-size:var(--om-label-md-font-size);font-family:var(--om-label-md-font-family);line-height:var(--om-label-md-line-height);letter-spacing:var(--om-label-md-letter-spacing);font-weight:var(--om-label-md-font-weight)}.om-component-ui-table-tbody>tr>td,.om-component-ui-table-thead>tr>td,.om-component-ui-table-thead>tr>th{position:relative;padding:var(--om-spacing-300,12px) var(--om-spacing-400,16px);overflow-wrap:break-word;border-bottom:1px solid var(--om-border-neutral,#e3e4e4)}.om-component-ui-table-tbody>tr>td{color:var(--om-text-default,#131313);vertical-align:middle;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)}.om-component-ui-table-tbody>tr:last-child>td{border-bottom:0}.om-component-ui-table-tbody>tr:has(+.om-component-ui-table-expanded-row:last-child)>td{border-bottom:0}.om-component-ui-table-tbody>tr:hover>td{background:var(--om-bg-default-secondary,#f8f8f8)}.om-component-ui-table-body,.om-component-ui-table-content{overflow:auto}.om-component-ui-table-header{overflow:hidden}.om-component-ui-table-sticky-holder{position:sticky;z-index:3;background:var(--om-bg-default,#fff)}.om-component-ui-table-fixed-header>.om-component-ui-table-header{overflow:hidden}.om-component-ui-table-fixed-header>.om-component-ui-table-body{overflow:auto scroll}.om-component-ui-table-cell-fix-end,.om-component-ui-table-cell-fix-start{position:sticky!important;z-index:calc(2 + var(--z-offset, 0));background:var(--om-bg-default,#fff)}.om-component-ui-table-tbody>tr:hover .om-component-ui-table-cell-fix-end,.om-component-ui-table-tbody>tr:hover .om-component-ui-table-cell-fix-start,.om-component-ui-table-thead .om-component-ui-table-cell-fix-end,.om-component-ui-table-thead .om-component-ui-table-cell-fix-start{background:var(--om-bg-default-secondary,#f8f8f8)}.om-component-ui-table-cell-fix-end-shadow:after,.om-component-ui-table-cell-fix-start-shadow:after{position:absolute;top:0;bottom:-1px;width:30px;transition:box-shadow .3s;content:"";pointer-events:none}.om-component-ui-table-cell-fix-start-shadow:after{right:0;transform:translateX(100%)}.om-component-ui-table-cell-fix-start-shadow-show:after{box-shadow:inset 10px 0 8px -8px rgba(0,0,0,.08)}.om-component-ui-table-cell-fix-end-shadow:after{left:0;transform:translateX(-100%)}.om-component-ui-table-cell-fix-end-shadow-show:after{box-shadow:inset -10px 0 8px -8px rgba(0,0,0,.08)}.om-component-ui-table-expanded-row .om-component-ui-table-cell{padding:var(--om-spacing-300,12px);background:var(--om-bg-default-secondary,#f8f8f8)}.om-component-ui-table-placeholder{text-align:center}.om-component-ui-table-tbody-virtual .om-component-ui-table-row{display:flex}.om-component-ui-table-tbody-virtual .om-component-ui-table-row:hover .om-component-ui-table-cell{background:var(--om-bg-default-secondary,#f8f8f8)}.om-component-ui-table-tbody-virtual .om-component-ui-table-cell{padding:var(--om-spacing-300,12px) var(--om-spacing-400,16px);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)}.om-component-ui-table-body,.om-component-ui-table-container,.om-component-ui-table-content,.om-component-ui-table-header{background:inherit}.om-component-ui-table-pagination{display:flex;justify-content:flex-end;margin-top:var(--om-spacing-600,24px)}.om-component-ui-table-small{--table-row-height:56px;--table-header-height:40px}.om-component-ui-table-small .om-component-ui-table-tbody>tr>td,.om-component-ui-table-small .om-component-ui-table-thead>tr>td,.om-component-ui-table-small .om-component-ui-table-thead>tr>th{padding:var(--om-spacing-200,8px) var(--om-spacing-300,12px)}.om-component-ui-table-large{--table-row-height:66px;--table-header-height:48px}.om-component-ui-table-fill{border:0;border-radius:0}.om-component-ui-table-fill .om-component-ui-table-thead>tr>td,.om-component-ui-table-fill .om-component-ui-table-thead>tr>th{background:transparent}.om-component-ui-table-fill .om-component-ui-table-thead .om-component-ui-table-cell-fix-end,.om-component-ui-table-fill .om-component-ui-table-thead .om-component-ui-table-cell-fix-start{background:var(--om-bg-default,#fff)}.om-component-ui-table-stroke .om-component-ui-table-thead>tr>td,.om-component-ui-table-stroke .om-component-ui-table-thead>tr>th{border-bottom:none}.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-thead>tr>td.om-component-ui-table-cell--spacer,.om-component-ui-table-stroke .om-component-ui-table-thead>tr>th.om-component-ui-table-cell--spacer{padding:0;border-bottom:none}.om-component-ui-table .om-component-ui-table-header-cell{display:inline-flex;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}.om-component-ui-table .om-component-ui-table-header-cell--large .om-component-ui-table-header-cell__title{font-size:var(--om-title-lg-font-size);font-family:var(--om-title-lg-font-family);line-height:var(--om-title-lg-line-height);letter-spacing:var(--om-title-lg-letter-spacing);font-weight:var(--om-title-lg-font-weight)}.om-component-ui-table .om-component-ui-table-header-cell--small .om-component-ui-table-header-cell__title{font-size:var(--om-title-sm-font-size);font-family:var(--om-title-sm-font-family);line-height:var(--om-title-sm-line-height);letter-spacing:var(--om-title-sm-letter-spacing);font-weight:var(--om-title-sm-strong-font-weight)}.om-component-ui-table .om-component-ui-table-sort-trigger{display:inline-flex;align-items:center;justify-content:center;padding:0;color:var(--om-icon-default,#131313);line-height:0;background:transparent;border:0;cursor:pointer}.om-component-ui-table .om-component-ui-table-sort-trigger:focus-visible{outline:2px solid var(--om-border-default,#d1d2d2);outline-offset:2px}.om-component-ui-table .om-component-ui-table-sort-trigger--large{width:16px;height:16px}.om-component-ui-table .om-component-ui-table-sort-trigger--small{width:12px;height:12px}.om-component-ui-table .om-component-ui-table-expand-trigger{display:inline-flex;align-items:center;justify-content:center;width:var(--om-spacing-400,16px);height:var(--om-spacing-400,16px);padding:0;color:var(--om-icon-default,#131313);background:transparent;border:0;cursor:pointer;transition:color .2s ease}.om-component-ui-table .om-component-ui-table-expand-trigger:focus-visible{outline:2px solid var(--om-border-default,#d1d2d2);outline-offset:2px}.om-component-ui-table .om-component-ui-table-expand-trigger:hover{color:var(--om-icon-default-secondary,#404042)}.om-component-ui-table .om-component-ui-table-expand-trigger[aria-expanded=true]{color:var(--om-icon-default,#131313)}.om-component-ui-table .om-component-ui-table-expand-trigger[aria-expanded=true]:hover{color:var(--om-icon-default-secondary,#404042)}.om-component-ui-table .om-component-ui-table-expand-trigger__icon{transition:transform .2s ease}.om-component-ui-table .om-component-ui-table-cell-content{display:inline-flex;gap:8px;align-items:center}.om-component-ui-table .om-component-ui-table-cell-content__text{display:inline-flex;flex-direction:column;gap:0}.om-component-ui-table .om-component-ui-table-expanded-row{background:var(--om-bg-default,#fff)}.om-component-ui-table .om-component-ui-table-expanded-row__content{padding:var(--om-spacing-200,8px) 0}.om-component-ui-table-wrapper{position:relative}.om-component-ui-table-wrapper--loading>.om-component-ui-table{opacity:.6;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.om-component-ui-table-loading-overlay{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center}