cognite-create 0.3.15 → 0.3.17
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/bin/index.js +1 -0
- package/package.json +7 -7
- package/templates/.cursor/rules/general.mdc +1 -1
- package/templates/components.json +2 -2
- package/templates/src/index.css +235 -67
- package/templates/tsconfig.app.json +0 -11
- package/templates/tsconfig.json +1 -6
- package/templates/tsconfig.node.json +1 -12
package/bin/index.js
CHANGED
|
@@ -21,6 +21,7 @@ const REQUIRED_DEPENDENCIES = [
|
|
|
21
21
|
{ name: "@tabler/icons-react", version: "^3.35.0" },
|
|
22
22
|
{ name: "@radix-ui/react-avatar", version: "^1.1.11" },
|
|
23
23
|
{ name: "@radix-ui/react-scroll-area", version: "^1.2.10" },
|
|
24
|
+
{ name: "cmdk", version: "^1.1.1" },
|
|
24
25
|
];
|
|
25
26
|
|
|
26
27
|
const REQUIRED_DEV_DEPENDENCIES = [
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "cognite-create",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.17",
|
|
4
4
|
"description": "Create a Next.js app preconfigured with Cognite defaults.",
|
|
5
5
|
"bin": {
|
|
6
6
|
"cognite-create": "./bin/index.js"
|
|
@@ -9,15 +9,15 @@
|
|
|
9
9
|
"bin",
|
|
10
10
|
"templates"
|
|
11
11
|
],
|
|
12
|
-
"scripts": {
|
|
13
|
-
"test": "vitest run",
|
|
14
|
-
"test:watch": "vitest"
|
|
15
|
-
},
|
|
16
12
|
"engines": {
|
|
17
13
|
"node": ">=18.0.0"
|
|
18
14
|
},
|
|
19
15
|
"devDependencies": {
|
|
20
16
|
"vitest": "^4.0.0"
|
|
21
17
|
},
|
|
22
|
-
"license": "UNLICENSED"
|
|
23
|
-
|
|
18
|
+
"license": "UNLICENSED",
|
|
19
|
+
"scripts": {
|
|
20
|
+
"test": "vitest run",
|
|
21
|
+
"test:watch": "vitest"
|
|
22
|
+
}
|
|
23
|
+
}
|
|
@@ -65,7 +65,7 @@ UI Enhancement: Prefer select dropdowns with built-in search for better user exp
|
|
|
65
65
|
WATCH OUT FOR THIS BUG WITH SHADCN SELECTS:
|
|
66
66
|
A <Select.Item /> must have a value prop that is not an empty string. This is because the Select value can be set to an empty string to clear the selection and show the placeholder.
|
|
67
67
|
|
|
68
|
-
src/components/ui/
|
|
68
|
+
src/components/ui/aura/select.tsx (107:5) @ SelectItem
|
|
69
69
|
|
|
70
70
|
105 | }: React.ComponentProps<typeof SelectPrimitive.Item>) {
|
|
71
71
|
106 | return (
|
|
@@ -12,12 +12,12 @@
|
|
|
12
12
|
},
|
|
13
13
|
"aliases": {
|
|
14
14
|
"components": "@/components",
|
|
15
|
-
"utils": "@/
|
|
15
|
+
"utils": "@/common/utils",
|
|
16
16
|
"ui": "@/components/ui",
|
|
17
17
|
"lib": "@/lib",
|
|
18
18
|
"hooks": "@/hooks"
|
|
19
19
|
},
|
|
20
20
|
"registries": {
|
|
21
|
-
"@
|
|
21
|
+
"@aura": "https://cognitedata.github.io/aura/r/{name}.json"
|
|
22
22
|
}
|
|
23
23
|
}
|
package/templates/src/index.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Source+Code+Pro:wght@200..900&display=swap');
|
|
2
|
-
@import
|
|
3
|
-
@import
|
|
2
|
+
@import 'tailwindcss';
|
|
3
|
+
@import 'tw-animate-css';
|
|
4
4
|
|
|
5
5
|
@custom-variant dark (&:is(.dark *));
|
|
6
6
|
|
|
@@ -9,14 +9,43 @@
|
|
|
9
9
|
@variant dark (.dark &);
|
|
10
10
|
|
|
11
11
|
@theme inline {
|
|
12
|
-
|
|
13
|
-
--
|
|
14
|
-
--
|
|
12
|
+
/* Typography scale overrides - font sizes */
|
|
13
|
+
--text-2xs: 0.625rem; /* 10px */
|
|
14
|
+
--text-3xl: 1.75rem; /* 28px (TW default is 30px) */
|
|
15
|
+
--text-4xl: 2rem; /* 32px (TW default is 36px) */
|
|
16
|
+
--text-5xl: 2.25rem; /* 36px (TW default is 48px) */
|
|
17
|
+
|
|
18
|
+
/* Typography scale overrides - line heights */
|
|
19
|
+
--text-2xs--line-height: 0.75rem; /* 12px */
|
|
20
|
+
--text-xs--line-height: 0.875rem; /* 14px (TW default is 16px) */
|
|
21
|
+
--text-sm--line-height: 1.125rem; /* 18px (TW default is 20px) */
|
|
22
|
+
--text-base--line-height: 1.25rem; /* 20px (TW default is 24px) */
|
|
23
|
+
--text-lg--line-height: 1.5rem; /* 24px (TW default is 28px) */
|
|
24
|
+
--text-xl--line-height: 1.5rem; /* 24px (TW default is 28px) */
|
|
25
|
+
--text-2xl--line-height: 1.75rem; /* 28px (TW default is 32px) */
|
|
26
|
+
--text-3xl--line-height: 2rem; /* 32px (TW default is 36px) */
|
|
27
|
+
--text-5xl--line-height: 2.75rem; /* 44px (TW default is 1) */
|
|
28
|
+
|
|
15
29
|
--font-sans: var(--font-inter);
|
|
16
30
|
--font-mono: var(--font-source-code-pro);
|
|
17
|
-
--
|
|
18
|
-
--
|
|
31
|
+
--tracking-tight: -0.04px;
|
|
32
|
+
--tracking-tighter: -0.08px;
|
|
19
33
|
--tracking-tightest: -0.1px;
|
|
34
|
+
--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05); /* tooltips; small containers */
|
|
35
|
+
--shadow-default: /* menus; popovers; hover cards */
|
|
36
|
+
0 1px 3px 0 rgba(0, 0, 0, 0.1),
|
|
37
|
+
0 1px 2px 0 rgba(0, 0, 0, 0.06);
|
|
38
|
+
--shadow-md: /* sonner; temporary elements */
|
|
39
|
+
0 4px 6px -1px rgba(0, 0, 0, 0.1),
|
|
40
|
+
0 2px 4px -1px rgba(0, 0, 0, 0.06);
|
|
41
|
+
--shadow-lg: /* modals; dialogs without backdrop overlay */
|
|
42
|
+
0 10px 15px -3px rgba(0, 0, 0, 0.1),
|
|
43
|
+
0 4px 6px -2px rgba(0, 0, 0, 0.05);
|
|
44
|
+
--shadow-xl: /* modals; dialogs with backdrop overlay */
|
|
45
|
+
0 20px 25px -5px rgba(0, 0, 0, 0.1),
|
|
46
|
+
0 10px 10px -5px rgba(0, 0, 0, 0.04);
|
|
47
|
+
--color-background: var(--background);
|
|
48
|
+
--color-foreground: var(--foreground);
|
|
20
49
|
--color-sidebar-ring: var(--sidebar-ring);
|
|
21
50
|
--color-sidebar-border: var(--sidebar-border);
|
|
22
51
|
--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
|
|
@@ -36,10 +65,10 @@
|
|
|
36
65
|
--color-destructive: var(--destructive);
|
|
37
66
|
--color-destructive-foreground: var(--destructive-foreground);
|
|
38
67
|
--color-destructive-hover: var(--destructive-hover);
|
|
39
|
-
--color-decorative-background-hover: var(--decorative-background-hover);
|
|
40
|
-
--color-decorative-foreground-hover: var(--decorative-foreground-hover);
|
|
41
68
|
--color-accent-foreground: var(--accent-foreground);
|
|
42
69
|
--color-accent: var(--accent);
|
|
70
|
+
--color-mountain-foreground: var(--mountain-foreground);
|
|
71
|
+
--color-mountain: var(--mountain);
|
|
43
72
|
--color-muted-foreground: var(--muted-foreground);
|
|
44
73
|
--color-muted: var(--muted);
|
|
45
74
|
--color-secondary-foreground: var(--secondary-foreground);
|
|
@@ -68,13 +97,13 @@
|
|
|
68
97
|
--color-disabled: var(--disabled);
|
|
69
98
|
--color-disabled-foreground: var(--disabled-foreground);
|
|
70
99
|
--color-hover: var(--hover);
|
|
71
|
-
|
|
100
|
+
|
|
72
101
|
/* Color ramps - base colors */
|
|
73
102
|
--color-fjord: var(--fjord-50);
|
|
74
103
|
--color-nordic: var(--nordic-50);
|
|
75
104
|
--color-aurora: var(--aurora-50);
|
|
76
105
|
--color-sky: var(--sky-50);
|
|
77
|
-
|
|
106
|
+
|
|
78
107
|
/* Color ramps - individual shades */
|
|
79
108
|
--color-fjord-50: var(--fjord-50);
|
|
80
109
|
--color-fjord-100: var(--fjord-100);
|
|
@@ -90,7 +119,7 @@
|
|
|
90
119
|
--color-fjord-800: var(--fjord-800);
|
|
91
120
|
--color-fjord-900: var(--fjord-900);
|
|
92
121
|
--color-fjord-950: var(--fjord-950);
|
|
93
|
-
|
|
122
|
+
|
|
94
123
|
--color-nordic-50: var(--nordic-50);
|
|
95
124
|
--color-nordic-100: var(--nordic-100);
|
|
96
125
|
--color-nordic-200: var(--nordic-200);
|
|
@@ -105,7 +134,7 @@
|
|
|
105
134
|
--color-nordic-800: var(--nordic-800);
|
|
106
135
|
--color-nordic-900: var(--nordic-900);
|
|
107
136
|
--color-nordic-950: var(--nordic-950);
|
|
108
|
-
|
|
137
|
+
|
|
109
138
|
--color-aurora-50: var(--aurora-50);
|
|
110
139
|
--color-aurora-100: var(--aurora-100);
|
|
111
140
|
--color-aurora-200: var(--aurora-200);
|
|
@@ -120,7 +149,7 @@
|
|
|
120
149
|
--color-aurora-800: var(--aurora-800);
|
|
121
150
|
--color-aurora-900: var(--aurora-900);
|
|
122
151
|
--color-aurora-950: var(--aurora-950);
|
|
123
|
-
|
|
152
|
+
|
|
124
153
|
--color-sky-50: var(--sky-50);
|
|
125
154
|
--color-sky-100: var(--sky-100);
|
|
126
155
|
--color-sky-200: var(--sky-200);
|
|
@@ -165,18 +194,65 @@
|
|
|
165
194
|
--color-mountain-800: var(--mountain-800);
|
|
166
195
|
--color-mountain-900: var(--mountain-900);
|
|
167
196
|
--color-mountain-950: var(--mountain-950);
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
--
|
|
171
|
-
--
|
|
197
|
+
|
|
198
|
+
/* Decorative background tokens */
|
|
199
|
+
--color-decorative-background-mountain: var(--decorative-background-mountain);
|
|
200
|
+
--color-decorative-background-fjord: var(--decorative-background-fjord);
|
|
201
|
+
--color-decorative-background-nordic: var(--decorative-background-nordic);
|
|
202
|
+
--color-decorative-background-aurora: var(--decorative-background-aurora);
|
|
203
|
+
--color-decorative-background-dusk: var(--decorative-background-dusk);
|
|
204
|
+
--color-decorative-background-orange: var(--decorative-background-orange);
|
|
205
|
+
--color-decorative-background-sky: var(--decorative-background-sky);
|
|
206
|
+
--color-decorative-background-gray: var(--decorative-background-gray);
|
|
207
|
+
|
|
208
|
+
/* Decorative background hover tokens */
|
|
209
|
+
--color-decorative-background-hover-mountain: var(--decorative-background-hover-mountain);
|
|
210
|
+
--color-decorative-background-hover-fjord: var(--decorative-background-hover-fjord);
|
|
211
|
+
--color-decorative-background-hover-nordic: var(--decorative-background-hover-nordic);
|
|
212
|
+
--color-decorative-background-hover-aurora: var(--decorative-background-hover-aurora);
|
|
213
|
+
--color-decorative-background-hover-dusk: var(--decorative-background-hover-dusk);
|
|
214
|
+
--color-decorative-background-hover-orange: var(--decorative-background-hover-orange);
|
|
215
|
+
--color-decorative-background-hover-sky: var(--decorative-background-hover-sky);
|
|
216
|
+
|
|
217
|
+
/* Decorative foreground tokens */
|
|
218
|
+
--color-decorative-foreground-mountain: var(--decorative-foreground-mountain);
|
|
219
|
+
--color-decorative-foreground-fjord: var(--decorative-foreground-fjord);
|
|
220
|
+
--color-decorative-foreground-nordic: var(--decorative-foreground-nordic);
|
|
221
|
+
--color-decorative-foreground-aurora: var(--decorative-foreground-aurora);
|
|
222
|
+
--color-decorative-foreground-dusk: var(--decorative-foreground-dusk);
|
|
223
|
+
--color-decorative-foreground-orange: var(--decorative-foreground-orange);
|
|
224
|
+
--color-decorative-foreground-sky: var(--decorative-foreground-sky);
|
|
225
|
+
--color-decorative-foreground-gray: var(--decorative-foreground-gray);
|
|
226
|
+
|
|
227
|
+
--radius-none: 0px;
|
|
228
|
+
--radius-xs: 2px;
|
|
229
|
+
--radius-sm: 4px;
|
|
230
|
+
--radius-md: 6px;
|
|
231
|
+
--radius-lg: 8px;
|
|
232
|
+
--radius-xl: 12px;
|
|
233
|
+
--radius-2xl: 16px;
|
|
234
|
+
--radius-3xl: 24px;
|
|
235
|
+
--radius-4xl: 32px;
|
|
236
|
+
--radius-full: 9999px;
|
|
237
|
+
--ring-width-md: 3px;
|
|
238
|
+
--avatar-icon-default: 1.09375rem;
|
|
239
|
+
--avatar-icon-xs: 0.875rem;
|
|
240
|
+
--avatar-icon-xxs: 0.65625rem;
|
|
241
|
+
--avatar-image-backdrop: rgba(2, 6, 23, 0.2);
|
|
172
242
|
}
|
|
173
243
|
|
|
174
244
|
:root {
|
|
175
|
-
--radius: 0.375rem;
|
|
245
|
+
--radius: 0.375rem; /* 6px - default radius, maps to radius-md */
|
|
176
246
|
--font-inter: 'Inter', sans-serif;
|
|
177
247
|
--font-source-code-pro: 'Source Code Pro', monospace;
|
|
248
|
+
--code-block-collapsed-height: 3.125rem;
|
|
249
|
+
--code-block-fade-height: 0.9375rem;
|
|
250
|
+
--message-content-max-width: 80%;
|
|
178
251
|
|
|
179
252
|
/* Mountain */
|
|
253
|
+
--mountain-white: rgb(255, 255, 255);
|
|
254
|
+
--mountain-black: rgb(0, 0, 0);
|
|
255
|
+
--mountain-10: rgb(249, 250, 250);
|
|
180
256
|
--mountain-50: rgb(241, 242, 243);
|
|
181
257
|
--mountain-100: rgb(228, 230, 232);
|
|
182
258
|
--mountain-200: rgb(212, 215, 217);
|
|
@@ -191,8 +267,6 @@
|
|
|
191
267
|
--mountain-800: rgb(45, 49, 52);
|
|
192
268
|
--mountain-900: rgb(33, 36, 38);
|
|
193
269
|
--mountain-950: rgb(17, 18, 19);
|
|
194
|
-
--mountain-white: rgb(255, 255, 255);
|
|
195
|
-
--mountain-black: rgb(0, 0, 0);
|
|
196
270
|
|
|
197
271
|
/* Fjord */
|
|
198
272
|
--fjord-50: rgb(239, 242, 253);
|
|
@@ -254,7 +328,7 @@
|
|
|
254
328
|
--dusk-600: rgb(153, 64, 166);
|
|
255
329
|
--dusk-650: rgb(133, 55, 144);
|
|
256
330
|
--dusk-700: rgb(104, 44, 113);
|
|
257
|
-
--dusk-800: rgb(
|
|
331
|
+
--dusk-800: rgb(74, 31, 80);
|
|
258
332
|
--dusk-900: rgb(55, 23, 60);
|
|
259
333
|
--dusk-950: rgb(28, 12, 31);
|
|
260
334
|
|
|
@@ -386,10 +460,26 @@
|
|
|
386
460
|
--gray-900: rgb(26, 34, 66);
|
|
387
461
|
--gray-950: rgb(13, 17, 34);
|
|
388
462
|
|
|
463
|
+
/* Pink */
|
|
464
|
+
--pink-50: rgb(253, 238, 244);
|
|
465
|
+
--pink-100: rgb(251, 222, 234);
|
|
466
|
+
--pink-200: rgb(249, 202, 221);
|
|
467
|
+
--pink-300: rgb(245, 169, 200);
|
|
468
|
+
--pink-400: rgb(242, 139, 180);
|
|
469
|
+
--pink-450: rgb(237, 97, 153);
|
|
470
|
+
--pink-500: rgb(233, 68, 135);
|
|
471
|
+
--pink-550: rgb(225, 26, 106);
|
|
472
|
+
--pink-600: rgb(196, 23, 92);
|
|
473
|
+
--pink-650: rgb(171, 20, 81);
|
|
474
|
+
--pink-700: rgb(136, 16, 64);
|
|
475
|
+
--pink-800: rgb(98, 11, 46);
|
|
476
|
+
--pink-900: rgb(73, 8, 35);
|
|
477
|
+
--pink-950: rgb(40, 5, 19);
|
|
478
|
+
|
|
389
479
|
/* Theme tokens (Light) mapped to ramp variables */
|
|
390
480
|
--background: var(--mountain-white);
|
|
391
481
|
--foreground: var(--mountain-950);
|
|
392
|
-
--card: var(--mountain-
|
|
482
|
+
--card: var(--mountain-10);
|
|
393
483
|
--card-foreground: var(--mountain-950);
|
|
394
484
|
--popover: var(--mountain-white);
|
|
395
485
|
--popover-foreground: var(--mountain-950);
|
|
@@ -398,7 +488,7 @@
|
|
|
398
488
|
--primary-foreground: var(--mountain-50);
|
|
399
489
|
--secondary: var(--mountain-100);
|
|
400
490
|
--secondary-hover: var(--mountain-200);
|
|
401
|
-
--secondary-foreground: var(--mountain-
|
|
491
|
+
--secondary-foreground: var(--mountain-900);
|
|
402
492
|
--tertiary: var(--gray-550);
|
|
403
493
|
--tertiary-hover: var(--gray-300);
|
|
404
494
|
--tertiary-foreground: var(--mountain-white);
|
|
@@ -406,8 +496,11 @@
|
|
|
406
496
|
--muted-foreground: var(--mountain-600);
|
|
407
497
|
--accent: var(--mountain-50);
|
|
408
498
|
--accent-foreground: var(--mountain-950);
|
|
499
|
+
--accent-alt: var(--mountain-200);
|
|
500
|
+
--mountain: var(--mountain-50);
|
|
501
|
+
--mountain-foreground: var(--mountain-950);
|
|
409
502
|
--foreground-link: var(--fjord-550);
|
|
410
|
-
--border: var(--mountain-
|
|
503
|
+
--border: var(--mountain-100);
|
|
411
504
|
--input: var(--mountain-100);
|
|
412
505
|
--ring: var(--gray-600);
|
|
413
506
|
--backdrop: rgba(2, 6, 23, 0.2);
|
|
@@ -423,10 +516,17 @@
|
|
|
423
516
|
--neutral: var(--blue-50);
|
|
424
517
|
--neutral-foreground: var(--blue-500);
|
|
425
518
|
--undefined: var(--mountain-50);
|
|
426
|
-
--undefined-foreground: var(--mountain-
|
|
519
|
+
--undefined-foreground: var(--mountain-700);
|
|
427
520
|
--disabled: var(--mountain-50);
|
|
428
521
|
--disabled-foreground: var(--mountain-450);
|
|
429
|
-
--hover: var(--mountain-50)
|
|
522
|
+
--hover: var(--mountain-50);
|
|
523
|
+
|
|
524
|
+
/* Inverted tokens */
|
|
525
|
+
--inverted: var(--mountain-900);
|
|
526
|
+
--inverted-foreground: var(--mountain-50);
|
|
527
|
+
--inverted-foreground-muted: var(--mountain-300);
|
|
528
|
+
--inverted-destructive-foreground: var(--red-300);
|
|
529
|
+
--inverted-success-foreground: var(--green-300);
|
|
430
530
|
/* Charts (light) */
|
|
431
531
|
--chart-fjord-solid: var(--fjord-600);
|
|
432
532
|
--chart-fjord-opacity-1: rgba(47, 85, 234, 0.8);
|
|
@@ -453,11 +553,11 @@
|
|
|
453
553
|
--chart-orange-opacity-4: rgba(173, 69, 6, 0.35);
|
|
454
554
|
--chart-orange-opacity-5: rgba(173, 69, 6, 0.2);
|
|
455
555
|
--chart-dusk-solid: var(--dusk-600);
|
|
456
|
-
--chart-dusk-opacity-1: rgba(
|
|
457
|
-
--chart-dusk-opacity-2: rgba(
|
|
458
|
-
--chart-dusk-opacity-3: rgba(
|
|
459
|
-
--chart-dusk-opacity-4: rgba(
|
|
460
|
-
--chart-dusk-opacity-5: rgba(
|
|
556
|
+
--chart-dusk-opacity-1: rgba(153, 64, 166, 0.8);
|
|
557
|
+
--chart-dusk-opacity-2: rgba(153, 64, 166, 0.65);
|
|
558
|
+
--chart-dusk-opacity-3: rgba(153, 64, 166, 0.5);
|
|
559
|
+
--chart-dusk-opacity-4: rgba(153, 64, 166, 0.35);
|
|
560
|
+
--chart-dusk-opacity-5: rgba(153, 64, 166, 0.2);
|
|
461
561
|
--chart-lime-solid: var(--aurora-600);
|
|
462
562
|
--chart-lime-opacity-1: rgba(77, 112, 12, 0.8);
|
|
463
563
|
--chart-lime-opacity-2: rgba(77, 112, 12, 0.65);
|
|
@@ -465,18 +565,47 @@
|
|
|
465
565
|
--chart-lime-opacity-4: rgba(77, 112, 12, 0.35);
|
|
466
566
|
--chart-lime-opacity-5: rgba(77, 112, 12, 0.2);
|
|
467
567
|
--chart-pink-solid: var(--dusk-600);
|
|
468
|
-
--chart-pink-opacity-1: rgba(
|
|
469
|
-
--chart-pink-opacity-2: rgba(
|
|
470
|
-
--chart-pink-opacity-3: rgba(
|
|
471
|
-
--chart-pink-opacity-4: rgba(
|
|
472
|
-
--chart-pink-opacity-5: rgba(
|
|
473
|
-
|
|
568
|
+
--chart-pink-opacity-1: rgba(153, 64, 166, 0.8);
|
|
569
|
+
--chart-pink-opacity-2: rgba(153, 64, 166, 0.65);
|
|
570
|
+
--chart-pink-opacity-3: rgba(153, 64, 166, 0.5);
|
|
571
|
+
--chart-pink-opacity-4: rgba(153, 64, 166, 0.35);
|
|
572
|
+
--chart-pink-opacity-5: rgba(153, 64, 166, 0.2);
|
|
573
|
+
|
|
574
|
+
/* Decorative tokens */
|
|
575
|
+
--decorative-background-mountain: var(--mountain-50);
|
|
576
|
+
--decorative-background-fjord: var(--fjord-50);
|
|
577
|
+
--decorative-background-nordic: var(--nordic-50);
|
|
578
|
+
--decorative-background-aurora: var(--aurora-50);
|
|
579
|
+
--decorative-background-dusk: var(--dusk-50);
|
|
580
|
+
--decorative-background-orange: var(--orange-50);
|
|
581
|
+
--decorative-background-sky: var(--sky-50);
|
|
582
|
+
--decorative-background-gray: var(--gray-50);
|
|
583
|
+
|
|
584
|
+
/* Decorative background hover tokens */
|
|
585
|
+
--decorative-background-hover-mountain: var(--mountain-100);
|
|
586
|
+
--decorative-background-hover-fjord: var(--fjord-100);
|
|
587
|
+
--decorative-background-hover-nordic: var(--nordic-100);
|
|
588
|
+
--decorative-background-hover-aurora: var(--aurora-100);
|
|
589
|
+
--decorative-background-hover-dusk: var(--dusk-100);
|
|
590
|
+
--decorative-background-hover-orange: var(--orange-100);
|
|
591
|
+
--decorative-background-hover-sky: var(--sky-100);
|
|
592
|
+
|
|
593
|
+
/* Decorative foreground tokens */
|
|
594
|
+
--decorative-foreground-mountain: var(--mountain-650);
|
|
595
|
+
--decorative-foreground-fjord: var(--fjord-700);
|
|
596
|
+
--decorative-foreground-nordic: var(--nordic-600);
|
|
597
|
+
--decorative-foreground-aurora: var(--aurora-600);
|
|
598
|
+
--decorative-foreground-dusk: var(--dusk-600);
|
|
599
|
+
--decorative-foreground-orange: var(--orange-600);
|
|
600
|
+
--decorative-foreground-sky: var(--sky-600);
|
|
601
|
+
--decorative-foreground-gray: var(--gray-600);
|
|
602
|
+
|
|
474
603
|
/* Sidebar */
|
|
475
604
|
--sidebar: var(--mountain-900);
|
|
476
605
|
--sidebar-foreground: var(--mountain-100);
|
|
477
|
-
--sidebar-primary: var(--gray-
|
|
606
|
+
--sidebar-primary: var(--gray-550);
|
|
478
607
|
--sidebar-primary-foreground: var(--mountain-white);
|
|
479
|
-
--sidebar-accent: var(--gray-
|
|
608
|
+
--sidebar-accent: var(--gray-800);
|
|
480
609
|
--sidebar-accent-foreground: var(--mountain-white);
|
|
481
610
|
--sidebar-border: var(--mountain-800);
|
|
482
611
|
--sidebar-ring: var(--gray-300);
|
|
@@ -498,41 +627,51 @@
|
|
|
498
627
|
--tertiary: var(--gray-550);
|
|
499
628
|
--tertiary-hover: var(--gray-700);
|
|
500
629
|
--tertiary-foreground: var(--mountain-white);
|
|
501
|
-
--muted: var(--mountain-
|
|
502
|
-
--muted-foreground: var(--mountain-
|
|
630
|
+
--muted: var(--mountain-700);
|
|
631
|
+
--muted-foreground: var(--mountain-300);
|
|
503
632
|
--accent: var(--mountain-700);
|
|
504
633
|
--accent-foreground: var(--mountain-50);
|
|
634
|
+
--accent-alt: var(--mountain-650);
|
|
635
|
+
--mountain: var(--mountain-800);
|
|
636
|
+
--mountain-foreground: var(--mountain-50);
|
|
505
637
|
--foreground-link: var(--fjord-550);
|
|
506
|
-
--border: var(--mountain-
|
|
638
|
+
--border: var(--mountain-700);
|
|
507
639
|
--input: var(--mountain-900);
|
|
508
|
-
--ring: var(--gray-
|
|
640
|
+
--ring: var(--gray-400);
|
|
509
641
|
--backdrop: rgba(226, 232, 240, 0.2);
|
|
510
642
|
|
|
511
643
|
/* Status tokens */
|
|
512
|
-
--destructive: var(--red-
|
|
513
|
-
--destructive-hover: var(--red-
|
|
644
|
+
--destructive: var(--red-800);
|
|
645
|
+
--destructive-hover: var(--red-700);
|
|
514
646
|
--destructive-foreground: var(--red-300);
|
|
515
|
-
--warning: var(--amber-
|
|
647
|
+
--warning: var(--amber-800);
|
|
516
648
|
--warning-foreground: var(--amber-300);
|
|
517
|
-
--success: var(--green-
|
|
649
|
+
--success: var(--green-800);
|
|
518
650
|
--success-foreground: var(--green-300);
|
|
519
|
-
--neutral: var(--blue-
|
|
651
|
+
--neutral: var(--blue-800);
|
|
520
652
|
--neutral-foreground: var(--blue-300);
|
|
521
|
-
--undefined: var(--mountain-
|
|
653
|
+
--undefined: var(--mountain-800);
|
|
522
654
|
--undefined-foreground: var(--mountain-300);
|
|
523
655
|
--disabled: var(--mountain-800);
|
|
524
656
|
--disabled-foreground: var(--mountain-450);
|
|
525
657
|
--hover: var(--mountain-800);
|
|
526
|
-
|
|
527
658
|
|
|
528
|
-
/*
|
|
529
|
-
--
|
|
659
|
+
/* Inverted tokens */
|
|
660
|
+
--inverted: var(--mountain-900);
|
|
661
|
+
--inverted-foreground: var(--mountain-50);
|
|
662
|
+
--inverted-foreground-muted: var(--mountain-300);
|
|
663
|
+
--inverted-destructive-foreground: var(--red-300);
|
|
664
|
+
--inverted-success-foreground: var(--green-300);
|
|
665
|
+
|
|
666
|
+
/* Decorative tokens */
|
|
667
|
+
--decorative-background-mountain: var(--mountain-800);
|
|
530
668
|
--decorative-background-fjord: var(--fjord-900);
|
|
531
669
|
--decorative-background-nordic: var(--nordic-900);
|
|
532
670
|
--decorative-background-aurora: var(--aurora-900);
|
|
533
671
|
--decorative-background-dusk: var(--dusk-900);
|
|
534
672
|
--decorative-background-orange: var(--orange-900);
|
|
535
673
|
--decorative-background-sky: var(--sky-900);
|
|
674
|
+
--decorative-background-gray: var(--gray-900);
|
|
536
675
|
|
|
537
676
|
/* Decorative background hover tokens */
|
|
538
677
|
--decorative-background-hover-mountain: var(--mountain-900);
|
|
@@ -551,6 +690,7 @@
|
|
|
551
690
|
--decorative-foreground-dusk: var(--dusk-400);
|
|
552
691
|
--decorative-foreground-orange: var(--orange-300);
|
|
553
692
|
--decorative-foreground-sky: var(--sky-300);
|
|
693
|
+
--decorative-foreground-gray: var(--gray-300);
|
|
554
694
|
|
|
555
695
|
/* Charts (dark) */
|
|
556
696
|
--chart-fjord-solid: var(--fjord-300);
|
|
@@ -578,11 +718,11 @@
|
|
|
578
718
|
--chart-orange-opacity-4: rgba(252, 205, 176, 0.35);
|
|
579
719
|
--chart-orange-opacity-5: rgba(252, 205, 176, 0.2);
|
|
580
720
|
--chart-dusk-solid: var(--dusk-200);
|
|
581
|
-
--chart-dusk-opacity-1: rgba(
|
|
582
|
-
--chart-dusk-opacity-2: rgba(
|
|
583
|
-
--chart-dusk-opacity-3: rgba(
|
|
584
|
-
--chart-dusk-opacity-4: rgba(
|
|
585
|
-
--chart-dusk-opacity-5: rgba(
|
|
721
|
+
--chart-dusk-opacity-1: rgba(232, 206, 236, 0.8);
|
|
722
|
+
--chart-dusk-opacity-2: rgba(232, 206, 236, 0.65);
|
|
723
|
+
--chart-dusk-opacity-3: rgba(232, 206, 236, 0.5);
|
|
724
|
+
--chart-dusk-opacity-4: rgba(232, 206, 236, 0.35);
|
|
725
|
+
--chart-dusk-opacity-5: rgba(232, 206, 236, 0.2);
|
|
586
726
|
--chart-lime-solid: var(--aurora-200);
|
|
587
727
|
--chart-lime-opacity-1: rgba(171, 233, 56, 0.8);
|
|
588
728
|
--chart-lime-opacity-2: rgba(171, 233, 56, 0.65);
|
|
@@ -590,18 +730,18 @@
|
|
|
590
730
|
--chart-lime-opacity-4: rgba(171, 233, 56, 0.35);
|
|
591
731
|
--chart-lime-opacity-5: rgba(171, 233, 56, 0.2);
|
|
592
732
|
--chart-pink-solid: var(--dusk-200);
|
|
593
|
-
--chart-pink-opacity-1: rgba(
|
|
594
|
-
--chart-pink-opacity-2: rgba(
|
|
595
|
-
--chart-pink-opacity-3: rgba(
|
|
596
|
-
--chart-pink-opacity-4: rgba(
|
|
597
|
-
--chart-pink-opacity-5: rgba(
|
|
598
|
-
|
|
733
|
+
--chart-pink-opacity-1: rgba(232, 206, 236, 0.8);
|
|
734
|
+
--chart-pink-opacity-2: rgba(232, 206, 236, 0.65);
|
|
735
|
+
--chart-pink-opacity-3: rgba(232, 206, 236, 0.5);
|
|
736
|
+
--chart-pink-opacity-4: rgba(232, 206, 236, 0.35);
|
|
737
|
+
--chart-pink-opacity-5: rgba(232, 206, 236, 0.2);
|
|
738
|
+
|
|
599
739
|
/* Sidebar */
|
|
600
740
|
--sidebar: var(--mountain-900);
|
|
601
741
|
--sidebar-foreground: var(--mountain-100);
|
|
602
|
-
--sidebar-primary: var(--gray-
|
|
742
|
+
--sidebar-primary: var(--gray-550);
|
|
603
743
|
--sidebar-primary-foreground: var(--mountain-white);
|
|
604
|
-
--sidebar-accent: var(--gray-
|
|
744
|
+
--sidebar-accent: var(--gray-800);
|
|
605
745
|
--sidebar-accent-foreground: var(--mountain-white);
|
|
606
746
|
--sidebar-border: var(--mountain-800);
|
|
607
747
|
--sidebar-ring: var(--gray-300);
|
|
@@ -648,4 +788,32 @@
|
|
|
648
788
|
body {
|
|
649
789
|
@apply bg-background text-foreground;
|
|
650
790
|
}
|
|
651
|
-
}
|
|
791
|
+
}
|
|
792
|
+
|
|
793
|
+
@layer utilities {
|
|
794
|
+
@keyframes accordion-down {
|
|
795
|
+
from {
|
|
796
|
+
height: 0;
|
|
797
|
+
}
|
|
798
|
+
to {
|
|
799
|
+
height: var(--radix-accordion-content-height);
|
|
800
|
+
}
|
|
801
|
+
}
|
|
802
|
+
|
|
803
|
+
@keyframes accordion-up {
|
|
804
|
+
from {
|
|
805
|
+
height: var(--radix-accordion-content-height);
|
|
806
|
+
}
|
|
807
|
+
to {
|
|
808
|
+
height: 0;
|
|
809
|
+
}
|
|
810
|
+
}
|
|
811
|
+
|
|
812
|
+
.animate-accordion-down {
|
|
813
|
+
animation: accordion-down 0.2s ease-out;
|
|
814
|
+
}
|
|
815
|
+
|
|
816
|
+
.animate-accordion-up {
|
|
817
|
+
animation: accordion-up 0.2s ease-out;
|
|
818
|
+
}
|
|
819
|
+
}
|
|
@@ -15,17 +15,6 @@
|
|
|
15
15
|
"moduleDetection": "force",
|
|
16
16
|
"noEmit": true,
|
|
17
17
|
"jsx": "react-jsx",
|
|
18
|
-
"paths": {
|
|
19
|
-
"@/*": ["./src/*"],
|
|
20
|
-
"@/components/ui/cognite/*": [
|
|
21
|
-
"./src/components/ui/cognite/*",
|
|
22
|
-
"./src/components/ui/draft/*"
|
|
23
|
-
],
|
|
24
|
-
"@/components/ai-elements/cognite/*": [
|
|
25
|
-
"./src/components/ai-elements/cognite/*",
|
|
26
|
-
"./src/components/ai-elements/draft/*"
|
|
27
|
-
]
|
|
28
|
-
},
|
|
29
18
|
/* Linting */
|
|
30
19
|
"strict": true,
|
|
31
20
|
"noUnusedLocals": true,
|
package/templates/tsconfig.json
CHANGED
|
@@ -20,18 +20,7 @@
|
|
|
20
20
|
"noUnusedParameters": true,
|
|
21
21
|
"erasableSyntaxOnly": true,
|
|
22
22
|
"noFallthroughCasesInSwitch": true,
|
|
23
|
-
"noUncheckedSideEffectImports": true
|
|
24
|
-
"paths": {
|
|
25
|
-
"@/*": ["./src/*"],
|
|
26
|
-
"@/components/ui/cognite/*": [
|
|
27
|
-
"./src/components/ui/cognite/*",
|
|
28
|
-
"./src/components/ui/draft/*"
|
|
29
|
-
],
|
|
30
|
-
"@/components/ai-elements/cognite/*": [
|
|
31
|
-
"./src/components/ai-elements/cognite/*",
|
|
32
|
-
"./src/components/ai-elements/draft/*"
|
|
33
|
-
]
|
|
34
|
-
}
|
|
23
|
+
"noUncheckedSideEffectImports": true
|
|
35
24
|
},
|
|
36
25
|
"include": ["vite.config.ts"],
|
|
37
26
|
"exclude": ["node_modules"]
|