@wtasnorg/candi 0.0.31 → 0.0.34

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 (8) hide show
  1. package/README.md +9 -0
  2. package/dist/base.css +117 -85
  3. package/dist/colors.js +521 -265
  4. package/dist/colors.json +521 -265
  5. package/dist/colors.mjs +521 -265
  6. package/dist/scandinavian.css +117 -85
  7. package/dist/v4/theme.css +207 -127
  8. package/package.json +18 -7
package/dist/scandinavian.css CHANGED
@@ -12,21 +12,21 @@
12
12
 
13
13
  :root {
14
14
  /* @tokens-start-light */
15
- --candi-bg: oklch(96% 0.012 85);
16
- --candi-surface: oklch(93% 0.015 85);
17
- --candi-elevated: oklch(100% 0 0);
18
- --candi-text: oklch(25% 0.02 250);
19
- --candi-text-subtle: oklch(45% 0.015 250);
20
- --candi-text-muted: oklch(60% 0.01 250);
21
- --candi-border: oklch(88% 0.012 85);
22
- --candi-border-strong: oklch(80% 0.015 85);
23
- --candi-divider: oklch(85% 0.01 85);
15
+ --candi-bg: oklch(75% 0.01 80);
16
+ --candi-surface: oklch(80% 0.01 80);
17
+ --candi-elevated: oklch(85% 0.01 80);
18
+ --candi-text: oklch(15% 0.015 80);
19
+ --candi-text-subtle: oklch(35% 0.01 80);
20
+ --candi-text-muted: oklch(45% 0.01 80);
21
+ --candi-border: oklch(65% 0.01 80);
22
+ --candi-border-strong: oklch(60% 0.01 80);
23
+ --candi-divider: oklch(70% 0.01 80);
24
24
  --candi-link: oklch(50% 0.08 230);
25
25
  --candi-disabled: oklch(75% 0.005 250);
26
26
  --candi-overlay: oklch(0% 0 0 / 0.5);
27
27
  --candi-scrim: oklch(0% 0 0 / 0.32);
28
28
  --candi-inverse-surface: oklch(25% 0.015 250);
29
- --candi-inverse-text: oklch(92% 0.01 85);
29
+ --candi-inverse-text: oklch(92% 0.01 250);
30
30
  --candi-shadow: 0 2px 8px rgba(45, 50, 57, 0.06);
31
31
  --candi-shadow-md: 0 4px 20px rgba(45, 50, 57, 0.1);
32
32
  --candi-shadow-lg: 0 8px 40px rgba(45, 50, 57, 0.15);
@@ -51,12 +51,16 @@
51
51
  --candi-red: oklch(55% 0.14 25);
52
52
  --candi-red-subtle: oklch(88% 0.11 25);
53
53
  --candi-red-soft: oklch(65% 0.13 25);
54
+ --candi-red-warm: oklch(70% 0.12 25);
55
+ --candi-red-hot: oklch(50% 0.16 25);
54
56
  --candi-red-strong: oklch(45% 0.15 25);
55
57
  --candi-red-outline: oklch(40% 0.13 25);
56
58
  --candi-on-red: oklch(100% 0 0);
57
59
  --candi-blue: oklch(50% 0.12 250);
58
60
  --candi-blue-subtle: oklch(83% 0.10 250);
59
61
  --candi-blue-soft: oklch(60% 0.11 250);
62
+ --candi-blue-warm: oklch(65% 0.10 250);
63
+ --candi-blue-hot: oklch(45% 0.14 250);
60
64
  --candi-blue-strong: oklch(40% 0.13 250);
61
65
  --candi-blue-outline: oklch(35% 0.11 250);
62
66
  --candi-on-blue: oklch(100% 0 0);
@@ -108,62 +112,74 @@
108
112
  --candi-silver-strong: oklch(65% 0.012 250);
109
113
  --candi-silver-outline: oklch(60% 0.009 250);
110
114
  --candi-on-silver: oklch(0% 0 0);
111
- --candi-accent: oklch(52% 0.14 275);
112
- --candi-accent-subtle: oklch(85% 0.112 275);
113
- --candi-accent-soft: oklch(62% 0.126 275);
114
- --candi-accent-strong: oklch(42% 0.154 275);
115
- --candi-accent-outline: oklch(37% 0.126 275);
115
+ --candi-accent: oklch(45% 0.08 250);
116
+ --candi-accent-subtle: oklch(78% 0.048 250);
117
+ --candi-accent-soft: oklch(55% 0.064 250);
118
+ --candi-accent-warm: oklch(60% 0.068 250);
119
+ --candi-accent-hot: oklch(40% 0.092 250);
120
+ --candi-accent-strong: oklch(35% 0.088 250);
121
+ --candi-accent-outline: oklch(30% 0.056 250);
116
122
  --candi-on-accent: oklch(100% 0 0);
117
- --candi-secondary: oklch(60% 0.10 15);
118
- --candi-secondary-subtle: oklch(93% 0.08 15);
119
- --candi-secondary-soft: oklch(70% 0.09 15);
120
- --candi-secondary-strong: oklch(50% 0.11 15);
121
- --candi-secondary-outline: oklch(45% 0.09 15);
122
- --candi-on-secondary: oklch(0% 0 0);
123
- --candi-success: oklch(50% 0.08 145);
124
- --candi-success-subtle: oklch(83% 0.064 145);
125
- --candi-success-soft: oklch(60% 0.072 145);
126
- --candi-success-strong: oklch(40% 0.088 145);
127
- --candi-success-outline: oklch(35% 0.072 145);
123
+ --candi-secondary: oklch(50% 0.07 15);
124
+ --candi-secondary-subtle: oklch(83% 0.042 15);
125
+ --candi-secondary-soft: oklch(60% 0.056 15);
126
+ --candi-secondary-warm: oklch(65% 0.0595 15);
127
+ --candi-secondary-hot: oklch(45% 0.0805 15);
128
+ --candi-secondary-strong: oklch(40% 0.077 15);
129
+ --candi-secondary-outline: oklch(35% 0.049 15);
130
+ --candi-on-secondary: oklch(100% 0 0);
131
+ --candi-success: oklch(45% 0.06 145);
132
+ --candi-success-subtle: oklch(78% 0.036 145);
133
+ --candi-success-soft: oklch(55% 0.048 145);
134
+ --candi-success-warm: oklch(60% 0.051 145);
135
+ --candi-success-hot: oklch(40% 0.069 145);
136
+ --candi-success-strong: oklch(35% 0.066 145);
137
+ --candi-success-outline: oklch(30% 0.042 145);
128
138
  --candi-on-success: oklch(100% 0 0);
129
- --candi-warning: oklch(60% 0.10 75);
130
- --candi-warning-subtle: oklch(93% 0.08 75);
131
- --candi-warning-soft: oklch(70% 0.09 75);
132
- --candi-warning-strong: oklch(50% 0.11 75);
133
- --candi-warning-outline: oklch(45% 0.09 75);
134
- --candi-on-warning: oklch(0% 0 0);
135
- --candi-error: oklch(50% 0.10 25);
136
- --candi-error-subtle: oklch(83% 0.08 25);
137
- --candi-error-soft: oklch(60% 0.09 25);
138
- --candi-error-strong: oklch(40% 0.11 25);
139
- --candi-error-outline: oklch(35% 0.09 25);
139
+ --candi-warning: oklch(50% 0.07 75);
140
+ --candi-warning-subtle: oklch(83% 0.042 75);
141
+ --candi-warning-soft: oklch(60% 0.056 75);
142
+ --candi-warning-warm: oklch(65% 0.0595 75);
143
+ --candi-warning-hot: oklch(45% 0.0805 75);
144
+ --candi-warning-strong: oklch(40% 0.077 75);
145
+ --candi-warning-outline: oklch(35% 0.049 75);
146
+ --candi-on-warning: oklch(100% 0 0);
147
+ --candi-error: oklch(45% 0.08 25);
148
+ --candi-error-subtle: oklch(78% 0.048 25);
149
+ --candi-error-soft: oklch(55% 0.064 25);
150
+ --candi-error-warm: oklch(60% 0.068 25);
151
+ --candi-error-hot: oklch(40% 0.092 25);
152
+ --candi-error-strong: oklch(35% 0.088 25);
153
+ --candi-error-outline: oklch(30% 0.056 25);
140
154
  --candi-on-error: oklch(100% 0 0);
141
- --candi-info: oklch(50% 0.08 225);
142
- --candi-info-subtle: oklch(83% 0.064 225);
143
- --candi-info-soft: oklch(60% 0.072 225);
144
- --candi-info-strong: oklch(40% 0.088 225);
145
- --candi-info-outline: oklch(35% 0.072 225);
155
+ --candi-info: oklch(45% 0.06 225);
156
+ --candi-info-subtle: oklch(78% 0.036 225);
157
+ --candi-info-soft: oklch(55% 0.048 225);
158
+ --candi-info-warm: oklch(60% 0.051 225);
159
+ --candi-info-hot: oklch(40% 0.069 225);
160
+ --candi-info-strong: oklch(35% 0.066 225);
161
+ --candi-info-outline: oklch(30% 0.042 225);
146
162
  --candi-on-info: oklch(100% 0 0);
147
163
  /* @tokens-end-light */
148
164
  }
149
165
 
150
166
  .dark {
151
167
  /* @tokens-start-dark */
152
- --candi-bg: oklch(18% 0.015 85);
153
- --candi-surface: oklch(22% 0.012 85);
154
- --candi-elevated: oklch(25% 0.015 85);
155
- --candi-text: oklch(92% 0.01 85);
156
- --candi-text-subtle: oklch(72% 0.008 85);
157
- --candi-text-muted: oklch(58% 0.006 85);
158
- --candi-border: oklch(30% 0.01 85);
159
- --candi-border-strong: oklch(40% 0.012 85);
160
- --candi-divider: oklch(28% 0.008 85);
161
- --candi-link: oklch(65% 0.08 85);
162
- --candi-disabled: oklch(45% 0.005 85);
168
+ --candi-bg: oklch(25% 0.015 250);
169
+ --candi-surface: oklch(30% 0.012 250);
170
+ --candi-elevated: oklch(35% 0.015 250);
171
+ --candi-text: oklch(85% 0.01 250);
172
+ --candi-text-subtle: oklch(70% 0.01 250);
173
+ --candi-text-muted: oklch(60% 0.008 250);
174
+ --candi-border: oklch(40% 0.01 250);
175
+ --candi-border-strong: oklch(45% 0.012 250);
176
+ --candi-divider: oklch(35% 0.008 250);
177
+ --candi-link: oklch(65% 0.08 250);
178
+ --candi-disabled: oklch(45% 0.005 250);
163
179
  --candi-overlay: oklch(0% 0 0 / 0.7);
164
180
  --candi-scrim: oklch(0% 0 0 / 0.6);
165
- --candi-inverse-surface: oklch(92% 0.008 85);
166
- --candi-inverse-text: oklch(25% 0.015 275);
181
+ --candi-inverse-surface: oklch(92% 0.01 250);
182
+ --candi-inverse-text: oklch(25% 0.015 250);
167
183
  --candi-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
168
184
  --candi-shadow-md: 0 4px 20px rgba(0, 0, 0, 0.35);
169
185
  --candi-shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.45);
@@ -188,12 +204,16 @@
188
204
  --candi-red: oklch(70% 0.12 25);
189
205
  --candi-red-subtle: oklch(40% 0.10 25);
190
206
  --candi-red-soft: oklch(78% 0.11 25);
207
+ --candi-red-warm: oklch(55% 0.10 25);
208
+ --candi-red-hot: oklch(65% 0.14 25);
191
209
  --candi-red-strong: oklch(60% 0.13 25);
192
210
  --candi-red-outline: oklch(55% 0.11 25);
193
211
  --candi-on-red: oklch(0% 0 0);
194
212
  --candi-blue: oklch(70% 0.10 250);
195
213
  --candi-blue-subtle: oklch(38% 0.08 250);
196
214
  --candi-blue-soft: oklch(78% 0.09 250);
215
+ --candi-blue-warm: oklch(55% 0.08 250);
216
+ --candi-blue-hot: oklch(65% 0.12 250);
197
217
  --candi-blue-strong: oklch(60% 0.11 250);
198
218
  --candi-blue-outline: oklch(55% 0.09 250);
199
219
  --candi-on-blue: oklch(0% 0 0);
@@ -245,41 +265,53 @@
245
265
  --candi-silver-strong: oklch(50% 0.012 250);
246
266
  --candi-silver-outline: oklch(45% 0.009 250);
247
267
  --candi-on-silver: oklch(100% 0 0);
248
- --candi-accent: oklch(65% 0.13 275);
249
- --candi-accent-subtle: oklch(38% 0.104 275);
250
- --candi-accent-soft: oklch(75% 0.117 275);
251
- --candi-accent-strong: oklch(55% 0.143 275);
252
- --candi-accent-outline: oklch(50% 0.117 275);
268
+ --candi-accent: oklch(70% 0.08 250);
269
+ --candi-accent-subtle: oklch(43% 0.048 250);
270
+ --candi-accent-soft: oklch(80% 0.064 250);
271
+ --candi-accent-warm: oklch(55% 0.068 250);
272
+ --candi-accent-hot: oklch(65% 0.092 250);
273
+ --candi-accent-strong: oklch(60% 0.088 250);
274
+ --candi-accent-outline: oklch(55% 0.056 250);
253
275
  --candi-on-accent: oklch(0% 0 0);
254
- --candi-secondary: oklch(70% 0.10 15);
255
- --candi-secondary-subtle: oklch(43% 0.08 15);
256
- --candi-secondary-soft: oklch(80% 0.09 15);
257
- --candi-secondary-strong: oklch(60% 0.11 15);
258
- --candi-secondary-outline: oklch(55% 0.09 15);
276
+ --candi-secondary: oklch(75% 0.07 15);
277
+ --candi-secondary-subtle: oklch(48% 0.042 15);
278
+ --candi-secondary-soft: oklch(85% 0.056 15);
279
+ --candi-secondary-warm: oklch(60% 0.0595 15);
280
+ --candi-secondary-hot: oklch(70% 0.0805 15);
281
+ --candi-secondary-strong: oklch(65% 0.077 15);
282
+ --candi-secondary-outline: oklch(60% 0.049 15);
259
283
  --candi-on-secondary: oklch(0% 0 0);
260
- --candi-success: oklch(75% 0.08 145);
261
- --candi-success-subtle: oklch(48% 0.064 145);
262
- --candi-success-soft: oklch(85% 0.072 145);
263
- --candi-success-strong: oklch(65% 0.088 145);
264
- --candi-success-outline: oklch(60% 0.072 145);
284
+ --candi-success: oklch(80% 0.06 145);
285
+ --candi-success-subtle: oklch(53% 0.036 145);
286
+ --candi-success-soft: oklch(90% 0.048 145);
287
+ --candi-success-warm: oklch(65% 0.051 145);
288
+ --candi-success-hot: oklch(75% 0.069 145);
289
+ --candi-success-strong: oklch(70% 0.066 145);
290
+ --candi-success-outline: oklch(65% 0.042 145);
265
291
  --candi-on-success: oklch(0% 0 0);
266
- --candi-warning: oklch(80% 0.10 75);
267
- --candi-warning-subtle: oklch(53% 0.08 75);
268
- --candi-warning-soft: oklch(90% 0.09 75);
269
- --candi-warning-strong: oklch(70% 0.11 75);
270
- --candi-warning-outline: oklch(65% 0.09 75);
292
+ --candi-warning: oklch(85% 0.07 75);
293
+ --candi-warning-subtle: oklch(58% 0.042 75);
294
+ --candi-warning-soft: oklch(95% 0.056 75);
295
+ --candi-warning-warm: oklch(70% 0.0595 75);
296
+ --candi-warning-hot: oklch(80% 0.0805 75);
297
+ --candi-warning-strong: oklch(75% 0.077 75);
298
+ --candi-warning-outline: oklch(70% 0.049 75);
271
299
  --candi-on-warning: oklch(0% 0 0);
272
- --candi-error: oklch(75% 0.10 25);
273
- --candi-error-subtle: oklch(48% 0.08 25);
274
- --candi-error-soft: oklch(85% 0.09 25);
275
- --candi-error-strong: oklch(65% 0.11 25);
276
- --candi-error-outline: oklch(60% 0.09 25);
300
+ --candi-error: oklch(80% 0.08 25);
301
+ --candi-error-subtle: oklch(53% 0.048 25);
302
+ --candi-error-soft: oklch(90% 0.064 25);
303
+ --candi-error-warm: oklch(65% 0.068 25);
304
+ --candi-error-hot: oklch(75% 0.092 25);
305
+ --candi-error-strong: oklch(70% 0.088 25);
306
+ --candi-error-outline: oklch(65% 0.056 25);
277
307
  --candi-on-error: oklch(0% 0 0);
278
- --candi-info: oklch(75% 0.08 225);
279
- --candi-info-subtle: oklch(48% 0.064 225);
280
- --candi-info-soft: oklch(85% 0.072 225);
281
- --candi-info-strong: oklch(65% 0.088 225);
282
- --candi-info-outline: oklch(60% 0.072 225);
308
+ --candi-info: oklch(80% 0.06 225);
309
+ --candi-info-subtle: oklch(53% 0.036 225);
310
+ --candi-info-soft: oklch(90% 0.048 225);
311
+ --candi-info-warm: oklch(65% 0.051 225);
312
+ --candi-info-hot: oklch(75% 0.069 225);
313
+ --candi-info-strong: oklch(70% 0.066 225);
314
+ --candi-info-outline: oklch(65% 0.042 225);
283
315
  --candi-on-info: oklch(0% 0 0);
284
316
  /* @tokens-end-dark */
285
317
  }