cognite-create 0.2.44 → 0.2.45

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cognite-create",
-  "version": "0.2.44",
+  "version": "0.2.45",
   "description": "Create a Next.js app preconfigured with Cognite defaults.",
   "bin": {
     "cognite-create": "./bin/index.js"
@@ -17,7 +17,7 @@
     "node": ">=18.0.0"
   },
   "devDependencies": {
-    "vitest": "^2.1.0"
+    "vitest": "^4.0.0"
   },
   "license": "UNLICENSED"
 }

package/templates/.cursor/rules/components-and-styling.mdc

@@ -0,0 +1,9 @@
+---
+description: You should always use these rules when needing to create any components, you should be importing from the Cognite registry if a component exists there.
+alwaysApply: false
+---
+
+
+Use the ShadCN MCP server to retrieve the attached registries, make sure Cognite is available then list the components you can use.
+
+If you cannot find any variation of a Cognite component you may import a ShadCN one but make sure the styles are consistent.

package/templates/src/index.css

@@ -1,4 +1,4 @@
-@import url('https://fonts.googleapis.com/css2?family=Nova+Mono&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Source+Code+Pro:wght@200..900&display=swap');
 @import "tailwindcss";
 @import "tw-animate-css";
 
@@ -9,10 +9,14 @@
 @variant dark (.dark &);
 
 @theme inline {
+  --text-base: 1rem;
   --color-background: var(--background);
   --color-foreground: var(--foreground);
-  --font-sans: var(--font-geist-sans);
-  --font-mono: var(--font-geist-mono);
+  --font-sans: var(--font-inter);
+  --font-mono: var(--font-source-code-pro);
+  --leading-18: 1.125rem;
+  --leading-20: 1.25rem;
+  --tracking-tightest: -0.1px;
   --color-sidebar-ring: var(--sidebar-ring);
   --color-sidebar-border: var(--sidebar-border);
   --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
@@ -131,15 +135,46 @@
   --color-sky-800: var(--sky-800);
   --color-sky-900: var(--sky-900);
   --color-sky-950: var(--sky-950);
-  
+
+  --color-dusk-50: var(--dusk-50);
+  --color-dusk-100: var(--dusk-100);
+  --color-dusk-200: var(--dusk-200);
+  --color-dusk-300: var(--dusk-300);
+  --color-dusk-400: var(--dusk-400);
+  --color-dusk-450: var(--dusk-450);
+  --color-dusk-500: var(--dusk-500);
+  --color-dusk-550: var(--dusk-550);
+  --color-dusk-600: var(--dusk-600);
+  --color-dusk-650: var(--dusk-650);
+  --color-dusk-700: var(--dusk-700);
+  --color-dusk-800: var(--dusk-800);
+  --color-dusk-900: var(--dusk-900);
+  --color-dusk-950: var(--dusk-950);
+
+  --color-mountain-50: var(--mountain-50);
+  --color-mountain-100: var(--mountain-100);
+  --color-mountain-200: var(--mountain-200);
+  --color-mountain-300: var(--mountain-300);
+  --color-mountain-400: var(--mountain-400);
+  --color-mountain-450: var(--mountain-450);
+  --color-mountain-500: var(--mountain-500);
+  --color-mountain-550: var(--mountain-550);
+  --color-mountain-600: var(--mountain-600);
+  --color-mountain-650: var(--mountain-650);
+  --color-mountain-700: var(--mountain-700);
+  --color-mountain-800: var(--mountain-800);
+  --color-mountain-900: var(--mountain-900);
+  --color-mountain-950: var(--mountain-950);
   --radius-sm: calc(var(--radius) - 4px);
   --radius-md: calc(var(--radius) - 2px);
   --radius-lg: var(--radius);
-  --radius-xl: calc(var(--radius) + 4px);
+  --radius-xl: calc(var(--radius) + 6px);
 }
 
 :root {
   --radius: 0.375rem;
+  --font-inter: 'Inter', sans-serif;
+  --font-source-code-pro: 'Source Code Pro', monospace;
 
   /* Mountain */
   --mountain-50: rgb(241, 242, 243);
@@ -208,20 +243,20 @@
   --aurora-950: rgb(14, 20, 2);
 
   /* Dusk */
-  --dusk-50: rgb(253, 238, 244);
-  --dusk-100: rgb(251, 222, 234);
-  --dusk-200: rgb(249, 202, 220);
-  --dusk-300: rgb(245, 169, 199);
-  --dusk-400: rgb(242, 138, 180);
-  --dusk-450: rgb(237, 97, 153);
-  --dusk-500: rgb(234, 68, 134);
-  --dusk-550: rgb(226, 25, 105);
-  --dusk-600: rgb(196, 22, 91);
-  --dusk-650: rgb(172, 19, 80);
-  --dusk-700: rgb(136, 15, 63);
-  --dusk-800: rgb(98, 11, 45);
-  --dusk-900: rgb(74, 8, 34);
-  --dusk-950: rgb(40, 5, 19);
+  --dusk-50: rgb(248, 239, 249);
+  --dusk-100: rgb(241, 225, 243);
+  --dusk-200: rgb(232, 206, 236);
+  --dusk-300: rgb(219, 177, 225);
+  --dusk-400: rgb(207, 151, 215);
+  --dusk-450: rgb(192, 120, 203);
+  --dusk-500: rgb(183, 101, 196);
+  --dusk-550: rgb(173, 78, 187);
+  --dusk-600: rgb(153, 64, 166);
+  --dusk-650: rgb(133, 55, 144);
+  --dusk-700: rgb(104, 44, 113);
+  --dusk-800: rgb(55, 23, 60);
+  --dusk-900: rgb(55, 23, 60);
+  --dusk-950: rgb(28, 12, 31);
 
   /* Red */
   --red-50: rgb(254, 238, 241);
@@ -369,7 +404,7 @@
   --tertiary-foreground: var(--mountain-white);
   --muted: var(--mountain-50);
   --muted-foreground: var(--mountain-600);
-  --accent: var(--mountain-100);
+  --accent: var(--mountain-50);
   --accent-foreground: var(--mountain-950);
   --foreground-link: var(--fjord-550);
   --border: var(--mountain-50);