@clinia/tailwindcss 0.2.0 → 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 +4 -1
- package/theme.css +31 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@clinia/tailwindcss",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.3.0",
|
|
4
4
|
"description": "Clinia design-system: Tailwind v4 tokens, theme, and style layers.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -20,5 +20,8 @@
|
|
|
20
20
|
],
|
|
21
21
|
"peerDependencies": {
|
|
22
22
|
"tailwindcss": ">=4.0.0"
|
|
23
|
+
},
|
|
24
|
+
"publishConfig": {
|
|
25
|
+
"access": "public"
|
|
23
26
|
}
|
|
24
27
|
}
|
package/theme.css
CHANGED
|
@@ -85,6 +85,16 @@
|
|
|
85
85
|
--chart-3: var(--clinia-noble);
|
|
86
86
|
--chart-4: var(--clinia-trust);
|
|
87
87
|
--chart-5: var(--clinia-purple-5);
|
|
88
|
+
|
|
89
|
+
/* Sidebar tokens alias the base semantic tokens. */
|
|
90
|
+
--sidebar: var(--background);
|
|
91
|
+
--sidebar-foreground: var(--foreground);
|
|
92
|
+
--sidebar-primary: var(--primary);
|
|
93
|
+
--sidebar-primary-foreground: var(--primary-foreground);
|
|
94
|
+
--sidebar-accent: var(--accent);
|
|
95
|
+
--sidebar-accent-foreground: var(--accent-foreground);
|
|
96
|
+
--sidebar-border: var(--border);
|
|
97
|
+
--sidebar-ring: var(--ring);
|
|
88
98
|
}
|
|
89
99
|
|
|
90
100
|
/* ---------- Dark theme ---------------------------------------------------- */
|
|
@@ -129,6 +139,15 @@
|
|
|
129
139
|
--chart-3: var(--clinia-beige-5);
|
|
130
140
|
--chart-4: var(--clinia-purple-3);
|
|
131
141
|
--chart-5: var(--clinia-mend);
|
|
142
|
+
|
|
143
|
+
--sidebar: var(--background);
|
|
144
|
+
--sidebar-foreground: var(--foreground);
|
|
145
|
+
--sidebar-primary: var(--primary);
|
|
146
|
+
--sidebar-primary-foreground: var(--primary-foreground);
|
|
147
|
+
--sidebar-accent: var(--accent);
|
|
148
|
+
--sidebar-accent-foreground: var(--accent-foreground);
|
|
149
|
+
--sidebar-border: oklch(1 0 0 / 10%);
|
|
150
|
+
--sidebar-ring: var(--ring);
|
|
132
151
|
}
|
|
133
152
|
|
|
134
153
|
/* ---------- Tailwind theme bridge ---------------------------------------- */
|
|
@@ -174,6 +193,15 @@
|
|
|
174
193
|
--color-chart-4: var(--chart-4);
|
|
175
194
|
--color-chart-5: var(--chart-5);
|
|
176
195
|
|
|
196
|
+
--color-sidebar: var(--sidebar);
|
|
197
|
+
--color-sidebar-foreground: var(--sidebar-foreground);
|
|
198
|
+
--color-sidebar-primary: var(--sidebar-primary);
|
|
199
|
+
--color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
|
|
200
|
+
--color-sidebar-accent: var(--sidebar-accent);
|
|
201
|
+
--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
|
|
202
|
+
--color-sidebar-border: var(--sidebar-border);
|
|
203
|
+
--color-sidebar-ring: var(--sidebar-ring);
|
|
204
|
+
|
|
177
205
|
/* Direct access to raw brand swatches when explicitly needed. */
|
|
178
206
|
--color-brand-vital: var(--clinia-vital);
|
|
179
207
|
--color-brand-infinite: var(--clinia-infinite);
|
|
@@ -188,6 +216,9 @@
|
|
|
188
216
|
--radius-md: calc(var(--radius) - 2px);
|
|
189
217
|
--radius-lg: var(--radius);
|
|
190
218
|
--radius-xl: calc(var(--radius) + 4px);
|
|
219
|
+
--radius-2xl: calc(var(--radius) * 1.8);
|
|
220
|
+
--radius-3xl: calc(var(--radius) * 2.2);
|
|
221
|
+
--radius-4xl: calc(var(--radius) * 2.6);
|
|
191
222
|
|
|
192
223
|
/* Type scale — names mirror the Figma styles for traceability. */
|
|
193
224
|
--font-display: var(--clinia-font-display);
|