@hachej/boring-ui-kit 0.1.33 → 0.1.35
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/dist/tokens.css +143 -0
- package/package.json +6 -2
package/dist/tokens.css
ADDED
|
@@ -0,0 +1,143 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* @hachej/boring-ui-kit standard theme.
|
|
3
|
+
*
|
|
4
|
+
* The default boring palette (light + dark) for the public @boring token
|
|
5
|
+
* contract. Hosts import this instead of hand-copying oklch values, then
|
|
6
|
+
* override individual --boring-* variables for branding:
|
|
7
|
+
*
|
|
8
|
+
* @import '@hachej/boring-ui-kit/tokens.css';
|
|
9
|
+
* :root { --boring-accent: oklch(0.55 0.18 250); }
|
|
10
|
+
*
|
|
11
|
+
* Values mirror @hachej/boring-workspace/src/globals.css (the canonical
|
|
12
|
+
* theme). This file is plain CSS — no Tailwind required; the utility-name
|
|
13
|
+
* mapping lives in styles.css (@theme inline → --boring-*).
|
|
14
|
+
*/
|
|
15
|
+
|
|
16
|
+
:root {
|
|
17
|
+
--boring-background: oklch(0.995 0.0015 72);
|
|
18
|
+
--boring-foreground: oklch(0.18 0.004 72);
|
|
19
|
+
--boring-card: oklch(1 0 0);
|
|
20
|
+
--boring-card-foreground: oklch(0.18 0.004 72);
|
|
21
|
+
--boring-popover: oklch(1 0 0);
|
|
22
|
+
--boring-popover-foreground: oklch(0.18 0.004 72);
|
|
23
|
+
--boring-primary: oklch(0.22 0.006 72);
|
|
24
|
+
--boring-primary-foreground: oklch(0.985 0.002 72);
|
|
25
|
+
--boring-secondary: oklch(0.965 0.003 72);
|
|
26
|
+
--boring-secondary-foreground: oklch(0.22 0.006 72);
|
|
27
|
+
--boring-muted: oklch(0.965 0.003 72);
|
|
28
|
+
--boring-muted-foreground: oklch(0.52 0.008 72);
|
|
29
|
+
--boring-destructive: oklch(0.577 0.245 27.325);
|
|
30
|
+
--boring-destructive-foreground: oklch(0.985 0.002 72);
|
|
31
|
+
--boring-border: oklch(0.915 0.004 72);
|
|
32
|
+
--boring-input: oklch(0.915 0.004 72);
|
|
33
|
+
--boring-accent: oklch(0.62 0.14 65);
|
|
34
|
+
--boring-accent-foreground: oklch(0.995 0 0);
|
|
35
|
+
--boring-accent-soft: oklch(0.96 0.03 65);
|
|
36
|
+
--boring-success: oklch(0.58 0.13 145);
|
|
37
|
+
--boring-success-foreground: oklch(0.995 0 0);
|
|
38
|
+
--boring-success-soft: oklch(0.95 0.035 145);
|
|
39
|
+
--boring-ring: oklch(0.62 0.14 65);
|
|
40
|
+
--boring-radius: 0.625rem;
|
|
41
|
+
--boring-radius-sm: calc(var(--boring-radius) - 4px);
|
|
42
|
+
--boring-radius-md: calc(var(--boring-radius) - 2px);
|
|
43
|
+
--boring-radius-lg: var(--boring-radius);
|
|
44
|
+
--boring-radius-xl: calc(var(--boring-radius) + 4px);
|
|
45
|
+
--boring-font-sans: "Geist", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
|
46
|
+
--boring-font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
|
47
|
+
--boring-canvas: oklch(0.928 0.006 72);
|
|
48
|
+
--boring-surface-chat: oklch(1 0 0);
|
|
49
|
+
--boring-surface-workbench: oklch(1 0 0);
|
|
50
|
+
--boring-surface-workbench-left: oklch(0.976 0.003 72);
|
|
51
|
+
|
|
52
|
+
/* Internal shadcn-style bridge. */
|
|
53
|
+
--background: var(--boring-background);
|
|
54
|
+
--foreground: var(--boring-foreground);
|
|
55
|
+
--card: var(--boring-card);
|
|
56
|
+
--card-foreground: var(--boring-card-foreground);
|
|
57
|
+
--popover: var(--boring-popover);
|
|
58
|
+
--popover-foreground: var(--boring-popover-foreground);
|
|
59
|
+
--primary: var(--boring-primary);
|
|
60
|
+
--primary-foreground: var(--boring-primary-foreground);
|
|
61
|
+
--secondary: var(--boring-secondary);
|
|
62
|
+
--secondary-foreground: var(--boring-secondary-foreground);
|
|
63
|
+
--muted: var(--boring-muted);
|
|
64
|
+
--muted-foreground: var(--boring-muted-foreground);
|
|
65
|
+
--destructive: var(--boring-destructive);
|
|
66
|
+
--destructive-foreground: var(--boring-destructive-foreground);
|
|
67
|
+
--border: var(--boring-border);
|
|
68
|
+
--input: var(--boring-input);
|
|
69
|
+
--accent: var(--boring-accent);
|
|
70
|
+
--accent-foreground: var(--boring-accent-foreground);
|
|
71
|
+
--accent-soft: var(--boring-accent-soft);
|
|
72
|
+
--success: var(--boring-success);
|
|
73
|
+
--success-foreground: var(--boring-success-foreground);
|
|
74
|
+
--success-soft: var(--boring-success-soft);
|
|
75
|
+
--ring: var(--boring-ring);
|
|
76
|
+
--radius: var(--boring-radius);
|
|
77
|
+
--font-sans: var(--boring-font-sans);
|
|
78
|
+
--font-mono: var(--boring-font-mono);
|
|
79
|
+
--canvas: var(--boring-canvas);
|
|
80
|
+
--surface-chat: var(--boring-surface-chat);
|
|
81
|
+
--surface-workbench: var(--boring-surface-workbench);
|
|
82
|
+
--surface-workbench-left: var(--boring-surface-workbench-left);
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
.dark {
|
|
86
|
+
--boring-background: oklch(0.145 0.004 285.823);
|
|
87
|
+
--boring-foreground: oklch(0.985 0 0);
|
|
88
|
+
--boring-card: oklch(0.145 0.004 285.823);
|
|
89
|
+
--boring-card-foreground: oklch(0.985 0 0);
|
|
90
|
+
--boring-popover: oklch(0.145 0.004 285.823);
|
|
91
|
+
--boring-popover-foreground: oklch(0.985 0 0);
|
|
92
|
+
--boring-primary: oklch(0.985 0 0);
|
|
93
|
+
--boring-primary-foreground: oklch(0.205 0.006 285.885);
|
|
94
|
+
--boring-secondary: oklch(0.269 0.006 285.885);
|
|
95
|
+
--boring-secondary-foreground: oklch(0.985 0 0);
|
|
96
|
+
--boring-muted: oklch(0.269 0.006 285.885);
|
|
97
|
+
--boring-muted-foreground: oklch(0.708 0.01 286.073);
|
|
98
|
+
--boring-accent: oklch(0.72 0.13 65);
|
|
99
|
+
--boring-accent-foreground: oklch(0.18 0.02 65);
|
|
100
|
+
--boring-accent-soft: oklch(0.28 0.04 65);
|
|
101
|
+
--boring-success: oklch(0.74 0.14 145);
|
|
102
|
+
--boring-success-foreground: oklch(0.12 0.004 285.823);
|
|
103
|
+
--boring-success-soft: oklch(0.22 0.04 145);
|
|
104
|
+
--boring-destructive: oklch(0.396 0.141 25.768);
|
|
105
|
+
--boring-destructive-foreground: oklch(0.985 0 0);
|
|
106
|
+
--boring-border: oklch(0.269 0.006 285.885);
|
|
107
|
+
--boring-input: oklch(0.269 0.006 285.885);
|
|
108
|
+
--boring-ring: oklch(0.72 0.13 65);
|
|
109
|
+
--boring-canvas: oklch(0.12 0.004 285.823);
|
|
110
|
+
--boring-surface-chat: oklch(0.165 0.004 285.823);
|
|
111
|
+
--boring-surface-workbench: oklch(0.165 0.004 285.823);
|
|
112
|
+
--boring-surface-workbench-left: oklch(0.195 0.004 285.823);
|
|
113
|
+
|
|
114
|
+
/* Re-declare the bridge so dark works when .dark sits on a nested wrapper
|
|
115
|
+
* (custom properties resolve var() at the declaring element). */
|
|
116
|
+
--background: var(--boring-background);
|
|
117
|
+
--foreground: var(--boring-foreground);
|
|
118
|
+
--card: var(--boring-card);
|
|
119
|
+
--card-foreground: var(--boring-card-foreground);
|
|
120
|
+
--popover: var(--boring-popover);
|
|
121
|
+
--popover-foreground: var(--boring-popover-foreground);
|
|
122
|
+
--primary: var(--boring-primary);
|
|
123
|
+
--primary-foreground: var(--boring-primary-foreground);
|
|
124
|
+
--secondary: var(--boring-secondary);
|
|
125
|
+
--secondary-foreground: var(--boring-secondary-foreground);
|
|
126
|
+
--muted: var(--boring-muted);
|
|
127
|
+
--muted-foreground: var(--boring-muted-foreground);
|
|
128
|
+
--destructive: var(--boring-destructive);
|
|
129
|
+
--destructive-foreground: var(--boring-destructive-foreground);
|
|
130
|
+
--border: var(--boring-border);
|
|
131
|
+
--input: var(--boring-input);
|
|
132
|
+
--accent: var(--boring-accent);
|
|
133
|
+
--accent-foreground: var(--boring-accent-foreground);
|
|
134
|
+
--accent-soft: var(--boring-accent-soft);
|
|
135
|
+
--success: var(--boring-success);
|
|
136
|
+
--success-foreground: var(--boring-success-foreground);
|
|
137
|
+
--success-soft: var(--boring-success-soft);
|
|
138
|
+
--ring: var(--boring-ring);
|
|
139
|
+
--canvas: var(--boring-canvas);
|
|
140
|
+
--surface-chat: var(--boring-surface-chat);
|
|
141
|
+
--surface-workbench: var(--boring-surface-workbench);
|
|
142
|
+
--surface-workbench-left: var(--boring-surface-workbench-left);
|
|
143
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hachej/boring-ui-kit",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.35",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"description": "Shared shadcn-style UI primitives for Boring packages and app-generated panes.",
|
|
@@ -20,6 +20,10 @@
|
|
|
20
20
|
"./styles.css": {
|
|
21
21
|
"style": "./dist/styles.css",
|
|
22
22
|
"default": "./dist/styles.css"
|
|
23
|
+
},
|
|
24
|
+
"./tokens.css": {
|
|
25
|
+
"style": "./dist/tokens.css",
|
|
26
|
+
"default": "./dist/tokens.css"
|
|
23
27
|
}
|
|
24
28
|
},
|
|
25
29
|
"sideEffects": [
|
|
@@ -56,7 +60,7 @@
|
|
|
56
60
|
"react-dom": "^19.1.0",
|
|
57
61
|
"tsup": "^8.4.0",
|
|
58
62
|
"typescript": "^5.8.3",
|
|
59
|
-
"vitest": "^3.
|
|
63
|
+
"vitest": "^3.2.6",
|
|
60
64
|
"@tailwindcss/postcss": "^4.2.4",
|
|
61
65
|
"postcss": "^8.5.13",
|
|
62
66
|
"tailwindcss": "^4.2.4"
|