@cognite/aura 0.1.7 → 0.2.0

package/dist/styles.source.css

@@ -60,21 +60,21 @@
     0 1px 3px 0 var(--effect-shadow-md), 0 1px 2px 0 var(--effect-shadow-sm);
   /* menus; popovers; hover cards */
   --shadow-md:
-    0 4px 6px -1px var(--effect-shadow-md),
-    0 2px 4px -1px var(--effect-shadow-sm);
+    0 4px 6px -1px var(--effect-shadow-lg),
+    0 2px 4px -1px var(--effect-shadow-md);
   /* sonner; temporary elements */
   --shadow-lg:
-    0 10px 15px -3px var(--effect-shadow-lg),
-    0 4px 6px -2px var(--effect-shadow-sm);
+    0 10px 15px -3px var(--effect-shadow-xl),
+    0 4px 6px -2px var(--effect-shadow-lg);
   /* modals; dialogs without backdrop overlay */
   --shadow-xl:
     0 20px 25px -5px var(--effect-shadow-xl),
     0 10px 10px -5px var(--effect-shadow-lg);
   /* modals; dialogs with backdrop overlay */
-  --shadow-focus-ring: 0 0 0 2px var(--ring), 0 0 0 4px var(--ring-muted);
-  /* default focus ring: inner border (2px dark) + outer glow (4px light, 2px visible beyond inner) */
+  --shadow-focus-ring: 0 0 0 1px var(--ring), 0 0 0 3px var(--ring-muted);
+  /* default focus ring: inner border (1px dark) + outer glow (3px light, 2px visible beyond inner) */
   --shadow-focus-ring-destructive:
-    0 0 0 2px var(--ring-critical), 0 0 0 4px var(--ring-critical-shadow);
+    0 0 0 1px var(--ring-destructive), 0 0 0 3px var(--ring-destructive-muted);
 
   --radius-none: 0px;
   --radius-xs: 2px;
@@ -108,6 +108,12 @@
   --drawer-max-height: 80vh;
   /* Maximum height for top/bottom drawers */
 
+  /* Effect tokens are not generated from the Figma colour sync. */
+  --effect-shadow-sm: rgba(0, 0, 0, 0.04);
+  --effect-shadow-md: rgba(0, 0, 0, 0.05);
+  --effect-shadow-lg: rgba(0, 0, 0, 0.06);
+  --effect-shadow-xl: rgba(0, 0, 0, 0.1);
+
   /* Gradient tokens */
   --gradient-nordic: linear-gradient(
     -100deg,
@@ -155,6 +161,11 @@
 }
 
 .dark {
+  --effect-shadow-sm: rgba(0, 0, 0, 0.2);
+  --effect-shadow-md: rgba(0, 0, 0, 0.302);
+  --effect-shadow-lg: rgba(0, 0, 0, 0.4);
+  --effect-shadow-xl: rgba(0, 0, 0, 0.6);
+
   /* Gradient tokens */
   --gradient-nordic: linear-gradient(
     -100deg,
@@ -212,6 +223,54 @@
 }
 
 @layer utilities {
+  @keyframes aura-loader-rect-1-animation {
+    0% {
+      stroke-dashoffset: 172;
+    }
+
+    50% {
+      stroke-dashoffset: 422;
+    }
+
+    100% {
+      stroke-dashoffset: 422;
+    }
+  }
+
+  @keyframes aura-loader-rect-2-animation {
+    0% {
+      stroke-dashoffset: 422;
+    }
+
+    50% {
+      stroke-dashoffset: 172;
+    }
+
+    100% {
+      stroke-dashoffset: 172;
+    }
+  }
+
+  .aura-loader-rect {
+    stroke-dasharray: 97.95 152;
+  }
+
+  .aura-loader-rect-1 {
+    animation: aura-loader-rect-1-animation 2s ease-in-out infinite;
+    stroke-dashoffset: 172;
+  }
+
+  .aura-loader-rect-2 {
+    animation: aura-loader-rect-2-animation 2s 0.5s ease-in-out infinite;
+    stroke-dashoffset: 422;
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    [data-slot='loader-rect'] {
+      animation: none;
+    }
+  }
+
   [data-state='closed'] {
     --tw-animation-fill-mode: forwards;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cognite/aura",
-  "version": "0.1.7",
+  "version": "0.2.0",
   "type": "module",
   "exports": {
     "./components": {
@@ -45,13 +45,13 @@
     "cmdk": "^1.1.1",
     "framer-motion": "^11.0.3",
     "shiki": "^3.19.0",
+    "sonner": "^2.0.7",
     "streamdown": "^2.4.0",
     "tailwind-merge": "^3.4.0",
     "tw-animate-css": "^1.4.0"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^5.1.2",
-    "@google/design.md": "0.1.1",
     "@storybook/addon-coverage": "^3.0.1",
     "@storybook/addon-docs": "10.3.5",
     "@storybook/addon-vitest": "10.3.5",
@@ -63,8 +63,8 @@
     "@types/react": "18.3.14",
     "@types/react-dom": "18.3.2",
     "@vitejs/plugin-react": "^5.1.4",
-    "@vitest/browser": "^4.0.18",
-    "@vitest/browser-playwright": "^4.0.18",
+    "@vitest/browser": "^4.1.6",
+    "@vitest/browser-playwright": "^4.1.6",
     "eslint-plugin-check-file": "^2.7.1",
     "react-dom": "^18.3.1",
     "rollup": "^4.59.0",
@@ -74,7 +74,7 @@
     "typescript-eslint": "^8.57.1",
     "vite": "7.3.2",
     "vite-plugin-dts": "^4.5.4",
-    "vitest": "^4.0.18"
+    "vitest": "^4.1.6"
   },
   "peerDependencies": {
     "eslint": "9.39.4",