@spear-ai/spectral 1.6.17 → 1.8.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/.js +201 -200
- package/dist/Accordion.d.ts +13 -15
- package/dist/Accordion.js +184 -179
- package/dist/Alert/AlertBase.d.ts +7 -7
- package/dist/Alert/AlertBase.js +21 -21
- package/dist/Alert.d.ts +2 -2
- package/dist/Alert.js +31 -31
- package/dist/Avatar.d.ts +2 -2
- package/dist/Avatar.js +30 -22
- package/dist/Badge.d.ts +1 -1
- package/dist/Badge.js +3 -2
- package/dist/Button.d.ts +3 -3
- package/dist/Button.js +108 -46
- package/dist/ButtonGroup/ButtonGroupButton.d.ts +1 -1
- package/dist/ButtonGroup/ButtonGroupButton.js +5 -5
- package/dist/ButtonGroup.d.ts +5 -5
- package/dist/ButtonGroup.js +21 -21
- package/dist/ButtonIcon.d.ts +2 -2
- package/dist/ButtonIcon.js +30 -31
- package/dist/Checkbox/CheckboxBase.d.ts +2 -2
- package/dist/Checkbox/CheckboxBase.js +50 -57
- package/dist/Checkbox.js +15 -19
- package/dist/DataCard/Card.d.ts +1 -1
- package/dist/DataCard/Card.js +1 -1
- package/dist/DataCard.js +1 -1
- package/dist/DateTimePicker/Calendar.d.ts +4 -4
- package/dist/DateTimePicker/Calendar.js +3 -3
- package/dist/DateTimePicker/DateTimeDisplayInput.js +126 -136
- package/dist/DateTimePicker/DateTimeInput.js +4 -4
- package/dist/DateTimePicker/DateTimeUtils.d.ts +31 -31
- package/dist/DateTimePicker/DateTimeUtils.js +139 -197
- package/dist/DateTimePicker/TimePicker.d.ts +4 -4
- package/dist/DateTimePicker/TimePicker.js +3 -3
- package/dist/DateTimePicker.d.ts +5 -5
- package/dist/DateTimePicker.js +90 -70
- package/dist/Dialog.d.ts +13 -13
- package/dist/Dialog.js +57 -84
- package/dist/Drawer.d.ts +2 -2
- package/dist/Drawer.js +8 -8
- package/dist/HoverCard.d.ts +6 -5
- package/dist/HoverCard.js +64 -64
- package/dist/Icons/PolygonIcon.d.ts +5 -0
- package/dist/Icons/PolygonIcon.js +40 -0
- package/dist/Icons/index.d.ts +1 -1
- package/dist/Icons.js +34 -34
- package/dist/IconsAnimated/PanelLeftCloseIcon.js +2 -2
- package/dist/IconsAnimated/PanelLeftOpenIcon.js +2 -2
- package/dist/Input/InputUtils.d.ts +2 -2
- package/dist/Input/InputUtils.js +4 -4
- package/dist/Input.d.ts +1 -1
- package/dist/Input.js +19 -19
- package/dist/InputOTP.d.ts +10 -10
- package/dist/InputOTP.js +114 -114
- package/dist/Kbd.d.ts +8 -5
- package/dist/Kbd.js +85 -20
- package/dist/Label.d.ts +4 -2
- package/dist/Label.js +3 -3
- package/dist/MultiSelect/MultiSelectBase.d.ts +1 -1
- package/dist/MultiSelect/MultiSelectBase.js +278 -202
- package/dist/MultiSelect.d.ts +6 -6
- package/dist/MultiSelect.js +9 -9
- package/dist/Popover.js +22 -237
- package/dist/RadioButtonGroup/RadioButtonGroupBase.d.ts +11 -11
- package/dist/RadioButtonGroup/RadioButtonGroupBase.js +28 -28
- package/dist/RadioButtonGroup.d.ts +1 -1
- package/dist/RadioGroup.d.ts +15 -15
- package/dist/RadioGroup.js +253 -236
- package/dist/Select.d.ts +3 -1
- package/dist/Select.js +91 -88
- package/dist/Separator.js +4 -4
- package/dist/Skeleton.d.ts +1 -2
- package/dist/Skeleton.js +2 -4
- package/dist/Slider.d.ts +6 -6
- package/dist/Slider.js +78 -78
- package/dist/Switch/SwitchBase.d.ts +4 -4
- package/dist/Switch/SwitchBase.js +75 -111
- package/dist/Switch.d.ts +4 -4
- package/dist/Switch.js +122 -33
- package/dist/Tabs/TabsBase.js +39 -38
- package/dist/Tabs/tabsUtils.js +7 -7
- package/dist/Tabs.d.ts +0 -4
- package/dist/Tabs.js +62 -66
- package/dist/Textarea/TextareaUtils.d.ts +7 -7
- package/dist/Textarea/TextareaUtils.js +13 -13
- package/dist/Textarea.js +28 -18
- package/dist/Toast.d.ts +43 -0
- package/dist/Toast.js +883 -0
- package/dist/Toggle/ToggleBase.d.ts +4 -4
- package/dist/Toggle/ToggleBase.js +32 -33
- package/dist/Toggle.d.ts +1 -1
- package/dist/Toggle.js +7 -12
- package/dist/ToggleGroup/ToggleGroupBase.d.ts +5 -5
- package/dist/ToggleGroup/ToggleGroupBase.js +30 -30
- package/dist/ToggleGroup.d.ts +1 -1
- package/dist/ToggleGroup.js +27 -30
- package/dist/Tooltip.d.ts +1 -1
- package/dist/Tooltip.js +97 -97
- package/dist/Tray.d.ts +9 -9
- package/dist/Tray.js +71 -70
- package/dist/hooks/useAccordionAutoScroll.d.ts.map +1 -1
- package/dist/hooks/useAccordionAutoScroll.js +42 -39
- package/dist/hooks/useControllableState.d.ts +2 -2
- package/dist/hooks/useControllableState.d.ts.map +1 -1
- package/dist/hooks/useControllableState.js +2 -2
- package/dist/index-C12FUuIW.js +13 -0
- package/dist/{index-yU8jOTzS.js → index-CpovUAO-.js} +1 -1
- package/dist/{index-BdS7Ix8W.js → index-CqbPiOid.js} +1 -1
- package/dist/{index-B3UpsZ2x.js → index-CrjD9cAD.js} +1 -1
- package/dist/index-DEYs15GP.js +66 -0
- package/dist/index-DdFoGvON.js +146 -0
- package/dist/index-Q3N6lgwg.js +225 -0
- package/dist/index.d.ts +3 -3
- package/dist/index.d.ts.map +1 -1
- package/dist/primitives/button.d.ts +1 -1
- package/dist/primitives/button.js +4 -4
- package/dist/primitives/input.d.ts.map +1 -1
- package/dist/primitives/input.js +8 -5
- package/dist/primitives/select.d.ts +12 -13
- package/dist/primitives/select.d.ts.map +1 -1
- package/dist/primitives/select.js +59 -88
- package/dist/primitives/slot.d.ts +5 -5
- package/dist/primitives/slot.d.ts.map +1 -1
- package/dist/primitives/slot.js +24 -33
- package/dist/primitives/textarea.d.ts.map +1 -1
- package/dist/primitives/textarea.js +4 -3
- package/dist/{proxy-Cukf-VVj.js → proxy-CgaCj1WQ.js} +7 -3
- package/dist/styles/base-colors.css +30 -30
- package/dist/styles/horizon/base-colors.css +30 -30
- package/dist/styles/horizon/colors.css +43 -13
- package/dist/styles/horizon/utilities.css +26 -3
- package/dist/styles/main.css +1 -1
- package/dist/styles/spectral.css +2 -2
- package/dist/styles/theme.css +99 -46
- package/dist/{use-animation-zNd5Nq85.js → use-animation-CR-SdV2l.js} +1 -1
- package/dist/utils/formFieldUtils.d.ts +2 -2
- package/dist/utils/formFieldUtils.d.ts.map +1 -1
- package/dist/utils/formFieldUtils.js +14 -11
- package/dist/utils/sharedUtils.d.ts +3 -3
- package/dist/utils/sharedUtils.d.ts.map +1 -1
- package/dist/utils/sharedUtils.js +1 -4
- package/dist/utils/twUtils.d.ts +1 -1
- package/dist/utils/twUtils.d.ts.map +1 -1
- package/dist/utils/twUtils.js +1 -4
- package/package.json +6 -1
- package/dist/Icons/LineToolIcon2.d.ts +0 -5
- package/dist/Icons/LineToolIcon2.js +0 -49
- package/dist/createLucideIcon-D4r5Phnh.js +0 -70
- package/dist/index-CeP1E2kK.js +0 -209
- package/dist/index-Dy-Hzr7y.js +0 -13
package/dist/primitives/slot.js
CHANGED
|
@@ -1,42 +1,33 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as m, Fragment as
|
|
2
|
+
import { jsx as m, Fragment as d } from "react/jsx-runtime";
|
|
3
3
|
import { isValidElement as p, cloneElement as h } from "react";
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
e && (typeof e == "function" ? e(n) : typeof e == "object" && "current" in e && (e.current = n));
|
|
13
|
-
};
|
|
14
|
-
}
|
|
15
|
-
function j(i) {
|
|
16
|
-
return /* @__PURE__ */ m(y, { children: i.children });
|
|
17
|
-
}
|
|
18
|
-
const v = function({
|
|
19
|
-
ref: n,
|
|
20
|
-
children: e,
|
|
4
|
+
const N = (c, n, { checkForDefaultPrevented: e = !0 } = {}) => (t) => {
|
|
5
|
+
c?.(t), (!e || !t.defaultPrevented) && n?.(t);
|
|
6
|
+
}, E = (...c) => (n) => {
|
|
7
|
+
for (const e of c)
|
|
8
|
+
e && (typeof e == "function" ? e(n) : typeof e == "object" && "current" in e && (e.current = n));
|
|
9
|
+
}, j = (c) => /* @__PURE__ */ m(d, { children: c.children }), S = function({
|
|
10
|
+
children: n,
|
|
11
|
+
ref: e,
|
|
21
12
|
...t
|
|
22
13
|
}) {
|
|
23
|
-
if (!p(
|
|
24
|
-
return
|
|
25
|
-
const
|
|
26
|
-
for (const [
|
|
27
|
-
if (
|
|
28
|
-
const
|
|
29
|
-
typeof
|
|
14
|
+
if (!p(n))
|
|
15
|
+
return n == null ? null : /* @__PURE__ */ m("span", { ...t, ref: e });
|
|
16
|
+
const r = n, i = r.props ?? {}, s = { ...i, ...t };
|
|
17
|
+
for (const [o, f] of Object.entries(t))
|
|
18
|
+
if (o.startsWith("on") && typeof f == "function") {
|
|
19
|
+
const u = i[o];
|
|
20
|
+
typeof u == "function" ? s[o] = N(u, f) : s[o] = f;
|
|
30
21
|
}
|
|
31
|
-
const
|
|
32
|
-
|
|
33
|
-
const
|
|
34
|
-
|
|
35
|
-
const
|
|
36
|
-
return
|
|
22
|
+
const l = i.className || "";
|
|
23
|
+
l && t.className && (s.className = `${l} ${t.className}`);
|
|
24
|
+
const a = i.style;
|
|
25
|
+
a && t.style && (s.style = { ...a, ...t.style });
|
|
26
|
+
const y = r.ref;
|
|
27
|
+
return s.ref = E(y, e), h(r, s);
|
|
37
28
|
};
|
|
38
|
-
|
|
29
|
+
S.displayName = "Slot";
|
|
39
30
|
export {
|
|
40
|
-
|
|
31
|
+
S as Slot,
|
|
41
32
|
j as Slottable
|
|
42
33
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../src/primitives/textarea.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../src/primitives/textarea.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,eAAO,MAAM,QAAQ,GAAI,yBAAyB,cAAc,CAAC,UAAU,CAAC,4CAW3E,CAAA"}
|
|
@@ -1,16 +1,17 @@
|
|
|
1
1
|
import { jsx as t } from "react/jsx-runtime";
|
|
2
2
|
import { cn as i } from "../utils/twUtils.js";
|
|
3
|
-
|
|
3
|
+
import "react";
|
|
4
|
+
const d = ({ className: e, ...r }) => /* @__PURE__ */ t(
|
|
4
5
|
"textarea",
|
|
5
6
|
{
|
|
6
|
-
"data-slot": "textarea",
|
|
7
7
|
className: i(
|
|
8
8
|
"border-input-border placeholder:text-input-text-placeholder focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 aria-invalid:border-destructive flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
|
|
9
9
|
e
|
|
10
10
|
),
|
|
11
|
+
"data-slot": "textarea",
|
|
11
12
|
...r
|
|
12
13
|
}
|
|
13
14
|
);
|
|
14
15
|
export {
|
|
15
|
-
|
|
16
|
+
d as Textarea
|
|
16
17
|
};
|
|
@@ -4658,10 +4658,14 @@ export {
|
|
|
4658
4658
|
Ke as P,
|
|
4659
4659
|
El as a,
|
|
4660
4660
|
Ar as b,
|
|
4661
|
-
|
|
4662
|
-
|
|
4661
|
+
al as c,
|
|
4662
|
+
fa as d,
|
|
4663
|
+
wa as e,
|
|
4664
|
+
Hi as h,
|
|
4663
4665
|
Y as i,
|
|
4664
4666
|
rc as m,
|
|
4667
|
+
ke as p,
|
|
4665
4668
|
vl as s,
|
|
4666
|
-
wr as u
|
|
4669
|
+
wr as u,
|
|
4670
|
+
He as w
|
|
4667
4671
|
};
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
--horizon-color-transparent: oklch(0 0 0 / 0%);
|
|
5
5
|
--horizon-color-accent: oklch(92.53% 0.1976 123.38);
|
|
6
6
|
|
|
7
|
-
--horizon-color-neutral-50: oklch(
|
|
7
|
+
--horizon-color-neutral-50: oklch(98.5% 0 0);
|
|
8
8
|
--horizon-color-neutral-100: oklch(92.19% 0 0);
|
|
9
9
|
--horizon-color-neutral-200: oklch(86.99% 0 0);
|
|
10
10
|
--horizon-color-neutral-300: oklch(79.03% 0 0);
|
|
@@ -16,17 +16,17 @@
|
|
|
16
16
|
--horizon-color-neutral-900: oklch(26.86% 0 0);
|
|
17
17
|
--horizon-color-neutral-950: oklch(21.78% 0 0);
|
|
18
18
|
|
|
19
|
-
--horizon-color-primary-50: oklch(
|
|
20
|
-
--horizon-color-primary-100: oklch(
|
|
21
|
-
--horizon-color-primary-200: oklch(
|
|
22
|
-
--horizon-color-primary-300: oklch(
|
|
23
|
-
--horizon-color-primary-400: oklch(
|
|
24
|
-
--horizon-color-primary-500: oklch(
|
|
25
|
-
--horizon-color-primary-600: oklch(
|
|
26
|
-
--horizon-color-primary-700: oklch(
|
|
27
|
-
--horizon-color-primary-800: oklch(
|
|
28
|
-
--horizon-color-primary-900: oklch(
|
|
29
|
-
--horizon-color-primary-950: oklch(27
|
|
19
|
+
--horizon-color-primary-50: oklch(97.37% 0.01 238.00);
|
|
20
|
+
--horizon-color-primary-100: oklch(93.88% 0.03 242.35);
|
|
21
|
+
--horizon-color-primary-200: oklch(89.30% 0.06 242.83);
|
|
22
|
+
--horizon-color-primary-300: oklch(83.05% 0.09 240.33);
|
|
23
|
+
--horizon-color-primary-400: oklch(74.57% 0.14 245.84);
|
|
24
|
+
--horizon-color-primary-500: oklch(66.23% 0.18 254.28);
|
|
25
|
+
--horizon-color-primary-600: oklch(58.57% 0.21 259.12);
|
|
26
|
+
--horizon-color-primary-700: oklch(52.25% 0.21 261.44);
|
|
27
|
+
--horizon-color-primary-800: oklch(42.44% 0.17 262.29);
|
|
28
|
+
--horizon-color-primary-900: oklch(39.88% 0.14 261.51);
|
|
29
|
+
--horizon-color-primary-950: oklch(29.27% 0.09 263.49);
|
|
30
30
|
|
|
31
31
|
--horizon-color-level-zero: oklch(23.78% 0 0);
|
|
32
32
|
--horizon-color-level-one: oklch(26.94% 0 0);
|
|
@@ -35,26 +35,26 @@
|
|
|
35
35
|
--horizon-color-level-four: oklch(35.71% 0 0);
|
|
36
36
|
--horizon-color-level-five: oklch(38.62% 0 0);
|
|
37
37
|
|
|
38
|
-
--horizon-color-success-50: oklch(
|
|
39
|
-
--horizon-color-success-100: oklch(
|
|
40
|
-
--horizon-color-success-200: oklch(
|
|
41
|
-
--horizon-color-success-300: oklch(
|
|
42
|
-
--horizon-color-success-400: oklch(
|
|
43
|
-
--horizon-color-success-500: oklch(
|
|
38
|
+
--horizon-color-success-50: oklch(96.2% 0.044 156.743);
|
|
39
|
+
--horizon-color-success-100: oklch(92.5% 0.084 155.995);
|
|
40
|
+
--horizon-color-success-200: oklch(87.1% 0.15 154.449);
|
|
41
|
+
--horizon-color-success-300: oklch(79.2% 0.209 151.711);
|
|
42
|
+
--horizon-color-success-400: oklch(72.3% 0.219 149.579);
|
|
43
|
+
--horizon-color-success-500: oklch(62.7% 0.194 149.214);
|
|
44
44
|
|
|
45
|
-
--horizon-color-warning-50: oklch(
|
|
46
|
-
--horizon-color-warning-100: oklch(
|
|
47
|
-
--horizon-color-warning-200: oklch(
|
|
48
|
-
--horizon-color-warning-300: oklch(75% 0.
|
|
49
|
-
--horizon-color-warning-400: oklch(
|
|
50
|
-
--horizon-color-warning-500: oklch(
|
|
45
|
+
--horizon-color-warning-50: oklch(95.4% 0.038 75.164);
|
|
46
|
+
--horizon-color-warning-100: oklch(90.1% 0.076 70.697);
|
|
47
|
+
--horizon-color-warning-200: oklch(83.7% 0.128 66.29);
|
|
48
|
+
--horizon-color-warning-300: oklch(75% 0.183 55.934);
|
|
49
|
+
--horizon-color-warning-400: oklch(70.5% 0.213 47.604);
|
|
50
|
+
--horizon-color-warning-500: oklch(64.6% 0.222 41.116);
|
|
51
51
|
|
|
52
|
-
--horizon-color-danger-50: oklch(
|
|
53
|
-
--horizon-color-danger-100: oklch(
|
|
54
|
-
--horizon-color-danger-200: oklch(
|
|
55
|
-
--horizon-color-danger-300: oklch(
|
|
56
|
-
--horizon-color-danger-400: oklch(
|
|
57
|
-
--horizon-color-danger-500: oklch(
|
|
52
|
+
--horizon-color-danger-50: oklch(93.6% 0.032 17.717);
|
|
53
|
+
--horizon-color-danger-100: oklch(88.5% 0.062 18.334);
|
|
54
|
+
--horizon-color-danger-200: oklch(80.8% 0.114 19.571);
|
|
55
|
+
--horizon-color-danger-300: oklch(70.4% 0.191 22.216);
|
|
56
|
+
--horizon-color-danger-400: oklch(57.7% 0.245 27.325);
|
|
57
|
+
--horizon-color-danger-500: oklch(50.5% 0.213 27.518);
|
|
58
58
|
}
|
|
59
59
|
|
|
60
60
|
:root[data-theme='light'] {
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
--horizon-color-transparent: oklch(0 0 0 / 0%);
|
|
5
5
|
--horizon-color-accent: oklch(92.53% 0.1976 123.38);
|
|
6
6
|
|
|
7
|
-
--horizon-color-neutral-50: oklch(
|
|
7
|
+
--horizon-color-neutral-50: oklch(98.5% 0 0);
|
|
8
8
|
--horizon-color-neutral-100: oklch(92.19% 0 0);
|
|
9
9
|
--horizon-color-neutral-200: oklch(86.99% 0 0);
|
|
10
10
|
--horizon-color-neutral-300: oklch(79.03% 0 0);
|
|
@@ -16,17 +16,17 @@
|
|
|
16
16
|
--horizon-color-neutral-900: oklch(26.86% 0 0);
|
|
17
17
|
--horizon-color-neutral-950: oklch(21.78% 0 0);
|
|
18
18
|
|
|
19
|
-
--horizon-color-primary-50: oklch(
|
|
20
|
-
--horizon-color-primary-100: oklch(
|
|
21
|
-
--horizon-color-primary-200: oklch(
|
|
22
|
-
--horizon-color-primary-300: oklch(
|
|
23
|
-
--horizon-color-primary-400: oklch(
|
|
24
|
-
--horizon-color-primary-500: oklch(
|
|
25
|
-
--horizon-color-primary-600: oklch(
|
|
26
|
-
--horizon-color-primary-700: oklch(
|
|
27
|
-
--horizon-color-primary-800: oklch(
|
|
28
|
-
--horizon-color-primary-900: oklch(
|
|
29
|
-
--horizon-color-primary-950: oklch(27
|
|
19
|
+
--horizon-color-primary-50: oklch(97.37% 0.01 238.00);
|
|
20
|
+
--horizon-color-primary-100: oklch(93.88% 0.03 242.35);
|
|
21
|
+
--horizon-color-primary-200: oklch(89.30% 0.06 242.83);
|
|
22
|
+
--horizon-color-primary-300: oklch(83.05% 0.09 240.33);
|
|
23
|
+
--horizon-color-primary-400: oklch(74.57% 0.14 245.84);
|
|
24
|
+
--horizon-color-primary-500: oklch(66.23% 0.18 254.28);
|
|
25
|
+
--horizon-color-primary-600: oklch(58.57% 0.21 259.12);
|
|
26
|
+
--horizon-color-primary-700: oklch(52.25% 0.21 261.44);
|
|
27
|
+
--horizon-color-primary-800: oklch(42.44% 0.17 262.29);
|
|
28
|
+
--horizon-color-primary-900: oklch(39.88% 0.14 261.51);
|
|
29
|
+
--horizon-color-primary-950: oklch(29.27% 0.09 263.49);
|
|
30
30
|
|
|
31
31
|
--horizon-color-level-zero: oklch(23.78% 0 0);
|
|
32
32
|
--horizon-color-level-one: oklch(26.94% 0 0);
|
|
@@ -35,26 +35,26 @@
|
|
|
35
35
|
--horizon-color-level-four: oklch(35.71% 0 0);
|
|
36
36
|
--horizon-color-level-five: oklch(38.62% 0 0);
|
|
37
37
|
|
|
38
|
-
--horizon-color-success-50: oklch(
|
|
39
|
-
--horizon-color-success-100: oklch(
|
|
40
|
-
--horizon-color-success-200: oklch(
|
|
41
|
-
--horizon-color-success-300: oklch(
|
|
42
|
-
--horizon-color-success-400: oklch(
|
|
43
|
-
--horizon-color-success-500: oklch(
|
|
38
|
+
--horizon-color-success-50: oklch(96.2% 0.044 156.743);
|
|
39
|
+
--horizon-color-success-100: oklch(92.5% 0.084 155.995);
|
|
40
|
+
--horizon-color-success-200: oklch(87.1% 0.15 154.449);
|
|
41
|
+
--horizon-color-success-300: oklch(79.2% 0.209 151.711);
|
|
42
|
+
--horizon-color-success-400: oklch(72.3% 0.219 149.579);
|
|
43
|
+
--horizon-color-success-500: oklch(62.7% 0.194 149.214);
|
|
44
44
|
|
|
45
|
-
--horizon-color-warning-50: oklch(
|
|
46
|
-
--horizon-color-warning-100: oklch(
|
|
47
|
-
--horizon-color-warning-200: oklch(
|
|
48
|
-
--horizon-color-warning-300: oklch(75% 0.
|
|
49
|
-
--horizon-color-warning-400: oklch(
|
|
50
|
-
--horizon-color-warning-500: oklch(
|
|
45
|
+
--horizon-color-warning-50: oklch(95.4% 0.038 75.164);
|
|
46
|
+
--horizon-color-warning-100: oklch(90.1% 0.076 70.697);
|
|
47
|
+
--horizon-color-warning-200: oklch(83.7% 0.128 66.29);
|
|
48
|
+
--horizon-color-warning-300: oklch(75% 0.183 55.934);
|
|
49
|
+
--horizon-color-warning-400: oklch(70.5% 0.213 47.604);
|
|
50
|
+
--horizon-color-warning-500: oklch(64.6% 0.222 41.116);
|
|
51
51
|
|
|
52
|
-
--horizon-color-danger-50: oklch(
|
|
53
|
-
--horizon-color-danger-100: oklch(
|
|
54
|
-
--horizon-color-danger-200: oklch(
|
|
55
|
-
--horizon-color-danger-300: oklch(
|
|
56
|
-
--horizon-color-danger-400: oklch(
|
|
57
|
-
--horizon-color-danger-500: oklch(
|
|
52
|
+
--horizon-color-danger-50: oklch(93.6% 0.032 17.717);
|
|
53
|
+
--horizon-color-danger-100: oklch(88.5% 0.062 18.334);
|
|
54
|
+
--horizon-color-danger-200: oklch(80.8% 0.114 19.571);
|
|
55
|
+
--horizon-color-danger-300: oklch(70.4% 0.191 22.216);
|
|
56
|
+
--horizon-color-danger-400: oklch(57.7% 0.245 27.325);
|
|
57
|
+
--horizon-color-danger-500: oklch(50.5% 0.213 27.518);
|
|
58
58
|
}
|
|
59
59
|
|
|
60
60
|
:root[data-theme='light'] {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
@import './base-colors.css';
|
|
2
2
|
|
|
3
|
-
/* dark default */
|
|
3
|
+
/* dark (default) */
|
|
4
4
|
@theme {
|
|
5
5
|
--color-background: var(--horizon-color-neutral-950);
|
|
6
6
|
|
|
@@ -8,14 +8,12 @@
|
|
|
8
8
|
--color-text-inverted: var(--horizon-color-neutral-950);
|
|
9
9
|
--color-text-secondary: var(--horizon-color-neutral-300);
|
|
10
10
|
--color-text-disabled: var(--horizon-color-neutral-600);
|
|
11
|
-
--color-text-accent-primary: var(--horizon-color-primary-500);
|
|
12
|
-
--color-text-accent-secondary: var(--horizon-color-primary-300);
|
|
13
11
|
|
|
14
12
|
--color-border-primary: var(--horizon-color-neutral-900);
|
|
15
13
|
--color-border-secondary: var(--horizon-color-neutral-700);
|
|
16
14
|
|
|
17
15
|
--color-accent: var(--horizon-color-accent);
|
|
18
|
-
--color-selected-primary: var(--horizon-color-primary-
|
|
16
|
+
--color-selected-primary: var(--horizon-color-primary-600);
|
|
19
17
|
--color-divider-primary: var(--horizon-color-level-four);
|
|
20
18
|
--color-overlay: color-mix(in oklab, var(--horizon-color-neutral-950) 40%, transparent);
|
|
21
19
|
|
|
@@ -59,13 +57,13 @@
|
|
|
59
57
|
--color-alert-danger-bg: var(--horizon-color-danger-50);
|
|
60
58
|
--color-alert-danger-border: var(--horizon-color-danger-500);
|
|
61
59
|
--color-alert-danger-text: var(--horizon-color-danger-500);
|
|
62
|
-
--color-alert-info-bg: var(--horizon-color-primary-
|
|
60
|
+
--color-alert-info-bg: var(--horizon-color-primary-50);
|
|
63
61
|
--color-alert-info-border: var(--horizon-color-primary-700);
|
|
64
62
|
--color-alert-info-text: var(--horizon-color-primary-700);
|
|
65
63
|
|
|
66
64
|
--color-badge-primary-bg: var(--horizon-color-level-five);
|
|
67
65
|
--color-badge-primary-bg--hover: var(--horizon-color-level-four);
|
|
68
|
-
--color-badge-primary-bg--active: var(--horizon-color-primary-
|
|
66
|
+
--color-badge-primary-bg--active: var(--horizon-color-primary-600);
|
|
69
67
|
--color-badge-primary-border: var(--horizon-color-level-five);
|
|
70
68
|
--color-badge-secondary-bg: var(--horizon-color-accent);
|
|
71
69
|
--color-badge-secondary-border: var(--horizon-color-accent);
|
|
@@ -157,6 +155,10 @@
|
|
|
157
155
|
--color-radio-border--hover: var(--horizon-color-accent);
|
|
158
156
|
--color-radio-border--selected: var(--horizon-color-accent);
|
|
159
157
|
|
|
158
|
+
--color-radio-tile-border: color-mix(in oklab, var(--horizon-color-white) 10%, transparent);
|
|
159
|
+
--color-radio-tile-border--hover: var(--horizon-color-neutral-300);
|
|
160
|
+
--color-radio-tile-border--selected: var(--horizon-color-accent);
|
|
161
|
+
|
|
160
162
|
--color-select-item-bg--hover: var(--horizon-color-level-four);
|
|
161
163
|
|
|
162
164
|
--color-slider-track: var(--horizon-color-neutral-700);
|
|
@@ -165,9 +167,10 @@
|
|
|
165
167
|
--color-slider-thumb-bg: var(--horizon-color-neutral-50);
|
|
166
168
|
--color-slider-thumb-ring: var(--horizon-color-neutral-50);
|
|
167
169
|
|
|
168
|
-
--color-switch-bg: var(--horizon-color-neutral-
|
|
169
|
-
--color-switch-bg--checked: var(--horizon-color-
|
|
170
|
+
--color-switch-bg: var(--horizon-color-neutral-700);
|
|
171
|
+
--color-switch-bg--checked: var(--horizon-color-white);
|
|
170
172
|
--color-switch-thumb: var(--horizon-color-neutral-950);
|
|
173
|
+
--color-switch-thumb--checked: var(--horizon-color-white);
|
|
171
174
|
|
|
172
175
|
--color-tabs-bg: var(--horizon-color-level-one);
|
|
173
176
|
--color-tabs-group-bg: var(--horizon-color-level-one);
|
|
@@ -175,21 +178,48 @@
|
|
|
175
178
|
--color-tabs-enclosed-indicator: var(--horizon-color-level-two);
|
|
176
179
|
--color-tabs-border: var(--horizon-color-level-four);
|
|
177
180
|
|
|
181
|
+
--color-toast-bg: var(--horizon-color-level-one);
|
|
182
|
+
--color-toast-border: var(--horizon-color-level-four);
|
|
183
|
+
--color-toast-text: var(--horizon-color-neutral-50);
|
|
184
|
+
--color-toast-icon: var(--horizon-color-neutral-50);
|
|
185
|
+
|
|
186
|
+
--color-toast-success-bg: color-mix(in oklab, var(--horizon-color-success-400) 10%, var(--horizon-color-neutral-950));
|
|
187
|
+
--color-toast-success-border: var(--horizon-color-success-400);
|
|
188
|
+
--color-toast-success-text: var(--horizon-color-success-400);
|
|
189
|
+
--color-toast-success-icon: var(--horizon-color-success-400);
|
|
190
|
+
|
|
191
|
+
--color-toast-warning-bg: color-mix(in oklab, var(--horizon-color-warning-400) 10%, var(--horizon-color-neutral-950));
|
|
192
|
+
--color-toast-warning-border: var(--horizon-color-warning-400);
|
|
193
|
+
--color-toast-warning-text: var(--horizon-color-warning-400);
|
|
194
|
+
--color-toast-warning-icon: var(--horizon-color-warning-400);
|
|
195
|
+
|
|
196
|
+
--color-toast-danger-bg: color-mix(in oklab, var(--horizon-color-danger-400) 10%, var(--horizon-color-neutral-950));
|
|
197
|
+
--color-toast-danger-border: var(--horizon-color-danger-400);
|
|
198
|
+
--color-toast-danger-text: var(--horizon-color-danger-400);
|
|
199
|
+
--color-toast-danger-icon: var(--horizon-color-danger-400);
|
|
200
|
+
|
|
201
|
+
--color-toast-info-bg: color-mix(in oklab, var(--horizon-color-primary-400) 10%, var(--horizon-color-neutral-950));
|
|
202
|
+
--color-toast-info-border: var(--horizon-color-primary-400);
|
|
203
|
+
--color-toast-info-text: var(--horizon-color-primary-400);
|
|
204
|
+
--color-toast-info-icon: var(--horizon-color-primary-400);
|
|
205
|
+
|
|
178
206
|
--color-toggle-bg: var(--horizon-color-level-two);
|
|
179
|
-
--color-toggle-bg--active: var(--horizon-color-primary-
|
|
207
|
+
--color-toggle-bg--active: var(--horizon-color-primary-500);
|
|
180
208
|
--color-toggle-bg--hover: var(--horizon-color-level-four);
|
|
181
209
|
--color-toggle-border: var(--horizon-color-transparent);
|
|
182
210
|
--color-toggle-border--hover: var(--horizon-color-level-four);
|
|
183
|
-
--color-toggle-border--active: var(--horizon-color-primary-
|
|
211
|
+
--color-toggle-border--active: var(--horizon-color-primary-500);
|
|
184
212
|
--color-toggle-text: var(--horizon-color-neutral-50);
|
|
185
213
|
--color-toggle-text--hover: var(--horizon-color-neutral-200);
|
|
186
214
|
--color-toggle-text--active: var(--horizon-color-neutral-50);
|
|
187
|
-
--color-toggle-outline-border: var(--horizon-color-
|
|
215
|
+
--color-toggle-outline-border: var(--horizon-color-neutral-600);
|
|
216
|
+
--color-toggle-outline-border--hover: var(--horizon-color-neutral-400);
|
|
188
217
|
--color-toggle-group-bg: var(--horizon-color-level-five);
|
|
189
218
|
|
|
190
219
|
--color-tooltip-bg: var(--horizon-color-level-one);
|
|
191
|
-
--color-tooltip-
|
|
192
|
-
--color-tooltip-
|
|
220
|
+
--color-tooltip-arrow: var(--horizon-color-level-one);
|
|
221
|
+
--color-tooltip-outline-border: var(--horizon-color-level-four);
|
|
222
|
+
--color-tooltip-outline-arrow: var(--horizon-color-level-four);
|
|
193
223
|
}
|
|
194
224
|
|
|
195
225
|
/* light theme variant */
|
|
@@ -2,6 +2,31 @@
|
|
|
2
2
|
|
|
3
3
|
@layer utilities {
|
|
4
4
|
|
|
5
|
+
a {
|
|
6
|
+
color: var(--color-accent);
|
|
7
|
+
cursor: pointer;
|
|
8
|
+
position: relative;
|
|
9
|
+
text-decoration: none;
|
|
10
|
+
width: max-content;
|
|
11
|
+
|
|
12
|
+
&::before {
|
|
13
|
+
background-color: var(--color-accent);
|
|
14
|
+
border-radius: 0.1rem;
|
|
15
|
+
bottom: -0.2rem;
|
|
16
|
+
content: '';
|
|
17
|
+
height: 0.1rem;
|
|
18
|
+
left: 0;
|
|
19
|
+
position: absolute;
|
|
20
|
+
transform: scaleX(0);
|
|
21
|
+
transition: transform 0.3s ease-in-out;
|
|
22
|
+
width: 100%;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
&:hover::before {
|
|
26
|
+
transform: scaleX(1);
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
|
|
5
30
|
/* This wrapper class can be used to boost specificity if needed */
|
|
6
31
|
.spectral-root {
|
|
7
32
|
isolation: isolate;
|
|
@@ -58,9 +83,7 @@
|
|
|
58
83
|
}
|
|
59
84
|
|
|
60
85
|
.tooltip-effects {
|
|
61
|
-
|
|
62
|
-
backdrop-filter: blur(12px);
|
|
63
|
-
box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.10) inset, 0 20px 40px 0 rgba(0, 0, 0, 0.25), 0 15px 30px 0 rgba(0, 0, 0, 0.15), 0 5px 10px 0 rgba(0, 0, 0, 0.05);
|
|
86
|
+
box-shadow: 3px 3px 6px 3px rgba(0,0,0,0.3);
|
|
64
87
|
}
|
|
65
88
|
|
|
66
89
|
.map-card-effects {
|
package/dist/styles/main.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--horizon-color-black: oklch(0% 0 0);--horizon-color-white: oklch(100% 0 0);--horizon-color-transparent: oklch(0 0 0 / 0%);--horizon-color-accent: oklch(92.53% .1976 123.38);--horizon-color-neutral-50: oklch(97.64% .001 286.38);--horizon-color-neutral-100: oklch(92.19% 0 0);--horizon-color-neutral-200: oklch(86.99% 0 0);--horizon-color-neutral-300: oklch(79.03% 0 0);--horizon-color-neutral-400: oklch(71.55% 0 0);--horizon-color-neutral-500: oklch(55.55% 0 0);--horizon-color-neutral-600: oklch(43.86% 0 0);--horizon-color-neutral-700: oklch(37.15% 0 0);--horizon-color-neutral-800: oklch(32.11% 0 0);--horizon-color-neutral-900: oklch(26.86% 0 0);--horizon-color-neutral-950: oklch(21.78% 0 0);--horizon-color-primary-50: oklch(86.49% .057 257.62);--horizon-color-primary-100: oklch(80.86% .0808 257.62);--horizon-color-primary-200: oklch(75.06% .105 257.62);--horizon-color-primary-300: oklch(70.52% .1303 257.62);--horizon-color-primary-400: oklch(63.46% .1376 257.62);--horizon-color-primary-500: oklch(56.4% .1372 257.6);--horizon-color-primary-600: oklch(48.67% .1372 257.6);--horizon-color-primary-700: oklch(42.85% .1372 257.6);--horizon-color-primary-800: oklch(37.8% .1372 257.6);--horizon-color-primary-900: oklch(33.76% .1213 257.3);--horizon-color-primary-950: oklch(27.61% .101 257.73);--horizon-color-level-zero: oklch(23.78% 0 0);--horizon-color-level-one: oklch(26.94% 0 0);--horizon-color-level-two: oklch(29.93% 0 0);--horizon-color-level-three: oklch(32.89% 0 0);--horizon-color-level-four: oklch(35.71% 0 0);--horizon-color-level-five: oklch(38.62% 0 0);--horizon-color-success-50: oklch(99% .1049 144);--horizon-color-success-100: oklch(94% .1649 144);--horizon-color-success-200: oklch(92% .2424 144);--horizon-color-success-300: oklch(82% .2424 144);--horizon-color-success-400: oklch(76% .2424 144);--horizon-color-success-500: oklch(66% .2424 144);--horizon-color-warning-50: oklch(94% .0442 56.91);--horizon-color-warning-100: oklch(91% .095 52.355);--horizon-color-warning-200: oklch(84.9% .144 52.438);--horizon-color-warning-300: oklch(75% .2036 56.91);--horizon-color-warning-400: oklch(71.06% .19 46.76);--horizon-color-warning-500: oklch(70.5% .213 47.604);--horizon-color-danger-50: oklch(88.5% .0603 18.334);--horizon-color-danger-100: oklch(80.53% .1109 19.78);--horizon-color-danger-200: oklch(63.94% .2459 28.47);--horizon-color-danger-300: oklch(58.3% .2383 28.47);--horizon-color-danger-400: oklch(53.39% .2181 28.47);--horizon-color-danger-500: oklch(48.54% .1986 28.47)}:root[data-theme=light]{--horizon-color-level-one: oklch(98.51% 0 0)}@theme{ --color-background: var(--horizon-color-neutral-950); --color-text-primary: var(--horizon-color-neutral-50); --color-text-inverted: var(--horizon-color-neutral-950); --color-text-secondary: var(--horizon-color-neutral-300); --color-text-disabled: var(--horizon-color-neutral-600); --color-text-accent-primary: var(--horizon-color-primary-500); --color-text-accent-secondary: var(--horizon-color-primary-300); --color-border-primary: var(--horizon-color-neutral-900); --color-border-secondary: var(--horizon-color-neutral-700); --color-accent: var(--horizon-color-accent); --color-selected-primary: var(--horizon-color-primary-700); --color-divider-primary: var(--horizon-color-level-four); --color-overlay: color-mix(in oklab, var(--horizon-color-neutral-950) 40%, transparent); --color-level-zero: var(--horizon-color-level-zero); --color-level-one: var(--horizon-color-level-one); --color-level-two: var(--horizon-color-level-two); --color-level-three: var(--horizon-color-level-three); --color-level-four: var(--horizon-color-level-four); --color-level-five: var(--horizon-color-level-five); --color-success-50: var(--horizon-color-success-50); --color-success-100: var(--horizon-color-success-100); --color-success-200: var(--horizon-color-success-200); --color-success-300: var(--horizon-color-success-300); --color-success-400: var(--horizon-color-success-400); --color-success-500: var(--horizon-color-success-500); --color-warning-50: var(--horizon-color-warning-50); --color-warning-100: var(--horizon-color-warning-100); --color-warning-200: var(--horizon-color-warning-200); --color-warning-300: var(--horizon-color-warning-300); --color-warning-400: var(--horizon-color-warning-400); --color-warning-500: var(--horizon-color-warning-500); --color-danger-50: var(--horizon-color-danger-50); --color-danger-100: var(--horizon-color-danger-100); --color-danger-200: var(--horizon-color-danger-200); --color-danger-300: var(--horizon-color-danger-300); --color-danger-400: var(--horizon-color-danger-400); --color-danger-500: var(--horizon-color-danger-500); --color-alert-bg: var(--horizon-color-level-two); --color-alert-border: var(--horizon-color-level-three); --color-alert-text: var(--horizon-color-neutral-50); --color-alert-success-bg: var(--horizon-color-success-50); --color-alert-success-border: var(--horizon-color-success-500); --color-alert-success-text: var(--horizon-color-success-500); --color-alert-warning-bg: var(--horizon-color-warning-50); --color-alert-warning-border: var(--horizon-color-warning-500); --color-alert-warning-text: var(--horizon-color-warning-500); --color-alert-danger-bg: var(--horizon-color-danger-50); --color-alert-danger-border: var(--horizon-color-danger-500); --color-alert-danger-text: var(--horizon-color-danger-500); --color-alert-info-bg: var(--horizon-color-primary-100); --color-alert-info-border: var(--horizon-color-primary-700); --color-alert-info-text: var(--horizon-color-primary-700); --color-badge-primary-bg: var(--horizon-color-level-five); --color-badge-primary-bg--hover: var(--horizon-color-level-four); --color-badge-primary-bg--active: var(--horizon-color-primary-800); --color-badge-primary-border: var(--horizon-color-level-five); --color-badge-secondary-bg: var(--horizon-color-accent); --color-badge-secondary-border: var(--horizon-color-accent); --color-badge-secondary-text: var(--horizon-color-neutral-950); --color-badge-outline-bg: var(--horizon-color-transparent); --color-badge-outline-border: var(--horizon-color-level-five); --color-badge-destructive-bg: var(--horizon-color-danger-400); --color-badge-destructive-border: var(--horizon-color-danger-400); --color-button-primary-bg: var(--horizon-color-accent); --color-button-primary-bg--hover: var(--horizon-color-level-two); --color-button-primary-bg--disabled: var(--horizon-color-neutral-500); --color-button-primary-border: var(--horizon-color-accent); --color-button-primary-border--hover: var(--horizon-color-level-two); --color-button-primary-border--disabled: var(--horizon-color-neutral-500); --color-button-primary-text: var(--horizon-color-neutral-900); --color-button-primary-text--hover: var(--horizon-color-accent); --color-button-primary-text--disabled: var(--horizon-color-neutral-200); --color-button-secondary-bg: var(--horizon-color-level-two); --color-button-secondary-bg--hover: var(--horizon-color-accent); --color-button-secondary-bg--disabled: var(--horizon-color-neutral-500); --color-button-secondary-text: var(--horizon-color-neutral-50); --color-button-secondary-text--hover: var(--horizon-color-level-two); --color-button-secondary-text--disabled: var(--horizon-color-neutral-200); --color-button-secondary-border: var(--horizon-color-neutral-900); --color-button-secondary-border--disabled: var(--horizon-color-neutral-500); --color-button-outline-bg: var(--horizon-color-transparent); --color-button-outline-bg--hover: var(--horizon-color-level-two); --color-button-outline-text: var(--horizon-color-neutral-50); --color-button-outline-text--hover: var(--horizon-color-accent); --color-button-outline-text--disabled: var(--horizon-color-neutral-400); --color-button-outline-border: var(--horizon-color-accent); --color-button-outline-border--disabled: var(--horizon-color-neutral-400); --color-button-ghost-bg: var(--horizon-color-transparent); --color-button-ghost-bg--hover: var(--horizon-color-level-two); --color-button-ghost-text: var(--horizon-color-neutral-50); --color-button-ghost-text--hover: var(--horizon-color-accent); --color-button-ghost-text--disabled: var(--horizon-color-neutral-400); --color-button-danger: var(--horizon-color-danger-200); --color-button-danger--hover: color-mix(in oklab, var(--horizon-color-danger-300) 80%, transparent); --color-checkbox-border: var(--horizon-color-neutral-100); --color-checkbox-border--focus: var(--horizon-color-accent); --color-checkbox-border--checked: var(--horizon-color-accent); --color-checkbox-indicator--checked: var(--horizon-color-accent); --color-data-card-description: var(--horizon-color-neutral-300); --color-dialog-bg: var(--horizon-color-level-one); --color-drawer-bg: var(--horizon-color-level-one); --color-input-border: color-mix(in oklab, var(--horizon-color-white) 10%, transparent); --color-input-border--hover: var(--horizon-color-neutral-300); --color-input-border--focus: var(--horizon-color-accent); --color-input-border--disabled: var(--horizon-color-neutral-500); --color-input-bg: var(--horizon-color-level-zero); --color-input-bg--hover: var(--horizon-color-level-four); --color-input-bg--disabled: var(--horizon-color-neutral-700); --color-input-bg--selected: var(--horizon-color-level-four); --color-input-text: var(--horizon-color-neutral-50); --color-input-text-prefix: var(--horizon-color-neutral-200); --color-input-text--disabled: var(--horizon-color-neutral-200); --color-input-text-placeholder: var(--horizon-color-neutral-500); --color-input-primitive-bg: var(--horizon-color-neutral-950); --color-input-primitive-border: var(--horizon-color-neutral-800); --color-input-otp-filled-bg: var(--horizon-color-level-two); --color-input-otp-filled-border: var(--horizon-color-level-two); --color-input-otp-filled-separator: var(--horizon-color-level-five); --color-input-otp-border: var(--horizon-color-neutral-300); --color-input-otp-border--focus: var(--horizon-color-accent); --color-input-otp-caret: var(--horizon-color-neutral-200); --color-kbd-bg: var(--horizon-color-level-two); --color-kbd-text: var(--color-text-secondary); --color-popover-bg: var(--horizon-color-level-one); --color-popover-text: var(--horizon-color-neutral-50); --color-radio-bg: var(--horizon-color-neutral-900); --color-radio-bg--selected: var(--horizon-color-accent); --color-radio-border: var(--horizon-color-neutral-800); --color-radio-border--hover: var(--horizon-color-accent); --color-radio-border--selected: var(--horizon-color-accent); --color-select-item-bg--hover: var(--horizon-color-level-four); --color-slider-track: var(--horizon-color-neutral-700); --color-slider-range: var(--horizon-color-neutral-50); --color-slider-thumb-border: var(--horizon-color-neutral-50); --color-slider-thumb-bg: var(--horizon-color-neutral-50); --color-slider-thumb-ring: var(--horizon-color-neutral-50); --color-switch-bg: var(--horizon-color-neutral-500); --color-switch-bg--checked: var(--horizon-color-success-500); --color-switch-thumb: var(--horizon-color-neutral-950); --color-tabs-bg: var(--horizon-color-level-one); --color-tabs-group-bg: var(--horizon-color-level-one); --color-tabs-indicator: var(--horizon-color-accent); --color-tabs-enclosed-indicator: var(--horizon-color-level-two); --color-tabs-border: var(--horizon-color-level-four); --color-toggle-bg: var(--horizon-color-level-two); --color-toggle-bg--active: var(--horizon-color-primary-700); --color-toggle-bg--hover: var(--horizon-color-level-four); --color-toggle-border: var(--horizon-color-transparent); --color-toggle-border--hover: var(--horizon-color-level-four); --color-toggle-border--active: var(--horizon-color-primary-700); --color-toggle-text: var(--horizon-color-neutral-50); --color-toggle-text--hover: var(--horizon-color-neutral-200); --color-toggle-text--active: var(--horizon-color-neutral-50); --color-toggle-outline-border: var(--horizon-color-transparent); --color-toggle-group-bg: var(--horizon-color-level-five); --color-tooltip-bg: var(--horizon-color-level-one); --color-tooltip-border: var(--horizon-color-white); --color-tooltip-arrow: var(--horizon-color-level-zero); }:root[data-theme=light]{--color-background: var(--horizon-color-neutral-50);--color-ring-offset: var(--horizon-color-neutral-50);--color-text-primary: var(--horizon-color-neutral-900);--color-text-secondary: var(--horizon-color-neutral-600);--color-card-bg: var(--horizon-color-level-one);--color-card-text: var(--horizon-color-neutral-900);--color-switch-bg: var(--horizon-color-neutral-300);--color-switch-bg--checked: var(--horizon-color-neutral-950);--color-switch-thumb: var(--horizon-color-neutral-50);--color-shadow-neumorphic: oklch(92.49% 0 0);--color-shadow-neumorphic-large: oklch(88.56% .0014 286.37)}@theme{ --font-sans: "Work Sans", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji"; --font-serif: "Bitter", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; --font-mono: "Source Code Pro", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; --ring: var(--color-accent); --ring-offset: var(--color-background); --animate-animate-in: animate-in; --animate-animate-out: animate-out; --animate-zoom-in-95: zoom-in-95; --animate-zoom-out-95: zoom-out-95; --animate-fade-in-0: fade-in-0; --animate-fade-out-0: fade-out-0; --animate-fade-in-tabs: fade-in-tabs .5s ease-in-out; --animate-slide-down-from-top: slide-down-from-top .3s ease-out; --animate-slide-up-to-top: slide-up-to-top .3s ease-out; --animate-fade-in-tabs-indicator: fade-in-tabs-indicator .3s ease-out; --animate-caret-blink: caret-blink 1.2s ease-out infinite; --animate-spin-around: spin-around .8s linear infinite; --animate-accordion-down: accordion-down .2s ease-out; --animate-accordion-up: accordion-up .2s ease-out; }@keyframes animate-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes animate-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes caret-blink{0%,70%,to{opacity:1}20%,50%{opacity:0}}@keyframes fade-in-0{0%{opacity:0}to{opacity:1}}@keyframes fade-out-0{0%{opacity:1}to{opacity:0}}@keyframes fade-in-tabs-indicator{0%{opacity:0;transform:translateY(-2rem)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down-from-top{0%{transform:translateY(-100%);opacity:0;scale:.95}to{transform:translateY(0);opacity:1;scale:1}}@keyframes slide-up-to-top{0%{transform:translateY(0);opacity:1;scale:1}to{transform:translateY(-100%);opacity:0;scale:.95}}@keyframes spin-around{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}@keyframes zoom-in-95{0%{opacity:0;transform:translate(-50%) translateY(-50%) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(-50%) scale(1)}}@keyframes zoom-out-95{0%{opacity:1;transform:translate(-50%) translateY(-50%) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-50%) scale(.95)}}@keyframes accordion-down{0%{height:0;opacity:0}to{height:var(--radix-accordion-content-height);opacity:1}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height);opacity:1}to{height:0;opacity:0}}@layer utilities{.spectral-root{isolation:isolate}[data-vaul-drawer] *,[data-vaul-drawer] *:before,[data-vaul-drawer] *:after{box-sizing:border-box!important}[vaul-drawer]{transition:transform .2s cubic-bezier(.165,.84,.44,1)!important}[vaul-overlay]{transition:opacity .2s cubic-bezier(.165,.84,.44,1)!important}.shadow-neumorphic-large{box-shadow:12px 12px 24px var(--color-shadow-neumorphic-large),-12px -12px 24px var(--color-white)}.shadow-neumorphic-small{box-shadow:4px 4px 8px var(--color-shadow-neumorphic),-4px -4px 8px var(--color-white)}.dialog-no-animations,.dialog-no-animations[data-state=open],.dialog-no-animations[data-state=closed]{animation:none!important;transform:translate(-50%) translateY(-50%)!important}svg:focus-visible,svg:focus{outline:none}.card-effects{background:linear-gradient(180deg,#ffffff03,#fff0),#26262680;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:.5px solid rgba(255,255,255,.05);border-radius:1rem;box-shadow:0 -1px #0000001a inset,0 20px 40px #00000040,0 15px 30px #00000026,0 5px 10px #0000000d}.tooltip-effects{background:linear-gradient(180deg,#ffffff03,#fff0),#26262680;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 -1px #0000001a inset,0 20px 40px #00000040,0 15px 30px #00000026,0 5px 10px #0000000d}.map-card-effects{background:var(--color-background);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:.5px solid rgba(255,255,255,.05);border-radius:1rem;box-shadow:0 -1px #0000001a inset,0 20px 40px #00000040,0 15px 30px #00000026,0 5px 10px #0000000d}@supports not (backdrop-filter: blur(0)){.card-effects{background-color:#22222599}}.rdp{margin:0}.rdp-root{padding-right:24px}.rdp-root .rdp-nav{position:absolute;z-index:9999}.rdp-root .rdp-nav .nav-prev,.rdp-root .rdp-nav .nav-next{align-items:center;display:flex;justify-content:center;position:absolute}:is(.rdp-root .rdp-nav .nav-prev,.rdp-root .rdp-nav .nav-next):hover{background-color:transparent;color:var(--color-text-secondary);cursor:pointer}.rdp-root .rdp-month_caption{align-items:center;display:flex;justify-content:center;padding-block-end:8px;position:relative}.rdp-root .rdp-month_caption .month-title{font-size:18px;font-weight:600}.rdp-root .rdp-day_button{border-color:transparent;border-radius:100%;height:40px;width:40px}.rdp-root .day.rdp-today{color:var(--color-accent);font-weight:600}.rdp-root .day.rdp-selected .rdp-day_button{background-color:var(--color-accent);border-radius:50%;color:var(--color-text-inverted);font-weight:600}.rdp-root .day.rdp-outside .rdp-day_button{opacity:.25}.rdp-root .day:not(.rdp-disabled):hover{background-color:var(--color-neutral-200);border-radius:50%;color:var(--color-text-inverted);cursor:pointer!important}.rdp-root .day.rdp-disabled .rdp-day_button{color:var(--color-text-disabled)}.rdp-root .day.rdp-hidden .rdp-day_button{visibility:hidden}.rdp-root .rdp-weekdays .rdp-weekday{color:var(--color-neutral-400);font-weight:500}:is(.rdp-root .hours,.rdp-root .minutes) input{max-width:22px;width:max-content}:is(.rdp-root .hours,.rdp-root .minutes) input.hours-input{text-align:right}:is(.rdp-root .hours,.rdp-root .minutes) input.minutes-input{text-align:left}:is(.rdp-root .hours,.rdp-root .minutes,.rdp-root .am-pm) input{border:0;font-size:16px}:is(.rdp-root .hours,.rdp-root .minutes,.rdp-root .am-pm) input:hover,:is(.rdp-root .hours,.rdp-root .minutes,.rdp-root .am-pm) input:focus,:is(.rdp-root .hours,.rdp-root .minutes,.rdp-root .am-pm) input:focus-visible{border:0;outline:0}.rdp-root .hours{align-items:center;display:flex;flex-direction:row}.rdp-root .hours input{text-align:right}.rdp-root .hours span{margin-inline:1px 2px}.rdp-root .am-pm{margin-inline-start:8px;width:auto}.rdp-root .am-pm button{background-color:transparent;border:0;font-size:14px;padding-inline:0}.rdp-root .am-pm button:hover{cursor:pointer}.rdp-root .am-pm button:focus,.rdp-root .am-pm button:focus-visible{outline:0}.rdp-root .am-pm button svg:not(.chevron-icon){display:none}.rdp-root .am-pm span:focus,.rdp-root .am-pm span:focus-visible{outline:0}.rdp-root .am-pm-dropdown{border-bottom-left-radius:4px;border-bottom-right-radius:4px;font-size:14px;margin-top:-5px;position:relative;width:58px;z-index:999}.rdp-root .am-pm-dropdown:hover{cursor:pointer}.rdp-root .am-pm-dropdown .am-pm-option{align-items:center;display:flex;height:24px;justify-content:center;padding-inline:8px;text-align:center;z-index:999}.rdp-root .am-pm-dropdown .am-pm-option:focus-visible,.rdp-root .am-pm-dropdown .am-pm-option:focus{outline:0}}@layer base{html{font-family:var(--font-sans)}*,*:before,*:after{box-sizing:border-box!important}html{scrollbar-gutter:stable}body{box-sizing:border-box;color:var(--color-text-primary);font-family:var(--font-sans)}body[data-scroll-locked]{margin-right:0!important;overflow-y:scroll!important;overscroll-behavior:contain;padding-right:0!important}body::-webkit-scrollbar{width:14px}body::-webkit-scrollbar-track{background:var(--color-level-zero);border-radius:0}body::-webkit-scrollbar-thumb{background:var(--color-level-three);border-radius:6px}@supports not selector(::-webkit-scrollbar){body{scrollbar-color:var(--color-level-three) var(--color-level-zero)}}h3{color:var(--color-text-primary);font-size:1.5rem;font-weight:700;margin:0}}
|
|
1
|
+
:root{--horizon-color-black: oklch(0% 0 0);--horizon-color-white: oklch(100% 0 0);--horizon-color-transparent: oklch(0 0 0 / 0%);--horizon-color-accent: oklch(92.53% .1976 123.38);--horizon-color-neutral-50: oklch(98.5% 0 0);--horizon-color-neutral-100: oklch(92.19% 0 0);--horizon-color-neutral-200: oklch(86.99% 0 0);--horizon-color-neutral-300: oklch(79.03% 0 0);--horizon-color-neutral-400: oklch(71.55% 0 0);--horizon-color-neutral-500: oklch(55.55% 0 0);--horizon-color-neutral-600: oklch(43.86% 0 0);--horizon-color-neutral-700: oklch(37.15% 0 0);--horizon-color-neutral-800: oklch(32.11% 0 0);--horizon-color-neutral-900: oklch(26.86% 0 0);--horizon-color-neutral-950: oklch(21.78% 0 0);--horizon-color-primary-50: oklch(97.37% .01 238);--horizon-color-primary-100: oklch(93.88% .03 242.35);--horizon-color-primary-200: oklch(89.3% .06 242.83);--horizon-color-primary-300: oklch(83.05% .09 240.33);--horizon-color-primary-400: oklch(74.57% .14 245.84);--horizon-color-primary-500: oklch(66.23% .18 254.28);--horizon-color-primary-600: oklch(58.57% .21 259.12);--horizon-color-primary-700: oklch(52.25% .21 261.44);--horizon-color-primary-800: oklch(42.44% .17 262.29);--horizon-color-primary-900: oklch(39.88% .14 261.51);--horizon-color-primary-950: oklch(29.27% .09 263.49);--horizon-color-level-zero: oklch(23.78% 0 0);--horizon-color-level-one: oklch(26.94% 0 0);--horizon-color-level-two: oklch(29.93% 0 0);--horizon-color-level-three: oklch(32.89% 0 0);--horizon-color-level-four: oklch(35.71% 0 0);--horizon-color-level-five: oklch(38.62% 0 0);--horizon-color-success-50: oklch(96.2% .044 156.743);--horizon-color-success-100: oklch(92.5% .084 155.995);--horizon-color-success-200: oklch(87.1% .15 154.449);--horizon-color-success-300: oklch(79.2% .209 151.711);--horizon-color-success-400: oklch(72.3% .219 149.579);--horizon-color-success-500: oklch(62.7% .194 149.214);--horizon-color-warning-50: oklch(95.4% .038 75.164);--horizon-color-warning-100: oklch(90.1% .076 70.697);--horizon-color-warning-200: oklch(83.7% .128 66.29);--horizon-color-warning-300: oklch(75% .183 55.934);--horizon-color-warning-400: oklch(70.5% .213 47.604);--horizon-color-warning-500: oklch(64.6% .222 41.116);--horizon-color-danger-50: oklch(93.6% .032 17.717);--horizon-color-danger-100: oklch(88.5% .062 18.334);--horizon-color-danger-200: oklch(80.8% .114 19.571);--horizon-color-danger-300: oklch(70.4% .191 22.216);--horizon-color-danger-400: oklch(57.7% .245 27.325);--horizon-color-danger-500: oklch(50.5% .213 27.518)}:root[data-theme=light]{--horizon-color-level-one: oklch(98.51% 0 0)}@theme{ --color-background: var(--horizon-color-neutral-950); --color-text-primary: var(--horizon-color-neutral-50); --color-text-inverted: var(--horizon-color-neutral-950); --color-text-secondary: var(--horizon-color-neutral-300); --color-text-disabled: var(--horizon-color-neutral-600); --color-border-primary: var(--horizon-color-neutral-900); --color-border-secondary: var(--horizon-color-neutral-700); --color-accent: var(--horizon-color-accent); --color-selected-primary: var(--horizon-color-primary-600); --color-divider-primary: var(--horizon-color-level-four); --color-overlay: color-mix(in oklab, var(--horizon-color-neutral-950) 40%, transparent); --color-level-zero: var(--horizon-color-level-zero); --color-level-one: var(--horizon-color-level-one); --color-level-two: var(--horizon-color-level-two); --color-level-three: var(--horizon-color-level-three); --color-level-four: var(--horizon-color-level-four); --color-level-five: var(--horizon-color-level-five); --color-success-50: var(--horizon-color-success-50); --color-success-100: var(--horizon-color-success-100); --color-success-200: var(--horizon-color-success-200); --color-success-300: var(--horizon-color-success-300); --color-success-400: var(--horizon-color-success-400); --color-success-500: var(--horizon-color-success-500); --color-warning-50: var(--horizon-color-warning-50); --color-warning-100: var(--horizon-color-warning-100); --color-warning-200: var(--horizon-color-warning-200); --color-warning-300: var(--horizon-color-warning-300); --color-warning-400: var(--horizon-color-warning-400); --color-warning-500: var(--horizon-color-warning-500); --color-danger-50: var(--horizon-color-danger-50); --color-danger-100: var(--horizon-color-danger-100); --color-danger-200: var(--horizon-color-danger-200); --color-danger-300: var(--horizon-color-danger-300); --color-danger-400: var(--horizon-color-danger-400); --color-danger-500: var(--horizon-color-danger-500); --color-alert-bg: var(--horizon-color-level-two); --color-alert-border: var(--horizon-color-level-three); --color-alert-text: var(--horizon-color-neutral-50); --color-alert-success-bg: var(--horizon-color-success-50); --color-alert-success-border: var(--horizon-color-success-500); --color-alert-success-text: var(--horizon-color-success-500); --color-alert-warning-bg: var(--horizon-color-warning-50); --color-alert-warning-border: var(--horizon-color-warning-500); --color-alert-warning-text: var(--horizon-color-warning-500); --color-alert-danger-bg: var(--horizon-color-danger-50); --color-alert-danger-border: var(--horizon-color-danger-500); --color-alert-danger-text: var(--horizon-color-danger-500); --color-alert-info-bg: var(--horizon-color-primary-50); --color-alert-info-border: var(--horizon-color-primary-700); --color-alert-info-text: var(--horizon-color-primary-700); --color-badge-primary-bg: var(--horizon-color-level-five); --color-badge-primary-bg--hover: var(--horizon-color-level-four); --color-badge-primary-bg--active: var(--horizon-color-primary-600); --color-badge-primary-border: var(--horizon-color-level-five); --color-badge-secondary-bg: var(--horizon-color-accent); --color-badge-secondary-border: var(--horizon-color-accent); --color-badge-secondary-text: var(--horizon-color-neutral-950); --color-badge-outline-bg: var(--horizon-color-transparent); --color-badge-outline-border: var(--horizon-color-level-five); --color-badge-destructive-bg: var(--horizon-color-danger-400); --color-badge-destructive-border: var(--horizon-color-danger-400); --color-button-primary-bg: var(--horizon-color-accent); --color-button-primary-bg--hover: var(--horizon-color-level-two); --color-button-primary-bg--disabled: var(--horizon-color-neutral-500); --color-button-primary-border: var(--horizon-color-accent); --color-button-primary-border--hover: var(--horizon-color-level-two); --color-button-primary-border--disabled: var(--horizon-color-neutral-500); --color-button-primary-text: var(--horizon-color-neutral-900); --color-button-primary-text--hover: var(--horizon-color-accent); --color-button-primary-text--disabled: var(--horizon-color-neutral-200); --color-button-secondary-bg: var(--horizon-color-level-two); --color-button-secondary-bg--hover: var(--horizon-color-accent); --color-button-secondary-bg--disabled: var(--horizon-color-neutral-500); --color-button-secondary-text: var(--horizon-color-neutral-50); --color-button-secondary-text--hover: var(--horizon-color-level-two); --color-button-secondary-text--disabled: var(--horizon-color-neutral-200); --color-button-secondary-border: var(--horizon-color-neutral-900); --color-button-secondary-border--disabled: var(--horizon-color-neutral-500); --color-button-outline-bg: var(--horizon-color-transparent); --color-button-outline-bg--hover: var(--horizon-color-level-two); --color-button-outline-text: var(--horizon-color-neutral-50); --color-button-outline-text--hover: var(--horizon-color-accent); --color-button-outline-text--disabled: var(--horizon-color-neutral-400); --color-button-outline-border: var(--horizon-color-accent); --color-button-outline-border--disabled: var(--horizon-color-neutral-400); --color-button-ghost-bg: var(--horizon-color-transparent); --color-button-ghost-bg--hover: var(--horizon-color-level-two); --color-button-ghost-text: var(--horizon-color-neutral-50); --color-button-ghost-text--hover: var(--horizon-color-accent); --color-button-ghost-text--disabled: var(--horizon-color-neutral-400); --color-button-danger: var(--horizon-color-danger-200); --color-button-danger--hover: color-mix(in oklab, var(--horizon-color-danger-300) 80%, transparent); --color-checkbox-border: var(--horizon-color-neutral-100); --color-checkbox-border--focus: var(--horizon-color-accent); --color-checkbox-border--checked: var(--horizon-color-accent); --color-checkbox-indicator--checked: var(--horizon-color-accent); --color-data-card-description: var(--horizon-color-neutral-300); --color-dialog-bg: var(--horizon-color-level-one); --color-drawer-bg: var(--horizon-color-level-one); --color-input-border: color-mix(in oklab, var(--horizon-color-white) 10%, transparent); --color-input-border--hover: var(--horizon-color-neutral-300); --color-input-border--focus: var(--horizon-color-accent); --color-input-border--disabled: var(--horizon-color-neutral-500); --color-input-bg: var(--horizon-color-level-zero); --color-input-bg--hover: var(--horizon-color-level-four); --color-input-bg--disabled: var(--horizon-color-neutral-700); --color-input-bg--selected: var(--horizon-color-level-four); --color-input-text: var(--horizon-color-neutral-50); --color-input-text-prefix: var(--horizon-color-neutral-200); --color-input-text--disabled: var(--horizon-color-neutral-200); --color-input-text-placeholder: var(--horizon-color-neutral-500); --color-input-primitive-bg: var(--horizon-color-neutral-950); --color-input-primitive-border: var(--horizon-color-neutral-800); --color-input-otp-filled-bg: var(--horizon-color-level-two); --color-input-otp-filled-border: var(--horizon-color-level-two); --color-input-otp-filled-separator: var(--horizon-color-level-five); --color-input-otp-border: var(--horizon-color-neutral-300); --color-input-otp-border--focus: var(--horizon-color-accent); --color-input-otp-caret: var(--horizon-color-neutral-200); --color-kbd-bg: var(--horizon-color-level-two); --color-kbd-text: var(--color-text-secondary); --color-popover-bg: var(--horizon-color-level-one); --color-popover-text: var(--horizon-color-neutral-50); --color-radio-bg: var(--horizon-color-neutral-900); --color-radio-bg--selected: var(--horizon-color-accent); --color-radio-border: var(--horizon-color-neutral-800); --color-radio-border--hover: var(--horizon-color-accent); --color-radio-border--selected: var(--horizon-color-accent); --color-radio-tile-border: color-mix(in oklab, var(--horizon-color-white) 10%, transparent); --color-radio-tile-border--hover: var(--horizon-color-neutral-300); --color-radio-tile-border--selected: var(--horizon-color-accent); --color-select-item-bg--hover: var(--horizon-color-level-four); --color-slider-track: var(--horizon-color-neutral-700); --color-slider-range: var(--horizon-color-neutral-50); --color-slider-thumb-border: var(--horizon-color-neutral-50); --color-slider-thumb-bg: var(--horizon-color-neutral-50); --color-slider-thumb-ring: var(--horizon-color-neutral-50); --color-switch-bg: var(--horizon-color-neutral-700); --color-switch-bg--checked: var(--horizon-color-white); --color-switch-thumb: var(--horizon-color-neutral-950); --color-switch-thumb--checked: var(--horizon-color-white); --color-tabs-bg: var(--horizon-color-level-one); --color-tabs-group-bg: var(--horizon-color-level-one); --color-tabs-indicator: var(--horizon-color-accent); --color-tabs-enclosed-indicator: var(--horizon-color-level-two); --color-tabs-border: var(--horizon-color-level-four); --color-toast-bg: var(--horizon-color-level-one); --color-toast-border: var(--horizon-color-level-four); --color-toast-text: var(--horizon-color-neutral-50); --color-toast-icon: var(--horizon-color-neutral-50); --color-toast-success-bg: color-mix(in oklab, var(--horizon-color-success-400) 10%, var(--horizon-color-neutral-950)); --color-toast-success-border: var(--horizon-color-success-400); --color-toast-success-text: var(--horizon-color-success-400); --color-toast-success-icon: var(--horizon-color-success-400); --color-toast-warning-bg: color-mix(in oklab, var(--horizon-color-warning-400) 10%, var(--horizon-color-neutral-950)); --color-toast-warning-border: var(--horizon-color-warning-400); --color-toast-warning-text: var(--horizon-color-warning-400); --color-toast-warning-icon: var(--horizon-color-warning-400); --color-toast-danger-bg: color-mix(in oklab, var(--horizon-color-danger-400) 10%, var(--horizon-color-neutral-950)); --color-toast-danger-border: var(--horizon-color-danger-400); --color-toast-danger-text: var(--horizon-color-danger-400); --color-toast-danger-icon: var(--horizon-color-danger-400); --color-toast-info-bg: color-mix(in oklab, var(--horizon-color-primary-400) 10%, var(--horizon-color-neutral-950)); --color-toast-info-border: var(--horizon-color-primary-400); --color-toast-info-text: var(--horizon-color-primary-400); --color-toast-info-icon: var(--horizon-color-primary-400); --color-toggle-bg: var(--horizon-color-level-two); --color-toggle-bg--active: var(--horizon-color-primary-500); --color-toggle-bg--hover: var(--horizon-color-level-four); --color-toggle-border: var(--horizon-color-transparent); --color-toggle-border--hover: var(--horizon-color-level-four); --color-toggle-border--active: var(--horizon-color-primary-500); --color-toggle-text: var(--horizon-color-neutral-50); --color-toggle-text--hover: var(--horizon-color-neutral-200); --color-toggle-text--active: var(--horizon-color-neutral-50); --color-toggle-outline-border: var(--horizon-color-neutral-600); --color-toggle-outline-border--hover: var(--horizon-color-neutral-400); --color-toggle-group-bg: var(--horizon-color-level-five); --color-tooltip-bg: var(--horizon-color-level-one); --color-tooltip-arrow: var(--horizon-color-level-one); --color-tooltip-outline-border: var(--horizon-color-level-four); --color-tooltip-outline-arrow: var(--horizon-color-level-four); }:root[data-theme=light]{--color-background: var(--horizon-color-neutral-50);--color-ring-offset: var(--horizon-color-neutral-50);--color-text-primary: var(--horizon-color-neutral-900);--color-text-secondary: var(--horizon-color-neutral-600);--color-card-bg: var(--horizon-color-level-one);--color-card-text: var(--horizon-color-neutral-900);--color-switch-bg: var(--horizon-color-neutral-300);--color-switch-bg--checked: var(--horizon-color-neutral-950);--color-switch-thumb: var(--horizon-color-neutral-50);--color-shadow-neumorphic: oklch(92.49% 0 0);--color-shadow-neumorphic-large: oklch(88.56% .0014 286.37)}@theme{ --font-sans: "Work Sans", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji"; --font-serif: "Bitter", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; --font-mono: "Source Code Pro", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; --ring: var(--color-accent); --ring-offset: var(--color-background); --animate-animate-in: animate-in; --animate-animate-out: animate-out; --animate-zoom-in-95: zoom-in-95; --animate-zoom-out-95: zoom-out-95; --animate-fade-in-0: fade-in-0; --animate-fade-out-0: fade-out-0; --animate-fade-in-tabs: fade-in-tabs .5s ease-in-out; --animate-slide-down-from-top: slide-down-from-top .3s ease-out; --animate-slide-up-to-top: slide-up-to-top .3s ease-out; --animate-fade-in-tabs-indicator: fade-in-tabs-indicator .3s ease-out; --animate-caret-blink: caret-blink 1.2s ease-out infinite; --animate-spin-around: spin-around .8s linear infinite; --animate-accordion-down: accordion-down .2s ease-out; --animate-accordion-up: accordion-up .2s ease-out; }@keyframes animate-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes animate-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes caret-blink{0%,70%,to{opacity:1}20%,50%{opacity:0}}@keyframes fade-in-0{0%{opacity:0}to{opacity:1}}@keyframes fade-out-0{0%{opacity:1}to{opacity:0}}@keyframes fade-in-tabs-indicator{0%{opacity:0;transform:translateY(-2rem)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down-from-top{0%{transform:translateY(-100%);opacity:0;scale:.95}to{transform:translateY(0);opacity:1;scale:1}}@keyframes slide-up-to-top{0%{transform:translateY(0);opacity:1;scale:1}to{transform:translateY(-100%);opacity:0;scale:.95}}@keyframes spin-around{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}@keyframes zoom-in-95{0%{opacity:0;transform:translate(-50%) translateY(-50%) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(-50%) scale(1)}}@keyframes zoom-out-95{0%{opacity:1;transform:translate(-50%) translateY(-50%) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-50%) scale(.95)}}@keyframes accordion-down{0%{height:0;opacity:0}to{height:var(--radix-accordion-content-height);opacity:1}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height);opacity:1}to{height:0;opacity:0}}@plugin "tailwindcss-animate";
|