@1money/component-ui 0.0.24 → 0.0.25

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

@@ -1,5 +1,6 @@
 import type React from 'react';
 import type { CSSProperties, HTMLAttributes, Key, ReactNode } from 'react';
+import type { EmptyProps } from "../Empty";
 export type TableSize = 'large' | 'small';
 export type TableVariant = 'fill' | 'stroke';
 export type TableAlign = 'left' | 'center' | 'right';
@@ -158,7 +159,7 @@ export interface TableProps<T> extends Omit<HTMLAttributes<HTMLDivElement>, 'onC
     childrenColumnName?: string;
     indentSize?: number;
     loading?: boolean;
-    empty?: ReactNode;
+    empty?: EmptyProps | ReactNode;
     showHeader?: boolean;
     tableLayout?: TableLayout;
     components?: TableComponents<T>;

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

@@ -1,4 +1,5 @@
 import type { ReactNode } from 'react';
+import type { EmptyProps } from "../../Empty";
 export declare const TableEmptyState: ({ empty }: {
-    empty?: ReactNode;
+    empty?: EmptyProps | ReactNode;
 }) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,21 +1,29 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TableEmptyState = void 0;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _jsxRuntime = require("react/jsx-runtime");
+var _react = require("react");
 var _Empty = require("../../Empty");
+var isEmptyProps = function isEmptyProps(value) {
+  return (0, _typeof2["default"])(value) === 'object' && value !== null && ! /*#__PURE__*/(0, _react.isValidElement)(value);
+};
 var TableEmptyState = exports.TableEmptyState = function TableEmptyState(_ref) {
   var empty = _ref.empty;
-  if (empty) {
-    return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-      children: empty
+  if (!empty) {
+    return (0, _jsxRuntime.jsx)(_Empty.Empty, {
+      title: "No data"
     });
   }
-  return (0, _jsxRuntime.jsx)(_Empty.Empty, {
-    title: "No data",
-    description: ""
+  if (isEmptyProps(empty)) {
+    return (0, _jsxRuntime.jsx)(_Empty.Empty, Object.assign({}, empty));
+  }
+  return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: empty
   });
 };
-//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL0VtcHR5U3RhdGUuanMiLCJjb21wb25lbnRzL1RhYmxlL3NyYy9jb21wb25lbnRzL1RhYmxlL3JlbmRlcmVycy9FbXB0eVN0YXRlLnRzeCJdLCJuYW1lcyI6WyJfanN4UnVudGltZSIsInJlcXVpcmUiLCJfRW1wdHkiLCJUYWJsZUVtcHR5U3RhdGUiLCJleHBvcnRzIiwiX3JlZiIsImVtcHR5IiwiX2pzeCIsIl9GcmFnbWVudCIsImNoaWxkcmVuIiwiRW1wdHkiLCJ0aXRsZSIsImRlc2NyaXB0aW9uIl0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxJQUFBQSxXQUFBLEdBQUFDLE9BQUE7QUNDQSxJQUFBQyxNQUFBLEdBQUFELE9BQUE7QUFFTyxJQUFNRSxlQUFlLEdBQUFDLE9BQUEsQ0FBQUQsZUFBQSxHQUFHLFNBQWxCQSxlQUFlQSxDQUFBRSxJQUFBLEVBQXdDO0VBQUEsSUFBbENDLEtBQUssR0FBQUQsSUFBQSxDQUFMQyxLQUFLO0VBQ3JDLElBQUlBLEtBQUssRUFBRTtJQUNULE9BQU8sSUFBQUMsZUFBQSxFQUFBQyxvQkFBQSxFQUFBO01BQUFDLFFBQUEsRUFBR0g7SUFBSyxDQUFBLENBQUk7RUFDckI7RUFFQSxPQUFPLElBQUFDLGVBQUEsRUFBQ0csWUFBSyxFQUFBO0lBQUNDLEtBQUssRUFBQyxTQUFTO0lBQUNDLFdBQVcsRUFBQztFQUFFLENBQUEsQ0FBRztBQUNqRCxDQUFDIiwiZmlsZSI6ImNvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL0VtcHR5U3RhdGUuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBGcmFnbWVudCBhcyBfRnJhZ21lbnQsIGpzeCBhcyBfanN4IH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgeyBFbXB0eSB9IGZyb20gJy4uLy4uL0VtcHR5JztcbmV4cG9ydCBjb25zdCBUYWJsZUVtcHR5U3RhdGUgPSAoeyBlbXB0eSB9KSA9PiB7XG4gICAgaWYgKGVtcHR5KSB7XG4gICAgICAgIHJldHVybiBfanN4KF9GcmFnbWVudCwgeyBjaGlsZHJlbjogZW1wdHkgfSk7XG4gICAgfVxuICAgIHJldHVybiBfanN4KEVtcHR5LCB7IHRpdGxlOiBcIk5vIGRhdGFcIiwgZGVzY3JpcHRpb246IFwiXCIgfSk7XG59OyIsbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL0VtcHR5U3RhdGUuanMiLCJjb21wb25lbnRzL1RhYmxlL3NyYy9jb21wb25lbnRzL1RhYmxlL3JlbmRlcmVycy9FbXB0eVN0YXRlLnRzeCJdLCJuYW1lcyI6WyJfanN4UnVudGltZSIsInJlcXVpcmUiLCJfcmVhY3QiLCJfRW1wdHkiLCJpc0VtcHR5UHJvcHMiLCJ2YWx1ZSIsIl90eXBlb2YyIiwiaXNWYWxpZEVsZW1lbnQiLCJUYWJsZUVtcHR5U3RhdGUiLCJleHBvcnRzIiwiX3JlZiIsImVtcHR5IiwiX2pzeCIsIkVtcHR5IiwidGl0bGUiLCJPYmplY3QiLCJhc3NpZ24iLCJfRnJhZ21lbnQiLCJjaGlsZHJlbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7QUFBQSxJQUFBQSxXQUFBLEdBQUFDLE9BQUE7QUNBQSxJQUFBQyxNQUFBLEdBQUFELE9BQUE7QUFFQSxJQUFBRSxNQUFBLEdBQUFGLE9BQUE7QUFHQSxJQUFNRyxZQUFZLEdBQUcsU0FBZkEsWUFBWUEsQ0FBSUMsS0FBYztFQUFBLE9BQ2xDLElBQUFDLFFBQUEsYUFBT0QsS0FBSyxNQUFLLFFBQVEsSUFBSUEsS0FBSyxLQUFLLElBQUksSUFBSSxlQUFDLElBQUFFLHFCQUFjLEVBQUNGLEtBQUssQ0FBQztBQUFBO0FBRWhFLElBQU1HLGVBQWUsR0FBQUMsT0FBQSxDQUFBRCxlQUFBLEdBQUcsU0FBbEJBLGVBQWVBLENBQUFFLElBQUEsRUFBcUQ7RUFBQSxJQUEvQ0MsS0FBSyxHQUFBRCxJQUFBLENBQUxDLEtBQUs7RUFDckMsSUFBSSxDQUFDQSxLQUFLLEVBQUU7SUFDVixPQUFPLElBQUFDLGVBQUEsRUFBQ0MsWUFBSyxFQUFBO01BQUNDLEtBQUssRUFBQztJQUFTLENBQUEsQ0FBRztFQUNsQztFQUVBLElBQUlWLFlBQVksQ0FBQ08sS0FBSyxDQUFDLEVBQUU7SUFDdkIsT0FBTyxJQUFBQyxlQUFBLEVBQUNDLFlBQUssRUFBQUUsTUFBQSxDQUFBQyxNQUFBLENBQUEsQ0FBQSxDQUFBLEVBQUtMLEtBQUssQ0FBQSxDQUFJO0VBQzdCO0VBRUEsT0FBTyxJQUFBQyxlQUFBLEVBQUFLLG9CQUFBLEVBQUE7SUFBQUMsUUFBQSxFQUFHUDtFQUFLLENBQUEsQ0FBSTtBQUNyQixDQUFDIiwiZmlsZSI6ImNvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL0VtcHR5U3RhdGUuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwgRnJhZ21lbnQgYXMgX0ZyYWdtZW50IH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgeyBpc1ZhbGlkRWxlbWVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IEVtcHR5IH0gZnJvbSAnLi4vLi4vRW1wdHknO1xuY29uc3QgaXNFbXB0eVByb3BzID0gKHZhbHVlKSA9PiB0eXBlb2YgdmFsdWUgPT09ICdvYmplY3QnICYmIHZhbHVlICE9PSBudWxsICYmICFpc1ZhbGlkRWxlbWVudCh2YWx1ZSk7XG5leHBvcnQgY29uc3QgVGFibGVFbXB0eVN0YXRlID0gKHsgZW1wdHkgfSkgPT4ge1xuICAgIGlmICghZW1wdHkpIHtcbiAgICAgICAgcmV0dXJuIF9qc3goRW1wdHksIHsgdGl0bGU6IFwiTm8gZGF0YVwiIH0pO1xuICAgIH1cbiAgICBpZiAoaXNFbXB0eVByb3BzKGVtcHR5KSkge1xuICAgICAgICByZXR1cm4gX2pzeChFbXB0eSwgT2JqZWN0LmFzc2lnbih7fSwgZW1wdHkpKTtcbiAgICB9XG4gICAgcmV0dXJuIF9qc3goX0ZyYWdtZW50LCB7IGNoaWxkcmVuOiBlbXB0eSB9KTtcbn07IixudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

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

@@ -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}
+.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}