@agent-factory-platform/ui-kit 0.11.3 → 0.12.0
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/dist/components/toast.js +24 -23
- package/dist/ui-kit.css +1 -1
- package/package.json +1 -1
package/dist/components/toast.js
CHANGED
|
@@ -1,56 +1,57 @@
|
|
|
1
|
-
import { jsxs as h, jsx as
|
|
2
|
-
import { Info as
|
|
3
|
-
import { useState as
|
|
4
|
-
import { cn as
|
|
5
|
-
const A = { error: N, success:
|
|
1
|
+
import { jsxs as h, jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import { Info as k, CheckCircle2 as C, AlertCircle as N, X as E } from "lucide-react";
|
|
3
|
+
import { useState as y, useRef as x, useCallback as l, useEffect as z, useMemo as I, useContext as O, createContext as P } from "react";
|
|
4
|
+
import { cn as j } from "../lib/cn.js";
|
|
5
|
+
const A = { error: N, success: C, info: k }, M = { error: "bg-danger", success: "bg-success", info: "bg-info" }, g = P(null);
|
|
6
6
|
function R() {
|
|
7
|
-
const
|
|
8
|
-
if (!
|
|
9
|
-
return
|
|
7
|
+
const s = O(g);
|
|
8
|
+
if (!s) throw new Error("useToast must be used within ToastProvider");
|
|
9
|
+
return s;
|
|
10
10
|
}
|
|
11
|
-
function S({ children:
|
|
12
|
-
const [
|
|
11
|
+
function S({ children: s, closeLabel: v, duration: u = 6e3 }) {
|
|
12
|
+
const [b, d] = y([]), w = x(1), r = x(/* @__PURE__ */ new Map()), c = l((e) => {
|
|
13
13
|
d((n) => n.filter((i) => i.id !== e));
|
|
14
14
|
const t = r.current.get(e);
|
|
15
15
|
t && clearTimeout(t), r.current.delete(e);
|
|
16
16
|
}, []), a = l((e) => {
|
|
17
17
|
const t = r.current.get(e);
|
|
18
18
|
t && clearTimeout(t), r.current.set(e, setTimeout(() => c(e), u));
|
|
19
|
-
}, [c, u]),
|
|
19
|
+
}, [c, u]), f = l((e, t = "error") => {
|
|
20
20
|
d((n) => {
|
|
21
21
|
const i = n.find((p) => p.message === e && p.tone === t);
|
|
22
22
|
if (i)
|
|
23
23
|
return a(i.id), n;
|
|
24
|
-
const
|
|
25
|
-
return a(
|
|
24
|
+
const m = w.current++;
|
|
25
|
+
return a(m), [...n, { id: m, message: e, tone: t }];
|
|
26
26
|
});
|
|
27
27
|
}, [a]);
|
|
28
|
-
|
|
28
|
+
z(() => () => {
|
|
29
29
|
for (const e of r.current.values()) clearTimeout(e);
|
|
30
30
|
r.current.clear();
|
|
31
31
|
}, []);
|
|
32
|
-
const T =
|
|
32
|
+
const T = I(() => ({ show: f }), [f]);
|
|
33
33
|
return /* @__PURE__ */ h(g.Provider, { value: T, children: [
|
|
34
|
-
|
|
35
|
-
/* @__PURE__ */
|
|
34
|
+
s,
|
|
35
|
+
/* @__PURE__ */ o("div", { className: "af-layer-feedback af-toast-viewport pointer-events-none fixed right-4 flex w-[calc(100vw-2rem)] flex-col items-end gap-2.5 sm:right-5 sm:w-80", "data-slot": "toast-viewport", children: b.map((e) => {
|
|
36
36
|
const t = A[e.tone];
|
|
37
37
|
return /* @__PURE__ */ h(
|
|
38
38
|
"div",
|
|
39
39
|
{
|
|
40
40
|
role: e.tone === "error" ? "alert" : "status",
|
|
41
|
+
"aria-atomic": "true",
|
|
41
42
|
"data-tone": e.tone,
|
|
42
|
-
className: "t-item pointer-events-auto flex w-full items-center gap-3 rounded-panel border border-border bg-surface-
|
|
43
|
+
className: "t-item pointer-events-auto flex max-h-[30dvh] w-full items-center gap-3 overflow-y-auto rounded-panel border border-border bg-surface-card py-3 pl-3.5 pr-3 shadow-pop",
|
|
43
44
|
children: [
|
|
44
|
-
/* @__PURE__ */
|
|
45
|
-
/* @__PURE__ */
|
|
46
|
-
/* @__PURE__ */
|
|
45
|
+
/* @__PURE__ */ o("span", { className: j("grid size-8 shrink-0 place-items-center rounded-full text-on-status", M[e.tone]), children: /* @__PURE__ */ o(t, { size: 17, "aria-hidden": !0 }) }),
|
|
46
|
+
/* @__PURE__ */ o("span", { className: "min-w-0 flex-1 break-words font-product text-caption font-[480] text-ink", children: e.message }),
|
|
47
|
+
/* @__PURE__ */ o(
|
|
47
48
|
"button",
|
|
48
49
|
{
|
|
49
50
|
type: "button",
|
|
50
51
|
onClick: () => c(e.id),
|
|
51
|
-
"aria-label":
|
|
52
|
+
"aria-label": v,
|
|
52
53
|
className: "grid size-7 shrink-0 place-items-center rounded-control text-graphite outline-none transition hover:bg-surface-hover hover:text-ink focus-visible:ring-2 focus-visible:ring-rust/35",
|
|
53
|
-
children: /* @__PURE__ */
|
|
54
|
+
children: /* @__PURE__ */ o(E, { size: 14, "aria-hidden": !0 })
|
|
54
55
|
}
|
|
55
56
|
)
|
|
56
57
|
]
|
package/dist/ui-kit.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px;opacity:0}.react-grid-item:hover>.react-resizable-handle{opacity:1}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}@custom-variant dark (&:where(.dark,.dark *,[data-theme="dark"],[data-theme="dark"] *):not(:where([data-theme="light"],[data-theme="light"] *)));@source "./";.af-layer-overlay{z-index:100}.af-layer-blocking{isolation:isolate;z-index:100}.af-layer-tour{isolation:isolate;z-index:110}.af-layer-feedback{z-index:120}.react-grid-item.react-grid-placeholder{border:1px solid var(--color-accent);border-radius:var(--radius-panel);background:color-mix(in srgb,var(--color-accent) 12%,transparent);opacity:1}.react-grid-item{transition:none!important}.react-grid-item>.react-resizable-handle:after{width:6px;height:6px;border-color:var(--color-graphite)}.react-grid-item>.react-resizable-handle{z-index:60;width:28px;height:28px;touch-action:none}.af-workspace-grid-handle{opacity:.32;pointer-events:auto}.af-workspace-grid-handle:hover,.af-workspace-grid-handle:focus-visible,.group\/workspace-grid-item:hover>.af-workspace-grid-handle{opacity:1}@media(hover:none){.af-workspace-grid-handle{opacity:1}}@theme{ --font-scale: 1; --radius-scale: 1; --color-ink: #191613; --color-pure-white: #f7f6f5; --color-fog: #f3f2f1; --color-surface-hover: #e5e3e1; --color-surface-muted: #efedec; --color-ash: #262422; --color-graphite: #726e68; --color-dove: #928d86; --color-slate: #827d76; --color-border: rgba(0, 0, 0, .06); --color-divider: rgba(0, 0, 0, .04); --color-chart-grid: rgba(0, 0, 0, .04); --color-chart-axis: rgba(0, 0, 0, .08); --color-obsidian: #100e0a; --color-rust: #e5ad27; --color-brand: #e5ad27; --color-on-accent: #100e0a; --color-solid: #191613; --color-on-solid: #f7f6f5; --color-apricot-wash: #f5e9cf; --color-sky-wash: #d8e7f6; --color-data-blue: #2e78c1; --color-data-1: #e5ad27; --color-data-2: #2e78c1; --color-data-3: #726e68; --color-data-4: #ffdad0; --color-data-5: #928d86; --color-up: #38a67c; --color-down: #bc263e; --color-level-up-1: #137c96; --color-level-up-2: #135996; --color-level-up-3: #133696; --color-level-up-4: #131396; --color-level-up-5: #361396; --color-level-up-6: #591396; --color-level-down-1: #af1d75; --color-level-down-2: #af1d9c; --color-level-down-3: #9c1daf; --color-level-down-4: #751daf; --color-level-down-5: #4e1daf; --color-level-down-6: #261daf; --color-success: #2e7d5b; --color-danger: #b5462f; --color-warning: #8a5a00; --color-info: #2f6fb4; --color-news: #6d4cc4; --color-news-muted: #eee9fb; --color-chart-event: #b39b00; --color-on-status: #f3f4f6; --color-surface-canvas: #f3f2f1; --color-surface-fog: #f7f6f5; --color-surface-card: #f7f6f5; --color-surface-warm: #f5e9cf; --color-surface-cool: #d8e7f6; --color-surface-ink: #191613; --color-surface-raised: #f7f6f5; --color-chrome: #100e0a; --color-on-chrome: #ffffff; --font-product: "BDO Grotesk", system-ui, sans-serif; --font-data: "BDO Grotesk", system-ui, sans-serif; --font-mono: "Geist Mono", ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", monospace; --font-product-zh-cn: "BDO Grotesk", "PingFang SC", "Microsoft YaHei UI", "Microsoft YaHei", "Noto Sans CJK SC", "Noto Sans SC", sans-serif; --font-product-zh-tw: "BDO Grotesk", "PingFang TC", "Microsoft JhengHei UI", "Microsoft JhengHei", "Noto Sans CJK TC", "Noto Sans TC", sans-serif; --font-product-ja: "BDO Grotesk", "Hiragino Sans", "Yu Gothic UI", "Yu Gothic", "Noto Sans CJK JP", "Noto Sans JP", sans-serif; --font-product-ko: "BDO Grotesk", "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans CJK KR", "Noto Sans KR", sans-serif; --font-signifier: "BDO Grotesk", system-ui, sans-serif; --font-sohne: "BDO Grotesk", system-ui, sans-serif; --text-micro: calc(10px * var(--font-scale, 1)); --text-micro--line-height: 1.4; --text-micro--letter-spacing: 0; --text-data: calc(11px * var(--font-scale, 1)); --text-data--line-height: 1.4; --text-data--letter-spacing: 0; --text-caption: calc(12px * var(--font-scale, 1)); --text-caption--line-height: 1.333; --text-caption--letter-spacing: 0; --text-body-sm: calc(13px * var(--font-scale, 1)); --text-body-sm--line-height: 1.538; --text-body-sm--letter-spacing: 0; --text-body: calc(14px * var(--font-scale, 1)); --text-body--line-height: 1.429; --text-body--letter-spacing: 0; --text-body-lg: calc(16px * var(--font-scale, 1)); --text-body-lg--line-height: 1.5; --text-body-lg--letter-spacing: 0; --text-subheading: calc(18px * var(--font-scale, 1)); --text-subheading--line-height: 1.556; --text-subheading--letter-spacing: 0; --text-heading-sm: calc(20px * var(--font-scale, 1)); --text-heading-sm--line-height: 1.4; --text-heading-sm--letter-spacing: 0; --text-heading: calc(24px * var(--font-scale, 1)); --text-heading--line-height: 1.333; --text-heading--letter-spacing: 0; --text-heading-lg: calc(30px * var(--font-scale, 1)); --text-heading-lg--line-height: 1.2; --text-heading-lg--letter-spacing: 0; --text-display: calc(36px * var(--font-scale, 1)); --text-display--line-height: 1.111; --text-display--letter-spacing: 0; --font-weight-regular: 400; --font-weight-w430: 430; --font-weight-w450: 450; --font-weight-w480: 480; --font-weight-medium: 500; --font-weight-semibold: 600; --radius-indicator: calc(4px * var(--radius-scale, 1)); --radius-control: calc(4px * var(--radius-scale, 1)); --radius-selection: calc(6px * var(--radius-scale, 1)); --radius-panel: calc(8px * var(--radius-scale, 1)); --radius-overlay: calc(12px * var(--radius-scale, 1)); --radius-sheet: calc(16px * var(--radius-scale, 1)); --shadow-subtle: rgba(17, 19, 28, .17) 0 0 0 1px; --shadow-pop: rgba(17, 19, 28, .1) 0 0 0 1px, rgba(4, 23, 43, .12) 0 12px 32px -10px; --shadow-flow: rgba(4, 23, 43, .05) 0px 0px 0px 1px, rgba(0, 0, 0, .1) 0px 20px 25px -5px, rgba(0, 0, 0, .1) 0px 8px 10px -6px; --shadow-flow-pop: rgba(4, 23, 43, .13) 0px 12px 32px -8px, rgba(4, 23, 43, .09) 0px 4px 12px -4px; --spacing: 4px; --spacing-control-compact: 28px; --spacing-control-default: 36px; --spacing-control-touch: 44px; --spacing-row-compact: 28px; --spacing-row-default: 36px; --spacing-row-touch: 44px; --spacing-slider-track: 4px; --spacing-slider-thumb-compact: 12px; --spacing-slider-thumb-default: 16px; --spacing-overlay-sm: 420px; --spacing-overlay-command: 680px; --spacing-overlay-dashboard: 720px; --spacing-overlay-lg: 820px; --spacing-command-search: 56px; --spacing-command-results: 480px; --spacing-drawer-sm: 380px; --spacing-drawer-md: 460px; --spacing-drawer-lg: 560px; --spacing-drawer-xl: min(860px, 54vw); --spacing-chart-frame-min: 144px; --spacing-preview-mobile: 375px; }.light{--color-ink: #191613;--color-pure-white: #f7f6f5;--color-fog: #f3f2f1;--color-surface-hover: #e5e3e1;--color-surface-muted: #efedec;--color-ash: #262422;--color-graphite: #726e68;--color-dove: #928d86;--color-slate: #827d76;--color-border: rgba(0, 0, 0, .06);--color-divider: rgba(0, 0, 0, .04);--color-chart-grid: rgba(0, 0, 0, .04);--color-chart-axis: rgba(0, 0, 0, .08);--color-obsidian: #100e0a;--color-rust: #e5ad27;--color-brand: #e5ad27;--color-on-accent: #100e0a;--color-solid: #191613;--color-on-solid: #f7f6f5;--color-apricot-wash: #f5e9cf;--color-sky-wash: #d8e7f6;--color-data-blue: #2e78c1;--color-data-1: #e5ad27;--color-data-2: #2e78c1;--color-data-3: #726e68;--color-data-4: #ffdad0;--color-data-5: #928d86;--color-up: #38a67c;--color-down: #bc263e;--color-level-up-1: #137c96;--color-level-up-2: #135996;--color-level-up-3: #133696;--color-level-up-4: #131396;--color-level-up-5: #361396;--color-level-up-6: #591396;--color-level-down-1: #af1d75;--color-level-down-2: #af1d9c;--color-level-down-3: #9c1daf;--color-level-down-4: #751daf;--color-level-down-5: #4e1daf;--color-level-down-6: #261daf;--color-success: #2e7d5b;--color-danger: #b5462f;--color-warning: #8a5a00;--color-info: #2f6fb4;--color-news: #6d4cc4;--color-news-muted: #eee9fb;--color-chart-event: #b39b00;--color-on-status: #f3f4f6;--color-surface-canvas: #f3f2f1;--color-surface-fog: #f7f6f5;--color-surface-card: #f7f6f5;--color-surface-warm: #f5e9cf;--color-surface-cool: #d8e7f6;--color-surface-ink: #191613;--color-surface-raised: #f7f6f5;--color-chrome: #100e0a;--color-on-chrome: #ffffff;--shadow-subtle: rgba(17, 19, 28, .17) 0 0 0 1px;--shadow-pop: rgba(17, 19, 28, .1) 0 0 0 1px, rgba(4, 23, 43, .12) 0 12px 32px -10px;--shadow-flow: rgba(4, 23, 43, .05) 0px 0px 0px 1px, rgba(0, 0, 0, .1) 0px 20px 25px -5px, rgba(0, 0, 0, .1) 0px 8px 10px -6px;--shadow-flow-pop: rgba(4, 23, 43, .13) 0px 12px 32px -8px, rgba(4, 23, 43, .09) 0px 4px 12px -4px;color-scheme:light}html:lang(zh-CN){--font-product: var(--font-product-zh-cn);--font-data: var(--font-product-zh-cn);--font-signifier: var(--font-product-zh-cn);--font-sohne: var(--font-product-zh-cn)}html:lang(zh-TW){--font-product: var(--font-product-zh-tw);--font-data: var(--font-product-zh-tw);--font-signifier: var(--font-product-zh-tw);--font-sohne: var(--font-product-zh-tw)}html:lang(ja){--font-product: var(--font-product-ja);--font-data: var(--font-product-ja);--font-signifier: var(--font-product-ja);--font-sohne: var(--font-product-ja)}html:lang(ko){--font-product: var(--font-product-ko);--font-data: var(--font-product-ko);--font-signifier: var(--font-product-ko);--font-sohne: var(--font-product-ko)}.dark{--color-ink: #ffffff;--color-pure-white: #191613;--color-fog: #191613;--color-surface-hover: #262422;--color-surface-muted: #1d1a18;--color-ash: #d5d1cd;--color-graphite: #928d86;--color-dove: #726e68;--color-slate: #827d76;--color-border: rgba(255, 255, 255, .08);--color-divider: rgba(255, 255, 255, .04);--color-chart-grid: rgba(255, 255, 255, .04);--color-chart-axis: rgba(255, 255, 255, .08);--color-obsidian: #ffffff;--color-rust: #e5ad27;--color-brand: #e5ad27;--color-on-accent: #100e0a;--color-apricot-wash: #3b2b08;--color-sky-wash: #0f2840;--color-data-blue: #5897d7;--color-data-1: #e5ad27;--color-data-2: #5897d7;--color-data-3: #928d86;--color-data-4: #5cc09b;--color-data-5: #d44b62;--color-solid: #ffffff;--color-on-solid: #141210;--color-up: #5cc09b;--color-down: #d44b62;--color-level-up-1: #47c2e1;--color-level-up-2: #4799e1;--color-level-up-3: #4770e1;--color-level-up-4: #4747e1;--color-level-up-5: #7047e1;--color-level-up-6: #9947e1;--color-level-down-1: #e25aac;--color-level-down-2: #e25ad0;--color-level-down-3: #d05ae2;--color-level-down-4: #ac5ae2;--color-level-down-5: #875ae2;--color-level-down-6: #635ae2;--color-success: #2e7d5b;--color-danger: #b5462f;--color-warning: #8a5a00;--color-info: #2f6fb4;--color-news: #9b7bea;--color-news-muted: #2d1a55;--color-chart-event: #f1d600;--color-on-status: #f3f4f6;--color-surface-canvas: #100e0a;--color-surface-fog: #141210;--color-surface-card: #191613;--color-surface-warm: #3b2b08;--color-surface-cool: #0f2840;--color-surface-ink: #ffffff;--color-surface-raised: #191613;--color-chrome: #141210;--color-on-chrome: #ffffff;--shadow-subtle: rgba(255, 255, 255, .17) 0 0 0 1px;--shadow-pop: rgba(255, 255, 255, .1) 0 0 0 1px, rgba(0, 0, 0, .5) 0 16px 40px -12px;--shadow-flow: rgba(255, 255, 255, .06) 0px 0px 0px 1px, rgba(0, 0, 0, .5) 0px 20px 25px -5px, rgba(0, 0, 0, .4) 0px 8px 10px -6px;--shadow-flow-pop: rgba(0, 0, 0, .55) 0px 16px 40px -12px, rgba(0, 0, 0, .45) 0px 6px 16px -6px, rgba(255, 255, 255, .05) 0px 1px 0px 0px inset;color-scheme:dark}[data-surface=translucent]{--color-surface-raised: color-mix(in srgb, var(--color-surface-card) 82%, transparent);--color-surface-fog: color-mix(in srgb, var(--color-surface-card) 72%, transparent)}[data-effect=plastic]{--shadow-subtle: var(--color-border) 0 0 0 1px, color-mix(in srgb, var(--color-ink) 18%, transparent) 0 1px 3px -1px, color-mix(in srgb, var(--color-pure-white) 24%, transparent) 0 1px 0 inset}[data-motion=none] *,[data-motion=none] *:before,[data-motion=none] *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.af-popup-bound{max-width:calc(100vw - var(--spacing) * 4)}.af-theme-editor{container-type:inline-size}.af-theme-field{grid-template-columns:minmax(0,1fr)}@container (min-width: 32rem){.af-theme-field{grid-template-columns:7rem minmax(0,1fr);align-items:center}}.af-color-picker-hue{background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.af-color-picker-hue::-webkit-slider-thumb{width:16px;height:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid var(--color-pure-white);border-radius:999px;background:var(--color-rust);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-ink) 35%,transparent)}.af-color-picker-hue::-moz-range-thumb{width:14px;height:14px;border:2px solid var(--color-pure-white);border-radius:999px;background:var(--color-rust);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-ink) 35%,transparent)}html[data-af-input-modality=pointer] :focus-visible,html[data-af-input-modality=pointer] [data-focus-shell]:has(:focus-visible){outline:none!important;--tw-ring-shadow: 0 0 #0000 !important;--tw-ring-offset-shadow: 0 0 #0000 !important}.recharts-wrapper,.recharts-wrapper:focus,.recharts-wrapper:focus-visible,.recharts-surface,.recharts-surface:focus,.recharts-surface:focus-visible,.recharts-responsive-container:focus,.recharts-responsive-container svg:focus{outline:none!important}:root,.light{--dropdown-open-dur: .25s;--dropdown-pre-scale: .97;--dropdown-ease: cubic-bezier(.22, 1, .36, 1);--stagger-dur: .5s;--stagger-distance: 12px;--stagger-stagger: 40ms;--stagger-blur: 3px;--stagger-ease: cubic-bezier(.22, 1, .36, 1);--tabs-dur: .25s;--tabs-ease: cubic-bezier(.22, 1, .36, 1);--view-dur: .22s;--view-ease: cubic-bezier(.22, 1, .36, 1);--sk-base: #ededee;--sk-hi: #f8f9fa}.dark{--sk-base: #191613;--sk-hi: #262422}.t-shimmer{background:linear-gradient(90deg,var(--sk-base) 25%,var(--sk-hi) 37%,var(--sk-base) 63%);background-size:400% 100%;animation:af-shimmer-move 1.4s ease infinite}@keyframes af-shimmer-move{0%{background-position:100% 0}to{background-position:0 0}}.t-tab-underline{position:absolute;bottom:0;left:0;height:2px;width:0;border-radius:var(--radius-indicator);background:var(--color-rust);transform:translate(0);transition:none;pointer-events:none;will-change:transform,width}.t-tab-underline.is-ready{transition:transform var(--tabs-dur) var(--tabs-ease),width var(--tabs-dur) var(--tabs-ease)}.t-seg-pill{position:absolute;top:var(--spacing);bottom:var(--spacing);left:0;width:0;border-radius:var(--radius-panel);background:var(--color-pure-white);box-shadow:var(--shadow-subtle);transform:translate(0);transition:none;pointer-events:none;z-index:0}.t-seg-pill.is-ready{transition:transform var(--tabs-dur) var(--tabs-ease),width var(--tabs-dur) var(--tabs-ease)}.t-seg-pill-sm{top:calc(var(--spacing) / 2);bottom:calc(var(--spacing) / 2);border-radius:var(--radius-selection)}.t-seg-pill[data-tone=up]{background:color-mix(in srgb,var(--color-up) 22%,var(--color-surface-muted));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-up) 28%,transparent)}.t-seg-pill[data-tone=down]{background:color-mix(in srgb,var(--color-down) 22%,var(--color-surface-muted));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-down) 28%,transparent)}.t-item{animation:af-item-in var(--stagger-dur) var(--stagger-ease) both;will-change:transform,opacity,filter}.af-live-value-up{animation:af-live-value-up 1.2s var(--view-ease, ease-out)}.af-live-value-down{animation:af-live-value-down 1.2s var(--view-ease, ease-out)}@keyframes af-live-value-up{0%,42%{color:var(--color-up);background-color:color-mix(in srgb,var(--color-up) 24%,transparent)}to{color:inherit;background-color:transparent}}@keyframes af-live-value-down{0%,42%{color:var(--color-down);background-color:color-mix(in srgb,var(--color-down) 24%,transparent)}to{color:inherit;background-color:transparent}}@keyframes af-item-in{0%{opacity:0;transform:translateY(var(--stagger-distance));filter:blur(var(--stagger-blur))}to{opacity:1;transform:translateY(0);filter:blur(0)}}@media(prefers-reduced-motion:reduce){.t-tab-underline.is-ready,.t-seg-pill.is-ready{transition:none!important}.t-shimmer,.t-item,.af-live-value-up,.af-live-value-down{animation:none!important}.af-live-value-up{color:var(--color-up)}.af-live-value-down{color:var(--color-down)}}
|
|
1
|
+
.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px;opacity:0}.react-grid-item:hover>.react-resizable-handle{opacity:1}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}@custom-variant dark (&:where(.dark,.dark *,[data-theme="dark"],[data-theme="dark"] *):not(:where([data-theme="light"],[data-theme="light"] *)));@source "./";.af-layer-overlay{z-index:100}.af-layer-blocking{isolation:isolate;z-index:100}.af-layer-tour{isolation:isolate;z-index:110}.af-layer-feedback{z-index:120}.af-toast-viewport{top:calc(env(safe-area-inset-top) + 4.5rem)}.react-grid-item.react-grid-placeholder{border:1px solid var(--color-accent);border-radius:var(--radius-panel);background:color-mix(in srgb,var(--color-accent) 12%,transparent);opacity:1}.react-grid-item{transition:none!important}.react-grid-item>.react-resizable-handle:after{width:6px;height:6px;border-color:var(--color-graphite)}.react-grid-item>.react-resizable-handle{z-index:60;width:28px;height:28px;touch-action:none}.af-workspace-grid-handle{opacity:.32;pointer-events:auto}.af-workspace-grid-handle:hover,.af-workspace-grid-handle:focus-visible,.group\/workspace-grid-item:hover>.af-workspace-grid-handle{opacity:1}@media(hover:none){.af-workspace-grid-handle{opacity:1}}@theme{ --font-scale: 1; --radius-scale: 1; --color-ink: #191613; --color-pure-white: #f7f6f5; --color-fog: #f3f2f1; --color-surface-hover: #e5e3e1; --color-surface-muted: #efedec; --color-ash: #262422; --color-graphite: #726e68; --color-dove: #928d86; --color-slate: #827d76; --color-border: rgba(0, 0, 0, .06); --color-divider: rgba(0, 0, 0, .04); --color-chart-grid: rgba(0, 0, 0, .04); --color-chart-axis: rgba(0, 0, 0, .08); --color-obsidian: #100e0a; --color-rust: #e5ad27; --color-brand: #e5ad27; --color-on-accent: #100e0a; --color-solid: #191613; --color-on-solid: #f7f6f5; --color-apricot-wash: #f5e9cf; --color-sky-wash: #d8e7f6; --color-data-blue: #2e78c1; --color-data-1: #e5ad27; --color-data-2: #2e78c1; --color-data-3: #726e68; --color-data-4: #ffdad0; --color-data-5: #928d86; --color-up: #38a67c; --color-down: #bc263e; --color-level-up-1: #137c96; --color-level-up-2: #135996; --color-level-up-3: #133696; --color-level-up-4: #131396; --color-level-up-5: #361396; --color-level-up-6: #591396; --color-level-down-1: #af1d75; --color-level-down-2: #af1d9c; --color-level-down-3: #9c1daf; --color-level-down-4: #751daf; --color-level-down-5: #4e1daf; --color-level-down-6: #261daf; --color-success: #2e7d5b; --color-danger: #b5462f; --color-warning: #8a5a00; --color-info: #2f6fb4; --color-news: #6d4cc4; --color-news-muted: #eee9fb; --color-chart-event: #b39b00; --color-on-status: #f3f4f6; --color-surface-canvas: #f3f2f1; --color-surface-fog: #f7f6f5; --color-surface-card: #f7f6f5; --color-surface-warm: #f5e9cf; --color-surface-cool: #d8e7f6; --color-surface-ink: #191613; --color-surface-raised: #f7f6f5; --color-chrome: #100e0a; --color-on-chrome: #ffffff; --font-product: "BDO Grotesk", system-ui, sans-serif; --font-data: "BDO Grotesk", system-ui, sans-serif; --font-mono: "Geist Mono", ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", monospace; --font-product-zh-cn: "BDO Grotesk", "PingFang SC", "Microsoft YaHei UI", "Microsoft YaHei", "Noto Sans CJK SC", "Noto Sans SC", sans-serif; --font-product-zh-tw: "BDO Grotesk", "PingFang TC", "Microsoft JhengHei UI", "Microsoft JhengHei", "Noto Sans CJK TC", "Noto Sans TC", sans-serif; --font-product-ja: "BDO Grotesk", "Hiragino Sans", "Yu Gothic UI", "Yu Gothic", "Noto Sans CJK JP", "Noto Sans JP", sans-serif; --font-product-ko: "BDO Grotesk", "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans CJK KR", "Noto Sans KR", sans-serif; --font-signifier: "BDO Grotesk", system-ui, sans-serif; --font-sohne: "BDO Grotesk", system-ui, sans-serif; --text-micro: calc(10px * var(--font-scale, 1)); --text-micro--line-height: 1.4; --text-micro--letter-spacing: 0; --text-data: calc(11px * var(--font-scale, 1)); --text-data--line-height: 1.4; --text-data--letter-spacing: 0; --text-caption: calc(12px * var(--font-scale, 1)); --text-caption--line-height: 1.333; --text-caption--letter-spacing: 0; --text-body-sm: calc(13px * var(--font-scale, 1)); --text-body-sm--line-height: 1.538; --text-body-sm--letter-spacing: 0; --text-body: calc(14px * var(--font-scale, 1)); --text-body--line-height: 1.429; --text-body--letter-spacing: 0; --text-body-lg: calc(16px * var(--font-scale, 1)); --text-body-lg--line-height: 1.5; --text-body-lg--letter-spacing: 0; --text-subheading: calc(18px * var(--font-scale, 1)); --text-subheading--line-height: 1.556; --text-subheading--letter-spacing: 0; --text-heading-sm: calc(20px * var(--font-scale, 1)); --text-heading-sm--line-height: 1.4; --text-heading-sm--letter-spacing: 0; --text-heading: calc(24px * var(--font-scale, 1)); --text-heading--line-height: 1.333; --text-heading--letter-spacing: 0; --text-heading-lg: calc(30px * var(--font-scale, 1)); --text-heading-lg--line-height: 1.2; --text-heading-lg--letter-spacing: 0; --text-display: calc(36px * var(--font-scale, 1)); --text-display--line-height: 1.111; --text-display--letter-spacing: 0; --font-weight-regular: 400; --font-weight-w430: 430; --font-weight-w450: 450; --font-weight-w480: 480; --font-weight-medium: 500; --font-weight-semibold: 600; --radius-indicator: calc(4px * var(--radius-scale, 1)); --radius-control: calc(4px * var(--radius-scale, 1)); --radius-selection: calc(6px * var(--radius-scale, 1)); --radius-panel: calc(8px * var(--radius-scale, 1)); --radius-overlay: calc(12px * var(--radius-scale, 1)); --radius-sheet: calc(16px * var(--radius-scale, 1)); --shadow-subtle: rgba(17, 19, 28, .17) 0 0 0 1px; --shadow-pop: rgba(17, 19, 28, .1) 0 0 0 1px, rgba(4, 23, 43, .12) 0 12px 32px -10px; --shadow-flow: rgba(4, 23, 43, .05) 0px 0px 0px 1px, rgba(0, 0, 0, .1) 0px 20px 25px -5px, rgba(0, 0, 0, .1) 0px 8px 10px -6px; --shadow-flow-pop: rgba(4, 23, 43, .13) 0px 12px 32px -8px, rgba(4, 23, 43, .09) 0px 4px 12px -4px; --spacing: 4px; --spacing-control-compact: 28px; --spacing-control-default: 36px; --spacing-control-touch: 44px; --spacing-row-compact: 28px; --spacing-row-default: 36px; --spacing-row-touch: 44px; --spacing-slider-track: 4px; --spacing-slider-thumb-compact: 12px; --spacing-slider-thumb-default: 16px; --spacing-overlay-sm: 420px; --spacing-overlay-command: 680px; --spacing-overlay-dashboard: 720px; --spacing-overlay-lg: 820px; --spacing-command-search: 56px; --spacing-command-results: 480px; --spacing-drawer-sm: 380px; --spacing-drawer-md: 460px; --spacing-drawer-lg: 560px; --spacing-drawer-xl: min(860px, 54vw); --spacing-chart-frame-min: 144px; --spacing-preview-mobile: 375px; }.light{--color-ink: #191613;--color-pure-white: #f7f6f5;--color-fog: #f3f2f1;--color-surface-hover: #e5e3e1;--color-surface-muted: #efedec;--color-ash: #262422;--color-graphite: #726e68;--color-dove: #928d86;--color-slate: #827d76;--color-border: rgba(0, 0, 0, .06);--color-divider: rgba(0, 0, 0, .04);--color-chart-grid: rgba(0, 0, 0, .04);--color-chart-axis: rgba(0, 0, 0, .08);--color-obsidian: #100e0a;--color-rust: #e5ad27;--color-brand: #e5ad27;--color-on-accent: #100e0a;--color-solid: #191613;--color-on-solid: #f7f6f5;--color-apricot-wash: #f5e9cf;--color-sky-wash: #d8e7f6;--color-data-blue: #2e78c1;--color-data-1: #e5ad27;--color-data-2: #2e78c1;--color-data-3: #726e68;--color-data-4: #ffdad0;--color-data-5: #928d86;--color-up: #38a67c;--color-down: #bc263e;--color-level-up-1: #137c96;--color-level-up-2: #135996;--color-level-up-3: #133696;--color-level-up-4: #131396;--color-level-up-5: #361396;--color-level-up-6: #591396;--color-level-down-1: #af1d75;--color-level-down-2: #af1d9c;--color-level-down-3: #9c1daf;--color-level-down-4: #751daf;--color-level-down-5: #4e1daf;--color-level-down-6: #261daf;--color-success: #2e7d5b;--color-danger: #b5462f;--color-warning: #8a5a00;--color-info: #2f6fb4;--color-news: #6d4cc4;--color-news-muted: #eee9fb;--color-chart-event: #b39b00;--color-on-status: #f3f4f6;--color-surface-canvas: #f3f2f1;--color-surface-fog: #f7f6f5;--color-surface-card: #f7f6f5;--color-surface-warm: #f5e9cf;--color-surface-cool: #d8e7f6;--color-surface-ink: #191613;--color-surface-raised: #f7f6f5;--color-chrome: #100e0a;--color-on-chrome: #ffffff;--shadow-subtle: rgba(17, 19, 28, .17) 0 0 0 1px;--shadow-pop: rgba(17, 19, 28, .1) 0 0 0 1px, rgba(4, 23, 43, .12) 0 12px 32px -10px;--shadow-flow: rgba(4, 23, 43, .05) 0px 0px 0px 1px, rgba(0, 0, 0, .1) 0px 20px 25px -5px, rgba(0, 0, 0, .1) 0px 8px 10px -6px;--shadow-flow-pop: rgba(4, 23, 43, .13) 0px 12px 32px -8px, rgba(4, 23, 43, .09) 0px 4px 12px -4px;color-scheme:light}html:lang(zh-CN){--font-product: var(--font-product-zh-cn);--font-data: var(--font-product-zh-cn);--font-signifier: var(--font-product-zh-cn);--font-sohne: var(--font-product-zh-cn)}html:lang(zh-TW){--font-product: var(--font-product-zh-tw);--font-data: var(--font-product-zh-tw);--font-signifier: var(--font-product-zh-tw);--font-sohne: var(--font-product-zh-tw)}html:lang(ja){--font-product: var(--font-product-ja);--font-data: var(--font-product-ja);--font-signifier: var(--font-product-ja);--font-sohne: var(--font-product-ja)}html:lang(ko){--font-product: var(--font-product-ko);--font-data: var(--font-product-ko);--font-signifier: var(--font-product-ko);--font-sohne: var(--font-product-ko)}.dark{--color-ink: #ffffff;--color-pure-white: #191613;--color-fog: #191613;--color-surface-hover: #262422;--color-surface-muted: #1d1a18;--color-ash: #d5d1cd;--color-graphite: #928d86;--color-dove: #726e68;--color-slate: #827d76;--color-border: rgba(255, 255, 255, .08);--color-divider: rgba(255, 255, 255, .04);--color-chart-grid: rgba(255, 255, 255, .04);--color-chart-axis: rgba(255, 255, 255, .08);--color-obsidian: #ffffff;--color-rust: #e5ad27;--color-brand: #e5ad27;--color-on-accent: #100e0a;--color-apricot-wash: #3b2b08;--color-sky-wash: #0f2840;--color-data-blue: #5897d7;--color-data-1: #e5ad27;--color-data-2: #5897d7;--color-data-3: #928d86;--color-data-4: #5cc09b;--color-data-5: #d44b62;--color-solid: #ffffff;--color-on-solid: #141210;--color-up: #5cc09b;--color-down: #d44b62;--color-level-up-1: #47c2e1;--color-level-up-2: #4799e1;--color-level-up-3: #4770e1;--color-level-up-4: #4747e1;--color-level-up-5: #7047e1;--color-level-up-6: #9947e1;--color-level-down-1: #e25aac;--color-level-down-2: #e25ad0;--color-level-down-3: #d05ae2;--color-level-down-4: #ac5ae2;--color-level-down-5: #875ae2;--color-level-down-6: #635ae2;--color-success: #2e7d5b;--color-danger: #b5462f;--color-warning: #8a5a00;--color-info: #2f6fb4;--color-news: #9b7bea;--color-news-muted: #2d1a55;--color-chart-event: #f1d600;--color-on-status: #f3f4f6;--color-surface-canvas: #100e0a;--color-surface-fog: #141210;--color-surface-card: #191613;--color-surface-warm: #3b2b08;--color-surface-cool: #0f2840;--color-surface-ink: #ffffff;--color-surface-raised: #191613;--color-chrome: #141210;--color-on-chrome: #ffffff;--shadow-subtle: rgba(255, 255, 255, .17) 0 0 0 1px;--shadow-pop: rgba(255, 255, 255, .1) 0 0 0 1px, rgba(0, 0, 0, .5) 0 16px 40px -12px;--shadow-flow: rgba(255, 255, 255, .06) 0px 0px 0px 1px, rgba(0, 0, 0, .5) 0px 20px 25px -5px, rgba(0, 0, 0, .4) 0px 8px 10px -6px;--shadow-flow-pop: rgba(0, 0, 0, .55) 0px 16px 40px -12px, rgba(0, 0, 0, .45) 0px 6px 16px -6px, rgba(255, 255, 255, .05) 0px 1px 0px 0px inset;color-scheme:dark}[data-surface=translucent]{--color-surface-raised: color-mix(in srgb, var(--color-surface-card) 82%, transparent);--color-surface-fog: color-mix(in srgb, var(--color-surface-card) 72%, transparent)}[data-effect=plastic]{--shadow-subtle: var(--color-border) 0 0 0 1px, color-mix(in srgb, var(--color-ink) 18%, transparent) 0 1px 3px -1px, color-mix(in srgb, var(--color-pure-white) 24%, transparent) 0 1px 0 inset}[data-motion=none] *,[data-motion=none] *:before,[data-motion=none] *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.af-popup-bound{max-width:calc(100vw - var(--spacing) * 4)}.af-theme-editor{container-type:inline-size}.af-theme-field{grid-template-columns:minmax(0,1fr)}@container (min-width: 32rem){.af-theme-field{grid-template-columns:7rem minmax(0,1fr);align-items:center}}.af-color-picker-hue{background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.af-color-picker-hue::-webkit-slider-thumb{width:16px;height:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid var(--color-pure-white);border-radius:999px;background:var(--color-rust);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-ink) 35%,transparent)}.af-color-picker-hue::-moz-range-thumb{width:14px;height:14px;border:2px solid var(--color-pure-white);border-radius:999px;background:var(--color-rust);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-ink) 35%,transparent)}html[data-af-input-modality=pointer] :focus-visible,html[data-af-input-modality=pointer] [data-focus-shell]:has(:focus-visible){outline:none!important;--tw-ring-shadow: 0 0 #0000 !important;--tw-ring-offset-shadow: 0 0 #0000 !important}.recharts-wrapper,.recharts-wrapper:focus,.recharts-wrapper:focus-visible,.recharts-surface,.recharts-surface:focus,.recharts-surface:focus-visible,.recharts-responsive-container:focus,.recharts-responsive-container svg:focus{outline:none!important}:root,.light{--dropdown-open-dur: .25s;--dropdown-pre-scale: .97;--dropdown-ease: cubic-bezier(.22, 1, .36, 1);--stagger-dur: .5s;--stagger-distance: 12px;--stagger-stagger: 40ms;--stagger-blur: 3px;--stagger-ease: cubic-bezier(.22, 1, .36, 1);--tabs-dur: .25s;--tabs-ease: cubic-bezier(.22, 1, .36, 1);--view-dur: .22s;--view-ease: cubic-bezier(.22, 1, .36, 1);--sk-base: #ededee;--sk-hi: #f8f9fa}.dark{--sk-base: #191613;--sk-hi: #262422}.t-shimmer{background:linear-gradient(90deg,var(--sk-base) 25%,var(--sk-hi) 37%,var(--sk-base) 63%);background-size:400% 100%;animation:af-shimmer-move 1.4s ease infinite}@keyframes af-shimmer-move{0%{background-position:100% 0}to{background-position:0 0}}.t-tab-underline{position:absolute;bottom:0;left:0;height:2px;width:0;border-radius:var(--radius-indicator);background:var(--color-rust);transform:translate(0);transition:none;pointer-events:none;will-change:transform,width}.t-tab-underline.is-ready{transition:transform var(--tabs-dur) var(--tabs-ease),width var(--tabs-dur) var(--tabs-ease)}.t-seg-pill{position:absolute;top:var(--spacing);bottom:var(--spacing);left:0;width:0;border-radius:var(--radius-panel);background:var(--color-pure-white);box-shadow:var(--shadow-subtle);transform:translate(0);transition:none;pointer-events:none;z-index:0}.t-seg-pill.is-ready{transition:transform var(--tabs-dur) var(--tabs-ease),width var(--tabs-dur) var(--tabs-ease)}.t-seg-pill-sm{top:calc(var(--spacing) / 2);bottom:calc(var(--spacing) / 2);border-radius:var(--radius-selection)}.t-seg-pill[data-tone=up]{background:color-mix(in srgb,var(--color-up) 22%,var(--color-surface-muted));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-up) 28%,transparent)}.t-seg-pill[data-tone=down]{background:color-mix(in srgb,var(--color-down) 22%,var(--color-surface-muted));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-down) 28%,transparent)}.t-item{animation:af-item-in var(--stagger-dur) var(--stagger-ease) both;will-change:transform,opacity,filter}.af-live-value-up{animation:af-live-value-up 1.2s var(--view-ease, ease-out)}.af-live-value-down{animation:af-live-value-down 1.2s var(--view-ease, ease-out)}@keyframes af-live-value-up{0%,42%{color:var(--color-up);background-color:color-mix(in srgb,var(--color-up) 24%,transparent)}to{color:inherit;background-color:transparent}}@keyframes af-live-value-down{0%,42%{color:var(--color-down);background-color:color-mix(in srgb,var(--color-down) 24%,transparent)}to{color:inherit;background-color:transparent}}@keyframes af-item-in{0%{opacity:0;transform:translateY(var(--stagger-distance));filter:blur(var(--stagger-blur))}to{opacity:1;transform:translateY(0);filter:blur(0)}}@media(prefers-reduced-motion:reduce){.t-tab-underline.is-ready,.t-seg-pill.is-ready{transition:none!important}.t-shimmer,.t-item,.af-live-value-up,.af-live-value-down{animation:none!important}.af-live-value-up{color:var(--color-up)}.af-live-value-down{color:var(--color-down)}}
|
package/package.json
CHANGED