@7onic-ui/tokens 0.3.0 → 0.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/css/all.css +2 -1
  2. package/css/reset.css +26 -0
  3. package/css/variables.css +12 -0
  4. package/llms.txt +1 -1
  5. package/package.json +2 -1
  6. package/tailwind/v4.css +2 -1
package/css/all.css CHANGED
@@ -1,6 +1,7 @@
1
1
  /* Auto-generated by sync-tokens — DO NOT EDIT */
2
- /* All-in-one CSS bundle: variables + light/dark themes */
2
+ /* All-in-one CSS bundle: variables + light/dark themes + framework baseline */
3
3
 
4
4
  @import './variables.css';
5
5
  @import './themes/light.css';
6
6
  @import './themes/dark.css';
7
+ @import './reset.css';
package/css/reset.css ADDED
@@ -0,0 +1,26 @@
1
+ /**
2
+ * Framework template baseline reset
3
+ * ⚠️ Auto-generated — DO NOT EDIT
4
+ *
5
+ * Bundled into all.css and tailwind/v4.css.
6
+ * Opt-out: import individual files (variables.css + themes/*) instead of bundle.
7
+ *
8
+ * Selector specificity: html body (0,0,2) > body (0,0,1)
9
+ * Wins over Vite/Next.js default body rules regardless of source order.
10
+ *
11
+ * Override paths:
12
+ * 1. Tailwind class on <body> — most common, most idiomatic
13
+ * 2. Same-selector CSS after our import — source order wins
14
+ * 3. Skip bundle, import individual files — complete opt-out
15
+ *
16
+ * See: docs/decisions/NEXTJS-FRAMEWORK-COMPAT-STRATEGY.md
17
+ */
18
+
19
+ html body {
20
+ background-color: var(--color-background);
21
+ color: var(--color-foreground);
22
+ display: block;
23
+ place-items: initial;
24
+ min-width: auto;
25
+ margin: 0;
26
+ }
package/css/variables.css CHANGED
@@ -931,3 +931,15 @@
931
931
  .animate-typing-cursor {
932
932
  animation: typing-cursor var(--duration-spin) var(--easing-ease-in-out) infinite;
933
933
  }
934
+
935
+ /* ========================================
936
+ Framework Compat Aliases
937
+ Next.js 15 / Tailwind v4 convention mapping.
938
+ html:root (0,1,1) > :root (0,1,0) — wins cascade
939
+ regardless of source order vs framework defaults.
940
+ ======================================== */
941
+
942
+ html:root {
943
+ --background: var(--color-background);
944
+ --foreground: var(--color-foreground);
945
+ }
package/llms.txt CHANGED
@@ -443,7 +443,7 @@ The token system is comprehensive — semantic colors, primitives, spacing, typo
443
443
  - **Never assume specific color values** — token values are defined by the user's project
444
444
  - **Never add CSS variables, hex values, or arbitrary Tailwind values**
445
445
  - **Token customization is the user's responsibility** — if the user needs custom values, they will handle it separately. See: https://7onic.design/components/theming
446
- - **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`
446
+ - **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`
447
447
 
448
448
  ### Self-Check (after writing ANY code)
449
449
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@7onic-ui/tokens",
3
- "version": "0.3.0",
3
+ "version": "0.3.1",
4
4
  "description": "Design tokens for 7onic — single source for design and code. CSS variables, Tailwind presets, JS, TypeScript",
5
5
  "author": "7onic",
6
6
  "license": "MIT",
@@ -27,6 +27,7 @@
27
27
  "./css/variables.css": "./css/variables.css",
28
28
  "./css/themes/light.css": "./css/themes/light.css",
29
29
  "./css/themes/dark.css": "./css/themes/dark.css",
30
+ "./css/reset.css": "./css/reset.css",
30
31
  "./tailwind/v3-preset": "./tailwind/v3-preset.js",
31
32
  "./tailwind/v3-preset.js": "./tailwind/v3-preset.js",
32
33
  "./tailwind/v4-theme": "./tailwind/v4-theme.css",
package/tailwind/v4.css CHANGED
@@ -1,7 +1,8 @@
1
1
  /* Auto-generated by sync-tokens — DO NOT EDIT */
2
- /* All-in-one Tailwind v4 bundle: variables + themes + v4 mapping */
2
+ /* All-in-one Tailwind v4 bundle: variables + themes + reset + v4 mapping */
3
3
 
4
4
  @import '../css/variables.css';
5
5
  @import '../css/themes/light.css';
6
6
  @import '../css/themes/dark.css';
7
+ @import '../css/reset.css';
7
8
  @import './v4-theme.css';