@spear-ai/spectral 1.4.33 → 1.4.34
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.
|
@@ -1,10 +1,7 @@
|
|
|
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
|
-
|
|
6
3
|
/* dark default */
|
|
7
|
-
|
|
4
|
+
@theme {
|
|
8
5
|
--color-background: var(--horizon-color-neutral-950);
|
|
9
6
|
|
|
10
7
|
--color-text-primary: var(--horizon-color-neutral-50);
|
|
@@ -1,7 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
* Using :root instead of @theme so these work without Tailwind processing */
|
|
3
|
-
|
|
4
|
-
:root {
|
|
1
|
+
@theme {
|
|
5
2
|
--font-sans: 'Work Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji';
|
|
6
3
|
--font-serif: 'Bitter', ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
|
|
7
4
|
--font-mono: 'Source Code Pro', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Courier New', monospace;
|
|
@@ -22,121 +19,121 @@
|
|
|
22
19
|
--animate-fade-in-tabs-indicator: fade-in-tabs-indicator 0.3s ease-out;
|
|
23
20
|
--animate-caret-blink: caret-blink 1.2s ease-out infinite;
|
|
24
21
|
--animate-spin-around: spin-around 0.8s linear infinite;
|
|
25
|
-
}
|
|
26
22
|
|
|
27
|
-
@keyframes animate-in {
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
23
|
+
@keyframes animate-in {
|
|
24
|
+
from {
|
|
25
|
+
opacity: 0;
|
|
26
|
+
transform: scale(0.95);
|
|
27
|
+
}
|
|
28
|
+
to {
|
|
29
|
+
opacity: 1;
|
|
30
|
+
transform: scale(1);
|
|
31
|
+
}
|
|
35
32
|
}
|
|
36
|
-
}
|
|
37
33
|
|
|
38
|
-
@keyframes animate-out {
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
34
|
+
@keyframes animate-out {
|
|
35
|
+
from {
|
|
36
|
+
opacity: 1;
|
|
37
|
+
transform: scale(1);
|
|
38
|
+
}
|
|
39
|
+
to {
|
|
40
|
+
opacity: 0;
|
|
41
|
+
transform: scale(0.95);
|
|
42
|
+
}
|
|
46
43
|
}
|
|
47
|
-
}
|
|
48
44
|
|
|
49
|
-
@keyframes caret-blink {
|
|
50
|
-
|
|
51
|
-
|
|
45
|
+
@keyframes caret-blink {
|
|
46
|
+
0%, 70%, 100% {
|
|
47
|
+
opacity: 1;
|
|
48
|
+
}
|
|
49
|
+
20%, 50% {
|
|
50
|
+
opacity: 0;
|
|
51
|
+
}
|
|
52
52
|
}
|
|
53
|
-
20%, 50% {
|
|
54
|
-
opacity: 0;
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
53
|
|
|
58
|
-
@keyframes fade-in-0 {
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
54
|
+
@keyframes fade-in-0 {
|
|
55
|
+
from {
|
|
56
|
+
opacity: 0;
|
|
57
|
+
}
|
|
58
|
+
to {
|
|
59
|
+
opacity: 1;
|
|
60
|
+
}
|
|
64
61
|
}
|
|
65
|
-
}
|
|
66
62
|
|
|
67
|
-
@keyframes fade-out-0 {
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
63
|
+
@keyframes fade-out-0 {
|
|
64
|
+
from {
|
|
65
|
+
opacity: 1;
|
|
66
|
+
}
|
|
67
|
+
to {
|
|
68
|
+
opacity: 0;
|
|
69
|
+
}
|
|
73
70
|
}
|
|
74
|
-
}
|
|
75
71
|
|
|
76
|
-
@keyframes fade-in-tabs-indicator {
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
72
|
+
@keyframes fade-in-tabs-indicator {
|
|
73
|
+
from {
|
|
74
|
+
opacity: 0;
|
|
75
|
+
transform: translateY(-2rem);
|
|
76
|
+
}
|
|
77
|
+
to {
|
|
78
|
+
opacity: 1;
|
|
79
|
+
transform: translateY(0);
|
|
80
|
+
}
|
|
80
81
|
}
|
|
81
|
-
to {
|
|
82
|
-
opacity: 1;
|
|
83
|
-
transform: translateY(0);
|
|
84
|
-
}
|
|
85
|
-
}
|
|
86
82
|
|
|
87
|
-
@keyframes slide-down-from-top {
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
83
|
+
@keyframes slide-down-from-top {
|
|
84
|
+
from {
|
|
85
|
+
transform: translateY(-100%);
|
|
86
|
+
opacity: 0;
|
|
87
|
+
scale: 0.95;
|
|
88
|
+
}
|
|
89
|
+
to {
|
|
90
|
+
transform: translateY(0);
|
|
91
|
+
opacity: 1;
|
|
92
|
+
scale: 1;
|
|
93
|
+
}
|
|
97
94
|
}
|
|
98
|
-
}
|
|
99
95
|
|
|
100
|
-
@keyframes slide-up-to-top {
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
96
|
+
@keyframes slide-up-to-top {
|
|
97
|
+
from {
|
|
98
|
+
transform: translateY(0);
|
|
99
|
+
opacity: 1;
|
|
100
|
+
scale: 1;
|
|
101
|
+
}
|
|
102
|
+
to {
|
|
103
|
+
transform: translateY(-100%);
|
|
104
|
+
opacity: 0;
|
|
105
|
+
scale: 0.95;
|
|
106
|
+
}
|
|
110
107
|
}
|
|
111
|
-
}
|
|
112
108
|
|
|
113
|
-
@keyframes spin-around {
|
|
114
|
-
|
|
115
|
-
|
|
109
|
+
@keyframes spin-around {
|
|
110
|
+
0% {
|
|
111
|
+
transform: rotate(-90deg);
|
|
112
|
+
}
|
|
113
|
+
100% {
|
|
114
|
+
transform: rotate(270deg);
|
|
115
|
+
}
|
|
116
116
|
}
|
|
117
|
-
100% {
|
|
118
|
-
transform: rotate(270deg);
|
|
119
|
-
}
|
|
120
|
-
}
|
|
121
117
|
|
|
122
|
-
@keyframes zoom-in-95 {
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
118
|
+
@keyframes zoom-in-95 {
|
|
119
|
+
from {
|
|
120
|
+
opacity: 0;
|
|
121
|
+
transform: translateX(-50%) translateY(-50%) scale(0.95);
|
|
122
|
+
}
|
|
123
|
+
to {
|
|
124
|
+
opacity: 1;
|
|
125
|
+
transform: translateX(-50%) translateY(-50%) scale(1);
|
|
126
|
+
}
|
|
130
127
|
}
|
|
131
|
-
}
|
|
132
128
|
|
|
133
|
-
@keyframes zoom-out-95 {
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
129
|
+
@keyframes zoom-out-95 {
|
|
130
|
+
from {
|
|
131
|
+
opacity: 1;
|
|
132
|
+
transform: translateX(-50%) translateY(-50%) scale(1);
|
|
133
|
+
}
|
|
134
|
+
to {
|
|
135
|
+
opacity: 0;
|
|
136
|
+
transform: translateX(-50%) translateY(-50%) scale(0.95);
|
|
137
|
+
}
|
|
141
138
|
}
|
|
142
139
|
}
|