@wheelhouse/tokens 0.1.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.
Files changed (2) hide show
  1. package/package.json +15 -0
  2. package/src/tokens.css +105 -0
package/package.json ADDED
@@ -0,0 +1,15 @@
1
+ {
2
+ "name": "@wheelhouse/tokens",
3
+ "version": "0.1.0",
4
+ "private": false,
5
+ "license": "MIT",
6
+ "exports": {
7
+ ".": "./src/tokens.css"
8
+ },
9
+ "files": [
10
+ "src"
11
+ ],
12
+ "publishConfig": {
13
+ "access": "public"
14
+ }
15
+ }
package/src/tokens.css ADDED
@@ -0,0 +1,105 @@
1
+ :root {
2
+ --background: oklch(1 0 0);
3
+ --foreground: oklch(0.145 0 0);
4
+ --card: oklch(1 0 0);
5
+ --card-foreground: oklch(0.145 0 0);
6
+ --popover: oklch(1 0 0);
7
+ --popover-foreground: oklch(0.145 0 0);
8
+ --primary: oklch(0.205 0 0);
9
+ --primary-foreground: oklch(0.985 0 0);
10
+ --secondary: oklch(0.97 0 0);
11
+ --secondary-foreground: oklch(0.205 0 0);
12
+ --muted: oklch(0.97 0 0);
13
+ --muted-foreground: oklch(0.556 0 0);
14
+ --accent: oklch(0.97 0 0);
15
+ --accent-foreground: oklch(0.205 0 0);
16
+ --destructive: oklch(0.577 0.245 27.325);
17
+ --border: oklch(0.922 0 0);
18
+ --input: oklch(0.922 0 0);
19
+ --ring: oklch(0.708 0 0);
20
+ --chart-1: oklch(0.87 0 0);
21
+ --chart-2: oklch(0.556 0 0);
22
+ --chart-3: oklch(0.439 0 0);
23
+ --chart-4: oklch(0.371 0 0);
24
+ --chart-5: oklch(0.269 0 0);
25
+ --radius: 0.45rem;
26
+ --sidebar: oklch(0.985 0 0);
27
+ --sidebar-foreground: oklch(0.145 0 0);
28
+ --sidebar-primary: oklch(0.205 0 0);
29
+ --sidebar-primary-foreground: oklch(0.985 0 0);
30
+ --sidebar-accent: oklch(0.97 0 0);
31
+ --sidebar-accent-foreground: oklch(0.205 0 0);
32
+ --sidebar-border: oklch(0.922 0 0);
33
+ --sidebar-ring: oklch(0.708 0 0);
34
+ --destructive-foreground: var(--color-red-600);
35
+ --success: var(--color-emerald-500);
36
+ --success-foreground: var(--color-emerald-700);
37
+ --info: var(--color-sky-500);
38
+ --info-foreground: var(--color-sky-900);
39
+ --warning: var(--color-yellow-500);
40
+ --warning-foreground: var(--color-yellow-900);
41
+ --invert: var(--color-neutral-900);
42
+ --invert-foreground: var(--color-neutral-50);
43
+ }
44
+
45
+ /* ─── Accent: Fuchsia ───────────────────────────────────────────────────────
46
+ Overrides action tokens only. Composes with any surface theme.
47
+ Usage: add class="accent-fuchsia" to <html> */
48
+ .accent-fuchsia {
49
+ --primary: oklch(0.55 0.3 330);
50
+ --primary-foreground: oklch(0.98 0 0);
51
+ --ring: oklch(0.65 0.28 330);
52
+ --sidebar-primary: oklch(0.55 0.3 330);
53
+ --sidebar-primary-foreground: oklch(0.98 0 0);
54
+ }
55
+
56
+ .dark.accent-fuchsia {
57
+ --primary: oklch(0.72 0.25 330);
58
+ --primary-foreground: oklch(0.12 0 0);
59
+ --ring: oklch(0.65 0.25 330);
60
+ --sidebar-primary: oklch(0.72 0.25 330);
61
+ --sidebar-primary-foreground: oklch(0.12 0 0);
62
+ }
63
+
64
+ .dark {
65
+ --background: oklch(0.145 0 0);
66
+ --foreground: oklch(0.985 0 0);
67
+ --card: oklch(0.205 0 0);
68
+ --card-foreground: oklch(0.985 0 0);
69
+ --popover: oklch(0.205 0 0);
70
+ --popover-foreground: oklch(0.985 0 0);
71
+ --primary: oklch(0.922 0 0);
72
+ --primary-foreground: oklch(0.205 0 0);
73
+ --secondary: oklch(0.269 0 0);
74
+ --secondary-foreground: oklch(0.985 0 0);
75
+ --muted: oklch(0.269 0 0);
76
+ --muted-foreground: oklch(0.708 0 0);
77
+ --accent: oklch(0.269 0 0);
78
+ --accent-foreground: oklch(0.985 0 0);
79
+ --destructive: oklch(0.704 0.191 22.216);
80
+ --border: oklch(1 0 0 / 10%);
81
+ --input: oklch(1 0 0 / 15%);
82
+ --ring: oklch(0.556 0 0);
83
+ --chart-1: oklch(0.87 0 0);
84
+ --chart-2: oklch(0.556 0 0);
85
+ --chart-3: oklch(0.439 0 0);
86
+ --chart-4: oklch(0.371 0 0);
87
+ --chart-5: oklch(0.269 0 0);
88
+ --sidebar: oklch(0.205 0 0);
89
+ --sidebar-foreground: oklch(0.985 0 0);
90
+ --sidebar-primary: oklch(0.488 0.243 264.376);
91
+ --sidebar-primary-foreground: oklch(0.985 0 0);
92
+ --sidebar-accent: oklch(0.269 0 0);
93
+ --sidebar-accent-foreground: oklch(0.985 0 0);
94
+ --sidebar-border: oklch(1 0 0 / 10%);
95
+ --sidebar-ring: oklch(0.556 0 0);
96
+ --destructive-foreground: var(--color-red-400);
97
+ --success: var(--color-emerald-500);
98
+ --success-foreground: var(--color-emerald-600);
99
+ --info: var(--color-sky-500);
100
+ --info-foreground: var(--color-sky-600);
101
+ --warning: var(--color-yellow-500);
102
+ --warning-foreground: var(--color-yellow-600);
103
+ --invert: var(--color-zinc-700);
104
+ --invert-foreground: var(--color-zinc-50);
105
+ }