@handamade/psi-tokens 0.4.1 → 0.6.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.
Files changed (22) hide show
  1. package/dist/acme.css +3 -0
  2. package/dist/components/dialog.vars.css +9 -0
  3. package/dist/components/field.vars.css +9 -0
  4. package/dist/components/switch.vars.css +1 -1
  5. package/dist/components/tooltip.vars.css +2 -2
  6. package/dist/components.css +62 -42
  7. package/dist/dark.css +3 -0
  8. package/dist/dtcg/acme.json +325 -35
  9. package/dist/dtcg/dark.json +325 -35
  10. package/dist/dtcg/ember.json +326 -36
  11. package/dist/dtcg/light.json +325 -35
  12. package/dist/ember.css +4 -1
  13. package/dist/guidance.json +3 -1
  14. package/dist/light.css +3 -0
  15. package/dist/resolved/acme.json +186 -35
  16. package/dist/resolved/dark.json +186 -35
  17. package/dist/resolved/ember.json +188 -37
  18. package/dist/resolved/light.json +186 -35
  19. package/dist/scope-map.json +467 -0
  20. package/dist/types/index.d.ts +3 -0
  21. package/llms.txt +2 -0
  22. package/package.json +1 -1
package/dist/resolved/ember.json CHANGED
@@ -9,7 +9,10 @@
9
9
  "h": 49
10
10
  },
11
11
  "hex": "#0c0a09",
12
- "formula": "slot(canvas)"
12
+ "formula": "slot(canvas)",
13
+ "scopes": [
14
+ "surface"
15
+ ]
13
16
  },
14
17
  "bgSecondary": {
15
18
  "name": "bgSecondary",
@@ -19,7 +22,10 @@
19
22
  "h": 49
20
23
  },
21
24
  "hex": "#100d0b",
22
- "formula": "slot(canvas) → L delta(0.015), C delta(0.003)"
25
+ "formula": "slot(canvas) → L delta(0.015), C delta(0.003)",
26
+ "scopes": [
27
+ "surface"
28
+ ]
23
29
  },
24
30
  "fgPrimary": {
25
31
  "name": "fgPrimary",
@@ -29,7 +35,10 @@
29
35
  "h": 72
30
36
  },
31
37
  "hex": "#f3ede6",
32
- "formula": "slot(ink)"
38
+ "formula": "slot(ink)",
39
+ "scopes": [
40
+ "text"
41
+ ]
33
42
  },
34
43
  "fgSecondary": {
35
44
  "name": "fgSecondary",
@@ -40,7 +49,10 @@
40
49
  "alpha": 0.7
41
50
  },
42
51
  "hex": "#f3ede6",
43
- "formula": "ref(fgPrimary) → alpha(0.7)"
52
+ "formula": "ref(fgPrimary) → alpha(0.7)",
53
+ "scopes": [
54
+ "text"
55
+ ]
44
56
  },
45
57
  "fgTertiary": {
46
58
  "name": "fgTertiary",
@@ -51,7 +63,10 @@
51
63
  "alpha": 0.5
52
64
  },
53
65
  "hex": "#f3ede6",
54
- "formula": "ref(fgPrimary) → alpha(0.5)"
66
+ "formula": "ref(fgPrimary) → alpha(0.5)",
67
+ "scopes": [
68
+ "text"
69
+ ]
55
70
  },
56
71
  "fgQuaternary": {
57
72
  "name": "fgQuaternary",
@@ -62,7 +77,10 @@
62
77
  "alpha": 0.3
63
78
  },
64
79
  "hex": "#f3ede6",
65
- "formula": "ref(fgPrimary) → alpha(0.3)"
80
+ "formula": "ref(fgPrimary) → alpha(0.3)",
81
+ "scopes": [
82
+ "text"
83
+ ]
66
84
  },
67
85
  "fgPrimaryInverted": {
68
86
  "name": "fgPrimaryInverted",
@@ -72,7 +90,10 @@
72
90
  "h": 72
73
91
  },
74
92
  "hex": "#0e0a06",
75
- "formula": "slot(ink) → L set(0.15)"
93
+ "formula": "slot(ink) → L set(0.15)",
94
+ "scopes": [
95
+ "text"
96
+ ]
76
97
  },
77
98
  "fgStaticWhite": {
78
99
  "name": "fgStaticWhite",
@@ -82,7 +103,10 @@
82
103
  "h": 49
83
104
  },
84
105
  "hex": "#ffffff",
85
- "formula": "slot(canvas) → L set(1), C set(0)"
106
+ "formula": "slot(canvas) → L set(1), C set(0)",
107
+ "scopes": [
108
+ "text"
109
+ ]
86
110
  },
87
111
  "fgStaticBlack": {
88
112
  "name": "fgStaticBlack",
@@ -92,17 +116,23 @@
92
116
  "h": 72
93
117
  },
94
118
  "hex": "#25211c",
95
- "formula": "slot(ink) → L set(0.25), C cap(0.03)"
119
+ "formula": "slot(ink) → L set(0.25), C cap(0.03)",
120
+ "scopes": [
121
+ "text"
122
+ ]
96
123
  },
97
124
  "fgOnAccent": {
98
125
  "name": "fgOnAccent",
99
126
  "oklch": {
100
- "l": 0.25,
127
+ "l": 0.14,
101
128
  "c": 0.011,
102
129
  "h": 72
103
130
  },
104
- "hex": "#25211c",
105
- "formula": "ref(fgStaticBlack)"
131
+ "hex": "#0c0805",
132
+ "formula": "ref(fgStaticBlack) → L set(0.14)",
133
+ "scopes": [
134
+ "text"
135
+ ]
106
136
  },
107
137
  "fgAccent": {
108
138
  "name": "fgAccent",
@@ -112,7 +142,10 @@
112
142
  "h": 40
113
143
  },
114
144
  "hex": "#ff885d",
115
- "formula": "slot(accent) → L set(0.75), C cap(0.156)"
145
+ "formula": "slot(accent) → L set(0.75), C cap(0.156)",
146
+ "scopes": [
147
+ "text"
148
+ ]
116
149
  },
117
150
  "fgSuccess": {
118
151
  "name": "fgSuccess",
@@ -122,7 +155,10 @@
122
155
  "h": 155
123
156
  },
124
157
  "hex": "#00cf77",
125
- "formula": "slot(success) → L set(0.75), C cap(0.23)"
158
+ "formula": "slot(success) → L set(0.75), C cap(0.23)",
159
+ "scopes": [
160
+ "text"
161
+ ]
126
162
  },
127
163
  "fgWarning": {
128
164
  "name": "fgWarning",
@@ -132,7 +168,10 @@
132
168
  "h": 75
133
169
  },
134
170
  "hex": "#e79d00",
135
- "formula": "slot(warning) → L set(0.75), C cap(0.1582)"
171
+ "formula": "slot(warning) → L set(0.75), C cap(0.1582)",
172
+ "scopes": [
173
+ "text"
174
+ ]
136
175
  },
137
176
  "fgDanger": {
138
177
  "name": "fgDanger",
@@ -142,7 +181,11 @@
142
181
  "h": 25
143
182
  },
144
183
  "hex": "#ff847d",
145
- "formula": "slot(danger) → L set(0.75), C cap(0.1505)"
184
+ "formula": "slot(danger) → L set(0.75), C cap(0.1505)",
185
+ "scopes": [
186
+ "text",
187
+ "border"
188
+ ]
146
189
  },
147
190
  "fillNeutral1": {
148
191
  "name": "fillNeutral1",
@@ -152,7 +195,10 @@
152
195
  "h": 72
153
196
  },
154
197
  "hex": "#15110c",
155
- "formula": "slot(ink) → L set(0.18), C set(0.012)"
198
+ "formula": "slot(ink) → L set(0.18), C set(0.012)",
199
+ "scopes": [
200
+ "surface"
201
+ ]
156
202
  },
157
203
  "fillNeutral2": {
158
204
  "name": "fillNeutral2",
@@ -162,7 +208,10 @@
162
208
  "h": 72
163
209
  },
164
210
  "hex": "#1a150f",
165
- "formula": "slot(ink) → L set(0.2), C set(0.015)"
211
+ "formula": "slot(ink) → L set(0.2), C set(0.015)",
212
+ "scopes": [
213
+ "surface"
214
+ ]
166
215
  },
167
216
  "fillNeutral3": {
168
217
  "name": "fillNeutral3",
@@ -172,7 +221,10 @@
172
221
  "h": 72
173
222
  },
174
223
  "hex": "#221c14",
175
- "formula": "slot(ink) → L set(0.23), C set(0.018)"
224
+ "formula": "slot(ink) → L set(0.23), C set(0.018)",
225
+ "scopes": [
226
+ "surface"
227
+ ]
176
228
  },
177
229
  "fillNeutral4": {
178
230
  "name": "fillNeutral4",
@@ -182,7 +234,10 @@
182
234
  "h": 72
183
235
  },
184
236
  "hex": "#2a2319",
185
- "formula": "slot(ink) → L set(0.26), C set(0.02)"
237
+ "formula": "slot(ink) → L set(0.26), C set(0.02)",
238
+ "scopes": [
239
+ "surface"
240
+ ]
186
241
  },
187
242
  "fillNeutral5": {
188
243
  "name": "fillNeutral5",
@@ -192,7 +247,10 @@
192
247
  "h": 72
193
248
  },
194
249
  "hex": "#322a1f",
195
- "formula": "slot(ink) → L set(0.29), C set(0.022)"
250
+ "formula": "slot(ink) → L set(0.29), C set(0.022)",
251
+ "scopes": [
252
+ "surface"
253
+ ]
196
254
  },
197
255
  "fillNeutral6": {
198
256
  "name": "fillNeutral6",
@@ -202,7 +260,10 @@
202
260
  "h": 72
203
261
  },
204
262
  "hex": "#3b3125",
205
- "formula": "slot(ink) → L set(0.32), C set(0.025)"
263
+ "formula": "slot(ink) → L set(0.32), C set(0.025)",
264
+ "scopes": [
265
+ "surface"
266
+ ]
206
267
  },
207
268
  "fillAccent": {
208
269
  "name": "fillAccent",
@@ -212,7 +273,11 @@
212
273
  "h": 40
213
274
  },
214
275
  "hex": "#ff7847",
215
- "formula": "slot(accent)"
276
+ "formula": "slot(accent)",
277
+ "scopes": [
278
+ "surface",
279
+ "border"
280
+ ]
216
281
  },
217
282
  "fillSuccess": {
218
283
  "name": "fillSuccess",
@@ -222,7 +287,10 @@
222
287
  "h": 155
223
288
  },
224
289
  "hex": "#007e46",
225
- "formula": "slot(success) → C cap(0.1285)"
290
+ "formula": "slot(success) → C cap(0.1285)",
291
+ "scopes": [
292
+ "surface"
293
+ ]
226
294
  },
227
295
  "fillWarning": {
228
296
  "name": "fillWarning",
@@ -232,7 +300,10 @@
232
300
  "h": 75
233
301
  },
234
302
  "hex": "#e79d00",
235
- "formula": "slot(warning)"
303
+ "formula": "slot(warning)",
304
+ "scopes": [
305
+ "surface"
306
+ ]
236
307
  },
237
308
  "fillDanger": {
238
309
  "name": "fillDanger",
@@ -242,7 +313,10 @@
242
313
  "h": 25
243
314
  },
244
315
  "hex": "#d40924",
245
- "formula": "slot(danger)"
316
+ "formula": "slot(danger)",
317
+ "scopes": [
318
+ "surface"
319
+ ]
246
320
  },
247
321
  "fillTintAccent": {
248
322
  "name": "fillTintAccent",
@@ -253,7 +327,10 @@
253
327
  "alpha": 0.15
254
328
  },
255
329
  "hex": "#ff885d",
256
- "formula": "ref(fgAccent) → alpha(0.15)"
330
+ "formula": "ref(fgAccent) → alpha(0.15)",
331
+ "scopes": [
332
+ "surface"
333
+ ]
257
334
  },
258
335
  "fillTintSuccess": {
259
336
  "name": "fillTintSuccess",
@@ -264,7 +341,10 @@
264
341
  "alpha": 0.15
265
342
  },
266
343
  "hex": "#00cf77",
267
- "formula": "ref(fgSuccess) → alpha(0.15)"
344
+ "formula": "ref(fgSuccess) → alpha(0.15)",
345
+ "scopes": [
346
+ "surface"
347
+ ]
268
348
  },
269
349
  "fillTintWarning": {
270
350
  "name": "fillTintWarning",
@@ -275,7 +355,10 @@
275
355
  "alpha": 0.15
276
356
  },
277
357
  "hex": "#e79d00",
278
- "formula": "ref(fgWarning) → alpha(0.15)"
358
+ "formula": "ref(fgWarning) → alpha(0.15)",
359
+ "scopes": [
360
+ "surface"
361
+ ]
279
362
  },
280
363
  "fillTintDanger": {
281
364
  "name": "fillTintDanger",
@@ -286,7 +369,23 @@
286
369
  "alpha": 0.15
287
370
  },
288
371
  "hex": "#ff847d",
289
- "formula": "ref(fgDanger) → alpha(0.15)"
372
+ "formula": "ref(fgDanger) → alpha(0.15)",
373
+ "scopes": [
374
+ "surface"
375
+ ]
376
+ },
377
+ "fillStaticWhite": {
378
+ "name": "fillStaticWhite",
379
+ "oklch": {
380
+ "l": 1,
381
+ "c": 0,
382
+ "h": 49
383
+ },
384
+ "hex": "#ffffff",
385
+ "formula": "ref(fgStaticWhite)",
386
+ "scopes": [
387
+ "surface"
388
+ ]
290
389
  },
291
390
  "borderFaint": {
292
391
  "name": "borderFaint",
@@ -297,7 +396,10 @@
297
396
  "alpha": 0.08
298
397
  },
299
398
  "hex": "#f3ede6",
300
- "formula": "ref(fgPrimary) → alpha(0.08)"
399
+ "formula": "ref(fgPrimary) → alpha(0.08)",
400
+ "scopes": [
401
+ "border"
402
+ ]
301
403
  },
302
404
  "borderNeutral": {
303
405
  "name": "borderNeutral",
@@ -308,7 +410,10 @@
308
410
  "alpha": 0.15
309
411
  },
310
412
  "hex": "#f3ede6",
311
- "formula": "ref(fgPrimary) → alpha(0.15)"
413
+ "formula": "ref(fgPrimary) → alpha(0.15)",
414
+ "scopes": [
415
+ "border"
416
+ ]
312
417
  },
313
418
  "borderStrong": {
314
419
  "name": "borderStrong",
@@ -319,7 +424,10 @@
319
424
  "alpha": 0.3
320
425
  },
321
426
  "hex": "#f3ede6",
322
- "formula": "ref(fgPrimary) → alpha(0.3)"
427
+ "formula": "ref(fgPrimary) → alpha(0.3)",
428
+ "scopes": [
429
+ "border"
430
+ ]
323
431
  },
324
432
  "borderFocus": {
325
433
  "name": "borderFocus",
@@ -329,7 +437,10 @@
329
437
  "h": 40
330
438
  },
331
439
  "hex": "#ff885d",
332
- "formula": "ref(fgAccent)"
440
+ "formula": "ref(fgAccent)",
441
+ "scopes": [
442
+ "border"
443
+ ]
333
444
  },
334
445
  "scrimSoft": {
335
446
  "name": "scrimSoft",
@@ -340,7 +451,10 @@
340
451
  "alpha": 0.25
341
452
  },
342
453
  "hex": "#0c0a09",
343
- "formula": "ref(bgPrimary) → alpha(0.25)"
454
+ "formula": "ref(bgPrimary) → alpha(0.25)",
455
+ "scopes": [
456
+ "surface"
457
+ ]
344
458
  },
345
459
  "scrimMedium": {
346
460
  "name": "scrimMedium",
@@ -351,7 +465,10 @@
351
465
  "alpha": 0.35
352
466
  },
353
467
  "hex": "#0c0a09",
354
- "formula": "ref(bgPrimary) → alpha(0.35)"
468
+ "formula": "ref(bgPrimary) → alpha(0.35)",
469
+ "scopes": [
470
+ "surface"
471
+ ]
355
472
  },
356
473
  "scrimHeavy": {
357
474
  "name": "scrimHeavy",
@@ -362,7 +479,36 @@
362
479
  "alpha": 0.82
363
480
  },
364
481
  "hex": "#0c0a09",
365
- "formula": "ref(bgPrimary) → alpha(0.82)"
482
+ "formula": "ref(bgPrimary) → alpha(0.82)",
483
+ "scopes": [
484
+ "surface"
485
+ ]
486
+ },
487
+ "bgInverted": {
488
+ "name": "bgInverted",
489
+ "oklch": {
490
+ "l": 0.949,
491
+ "c": 0.011,
492
+ "h": 72
493
+ },
494
+ "hex": "#f3ede6",
495
+ "formula": "ref(fgPrimary)",
496
+ "scopes": [
497
+ "surface"
498
+ ]
499
+ },
500
+ "fgOnInverted": {
501
+ "name": "fgOnInverted",
502
+ "oklch": {
503
+ "l": 0.147,
504
+ "c": 0.004,
505
+ "h": 49
506
+ },
507
+ "hex": "#0c0a09",
508
+ "formula": "ref(bgPrimary)",
509
+ "scopes": [
510
+ "text"
511
+ ]
366
512
  }
367
513
  },
368
514
  "scales": {
@@ -426,6 +572,11 @@
426
572
  "overlay": 1000,
427
573
  "tooltip": 1100
428
574
  }
575
+ },
576
+ "scopes": {
577
+ "space": [
578
+ "gap"
579
+ ]
429
580
  }
430
581
  },
431
582
  "typography": [