@spear-ai/spectral 1.4.32 → 1.4.33
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 +204 -210
- package/dist/{Card.js → DataCard/Card.js} +3 -3
- package/dist/DataCard.d.ts +1 -1
- package/dist/DataCard.js +1 -1
- package/dist/Select.js +1 -1
- package/dist/index.d.ts +0 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/styles/horizon/base.css +1 -41
- package/dist/styles/horizon/colors.css +4 -1
- package/dist/styles/horizon/theme.css +99 -96
- package/dist/styles/horizon/utilities.css +41 -0
- package/package.json +1 -1
- /package/dist/{Card.d.ts → DataCard/Card.d.ts} +0 -0
package/dist/.js
CHANGED
|
@@ -3,220 +3,214 @@ import { Alert as p } from "./Alert.js";
|
|
|
3
3
|
import { Avatar as m } from "./Avatar.js";
|
|
4
4
|
import { Badge as f } from "./Badge.js";
|
|
5
5
|
import { Button as I } from "./Button.js";
|
|
6
|
-
import { ButtonGroup as
|
|
7
|
-
import { ButtonIcon as
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
-
import {
|
|
21
|
-
import {
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
import {
|
|
26
|
-
import {
|
|
27
|
-
import {
|
|
28
|
-
import {
|
|
29
|
-
import {
|
|
30
|
-
import {
|
|
31
|
-
import {
|
|
32
|
-
import {
|
|
33
|
-
import {
|
|
34
|
-
import {
|
|
35
|
-
import {
|
|
36
|
-
import {
|
|
37
|
-
import {
|
|
38
|
-
import {
|
|
39
|
-
import {
|
|
40
|
-
import {
|
|
41
|
-
import {
|
|
42
|
-
import {
|
|
43
|
-
import {
|
|
44
|
-
import {
|
|
45
|
-
import {
|
|
46
|
-
import {
|
|
47
|
-
import {
|
|
48
|
-
import {
|
|
49
|
-
import {
|
|
50
|
-
import {
|
|
51
|
-
import {
|
|
52
|
-
import {
|
|
53
|
-
import {
|
|
54
|
-
import {
|
|
55
|
-
import {
|
|
56
|
-
import {
|
|
57
|
-
import {
|
|
58
|
-
import {
|
|
59
|
-
import {
|
|
60
|
-
import {
|
|
61
|
-
import {
|
|
62
|
-
import {
|
|
63
|
-
import {
|
|
64
|
-
import {
|
|
65
|
-
import {
|
|
66
|
-
import {
|
|
67
|
-
import {
|
|
68
|
-
import {
|
|
69
|
-
import {
|
|
70
|
-
import {
|
|
71
|
-
import {
|
|
72
|
-
import {
|
|
73
|
-
import {
|
|
74
|
-
import {
|
|
75
|
-
import {
|
|
76
|
-
import {
|
|
77
|
-
import {
|
|
78
|
-
import {
|
|
79
|
-
import {
|
|
80
|
-
import {
|
|
81
|
-
import {
|
|
82
|
-
import {
|
|
83
|
-
import {
|
|
84
|
-
import {
|
|
85
|
-
import {
|
|
86
|
-
import {
|
|
87
|
-
import {
|
|
88
|
-
import {
|
|
89
|
-
import {
|
|
90
|
-
import {
|
|
91
|
-
import {
|
|
92
|
-
import {
|
|
93
|
-
import {
|
|
94
|
-
import {
|
|
95
|
-
import {
|
|
96
|
-
import {
|
|
97
|
-
import {
|
|
98
|
-
import {
|
|
99
|
-
import { SpectralProvider as nt } from "./SpectralProvider.js";
|
|
6
|
+
import { ButtonGroup as u, ButtonGroupItem as l, ButtonGroupSeparator as i } from "./ButtonGroup.js";
|
|
7
|
+
import { ButtonIcon as d } from "./ButtonIcon.js";
|
|
8
|
+
import { Checkbox as g } from "./Checkbox.js";
|
|
9
|
+
import { DataCard as S } from "./DataCard.js";
|
|
10
|
+
import { Dialog as A } from "./Dialog.js";
|
|
11
|
+
import { Drawer as B } from "./Drawer.js";
|
|
12
|
+
import { HoverCard as L, HoverCardContent as b, HoverCardTrigger as h } from "./HoverCard.js";
|
|
13
|
+
import { Input as k } from "./Input.js";
|
|
14
|
+
import { InputGroup as y, InputGroupAddon as E, InputGroupButton as R, InputGroupInput as Z, InputGroupText as H, InputGroupTextarea as O } from "./InputGroup.js";
|
|
15
|
+
import { InputOTP as M } from "./InputOTP.js";
|
|
16
|
+
import { Kbd as q, KbdGroup as z } from "./Kbd.js";
|
|
17
|
+
import { Label as V } from "./Label.js";
|
|
18
|
+
import { Popover as X, PopoverContent as Y, PopoverTrigger as j } from "./Popover.js";
|
|
19
|
+
import { RadioButtonGroup as N, RadioButtonGroupItem as Q } from "./RadioButtonGroup.js";
|
|
20
|
+
import { RadioGroup as $, RadioGroupItem as oo } from "./RadioGroup.js";
|
|
21
|
+
import { Select as eo } from "./Select.js";
|
|
22
|
+
import { Separator as po } from "./Separator.js";
|
|
23
|
+
import { Skeleton as mo } from "./Skeleton.js";
|
|
24
|
+
import { Slider as fo } from "./Slider.js";
|
|
25
|
+
import { Switch as Io } from "./Switch.js";
|
|
26
|
+
import { Tabs as uo } from "./Tabs.js";
|
|
27
|
+
import { Textarea as io } from "./Textarea.js";
|
|
28
|
+
import { Toggle as Co } from "./Toggle.js";
|
|
29
|
+
import { ToggleGroup as To, ToggleGroupItem as So } from "./ToggleGroup.js";
|
|
30
|
+
import { Tooltip as Ao, TooltipContent as vo, TooltipTrigger as Bo } from "./Tooltip.js";
|
|
31
|
+
import { Tray as Lo } from "./Tray.js";
|
|
32
|
+
import { AnalyzeIcon as ho } from "./Icons/AnalyzeIcon.js";
|
|
33
|
+
import { AnnotationsIcon as ko } from "./Icons/AnnotationsIcon.js";
|
|
34
|
+
import { ApprovedIcon as yo } from "./Icons/ApprovedIcon.js";
|
|
35
|
+
import { ArrowDownIcon as Ro } from "./Icons/ArrowDownIcon.js";
|
|
36
|
+
import { ArrowUpIcon as Ho } from "./Icons/ArrowUpIcon.js";
|
|
37
|
+
import { CalendarIcon as Uo } from "./Icons/CalendarIcon.js";
|
|
38
|
+
import { CheckCircleIcon as Ko } from "./Icons/CheckCircleIcon.js";
|
|
39
|
+
import { CheckSquareIcon as zo } from "./Icons/CheckSquareIcon.js";
|
|
40
|
+
import { CheckmarkIcon as Vo } from "./Icons/CheckmarkIcon.js";
|
|
41
|
+
import { ChevronDownIcon as Xo } from "./Icons/ChevronDownIcon.js";
|
|
42
|
+
import { ChevronUpIcon as jo } from "./Icons/ChevronUpIcon.js";
|
|
43
|
+
import { ClockIcon as No } from "./Icons/ClockIcon.js";
|
|
44
|
+
import { CloseCircleIcon as _o } from "./Icons/CloseCircleIcon.js";
|
|
45
|
+
import { CloseIcon as or } from "./Icons/CloseIcon.js";
|
|
46
|
+
import { DashboardIcon as er } from "./Icons/DashboardIcon.js";
|
|
47
|
+
import { DatabaseIcon as pr } from "./Icons/DatabaseIcon.js";
|
|
48
|
+
import { DeleteIcon as mr } from "./Icons/DeleteIcon.js";
|
|
49
|
+
import { DurationIcon as fr } from "./Icons/DurationIcon.js";
|
|
50
|
+
import { EditIcon as Ir } from "./Icons/EditIcon.js";
|
|
51
|
+
import { EmailIcon as ur } from "./Icons/EmailIcon.js";
|
|
52
|
+
import { EraserIcon as ir } from "./Icons/EraserIcon.js";
|
|
53
|
+
import { ErrorIcon as dr } from "./Icons/ErrorIcon.js";
|
|
54
|
+
import { EyeClosedIcon as gr } from "./Icons/EyeClosedIcon.js";
|
|
55
|
+
import { EyeClosedIcon2 as Sr } from "./Icons/EyeClosedIcon2.js";
|
|
56
|
+
import { EyeOpenIcon as Ar } from "./Icons/EyeOpenIcon.js";
|
|
57
|
+
import { GoToFirstIcon as Br } from "./Icons/GoToFirstIcon.js";
|
|
58
|
+
import { GoToLastIcon as Lr } from "./Icons/GoToLastIcon.js";
|
|
59
|
+
import { HarmonicCursorsIcon as hr } from "./Icons/HarmonicCursorsIcon.js";
|
|
60
|
+
import { InfoIcon as kr } from "./Icons/InfoIcon.js";
|
|
61
|
+
import { LabelIcon as yr } from "./Icons/LabelIcon.js";
|
|
62
|
+
import { LassoIcon as Rr } from "./Icons/LassoIcon.js";
|
|
63
|
+
import { LineToolIcon as Hr } from "./Icons/LineToolIcon.js";
|
|
64
|
+
import { LineToolIcon2 as Ur } from "./Icons/LineToolIcon2.js";
|
|
65
|
+
import { LiveViewIcon as Kr } from "./Icons/LiveViewIcon.js";
|
|
66
|
+
import { LoaderIcon as zr } from "./Icons/LoaderIcon.js";
|
|
67
|
+
import { LocationIcon as Vr } from "./Icons/LocationIcon.js";
|
|
68
|
+
import { LogoutIcon as Xr } from "./Icons/LogoutIcon.js";
|
|
69
|
+
import { MessagesIcon as jr } from "./Icons/MessagesIcon.js";
|
|
70
|
+
import { MetadataIcon as Nr } from "./Icons/MetadataIcon.js";
|
|
71
|
+
import { MinusIcon as _r } from "./Icons/MinusIcon.js";
|
|
72
|
+
import { OntologyIcon as oe } from "./Icons/OntologyIcon.js";
|
|
73
|
+
import { PanelIconClose as ee } from "./Icons/PanelIconClose.js";
|
|
74
|
+
import { PanelIconOpen as pe } from "./Icons/PanelIconOpen.js";
|
|
75
|
+
import { PlayIcon as me } from "./Icons/PlayIcon.js";
|
|
76
|
+
import { PlusIcon as fe } from "./Icons/PlusIcon.js";
|
|
77
|
+
import { ResetIcon as Ie } from "./Icons/ResetIcon.js";
|
|
78
|
+
import { ReviewedIcon as ue } from "./Icons/ReviewedIcon.js";
|
|
79
|
+
import { ScissorsIcon as ie } from "./Icons/ScissorsIcon.js";
|
|
80
|
+
import { SettingsIcon as de } from "./Icons/SettingsIcon.js";
|
|
81
|
+
import { SortAscendingIcon as ge } from "./Icons/SortAscendingIcon.js";
|
|
82
|
+
import { SortAtoZIcon as Se } from "./Icons/SortAtoZIcon.js";
|
|
83
|
+
import { SortDescendingIcon as Ae } from "./Icons/SortDescendingIcon.js";
|
|
84
|
+
import { SortZtoAIcon as Be } from "./Icons/SortZtoAIcon.js";
|
|
85
|
+
import { StackIcon as Le } from "./Icons/StackIcon.js";
|
|
86
|
+
import { StarIcon as he } from "./Icons/StarIcon.js";
|
|
87
|
+
import { TrashIcon as ke } from "./Icons/TrashIcon.js";
|
|
88
|
+
import { UndoIcon as ye } from "./Icons/UndoIcon.js";
|
|
89
|
+
import { UserIcon as Re } from "./Icons/UserIcon.js";
|
|
90
|
+
import { WarningIcon as He } from "./Icons/WarningIcon.js";
|
|
91
|
+
import { ZoomAllIcon as Ue } from "./Icons/ZoomAllIcon.js";
|
|
92
|
+
import { ZoomXIcon as Ke } from "./Icons/ZoomXIcon.js";
|
|
93
|
+
import { ZoomYIcon as ze } from "./Icons/ZoomYIcon.js";
|
|
94
|
+
import { default as Ve, SvgIdContext as We } from "./Icons/IconBase.js";
|
|
95
|
+
import { useAccordionAutoScroll as Ye } from "./hooks/useAccordionAutoScroll.js";
|
|
96
|
+
import { useControllableState as Je } from "./hooks/useControllableState.js";
|
|
97
|
+
import { cn as Qe } from "./utils/twUtils.js";
|
|
98
|
+
import { SpectralProvider as $e } from "./SpectralProvider.js";
|
|
100
99
|
export {
|
|
101
100
|
e as Accordion,
|
|
102
101
|
p as Alert,
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
102
|
+
ho as AnalyzeIcon,
|
|
103
|
+
ko as AnnotationsIcon,
|
|
104
|
+
yo as ApprovedIcon,
|
|
105
|
+
Ro as ArrowDownIcon,
|
|
106
|
+
Ho as ArrowUpIcon,
|
|
108
107
|
m as Avatar,
|
|
109
108
|
f as Badge,
|
|
110
109
|
I as Button,
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
Ir as
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
y as
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
M as
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
Ae as
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
Lo as
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
Xe as ZoomXIcon,
|
|
218
|
-
je as ZoomYIcon,
|
|
219
|
-
tt as cn,
|
|
220
|
-
$e as useAccordionAutoScroll,
|
|
221
|
-
rt as useControllableState
|
|
110
|
+
u as ButtonGroup,
|
|
111
|
+
l as ButtonGroupItem,
|
|
112
|
+
i as ButtonGroupSeparator,
|
|
113
|
+
d as ButtonIcon,
|
|
114
|
+
Uo as CalendarIcon,
|
|
115
|
+
Ko as CheckCircleIcon,
|
|
116
|
+
zo as CheckSquareIcon,
|
|
117
|
+
g as Checkbox,
|
|
118
|
+
Vo as CheckmarkIcon,
|
|
119
|
+
Xo as ChevronDownIcon,
|
|
120
|
+
jo as ChevronUpIcon,
|
|
121
|
+
No as ClockIcon,
|
|
122
|
+
_o as CloseCircleIcon,
|
|
123
|
+
or as CloseIcon,
|
|
124
|
+
er as DashboardIcon,
|
|
125
|
+
S as DataCard,
|
|
126
|
+
pr as DatabaseIcon,
|
|
127
|
+
mr as DeleteIcon,
|
|
128
|
+
A as Dialog,
|
|
129
|
+
B as Drawer,
|
|
130
|
+
fr as DurationIcon,
|
|
131
|
+
Ir as EditIcon,
|
|
132
|
+
ur as EmailIcon,
|
|
133
|
+
ir as EraserIcon,
|
|
134
|
+
dr as ErrorIcon,
|
|
135
|
+
gr as EyeClosedIcon,
|
|
136
|
+
Sr as EyeClosedIcon2,
|
|
137
|
+
Ar as EyeOpenIcon,
|
|
138
|
+
Br as GoToFirstIcon,
|
|
139
|
+
Lr as GoToLastIcon,
|
|
140
|
+
hr as HarmonicCursorsIcon,
|
|
141
|
+
L as HoverCard,
|
|
142
|
+
b as HoverCardContent,
|
|
143
|
+
h as HoverCardTrigger,
|
|
144
|
+
Ve as IconBase,
|
|
145
|
+
kr as InfoIcon,
|
|
146
|
+
k as Input,
|
|
147
|
+
y as InputGroup,
|
|
148
|
+
E as InputGroupAddon,
|
|
149
|
+
R as InputGroupButton,
|
|
150
|
+
Z as InputGroupInput,
|
|
151
|
+
H as InputGroupText,
|
|
152
|
+
O as InputGroupTextarea,
|
|
153
|
+
M as InputOTP,
|
|
154
|
+
q as Kbd,
|
|
155
|
+
z as KbdGroup,
|
|
156
|
+
V as Label,
|
|
157
|
+
yr as LabelIcon,
|
|
158
|
+
Rr as LassoIcon,
|
|
159
|
+
Hr as LineToolIcon,
|
|
160
|
+
Ur as LineToolIcon2,
|
|
161
|
+
Kr as LiveViewIcon,
|
|
162
|
+
zr as LoaderIcon,
|
|
163
|
+
Vr as LocationIcon,
|
|
164
|
+
Xr as LogoutIcon,
|
|
165
|
+
jr as MessagesIcon,
|
|
166
|
+
Nr as MetadataIcon,
|
|
167
|
+
_r as MinusIcon,
|
|
168
|
+
oe as OntologyIcon,
|
|
169
|
+
ee as PanelIconClose,
|
|
170
|
+
pe as PanelIconOpen,
|
|
171
|
+
me as PlayIcon,
|
|
172
|
+
fe as PlusIcon,
|
|
173
|
+
X as Popover,
|
|
174
|
+
Y as PopoverContent,
|
|
175
|
+
j as PopoverTrigger,
|
|
176
|
+
N as RadioButtonGroup,
|
|
177
|
+
Q as RadioButtonGroupItem,
|
|
178
|
+
$ as RadioGroup,
|
|
179
|
+
oo as RadioGroupItem,
|
|
180
|
+
Ie as ResetIcon,
|
|
181
|
+
ue as ReviewedIcon,
|
|
182
|
+
ie as ScissorsIcon,
|
|
183
|
+
eo as Select,
|
|
184
|
+
po as Separator,
|
|
185
|
+
de as SettingsIcon,
|
|
186
|
+
mo as Skeleton,
|
|
187
|
+
fo as Slider,
|
|
188
|
+
ge as SortAscendingIcon,
|
|
189
|
+
Se as SortAtoZIcon,
|
|
190
|
+
Ae as SortDescendingIcon,
|
|
191
|
+
Be as SortZtoAIcon,
|
|
192
|
+
$e as SpectralProvider,
|
|
193
|
+
Le as StackIcon,
|
|
194
|
+
he as StarIcon,
|
|
195
|
+
We as SvgIdContext,
|
|
196
|
+
Io as Switch,
|
|
197
|
+
uo as Tabs,
|
|
198
|
+
io as Textarea,
|
|
199
|
+
Co as Toggle,
|
|
200
|
+
To as ToggleGroup,
|
|
201
|
+
So as ToggleGroupItem,
|
|
202
|
+
Ao as Tooltip,
|
|
203
|
+
vo as TooltipContent,
|
|
204
|
+
Bo as TooltipTrigger,
|
|
205
|
+
ke as TrashIcon,
|
|
206
|
+
Lo as Tray,
|
|
207
|
+
ye as UndoIcon,
|
|
208
|
+
Re as UserIcon,
|
|
209
|
+
He as WarningIcon,
|
|
210
|
+
Ue as ZoomAllIcon,
|
|
211
|
+
Ke as ZoomXIcon,
|
|
212
|
+
ze as ZoomYIcon,
|
|
213
|
+
Qe as cn,
|
|
214
|
+
Ye as useAccordionAutoScroll,
|
|
215
|
+
Je as useControllableState
|
|
222
216
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import "
|
|
1
|
+
import "../styles/main.css";
|
|
2
2
|
import { jsx as e } from "react/jsx-runtime";
|
|
3
|
-
import { Slot as c } from "
|
|
4
|
-
import { cn as d } from "
|
|
3
|
+
import { Slot as c } from "../primitives/slot.js";
|
|
4
|
+
import { cn as d } from "../utils/twUtils.js";
|
|
5
5
|
import "react";
|
|
6
6
|
const o = "text-text-primary flex flex-col w-full card-effects p-3 gap-6 rounded-xl", f = ({ ...t }) => /* @__PURE__ */ e("div", { "data-slot": "card", "data-testid": "spectral-card", ...t }), C = ({ className: t, ...a }) => /* @__PURE__ */ e("div", { "data-slot": "card-header", "data-testid": "spectral-card-header", className: d("@container/card-header flex items-center justify-between pb-4", t), ...a }), u = ({ className: t, asChild: a = !1, ...r }) => /* @__PURE__ */ e(a ? c : "div", { "data-slot": "card-title", "data-testid": "spectral-card-title", className: d("text-xl font-semibold", t), ...r }), x = ({ className: t, asChild: a = !1, ...r }) => /* @__PURE__ */ e(a ? c : "div", { "data-slot": "card-action", "data-testid": "spectral-card-action", className: d("justify-self-end", t), ...r }), v = ({ className: t, ...a }) => /* @__PURE__ */ e("div", { "data-slot": "card-content", "data-testid": "spectral-card-content", className: t, ...a }), N = ({ className: t, asChild: a = !1, children: r, ...s }) => /* @__PURE__ */ e(a ? c : "div", { "data-slot": "card", "data-testid": "spectral-card", className: d(o, t), ...s, children: r });
|
|
7
7
|
export {
|
package/dist/DataCard.d.ts
CHANGED
package/dist/DataCard.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import "./styles/main.css";
|
|
2
2
|
import { jsxs as t, jsx as a } from "react/jsx-runtime";
|
|
3
|
-
import { Card as o, CardHeader as p, CardTitle as n, CardContent as m } from "./Card.js";
|
|
3
|
+
import { Card as o, CardHeader as p, CardTitle as n, CardContent as m } from "./DataCard/Card.js";
|
|
4
4
|
import { cn as x } from "./utils/twUtils.js";
|
|
5
5
|
import "react";
|
|
6
6
|
const C = ({ accentColor: d, cardHeaderEndSlot: e, className: r, dataDescription: s, dataValue: c, title: l, ...i }) => /* @__PURE__ */ t(o, { className: x("card-effects gap-4", r), ...i, "data-testid": "spectral-datacard", children: [
|
package/dist/Select.js
CHANGED
|
@@ -119,7 +119,7 @@ const Nt = ({
|
|
|
119
119
|
] });
|
|
120
120
|
};
|
|
121
121
|
return /* @__PURE__ */ r("div", { className: "w-full", children: [
|
|
122
|
-
l && /* @__PURE__ */ t(C, { "data-testid": "spectral-select-label", htmlFor: i, className: s("text-text-primary mb-
|
|
122
|
+
l && /* @__PURE__ */ t(C, { "data-testid": "spectral-select-label", htmlFor: i, className: s("text-text-primary mb-2 block", n, d && "text-text-secondary"), children: l }),
|
|
123
123
|
/* @__PURE__ */ r(X, { "data-testid": "spectral-select", defaultValue: k, disabled: d, name: u, onOpenChange: R, onValueChange: q, open: b, required: o.required, value: g, children: [
|
|
124
124
|
/* @__PURE__ */ t(
|
|
125
125
|
Y,
|
package/dist/index.d.ts
CHANGED
|
@@ -5,7 +5,6 @@ export { Badge, type BadgeProps } from './components/Badge/Badge';
|
|
|
5
5
|
export { Button, type ButtonProps } from './components/Button/Button';
|
|
6
6
|
export { ButtonGroup, ButtonGroupItem, ButtonGroupSeparator, type ButtonGroupProps } from './components/ButtonGroup/ButtonGroup';
|
|
7
7
|
export { ButtonIcon, type ButtonIconProps } from './components/ButtonIcon/ButtonIcon';
|
|
8
|
-
export { Card, CardContent, CardHeader, CardHeaderEndSlot, CardTitle, type CardProps } from './components/Card/Card';
|
|
9
8
|
export { Checkbox, type CheckboxProps } from './components/Checkbox/Checkbox';
|
|
10
9
|
export { DataCard, type DataCardProps } from './components/DataCard/DataCard';
|
|
11
10
|
export { Dialog } from './components/Dialog/Dialog';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,kCAAkC,CAAA;AACjF,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACrE,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACrE,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,oBAAoB,EAAE,KAAK,gBAAgB,EAAE,MAAM,sCAAsC,CAAA;AAChI,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,oCAAoC,CAAA;AACrF,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
/* raw element styles & resets - global typography, normalize, html/body rules */
|
|
2
|
+
/* DO NOT put any styles needed in the bundled version of Spectral as they will not be included */
|
|
2
3
|
|
|
3
4
|
@layer base {
|
|
4
5
|
|
|
@@ -24,45 +25,4 @@
|
|
|
24
25
|
font-weight: 700;
|
|
25
26
|
margin: 0;
|
|
26
27
|
}
|
|
27
|
-
|
|
28
|
-
[data-vaul-drawer] *,
|
|
29
|
-
[data-vaul-drawer] *::before,
|
|
30
|
-
[data-vaul-drawer] *::after {
|
|
31
|
-
box-sizing: border-box !important;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
svg:focus-visible,
|
|
35
|
-
svg:focus {
|
|
36
|
-
outline: none;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
.card-effects {
|
|
40
|
-
background: linear-gradient(180deg, rgba(255, 255, 255, 0.01) 0%, rgba(255, 255, 255, 0.00) 100%), rgba(38, 38, 38, 0.50);
|
|
41
|
-
backdrop-filter: blur(12px);
|
|
42
|
-
border: 0.5px solid rgba(255, 255, 255, 0.05);
|
|
43
|
-
border-radius: 1rem;
|
|
44
|
-
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);
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
.tooltip-effects {
|
|
48
|
-
background: linear-gradient(180deg, rgba(255, 255, 255, 0.01) 0%, rgba(255, 255, 255, 0.00) 100%), rgba(38, 38, 38, 0.50);
|
|
49
|
-
backdrop-filter: blur(12px);
|
|
50
|
-
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);
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
.map-card-effects {
|
|
54
|
-
background: var(--color-background);
|
|
55
|
-
backdrop-filter: blur(12px);
|
|
56
|
-
border: 0.5px solid rgba(255, 255, 255, 0.05);
|
|
57
|
-
border-radius: 1rem;
|
|
58
|
-
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);
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
@supports not (backdrop-filter: blur(0)) {
|
|
62
|
-
|
|
63
|
-
.card-effects {
|
|
64
|
-
/* Fallback: slightly opaque fill to hint depth without blur */
|
|
65
|
-
background-color: hsla(240, 4%, 14%, 0.6);
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
28
|
}
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
@import './base-colors.css';
|
|
2
2
|
|
|
3
|
+
/* Semantic color tokens - these reference the base colors from base-colors.css
|
|
4
|
+
* Using :root instead of @theme so these work without Tailwind processing */
|
|
5
|
+
|
|
3
6
|
/* dark default */
|
|
4
|
-
|
|
7
|
+
:root {
|
|
5
8
|
--color-background: var(--horizon-color-neutral-950);
|
|
6
9
|
|
|
7
10
|
--color-text-primary: var(--horizon-color-neutral-50);
|
|
@@ -1,4 +1,7 @@
|
|
|
1
|
-
|
|
1
|
+
/* Theme variables and animations
|
|
2
|
+
* Using :root instead of @theme so these work without Tailwind processing */
|
|
3
|
+
|
|
4
|
+
:root {
|
|
2
5
|
--font-sans: 'Work Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji';
|
|
3
6
|
--font-serif: 'Bitter', ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
|
|
4
7
|
--font-mono: 'Source Code Pro', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Courier New', monospace;
|
|
@@ -19,121 +22,121 @@
|
|
|
19
22
|
--animate-fade-in-tabs-indicator: fade-in-tabs-indicator 0.3s ease-out;
|
|
20
23
|
--animate-caret-blink: caret-blink 1.2s ease-out infinite;
|
|
21
24
|
--animate-spin-around: spin-around 0.8s linear infinite;
|
|
25
|
+
}
|
|
22
26
|
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
}
|
|
27
|
+
@keyframes animate-in {
|
|
28
|
+
from {
|
|
29
|
+
opacity: 0;
|
|
30
|
+
transform: scale(0.95);
|
|
31
|
+
}
|
|
32
|
+
to {
|
|
33
|
+
opacity: 1;
|
|
34
|
+
transform: scale(1);
|
|
32
35
|
}
|
|
36
|
+
}
|
|
33
37
|
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
}
|
|
38
|
+
@keyframes animate-out {
|
|
39
|
+
from {
|
|
40
|
+
opacity: 1;
|
|
41
|
+
transform: scale(1);
|
|
42
|
+
}
|
|
43
|
+
to {
|
|
44
|
+
opacity: 0;
|
|
45
|
+
transform: scale(0.95);
|
|
43
46
|
}
|
|
47
|
+
}
|
|
44
48
|
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
}
|
|
49
|
-
20%, 50% {
|
|
50
|
-
opacity: 0;
|
|
51
|
-
}
|
|
49
|
+
@keyframes caret-blink {
|
|
50
|
+
0%, 70%, 100% {
|
|
51
|
+
opacity: 1;
|
|
52
52
|
}
|
|
53
|
+
20%, 50% {
|
|
54
|
+
opacity: 0;
|
|
55
|
+
}
|
|
56
|
+
}
|
|
53
57
|
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
}
|
|
58
|
+
@keyframes fade-in-0 {
|
|
59
|
+
from {
|
|
60
|
+
opacity: 0;
|
|
61
|
+
}
|
|
62
|
+
to {
|
|
63
|
+
opacity: 1;
|
|
61
64
|
}
|
|
65
|
+
}
|
|
62
66
|
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
}
|
|
67
|
+
@keyframes fade-out-0 {
|
|
68
|
+
from {
|
|
69
|
+
opacity: 1;
|
|
70
|
+
}
|
|
71
|
+
to {
|
|
72
|
+
opacity: 0;
|
|
70
73
|
}
|
|
74
|
+
}
|
|
71
75
|
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
}
|
|
77
|
-
to {
|
|
78
|
-
opacity: 1;
|
|
79
|
-
transform: translateY(0);
|
|
80
|
-
}
|
|
76
|
+
@keyframes fade-in-tabs-indicator {
|
|
77
|
+
from {
|
|
78
|
+
opacity: 0;
|
|
79
|
+
transform: translateY(-2rem);
|
|
81
80
|
}
|
|
81
|
+
to {
|
|
82
|
+
opacity: 1;
|
|
83
|
+
transform: translateY(0);
|
|
84
|
+
}
|
|
85
|
+
}
|
|
82
86
|
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
}
|
|
87
|
+
@keyframes slide-down-from-top {
|
|
88
|
+
from {
|
|
89
|
+
transform: translateY(-100%);
|
|
90
|
+
opacity: 0;
|
|
91
|
+
scale: 0.95;
|
|
92
|
+
}
|
|
93
|
+
to {
|
|
94
|
+
transform: translateY(0);
|
|
95
|
+
opacity: 1;
|
|
96
|
+
scale: 1;
|
|
94
97
|
}
|
|
98
|
+
}
|
|
95
99
|
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
}
|
|
100
|
+
@keyframes slide-up-to-top {
|
|
101
|
+
from {
|
|
102
|
+
transform: translateY(0);
|
|
103
|
+
opacity: 1;
|
|
104
|
+
scale: 1;
|
|
105
|
+
}
|
|
106
|
+
to {
|
|
107
|
+
transform: translateY(-100%);
|
|
108
|
+
opacity: 0;
|
|
109
|
+
scale: 0.95;
|
|
107
110
|
}
|
|
111
|
+
}
|
|
108
112
|
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
}
|
|
113
|
-
100% {
|
|
114
|
-
transform: rotate(270deg);
|
|
115
|
-
}
|
|
113
|
+
@keyframes spin-around {
|
|
114
|
+
0% {
|
|
115
|
+
transform: rotate(-90deg);
|
|
116
116
|
}
|
|
117
|
+
100% {
|
|
118
|
+
transform: rotate(270deg);
|
|
119
|
+
}
|
|
120
|
+
}
|
|
117
121
|
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
}
|
|
122
|
+
@keyframes zoom-in-95 {
|
|
123
|
+
from {
|
|
124
|
+
opacity: 0;
|
|
125
|
+
transform: translateX(-50%) translateY(-50%) scale(0.95);
|
|
126
|
+
}
|
|
127
|
+
to {
|
|
128
|
+
opacity: 1;
|
|
129
|
+
transform: translateX(-50%) translateY(-50%) scale(1);
|
|
127
130
|
}
|
|
131
|
+
}
|
|
128
132
|
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
}
|
|
133
|
+
@keyframes zoom-out-95 {
|
|
134
|
+
from {
|
|
135
|
+
opacity: 1;
|
|
136
|
+
transform: translateX(-50%) translateY(-50%) scale(1);
|
|
137
|
+
}
|
|
138
|
+
to {
|
|
139
|
+
opacity: 0;
|
|
140
|
+
transform: translateX(-50%) translateY(-50%) scale(0.95);
|
|
138
141
|
}
|
|
139
142
|
}
|
|
@@ -2,6 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
@layer utilities {
|
|
4
4
|
|
|
5
|
+
[data-vaul-drawer] *,
|
|
6
|
+
[data-vaul-drawer] *::before,
|
|
7
|
+
[data-vaul-drawer] *::after {
|
|
8
|
+
box-sizing: border-box !important;
|
|
9
|
+
}
|
|
10
|
+
|
|
5
11
|
[vaul-drawer] {
|
|
6
12
|
transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
|
|
7
13
|
}
|
|
@@ -33,6 +39,41 @@
|
|
|
33
39
|
transform: translateX(-50%) translateY(-50%) !important;
|
|
34
40
|
}
|
|
35
41
|
|
|
42
|
+
svg:focus-visible,
|
|
43
|
+
svg:focus {
|
|
44
|
+
outline: none;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
.card-effects {
|
|
48
|
+
background: linear-gradient(180deg, rgba(255, 255, 255, 0.01) 0%, rgba(255, 255, 255, 0.00) 100%), rgba(38, 38, 38, 0.50);
|
|
49
|
+
backdrop-filter: blur(12px);
|
|
50
|
+
border: 0.5px solid rgba(255, 255, 255, 0.05);
|
|
51
|
+
border-radius: 1rem;
|
|
52
|
+
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);
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
.tooltip-effects {
|
|
56
|
+
background: linear-gradient(180deg, rgba(255, 255, 255, 0.01) 0%, rgba(255, 255, 255, 0.00) 100%), rgba(38, 38, 38, 0.50);
|
|
57
|
+
backdrop-filter: blur(12px);
|
|
58
|
+
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);
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.map-card-effects {
|
|
62
|
+
background: var(--color-background);
|
|
63
|
+
backdrop-filter: blur(12px);
|
|
64
|
+
border: 0.5px solid rgba(255, 255, 255, 0.05);
|
|
65
|
+
border-radius: 1rem;
|
|
66
|
+
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);
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
@supports not (backdrop-filter: blur(0)) {
|
|
70
|
+
|
|
71
|
+
.card-effects {
|
|
72
|
+
/* Fallback: slightly opaque fill to hint depth without blur */
|
|
73
|
+
background-color: hsla(240, 4%, 14%, 0.6);
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
|
|
36
77
|
body {
|
|
37
78
|
|
|
38
79
|
&::-webkit-scrollbar {
|
package/package.json
CHANGED
|
File without changes
|