@7onic-ui/tokens 0.3.1 → 0.3.2

package/css/all.css

@@ -1,7 +1,6 @@
 /* Auto-generated by sync-tokens — DO NOT EDIT */
-/* All-in-one CSS bundle: variables + light/dark themes + framework baseline */
+/* All-in-one CSS bundle: variables + light/dark themes */
 
 @import './variables.css';
 @import './themes/light.css';
 @import './themes/dark.css';
-@import './reset.css';

package/css/themes/dark.css

@@ -11,7 +11,7 @@
  */
 
 @media (prefers-color-scheme: dark) {
-  :root:not([data-theme="light"]) {
+  html:root:not([data-theme="light"]) {
     /* Background */
     --color-background: var(--color-gray-900);
     --color-background-rgb: 34 34 37;
@@ -155,8 +155,8 @@
   }
 }
 
-:root[data-theme="dark"],
-:root.dark {
+html:root[data-theme="dark"],
+html:root.dark {
   /* Background */
   --color-background: var(--color-gray-900);
   --color-background-rgb: 34 34 37;

package/css/themes/light.css

@@ -5,7 +5,7 @@
  * Usage: @import '@7onic-ui/tokens/css/themes/light.css';
  */
 
-:root {
+html:root {
   /* Background */
   --color-background: var(--color-white);
   --color-background-rgb: 255 255 255;

package/css/variables.css

@@ -934,12 +934,27 @@
 
 /* ========================================
    Framework Compat Aliases
-   Next.js 15 / Tailwind v4 convention mapping.
-   html:root (0,1,1) > :root (0,1,0) — wins cascade
-   regardless of source order vs framework defaults.
+   Maps Next.js 15 / Tailwind v4 convention
+   (--background, --foreground) to our tokens.
    ======================================== */
 
 html:root {
   --background: var(--color-background);
-  --foreground: var(--color-foreground);
+  --foreground: var(--color-text);
+  color-scheme: light dark;
+}
+
+/* ========================================
+   Body Baseline
+   Overrides framework default body rules.
+   ======================================== */
+
+html body {
+  background-color: var(--color-background);
+  color: var(--color-foreground);
+  font-family: var(--font-family-sans);
+  display: block;
+  place-items: initial;
+  min-width: auto;
+  margin: 0;
 }

package/llms.txt

@@ -443,7 +443,7 @@ The token system is comprehensive — semantic colors, primitives, spacing, typo
 - **Never assume specific color values** — token values are defined by the user's project
 - **Never add CSS variables, hex values, or arbitrary Tailwind values**
 - **Token customization is the user's responsibility** — if the user needs custom values, they will handle it separately. See: https://7onic.design/components/theming
-- **Never modify generated token files** — the following files are auto-generated from figma-tokens.json via sync-tokens. AI must never edit, add to, or delete from these files: `variables.css`, `light.css`, `dark.css`, `reset.css`, `v3-preset.js`, `v4-theme.css`, `index.js`, `index.mjs`, `index.d.ts`, `tokens.json`
+- **Never modify generated token files** — the following files are auto-generated from figma-tokens.json via sync-tokens. AI must never edit, add to, or delete from these files: `variables.css`, `light.css`, `dark.css`, `v3-preset.js`, `v4-theme.css`, `index.js`, `index.mjs`, `index.d.ts`, `tokens.json`
 
 ### Self-Check (after writing ANY code)
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@7onic-ui/tokens",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "description": "Design tokens for 7onic — single source for design and code. CSS variables, Tailwind presets, JS, TypeScript",
   "author": "7onic",
   "license": "MIT",
@@ -27,7 +27,6 @@
     "./css/variables.css": "./css/variables.css",
     "./css/themes/light.css": "./css/themes/light.css",
     "./css/themes/dark.css": "./css/themes/dark.css",
-    "./css/reset.css": "./css/reset.css",
     "./tailwind/v3-preset": "./tailwind/v3-preset.js",
     "./tailwind/v3-preset.js": "./tailwind/v3-preset.js",
     "./tailwind/v4-theme": "./tailwind/v4-theme.css",

package/tailwind/v4.css

@@ -1,8 +1,7 @@
 /* Auto-generated by sync-tokens — DO NOT EDIT */
-/* All-in-one Tailwind v4 bundle: variables + themes + reset + v4 mapping */
+/* All-in-one Tailwind v4 bundle: variables + themes + v4 mapping */
 
 @import '../css/variables.css';
 @import '../css/themes/light.css';
 @import '../css/themes/dark.css';
-@import '../css/reset.css';
 @import './v4-theme.css';

package/css/reset.css

@@ -1,26 +0,0 @@
-/**
- * Framework template baseline reset
- * ⚠️ Auto-generated — DO NOT EDIT
- *
- * Bundled into all.css and tailwind/v4.css.
- * Opt-out: import individual files (variables.css + themes/*) instead of bundle.
- *
- * Selector specificity: html body (0,0,2) > body (0,0,1)
- * Wins over Vite/Next.js default body rules regardless of source order.
- *
- * Override paths:
- *   1. Tailwind class on <body> — most common, most idiomatic
- *   2. Same-selector CSS after our import — source order wins
- *   3. Skip bundle, import individual files — complete opt-out
- *
- * See: docs/decisions/NEXTJS-FRAMEWORK-COMPAT-STRATEGY.md
- */
-
-html body {
-  background-color: var(--color-background);
-  color: var(--color-foreground);
-  display: block;
-  place-items: initial;
-  min-width: auto;
-  margin: 0;
-}