rivet-ui 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/dist/theme.css +48 -0
- package/package.json +3 -1
package/dist/theme.css
ADDED
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
/* rivet-ui/theme — import this into your Tailwind v4 app to register all
|
|
2
|
+
rivet-ui design tokens for utility generation (e.g. text-kraft/65).
|
|
3
|
+
|
|
4
|
+
Usage:
|
|
5
|
+
@import 'tailwindcss';
|
|
6
|
+
@import 'rivet-ui/theme';
|
|
7
|
+
*/
|
|
8
|
+
|
|
9
|
+
@custom-variant dark (&:where(.dark, .dark *));
|
|
10
|
+
|
|
11
|
+
@theme {
|
|
12
|
+
/* ── Rivet UI — Craft Palette ──────────────────────────────────── */
|
|
13
|
+
--font-display: 'Lora', Georgia, serif;
|
|
14
|
+
|
|
15
|
+
--color-ribbon: oklch(
|
|
16
|
+
56% 0.11 172
|
|
17
|
+
); /* warm sage-teal — rosier than pure teal */
|
|
18
|
+
--color-mustard: oklch(
|
|
19
|
+
72% 0.14 75
|
|
20
|
+
); /* rich golden ochre — honey warmth */
|
|
21
|
+
--color-kraft: oklch(
|
|
22
|
+
34% 0.05 42
|
|
23
|
+
); /* warm rose-brown — ink on aged paper */
|
|
24
|
+
--color-denim: oklch(
|
|
25
|
+
44% 0.12 248
|
|
26
|
+
); /* warm navy — slightly richer indigo */
|
|
27
|
+
--color-canvas: oklch(
|
|
28
|
+
95% 0.012 65
|
|
29
|
+
); /* warm cream — linen with rosy warmth */
|
|
30
|
+
--color-spool: oklch(
|
|
31
|
+
54% 0.18 18
|
|
32
|
+
); /* warm coral — richer, more flushed */
|
|
33
|
+
|
|
34
|
+
/* ── Semantic surface token ─────────────────────────────────── */
|
|
35
|
+
--color-surface: #fdf8f4;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
/* ── After Hours — Dark Theme ─────────────────────────────────── */
|
|
39
|
+
.dark {
|
|
40
|
+
--color-ribbon: oklch(72% 0.11 172);
|
|
41
|
+
--color-mustard: oklch(80% 0.13 75);
|
|
42
|
+
--color-kraft: oklch(88% 0.04 42);
|
|
43
|
+
--color-denim: oklch(68% 0.12 248);
|
|
44
|
+
--color-canvas: oklch(21% 0.02 160);
|
|
45
|
+
--color-spool: oklch(68% 0.16 18);
|
|
46
|
+
--color-surface: oklch(15% 0.02 160);
|
|
47
|
+
--tw-ring-offset-color: var(--color-surface);
|
|
48
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "rivet-ui",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.3.0",
|
|
4
4
|
"module": "index.ts",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"exports": {
|
|
@@ -185,11 +185,13 @@
|
|
|
185
185
|
"types": "./dist/utils/cn.d.ts"
|
|
186
186
|
},
|
|
187
187
|
"./styles": "./dist/styles.css",
|
|
188
|
+
"./theme": "./dist/theme.css",
|
|
188
189
|
"./fonts": "./dist/fonts.css"
|
|
189
190
|
},
|
|
190
191
|
"types": "./dist/index.d.ts",
|
|
191
192
|
"sideEffects": [
|
|
192
193
|
"./dist/styles.css",
|
|
194
|
+
"./dist/theme.css",
|
|
193
195
|
"./dist/fonts.css"
|
|
194
196
|
],
|
|
195
197
|
"files": [
|