@nebutra/tokens 0.1.3 → 3.0.0

package/brands/vanta/brand.json

@@ -15,7 +15,6 @@
     "muted": "240 20% 93%",
     "mutedForeground": "238 11% 48%",
     "border": "240 17% 11%",
-    "input": "0 0% 100%",
     "ring": "268 95% 39%",
     "destructive": "0 72% 51%",
     "destructiveForeground": "0 0% 100%",
@@ -44,7 +43,6 @@
     "destructive": "0 72% 51%",
     "destructiveForeground": "0 0% 100%",
     "border": "240 17% 11%",
-    "input": "0 0% 100%",
     "ring": "268 95% 39%",
     "warning": "44 100% 53%",
     "warningForeground": "240 17% 11%",
@@ -72,42 +70,7 @@
   "typography": {
     "fontSans": "'Inter Variable', 'Inter', ui-sans-serif, system-ui, sans-serif",
     "fontDisplay": "'Reckless', 'Source Serif 4', 'Lora', ui-serif, Georgia, serif",
-    "headingWeight": 500,
-    "faces": [
-      {
-        "family": "Inter Variable",
-        "src": [
-          {
-            "url": "https://cdn.jsdelivr.net/fontsource/fonts/inter:vf@latest/latin-wght-normal.woff2",
-            "format": "woff2"
-          }
-        ],
-        "weight": "100 900",
-        "display": "swap"
-      },
-      {
-        "family": "Reckless",
-        "src": [
-          {
-            "url": "/brand-assets/reckless-regular.woff2",
-            "format": "woff2"
-          }
-        ],
-        "weight": 400,
-        "display": "swap"
-      },
-      {
-        "family": "Reckless",
-        "src": [
-          {
-            "url": "/brand-assets/reckless-medium.woff2",
-            "format": "woff2"
-          }
-        ],
-        "weight": 500,
-        "display": "swap"
-      }
-    ]
+    "headingWeight": 500
   },
   "motion": {
     "easeOut": "cubic-bezier(0.33, 1, 0.68, 1)",

package/brands/vercel/brand.json

@@ -21,7 +21,6 @@
     "destructive": "0 72% 51%",
     "destructiveForeground": "0 0% 100%",
     "border": "0 0% 92%",
-    "input": "0 0% 100%",
     "ring": "0 0% 9%",
     "success": "133 50% 32%",
     "successForeground": "0 0% 100%",
@@ -48,7 +47,6 @@
         "destructive": "0 72% 51%",
         "destructiveForeground": "0 0% 100%",
         "border": "0 0% 92%",
-        "input": "0 0% 100%",
         "ring": "0 0% 9%",
         "success": "133 50% 32%",
         "successForeground": "0 0% 100%",
@@ -75,7 +73,6 @@
         "destructive": "0 72% 51%",
         "destructiveForeground": "0 0% 100%",
         "border": "0 0% 16%",
-        "input": "0 0% 4%",
         "ring": "0 0% 100%",
         "success": "133 49% 40%",
         "successForeground": "0 0% 100%",
@@ -106,20 +103,7 @@
     "fontSans": "'Geist Sans', 'Geist', ui-sans-serif, system-ui, sans-serif",
     "fontMono": "'Geist Mono', ui-monospace, Menlo, monospace",
     "fontDisplay": "'Geist Sans', 'Geist', ui-sans-serif, system-ui, sans-serif",
-    "headingWeight": 450,
-    "faces": [
-      {
-        "family": "Geist Sans",
-        "src": [
-          {
-            "url": "https://cdn.jsdelivr.net/fontsource/fonts/geist-sans:vf@latest/latin-wght-normal.woff2",
-            "format": "woff2"
-          }
-        ],
-        "weight": "100 900",
-        "display": "swap"
-      }
-    ]
+    "headingWeight": 450
   },
   "motion": {
     "easeOut": "cubic-bezier(0, 0, 0.2, 1)",
@@ -161,7 +145,6 @@
     "muted": "0 0% 92%",
     "mutedForeground": "0 0% 40%",
     "border": "0 0% 92%",
-    "input": "0 0% 100%",
     "ring": "0 0% 9%",
     "destructive": "0 72% 51%",
     "destructiveForeground": "0 0% 100%",

package/dist/brand-package/index.d.ts

@@ -1,5 +1,5 @@
-import { C as CompileResult, d as BrandPackage, m as ButtonDefaultStyle, E as ElevationStyle, D as Density, n as BrandPackageInput, o as BrandSemanticColors, a as BrandColorRoles, b as BrandElevationTokens, p as BrandModePalette } from '../use-brand-C8d4DPqE.js';
-export { A as ApplyBrandOptions, B as BRAND_STORAGE_KEY, q as BRAND_STYLE_ELEMENT_ID, s as BadgeDefaultStyle, t as BrandExtensions, c as BrandFontFace, v as BrandFontSource, w as BrandIframePreviewOptions, x as BrandModes, e as BrandRadii, f as BrandRecipe, y as BrandRecipeInput, z as BrandTypography, F as CssColor, H as HslChannels, U as UseBrandIframePreviewResult, G as UseBrandOptions, I as UseBrandResult, g as applyBrandCss, h as applyBrandPackage, i as applyBrandToIframe, j as clearBrand, k as getActiveBrandId, r as restorePersistedBrand, u as useBrand, l as useBrandIframePreview } from '../use-brand-C8d4DPqE.js';
+import { C as CompileResult, e as BrandPackage, o as ButtonDefaultStyle, E as ElevationStyle, D as Density, p as BrandPackageInput, q as BrandSemanticColors, a as BrandColorRoles, b as BrandElevationTokens, s as BrandModePalette } from '../use-brand-ClmvK_lC.js';
+export { A as ApplyBrandOptions, B as BRAND_STORAGE_KEY, t as BRAND_STYLE_ELEMENT_ID, v as BadgeDefaultStyle, w as BrandExtensions, c as BrandFontFace, x as BrandFontSource, d as BrandIframePreviewOptions, y as BrandModes, f as BrandRadii, g as BrandRecipe, z as BrandRecipeInput, F as BrandTypography, G as CssColor, H as HslChannels, I as UseBrandIframePreviewResult, U as UseBrandOptions, h as UseBrandResult, i as applyBrandCss, j as applyBrandPackage, l as clearBrand, m as getActiveBrandId, r as restorePersistedBrand } from '../use-brand-ClmvK_lC.js';
 import 'react';
 
 /**
@@ -43,19 +43,25 @@ type EmitBrandCssMode =
  | "scoped";
 interface EmitBrandCssOptions {
     /**
-     * `global` (default): `:root` + `html[data-brand]` — one import recolors the app.
+     * `global` (default): `:root` + `<root>[data-brand]` — one import recolors the app.
      * Single-mode dark packs also include `.dark`.
      * Dual-mode packs (`modes.light` + `modes.dark`) emit separate light/dark color blocks.
-     * `scoped`: only `html[data-brand]` (+ `html.dark[data-brand]` when dual).
+     * `scoped`: only `<root>[data-brand]` (+ `<root>.dark[data-brand]` when dual).
      */
     mode?: EmitBrandCssMode;
+    /**
+     * Element the carrier attaches to. Defaults to `html` — the app-level swap.
+     * A subtree preview passes its own root (e.g. `.theme-preview-artboard`) so
+     * the emitted CSS cannot leak out of the preview.
+     */
+    root?: string;
 }
 /** Global single-skin selector list — single-mode packs only. */
-declare function emitGlobalSkinSelector(brandId: string, darkDefault: boolean): string;
+declare function emitGlobalSkinSelector(brandId: string, darkDefault: boolean, root?: string): string;
 /** Light mode selector (dual-mode). */
-declare function emitLightModeSelector(brandId: string, mode: EmitBrandCssMode): string;
+declare function emitLightModeSelector(brandId: string, mode: EmitBrandCssMode, root?: string): string;
 /** Dark mode selector (dual-mode) — never paints light colors under .dark. */
-declare function emitDarkModeSelector(brandId: string, mode: EmitBrandCssMode): string;
+declare function emitDarkModeSelector(brandId: string, mode: EmitBrandCssMode, root?: string): string;
 /**
  * Emit a single opt-in skin CSS file from a Brand Package.
  */