@civitai/theme 0.3.1 → 0.4.0

package/README.md

@@ -3,7 +3,7 @@
 Framework-agnostic **design tokens**, derived at build time from civitai's real
 Mantine theme. Ships three forms of the same `--civitai-*` token contract:
 
-- `dist/tokens.css` — a `:root` + `[data-theme='light'|'dark']` stylesheet
+- `dist/tokens.css` — a `:root` + `[data-theme='light'|'dark']` + OS-preference stylesheet
   (`--civitai-*` custom properties; `<color>` tokens registered via `@property`).
 - typed JS — `import { tokens, darkTokens, tokenVars, tokensCss } from '@civitai/theme'`.
 - `dist/tokens.dtcg.json` — a W3C **Design Tokens Community Group** export
@@ -18,8 +18,9 @@ resolution → re-namespaced `--civitai-*`. This is the same primitive civitai
 uses in `mantine-css-variables.ts`. `--mantine-*` is fully resolved away, so the
 `--civitai-*` contract is self-contained.
 
-The one exception is the **breakpoint scale**, which deliberately bypasses the
-Mantine pipeline — see below.
+Two kinds of token depart from that. The **breakpoint scale** bypasses the
+Mantine pipeline entirely (see below), and a few tokens declare an explicit
+**light/dark pair** — see next section.
 
 Four guards keep it honest (`pnpm --filter @civitai/theme test`):
 
@@ -33,6 +34,22 @@ Four guards keep it honest (`pnpm --filter @civitai/theme test`):
 - **px-not-em guard** — self-contained; pins the breakpoint tokens to the px
   scale and asserts the em values are absent.
 
+## Scheme-paired tokens
+
+A custom property inherits across a shadow boundary; an ancestor selector does
+not cross one. So a component that wanted "gray in light, surface in dark" could
+only say it as `[data-theme='dark'] <descendant>` in `@civitai/components`, which
+a shadow root can never match (`:host-context()` has never shipped in Firefox).
+
+Those decisions are tokens now — `--civitai-card-border-width`,
+`--civitai-color-track`, `--civitai-color-segmented-bg` and
+`--civitai-color-media-placeholder`. Mantine has no variable that carries either
+side of these pairs, so `TokenSpec.source` and `.literal` each accept a
+`{ light, dark }` pair, resolved against its own scheme's variable map.
+
+`--civitai-card-border-width` is a **width**, not a color: dark drops the default
+hairline's box, and a transparent color would still occupy 1px on every card.
+
 ## Breakpoints — 🔴 the px scale, not Mantine's em scale
 
 civitai has **two** breakpoint scales and they agree on exactly one key:
@@ -83,6 +100,13 @@ tokens.colorPrimary;     // "#228BE6"
 
 Theme by setting `data-theme="light" | "dark"` on any ancestor.
 
+Set nothing and the page follows the OS: the stylesheet carries the dark values
+under `@media (prefers-color-scheme: dark)`, scoped to `:root:not([data-theme])`.
+An app that sets the attribute — a block acting on the host's `THEME_CHANGE`, or
+its own theme switch — never matches that block and is unaffected. The attribute
+is the override, and it wins wherever it sits, because a nearer ancestor's tokens
+inherit over a farther one's.
+
 ## Build
 
 `pnpm --filter @civitai/theme build` regenerates `src/tokens.generated.ts`,

package/dist/generate.d.ts

@@ -20,25 +20,34 @@
  * (`scripts/build-tokens.ts`) and the generation-parity test consume it.
  */
 import { type MantineThemeOverride } from '@mantine/core';
+/**
+ * A light/dark pair, for the tokens whose two sides come from different places —
+ * something a single Mantine variable cannot express.
+ */
+type SchemePair = {
+    light: string;
+    dark: string;
+};
 /** A single public token, mapped to the Mantine variable it derives from. */
 interface TokenSpec {
     /** Public name WITHOUT the `--civitai-` prefix, e.g. `color-primary`. */
     name: string;
     /**
-     * Source Mantine variable name (with `--mantine-` prefix). Mutually exclusive
-     * with `literal` — exactly one of the two must be set.
+     * Source Mantine variable name (with `--mantine-` prefix), or one per scheme.
+     * Mutually exclusive with `literal` — exactly one of the two must be set.
      */
-    source?: string;
+    source?: string | SchemePair;
     /**
      * Concrete literal value for a token that deliberately does NOT derive from
-     * Mantine. Only the breakpoint scale uses this, and the reason is load-bearing:
+     * Mantine. The breakpoint scale uses this, and the reason is load-bearing:
      * civitai's px breakpoints are NOT part of its Mantine theme, and Mantine's own
      * stock EM scale disagrees with them on four of five keys (see
      * `breakpoints.source.ts`). Routing them through `mergeMantineTheme` would
      * silently resolve any un-overridden key to the wrong number, so they bypass
-     * the Mantine pipeline entirely. Scheme-independent by construction.
+     * the Mantine pipeline entirely. A single string is scheme-independent by
+     * construction.
      */
-    literal?: string;
+    literal?: string | SchemePair;
     /** Typed-syntax category — drives `@property` registration + DTCG `$type`. */
     type: 'color' | 'length' | 'font';
     description: string;

package/dist/generate.js

@@ -22,6 +22,7 @@
 import { DEFAULT_THEME, defaultCssVariablesResolver, mergeMantineTheme, } from '@mantine/core';
 import { BREAKPOINT_KEYS, civitaiBreakpointsSource } from './breakpoints.source.js';
 import { civitaiThemeSource } from './theme.source.js';
+const forScheme = (value, scheme) => typeof value === 'string' ? value : value[scheme];
 /**
  * The curated public token contract. ORDER is significant (drives deterministic
  * CSS/JSON output). Each token derives from a real resolved Mantine variable —
@@ -68,9 +69,12 @@ const TOKEN_SPEC = [
     },
     {
         name: 'color-surface',
-        source: '--mantine-color-body',
+        // Dark parts company with the page: measured against civitai.com, a raised
+        // surface is #25262B where the page is darker. Sharing one value made every
+        // card, menu, modal and input invisible except for its border.
+        source: { light: '--mantine-color-body', dark: '--mantine-color-default' },
         type: 'color',
-        description: 'Primary surface / page background.',
+        description: 'Raised surface — cards, menus, dialogs, inputs.',
     },
     {
         name: 'color-surface-2',
@@ -164,6 +168,33 @@ const TOKEN_SPEC = [
         description: `Responsive breakpoint \`${key}\` from civitai's px scale ` +
             `(src/utils/breakpoints.json) — NOT Mantine's em scale.`,
     })),
+    // Scheme-paired: a shadow root cannot see a `[data-theme='dark']` ancestor,
+    // so these carry the decision as an inherited property. Appended last.
+    {
+        name: 'card-border-width',
+        // A width, not a color: a transparent hairline still occupies 1px of box.
+        literal: { light: '1px', dark: '0' },
+        type: 'length',
+        description: 'Default card hairline width. Light needs it (surface == body); dark already separates them, so it collapses to 0.',
+    },
+    {
+        name: 'color-track',
+        source: { light: '--mantine-color-gray-2', dark: '--mantine-color-default' },
+        type: 'color',
+        description: 'Groove behind a slider thumb.',
+    },
+    {
+        name: 'color-segmented-bg',
+        source: { light: '--mantine-color-gray-1', dark: '--mantine-color-default' },
+        type: 'color',
+        description: 'Trough a segmented control\'s segments sit in.',
+    },
+    {
+        name: 'color-media-placeholder',
+        source: { light: '--mantine-color-gray-2', dark: '--mantine-color-default' },
+        type: 'color',
+        description: 'Backdrop shown while an image loads or after it fails.',
+    },
 ];
 const VAR_RE = /var\(\s*(--[a-zA-Z0-9-]+)\s*(?:,\s*([^)]*))?\)/;
 /**
@@ -215,10 +246,14 @@ export function resolveTokens(themeOverride = civitaiThemeSource) {
         if ((spec.source == null) === (spec.literal == null)) {
             throw new Error(`Token ${varName}: exactly one of \`source\` (Mantine-derived) or \`literal\` must be set.`);
         }
-        // A `literal` spec is scheme-independent by construction and NEVER touches the
-        // Mantine dicts — that bypass is the whole point for the breakpoint scale.
-        const lightVal = spec.literal ?? resolveValue(`var(${spec.source})`, lightDict);
-        const darkVal = spec.literal ?? resolveValue(`var(${spec.source})`, darkDict);
+        // A `literal` spec NEVER touches the Mantine dicts — that bypass is the
+        // whole point for the breakpoint scale.
+        const lightVal = spec.literal != null
+            ? forScheme(spec.literal, 'light')
+            : resolveValue(`var(${forScheme(spec.source, 'light')})`, lightDict);
+        const darkVal = spec.literal != null
+            ? forScheme(spec.literal, 'dark')
+            : resolveValue(`var(${forScheme(spec.source, 'dark')})`, darkDict);
         root[varName] = lightVal;
         if (darkVal !== lightVal || spec.alwaysDark)
             dark[varName] = darkVal;
@@ -256,15 +291,26 @@ export function buildArtifacts(themeOverride = civitaiThemeSource) {
     // Explicit light block mirrors the :root defaults so `[data-theme='light']`
     // (used by @civitai/components) always wins over an ambient dark ancestor.
     const lightBlock = meta.map((m) => `  ${m.varName}: ${root[m.varName]};`).join('\n');
-    const darkBlock = meta
+    const darkDecls = meta
         .filter((m) => m.varName in dark)
-        .map((m) => `  ${m.varName}: ${dark[m.varName]};`)
-        .join('\n');
+        .map((m) => `${m.varName}: ${dark[m.varName]};`);
+    const darkBlock = darkDecls.map((d) => `  ${d}`).join('\n');
+    const nestedDarkBlock = darkDecls.map((d) => `    ${d}`).join('\n');
+    // Not a token: it tells the UA which scheme to paint NATIVE controls in.
+    // Without it a number input's spinner, a select's caret and a scrollbar stay
+    // light against a dark surface. It inherits, so it reaches shadow roots too.
+    const scheme = (value) => `  color-scheme: ${value};`;
+    // `:not([data-theme])` is what keeps an explicit choice authoritative: a host
+    // that sets the attribute never matches, and a nested one wins by proximity.
+    const preferenceBlock = `@media (prefers-color-scheme: dark) {\n` +
+        `  :root:not([data-theme]) {\n` +
+        `  ${scheme('dark')}\n${nestedDarkBlock}\n  }\n}\n`;
     const tokensCss = `${AUTOGEN_BANNER}\n` +
         `${propertyRules}\n\n` +
-        `:root {\n${rootBlock}\n}\n\n` +
-        `[data-theme='light'] {\n${lightBlock}\n}\n\n` +
-        `[data-theme='dark'] {\n${darkBlock}\n}\n`;
+        `:root {\n${scheme('light')}\n${rootBlock}\n}\n\n` +
+        `[data-theme='light'] {\n${scheme('light')}\n${lightBlock}\n}\n\n` +
+        `[data-theme='dark'] {\n${scheme('dark')}\n${darkBlock}\n}\n\n` +
+        preferenceBlock;
     // ---- tokens.dtcg.json (W3C DTCG 2025.10) ----
     const dtcg = {};
     for (const m of meta) {

package/dist/tokens.css

@@ -120,8 +120,24 @@
   inherits: true;
   initial-value: #212529;
 }
+@property --civitai-color-track {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: #e9ecef;
+}
+@property --civitai-color-segmented-bg {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: #f1f3f5;
+}
+@property --civitai-color-media-placeholder {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: #e9ecef;
+}
 
 :root {
+  color-scheme: light;
   --civitai-font: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
   --civitai-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
   --civitai-radius: 0.25rem;
@@ -154,9 +170,14 @@
   --civitai-bp-md: 1024px;
   --civitai-bp-lg: 1184px;
   --civitai-bp-xl: 1440px;
+  --civitai-card-border-width: 1px;
+  --civitai-color-track: #e9ecef;
+  --civitai-color-segmented-bg: #f1f3f5;
+  --civitai-color-media-placeholder: #e9ecef;
 }
 
 [data-theme='light'] {
+  color-scheme: light;
   --civitai-font: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
   --civitai-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
   --civitai-radius: 0.25rem;
@@ -189,13 +210,18 @@
   --civitai-bp-md: 1024px;
   --civitai-bp-lg: 1184px;
   --civitai-bp-xl: 1440px;
+  --civitai-card-border-width: 1px;
+  --civitai-color-track: #e9ecef;
+  --civitai-color-segmented-bg: #f1f3f5;
+  --civitai-color-media-placeholder: #e9ecef;
 }
 
 [data-theme='dark'] {
+  color-scheme: dark;
   --civitai-color-text: #C1C2C5;
   --civitai-color-text-dimmed: #8c8fa3;
   --civitai-color-body: #1A1B1E;
-  --civitai-color-surface: #1A1B1E;
+  --civitai-color-surface: #25262B;
   --civitai-color-surface-2: #25262B;
   --civitai-color-border: #373A40;
   --civitai-color-primary: #1971C2;
@@ -206,4 +232,32 @@
   --civitai-color-success: #326D5C;
   --civitai-color-warning: #e8590c;
   --civitai-color-info: #1971C2;
+  --civitai-card-border-width: 0;
+  --civitai-color-track: #25262B;
+  --civitai-color-segmented-bg: #25262B;
+  --civitai-color-media-placeholder: #25262B;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root:not([data-theme]) {
+    color-scheme: dark;
+    --civitai-color-text: #C1C2C5;
+    --civitai-color-text-dimmed: #8c8fa3;
+    --civitai-color-body: #1A1B1E;
+    --civitai-color-surface: #25262B;
+    --civitai-color-surface-2: #25262B;
+    --civitai-color-border: #373A40;
+    --civitai-color-primary: #1971C2;
+    --civitai-color-primary-hover: #1864AB;
+    --civitai-color-primary-fg: #fefefe;
+    --civitai-color-primary-light: rgba(34, 139, 230, 0.15);
+    --civitai-color-error: #e03131;
+    --civitai-color-success: #326D5C;
+    --civitai-color-warning: #e8590c;
+    --civitai-color-info: #1971C2;
+    --civitai-card-border-width: 0;
+    --civitai-color-track: #25262B;
+    --civitai-color-segmented-bg: #25262B;
+    --civitai-color-media-placeholder: #25262B;
+  }
 }

package/dist/tokens.dtcg.json

@@ -55,10 +55,10 @@
     "surface": {
       "$type": "color",
       "$value": "#fefefe",
-      "$description": "Primary surface / page background.",
+      "$description": "Raised surface — cards, menus, dialogs, inputs.",
       "$extensions": {
         "com.civitai.theme": {
-          "dark": "#1A1B1E"
+          "dark": "#25262B"
         }
       }
     },
@@ -211,6 +211,36 @@
       "$type": "color",
       "$value": "#212529",
       "$description": "Neutral ramp step 9 (Mantine gray[9]); 0 = lightest … 9 = darkest."
+    },
+    "track": {
+      "$type": "color",
+      "$value": "#e9ecef",
+      "$description": "Groove behind a slider thumb.",
+      "$extensions": {
+        "com.civitai.theme": {
+          "dark": "#25262B"
+        }
+      }
+    },
+    "segmentedBg": {
+      "$type": "color",
+      "$value": "#f1f3f5",
+      "$description": "Trough a segmented control's segments sit in.",
+      "$extensions": {
+        "com.civitai.theme": {
+          "dark": "#25262B"
+        }
+      }
+    },
+    "mediaPlaceholder": {
+      "$type": "color",
+      "$value": "#e9ecef",
+      "$description": "Backdrop shown while an image loads or after it fails.",
+      "$extensions": {
+        "com.civitai.theme": {
+          "dark": "#25262B"
+        }
+      }
     }
   },
   "bp": {
@@ -254,5 +284,20 @@
       },
       "$description": "Responsive breakpoint `xl` from civitai's px scale (src/utils/breakpoints.json) — NOT Mantine's em scale."
     }
+  },
+  "card": {
+    "borderWidth": {
+      "$type": "dimension",
+      "$value": {
+        "value": 1,
+        "unit": "px"
+      },
+      "$description": "Default card hairline width. Light needs it (surface == body); dark already separates them, so it collapses to 0.",
+      "$extensions": {
+        "com.civitai.theme": {
+          "dark": "0"
+        }
+      }
+    }
   }
 }

package/dist/tokens.generated.d.ts

@@ -32,13 +32,17 @@ export declare const tokens: {
     readonly bpMd: "1024px";
     readonly bpLg: "1184px";
     readonly bpXl: "1440px";
+    readonly cardBorderWidth: "1px";
+    readonly colorTrack: "#e9ecef";
+    readonly colorSegmentedBg: "#f1f3f5";
+    readonly colorMediaPlaceholder: "#e9ecef";
 };
 /** Dark-scheme overrides (only tokens that differ from light). */
 export declare const darkTokens: {
     readonly colorText: "#C1C2C5";
     readonly colorTextDimmed: "#8c8fa3";
     readonly colorBody: "#1A1B1E";
-    readonly colorSurface: "#1A1B1E";
+    readonly colorSurface: "#25262B";
     readonly colorSurface2: "#25262B";
     readonly colorBorder: "#373A40";
     readonly colorPrimary: "#1971C2";
@@ -49,6 +53,10 @@ export declare const darkTokens: {
     readonly colorSuccess: "#326D5C";
     readonly colorWarning: "#e8590c";
     readonly colorInfo: "#1971C2";
+    readonly cardBorderWidth: "0";
+    readonly colorTrack: "#25262B";
+    readonly colorSegmentedBg: "#25262B";
+    readonly colorMediaPlaceholder: "#25262B";
 };
 /** `var(--civitai-*)` reference strings for inline JS styling. */
 export declare const tokenVars: {
@@ -84,8 +92,12 @@ export declare const tokenVars: {
     readonly bpMd: "var(--civitai-bp-md)";
     readonly bpLg: "var(--civitai-bp-lg)";
     readonly bpXl: "var(--civitai-bp-xl)";
+    readonly cardBorderWidth: "var(--civitai-card-border-width)";
+    readonly colorTrack: "var(--civitai-color-track)";
+    readonly colorSegmentedBg: "var(--civitai-color-segmented-bg)";
+    readonly colorMediaPlaceholder: "var(--civitai-color-media-placeholder)";
 };
 /** The full `--civitai-*` stylesheet (`:root` + light/dark). Also emitted to dist/tokens.css. */
-export declare const tokensCss = "/* AUTOGENERATED by @civitai/theme (scripts/build-tokens.ts). DO NOT EDIT.\n   Regenerate: pnpm --filter @civitai/theme build. Guarded by generation-parity test. */\n@property --civitai-color-text {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #222;\n}\n@property --civitai-color-text-dimmed {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #868e96;\n}\n@property --civitai-color-body {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #fefefe;\n}\n@property --civitai-color-surface {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #fefefe;\n}\n@property --civitai-color-surface-2 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #fefefe;\n}\n@property --civitai-color-border {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #ced4da;\n}\n@property --civitai-color-primary {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #228BE6;\n}\n@property --civitai-color-primary-hover {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #1C7ED6;\n}\n@property --civitai-color-primary-fg {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #fefefe;\n}\n@property --civitai-color-primary-light {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgba(34, 139, 230, 0.1);\n}\n@property --civitai-color-error {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #fa5252;\n}\n@property --civitai-color-success {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #299C7A;\n}\n@property --civitai-color-warning {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #fd7e14;\n}\n@property --civitai-color-info {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #228BE6;\n}\n@property --civitai-color-gray-0 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #f8f9fa;\n}\n@property --civitai-color-gray-1 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #f1f3f5;\n}\n@property --civitai-color-gray-2 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #e9ecef;\n}\n@property --civitai-color-gray-3 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #dee2e6;\n}\n@property --civitai-color-gray-4 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #ced4da;\n}\n@property --civitai-color-gray-5 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #adb5bd;\n}\n@property --civitai-color-gray-6 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #868e96;\n}\n@property --civitai-color-gray-7 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #495057;\n}\n@property --civitai-color-gray-8 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #343a40;\n}\n@property --civitai-color-gray-9 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #212529;\n}\n\n:root {\n  --civitai-font: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;\n  --civitai-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;\n  --civitai-radius: 0.25rem;\n  --civitai-color-text: #222;\n  --civitai-color-text-dimmed: #868e96;\n  --civitai-color-body: #fefefe;\n  --civitai-color-surface: #fefefe;\n  --civitai-color-surface-2: #fefefe;\n  --civitai-color-border: #ced4da;\n  --civitai-color-primary: #228BE6;\n  --civitai-color-primary-hover: #1C7ED6;\n  --civitai-color-primary-fg: #fefefe;\n  --civitai-color-primary-light: rgba(34, 139, 230, 0.1);\n  --civitai-color-error: #fa5252;\n  --civitai-color-success: #299C7A;\n  --civitai-color-warning: #fd7e14;\n  --civitai-color-info: #228BE6;\n  --civitai-color-gray-0: #f8f9fa;\n  --civitai-color-gray-1: #f1f3f5;\n  --civitai-color-gray-2: #e9ecef;\n  --civitai-color-gray-3: #dee2e6;\n  --civitai-color-gray-4: #ced4da;\n  --civitai-color-gray-5: #adb5bd;\n  --civitai-color-gray-6: #868e96;\n  --civitai-color-gray-7: #495057;\n  --civitai-color-gray-8: #343a40;\n  --civitai-color-gray-9: #212529;\n  --civitai-bp-xs: 480px;\n  --civitai-bp-sm: 768px;\n  --civitai-bp-md: 1024px;\n  --civitai-bp-lg: 1184px;\n  --civitai-bp-xl: 1440px;\n}\n\n[data-theme='light'] {\n  --civitai-font: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;\n  --civitai-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;\n  --civitai-radius: 0.25rem;\n  --civitai-color-text: #222;\n  --civitai-color-text-dimmed: #868e96;\n  --civitai-color-body: #fefefe;\n  --civitai-color-surface: #fefefe;\n  --civitai-color-surface-2: #fefefe;\n  --civitai-color-border: #ced4da;\n  --civitai-color-primary: #228BE6;\n  --civitai-color-primary-hover: #1C7ED6;\n  --civitai-color-primary-fg: #fefefe;\n  --civitai-color-primary-light: rgba(34, 139, 230, 0.1);\n  --civitai-color-error: #fa5252;\n  --civitai-color-success: #299C7A;\n  --civitai-color-warning: #fd7e14;\n  --civitai-color-info: #228BE6;\n  --civitai-color-gray-0: #f8f9fa;\n  --civitai-color-gray-1: #f1f3f5;\n  --civitai-color-gray-2: #e9ecef;\n  --civitai-color-gray-3: #dee2e6;\n  --civitai-color-gray-4: #ced4da;\n  --civitai-color-gray-5: #adb5bd;\n  --civitai-color-gray-6: #868e96;\n  --civitai-color-gray-7: #495057;\n  --civitai-color-gray-8: #343a40;\n  --civitai-color-gray-9: #212529;\n  --civitai-bp-xs: 480px;\n  --civitai-bp-sm: 768px;\n  --civitai-bp-md: 1024px;\n  --civitai-bp-lg: 1184px;\n  --civitai-bp-xl: 1440px;\n}\n\n[data-theme='dark'] {\n  --civitai-color-text: #C1C2C5;\n  --civitai-color-text-dimmed: #8c8fa3;\n  --civitai-color-body: #1A1B1E;\n  --civitai-color-surface: #1A1B1E;\n  --civitai-color-surface-2: #25262B;\n  --civitai-color-border: #373A40;\n  --civitai-color-primary: #1971C2;\n  --civitai-color-primary-hover: #1864AB;\n  --civitai-color-primary-fg: #fefefe;\n  --civitai-color-primary-light: rgba(34, 139, 230, 0.15);\n  --civitai-color-error: #e03131;\n  --civitai-color-success: #326D5C;\n  --civitai-color-warning: #e8590c;\n  --civitai-color-info: #1971C2;\n}\n";
+export declare const tokensCss = "/* AUTOGENERATED by @civitai/theme (scripts/build-tokens.ts). DO NOT EDIT.\n   Regenerate: pnpm --filter @civitai/theme build. Guarded by generation-parity test. */\n@property --civitai-color-text {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #222;\n}\n@property --civitai-color-text-dimmed {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #868e96;\n}\n@property --civitai-color-body {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #fefefe;\n}\n@property --civitai-color-surface {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #fefefe;\n}\n@property --civitai-color-surface-2 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #fefefe;\n}\n@property --civitai-color-border {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #ced4da;\n}\n@property --civitai-color-primary {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #228BE6;\n}\n@property --civitai-color-primary-hover {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #1C7ED6;\n}\n@property --civitai-color-primary-fg {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #fefefe;\n}\n@property --civitai-color-primary-light {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgba(34, 139, 230, 0.1);\n}\n@property --civitai-color-error {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #fa5252;\n}\n@property --civitai-color-success {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #299C7A;\n}\n@property --civitai-color-warning {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #fd7e14;\n}\n@property --civitai-color-info {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #228BE6;\n}\n@property --civitai-color-gray-0 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #f8f9fa;\n}\n@property --civitai-color-gray-1 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #f1f3f5;\n}\n@property --civitai-color-gray-2 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #e9ecef;\n}\n@property --civitai-color-gray-3 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #dee2e6;\n}\n@property --civitai-color-gray-4 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #ced4da;\n}\n@property --civitai-color-gray-5 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #adb5bd;\n}\n@property --civitai-color-gray-6 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #868e96;\n}\n@property --civitai-color-gray-7 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #495057;\n}\n@property --civitai-color-gray-8 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #343a40;\n}\n@property --civitai-color-gray-9 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #212529;\n}\n@property --civitai-color-track {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #e9ecef;\n}\n@property --civitai-color-segmented-bg {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #f1f3f5;\n}\n@property --civitai-color-media-placeholder {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #e9ecef;\n}\n\n:root {\n  color-scheme: light;\n  --civitai-font: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;\n  --civitai-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;\n  --civitai-radius: 0.25rem;\n  --civitai-color-text: #222;\n  --civitai-color-text-dimmed: #868e96;\n  --civitai-color-body: #fefefe;\n  --civitai-color-surface: #fefefe;\n  --civitai-color-surface-2: #fefefe;\n  --civitai-color-border: #ced4da;\n  --civitai-color-primary: #228BE6;\n  --civitai-color-primary-hover: #1C7ED6;\n  --civitai-color-primary-fg: #fefefe;\n  --civitai-color-primary-light: rgba(34, 139, 230, 0.1);\n  --civitai-color-error: #fa5252;\n  --civitai-color-success: #299C7A;\n  --civitai-color-warning: #fd7e14;\n  --civitai-color-info: #228BE6;\n  --civitai-color-gray-0: #f8f9fa;\n  --civitai-color-gray-1: #f1f3f5;\n  --civitai-color-gray-2: #e9ecef;\n  --civitai-color-gray-3: #dee2e6;\n  --civitai-color-gray-4: #ced4da;\n  --civitai-color-gray-5: #adb5bd;\n  --civitai-color-gray-6: #868e96;\n  --civitai-color-gray-7: #495057;\n  --civitai-color-gray-8: #343a40;\n  --civitai-color-gray-9: #212529;\n  --civitai-bp-xs: 480px;\n  --civitai-bp-sm: 768px;\n  --civitai-bp-md: 1024px;\n  --civitai-bp-lg: 1184px;\n  --civitai-bp-xl: 1440px;\n  --civitai-card-border-width: 1px;\n  --civitai-color-track: #e9ecef;\n  --civitai-color-segmented-bg: #f1f3f5;\n  --civitai-color-media-placeholder: #e9ecef;\n}\n\n[data-theme='light'] {\n  color-scheme: light;\n  --civitai-font: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;\n  --civitai-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;\n  --civitai-radius: 0.25rem;\n  --civitai-color-text: #222;\n  --civitai-color-text-dimmed: #868e96;\n  --civitai-color-body: #fefefe;\n  --civitai-color-surface: #fefefe;\n  --civitai-color-surface-2: #fefefe;\n  --civitai-color-border: #ced4da;\n  --civitai-color-primary: #228BE6;\n  --civitai-color-primary-hover: #1C7ED6;\n  --civitai-color-primary-fg: #fefefe;\n  --civitai-color-primary-light: rgba(34, 139, 230, 0.1);\n  --civitai-color-error: #fa5252;\n  --civitai-color-success: #299C7A;\n  --civitai-color-warning: #fd7e14;\n  --civitai-color-info: #228BE6;\n  --civitai-color-gray-0: #f8f9fa;\n  --civitai-color-gray-1: #f1f3f5;\n  --civitai-color-gray-2: #e9ecef;\n  --civitai-color-gray-3: #dee2e6;\n  --civitai-color-gray-4: #ced4da;\n  --civitai-color-gray-5: #adb5bd;\n  --civitai-color-gray-6: #868e96;\n  --civitai-color-gray-7: #495057;\n  --civitai-color-gray-8: #343a40;\n  --civitai-color-gray-9: #212529;\n  --civitai-bp-xs: 480px;\n  --civitai-bp-sm: 768px;\n  --civitai-bp-md: 1024px;\n  --civitai-bp-lg: 1184px;\n  --civitai-bp-xl: 1440px;\n  --civitai-card-border-width: 1px;\n  --civitai-color-track: #e9ecef;\n  --civitai-color-segmented-bg: #f1f3f5;\n  --civitai-color-media-placeholder: #e9ecef;\n}\n\n[data-theme='dark'] {\n  color-scheme: dark;\n  --civitai-color-text: #C1C2C5;\n  --civitai-color-text-dimmed: #8c8fa3;\n  --civitai-color-body: #1A1B1E;\n  --civitai-color-surface: #25262B;\n  --civitai-color-surface-2: #25262B;\n  --civitai-color-border: #373A40;\n  --civitai-color-primary: #1971C2;\n  --civitai-color-primary-hover: #1864AB;\n  --civitai-color-primary-fg: #fefefe;\n  --civitai-color-primary-light: rgba(34, 139, 230, 0.15);\n  --civitai-color-error: #e03131;\n  --civitai-color-success: #326D5C;\n  --civitai-color-warning: #e8590c;\n  --civitai-color-info: #1971C2;\n  --civitai-card-border-width: 0;\n  --civitai-color-track: #25262B;\n  --civitai-color-segmented-bg: #25262B;\n  --civitai-color-media-placeholder: #25262B;\n}\n\n@media (prefers-color-scheme: dark) {\n  :root:not([data-theme]) {\n    color-scheme: dark;\n    --civitai-color-text: #C1C2C5;\n    --civitai-color-text-dimmed: #8c8fa3;\n    --civitai-color-body: #1A1B1E;\n    --civitai-color-surface: #25262B;\n    --civitai-color-surface-2: #25262B;\n    --civitai-color-border: #373A40;\n    --civitai-color-primary: #1971C2;\n    --civitai-color-primary-hover: #1864AB;\n    --civitai-color-primary-fg: #fefefe;\n    --civitai-color-primary-light: rgba(34, 139, 230, 0.15);\n    --civitai-color-error: #e03131;\n    --civitai-color-success: #326D5C;\n    --civitai-color-warning: #e8590c;\n    --civitai-color-info: #1971C2;\n    --civitai-card-border-width: 0;\n    --civitai-color-track: #25262B;\n    --civitai-color-segmented-bg: #25262B;\n    --civitai-color-media-placeholder: #25262B;\n  }\n}\n";
 export type TokenName = keyof typeof tokens;
 //# sourceMappingURL=tokens.generated.d.ts.map

package/dist/tokens.generated.js

@@ -33,14 +33,18 @@ export const tokens = {
     "bpSm": "768px",
     "bpMd": "1024px",
     "bpLg": "1184px",
-    "bpXl": "1440px"
+    "bpXl": "1440px",
+    "cardBorderWidth": "1px",
+    "colorTrack": "#e9ecef",
+    "colorSegmentedBg": "#f1f3f5",
+    "colorMediaPlaceholder": "#e9ecef"
 };
 /** Dark-scheme overrides (only tokens that differ from light). */
 export const darkTokens = {
     "colorText": "#C1C2C5",
     "colorTextDimmed": "#8c8fa3",
     "colorBody": "#1A1B1E",
-    "colorSurface": "#1A1B1E",
+    "colorSurface": "#25262B",
     "colorSurface2": "#25262B",
     "colorBorder": "#373A40",
     "colorPrimary": "#1971C2",
@@ -50,7 +54,11 @@ export const darkTokens = {
     "colorError": "#e03131",
     "colorSuccess": "#326D5C",
     "colorWarning": "#e8590c",
-    "colorInfo": "#1971C2"
+    "colorInfo": "#1971C2",
+    "cardBorderWidth": "0",
+    "colorTrack": "#25262B",
+    "colorSegmentedBg": "#25262B",
+    "colorMediaPlaceholder": "#25262B"
 };
 /** `var(--civitai-*)` reference strings for inline JS styling. */
 export const tokenVars = {
@@ -85,8 +93,12 @@ export const tokenVars = {
     "bpSm": "var(--civitai-bp-sm)",
     "bpMd": "var(--civitai-bp-md)",
     "bpLg": "var(--civitai-bp-lg)",
-    "bpXl": "var(--civitai-bp-xl)"
+    "bpXl": "var(--civitai-bp-xl)",
+    "cardBorderWidth": "var(--civitai-card-border-width)",
+    "colorTrack": "var(--civitai-color-track)",
+    "colorSegmentedBg": "var(--civitai-color-segmented-bg)",
+    "colorMediaPlaceholder": "var(--civitai-color-media-placeholder)"
 };
 /** The full `--civitai-*` stylesheet (`:root` + light/dark). Also emitted to dist/tokens.css. */
-export const tokensCss = "/* AUTOGENERATED by @civitai/theme (scripts/build-tokens.ts). DO NOT EDIT.\n   Regenerate: pnpm --filter @civitai/theme build. Guarded by generation-parity test. */\n@property --civitai-color-text {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #222;\n}\n@property --civitai-color-text-dimmed {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #868e96;\n}\n@property --civitai-color-body {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #fefefe;\n}\n@property --civitai-color-surface {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #fefefe;\n}\n@property --civitai-color-surface-2 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #fefefe;\n}\n@property --civitai-color-border {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #ced4da;\n}\n@property --civitai-color-primary {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #228BE6;\n}\n@property --civitai-color-primary-hover {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #1C7ED6;\n}\n@property --civitai-color-primary-fg {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #fefefe;\n}\n@property --civitai-color-primary-light {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgba(34, 139, 230, 0.1);\n}\n@property --civitai-color-error {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #fa5252;\n}\n@property --civitai-color-success {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #299C7A;\n}\n@property --civitai-color-warning {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #fd7e14;\n}\n@property --civitai-color-info {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #228BE6;\n}\n@property --civitai-color-gray-0 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #f8f9fa;\n}\n@property --civitai-color-gray-1 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #f1f3f5;\n}\n@property --civitai-color-gray-2 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #e9ecef;\n}\n@property --civitai-color-gray-3 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #dee2e6;\n}\n@property --civitai-color-gray-4 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #ced4da;\n}\n@property --civitai-color-gray-5 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #adb5bd;\n}\n@property --civitai-color-gray-6 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #868e96;\n}\n@property --civitai-color-gray-7 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #495057;\n}\n@property --civitai-color-gray-8 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #343a40;\n}\n@property --civitai-color-gray-9 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #212529;\n}\n\n:root {\n  --civitai-font: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;\n  --civitai-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;\n  --civitai-radius: 0.25rem;\n  --civitai-color-text: #222;\n  --civitai-color-text-dimmed: #868e96;\n  --civitai-color-body: #fefefe;\n  --civitai-color-surface: #fefefe;\n  --civitai-color-surface-2: #fefefe;\n  --civitai-color-border: #ced4da;\n  --civitai-color-primary: #228BE6;\n  --civitai-color-primary-hover: #1C7ED6;\n  --civitai-color-primary-fg: #fefefe;\n  --civitai-color-primary-light: rgba(34, 139, 230, 0.1);\n  --civitai-color-error: #fa5252;\n  --civitai-color-success: #299C7A;\n  --civitai-color-warning: #fd7e14;\n  --civitai-color-info: #228BE6;\n  --civitai-color-gray-0: #f8f9fa;\n  --civitai-color-gray-1: #f1f3f5;\n  --civitai-color-gray-2: #e9ecef;\n  --civitai-color-gray-3: #dee2e6;\n  --civitai-color-gray-4: #ced4da;\n  --civitai-color-gray-5: #adb5bd;\n  --civitai-color-gray-6: #868e96;\n  --civitai-color-gray-7: #495057;\n  --civitai-color-gray-8: #343a40;\n  --civitai-color-gray-9: #212529;\n  --civitai-bp-xs: 480px;\n  --civitai-bp-sm: 768px;\n  --civitai-bp-md: 1024px;\n  --civitai-bp-lg: 1184px;\n  --civitai-bp-xl: 1440px;\n}\n\n[data-theme='light'] {\n  --civitai-font: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;\n  --civitai-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;\n  --civitai-radius: 0.25rem;\n  --civitai-color-text: #222;\n  --civitai-color-text-dimmed: #868e96;\n  --civitai-color-body: #fefefe;\n  --civitai-color-surface: #fefefe;\n  --civitai-color-surface-2: #fefefe;\n  --civitai-color-border: #ced4da;\n  --civitai-color-primary: #228BE6;\n  --civitai-color-primary-hover: #1C7ED6;\n  --civitai-color-primary-fg: #fefefe;\n  --civitai-color-primary-light: rgba(34, 139, 230, 0.1);\n  --civitai-color-error: #fa5252;\n  --civitai-color-success: #299C7A;\n  --civitai-color-warning: #fd7e14;\n  --civitai-color-info: #228BE6;\n  --civitai-color-gray-0: #f8f9fa;\n  --civitai-color-gray-1: #f1f3f5;\n  --civitai-color-gray-2: #e9ecef;\n  --civitai-color-gray-3: #dee2e6;\n  --civitai-color-gray-4: #ced4da;\n  --civitai-color-gray-5: #adb5bd;\n  --civitai-color-gray-6: #868e96;\n  --civitai-color-gray-7: #495057;\n  --civitai-color-gray-8: #343a40;\n  --civitai-color-gray-9: #212529;\n  --civitai-bp-xs: 480px;\n  --civitai-bp-sm: 768px;\n  --civitai-bp-md: 1024px;\n  --civitai-bp-lg: 1184px;\n  --civitai-bp-xl: 1440px;\n}\n\n[data-theme='dark'] {\n  --civitai-color-text: #C1C2C5;\n  --civitai-color-text-dimmed: #8c8fa3;\n  --civitai-color-body: #1A1B1E;\n  --civitai-color-surface: #1A1B1E;\n  --civitai-color-surface-2: #25262B;\n  --civitai-color-border: #373A40;\n  --civitai-color-primary: #1971C2;\n  --civitai-color-primary-hover: #1864AB;\n  --civitai-color-primary-fg: #fefefe;\n  --civitai-color-primary-light: rgba(34, 139, 230, 0.15);\n  --civitai-color-error: #e03131;\n  --civitai-color-success: #326D5C;\n  --civitai-color-warning: #e8590c;\n  --civitai-color-info: #1971C2;\n}\n";
+export const tokensCss = "/* AUTOGENERATED by @civitai/theme (scripts/build-tokens.ts). DO NOT EDIT.\n   Regenerate: pnpm --filter @civitai/theme build. Guarded by generation-parity test. */\n@property --civitai-color-text {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #222;\n}\n@property --civitai-color-text-dimmed {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #868e96;\n}\n@property --civitai-color-body {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #fefefe;\n}\n@property --civitai-color-surface {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #fefefe;\n}\n@property --civitai-color-surface-2 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #fefefe;\n}\n@property --civitai-color-border {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #ced4da;\n}\n@property --civitai-color-primary {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #228BE6;\n}\n@property --civitai-color-primary-hover {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #1C7ED6;\n}\n@property --civitai-color-primary-fg {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #fefefe;\n}\n@property --civitai-color-primary-light {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgba(34, 139, 230, 0.1);\n}\n@property --civitai-color-error {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #fa5252;\n}\n@property --civitai-color-success {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #299C7A;\n}\n@property --civitai-color-warning {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #fd7e14;\n}\n@property --civitai-color-info {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #228BE6;\n}\n@property --civitai-color-gray-0 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #f8f9fa;\n}\n@property --civitai-color-gray-1 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #f1f3f5;\n}\n@property --civitai-color-gray-2 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #e9ecef;\n}\n@property --civitai-color-gray-3 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #dee2e6;\n}\n@property --civitai-color-gray-4 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #ced4da;\n}\n@property --civitai-color-gray-5 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #adb5bd;\n}\n@property --civitai-color-gray-6 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #868e96;\n}\n@property --civitai-color-gray-7 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #495057;\n}\n@property --civitai-color-gray-8 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #343a40;\n}\n@property --civitai-color-gray-9 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #212529;\n}\n@property --civitai-color-track {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #e9ecef;\n}\n@property --civitai-color-segmented-bg {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #f1f3f5;\n}\n@property --civitai-color-media-placeholder {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #e9ecef;\n}\n\n:root {\n  color-scheme: light;\n  --civitai-font: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;\n  --civitai-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;\n  --civitai-radius: 0.25rem;\n  --civitai-color-text: #222;\n  --civitai-color-text-dimmed: #868e96;\n  --civitai-color-body: #fefefe;\n  --civitai-color-surface: #fefefe;\n  --civitai-color-surface-2: #fefefe;\n  --civitai-color-border: #ced4da;\n  --civitai-color-primary: #228BE6;\n  --civitai-color-primary-hover: #1C7ED6;\n  --civitai-color-primary-fg: #fefefe;\n  --civitai-color-primary-light: rgba(34, 139, 230, 0.1);\n  --civitai-color-error: #fa5252;\n  --civitai-color-success: #299C7A;\n  --civitai-color-warning: #fd7e14;\n  --civitai-color-info: #228BE6;\n  --civitai-color-gray-0: #f8f9fa;\n  --civitai-color-gray-1: #f1f3f5;\n  --civitai-color-gray-2: #e9ecef;\n  --civitai-color-gray-3: #dee2e6;\n  --civitai-color-gray-4: #ced4da;\n  --civitai-color-gray-5: #adb5bd;\n  --civitai-color-gray-6: #868e96;\n  --civitai-color-gray-7: #495057;\n  --civitai-color-gray-8: #343a40;\n  --civitai-color-gray-9: #212529;\n  --civitai-bp-xs: 480px;\n  --civitai-bp-sm: 768px;\n  --civitai-bp-md: 1024px;\n  --civitai-bp-lg: 1184px;\n  --civitai-bp-xl: 1440px;\n  --civitai-card-border-width: 1px;\n  --civitai-color-track: #e9ecef;\n  --civitai-color-segmented-bg: #f1f3f5;\n  --civitai-color-media-placeholder: #e9ecef;\n}\n\n[data-theme='light'] {\n  color-scheme: light;\n  --civitai-font: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;\n  --civitai-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;\n  --civitai-radius: 0.25rem;\n  --civitai-color-text: #222;\n  --civitai-color-text-dimmed: #868e96;\n  --civitai-color-body: #fefefe;\n  --civitai-color-surface: #fefefe;\n  --civitai-color-surface-2: #fefefe;\n  --civitai-color-border: #ced4da;\n  --civitai-color-primary: #228BE6;\n  --civitai-color-primary-hover: #1C7ED6;\n  --civitai-color-primary-fg: #fefefe;\n  --civitai-color-primary-light: rgba(34, 139, 230, 0.1);\n  --civitai-color-error: #fa5252;\n  --civitai-color-success: #299C7A;\n  --civitai-color-warning: #fd7e14;\n  --civitai-color-info: #228BE6;\n  --civitai-color-gray-0: #f8f9fa;\n  --civitai-color-gray-1: #f1f3f5;\n  --civitai-color-gray-2: #e9ecef;\n  --civitai-color-gray-3: #dee2e6;\n  --civitai-color-gray-4: #ced4da;\n  --civitai-color-gray-5: #adb5bd;\n  --civitai-color-gray-6: #868e96;\n  --civitai-color-gray-7: #495057;\n  --civitai-color-gray-8: #343a40;\n  --civitai-color-gray-9: #212529;\n  --civitai-bp-xs: 480px;\n  --civitai-bp-sm: 768px;\n  --civitai-bp-md: 1024px;\n  --civitai-bp-lg: 1184px;\n  --civitai-bp-xl: 1440px;\n  --civitai-card-border-width: 1px;\n  --civitai-color-track: #e9ecef;\n  --civitai-color-segmented-bg: #f1f3f5;\n  --civitai-color-media-placeholder: #e9ecef;\n}\n\n[data-theme='dark'] {\n  color-scheme: dark;\n  --civitai-color-text: #C1C2C5;\n  --civitai-color-text-dimmed: #8c8fa3;\n  --civitai-color-body: #1A1B1E;\n  --civitai-color-surface: #25262B;\n  --civitai-color-surface-2: #25262B;\n  --civitai-color-border: #373A40;\n  --civitai-color-primary: #1971C2;\n  --civitai-color-primary-hover: #1864AB;\n  --civitai-color-primary-fg: #fefefe;\n  --civitai-color-primary-light: rgba(34, 139, 230, 0.15);\n  --civitai-color-error: #e03131;\n  --civitai-color-success: #326D5C;\n  --civitai-color-warning: #e8590c;\n  --civitai-color-info: #1971C2;\n  --civitai-card-border-width: 0;\n  --civitai-color-track: #25262B;\n  --civitai-color-segmented-bg: #25262B;\n  --civitai-color-media-placeholder: #25262B;\n}\n\n@media (prefers-color-scheme: dark) {\n  :root:not([data-theme]) {\n    color-scheme: dark;\n    --civitai-color-text: #C1C2C5;\n    --civitai-color-text-dimmed: #8c8fa3;\n    --civitai-color-body: #1A1B1E;\n    --civitai-color-surface: #25262B;\n    --civitai-color-surface-2: #25262B;\n    --civitai-color-border: #373A40;\n    --civitai-color-primary: #1971C2;\n    --civitai-color-primary-hover: #1864AB;\n    --civitai-color-primary-fg: #fefefe;\n    --civitai-color-primary-light: rgba(34, 139, 230, 0.15);\n    --civitai-color-error: #e03131;\n    --civitai-color-success: #326D5C;\n    --civitai-color-warning: #e8590c;\n    --civitai-color-info: #1971C2;\n    --civitai-card-border-width: 0;\n    --civitai-color-track: #25262B;\n    --civitai-color-segmented-bg: #25262B;\n    --civitai-color-media-placeholder: #25262B;\n  }\n}\n";
 //# sourceMappingURL=tokens.generated.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@civitai/theme",
-  "version": "0.3.1",
+  "version": "0.4.0",
   "description": "Framework-agnostic --civitai-* design tokens, derived build-time from civitai's real Mantine theme. CSS + typed JS + W3C DTCG.",
   "license": "MIT",
   "type": "module",
@@ -14,8 +14,10 @@
     "./styles.css": "./dist/tokens.css",
     "./tokens.json": "./dist/tokens.dtcg.json"
   },
+  "comment-packaging": "`!dist/**/*.map` keeps dangling sourcemaps out of the tarball (#376). Rationale: scripts/check-shipped-sourcemaps.mjs.",
   "files": [
     "dist",
+    "!dist/**/*.map",
     "styles.css",
     "README.md"
   ],

package/styles.css

@@ -120,8 +120,24 @@
   inherits: true;
   initial-value: #212529;
 }
+@property --civitai-color-track {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: #e9ecef;
+}
+@property --civitai-color-segmented-bg {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: #f1f3f5;
+}
+@property --civitai-color-media-placeholder {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: #e9ecef;
+}
 
 :root {
+  color-scheme: light;
   --civitai-font: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
   --civitai-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
   --civitai-radius: 0.25rem;
@@ -154,9 +170,14 @@
   --civitai-bp-md: 1024px;
   --civitai-bp-lg: 1184px;
   --civitai-bp-xl: 1440px;
+  --civitai-card-border-width: 1px;
+  --civitai-color-track: #e9ecef;
+  --civitai-color-segmented-bg: #f1f3f5;
+  --civitai-color-media-placeholder: #e9ecef;
 }
 
 [data-theme='light'] {
+  color-scheme: light;
   --civitai-font: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
   --civitai-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
   --civitai-radius: 0.25rem;
@@ -189,13 +210,18 @@
   --civitai-bp-md: 1024px;
   --civitai-bp-lg: 1184px;
   --civitai-bp-xl: 1440px;
+  --civitai-card-border-width: 1px;
+  --civitai-color-track: #e9ecef;
+  --civitai-color-segmented-bg: #f1f3f5;
+  --civitai-color-media-placeholder: #e9ecef;
 }
 
 [data-theme='dark'] {
+  color-scheme: dark;
   --civitai-color-text: #C1C2C5;
   --civitai-color-text-dimmed: #8c8fa3;
   --civitai-color-body: #1A1B1E;
-  --civitai-color-surface: #1A1B1E;
+  --civitai-color-surface: #25262B;
   --civitai-color-surface-2: #25262B;
   --civitai-color-border: #373A40;
   --civitai-color-primary: #1971C2;
@@ -206,4 +232,32 @@
   --civitai-color-success: #326D5C;
   --civitai-color-warning: #e8590c;
   --civitai-color-info: #1971C2;
+  --civitai-card-border-width: 0;
+  --civitai-color-track: #25262B;
+  --civitai-color-segmented-bg: #25262B;
+  --civitai-color-media-placeholder: #25262B;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root:not([data-theme]) {
+    color-scheme: dark;
+    --civitai-color-text: #C1C2C5;
+    --civitai-color-text-dimmed: #8c8fa3;
+    --civitai-color-body: #1A1B1E;
+    --civitai-color-surface: #25262B;
+    --civitai-color-surface-2: #25262B;
+    --civitai-color-border: #373A40;
+    --civitai-color-primary: #1971C2;
+    --civitai-color-primary-hover: #1864AB;
+    --civitai-color-primary-fg: #fefefe;
+    --civitai-color-primary-light: rgba(34, 139, 230, 0.15);
+    --civitai-color-error: #e03131;
+    --civitai-color-success: #326D5C;
+    --civitai-color-warning: #e8590c;
+    --civitai-color-info: #1971C2;
+    --civitai-card-border-width: 0;
+    --civitai-color-track: #25262B;
+    --civitai-color-segmented-bg: #25262B;
+    --civitai-color-media-placeholder: #25262B;
+  }
 }

package/dist/breakpoints.source.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"breakpoints.source.d.ts","sourceRoot":"","sources":["../src/breakpoints.source.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AAEH,kFAAkF;AAClF,eAAO,MAAM,eAAe,yCAA0C,CAAC;AAEvE,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAE7D;;;GAGG;AACH,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAMlE,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAEpB,CAAC"}

package/dist/breakpoints.source.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"breakpoints.source.js","sourceRoot":"","sources":["../src/breakpoints.source.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AAEH,kFAAkF;AAClF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAU,CAAC;AAIvE;;;GAGG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAkC;IACrE,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,QAAQ;CACb,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,WAAW,GAAkC,MAAM,CAAC,WAAW,CAC1E,eAAe,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,GAAG,EAAE,QAAQ,CAAC,wBAAwB,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAChD,CAAC"}

package/dist/generate.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"generate.d.ts","sourceRoot":"","sources":["../src/generate.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,EAIL,KAAK,oBAAoB,EAC1B,MAAM,eAAe,CAAC;AAKvB,6EAA6E;AAC7E,UAAU,SAAS;IACjB,yEAAyE;IACzE,IAAI,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;;;;OAQG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,8EAA8E;IAC9E,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAClC,WAAW,EAAE,MAAM,CAAC;IACpB;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AA4LD,MAAM,WAAW,cAAc;IAC7B,0EAA0E;IAC1E,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC7B,0EAA0E;IAC1E,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC7B,wCAAwC;IACxC,IAAI,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CAC1F;AAKD,8EAA8E;AAC9E,wBAAgB,aAAa,CAAC,aAAa,GAAE,oBAAyC,GAAG,cAAc,CA6BtG;AASD,MAAM,WAAW,SAAS;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,iFAAiF;IACjF,qBAAqB,EAAE,MAAM,CAAC;CAC/B;AAMD,iDAAiD;AACjD,wBAAgB,cAAc,CAAC,aAAa,GAAE,oBAAyC,GAAG,SAAS,CAsFlG"}

package/dist/generate.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"generate.js","sourceRoot":"","sources":["../src/generate.ts"],"names":[],"mappings":"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"}

package/dist/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,uBAAuB,CAAC;AACjG,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EACL,eAAe,EACf,WAAW,EACX,wBAAwB,EACxB,KAAK,aAAa,GACnB,MAAM,yBAAyB,CAAC"}

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAkB,MAAM,uBAAuB,CAAC;AACjG,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EACL,eAAe,EACf,WAAW,EACX,wBAAwB,GAEzB,MAAM,yBAAyB,CAAC"}

package/dist/inject.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"inject.d.ts","sourceRoot":"","sources":["../src/inject.ts"],"names":[],"mappings":"AAKA;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,GAAG,CAAC,EAAE,QAAQ,GAAG,IAAI,CAUjD"}

package/dist/inject.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"inject.js","sourceRoot":"","sources":["../src/inject.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,6EAA6E;AAC7E,MAAM,YAAY,GAAG,oBAAoB,CAAC;AAE1C;;;;;GAKG;AACH,MAAM,UAAU,YAAY,CAAC,GAAc;IACzC,MAAM,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,QAAQ,KAAK,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAC/E,IAAI,CAAC,MAAM;QAAE,OAAO;IACpB,IAAI,MAAM,CAAC,aAAa,CAAC,SAAS,YAAY,GAAG,CAAC;QAAE,OAAO;IAC3D,MAAM,KAAK,GAAG,MAAM,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC5C,KAAK,CAAC,YAAY,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;IACzC,KAAK,CAAC,WAAW,GAAG,SAAS,CAAC;IAC9B,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,IAAI,MAAM,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IACnE,IAAI,IAAI;QAAE,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;;QAC7B,MAAM,CAAC,eAAe,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AACjD,CAAC"}

package/dist/theme.source.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme.source.d.ts","sourceRoot":"","sources":["../src/theme.source.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAE1D,eAAO,MAAM,kBAAkB,EAAE,oBA0IhC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,4GAY3B,CAAC;AAEX;;;;;;;GAOG;AACH,eAAO,MAAM,yBAAyB,0EAK5B,CAAC"}

package/dist/theme.source.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme.source.js","sourceRoot":"","sources":["../src/theme.source.ts"],"names":[],"mappings":"AA2BA,MAAM,CAAC,MAAM,kBAAkB,GAAyB;IACtD,MAAM,EAAE;QACN,IAAI,EAAE;YACJ,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;SACV;QACD,IAAI,EAAE;YACJ,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;SACV;QACD,MAAM,EAAE;YACN,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;SACV;QACD,KAAK,EAAE;YACL,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;SACV;QACD,IAAI,EAAE;YACJ,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;SACV;QACD,GAAG,EAAE;YACH,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;SACV;QACD,MAAM,EAAE;YACN,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;SACV;QACD,IAAI,EAAE;YACJ,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;SACV;QACD,IAAI,EAAE;YACJ,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;SACV;QACD,MAAM,EAAE;YACN,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;SACV;QACD,OAAO,EAAE;YACP,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;SACV;KACF;IACD,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,MAAM;IACb,oBAAoB,EAAE,IAAI;CAC3B,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG;IACtC,MAAM;IACN,MAAM;IACN,QAAQ;IACR,OAAO;IACP,MAAM;IACN,KAAK;IACL,QAAQ;IACR,MAAM;IACN,MAAM;IACN,QAAQ;IACR,SAAS;CACD,CAAC;AAEX;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG;IACvC,cAAc;IACd,cAAc;IACd,eAAe;IACf,YAAY;CACJ,CAAC"}

package/dist/tokens.generated.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tokens.generated.d.ts","sourceRoot":"","sources":["../src/tokens.generated.ts"],"names":[],"mappings":"AAGA,iEAAiE;AACjE,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiCT,CAAC;AAEX,kEAAkE;AAClE,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;CAeb,CAAC;AAEX,kEAAkE;AAClE,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiCZ,CAAC;AAEX,iGAAiG;AACjG,eAAO,MAAM,SAAS,w5LAAw5L,CAAC;AAE/6L,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,MAAM,CAAC"}

package/dist/tokens.generated.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tokens.generated.js","sourceRoot":"","sources":["../src/tokens.generated.ts"],"names":[],"mappings":"AAAA;wFACwF;AAExF,iEAAiE;AACjE,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,MAAM,EAAE,sHAAsH;IAC9H,UAAU,EAAE,gGAAgG;IAC5G,QAAQ,EAAE,SAAS;IACnB,WAAW,EAAE,MAAM;IACnB,iBAAiB,EAAE,SAAS;IAC5B,WAAW,EAAE,SAAS;IACtB,cAAc,EAAE,SAAS;IACzB,eAAe,EAAE,SAAS;IAC1B,aAAa,EAAE,SAAS;IACxB,cAAc,EAAE,SAAS;IACzB,mBAAmB,EAAE,SAAS;IAC9B,gBAAgB,EAAE,SAAS;IAC3B,mBAAmB,EAAE,yBAAyB;IAC9C,YAAY,EAAE,SAAS;IACvB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,WAAW,EAAE,SAAS;IACtB,YAAY,EAAE,SAAS;IACvB,YAAY,EAAE,SAAS;IACvB,YAAY,EAAE,SAAS;IACvB,YAAY,EAAE,SAAS;IACvB,YAAY,EAAE,SAAS;IACvB,YAAY,EAAE,SAAS;IACvB,YAAY,EAAE,SAAS;IACvB,YAAY,EAAE,SAAS;IACvB,YAAY,EAAE,SAAS;IACvB,YAAY,EAAE,SAAS;IACvB,MAAM,EAAE,OAAO;IACf,MAAM,EAAE,OAAO;IACf,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;CACR,CAAC;AAEX,kEAAkE;AAClE,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,WAAW,EAAE,SAAS;IACtB,iBAAiB,EAAE,SAAS;IAC5B,WAAW,EAAE,SAAS;IACtB,cAAc,EAAE,SAAS;IACzB,eAAe,EAAE,SAAS;IAC1B,aAAa,EAAE,SAAS;IACxB,cAAc,EAAE,SAAS;IACzB,mBAAmB,EAAE,SAAS;IAC9B,gBAAgB,EAAE,SAAS;IAC3B,mBAAmB,EAAE,0BAA0B;IAC/C,YAAY,EAAE,SAAS;IACvB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,WAAW,EAAE,SAAS;CACd,CAAC;AAEX,kEAAkE;AAClE,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,MAAM,EAAE,qBAAqB;IAC7B,UAAU,EAAE,0BAA0B;IACtC,QAAQ,EAAE,uBAAuB;IACjC,WAAW,EAAE,2BAA2B;IACxC,iBAAiB,EAAE,kCAAkC;IACrD,WAAW,EAAE,2BAA2B;IACxC,cAAc,EAAE,8BAA8B;IAC9C,eAAe,EAAE,gCAAgC;IACjD,aAAa,EAAE,6BAA6B;IAC5C,cAAc,EAAE,8BAA8B;IAC9C,mBAAmB,EAAE,oCAAoC;IACzD,gBAAgB,EAAE,iCAAiC;IACnD,mBAAmB,EAAE,oCAAoC;IACzD,YAAY,EAAE,4BAA4B;IAC1C,cAAc,EAAE,8BAA8B;IAC9C,cAAc,EAAE,8BAA8B;IAC9C,WAAW,EAAE,2BAA2B;IACxC,YAAY,EAAE,6BAA6B;IAC3C,YAAY,EAAE,6BAA6B;IAC3C,YAAY,EAAE,6BAA6B;IAC3C,YAAY,EAAE,6BAA6B;IAC3C,YAAY,EAAE,6BAA6B;IAC3C,YAAY,EAAE,6BAA6B;IAC3C,YAAY,EAAE,6BAA6B;IAC3C,YAAY,EAAE,6BAA6B;IAC3C,YAAY,EAAE,6BAA6B;IAC3C,YAAY,EAAE,6BAA6B;IAC3C,MAAM,EAAE,sBAAsB;IAC9B,MAAM,EAAE,sBAAsB;IAC9B,MAAM,EAAE,sBAAsB;IAC9B,MAAM,EAAE,sBAAsB;IAC9B,MAAM,EAAE,sBAAsB;CACtB,CAAC;AAEX,iGAAiG;AACjG,MAAM,CAAC,MAAM,SAAS,GAAG,q5LAAq5L,CAAC"}