grav-svelte 0.0.65 → 0.0.67
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.
|
@@ -5,20 +5,16 @@
|
|
|
5
5
|
export let obligatory = false;
|
|
6
6
|
export let icon: string | null = null;
|
|
7
7
|
|
|
8
|
-
// Preset colors
|
|
8
|
+
// Preset colors - 8 distinct colors
|
|
9
9
|
const presetColors = [
|
|
10
10
|
"#3B82F6", // Blue
|
|
11
11
|
"#10B981", // Green
|
|
12
12
|
"#8B5CF6", // Purple
|
|
13
|
-
"#F59E0B", //
|
|
13
|
+
"#F59E0B", // Amber
|
|
14
14
|
"#EF4444", // Red
|
|
15
15
|
"#EC4899", // Pink
|
|
16
16
|
"#06B6D4", // Cyan
|
|
17
17
|
"#84CC16", // Lime
|
|
18
|
-
"#F97316", // Orange 2
|
|
19
|
-
"#6366F1", // Indigo
|
|
20
|
-
"#14B8A6", // Teal
|
|
21
|
-
"#A855F7", // Purple 2
|
|
22
18
|
];
|
|
23
19
|
|
|
24
20
|
function selectColor(color: string) {
|
|
@@ -162,9 +158,9 @@
|
|
|
162
158
|
|
|
163
159
|
.preset-colors-grid {
|
|
164
160
|
display: grid;
|
|
165
|
-
grid-template-columns: repeat(
|
|
161
|
+
grid-template-columns: repeat(4, 1fr);
|
|
166
162
|
gap: 0.5rem;
|
|
167
|
-
max-width:
|
|
163
|
+
max-width: 140px;
|
|
168
164
|
}
|
|
169
165
|
|
|
170
166
|
.color-swatch {
|
|
@@ -178,7 +174,7 @@
|
|
|
178
174
|
align-items: center;
|
|
179
175
|
justify-content: center;
|
|
180
176
|
position: relative;
|
|
181
|
-
min-height:
|
|
177
|
+
min-height: 20px;
|
|
182
178
|
}
|
|
183
179
|
|
|
184
180
|
.color-swatch:hover:not(:disabled) {
|
|
@@ -197,8 +193,8 @@
|
|
|
197
193
|
}
|
|
198
194
|
|
|
199
195
|
.checkmark {
|
|
200
|
-
width:
|
|
201
|
-
height:
|
|
196
|
+
width: 12px;
|
|
197
|
+
height: 12px;
|
|
202
198
|
filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));
|
|
203
199
|
}
|
|
204
200
|
|
|
@@ -275,7 +271,7 @@
|
|
|
275
271
|
}
|
|
276
272
|
|
|
277
273
|
.color-swatch {
|
|
278
|
-
min-height:
|
|
274
|
+
min-height: 18px;
|
|
279
275
|
}
|
|
280
276
|
|
|
281
277
|
.color-preview {
|