@1money/component-ui 0.0.23 → 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.
- package/es/components/Table/interface.d.ts +2 -1
- package/es/components/Table/renderers/EmptyState.d.ts +2 -1
- package/es/components/Table/renderers/EmptyState.js +15 -8
- package/es/components/Table/style/Table.css +1 -1
- package/es/index.css +1 -1
- package/es/stories/docs/ComponentDocsPage.js +234 -0
- package/es/stories/docs/componentDocMeta.js +97 -0
- package/es/stories/docs/storybook-docs.css +79 -0
- package/lib/components/Table/interface.d.ts +2 -1
- package/lib/components/Table/renderers/EmptyState.d.ts +2 -1
- package/lib/components/Table/renderers/EmptyState.js +15 -7
- package/lib/components/Table/style/Table.css +1 -1
- package/lib/index.css +1 -1
- package/lib/stories/docs/ComponentDocsPage.js +244 -0
- package/lib/stories/docs/componentDocMeta.js +104 -0
- package/lib/stories/docs/storybook-docs.css +79 -0
- package/package.json +23 -8
- package/scripts/mcp-server/README.md +267 -0
- package/scripts/mcp-server/bin.mjs +2 -0
- package/scripts/mcp-server/drift.json +5 -0
- package/scripts/mcp-server/examples.generated.json +2651 -0
- package/scripts/mcp-server/index.generated.json +18098 -0
- package/scripts/mcp-server/index.mjs +308 -26
- package/scripts/mcp-server/tools/get-examples.mjs +125 -0
- package/scripts/mcp-server/tools/get-library-info.mjs +25 -0
- package/scripts/mcp-server/tools/get-symbol.mjs +232 -0
- package/scripts/mcp-server/tools/get-token.mjs +60 -0
- package/scripts/mcp-server/tools/list-icons.mjs +38 -0
- package/scripts/mcp-server/tools/list-symbols.mjs +46 -0
- package/scripts/mcp-server/tools/resolve-import.mjs +125 -0
- package/scripts/mcp-server/tools/search-symbols.mjs +79 -0
- package/.agents/skills/1money-component-dev/SKILL.md +0 -224
- package/.agents/skills/1money-component-dev/checklist.md +0 -159
- package/.agents/skills/1money-component-dev/references/ComponentPatterns.md +0 -478
- package/.agents/skills/1money-component-dev/references/FigmaExtractionChecklist.md +0 -144
- package/.agents/skills/1money-component-dev/references/HooksGuide.md +0 -360
- package/.agents/skills/1money-component-dev/references/SemanticColors.md +0 -215
- package/.agents/skills/1money-component-dev/references/StyleSystemAPI.md +0 -389
- package/.claude/settings.local.json +0 -120
- package/.claude/skills/1money-component-dev/SKILL.md +0 -229
- package/.claude/skills/1money-component-dev/checklist.md +0 -159
- package/.claude/skills/1money-component-dev/references/ComponentPatterns.md +0 -478
- package/.claude/skills/1money-component-dev/references/FigmaExtractionChecklist.md +0 -144
- package/.claude/skills/1money-component-dev/references/HooksGuide.md +0 -360
- package/.claude/skills/1money-component-dev/references/SemanticColors.md +0 -215
- package/.claude/skills/1money-component-dev/references/StyleSystemAPI.md +0 -389
- package/.claude/skills/1money-component-review/SKILL.md +0 -316
- package/.claude/skills/component-pipeline/SKILL.md +0 -116
- package/.claude/skills/component-pipeline/checklist.md +0 -125
- package/.hintrc +0 -13
- package/@types/global.d.ts +0 -28
- package/AGENTS.md +0 -546
- package/CLAUDE.md +0 -1
- package/jest.setup.d.ts +0 -1
- package/jest.setup.ts +0 -1
- package/patches/primereact.patch +0 -323
- package/patches/react-pro-sidebar.patch +0 -6421
- package/public/favicon.ico +0 -0
- package/public/fonts/Aeonik/Aeonik-Air.ttf +0 -0
- package/public/fonts/Aeonik/Aeonik-AirItalic.ttf +0 -0
- package/public/fonts/Aeonik/Aeonik-Black.ttf +0 -0
- package/public/fonts/Aeonik/Aeonik-BlackItalic.ttf +0 -0
- package/public/fonts/Aeonik/Aeonik-Bold.ttf +0 -0
- package/public/fonts/Aeonik/Aeonik-BoldItalic.ttf +0 -0
- package/public/fonts/Aeonik/Aeonik-Light.ttf +0 -0
- package/public/fonts/Aeonik/Aeonik-LightItalic.ttf +0 -0
- package/public/fonts/Aeonik/Aeonik-Medium.ttf +0 -0
- package/public/fonts/Aeonik/Aeonik-MediumItalic.ttf +0 -0
- package/public/fonts/Aeonik/Aeonik-Regular.ttf +0 -0
- package/public/fonts/Aeonik/Aeonik-RegularItalic.ttf +0 -0
- package/public/fonts/Aeonik/Aeonik-Thin.ttf +0 -0
- package/public/fonts/Aeonik/Aeonik-ThinItalic.ttf +0 -0
- package/public/fonts/Inter/Inter-Black.ttf +0 -0
- package/public/fonts/Inter/Inter-BlackItalic.ttf +0 -0
- package/public/fonts/Inter/Inter-Bold.ttf +0 -0
- package/public/fonts/Inter/Inter-BoldItalic.ttf +0 -0
- package/public/fonts/Inter/Inter-ExtraBold.ttf +0 -0
- package/public/fonts/Inter/Inter-ExtraBoldItalic.ttf +0 -0
- package/public/fonts/Inter/Inter-ExtraLight.ttf +0 -0
- package/public/fonts/Inter/Inter-ExtraLightItalic.ttf +0 -0
- package/public/fonts/Inter/Inter-Italic.ttf +0 -0
- package/public/fonts/Inter/Inter-Light.ttf +0 -0
- package/public/fonts/Inter/Inter-LightItalic.ttf +0 -0
- package/public/fonts/Inter/Inter-Medium.ttf +0 -0
- package/public/fonts/Inter/Inter-MediumItalic.ttf +0 -0
- package/public/fonts/Inter/Inter-Regular.ttf +0 -0
- package/public/fonts/Inter/Inter-SemiBold.ttf +0 -0
- package/public/fonts/Inter/Inter-SemiBoldItalic.ttf +0 -0
- package/public/fonts/Inter/Inter-Thin.ttf +0 -0
- package/public/fonts/Inter/Inter-ThinItalic.ttf +0 -0
- package/public/fonts/Outfit/Outfit-Black.ttf +0 -0
- package/public/fonts/Outfit/Outfit-Bold.ttf +0 -0
- package/public/fonts/Outfit/Outfit-ExtraBold.ttf +0 -0
- package/public/fonts/Outfit/Outfit-ExtraLight.ttf +0 -0
- package/public/fonts/Outfit/Outfit-Light.ttf +0 -0
- package/public/fonts/Outfit/Outfit-Medium.ttf +0 -0
- package/public/fonts/Outfit/Outfit-Regular.ttf +0 -0
- package/public/fonts/Outfit/Outfit-SemiBold.ttf +0 -0
- package/public/fonts/Outfit/Outfit-Thin.ttf +0 -0
- package/public/github-mark.svg +0 -3
- package/public/tokens/GYEN.svg +0 -9
- package/public/tokens/PYUSD.svg +0 -9
- package/public/tokens/USDT.svg +0 -6
- package/scripts/mcp-server/resources.d.mts +0 -1
- package/scripts/mcp-server/resources.mjs +0 -102
- package/test/jsdom-global-register.d.ts +0 -1
- package/test/jsdom-global-register.js +0 -1
|
@@ -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,15 +1,22 @@
|
|
|
1
|
-
import
|
|
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(
|
|
7
|
-
|
|
10
|
+
if (!empty) {
|
|
11
|
+
return _jsx(Empty, {
|
|
12
|
+
title: "No data"
|
|
8
13
|
});
|
|
9
14
|
}
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
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,
|
|
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}
|