@koide-labs/ui 0.1.1 → 0.1.2
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/accordion.css +1 -1
- package/dist/alert-dialog.css +1 -1
- package/dist/anchor.css +1 -1
- package/dist/avatar.css +1 -1
- package/dist/badge.css +1 -1
- package/dist/button.css +1 -1
- package/dist/checkbox.css +1 -1
- package/dist/code.css +1 -1
- package/dist/collapse.css +1 -1
- package/dist/command.css +1 -1
- package/dist/components/accordion/accordion.js +40 -40
- package/dist/components/alert-dialog/alert-dialog.js +9 -9
- package/dist/components/anchor/anchor.js +5 -5
- package/dist/components/avatar/avatar.js +26 -26
- package/dist/components/badge/badge.js +13 -13
- package/dist/components/button/button.js +13 -13
- package/dist/components/checkbox/checkbox.js +1 -1
- package/dist/components/code/code.js +48 -48
- package/dist/components/collapse/collapse.js +14 -14
- package/dist/components/command/command.js +121 -121
- package/dist/components/context-menu/context-menu.js +6 -6
- package/dist/components/dialog/dialog.js +1 -1
- package/dist/components/heading/heading.js +6 -6
- package/dist/components/icon/icon.js +12 -12
- package/dist/components/icon-button/icon-button.js +26 -26
- package/dist/components/inline-code/inline-code.js +2 -2
- package/dist/components/input/input.js +1 -1
- package/dist/components/meter/meter.js +40 -40
- package/dist/components/multiline-input/multiline-input.js +1 -1
- package/dist/components/number-input/number-input.js +7 -7
- package/dist/components/password-input/password-input.js +2 -2
- package/dist/components/pill/pill.js +11 -11
- package/dist/components/popover/popover.js +21 -21
- package/dist/components/preview-card/preview-card.js +2 -2
- package/dist/components/radio-group/radio-group.js +54 -54
- package/dist/components/search-bar/search-bar.js +8 -8
- package/dist/components/select/select.js +75 -75
- package/dist/components/separator/index.js +1 -1
- package/dist/components/separator/separator.js +1 -1
- package/dist/components/slider/slider.js +128 -128
- package/dist/components/spinner/spinner.js +4 -4
- package/dist/components/stacked-avatars/stacked-avatars.js +35 -35
- package/dist/components/status-banner/status-banner.js +22 -22
- package/dist/components/surface/surface.js +14 -14
- package/dist/components/switch/switch.js +28 -28
- package/dist/components/tabs/tabs.js +132 -132
- package/dist/components/text/text.js +15 -15
- package/dist/components/timestamp/timestamp.js +73 -73
- package/dist/components/toaster/toaster.js +165 -165
- package/dist/components/tooltip/index.js +1 -1
- package/dist/components/tooltip/tooltip.js +1 -1
- package/dist/components/view/view.js +40 -40
- package/dist/context-menu.css +1 -1
- package/dist/dialog.css +1 -1
- package/dist/{dialog.module-DsbQRp-d.js → dialog.module-Pi1eHwli.js} +13 -13
- package/dist/heading.css +1 -1
- package/dist/icon-button.css +1 -1
- package/dist/icon.css +1 -1
- package/dist/index.js +2 -2
- package/dist/inline-code.css +1 -1
- package/dist/input.css +1 -1
- package/dist/input.module-zw1dlr1_.js +8 -0
- package/dist/integrations/react-markdown/index.js +1 -1
- package/dist/meter.css +1 -1
- package/dist/number-input.css +1 -1
- package/dist/password-input.css +1 -1
- package/dist/pill.css +1 -1
- package/dist/popover.css +1 -1
- package/dist/preview-card.css +1 -1
- package/dist/radio-group.css +1 -1
- package/dist/search-bar.css +1 -1
- package/dist/select.css +1 -1
- package/dist/{separator-fh_wDZNf.js → separator-wNYojB9q.js} +8 -8
- package/dist/separator.css +1 -1
- package/dist/slider.css +1 -1
- package/dist/spinner.css +1 -1
- package/dist/stacked-avatars.css +1 -1
- package/dist/status-banner.css +1 -1
- package/dist/styles/core.css +1 -1
- package/dist/surface.css +1 -1
- package/dist/switch.css +1 -1
- package/dist/tabs.css +1 -1
- package/dist/text.css +1 -1
- package/dist/timestamp.css +1 -1
- package/dist/toaster.css +1 -1
- package/dist/{tooltip-oCp-elli.js → tooltip-DZkByWDR.js} +63 -63
- package/dist/tooltip.css +1 -1
- package/dist/view.css +1 -1
- package/dist/view.module-DlwuNdUj.js +6 -0
- package/dist/view2.css +1 -1
- package/package.json +1 -1
- package/dist/input.module-CtE19OH8.js +0 -8
- package/dist/view.module-Dj7wj0kk.js +0 -6
|
@@ -25,7 +25,7 @@ import { a as pt, u as dt, t as ft } from "./useOpenChangeComplete-BHd-N7Ig.js";
|
|
|
25
25
|
import { u as gt } from "./useAnimationFrame-DvK1s63A.js";
|
|
26
26
|
import { t as ae } from "./floating-ui.utils-DUVaIF3G.js";
|
|
27
27
|
import { u as mt } from "./DirectionContext-C2o_MF_i.js";
|
|
28
|
-
import './tooltip.css';const
|
|
28
|
+
import './tooltip.css';const Pe = /* @__PURE__ */ a.createContext({
|
|
29
29
|
hasProvider: !1,
|
|
30
30
|
timeoutMs: 0,
|
|
31
31
|
delayRef: {
|
|
@@ -42,14 +42,14 @@ import './tooltip.css';const ve = /* @__PURE__ */ a.createContext({
|
|
|
42
42
|
current: null
|
|
43
43
|
}
|
|
44
44
|
});
|
|
45
|
-
process.env.NODE_ENV !== "production" && (
|
|
45
|
+
process.env.NODE_ENV !== "production" && (Pe.displayName = "FloatingDelayGroupContext");
|
|
46
46
|
function ht(n, e = {
|
|
47
47
|
open: !1
|
|
48
48
|
}) {
|
|
49
49
|
const t = "rootStore" in n ? n.rootStore : n, r = t.useState("floatingId"), {
|
|
50
50
|
enabled: g = !0,
|
|
51
51
|
open: u
|
|
52
|
-
} = e, c = a.useContext(
|
|
52
|
+
} = e, c = a.useContext(Pe), {
|
|
53
53
|
currentIdRef: l,
|
|
54
54
|
delayRef: p,
|
|
55
55
|
timeoutMs: d,
|
|
@@ -57,7 +57,7 @@ function ht(n, e = {
|
|
|
57
57
|
currentContextRef: s,
|
|
58
58
|
hasProvider: i,
|
|
59
59
|
timeout: o
|
|
60
|
-
} = c, [
|
|
60
|
+
} = c, [P, y] = a.useState(!1);
|
|
61
61
|
return N(() => {
|
|
62
62
|
function C() {
|
|
63
63
|
y(!1), s.current?.setIsInstantPhase(!1), l.current = null, s.current = null, p.current = f.current;
|
|
@@ -89,8 +89,8 @@ function ht(n, e = {
|
|
|
89
89
|
}, [s]), a.useMemo(() => ({
|
|
90
90
|
hasProvider: i,
|
|
91
91
|
delayRef: p,
|
|
92
|
-
isInstantPhase:
|
|
93
|
-
}), [i, p,
|
|
92
|
+
isInstantPhase: P
|
|
93
|
+
}), [i, p, P]);
|
|
94
94
|
}
|
|
95
95
|
function yt(n, e) {
|
|
96
96
|
let t = null, r = null, g = !1;
|
|
@@ -120,34 +120,34 @@ function yt(n, e) {
|
|
|
120
120
|
function ue(n) {
|
|
121
121
|
return n != null && n.clientX != null;
|
|
122
122
|
}
|
|
123
|
-
function
|
|
123
|
+
function Pt(n, e = {}) {
|
|
124
124
|
const t = "rootStore" in n ? n.rootStore : n, r = t.useState("open"), g = t.useState("floatingElement"), u = t.useState("domReferenceElement"), c = t.context.dataRef, {
|
|
125
125
|
enabled: l = !0,
|
|
126
126
|
axis: p = "both",
|
|
127
127
|
x: d = null,
|
|
128
128
|
y: f = null
|
|
129
|
-
} = e, s = a.useRef(!1), i = a.useRef(null), [o,
|
|
129
|
+
} = e, s = a.useRef(!1), i = a.useRef(null), [o, P] = a.useState(), [y, C] = a.useState([]), m = U((v, T) => {
|
|
130
130
|
s.current || c.current.openEvent && !ue(c.current.openEvent) || t.set("positionReference", yt(u, {
|
|
131
|
-
x:
|
|
131
|
+
x: v,
|
|
132
132
|
y: T,
|
|
133
133
|
axis: p,
|
|
134
134
|
dataRef: c,
|
|
135
135
|
pointerType: o
|
|
136
136
|
}));
|
|
137
|
-
}), h = U((
|
|
138
|
-
d != null || f != null || (r ? i.current || C([]) : m(
|
|
137
|
+
}), h = U((v) => {
|
|
138
|
+
d != null || f != null || (r ? i.current || C([]) : m(v.clientX, v.clientY));
|
|
139
139
|
}), w = ot(o) ? g : r, E = a.useCallback(() => {
|
|
140
140
|
if (!w || !l || d != null || f != null)
|
|
141
141
|
return;
|
|
142
|
-
const
|
|
142
|
+
const v = ge(g);
|
|
143
143
|
function T(b) {
|
|
144
144
|
const x = he(b);
|
|
145
|
-
q(g, x) ? (
|
|
145
|
+
q(g, x) ? (v.removeEventListener("mousemove", T), i.current = null) : m(b.clientX, b.clientY);
|
|
146
146
|
}
|
|
147
147
|
if (!c.current.openEvent || ue(c.current.openEvent)) {
|
|
148
|
-
|
|
148
|
+
v.addEventListener("mousemove", T);
|
|
149
149
|
const b = () => {
|
|
150
|
-
|
|
150
|
+
v.removeEventListener("mousemove", T), i.current = null;
|
|
151
151
|
};
|
|
152
152
|
return i.current = b, b;
|
|
153
153
|
}
|
|
@@ -161,12 +161,12 @@ function vt(n, e = {}) {
|
|
|
161
161
|
l && (d != null || f != null) && (s.current = !1, m(d, f));
|
|
162
162
|
}, [l, d, f, m]);
|
|
163
163
|
const R = a.useMemo(() => {
|
|
164
|
-
function
|
|
165
|
-
|
|
164
|
+
function v(T) {
|
|
165
|
+
P(T.pointerType);
|
|
166
166
|
}
|
|
167
167
|
return {
|
|
168
|
-
onPointerDown:
|
|
169
|
-
onPointerEnter:
|
|
168
|
+
onPointerDown: v,
|
|
169
|
+
onPointerEnter: v,
|
|
170
170
|
onMouseMove: h,
|
|
171
171
|
onMouseEnter: h
|
|
172
172
|
};
|
|
@@ -176,7 +176,7 @@ function vt(n, e = {}) {
|
|
|
176
176
|
} : {}, [l, R]);
|
|
177
177
|
}
|
|
178
178
|
const X = Xe && Ge;
|
|
179
|
-
function
|
|
179
|
+
function vt(n, e = {}) {
|
|
180
180
|
const t = "rootStore" in n ? n.rootStore : n, {
|
|
181
181
|
events: r,
|
|
182
182
|
dataRef: g
|
|
@@ -192,14 +192,14 @@ function Pt(n, e = {}) {
|
|
|
192
192
|
function o() {
|
|
193
193
|
!t.select("open") && me(s) && s === ie(tt(s)) && (l.current = !0);
|
|
194
194
|
}
|
|
195
|
-
function
|
|
195
|
+
function P() {
|
|
196
196
|
d.current = !0;
|
|
197
197
|
}
|
|
198
198
|
function y() {
|
|
199
199
|
d.current = !1;
|
|
200
200
|
}
|
|
201
|
-
return i.addEventListener("blur", o), X && (i.addEventListener("keydown",
|
|
202
|
-
i.removeEventListener("blur", o), X && (i.removeEventListener("keydown",
|
|
201
|
+
return i.addEventListener("blur", o), X && (i.addEventListener("keydown", P, !0), i.addEventListener("pointerdown", y, !0)), () => {
|
|
202
|
+
i.removeEventListener("blur", o), X && (i.removeEventListener("keydown", P, !0), i.removeEventListener("pointerdown", y, !0));
|
|
203
203
|
};
|
|
204
204
|
}, [t, u]), a.useEffect(() => {
|
|
205
205
|
if (!u)
|
|
@@ -230,10 +230,10 @@ function Pt(n, e = {}) {
|
|
|
230
230
|
},
|
|
231
231
|
onBlur(s) {
|
|
232
232
|
l.current = !1;
|
|
233
|
-
const i = s.relatedTarget, o = s.nativeEvent,
|
|
233
|
+
const i = s.relatedTarget, o = s.nativeEvent, P = re(i) && i.hasAttribute(Je("focus-guard")) && i.getAttribute("data-type") === "outside";
|
|
234
234
|
p.start(0, () => {
|
|
235
235
|
const y = t.select("domReferenceElement"), C = ie(y ? y.ownerDocument : document);
|
|
236
|
-
!i && C === y || q(g.current.floatingContext?.refs.floating.current, C) || q(y, C) ||
|
|
236
|
+
!i && C === y || q(g.current.floatingContext?.refs.floating.current, C) || q(y, C) || P || t.context.triggerElements.hasElement(s.relatedTarget) || t.setOpen(!1, F(G, o));
|
|
237
237
|
});
|
|
238
238
|
}
|
|
239
239
|
}), [g, t, c, p]);
|
|
@@ -263,7 +263,7 @@ function bt(n) {
|
|
|
263
263
|
onMeasureLayoutComplete: l,
|
|
264
264
|
side: p,
|
|
265
265
|
direction: d
|
|
266
|
-
} = n, f = a.useRef(!0), s = pt(e, !0, !1), i = gt(), o = a.useRef(null),
|
|
266
|
+
} = n, f = a.useRef(!0), s = pt(e, !0, !1), i = gt(), o = a.useRef(null), P = U(c), y = U(l), C = a.useMemo(() => {
|
|
267
267
|
let m = p === "top", h = p === "left";
|
|
268
268
|
return d === "rtl" ? (m = m || p === "inline-end", h = h || p === "inline-end") : (m = m || p === "inline-start", h = h || p === "inline-start"), m ? {
|
|
269
269
|
position: "absolute",
|
|
@@ -289,17 +289,17 @@ function bt(n) {
|
|
|
289
289
|
} : (o.current.width = Math.ceil(O.borderBoxSize[0].inlineSize), o.current.height = Math.ceil(O.borderBoxSize[0].blockSize)));
|
|
290
290
|
});
|
|
291
291
|
m.observe(e), e.style.setProperty("--popup-width", "auto"), e.style.setProperty("--popup-height", "auto");
|
|
292
|
-
const h = V(e, "position", "static"), w = V(e, "transform", "none"), E = V(e, "scale", "1"), R = V(t, "--available-width", "max-content"),
|
|
293
|
-
if (
|
|
292
|
+
const h = V(e, "position", "static"), w = V(e, "transform", "none"), E = V(e, "scale", "1"), R = V(t, "--available-width", "max-content"), v = V(t, "--available-height", "max-content");
|
|
293
|
+
if (P?.(), f.current || o.current === null) {
|
|
294
294
|
t.style.setProperty("--positioner-width", "max-content"), t.style.setProperty("--positioner-height", "max-content");
|
|
295
295
|
const x = le(e);
|
|
296
|
-
return t.style.setProperty("--positioner-width", `${x.width}px`), t.style.setProperty("--positioner-height", `${x.height}px`), h(), w(), E(), R(),
|
|
296
|
+
return t.style.setProperty("--positioner-width", `${x.width}px`), t.style.setProperty("--positioner-height", `${x.height}px`), h(), w(), E(), R(), v(), y?.(null, x), f.current = !1, () => {
|
|
297
297
|
m.disconnect();
|
|
298
298
|
};
|
|
299
299
|
}
|
|
300
300
|
e.style.setProperty("--popup-width", "auto"), e.style.setProperty("--popup-height", "auto"), t.style.setProperty("--positioner-width", "max-content"), t.style.setProperty("--positioner-height", "max-content");
|
|
301
301
|
const T = le(e);
|
|
302
|
-
e.style.setProperty("--popup-width", `${o.current.width}px`), e.style.setProperty("--popup-height", `${o.current.height}px`), h(), w(), R(),
|
|
302
|
+
e.style.setProperty("--popup-width", `${o.current.width}px`), e.style.setProperty("--popup-height", `${o.current.height}px`), h(), w(), R(), v(), y?.(o.current, T), t.style.setProperty("--positioner-width", `${T.width}px`), t.style.setProperty("--positioner-height", `${T.height}px`);
|
|
303
303
|
const b = new AbortController();
|
|
304
304
|
return i.request(() => {
|
|
305
305
|
e.style.setProperty("--popup-width", `${T.width}px`), e.style.setProperty("--popup-height", `${T.height}px`), s(() => {
|
|
@@ -308,7 +308,7 @@ function bt(n) {
|
|
|
308
308
|
}), () => {
|
|
309
309
|
m.disconnect(), b.abort(), i.cancel();
|
|
310
310
|
};
|
|
311
|
-
}, [r, e, t, s, i, u, g,
|
|
311
|
+
}, [r, e, t, s, i, u, g, P, y, C]);
|
|
312
312
|
}
|
|
313
313
|
function V(n, e, t) {
|
|
314
314
|
const r = n.style.getPropertyValue(e);
|
|
@@ -402,22 +402,22 @@ function Et(n) {
|
|
|
402
402
|
activeTriggerId: f !== void 0 ? f : s
|
|
403
403
|
});
|
|
404
404
|
o.useControlledProp("open", r, t), o.useControlledProp("activeTriggerId", f, s), o.useContextCallback("onOpenChange", l), o.useContextCallback("onOpenChangeComplete", p);
|
|
405
|
-
const
|
|
405
|
+
const P = o.useState("open"), y = o.useState("activeTriggerId"), C = o.useState("payload");
|
|
406
406
|
o.useSyncedValues({
|
|
407
407
|
trackCursorAxis: u,
|
|
408
408
|
disableHoverablePopup: g
|
|
409
409
|
});
|
|
410
|
-
const m = !e &&
|
|
410
|
+
const m = !e && P;
|
|
411
411
|
N(() => {
|
|
412
|
-
|
|
413
|
-
}, [
|
|
412
|
+
P && e && o.setOpen(!1, F(Le));
|
|
413
|
+
}, [P, e, o]), o.useSyncedValue("disabled", e), $e(o);
|
|
414
414
|
const {
|
|
415
415
|
forceUnmount: h,
|
|
416
416
|
transitionStatus: w
|
|
417
|
-
} = je(m, o), E = o.useState("isInstantPhase"), R = o.useState("instantType"),
|
|
417
|
+
} = je(m, o), E = o.useState("isInstantPhase"), R = o.useState("instantType"), v = o.useState("lastOpenChangeReason"), T = a.useRef(null);
|
|
418
418
|
N(() => {
|
|
419
|
-
w === "ending" &&
|
|
420
|
-
}, [w, E,
|
|
419
|
+
w === "ending" && v === pe || w !== "ending" && E ? (R !== "delay" && (T.current = R), o.set("instantType", "delay")) : T.current !== null && (o.set("instantType", T.current), T.current = null);
|
|
420
|
+
}, [w, E, v, R, o]), N(() => {
|
|
421
421
|
m && y == null && o.set("payload", void 0);
|
|
422
422
|
}, [o, y, m]);
|
|
423
423
|
const b = a.useCallback(() => {
|
|
@@ -427,12 +427,12 @@ function Et(n) {
|
|
|
427
427
|
unmount: h,
|
|
428
428
|
close: b
|
|
429
429
|
}), [h, b]);
|
|
430
|
-
const x = o.useState("floatingRootContext"), O =
|
|
430
|
+
const x = o.useState("floatingRootContext"), O = vt(x, {
|
|
431
431
|
enabled: !e
|
|
432
432
|
}), S = Ie(x, {
|
|
433
433
|
enabled: !e,
|
|
434
434
|
referencePress: !0
|
|
435
|
-
}), k =
|
|
435
|
+
}), k = Pt(x, {
|
|
436
436
|
enabled: !e && u !== "none",
|
|
437
437
|
axis: u === "none" ? void 0 : u
|
|
438
438
|
}), {
|
|
@@ -458,10 +458,10 @@ function Rt(n, e) {
|
|
|
458
458
|
n.set("preventUnmountingOnClose", !0);
|
|
459
459
|
}, t;
|
|
460
460
|
}
|
|
461
|
-
const
|
|
462
|
-
process.env.NODE_ENV !== "production" && (
|
|
461
|
+
const ve = /* @__PURE__ */ a.createContext(void 0);
|
|
462
|
+
process.env.NODE_ENV !== "production" && (ve.displayName = "TooltipProviderContext");
|
|
463
463
|
function wt() {
|
|
464
|
-
return a.useContext(
|
|
464
|
+
return a.useContext(ve);
|
|
465
465
|
}
|
|
466
466
|
const Ot = 600, Te = /* @__PURE__ */ a.forwardRef(function(e, t) {
|
|
467
467
|
const {
|
|
@@ -477,10 +477,10 @@ const Ot = 600, Te = /* @__PURE__ */ a.forwardRef(function(e, t) {
|
|
|
477
477
|
} = e, i = B(!0), o = u?.store ?? i;
|
|
478
478
|
if (!o)
|
|
479
479
|
throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: <Tooltip.Trigger> must be either used within a <Tooltip.Root> component or provided with a handle." : z(82));
|
|
480
|
-
const
|
|
480
|
+
const P = nt(f), y = o.useState("isTriggerActive", P), C = o.useState("floatingRootContext"), m = o.useState("isOpenedByTrigger", P), h = a.useRef(null), w = p ?? Ot, E = d ?? 0, {
|
|
481
481
|
registerTrigger: R,
|
|
482
|
-
isMountedByThisTrigger:
|
|
483
|
-
} = We(
|
|
482
|
+
isMountedByThisTrigger: v
|
|
483
|
+
} = We(P, h, o, {
|
|
484
484
|
payload: c,
|
|
485
485
|
closeDelay: E
|
|
486
486
|
}), T = wt(), {
|
|
@@ -512,12 +512,12 @@ const Ot = 600, Te = /* @__PURE__ */ a.forwardRef(function(e, t) {
|
|
|
512
512
|
isActiveTrigger: y
|
|
513
513
|
}), L = a.useMemo(() => ({
|
|
514
514
|
open: m
|
|
515
|
-
}), [m]), j = o.useState("triggerProps",
|
|
515
|
+
}), [m]), j = o.useState("triggerProps", v);
|
|
516
516
|
return $("button", e, {
|
|
517
517
|
state: L,
|
|
518
518
|
ref: [t, R, h],
|
|
519
519
|
props: [_, j, {
|
|
520
|
-
id:
|
|
520
|
+
id: P
|
|
521
521
|
}, s],
|
|
522
522
|
stateAttributesMapping: De
|
|
523
523
|
});
|
|
@@ -566,11 +566,11 @@ const xe = /* @__PURE__ */ a.forwardRef(function(e, t) {
|
|
|
566
566
|
collisionBoundary: s = "clipping-ancestors",
|
|
567
567
|
collisionPadding: i = 5,
|
|
568
568
|
arrowPadding: o = 5,
|
|
569
|
-
sticky:
|
|
569
|
+
sticky: P = !1,
|
|
570
570
|
disableAnchorTracking: y = !1,
|
|
571
571
|
collisionAvoidance: C = Qe,
|
|
572
572
|
...m
|
|
573
|
-
} = e, h = B(), w = Mt(), E = h.useState("open"), R = h.useState("mounted"),
|
|
573
|
+
} = e, h = B(), w = Mt(), E = h.useState("open"), R = h.useState("mounted"), v = h.useState("trackCursorAxis"), T = h.useState("disableHoverablePopup"), b = h.useState("floatingRootContext"), x = h.useState("instantType"), O = h.useState("transitionStatus"), S = lt({
|
|
574
574
|
anchor: u,
|
|
575
575
|
positionMethod: c,
|
|
576
576
|
floatingRootContext: b,
|
|
@@ -581,7 +581,7 @@ const xe = /* @__PURE__ */ a.forwardRef(function(e, t) {
|
|
|
581
581
|
alignOffset: f,
|
|
582
582
|
collisionBoundary: s,
|
|
583
583
|
collisionPadding: i,
|
|
584
|
-
sticky:
|
|
584
|
+
sticky: P,
|
|
585
585
|
arrowPadding: o,
|
|
586
586
|
disableAnchorTracking: y,
|
|
587
587
|
keepMounted: w,
|
|
@@ -589,7 +589,7 @@ const xe = /* @__PURE__ */ a.forwardRef(function(e, t) {
|
|
|
589
589
|
adaptiveOrigin: ct
|
|
590
590
|
}), k = a.useMemo(() => {
|
|
591
591
|
const L = {};
|
|
592
|
-
return (!E ||
|
|
592
|
+
return (!E || v === "both" || T) && (L.pointerEvents = "none"), {
|
|
593
593
|
role: "presentation",
|
|
594
594
|
hidden: !R,
|
|
595
595
|
style: {
|
|
@@ -597,13 +597,13 @@ const xe = /* @__PURE__ */ a.forwardRef(function(e, t) {
|
|
|
597
597
|
...L
|
|
598
598
|
}
|
|
599
599
|
};
|
|
600
|
-
}, [E,
|
|
600
|
+
}, [E, v, T, R, S.positionerStyles]), I = a.useMemo(() => ({
|
|
601
601
|
open: E,
|
|
602
602
|
side: S.side,
|
|
603
603
|
align: S.align,
|
|
604
604
|
anchorHidden: S.anchorHidden,
|
|
605
|
-
instant:
|
|
606
|
-
}), [E, S.side, S.align, S.anchorHidden,
|
|
605
|
+
instant: v !== "none" ? "tracking-cursor" : x
|
|
606
|
+
}), [E, S.side, S.align, S.anchorHidden, v, x]), A = a.useMemo(() => ({
|
|
607
607
|
...I,
|
|
608
608
|
arrowRef: S.arrowRef,
|
|
609
609
|
arrowStyles: S.arrowStyles,
|
|
@@ -631,7 +631,7 @@ const It = {
|
|
|
631
631
|
} = e, c = B(), {
|
|
632
632
|
side: l,
|
|
633
633
|
align: p
|
|
634
|
-
} = be(), d = c.useState("open"), f = c.useState("mounted"), s = c.useState("instantType"), i = c.useState("transitionStatus"), o = c.useState("popupProps"),
|
|
634
|
+
} = be(), d = c.useState("open"), f = c.useState("mounted"), s = c.useState("instantType"), i = c.useState("transitionStatus"), o = c.useState("popupProps"), P = c.useState("payload"), y = c.useState("popupElement"), C = c.useState("positionerElement"), m = c.useState("floatingRootContext"), h = mt();
|
|
635
635
|
dt({
|
|
636
636
|
open: d,
|
|
637
637
|
ref: c.context.popupRef,
|
|
@@ -653,16 +653,16 @@ const It = {
|
|
|
653
653
|
popupElement: y,
|
|
654
654
|
positionerElement: C,
|
|
655
655
|
mounted: f,
|
|
656
|
-
content:
|
|
656
|
+
content: P,
|
|
657
657
|
enabled: R,
|
|
658
658
|
onMeasureLayout: w,
|
|
659
659
|
onMeasureLayoutComplete: E,
|
|
660
660
|
side: l,
|
|
661
661
|
direction: h
|
|
662
662
|
});
|
|
663
|
-
const
|
|
663
|
+
const v = c.useState("disabled"), T = c.useState("closeDelay");
|
|
664
664
|
at(m, {
|
|
665
|
-
enabled: !
|
|
665
|
+
enabled: !v,
|
|
666
666
|
closeDelay: T
|
|
667
667
|
});
|
|
668
668
|
const b = a.useMemo(() => ({
|
|
@@ -692,7 +692,7 @@ const Ee = /* @__PURE__ */ a.forwardRef(function(e, t) {
|
|
|
692
692
|
align: s,
|
|
693
693
|
arrowUncentered: i,
|
|
694
694
|
arrowStyles: o
|
|
695
|
-
} = be(),
|
|
695
|
+
} = be(), P = a.useMemo(() => ({
|
|
696
696
|
open: p,
|
|
697
697
|
side: f,
|
|
698
698
|
align: s,
|
|
@@ -700,7 +700,7 @@ const Ee = /* @__PURE__ */ a.forwardRef(function(e, t) {
|
|
|
700
700
|
instant: l
|
|
701
701
|
}), [p, f, s, i, l]);
|
|
702
702
|
return $("div", e, {
|
|
703
|
-
state:
|
|
703
|
+
state: P,
|
|
704
704
|
ref: [t, d],
|
|
705
705
|
props: [{
|
|
706
706
|
style: o,
|
|
@@ -710,10 +710,10 @@ const Ee = /* @__PURE__ */ a.forwardRef(function(e, t) {
|
|
|
710
710
|
});
|
|
711
711
|
});
|
|
712
712
|
process.env.NODE_ENV !== "production" && (Ee.displayName = "TooltipArrow");
|
|
713
|
-
const Nt = "
|
|
713
|
+
const Nt = "_tooltip_191rc_2", Dt = "_tooltip__arrow_191rc_11", K = {
|
|
714
714
|
tooltip: Nt,
|
|
715
715
|
tooltip__arrow: Dt,
|
|
716
|
-
"tooltip__arrow-icon": "_tooltip__arrow-
|
|
716
|
+
"tooltip__arrow-icon": "_tooltip__arrow-icon_191rc_36"
|
|
717
717
|
};
|
|
718
718
|
function At({
|
|
719
719
|
children: n,
|
package/dist/tooltip.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer
|
|
1
|
+
@layer ui-atom{._tooltip_191rc_2{z-index:49;box-shadow:var(--shadow-1);border:1px solid var(--outline-dimmer);border-radius:var(--border-radius-default);background-color:var(--surface-background);padding:var(--space-4) var(--space-8)}._tooltip__arrow_191rc_11[data-instant]{transition:none}._tooltip__arrow_191rc_11[data-side=top]{bottom:-4px}._tooltip__arrow_191rc_11[data-side=bottom]{top:-4px;rotate:180deg}._tooltip__arrow_191rc_11[data-side=left]{right:-7px;rotate:-90deg}._tooltip__arrow_191rc_11[data-side=right]{left:-7px;rotate:90deg}._tooltip__arrow-icon_191rc_36{display:block;position:relative;fill:var(--surface-background)!important;stroke:var(--outline-dimmer);stroke-dasharray:0 30 22 0 22;stroke-linejoin:round;stroke-width:2;border-top:1px solid var(--surface-background)}}
|
package/dist/view.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer
|
|
1
|
+
@layer ui-atom{._view_hucdp_2{display:flex;position:relative;flex-shrink:0;flex-basis:auto;flex-direction:column;align-items:stretch;box-sizing:border-box;outline:none;border-style:solid}}
|
package/dist/view2.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer base{._view_colorway_ms6zs_2{--view-loading-low-pulse: var(--view-colorway-dimmest);--view-loading-high-pulse: transparent;transition-duration:var(--transition-duration-snappy);transition-timing-function:var(--transition-timing-function-snappy);cursor:not-allowed;border-width:1px;border-style:solid;border-color:transparent;border-radius:var(--border-radius-default)}._view_colorway_ms6zs_2:not([disabled],[data-disabled]){cursor:pointer}._view_colorway_static_ms6zs_20{border-width:1px;border-style:solid;border-color:transparent;border-radius:var(--border-radius-default)}._view_colorway_outline_ms6zs_28{transition-property:color,background-color,box-shadow;border-color:var(--view-colorway-dimmer);background-color:transparent;color:var(--view-colorway-dimmer)}._view_colorway_outline_ms6zs_28:not([disabled],[data-disabled]){color:var(--view-colorway-stronger)}._view_colorway_outline_ms6zs_28:not([disabled],[data-disabled]):active{transition:none;border-color:var(--view-colorway-stronger)!important}._view_colorway_outline_ms6zs_28:not([disabled],[data-disabled]):focus{box-shadow:0 0 0 2px var(--view-colorway-strongest)}._view_colorway_outline_ms6zs_28:not([disabled],[data-disabled]):focus:not(:focus-visible){box-shadow:none}@media(hover:hover){._view_colorway_outline_ms6zs_28:not([disabled],[data-disabled]):hover{border-color:var(--view-colorway-default);background-color:var(--view-colorway-dimmer);color:var(--view-colorway-strongest)}}._view_colorway_outline-static_ms6zs_60{box-shadow:none;border-color:var(--view-colorway-dimmer);background-color:transparent;color:var(--view-colorway-stronger)}._view_colorway_mute-static_ms6zs_67{box-shadow:none;background-color:var(--view-colorway-dimmest);color:var(--view-colorway-strongest)}._view_colorway_no-fill_ms6zs_73{transition-property:color,background-color,box-shadow;background-color:transparent;color:var(--view-colorway-dimmer)}._view_colorway_no-fill_ms6zs_73:not([disabled],[data-disabled]){color:var(--view-colorway-stronger)}._view_colorway_no-fill_ms6zs_73:not([disabled],[data-disabled]):focus{box-shadow:0 0 0 2px var(--view-colorway-strongest)}._view_colorway_no-fill_ms6zs_73:not([disabled],[data-disabled]):focus:not(:focus-visible){box-shadow:none}@media(hover:hover){._view_colorway_no-fill_ms6zs_73:not([disabled],[data-disabled]):hover{background-color:var(--view-colorway-dimmer);color:var(--view-colorway-strongest)}}._view_colorway_fill_ms6zs_98{transition-property:background-color,box-shadow;background-color:var(--view-colorway-dimmest);color:var(--view-colorway-default)}._view_colorway_fill_ms6zs_98:not([disabled],[data-disabled]){background-color:var(--view-colorway-dimmer);color:var(--view-colorway-strongest)}._view_colorway_fill_ms6zs_98:not([disabled],[data-disabled]):focus{box-shadow:0 0 0 2px var(--view-colorway-stronger)}._view_colorway_fill_ms6zs_98:not([disabled],[data-disabled]):focus:not(:focus-visible){box-shadow:none}@media(hover:hover){._view_colorway_fill_ms6zs_98:not([disabled],[data-disabled]):hover{background-color:var(--view-colorway-default)}}._view_colorway_fill-static_ms6zs_123{box-shadow:none;background-color:var(--view-colorway-dimmer);color:var(--view-colorway-strongest)}._view_colorway_fill-outline_ms6zs_129{transition-property:background-color,box-shadow;box-shadow:none;border-color:var(--view-colorway-dimmer);background-color:var(--view-colorway-dimmest);color:var(--view-colorway-default)}._view_colorway_fill-outline_ms6zs_129:not([disabled],[data-disabled]){border-color:var(--view-colorway-dimmer);background-color:var(--view-colorway-dimmest);color:var(--view-colorway-strongest)}._view_colorway_fill-outline_ms6zs_129:not([disabled],[data-disabled]):active{transition:none;border-color:var(--view-colorway-stronger)!important}._view_colorway_fill-outline_ms6zs_129:not([disabled],[data-disabled]):focus{box-shadow:0 0 0 2px var(--view-colorway-stronger)}._view_colorway_fill-outline_ms6zs_129:not([disabled],[data-disabled]):focus:not(:focus-visible){box-shadow:none}@media(hover:hover){._view_colorway_fill-outline_ms6zs_129:not([disabled],[data-disabled]):hover{border-color:var(--view-colorway-default)}}._view_colorway_color-primary_ms6zs_163{--view-colorway-dimmest: var(--primary-dimmest);--view-colorway-dimmer: var(--primary-dimmer);--view-colorway-default: var(--primary-default);--view-colorway-stronger: var(--primary-stronger);--view-colorway-strongest: var(--primary-strongest)}._view_colorway_color-positive_ms6zs_171{--view-colorway-dimmest: var(--positive-dimmest);--view-colorway-dimmer: var(--positive-dimmer);--view-colorway-default: var(--positive-default);--view-colorway-stronger: var(--positive-stronger);--view-colorway-strongest: var(--positive-strongest)}._view_colorway_color-negative_ms6zs_179{--view-colorway-dimmest: var(--negative-dimmest);--view-colorway-dimmer: var(--negative-dimmer);--view-colorway-default: var(--negative-default);--view-colorway-stronger: var(--negative-stronger);--view-colorway-strongest: var(--negative-strongest)}._view_colorway_color-warning_ms6zs_187{--view-colorway-dimmest: var(--warning-dimmest);--view-colorway-dimmer: var(--warning-dimmer);--view-colorway-default: var(--warning-default);--view-colorway-stronger: var(--warning-stronger);--view-colorway-strongest: var(--warning-strongest)}._view_colorway_color-red_ms6zs_195{--view-colorway-dimmest: var(--red-dimmest);--view-colorway-dimmer: var(--red-dimmer);--view-colorway-default: var(--red-default);--view-colorway-stronger: var(--red-stronger);--view-colorway-strongest: var(--red-strongest)}._view_colorway_color-orange_ms6zs_203{--view-colorway-dimmest: var(--orange-dimmest);--view-colorway-dimmer: var(--orange-dimmer);--view-colorway-default: var(--orange-default);--view-colorway-stronger: var(--orange-stronger);--view-colorway-strongest: var(--orange-strongest)}._view_colorway_color-yellow_ms6zs_211{--view-colorway-dimmest: var(--yellow-dimmest);--view-colorway-dimmer: var(--yellow-dimmer);--view-colorway-default: var(--yellow-default);--view-colorway-stronger: var(--yellow-stronger);--view-colorway-strongest: var(--yellow-strongest)}._view_colorway_color-green_ms6zs_219{--view-colorway-dimmest: var(--green-dimmest);--view-colorway-dimmer: var(--green-dimmer);--view-colorway-default: var(--green-default);--view-colorway-stronger: var(--green-stronger);--view-colorway-strongest: var(--green-strongest)}._view_colorway_color-teal_ms6zs_227{--view-colorway-dimmest: var(--teal-dimmest);--view-colorway-dimmer: var(--teal-dimmer);--view-colorway-default: var(--teal-default);--view-colorway-stronger: var(--teal-stronger);--view-colorway-strongest: var(--teal-strongest)}._view_colorway_color-blue_ms6zs_235{--view-colorway-dimmest: var(--blue-dimmest);--view-colorway-dimmer: var(--blue-dimmer);--view-colorway-default: var(--blue-default);--view-colorway-stronger: var(--blue-stronger);--view-colorway-strongest: var(--blue-strongest)}._view_colorway_color-blurple_ms6zs_243{--view-colorway-dimmest: var(--blurple-dimmest);--view-colorway-dimmer: var(--blurple-dimmer);--view-colorway-default: var(--blurple-default);--view-colorway-stronger: var(--blurple-stronger);--view-colorway-strongest: var(--blurple-strongest)}._view_colorway_color-purple_ms6zs_251{--view-colorway-dimmest: var(--purple-dimmest);--view-colorway-dimmer: var(--purple-dimmer);--view-colorway-default: var(--purple-default);--view-colorway-stronger: var(--purple-stronger);--view-colorway-strongest: var(--purple-strongest)}._view_colorway_color-magenta_ms6zs_259{--view-colorway-dimmest: var(--magenta-dimmest);--view-colorway-dimmer: var(--magenta-dimmer);--view-colorway-default: var(--magenta-default);--view-colorway-stronger: var(--magenta-stronger);--view-colorway-strongest: var(--magenta-strongest)}._view_colorway_color-pink_ms6zs_267{--view-colorway-dimmest: var(--pink-dimmest);--view-colorway-dimmer: var(--pink-dimmer);--view-colorway-default: var(--pink-default);--view-colorway-stronger: var(--pink-stronger);--view-colorway-strongest: var(--pink-strongest)}._view_colorway_color-grey_ms6zs_275{--view-colorway-dimmest: var(--grey-dimmest);--view-colorway-dimmer: var(--grey-dimmer);--view-colorway-default: var(--grey-default);--view-colorway-stronger: var(--grey-stronger);--view-colorway-strongest: var(--grey-strongest)}}@layer base{._view_interactive_1dhgl_2{--view-loading-low-pulse: var(--outline-dimmest);--view-loading-high-pulse: var(--surface-interactive-background);transition-duration:var(--transition-duration-snappy);transition-timing-function:var(--transition-timing-function-snappy);cursor:not-allowed;border-width:1px;border-style:solid;border-color:transparent;border-radius:var(--border-radius-default);background-color:transparent;color:var(--foreground-dimmest)}._view_interactive_1dhgl_2:not([disabled],[data-disabled]){cursor:pointer}._view_interactive_1dhgl_2:not([disabled],[data-disabled]):focus:focus-visible{outline-color:transparent;outline-width:var(--space-2);outline-offset:var(--space-4);box-shadow:var(--shadow-focus)}._view_interactive_fill_1dhgl_30{transition-property:background-color,box-shadow;background-color:var(--surface-interactive-background)}._view_interactive_fill_1dhgl_30:not([disabled],[data-disabled]){color:inherit}._view_interactive_fill_1dhgl_30:not([disabled],[data-disabled]):active{border-color:var(--primary-default);background-color:var(--surface-interactive-background-active)}@media(hover:hover){._view_interactive_fill_1dhgl_30:not([disabled],[data-disabled]):hover{background-color:var(--surface-interactive-background-active)}}._view_interactive_no-fill_1dhgl_50{transition-property:background-color,box-shadow}._view_interactive_no-fill_1dhgl_50:not([disabled],[data-disabled]){color:inherit}._view_interactive_no-fill_1dhgl_50:not([disabled],[data-disabled]):not(textarea):active{border-color:var(--primary-default);background-color:var(--surface-interactive-background)}@media(hover:hover){._view_interactive_no-fill_1dhgl_50:not([disabled],[data-disabled]):hover{background-color:var(--surface-interactive-background)}}._view_interactive_outline_1dhgl_69{transition-property:background-color,box-shadow;border-color:var(--surface-interactive-border)}._view_interactive_outline_1dhgl_69:not([disabled],[data-disabled]){color:inherit}._view_interactive_outline_1dhgl_69:not([disabled],[data-disabled]):not(textarea):active{border-color:var(--primary-default)}@media(hover:hover){._view_interactive_outline_1dhgl_69:not([disabled],[data-disabled]):hover{background-color:var(--surface-interactive-background)}}._view_interactive_fill-outline_1dhgl_89{transition-property:box-shadow;background-color:var(--surface-interactive-background)}._view_interactive_fill-outline_1dhgl_89:not([disabled],[data-disabled]){border-color:var(--surface-interactive-border);color:inherit}._view_interactive_fill-outline_1dhgl_89:not([disabled],[data-disabled]):not(textarea):active{transition:none;border-color:var(--primary-default)}@media(hover:hover){._view_interactive_fill-outline_1dhgl_89:not([disabled],[data-disabled]):hover{border-color:var(--surface-interactive-border-hover)}}._view_interactive_list-item_1dhgl_110{transition-property:box-shadow;border-radius:0}._view_interactive_list-item_1dhgl_110:not([disabled],[data-disabled]){color:inherit}._view_interactive_list-item_1dhgl_110:not([disabled],[data-disabled]):not(textarea):active{border-color:var(--primary-default);background-color:var(--surface-interactive-background-active)}@media(hover:hover){._view_interactive_list-item_1dhgl_110:not([disabled],[data-disabled]):hover{background-color:var(--surface-interactive-background)}}}@layer components{._view_loading_p1qhr_7{position:relative;color:var(--foreground-dimmest)}._view_loading_foreground_p1qhr_12{animation:_loading_p1qhr_1 2s linear infinite;background:linear-gradient(90deg,var(--view-loading-low-pulse),var(--view-loading-high-pulse),var(--view-loading-low-pulse),var(--view-loading-high-pulse));background-position-x:0%;background-size:300% 100%}._view_loading_background_p1qhr_25{overflow:hidden}._view_loading_background_p1qhr_25:after{display:block;position:absolute;top:0;left:0;opacity:.5;animation:_loading_p1qhr_1 2s linear infinite;background:linear-gradient(90deg,var(--view-loading-low-pulse),var(--view-loading-high-pulse),var(--view-loading-low-pulse),var(--view-loading-high-pulse));background-position-x:0%;background-size:300% 100%;width:100%;height:100%;pointer-events:none;content:""}@keyframes _loading_p1qhr_1{0%{background-position-x:100%}to{background-position-x:0%}}}
|
|
1
|
+
@layer ui-atom{._view_colorway_v6bkl_2{--view-loading-low-pulse: var(--view-colorway-dimmest);--view-loading-high-pulse: transparent;transition-duration:var(--transition-duration-snappy);transition-timing-function:var(--transition-timing-function-snappy);cursor:not-allowed;border-width:1px;border-style:solid;border-color:transparent;border-radius:var(--border-radius-default)}._view_colorway_v6bkl_2:not([disabled],[data-disabled]){cursor:pointer}._view_colorway_static_v6bkl_20{border-width:1px;border-style:solid;border-color:transparent;border-radius:var(--border-radius-default)}._view_colorway_outline_v6bkl_28{transition-property:color,background-color,box-shadow;border-color:var(--view-colorway-dimmer);background-color:transparent;color:var(--view-colorway-dimmer)}._view_colorway_outline_v6bkl_28:not([disabled],[data-disabled]){color:var(--view-colorway-stronger)}._view_colorway_outline_v6bkl_28:not([disabled],[data-disabled]):active{transition:none;border-color:var(--view-colorway-stronger)!important}._view_colorway_outline_v6bkl_28:not([disabled],[data-disabled]):focus{box-shadow:0 0 0 2px var(--view-colorway-strongest)}._view_colorway_outline_v6bkl_28:not([disabled],[data-disabled]):focus:not(:focus-visible){box-shadow:none}@media(hover:hover){._view_colorway_outline_v6bkl_28:not([disabled],[data-disabled]):hover{border-color:var(--view-colorway-default);background-color:var(--view-colorway-dimmer);color:var(--view-colorway-strongest)}}._view_colorway_outline-static_v6bkl_60{box-shadow:none;border-color:var(--view-colorway-dimmer);background-color:transparent;color:var(--view-colorway-stronger)}._view_colorway_mute-static_v6bkl_67{box-shadow:none;background-color:var(--view-colorway-dimmest);color:var(--view-colorway-strongest)}._view_colorway_no-fill_v6bkl_73{transition-property:color,background-color,box-shadow;background-color:transparent;color:var(--view-colorway-dimmer)}._view_colorway_no-fill_v6bkl_73:not([disabled],[data-disabled]){color:var(--view-colorway-stronger)}._view_colorway_no-fill_v6bkl_73:not([disabled],[data-disabled]):focus{box-shadow:0 0 0 2px var(--view-colorway-strongest)}._view_colorway_no-fill_v6bkl_73:not([disabled],[data-disabled]):focus:not(:focus-visible){box-shadow:none}@media(hover:hover){._view_colorway_no-fill_v6bkl_73:not([disabled],[data-disabled]):hover{background-color:var(--view-colorway-dimmer);color:var(--view-colorway-strongest)}}._view_colorway_fill_v6bkl_98{transition-property:background-color,box-shadow;background-color:var(--view-colorway-dimmest);color:var(--view-colorway-default)}._view_colorway_fill_v6bkl_98:not([disabled],[data-disabled]){background-color:var(--view-colorway-dimmer);color:var(--view-colorway-strongest)}._view_colorway_fill_v6bkl_98:not([disabled],[data-disabled]):focus{box-shadow:0 0 0 2px var(--view-colorway-stronger)}._view_colorway_fill_v6bkl_98:not([disabled],[data-disabled]):focus:not(:focus-visible){box-shadow:none}@media(hover:hover){._view_colorway_fill_v6bkl_98:not([disabled],[data-disabled]):hover{background-color:var(--view-colorway-default)}}._view_colorway_fill-static_v6bkl_123{box-shadow:none;background-color:var(--view-colorway-dimmer);color:var(--view-colorway-strongest)}._view_colorway_fill-outline_v6bkl_129{transition-property:background-color,box-shadow;box-shadow:none;border-color:var(--view-colorway-dimmer);background-color:var(--view-colorway-dimmest);color:var(--view-colorway-default)}._view_colorway_fill-outline_v6bkl_129:not([disabled],[data-disabled]){border-color:var(--view-colorway-dimmer);background-color:var(--view-colorway-dimmest);color:var(--view-colorway-strongest)}._view_colorway_fill-outline_v6bkl_129:not([disabled],[data-disabled]):active{transition:none;border-color:var(--view-colorway-stronger)!important}._view_colorway_fill-outline_v6bkl_129:not([disabled],[data-disabled]):focus{box-shadow:0 0 0 2px var(--view-colorway-stronger)}._view_colorway_fill-outline_v6bkl_129:not([disabled],[data-disabled]):focus:not(:focus-visible){box-shadow:none}@media(hover:hover){._view_colorway_fill-outline_v6bkl_129:not([disabled],[data-disabled]):hover{border-color:var(--view-colorway-default)}}._view_colorway_color-primary_v6bkl_163{--view-colorway-dimmest: var(--primary-dimmest);--view-colorway-dimmer: var(--primary-dimmer);--view-colorway-default: var(--primary-default);--view-colorway-stronger: var(--primary-stronger);--view-colorway-strongest: var(--primary-strongest)}._view_colorway_color-positive_v6bkl_171{--view-colorway-dimmest: var(--positive-dimmest);--view-colorway-dimmer: var(--positive-dimmer);--view-colorway-default: var(--positive-default);--view-colorway-stronger: var(--positive-stronger);--view-colorway-strongest: var(--positive-strongest)}._view_colorway_color-negative_v6bkl_179{--view-colorway-dimmest: var(--negative-dimmest);--view-colorway-dimmer: var(--negative-dimmer);--view-colorway-default: var(--negative-default);--view-colorway-stronger: var(--negative-stronger);--view-colorway-strongest: var(--negative-strongest)}._view_colorway_color-warning_v6bkl_187{--view-colorway-dimmest: var(--warning-dimmest);--view-colorway-dimmer: var(--warning-dimmer);--view-colorway-default: var(--warning-default);--view-colorway-stronger: var(--warning-stronger);--view-colorway-strongest: var(--warning-strongest)}._view_colorway_color-red_v6bkl_195{--view-colorway-dimmest: var(--red-dimmest);--view-colorway-dimmer: var(--red-dimmer);--view-colorway-default: var(--red-default);--view-colorway-stronger: var(--red-stronger);--view-colorway-strongest: var(--red-strongest)}._view_colorway_color-orange_v6bkl_203{--view-colorway-dimmest: var(--orange-dimmest);--view-colorway-dimmer: var(--orange-dimmer);--view-colorway-default: var(--orange-default);--view-colorway-stronger: var(--orange-stronger);--view-colorway-strongest: var(--orange-strongest)}._view_colorway_color-yellow_v6bkl_211{--view-colorway-dimmest: var(--yellow-dimmest);--view-colorway-dimmer: var(--yellow-dimmer);--view-colorway-default: var(--yellow-default);--view-colorway-stronger: var(--yellow-stronger);--view-colorway-strongest: var(--yellow-strongest)}._view_colorway_color-green_v6bkl_219{--view-colorway-dimmest: var(--green-dimmest);--view-colorway-dimmer: var(--green-dimmer);--view-colorway-default: var(--green-default);--view-colorway-stronger: var(--green-stronger);--view-colorway-strongest: var(--green-strongest)}._view_colorway_color-teal_v6bkl_227{--view-colorway-dimmest: var(--teal-dimmest);--view-colorway-dimmer: var(--teal-dimmer);--view-colorway-default: var(--teal-default);--view-colorway-stronger: var(--teal-stronger);--view-colorway-strongest: var(--teal-strongest)}._view_colorway_color-blue_v6bkl_235{--view-colorway-dimmest: var(--blue-dimmest);--view-colorway-dimmer: var(--blue-dimmer);--view-colorway-default: var(--blue-default);--view-colorway-stronger: var(--blue-stronger);--view-colorway-strongest: var(--blue-strongest)}._view_colorway_color-blurple_v6bkl_243{--view-colorway-dimmest: var(--blurple-dimmest);--view-colorway-dimmer: var(--blurple-dimmer);--view-colorway-default: var(--blurple-default);--view-colorway-stronger: var(--blurple-stronger);--view-colorway-strongest: var(--blurple-strongest)}._view_colorway_color-purple_v6bkl_251{--view-colorway-dimmest: var(--purple-dimmest);--view-colorway-dimmer: var(--purple-dimmer);--view-colorway-default: var(--purple-default);--view-colorway-stronger: var(--purple-stronger);--view-colorway-strongest: var(--purple-strongest)}._view_colorway_color-magenta_v6bkl_259{--view-colorway-dimmest: var(--magenta-dimmest);--view-colorway-dimmer: var(--magenta-dimmer);--view-colorway-default: var(--magenta-default);--view-colorway-stronger: var(--magenta-stronger);--view-colorway-strongest: var(--magenta-strongest)}._view_colorway_color-pink_v6bkl_267{--view-colorway-dimmest: var(--pink-dimmest);--view-colorway-dimmer: var(--pink-dimmer);--view-colorway-default: var(--pink-default);--view-colorway-stronger: var(--pink-stronger);--view-colorway-strongest: var(--pink-strongest)}._view_colorway_color-grey_v6bkl_275{--view-colorway-dimmest: var(--grey-dimmest);--view-colorway-dimmer: var(--grey-dimmer);--view-colorway-default: var(--grey-default);--view-colorway-stronger: var(--grey-stronger);--view-colorway-strongest: var(--grey-strongest)}}@layer ui-atom{._view_interactive_1q2pr_2{--view-loading-low-pulse: var(--outline-dimmest);--view-loading-high-pulse: var(--surface-interactive-background);transition-duration:var(--transition-duration-snappy);transition-timing-function:var(--transition-timing-function-snappy);cursor:not-allowed;border-width:1px;border-style:solid;border-color:transparent;border-radius:var(--border-radius-default);background-color:transparent;color:var(--foreground-dimmest)}._view_interactive_1q2pr_2:not([disabled],[data-disabled]){cursor:pointer}._view_interactive_1q2pr_2:not([disabled],[data-disabled]):focus:focus-visible{outline-color:transparent;outline-width:var(--space-2);outline-offset:var(--space-4);box-shadow:var(--shadow-focus)}._view_interactive_fill_1q2pr_30{transition-property:background-color,box-shadow;background-color:var(--surface-interactive-background)}._view_interactive_fill_1q2pr_30:not([disabled],[data-disabled]){color:inherit}._view_interactive_fill_1q2pr_30:not([disabled],[data-disabled]):active{border-color:var(--primary-default);background-color:var(--surface-interactive-background-active)}@media(hover:hover){._view_interactive_fill_1q2pr_30:not([disabled],[data-disabled]):hover{background-color:var(--surface-interactive-background-active)}}._view_interactive_no-fill_1q2pr_50{transition-property:background-color,box-shadow}._view_interactive_no-fill_1q2pr_50:not([disabled],[data-disabled]){color:inherit}._view_interactive_no-fill_1q2pr_50:not([disabled],[data-disabled]):not(textarea):active{border-color:var(--primary-default);background-color:var(--surface-interactive-background)}@media(hover:hover){._view_interactive_no-fill_1q2pr_50:not([disabled],[data-disabled]):hover{background-color:var(--surface-interactive-background)}}._view_interactive_outline_1q2pr_69{transition-property:background-color,box-shadow;border-color:var(--surface-interactive-border)}._view_interactive_outline_1q2pr_69:not([disabled],[data-disabled]){color:inherit}._view_interactive_outline_1q2pr_69:not([disabled],[data-disabled]):not(textarea):active{border-color:var(--primary-default)}@media(hover:hover){._view_interactive_outline_1q2pr_69:not([disabled],[data-disabled]):hover{background-color:var(--surface-interactive-background)}}._view_interactive_fill-outline_1q2pr_89{transition-property:box-shadow;background-color:var(--surface-interactive-background)}._view_interactive_fill-outline_1q2pr_89:not([disabled],[data-disabled]){border-color:var(--surface-interactive-border);color:inherit}._view_interactive_fill-outline_1q2pr_89:not([disabled],[data-disabled]):not(textarea):active{transition:none;border-color:var(--primary-default)}@media(hover:hover){._view_interactive_fill-outline_1q2pr_89:not([disabled],[data-disabled]):hover{border-color:var(--surface-interactive-border-hover)}}._view_interactive_list-item_1q2pr_110{transition-property:box-shadow;border-radius:0}._view_interactive_list-item_1q2pr_110:not([disabled],[data-disabled]){color:inherit}._view_interactive_list-item_1q2pr_110:not([disabled],[data-disabled]):not(textarea):active{border-color:var(--primary-default);background-color:var(--surface-interactive-background-active)}@media(hover:hover){._view_interactive_list-item_1q2pr_110:not([disabled],[data-disabled]):hover{background-color:var(--surface-interactive-background)}}}@layer ui-component{._view_loading_exsxc_7{position:relative;color:var(--foreground-dimmest)}._view_loading_foreground_exsxc_12{animation:_loading_exsxc_1 2s linear infinite;background:linear-gradient(90deg,var(--view-loading-low-pulse),var(--view-loading-high-pulse),var(--view-loading-low-pulse),var(--view-loading-high-pulse));background-position-x:0%;background-size:300% 100%}._view_loading_background_exsxc_25{overflow:hidden}._view_loading_background_exsxc_25:after{display:block;position:absolute;top:0;left:0;opacity:.5;animation:_loading_exsxc_1 2s linear infinite;background:linear-gradient(90deg,var(--view-loading-low-pulse),var(--view-loading-high-pulse),var(--view-loading-low-pulse),var(--view-loading-high-pulse));background-position-x:0%;background-size:300% 100%;width:100%;height:100%;pointer-events:none;content:""}@keyframes _loading_exsxc_1{0%{background-position-x:100%}to{background-position-x:0%}}}
|
package/package.json
CHANGED