@vegastack/design-tokens 0.8.0 → 0.8.12

package/dist/base.css

@@ -260,3 +260,11 @@
     overscroll-behavior-y: none;
   }
 }
+
+/* PRINT — A DOCUMENT'S PAPER (Regent Pages v2, 2026-10-14). `DocumentLayout` puts itself on the
+   named page `document` (`page: document`, print only), so the pages it lands on take a paper
+   margin of 16mm top and bottom, 14mm at the sides; any other print keeps the browser's own. The
+   palette is forced light for print in `theme.css`, generated from the light tokens. */
+@page document {
+  margin: 16mm 14mm;
+}

package/dist/theme.css

@@ -190,6 +190,108 @@
   --sidebar-ring: oklch(0.922 0 0);
 }
 
+@media print {
+  .dark {
+    color-scheme: light;
+    --background: oklch(1 0 0);
+    --foreground: oklch(0.145 0 0);
+    --card: oklch(1 0 0);
+    --card-foreground: oklch(0.145 0 0);
+    --popover: oklch(1 0 0);
+    --popover-foreground: oklch(0.145 0 0);
+    --primary: oklch(0.205 0 0);
+    --primary-foreground: oklch(0.985 0 0);
+    --secondary: oklch(0.97 0 0);
+    --secondary-foreground: oklch(0.205 0 0);
+    --muted: oklch(0.97 0 0);
+    --muted-foreground: oklch(0.539 0 0);
+    --accent: oklch(0.97 0 0);
+    --accent-foreground: oklch(0.205 0 0);
+    --border: oklch(0.922 0 0);
+    --input: oklch(0.922 0 0);
+    --ring: oklch(0.205 0 0);
+    --destructive: oklch(0.577 0.245 27.325);
+    --destructive-foreground: oklch(1 0 0);
+    --destructive-text: oklch(0.446 0.182 27.325);
+    --success: oklch(0.53 0.15 150);
+    --success-foreground: oklch(1 0 0);
+    --success-text: oklch(0.44 0.121 150);
+    --warning: oklch(0.55 0.12 70);
+    --warning-foreground: oklch(1 0 0);
+    --warning-text: oklch(0.462 0.1 70);
+    --info: oklch(0.55 0.19 256);
+    --info-foreground: oklch(1 0 0);
+    --info-text: oklch(0.456 0.156 256);
+    --media-scrim: oklch(0.13 0.002 75 / 0.6);
+    --media-scrim-strong: oklch(0.13 0.002 75 / 0.8);
+    --media-foreground: oklch(0.985 0 0);
+    --scrim: oklch(0 0 0);
+    --scrim-foreground: oklch(1 0 0);
+    --chart-1: oklch(0.546 0.245 262.88);
+    --chart-2: oklch(0.581 0.118 184.7);
+    --chart-3: oklch(0.398 0.07 227.39);
+    --chart-4: oklch(0.623 0.222 41.12);
+    --chart-5: oklch(0.632 0.246 16.44);
+    --chart-6: oklch(0.505 0.213 27.52);
+    --chart-7: oklch(0.598 0.127 104.2);
+    --chart-8: oklch(0.531 0.182 256);
+    --chart-single: oklch(0.145 0 0);
+    --brand: oklch(0.6 0.17 148);
+    --brand-text: oklch(0.46 0.17 148);
+    --tag-blue: oklch(0.6 0.16 256);
+    --tag-blue-subtle: oklch(0.955 0.02 256);
+    --tag-blue-text: oklch(0.51 0.15 256);
+    --tag-cyan: oklch(0.6 0.11 226);
+    --tag-cyan-subtle: oklch(0.955 0.028 226);
+    --tag-cyan-text: oklch(0.51 0.09 226);
+    --tag-green: oklch(0.6 0.16 150);
+    --tag-green-subtle: oklch(0.955 0.028 150);
+    --tag-green-text: oklch(0.51 0.14 150);
+    --tag-lime: oklch(0.6 0.13 117);
+    --tag-lime-subtle: oklch(0.955 0.028 117);
+    --tag-lime-text: oklch(0.51 0.11 117);
+    --tag-yellow: oklch(0.6 0.12 86);
+    --tag-yellow-subtle: oklch(0.955 0.028 86);
+    --tag-yellow-text: oklch(0.51 0.1 86);
+    --tag-orange: oklch(0.6 0.15 52);
+    --tag-orange-subtle: oklch(0.955 0.02 52);
+    --tag-orange-text: oklch(0.51 0.13 52);
+    --tag-red: oklch(0.6 0.16 25);
+    --tag-red-subtle: oklch(0.955 0.02 25);
+    --tag-red-text: oklch(0.51 0.15 25);
+    --tag-pink: oklch(0.6 0.16 356);
+    --tag-pink-subtle: oklch(0.955 0.02 356);
+    --tag-pink-text: oklch(0.51 0.15 356);
+    --tag-magenta: oklch(0.6 0.16 323);
+    --tag-magenta-subtle: oklch(0.955 0.028 323);
+    --tag-magenta-text: oklch(0.51 0.15 323);
+    --tag-purple: oklch(0.6 0.16 295);
+    --tag-purple-subtle: oklch(0.955 0.02 295);
+    --tag-purple-text: oklch(0.51 0.15 295);
+    --sidebar: oklch(0.985 0 0);
+    --sidebar-foreground: oklch(0.145 0 0);
+    --sidebar-primary: oklch(0.205 0 0);
+    --sidebar-primary-foreground: oklch(0.985 0 0);
+    --sidebar-accent: oklch(0.97 0 0);
+    --sidebar-accent-foreground: oklch(0.205 0 0);
+    --sidebar-border: oklch(0.922 0 0);
+    --sidebar-ring: oklch(0.205 0 0);
+    --radius: 0.625rem;
+    --font-family-sans: Geist, sans-serif;
+    --font-family-mono: 'Geist Mono', monospace;
+    --font-family-serif: Newsreader, serif;
+    --font-family-display: Geist, sans-serif;
+    --duration-fast: 150ms;
+    --duration-base: 200ms;
+    --duration-slow: 300ms;
+    --duration-indeterminate: 1200ms;
+    --motion-ease-standard: cubic-bezier(0.2, 0, 0, 1);
+    --motion-ease-emphasized: cubic-bezier(0.3, 0, 0, 1);
+    --motion-ease-exit: cubic-bezier(0.4, 0, 1, 1);
+    --motion-ease-spring: linear(0, 0.5 60%, 1.05 80%, 0.98 90%, 1);
+  }
+}
+
 @theme inline {
   --color-background: var(--background);
   --color-foreground: var(--foreground);

package/dist/utilities.css

@@ -1016,3 +1016,26 @@
 .hljs-strong {
   font-weight: 600;
 }
+
+/* ---------------------------------------------------------------------------------------------
+ * Spark gradient: the subtle purple -> blue pair for "new" / AI-flavoured accents (e.g. a
+ * What's new icon). Built from the theme-aware tag hues, so it follows light and dark.
+ *   - gradient-spark         : background-image fill.
+ *   - stop-spark-from / -to  : `stop-color` for the <stop>s of an SVG <linearGradient>, to give a
+ *                              stroked icon the same gradient (stroke="url(#id)").
+ * ------------------------------------------------------------------------------------------- */
+@utility gradient-spark {
+  background-image: linear-gradient(
+    135deg,
+    var(--color-tag-purple),
+    var(--color-tag-blue)
+  );
+}
+
+@utility stop-spark-from {
+  stop-color: var(--color-tag-purple);
+}
+
+@utility stop-spark-to {
+  stop-color: var(--color-tag-blue);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vegastack/design-tokens",
-  "version": "0.8.0",
+  "version": "0.8.12",
   "description": "VegaStack design tokens (DTCG → Tailwind v4 theme + TS)",
   "license": "MIT",
   "repository": {