@intinyagroup/tokens 0.1.1-alpha.16 → 0.1.1-alpha.19

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 +1 -1
  2. package/src/base.css +35 -15
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@intinyagroup/tokens",
3
- "version": "0.1.1-alpha.16",
3
+ "version": "0.1.1-alpha.19",
4
4
  "description": "Design tokens for intinyagroup UI",
5
5
  "type": "module",
6
6
  "exports": {
package/src/base.css CHANGED
@@ -7,9 +7,24 @@
7
7
 
8
8
  @import "tw-animate-css";
9
9
 
10
+ /* Tailwind v4 dark utilities follow app theme state, never OS preference. */
11
+ @custom-variant dark (&:where(.dark, .dark *, .theme-dark, .theme-dark *, [data-ui-theme="dark"], [data-ui-theme="dark"] *));
12
+
10
13
  @theme inline {
11
- --font-sans: var(--ui-font-sans, "Inter Variable", ui-sans-serif, system-ui, sans-serif);
12
- --font-mono: var(--ui-font-mono, "SFMono-Regular", ui-monospace, "Cascadia Code", monospace);
14
+ --font-sans: var(
15
+ --ui-font-sans,
16
+ "Inter Variable",
17
+ ui-sans-serif,
18
+ system-ui,
19
+ sans-serif
20
+ );
21
+ --font-mono: var(
22
+ --ui-font-mono,
23
+ "SFMono-Regular",
24
+ ui-monospace,
25
+ "Cascadia Code",
26
+ monospace
27
+ );
13
28
  --font-serif: var(--ui-font-serif, "Georgia", "Times New Roman", serif);
14
29
 
15
30
  --color-background: var(--ui-background);
@@ -46,24 +61,24 @@
46
61
  --ui-card-foreground: oklch(0.14 0.008 260);
47
62
  --ui-popover: oklch(1 0 0);
48
63
  --ui-popover-foreground: oklch(0.14 0.008 260);
49
- --ui-primary: oklch(0.20 0.015 260);
64
+ --ui-primary: oklch(0.2 0.015 260);
50
65
  --ui-primary-foreground: oklch(0.99 0 0);
51
66
  --ui-secondary: oklch(0.965 0.005 260);
52
- --ui-secondary-foreground: oklch(0.20 0.015 260);
67
+ --ui-secondary-foreground: oklch(0.2 0.015 260);
53
68
  --ui-muted: oklch(0.965 0.005 260);
54
69
  --ui-muted-foreground: oklch(0.52 0.015 260);
55
70
  --ui-accent: oklch(0.96 0.006 260);
56
71
  --ui-accent-foreground: oklch(0.18 0.015 260);
57
72
  --ui-destructive: oklch(0.58 0.22 25);
58
- --ui-border: oklch(0.90 0.006 260);
59
- --ui-input: oklch(0.90 0.006 260);
60
- --ui-ring: oklch(0.20 0.015 260);
73
+ --ui-border: oklch(0.9 0.006 260);
74
+ --ui-input: oklch(0.9 0.006 260);
75
+ --ui-ring: oklch(0.2 0.015 260);
61
76
  --ui-radius: 0.625rem;
62
77
 
63
78
  /* Semantic aliases */
64
79
  --ui-success: oklch(0.62 0.16 155);
65
80
  --ui-warning: oklch(0.75 0.18 75);
66
- --ui-info: oklch(0.60 0.20 250);
81
+ --ui-info: oklch(0.6 0.2 250);
67
82
  }
68
83
 
69
84
  /* Warm theme (Calibrated Amber & Honey Terracotta warmth) */
@@ -74,14 +89,14 @@
74
89
  --ui-card-foreground: oklch(0.18 0.02 55);
75
90
  --ui-popover: oklch(1 0 0);
76
91
  --ui-popover-foreground: oklch(0.18 0.02 55);
77
- --ui-primary: oklch(0.38 0.10 50);
92
+ --ui-primary: oklch(0.38 0.1 50);
78
93
  --ui-primary-foreground: oklch(0.99 0.004 80);
79
94
  --ui-secondary: oklch(0.96 0.01 75);
80
95
  --ui-secondary-foreground: oklch(0.25 0.03 55);
81
96
  --ui-muted: oklch(0.96 0.01 75);
82
97
  --ui-muted-foreground: oklch(0.52 0.025 60);
83
98
  --ui-accent: oklch(0.94 0.015 75);
84
- --ui-accent-foreground: oklch(0.20 0.03 55);
99
+ --ui-accent-foreground: oklch(0.2 0.03 55);
85
100
  --ui-border: oklch(0.89 0.01 70);
86
101
  --ui-input: oklch(0.89 0.01 70);
87
102
  --ui-ring: oklch(0.45 0.12 50);
@@ -89,7 +104,7 @@
89
104
  --ui-success: oklch(0.62 0.15 155);
90
105
  --ui-warning: oklch(0.75 0.18 75);
91
106
  --ui-danger: oklch(0.58 0.22 25);
92
- --ui-info: oklch(0.60 0.18 245);
107
+ --ui-info: oklch(0.6 0.18 245);
93
108
  }
94
109
 
95
110
  /* Dark theme — Calibrated modern zinc/slate hierarchy */
@@ -110,7 +125,7 @@
110
125
  --ui-secondary: oklch(0.22 0.008 260);
111
126
  --ui-secondary-foreground: oklch(0.92 0.005 260);
112
127
 
113
- --ui-muted: oklch(0.20 0.008 260);
128
+ --ui-muted: oklch(0.2 0.008 260);
114
129
  --ui-muted-foreground: oklch(0.68 0.012 260);
115
130
 
116
131
  --ui-accent: oklch(0.22 0.01 260);
@@ -145,7 +160,8 @@
145
160
  --ui-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);
146
161
  --ui-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.06);
147
162
  --ui-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.05);
148
- --ui-shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.04);
163
+ --ui-shadow-xl:
164
+ 0 20px 25px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.04);
149
165
 
150
166
  /* Transitions */
151
167
  --ui-transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
@@ -174,10 +190,14 @@ a {
174
190
  text-decoration: none;
175
191
  }
176
192
 
177
- button, input, select, textarea {
193
+ button,
194
+ input,
195
+ select,
196
+ textarea {
178
197
  font: inherit;
179
198
  }
180
199
 
181
- code, pre {
200
+ code,
201
+ pre {
182
202
  font-family: var(--ui-font-mono);
183
203
  }