@gntik-ai/tokens 0.2.1 → 0.3.0

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gntik-ai/tokens",
3
- "version": "0.2.1",
3
+ "version": "0.3.0",
4
4
  "description": "gntik-ui brand tokens: CSS variables for light, dark and high-contrast themes, plus a Tailwind v4 bridge.",
5
5
  "license": "MIT",
6
6
  "type": "module",
@@ -24,7 +24,8 @@
24
24
  "types": "./dist/tokens.d.ts",
25
25
  "default": "./dist/tokens.js"
26
26
  },
27
- "./package.json": "./package.json"
27
+ "./package.json": "./package.json",
28
+ "./scope.css": "./src/scope.css"
28
29
  },
29
30
  "sideEffects": [
30
31
  "*.css"
package/src/scope.css ADDED
@@ -0,0 +1,53 @@
1
+ /* Generated by scripts/build-scope.mjs. Do not edit. */
2
+ .light {
3
+ --primary: 145 61% 50%;
4
+ --primary-foreground: 150 45% 8%;
5
+ --brand-secondary: 152 52% 26%;
6
+ --brand-accent: 146 60% 38%;
7
+ --ring: 145 61% 50%;
8
+ --background: 78 28% 96%;
9
+ --foreground: 153 32% 11%;
10
+ --card: 0 0% 100%;
11
+ --card-foreground: 153 32% 11%;
12
+ --popover: 0 0% 100%;
13
+ --popover-foreground: 153 32% 11%;
14
+ --muted: 76 20% 93%;
15
+ --muted-foreground: 150 8% 40%;
16
+ --secondary: 76 20% 92%;
17
+ --secondary-foreground: 153 30% 16%;
18
+ --accent: 145 45% 92%;
19
+ --accent-foreground: 153 55% 22%;
20
+ --border: 90 14% 86%;
21
+ --input: 90 14% 86%;
22
+ --chrome: 80 24% 97%;
23
+ --destructive: 0 72% 48%;
24
+ --destructive-foreground: 0 0% 100%;
25
+ --success: 145 61% 50%;
26
+ --warning: 38 92% 50%;
27
+ --info: 205 78% 40%;
28
+ --category-rose: 347 77% 50%;
29
+ --category-violet: 262 62% 55%;
30
+ --category-amber: 38 92% 50%;
31
+ --category-cyan: 190 80% 42%;
32
+ --shadow-sm: 0 1px 2px -1px hsl(152 40% 4% / .16),0 1px 1px hsl(152 40% 4% / .08);
33
+ --shadow-md: 0 4px 12px -2px hsl(152 40% 4% / .12),0 12px 32px -12px hsl(152 40% 4% / .18);
34
+ --shadow-lg: 0 2px 4px -2px hsl(152 40% 4% / .2),0 16px 40px -16px hsl(152 40% 4% / .2);
35
+ --primary-text: var(--accent-foreground);
36
+ --success-text: var(--accent-foreground);
37
+ --warning-text: var(--foreground);
38
+ --destructive-text: var(--destructive);
39
+ --focus-ring: var(--brand-secondary);
40
+ --primary-chip-text: var(--accent-foreground);
41
+ --success-chip-text: var(--accent-foreground);
42
+ --warning-chip-text: var(--foreground);
43
+ --destructive-chip-text: var(--foreground);
44
+ color-scheme: light;
45
+ }
46
+
47
+ .dark {
48
+ color-scheme: dark;
49
+ }
50
+
51
+ .high_contrast {
52
+ color-scheme: dark;
53
+ }
package/src/tailwind.css CHANGED
@@ -9,6 +9,7 @@
9
9
  ============================================================================ */
10
10
  @import "./brand.css";
11
11
  @import "./pairing.css";
12
+ @import "./scope.css";
12
13
  @import "./motion.css";
13
14
  @import "./density.css";
14
15