@ponchia/ui 0.6.12 → 0.7.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 (51) hide show
  1. package/CHANGELOG.md +77 -0
  2. package/MIGRATIONS.json +14 -0
  3. package/README.md +14 -6
  4. package/behaviors/dialog.d.ts.map +1 -1
  5. package/behaviors/dialog.js +14 -0
  6. package/behaviors/modal.d.ts +4 -0
  7. package/behaviors/modal.d.ts.map +1 -1
  8. package/behaviors/modal.js +4 -0
  9. package/behaviors/splitter.d.ts +2 -0
  10. package/behaviors/splitter.d.ts.map +1 -1
  11. package/behaviors/splitter.js +15 -1
  12. package/behaviors/theme.d.ts +3 -2
  13. package/behaviors/theme.d.ts.map +1 -1
  14. package/behaviors/theme.js +10 -6
  15. package/bin/bronto-ui-check.mjs +286 -0
  16. package/classes/classes.json +7 -0
  17. package/css/disclosure.css +10 -0
  18. package/css/dots.css +43 -18
  19. package/css/feedback.css +35 -0
  20. package/css/report.css +0 -40
  21. package/css/site.css +10 -0
  22. package/dist/bronto.css +1 -1
  23. package/dist/css/disclosure.css +1 -1
  24. package/dist/css/dots.css +1 -1
  25. package/dist/css/feedback.css +1 -1
  26. package/dist/css/report-kit.css +1 -1
  27. package/dist/css/report.css +1 -1
  28. package/dist/css/site.css +1 -1
  29. package/docs/adr/0004-prune-unused-adapters.md +34 -0
  30. package/docs/architecture.md +14 -10
  31. package/docs/command.md +18 -4
  32. package/docs/migrations/0.6-to-0.7.md +85 -0
  33. package/docs/package-contract.md +10 -5
  34. package/docs/reporting.md +8 -8
  35. package/docs/stability.md +10 -9
  36. package/docs/theming.md +49 -5
  37. package/docs/usage.md +57 -17
  38. package/docs/workbench.md +16 -2
  39. package/llms.txt +7 -3
  40. package/package.json +13 -3
  41. package/qwik/index.d.ts.map +1 -1
  42. package/qwik/index.js +4 -0
  43. package/react/index.d.ts.map +1 -1
  44. package/react/index.js +4 -0
  45. package/solid/index.d.ts.map +1 -1
  46. package/solid/index.js +4 -0
  47. package/svelte/index.d.ts.map +1 -1
  48. package/svelte/index.js +4 -0
  49. package/tokens/tokens.dtcg.json +2508 -399
  50. package/vue/index.d.ts.map +1 -1
  51. package/vue/index.js +4 -0
package/tokens/tokens.dtcg.json CHANGED
@@ -1,56 +1,178 @@
1
1
  {
2
- "$description": "@ponchia/ui design tokens (W3C DTCG). Generated from tokens/index.js — do not edit by hand. CSS-runtime-derived tokens carry $value:null + $extensions.com.ponchia.css.",
2
+ "$schema": "https://www.designtokens.org/schemas/2025.10/format.json",
3
+ "$description": "@ponchia/ui portable design tokens in DTCG 2025.10 format. Generated from the resolved light/dark palettes and flattened global scale; use tokens.json for authored CSS var()/color-mix() expressions.",
4
+ "$extensions": {
5
+ "com.ponchia.ui": {
6
+ "format": "DTCG 2025.10",
7
+ "source": "tokens/index.js",
8
+ "rawCssArtifact": "tokens.json",
9
+ "omittedCssVariables": [
10
+ "--tracking-wide",
11
+ "--tracking-wider",
12
+ "--shadow",
13
+ "--shadow-raised"
14
+ ]
15
+ }
16
+ },
3
17
  "scale": {
4
18
  "radius": {
5
19
  "xl": {
6
20
  "$type": "dimension",
7
- "$value": "4px"
21
+ "$value": {
22
+ "value": 4,
23
+ "unit": "px"
24
+ },
25
+ "$extensions": {
26
+ "com.ponchia.css": {
27
+ "variable": "--radius-xl",
28
+ "authoredValue": "4px"
29
+ }
30
+ }
8
31
  },
9
32
  "lg": {
10
33
  "$type": "dimension",
11
- "$value": "3px"
34
+ "$value": {
35
+ "value": 3,
36
+ "unit": "px"
37
+ },
38
+ "$extensions": {
39
+ "com.ponchia.css": {
40
+ "variable": "--radius-lg",
41
+ "authoredValue": "3px"
42
+ }
43
+ }
12
44
  },
13
45
  "md": {
14
46
  "$type": "dimension",
15
- "$value": "2px"
47
+ "$value": {
48
+ "value": 2,
49
+ "unit": "px"
50
+ },
51
+ "$extensions": {
52
+ "com.ponchia.css": {
53
+ "variable": "--radius-md",
54
+ "authoredValue": "2px"
55
+ }
56
+ }
16
57
  },
17
58
  "sm": {
18
59
  "$type": "dimension",
19
- "$value": "1px"
60
+ "$value": {
61
+ "value": 1,
62
+ "unit": "px"
63
+ },
64
+ "$extensions": {
65
+ "com.ponchia.css": {
66
+ "variable": "--radius-sm",
67
+ "authoredValue": "1px"
68
+ }
69
+ }
20
70
  },
21
71
  "pill": {
22
72
  "$type": "dimension",
23
- "$value": "999px"
73
+ "$value": {
74
+ "value": 999,
75
+ "unit": "px"
76
+ },
77
+ "$extensions": {
78
+ "com.ponchia.css": {
79
+ "variable": "--radius-pill",
80
+ "authoredValue": "999px"
81
+ }
82
+ }
24
83
  }
25
84
  },
26
85
  "space": {
27
86
  "2xs": {
28
87
  "$type": "dimension",
29
- "$value": "0.25rem"
88
+ "$value": {
89
+ "value": 0.25,
90
+ "unit": "rem"
91
+ },
92
+ "$extensions": {
93
+ "com.ponchia.css": {
94
+ "variable": "--space-2xs",
95
+ "authoredValue": "0.25rem"
96
+ }
97
+ }
30
98
  },
31
99
  "xs": {
32
100
  "$type": "dimension",
33
- "$value": "0.5rem"
101
+ "$value": {
102
+ "value": 0.5,
103
+ "unit": "rem"
104
+ },
105
+ "$extensions": {
106
+ "com.ponchia.css": {
107
+ "variable": "--space-xs",
108
+ "authoredValue": "0.5rem"
109
+ }
110
+ }
34
111
  },
35
112
  "sm": {
36
113
  "$type": "dimension",
37
- "$value": "0.75rem"
114
+ "$value": {
115
+ "value": 0.75,
116
+ "unit": "rem"
117
+ },
118
+ "$extensions": {
119
+ "com.ponchia.css": {
120
+ "variable": "--space-sm",
121
+ "authoredValue": "0.75rem"
122
+ }
123
+ }
38
124
  },
39
125
  "md": {
40
126
  "$type": "dimension",
41
- "$value": "1rem"
127
+ "$value": {
128
+ "value": 1,
129
+ "unit": "rem"
130
+ },
131
+ "$extensions": {
132
+ "com.ponchia.css": {
133
+ "variable": "--space-md",
134
+ "authoredValue": "1rem"
135
+ }
136
+ }
42
137
  },
43
138
  "lg": {
44
139
  "$type": "dimension",
45
- "$value": "1.35rem"
140
+ "$value": {
141
+ "value": 1.35,
142
+ "unit": "rem"
143
+ },
144
+ "$extensions": {
145
+ "com.ponchia.css": {
146
+ "variable": "--space-lg",
147
+ "authoredValue": "1.35rem"
148
+ }
149
+ }
46
150
  },
47
151
  "xl": {
48
152
  "$type": "dimension",
49
- "$value": "1.75rem"
153
+ "$value": {
154
+ "value": 1.75,
155
+ "unit": "rem"
156
+ },
157
+ "$extensions": {
158
+ "com.ponchia.css": {
159
+ "variable": "--space-xl",
160
+ "authoredValue": "1.75rem"
161
+ }
162
+ }
50
163
  },
51
164
  "2xl": {
52
165
  "$type": "dimension",
53
- "$value": "2.5rem"
166
+ "$value": {
167
+ "value": 2.5,
168
+ "unit": "rem"
169
+ },
170
+ "$extensions": {
171
+ "com.ponchia.css": {
172
+ "variable": "--space-2xl",
173
+ "authoredValue": "2.5rem"
174
+ }
175
+ }
54
176
  }
55
177
  },
56
178
  "mono": {
@@ -63,7 +185,13 @@
63
185
  "SF Mono",
64
186
  "ui-monospace",
65
187
  "monospace"
66
- ]
188
+ ],
189
+ "$extensions": {
190
+ "com.ponchia.css": {
191
+ "variable": "--mono",
192
+ "authoredValue": "'JetBrains Mono', 'Fira Code', 'Cascadia Code', 'SF Mono', ui-monospace, monospace"
193
+ }
194
+ }
67
195
  }
68
196
  },
69
197
  "sans": {
@@ -77,77 +205,179 @@
77
205
  "Segoe UI",
78
206
  "system-ui",
79
207
  "sans-serif"
80
- ]
208
+ ],
209
+ "$extensions": {
210
+ "com.ponchia.css": {
211
+ "variable": "--sans",
212
+ "authoredValue": "'Inter', 'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif"
213
+ }
214
+ }
81
215
  }
82
216
  },
83
217
  "dot": {
84
218
  "font": {
85
219
  "$type": "fontFamily",
86
- "$value": null,
220
+ "$value": [
221
+ "Doto",
222
+ "JetBrains Mono",
223
+ "Fira Code",
224
+ "Cascadia Code",
225
+ "SF Mono",
226
+ "ui-monospace",
227
+ "monospace"
228
+ ],
87
229
  "$extensions": {
88
- "com.ponchia.css": "'Doto', var(--mono)"
230
+ "com.ponchia.css": {
231
+ "variable": "--dot-font",
232
+ "authoredValue": "'Doto', var(--mono)"
233
+ }
89
234
  }
90
235
  },
91
236
  "size": {
92
237
  "$type": "dimension",
93
- "$value": "2px"
238
+ "$value": {
239
+ "value": 2,
240
+ "unit": "px"
241
+ },
242
+ "$extensions": {
243
+ "com.ponchia.css": {
244
+ "variable": "--dot-size",
245
+ "authoredValue": "2px"
246
+ }
247
+ }
94
248
  },
95
249
  "gap": {
96
250
  "$type": "dimension",
97
- "$value": "14px"
251
+ "$value": {
252
+ "value": 14,
253
+ "unit": "px"
254
+ },
255
+ "$extensions": {
256
+ "com.ponchia.css": {
257
+ "variable": "--dot-gap",
258
+ "authoredValue": "14px"
259
+ }
260
+ }
98
261
  }
99
262
  },
100
263
  "display": {
101
264
  "DEFAULT": {
102
265
  "$type": "fontFamily",
103
- "$value": null,
266
+ "$value": [
267
+ "Doto",
268
+ "JetBrains Mono",
269
+ "Fira Code",
270
+ "Cascadia Code",
271
+ "SF Mono",
272
+ "ui-monospace",
273
+ "monospace"
274
+ ],
104
275
  "$extensions": {
105
- "com.ponchia.css": "var(--dot-font)"
276
+ "com.ponchia.css": {
277
+ "variable": "--display",
278
+ "authoredValue": "var(--dot-font)"
279
+ }
106
280
  }
107
281
  },
108
282
  "weight": {
109
283
  "$type": "fontWeight",
110
- "$value": "700"
284
+ "$value": 700,
285
+ "$extensions": {
286
+ "com.ponchia.css": {
287
+ "variable": "--display-weight",
288
+ "authoredValue": "700"
289
+ }
290
+ }
111
291
  },
112
292
  "weight-strong": {
113
293
  "$type": "fontWeight",
114
- "$value": "800"
294
+ "$value": 800,
295
+ "$extensions": {
296
+ "com.ponchia.css": {
297
+ "variable": "--display-weight-strong",
298
+ "authoredValue": "800"
299
+ }
300
+ }
115
301
  }
116
302
  },
117
303
  "text": {
118
304
  "2xs": {
119
305
  "$type": "dimension",
120
- "$value": "0.72rem"
306
+ "$value": {
307
+ "value": 0.72,
308
+ "unit": "rem"
309
+ },
310
+ "$extensions": {
311
+ "com.ponchia.css": {
312
+ "variable": "--text-2xs",
313
+ "authoredValue": "0.72rem"
314
+ }
315
+ }
121
316
  },
122
317
  "xs": {
123
318
  "$type": "dimension",
124
- "$value": "0.76rem"
319
+ "$value": {
320
+ "value": 0.76,
321
+ "unit": "rem"
322
+ },
323
+ "$extensions": {
324
+ "com.ponchia.css": {
325
+ "variable": "--text-xs",
326
+ "authoredValue": "0.76rem"
327
+ }
328
+ }
125
329
  },
126
330
  "sm": {
127
331
  "$type": "dimension",
128
- "$value": "0.86rem"
332
+ "$value": {
333
+ "value": 0.86,
334
+ "unit": "rem"
335
+ },
336
+ "$extensions": {
337
+ "com.ponchia.css": {
338
+ "variable": "--text-sm",
339
+ "authoredValue": "0.86rem"
340
+ }
341
+ }
129
342
  },
130
343
  "base": {
131
344
  "$type": "dimension",
132
- "$value": "0.95rem"
345
+ "$value": {
346
+ "value": 0.95,
347
+ "unit": "rem"
348
+ },
349
+ "$extensions": {
350
+ "com.ponchia.css": {
351
+ "variable": "--text-base",
352
+ "authoredValue": "0.95rem"
353
+ }
354
+ }
133
355
  },
134
356
  "lg": {
135
357
  "$type": "dimension",
136
- "$value": "1.15rem"
358
+ "$value": {
359
+ "value": 1.15,
360
+ "unit": "rem"
361
+ },
362
+ "$extensions": {
363
+ "com.ponchia.css": {
364
+ "variable": "--text-lg",
365
+ "authoredValue": "1.15rem"
366
+ }
367
+ }
137
368
  },
138
369
  "xl": {
139
370
  "$type": "dimension",
140
- "$value": "1.45rem"
141
- }
142
- },
143
- "tracking": {
144
- "wide": {
145
- "$type": "dimension",
146
- "$value": "0.14em"
147
- },
148
- "wider": {
149
- "$type": "dimension",
150
- "$value": "0.22em"
371
+ "$value": {
372
+ "value": 1.45,
373
+ "unit": "rem"
374
+ },
375
+ "$extensions": {
376
+ "com.ponchia.css": {
377
+ "variable": "--text-xl",
378
+ "authoredValue": "1.45rem"
379
+ }
380
+ }
151
381
  }
152
382
  },
153
383
  "ease": {
@@ -158,7 +388,13 @@
158
388
  0.8,
159
389
  0.2,
160
390
  1
161
- ]
391
+ ],
392
+ "$extensions": {
393
+ "com.ponchia.css": {
394
+ "variable": "--ease-standard",
395
+ "authoredValue": "cubic-bezier(0.2, 0.8, 0.2, 1)"
396
+ }
397
+ }
162
398
  },
163
399
  "spring": {
164
400
  "$type": "cubicBezier",
@@ -167,7 +403,13 @@
167
403
  1,
168
404
  0.3,
169
405
  1
170
- ]
406
+ ],
407
+ "$extensions": {
408
+ "com.ponchia.css": {
409
+ "variable": "--ease-spring",
410
+ "authoredValue": "cubic-bezier(0.16, 1, 0.3, 1)"
411
+ }
412
+ }
171
413
  },
172
414
  "out": {
173
415
  "$type": "cubicBezier",
@@ -176,7 +418,13 @@
176
418
  1,
177
419
  0.68,
178
420
  1
179
- ]
421
+ ],
422
+ "$extensions": {
423
+ "com.ponchia.css": {
424
+ "variable": "--ease-out",
425
+ "authoredValue": "cubic-bezier(0.33, 1, 0.68, 1)"
426
+ }
427
+ }
180
428
  }
181
429
  },
182
430
  "duration": {
@@ -185,6 +433,12 @@
185
433
  "$value": {
186
434
  "value": 130,
187
435
  "unit": "ms"
436
+ },
437
+ "$extensions": {
438
+ "com.ponchia.css": {
439
+ "variable": "--duration-fast",
440
+ "authoredValue": "130ms"
441
+ }
188
442
  }
189
443
  },
190
444
  "base": {
@@ -192,6 +446,12 @@
192
446
  "$value": {
193
447
  "value": 200,
194
448
  "unit": "ms"
449
+ },
450
+ "$extensions": {
451
+ "com.ponchia.css": {
452
+ "variable": "--duration-base",
453
+ "authoredValue": "200ms"
454
+ }
195
455
  }
196
456
  },
197
457
  "slow": {
@@ -199,634 +459,2483 @@
199
459
  "$value": {
200
460
  "value": 360,
201
461
  "unit": "ms"
462
+ },
463
+ "$extensions": {
464
+ "com.ponchia.css": {
465
+ "variable": "--duration-slow",
466
+ "authoredValue": "360ms"
467
+ }
202
468
  }
203
469
  }
204
470
  },
205
471
  "z": {
206
472
  "base": {
207
473
  "$type": "number",
208
- "$value": "0"
209
- },
210
- "raised": {
211
- "$type": "number",
212
- "$value": "10"
213
- },
214
- "sticky": {
215
- "$type": "number",
216
- "$value": "20"
217
- },
218
- "overlay": {
219
- "$type": "number",
220
- "$value": "30"
221
- },
222
- "popover": {
223
- "$type": "number",
224
- "$value": "50"
225
- },
226
- "toast": {
227
- "$type": "number",
228
- "$value": "60"
229
- }
230
- },
231
- "accent": {
232
- "1": {
233
- "$type": "color",
234
- "$value": null,
235
- "$extensions": {
236
- "com.ponchia.css": "color-mix(in oklch, var(--accent) 8%, var(--accent-ramp-end))"
237
- }
238
- },
239
- "2": {
240
- "$type": "color",
241
- "$value": null,
242
- "$extensions": {
243
- "com.ponchia.css": "color-mix(in oklch, var(--accent) 16%, var(--accent-ramp-end))"
244
- }
245
- },
246
- "3": {
247
- "$type": "color",
248
- "$value": null,
249
- "$extensions": {
250
- "com.ponchia.css": "color-mix(in oklch, var(--accent) 32%, var(--accent-ramp-end))"
251
- }
252
- },
253
- "4": {
254
- "$type": "color",
255
- "$value": null,
256
- "$extensions": {
257
- "com.ponchia.css": "color-mix(in oklch, var(--accent) 60%, var(--accent-ramp-end))"
258
- }
259
- },
260
- "5": {
261
- "$type": "color",
262
- "$value": null,
263
- "$extensions": {
264
- "com.ponchia.css": "var(--accent)"
265
- }
266
- },
267
- "6": {
268
- "$type": "color",
269
- "$value": null,
270
- "$extensions": {
271
- "com.ponchia.css": "var(--accent-strong)"
272
- }
273
- }
274
- },
275
- "surface": {
276
- "1": {
277
- "$type": "color",
278
- "$value": null,
279
- "$extensions": {
280
- "com.ponchia.css": "var(--bg)"
281
- }
282
- },
283
- "2": {
284
- "$type": "color",
285
- "$value": null,
286
- "$extensions": {
287
- "com.ponchia.css": "var(--bg-elevated)"
288
- }
289
- },
290
- "3": {
291
- "$type": "color",
292
- "$value": null,
293
- "$extensions": {
294
- "com.ponchia.css": "var(--panel)"
295
- }
296
- },
297
- "4": {
298
- "$type": "color",
299
- "$value": null,
474
+ "$value": 0,
300
475
  "$extensions": {
301
- "com.ponchia.css": "var(--panel-soft)"
302
- }
303
- },
304
- "5": {
305
- "$type": "color",
306
- "$value": null,
307
- "$extensions": {
308
- "com.ponchia.css": "var(--line)"
309
- }
310
- },
311
- "6": {
312
- "$type": "color",
313
- "$value": null,
314
- "$extensions": {
315
- "com.ponchia.css": "var(--line-strong)"
316
- }
317
- },
318
- "DEFAULT": {
319
- "$type": "color",
320
- "$value": null,
321
- "$extensions": {
322
- "com.ponchia.css": "var(--panel)"
476
+ "com.ponchia.css": {
477
+ "variable": "--z-base",
478
+ "authoredValue": "0"
479
+ }
323
480
  }
324
481
  },
325
482
  "raised": {
326
- "$type": "color",
327
- "$value": null,
328
- "$extensions": {
329
- "com.ponchia.css": "var(--panel-strong)"
330
- }
331
- },
332
- "muted": {
333
- "$type": "color",
334
- "$value": null,
335
- "$extensions": {
336
- "com.ponchia.css": "var(--panel-soft)"
337
- }
338
- }
339
- },
340
- "bronto": {
341
- "color-bg": {
342
- "$type": "color",
343
- "$value": null,
344
- "$extensions": {
345
- "com.ponchia.css": "var(--bg)"
346
- }
347
- },
348
- "color-surface": {
349
- "$type": "color",
350
- "$value": null,
351
- "$extensions": {
352
- "com.ponchia.css": "var(--panel)"
353
- }
354
- },
355
- "color-surface-raised": {
356
- "$type": "color",
357
- "$value": null,
358
- "$extensions": {
359
- "com.ponchia.css": "var(--panel-strong)"
360
- }
361
- },
362
- "color-border": {
363
- "$type": "color",
364
- "$value": null,
365
- "$extensions": {
366
- "com.ponchia.css": "var(--line)"
367
- }
368
- },
369
- "color-border-strong": {
370
- "$type": "color",
371
- "$value": null,
372
- "$extensions": {
373
- "com.ponchia.css": "var(--line-strong)"
374
- }
375
- },
376
- "color-text": {
377
- "$type": "color",
378
- "$value": null,
379
- "$extensions": {
380
- "com.ponchia.css": "var(--text)"
381
- }
382
- },
383
- "color-text-muted": {
384
- "$type": "color",
385
- "$value": null,
386
- "$extensions": {
387
- "com.ponchia.css": "var(--text-dim)"
388
- }
389
- },
390
- "color-action": {
391
- "$type": "color",
392
- "$value": null,
393
- "$extensions": {
394
- "com.ponchia.css": "var(--accent)"
395
- }
396
- },
397
- "color-on-action": {
398
- "$type": "color",
399
- "$value": null,
400
- "$extensions": {
401
- "com.ponchia.css": "var(--button-text)"
402
- }
403
- },
404
- "color-focus": {
405
- "$type": "color",
406
- "$value": null,
407
- "$extensions": {
408
- "com.ponchia.css": "var(--focus-ring)"
409
- }
410
- },
411
- "color-success": {
412
- "$type": "color",
413
- "$value": null,
483
+ "$type": "number",
484
+ "$value": 10,
414
485
  "$extensions": {
415
- "com.ponchia.css": "var(--success)"
486
+ "com.ponchia.css": {
487
+ "variable": "--z-raised",
488
+ "authoredValue": "10"
489
+ }
416
490
  }
417
491
  },
418
- "color-warning": {
419
- "$type": "color",
420
- "$value": null,
492
+ "sticky": {
493
+ "$type": "number",
494
+ "$value": 20,
421
495
  "$extensions": {
422
- "com.ponchia.css": "var(--warning)"
496
+ "com.ponchia.css": {
497
+ "variable": "--z-sticky",
498
+ "authoredValue": "20"
499
+ }
423
500
  }
424
501
  },
425
- "color-danger": {
426
- "$type": "color",
427
- "$value": null,
502
+ "overlay": {
503
+ "$type": "number",
504
+ "$value": 30,
428
505
  "$extensions": {
429
- "com.ponchia.css": "var(--danger)"
506
+ "com.ponchia.css": {
507
+ "variable": "--z-overlay",
508
+ "authoredValue": "30"
509
+ }
430
510
  }
431
511
  },
432
- "color-info": {
433
- "$type": "color",
434
- "$value": null,
435
- "$extensions": {
436
- "com.ponchia.css": "var(--info)"
437
- }
438
- }
439
- },
440
- "border": {
441
- "DEFAULT": {
442
- "$type": "color",
443
- "$value": null,
512
+ "popover": {
513
+ "$type": "number",
514
+ "$value": 50,
444
515
  "$extensions": {
445
- "com.ponchia.css": "var(--line)"
516
+ "com.ponchia.css": {
517
+ "variable": "--z-popover",
518
+ "authoredValue": "50"
519
+ }
446
520
  }
447
521
  },
448
- "strong": {
449
- "$type": "color",
450
- "$value": null,
522
+ "toast": {
523
+ "$type": "number",
524
+ "$value": 60,
451
525
  "$extensions": {
452
- "com.ponchia.css": "var(--line-strong)"
526
+ "com.ponchia.css": {
527
+ "variable": "--z-toast",
528
+ "authoredValue": "60"
529
+ }
453
530
  }
454
531
  }
455
532
  }
456
533
  },
457
534
  "color": {
458
535
  "light": {
459
- "bg": {
536
+ "accent": {
537
+ "1": {
538
+ "$type": "color",
539
+ "$value": {
540
+ "colorSpace": "srgb",
541
+ "components": [
542
+ 1,
543
+ 0.937255,
544
+ 0.929412
545
+ ],
546
+ "alpha": 1,
547
+ "hex": "#ffefed"
548
+ },
549
+ "$extensions": {
550
+ "com.ponchia.css": {
551
+ "variable": "--accent-1",
552
+ "authoredValue": "color-mix(in oklch, var(--accent) 8%, var(--accent-ramp-end))"
553
+ }
554
+ }
555
+ },
556
+ "2": {
557
+ "$type": "color",
558
+ "$value": {
559
+ "colorSpace": "srgb",
560
+ "components": [
561
+ 1,
562
+ 0.878431,
563
+ 0.858824
564
+ ],
565
+ "alpha": 1,
566
+ "hex": "#ffe0db"
567
+ },
568
+ "$extensions": {
569
+ "com.ponchia.css": {
570
+ "variable": "--accent-2",
571
+ "authoredValue": "color-mix(in oklch, var(--accent) 16%, var(--accent-ramp-end))"
572
+ }
573
+ }
574
+ },
575
+ "3": {
576
+ "$type": "color",
577
+ "$value": {
578
+ "colorSpace": "srgb",
579
+ "components": [
580
+ 0.984314,
581
+ 0.752941,
582
+ 0.72549
583
+ ],
584
+ "alpha": 1,
585
+ "hex": "#fbc0b9"
586
+ },
587
+ "$extensions": {
588
+ "com.ponchia.css": {
589
+ "variable": "--accent-3",
590
+ "authoredValue": "color-mix(in oklch, var(--accent) 32%, var(--accent-ramp-end))"
591
+ }
592
+ }
593
+ },
594
+ "4": {
595
+ "$type": "color",
596
+ "$value": {
597
+ "colorSpace": "srgb",
598
+ "components": [
599
+ 0.945098,
600
+ 0.529412,
601
+ 0.490196
602
+ ],
603
+ "alpha": 1,
604
+ "hex": "#f1877d"
605
+ },
606
+ "$extensions": {
607
+ "com.ponchia.css": {
608
+ "variable": "--accent-4",
609
+ "authoredValue": "color-mix(in oklch, var(--accent) 60%, var(--accent-ramp-end))"
610
+ }
611
+ }
612
+ },
613
+ "5": {
614
+ "$type": "color",
615
+ "$value": {
616
+ "colorSpace": "srgb",
617
+ "components": [
618
+ 0.843137,
619
+ 0.098039,
620
+ 0.129412
621
+ ],
622
+ "alpha": 1,
623
+ "hex": "#d71921"
624
+ },
625
+ "$extensions": {
626
+ "com.ponchia.css": {
627
+ "variable": "--accent-5",
628
+ "authoredValue": "var(--accent)"
629
+ }
630
+ }
631
+ },
632
+ "6": {
633
+ "$type": "color",
634
+ "$value": {
635
+ "colorSpace": "srgb",
636
+ "components": [
637
+ 0.698039,
638
+ 0.082353,
639
+ 0.105882
640
+ ],
641
+ "alpha": 1,
642
+ "hex": "#b2151b"
643
+ },
644
+ "$extensions": {
645
+ "com.ponchia.css": {
646
+ "variable": "--accent-6",
647
+ "authoredValue": "var(--accent-strong)"
648
+ }
649
+ }
650
+ },
460
651
  "DEFAULT": {
461
652
  "$type": "color",
462
- "$value": "#f4f4f2"
653
+ "$value": {
654
+ "colorSpace": "srgb",
655
+ "components": [
656
+ 0.843137,
657
+ 0.098039,
658
+ 0.129412
659
+ ],
660
+ "alpha": 1,
661
+ "hex": "#d71921"
662
+ },
663
+ "$extensions": {
664
+ "com.ponchia.css": {
665
+ "variable": "--accent",
666
+ "authoredValue": "#d71921"
667
+ }
668
+ }
463
669
  },
464
- "elevated": {
670
+ "ramp-end": {
465
671
  "$type": "color",
466
- "$value": "#fbfbfa"
672
+ "$value": {
673
+ "colorSpace": "srgb",
674
+ "components": [
675
+ 1,
676
+ 1,
677
+ 1
678
+ ],
679
+ "alpha": 1,
680
+ "hex": "#ffffff"
681
+ },
682
+ "$extensions": {
683
+ "com.ponchia.css": {
684
+ "variable": "--accent-ramp-end",
685
+ "authoredValue": "#ffffff"
686
+ }
687
+ }
467
688
  },
468
- "accent": {
689
+ "strong": {
690
+ "$type": "color",
691
+ "$value": {
692
+ "colorSpace": "srgb",
693
+ "components": [
694
+ 0.698039,
695
+ 0.082353,
696
+ 0.105882
697
+ ],
698
+ "alpha": 1,
699
+ "hex": "#b2151b"
700
+ },
701
+ "$extensions": {
702
+ "com.ponchia.css": {
703
+ "variable": "--accent-strong",
704
+ "authoredValue": "color-mix(in srgb, var(--accent) 83%, #000)"
705
+ }
706
+ }
707
+ },
708
+ "text": {
709
+ "$type": "color",
710
+ "$value": {
711
+ "colorSpace": "srgb",
712
+ "components": [
713
+ 0.698039,
714
+ 0.082353,
715
+ 0.105882
716
+ ],
717
+ "alpha": 1,
718
+ "hex": "#b2151b"
719
+ },
720
+ "$extensions": {
721
+ "com.ponchia.css": {
722
+ "variable": "--accent-text",
723
+ "authoredValue": "var(--accent-strong)"
724
+ }
725
+ }
726
+ },
727
+ "soft": {
469
728
  "$type": "color",
470
- "$value": null,
729
+ "$value": {
730
+ "colorSpace": "srgb",
731
+ "components": [
732
+ 0.843137,
733
+ 0.098039,
734
+ 0.129412
735
+ ],
736
+ "alpha": 0.1
737
+ },
471
738
  "$extensions": {
472
- "com.ponchia.css": "color-mix(in srgb, var(--accent) 6%, transparent)"
739
+ "com.ponchia.css": {
740
+ "variable": "--accent-soft",
741
+ "authoredValue": "color-mix(in srgb, var(--accent) 10%, transparent)"
742
+ }
473
743
  }
474
744
  }
475
745
  },
476
- "panel": {
746
+ "surface": {
747
+ "1": {
748
+ "$type": "color",
749
+ "$value": {
750
+ "colorSpace": "srgb",
751
+ "components": [
752
+ 0.956863,
753
+ 0.956863,
754
+ 0.94902
755
+ ],
756
+ "alpha": 1,
757
+ "hex": "#f4f4f2"
758
+ },
759
+ "$extensions": {
760
+ "com.ponchia.css": {
761
+ "variable": "--surface-1",
762
+ "authoredValue": "var(--bg)"
763
+ }
764
+ }
765
+ },
766
+ "2": {
767
+ "$type": "color",
768
+ "$value": {
769
+ "colorSpace": "srgb",
770
+ "components": [
771
+ 0.984314,
772
+ 0.984314,
773
+ 0.980392
774
+ ],
775
+ "alpha": 1,
776
+ "hex": "#fbfbfa"
777
+ },
778
+ "$extensions": {
779
+ "com.ponchia.css": {
780
+ "variable": "--surface-2",
781
+ "authoredValue": "var(--bg-elevated)"
782
+ }
783
+ }
784
+ },
785
+ "3": {
786
+ "$type": "color",
787
+ "$value": {
788
+ "colorSpace": "srgb",
789
+ "components": [
790
+ 1,
791
+ 1,
792
+ 1
793
+ ],
794
+ "alpha": 1,
795
+ "hex": "#ffffff"
796
+ },
797
+ "$extensions": {
798
+ "com.ponchia.css": {
799
+ "variable": "--surface-3",
800
+ "authoredValue": "var(--panel)"
801
+ }
802
+ }
803
+ },
804
+ "4": {
805
+ "$type": "color",
806
+ "$value": {
807
+ "colorSpace": "srgb",
808
+ "components": [
809
+ 0.92549,
810
+ 0.92549,
811
+ 0.917647
812
+ ],
813
+ "alpha": 1,
814
+ "hex": "#ececea"
815
+ },
816
+ "$extensions": {
817
+ "com.ponchia.css": {
818
+ "variable": "--surface-4",
819
+ "authoredValue": "var(--panel-soft)"
820
+ }
821
+ }
822
+ },
823
+ "5": {
824
+ "$type": "color",
825
+ "$value": {
826
+ "colorSpace": "srgb",
827
+ "components": [
828
+ 0.847059,
829
+ 0.847059,
830
+ 0.831373
831
+ ],
832
+ "alpha": 1,
833
+ "hex": "#d8d8d4"
834
+ },
835
+ "$extensions": {
836
+ "com.ponchia.css": {
837
+ "variable": "--surface-5",
838
+ "authoredValue": "var(--line)"
839
+ }
840
+ }
841
+ },
842
+ "6": {
843
+ "$type": "color",
844
+ "$value": {
845
+ "colorSpace": "srgb",
846
+ "components": [
847
+ 0.658824,
848
+ 0.658824,
849
+ 0.635294
850
+ ],
851
+ "alpha": 1,
852
+ "hex": "#a8a8a2"
853
+ },
854
+ "$extensions": {
855
+ "com.ponchia.css": {
856
+ "variable": "--surface-6",
857
+ "authoredValue": "var(--line-strong)"
858
+ }
859
+ }
860
+ },
477
861
  "DEFAULT": {
478
862
  "$type": "color",
479
- "$value": "#ffffff"
863
+ "$value": {
864
+ "colorSpace": "srgb",
865
+ "components": [
866
+ 1,
867
+ 1,
868
+ 1
869
+ ],
870
+ "alpha": 1,
871
+ "hex": "#ffffff"
872
+ },
873
+ "$extensions": {
874
+ "com.ponchia.css": {
875
+ "variable": "--surface",
876
+ "authoredValue": "var(--panel)"
877
+ }
878
+ }
480
879
  },
481
- "strong": {
880
+ "raised": {
482
881
  "$type": "color",
483
- "$value": "#ffffff"
882
+ "$value": {
883
+ "colorSpace": "srgb",
884
+ "components": [
885
+ 1,
886
+ 1,
887
+ 1
888
+ ],
889
+ "alpha": 1,
890
+ "hex": "#ffffff"
891
+ },
892
+ "$extensions": {
893
+ "com.ponchia.css": {
894
+ "variable": "--surface-raised",
895
+ "authoredValue": "var(--panel-strong)"
896
+ }
897
+ }
484
898
  },
485
- "soft": {
899
+ "muted": {
486
900
  "$type": "color",
487
- "$value": "#ececea"
901
+ "$value": {
902
+ "colorSpace": "srgb",
903
+ "components": [
904
+ 0.92549,
905
+ 0.92549,
906
+ 0.917647
907
+ ],
908
+ "alpha": 1,
909
+ "hex": "#ececea"
910
+ },
911
+ "$extensions": {
912
+ "com.ponchia.css": {
913
+ "variable": "--surface-muted",
914
+ "authoredValue": "var(--panel-soft)"
915
+ }
916
+ }
488
917
  }
489
918
  },
490
- "line": {
919
+ "bronto": {
920
+ "color-bg": {
921
+ "$type": "color",
922
+ "$value": {
923
+ "colorSpace": "srgb",
924
+ "components": [
925
+ 0.956863,
926
+ 0.956863,
927
+ 0.94902
928
+ ],
929
+ "alpha": 1,
930
+ "hex": "#f4f4f2"
931
+ },
932
+ "$extensions": {
933
+ "com.ponchia.css": {
934
+ "variable": "--bronto-color-bg",
935
+ "authoredValue": "var(--bg)"
936
+ }
937
+ }
938
+ },
939
+ "color-surface": {
940
+ "$type": "color",
941
+ "$value": {
942
+ "colorSpace": "srgb",
943
+ "components": [
944
+ 1,
945
+ 1,
946
+ 1
947
+ ],
948
+ "alpha": 1,
949
+ "hex": "#ffffff"
950
+ },
951
+ "$extensions": {
952
+ "com.ponchia.css": {
953
+ "variable": "--bronto-color-surface",
954
+ "authoredValue": "var(--panel)"
955
+ }
956
+ }
957
+ },
958
+ "color-surface-raised": {
959
+ "$type": "color",
960
+ "$value": {
961
+ "colorSpace": "srgb",
962
+ "components": [
963
+ 1,
964
+ 1,
965
+ 1
966
+ ],
967
+ "alpha": 1,
968
+ "hex": "#ffffff"
969
+ },
970
+ "$extensions": {
971
+ "com.ponchia.css": {
972
+ "variable": "--bronto-color-surface-raised",
973
+ "authoredValue": "var(--panel-strong)"
974
+ }
975
+ }
976
+ },
977
+ "color-border": {
978
+ "$type": "color",
979
+ "$value": {
980
+ "colorSpace": "srgb",
981
+ "components": [
982
+ 0.847059,
983
+ 0.847059,
984
+ 0.831373
985
+ ],
986
+ "alpha": 1,
987
+ "hex": "#d8d8d4"
988
+ },
989
+ "$extensions": {
990
+ "com.ponchia.css": {
991
+ "variable": "--bronto-color-border",
992
+ "authoredValue": "var(--line)"
993
+ }
994
+ }
995
+ },
996
+ "color-border-strong": {
997
+ "$type": "color",
998
+ "$value": {
999
+ "colorSpace": "srgb",
1000
+ "components": [
1001
+ 0.658824,
1002
+ 0.658824,
1003
+ 0.635294
1004
+ ],
1005
+ "alpha": 1,
1006
+ "hex": "#a8a8a2"
1007
+ },
1008
+ "$extensions": {
1009
+ "com.ponchia.css": {
1010
+ "variable": "--bronto-color-border-strong",
1011
+ "authoredValue": "var(--line-strong)"
1012
+ }
1013
+ }
1014
+ },
1015
+ "color-text": {
1016
+ "$type": "color",
1017
+ "$value": {
1018
+ "colorSpace": "srgb",
1019
+ "components": [
1020
+ 0.039216,
1021
+ 0.039216,
1022
+ 0.039216
1023
+ ],
1024
+ "alpha": 1,
1025
+ "hex": "#0a0a0a"
1026
+ },
1027
+ "$extensions": {
1028
+ "com.ponchia.css": {
1029
+ "variable": "--bronto-color-text",
1030
+ "authoredValue": "var(--text)"
1031
+ }
1032
+ }
1033
+ },
1034
+ "color-text-muted": {
1035
+ "$type": "color",
1036
+ "$value": {
1037
+ "colorSpace": "srgb",
1038
+ "components": [
1039
+ 0.407843,
1040
+ 0.407843,
1041
+ 0.388235
1042
+ ],
1043
+ "alpha": 1,
1044
+ "hex": "#686863"
1045
+ },
1046
+ "$extensions": {
1047
+ "com.ponchia.css": {
1048
+ "variable": "--bronto-color-text-muted",
1049
+ "authoredValue": "var(--text-dim)"
1050
+ }
1051
+ }
1052
+ },
1053
+ "color-action": {
1054
+ "$type": "color",
1055
+ "$value": {
1056
+ "colorSpace": "srgb",
1057
+ "components": [
1058
+ 0.843137,
1059
+ 0.098039,
1060
+ 0.129412
1061
+ ],
1062
+ "alpha": 1,
1063
+ "hex": "#d71921"
1064
+ },
1065
+ "$extensions": {
1066
+ "com.ponchia.css": {
1067
+ "variable": "--bronto-color-action",
1068
+ "authoredValue": "var(--accent)"
1069
+ }
1070
+ }
1071
+ },
1072
+ "color-on-action": {
1073
+ "$type": "color",
1074
+ "$value": {
1075
+ "colorSpace": "srgb",
1076
+ "components": [
1077
+ 1,
1078
+ 1,
1079
+ 1
1080
+ ],
1081
+ "alpha": 1,
1082
+ "hex": "#ffffff"
1083
+ },
1084
+ "$extensions": {
1085
+ "com.ponchia.css": {
1086
+ "variable": "--bronto-color-on-action",
1087
+ "authoredValue": "var(--button-text)"
1088
+ }
1089
+ }
1090
+ },
1091
+ "color-focus": {
1092
+ "$type": "color",
1093
+ "$value": {
1094
+ "colorSpace": "srgb",
1095
+ "components": [
1096
+ 0.843137,
1097
+ 0.098039,
1098
+ 0.129412
1099
+ ],
1100
+ "alpha": 1,
1101
+ "hex": "#d71921"
1102
+ },
1103
+ "$extensions": {
1104
+ "com.ponchia.css": {
1105
+ "variable": "--bronto-color-focus",
1106
+ "authoredValue": "var(--focus-ring)"
1107
+ }
1108
+ }
1109
+ },
1110
+ "color-success": {
1111
+ "$type": "color",
1112
+ "$value": {
1113
+ "colorSpace": "srgb",
1114
+ "components": [
1115
+ 0.184314,
1116
+ 0.490196,
1117
+ 0.309804
1118
+ ],
1119
+ "alpha": 1,
1120
+ "hex": "#2f7d4f"
1121
+ },
1122
+ "$extensions": {
1123
+ "com.ponchia.css": {
1124
+ "variable": "--bronto-color-success",
1125
+ "authoredValue": "var(--success)"
1126
+ }
1127
+ }
1128
+ },
1129
+ "color-warning": {
1130
+ "$type": "color",
1131
+ "$value": {
1132
+ "colorSpace": "srgb",
1133
+ "components": [
1134
+ 0.501961,
1135
+ 0.392157,
1136
+ 0.078431
1137
+ ],
1138
+ "alpha": 1,
1139
+ "hex": "#806414"
1140
+ },
1141
+ "$extensions": {
1142
+ "com.ponchia.css": {
1143
+ "variable": "--bronto-color-warning",
1144
+ "authoredValue": "var(--warning)"
1145
+ }
1146
+ }
1147
+ },
1148
+ "color-danger": {
1149
+ "$type": "color",
1150
+ "$value": {
1151
+ "colorSpace": "srgb",
1152
+ "components": [
1153
+ 0.752941,
1154
+ 0.086275,
1155
+ 0.133333
1156
+ ],
1157
+ "alpha": 1,
1158
+ "hex": "#c01622"
1159
+ },
1160
+ "$extensions": {
1161
+ "com.ponchia.css": {
1162
+ "variable": "--bronto-color-danger",
1163
+ "authoredValue": "var(--danger)"
1164
+ }
1165
+ }
1166
+ },
1167
+ "color-info": {
1168
+ "$type": "color",
1169
+ "$value": {
1170
+ "colorSpace": "srgb",
1171
+ "components": [
1172
+ 0.121569,
1173
+ 0.388235,
1174
+ 0.768627
1175
+ ],
1176
+ "alpha": 1,
1177
+ "hex": "#1f63c4"
1178
+ },
1179
+ "$extensions": {
1180
+ "com.ponchia.css": {
1181
+ "variable": "--bronto-color-info",
1182
+ "authoredValue": "var(--info)"
1183
+ }
1184
+ }
1185
+ }
1186
+ },
1187
+ "border": {
491
1188
  "DEFAULT": {
492
1189
  "$type": "color",
493
- "$value": "#d8d8d4"
1190
+ "$value": {
1191
+ "colorSpace": "srgb",
1192
+ "components": [
1193
+ 0.847059,
1194
+ 0.847059,
1195
+ 0.831373
1196
+ ],
1197
+ "alpha": 1,
1198
+ "hex": "#d8d8d4"
1199
+ },
1200
+ "$extensions": {
1201
+ "com.ponchia.css": {
1202
+ "variable": "--border",
1203
+ "authoredValue": "var(--line)"
1204
+ }
1205
+ }
494
1206
  },
495
1207
  "strong": {
496
1208
  "$type": "color",
497
- "$value": "#a8a8a2"
1209
+ "$value": {
1210
+ "colorSpace": "srgb",
1211
+ "components": [
1212
+ 0.658824,
1213
+ 0.658824,
1214
+ 0.635294
1215
+ ],
1216
+ "alpha": 1,
1217
+ "hex": "#a8a8a2"
1218
+ },
1219
+ "$extensions": {
1220
+ "com.ponchia.css": {
1221
+ "variable": "--border-strong",
1222
+ "authoredValue": "var(--line-strong)"
1223
+ }
1224
+ }
498
1225
  }
499
1226
  },
500
- "text": {
1227
+ "bg": {
501
1228
  "DEFAULT": {
502
1229
  "$type": "color",
503
- "$value": "#0a0a0a"
1230
+ "$value": {
1231
+ "colorSpace": "srgb",
1232
+ "components": [
1233
+ 0.956863,
1234
+ 0.956863,
1235
+ 0.94902
1236
+ ],
1237
+ "alpha": 1,
1238
+ "hex": "#f4f4f2"
1239
+ },
1240
+ "$extensions": {
1241
+ "com.ponchia.css": {
1242
+ "variable": "--bg",
1243
+ "authoredValue": "#f4f4f2"
1244
+ }
1245
+ }
504
1246
  },
505
- "soft": {
1247
+ "elevated": {
506
1248
  "$type": "color",
507
- "$value": "#353533"
1249
+ "$value": {
1250
+ "colorSpace": "srgb",
1251
+ "components": [
1252
+ 0.984314,
1253
+ 0.984314,
1254
+ 0.980392
1255
+ ],
1256
+ "alpha": 1,
1257
+ "hex": "#fbfbfa"
1258
+ },
1259
+ "$extensions": {
1260
+ "com.ponchia.css": {
1261
+ "variable": "--bg-elevated",
1262
+ "authoredValue": "#fbfbfa"
1263
+ }
1264
+ }
508
1265
  },
509
- "dim": {
1266
+ "accent": {
510
1267
  "$type": "color",
511
- "$value": "#686863"
1268
+ "$value": {
1269
+ "colorSpace": "srgb",
1270
+ "components": [
1271
+ 0.843137,
1272
+ 0.098039,
1273
+ 0.129412
1274
+ ],
1275
+ "alpha": 0.06
1276
+ },
1277
+ "$extensions": {
1278
+ "com.ponchia.css": {
1279
+ "variable": "--bg-accent",
1280
+ "authoredValue": "color-mix(in srgb, var(--accent) 6%, transparent)"
1281
+ }
1282
+ }
512
1283
  }
513
1284
  },
514
- "accent": {
1285
+ "panel": {
515
1286
  "DEFAULT": {
516
1287
  "$type": "color",
517
- "$value": "#d71921"
1288
+ "$value": {
1289
+ "colorSpace": "srgb",
1290
+ "components": [
1291
+ 1,
1292
+ 1,
1293
+ 1
1294
+ ],
1295
+ "alpha": 1,
1296
+ "hex": "#ffffff"
1297
+ },
1298
+ "$extensions": {
1299
+ "com.ponchia.css": {
1300
+ "variable": "--panel",
1301
+ "authoredValue": "#ffffff"
1302
+ }
1303
+ }
518
1304
  },
519
- "ramp-end": {
1305
+ "strong": {
1306
+ "$type": "color",
1307
+ "$value": {
1308
+ "colorSpace": "srgb",
1309
+ "components": [
1310
+ 1,
1311
+ 1,
1312
+ 1
1313
+ ],
1314
+ "alpha": 1,
1315
+ "hex": "#ffffff"
1316
+ },
1317
+ "$extensions": {
1318
+ "com.ponchia.css": {
1319
+ "variable": "--panel-strong",
1320
+ "authoredValue": "#ffffff"
1321
+ }
1322
+ }
1323
+ },
1324
+ "soft": {
1325
+ "$type": "color",
1326
+ "$value": {
1327
+ "colorSpace": "srgb",
1328
+ "components": [
1329
+ 0.92549,
1330
+ 0.92549,
1331
+ 0.917647
1332
+ ],
1333
+ "alpha": 1,
1334
+ "hex": "#ececea"
1335
+ },
1336
+ "$extensions": {
1337
+ "com.ponchia.css": {
1338
+ "variable": "--panel-soft",
1339
+ "authoredValue": "#ececea"
1340
+ }
1341
+ }
1342
+ }
1343
+ },
1344
+ "line": {
1345
+ "DEFAULT": {
520
1346
  "$type": "color",
521
- "$value": "#ffffff"
1347
+ "$value": {
1348
+ "colorSpace": "srgb",
1349
+ "components": [
1350
+ 0.847059,
1351
+ 0.847059,
1352
+ 0.831373
1353
+ ],
1354
+ "alpha": 1,
1355
+ "hex": "#d8d8d4"
1356
+ },
1357
+ "$extensions": {
1358
+ "com.ponchia.css": {
1359
+ "variable": "--line",
1360
+ "authoredValue": "#d8d8d4"
1361
+ }
1362
+ }
522
1363
  },
523
1364
  "strong": {
524
1365
  "$type": "color",
525
- "$value": null,
1366
+ "$value": {
1367
+ "colorSpace": "srgb",
1368
+ "components": [
1369
+ 0.658824,
1370
+ 0.658824,
1371
+ 0.635294
1372
+ ],
1373
+ "alpha": 1,
1374
+ "hex": "#a8a8a2"
1375
+ },
526
1376
  "$extensions": {
527
- "com.ponchia.css": "color-mix(in srgb, var(--accent) 83%, #000)"
1377
+ "com.ponchia.css": {
1378
+ "variable": "--line-strong",
1379
+ "authoredValue": "#a8a8a2"
1380
+ }
528
1381
  }
529
- },
530
- "text": {
1382
+ }
1383
+ },
1384
+ "text": {
1385
+ "DEFAULT": {
531
1386
  "$type": "color",
532
- "$value": null,
1387
+ "$value": {
1388
+ "colorSpace": "srgb",
1389
+ "components": [
1390
+ 0.039216,
1391
+ 0.039216,
1392
+ 0.039216
1393
+ ],
1394
+ "alpha": 1,
1395
+ "hex": "#0a0a0a"
1396
+ },
533
1397
  "$extensions": {
534
- "com.ponchia.css": "var(--accent-strong)"
1398
+ "com.ponchia.css": {
1399
+ "variable": "--text",
1400
+ "authoredValue": "#0a0a0a"
1401
+ }
535
1402
  }
536
1403
  },
537
1404
  "soft": {
538
1405
  "$type": "color",
539
- "$value": null,
1406
+ "$value": {
1407
+ "colorSpace": "srgb",
1408
+ "components": [
1409
+ 0.207843,
1410
+ 0.207843,
1411
+ 0.2
1412
+ ],
1413
+ "alpha": 1,
1414
+ "hex": "#353533"
1415
+ },
540
1416
  "$extensions": {
541
- "com.ponchia.css": "color-mix(in srgb, var(--accent) 10%, transparent)"
1417
+ "com.ponchia.css": {
1418
+ "variable": "--text-soft",
1419
+ "authoredValue": "#353533"
1420
+ }
1421
+ }
1422
+ },
1423
+ "dim": {
1424
+ "$type": "color",
1425
+ "$value": {
1426
+ "colorSpace": "srgb",
1427
+ "components": [
1428
+ 0.407843,
1429
+ 0.407843,
1430
+ 0.388235
1431
+ ],
1432
+ "alpha": 1,
1433
+ "hex": "#686863"
1434
+ },
1435
+ "$extensions": {
1436
+ "com.ponchia.css": {
1437
+ "variable": "--text-dim",
1438
+ "authoredValue": "#686863"
1439
+ }
542
1440
  }
543
1441
  }
544
1442
  },
545
1443
  "on": {
546
1444
  "accent": {
547
1445
  "$type": "color",
548
- "$value": null,
1446
+ "$value": {
1447
+ "colorSpace": "srgb",
1448
+ "components": [
1449
+ 1,
1450
+ 1,
1451
+ 1
1452
+ ],
1453
+ "alpha": 1,
1454
+ "hex": "#ffffff"
1455
+ },
549
1456
  "$extensions": {
550
- "com.ponchia.css": "var(--button-text)"
1457
+ "com.ponchia.css": {
1458
+ "variable": "--on-accent",
1459
+ "authoredValue": "var(--button-text)"
1460
+ }
551
1461
  }
552
1462
  }
553
1463
  },
554
1464
  "success": {
555
1465
  "DEFAULT": {
556
1466
  "$type": "color",
557
- "$value": "#2f7d4f"
1467
+ "$value": {
1468
+ "colorSpace": "srgb",
1469
+ "components": [
1470
+ 0.184314,
1471
+ 0.490196,
1472
+ 0.309804
1473
+ ],
1474
+ "alpha": 1,
1475
+ "hex": "#2f7d4f"
1476
+ },
1477
+ "$extensions": {
1478
+ "com.ponchia.css": {
1479
+ "variable": "--success",
1480
+ "authoredValue": "#2f7d4f"
1481
+ }
1482
+ }
558
1483
  },
559
1484
  "soft": {
560
1485
  "$type": "color",
561
- "$value": "rgb(47, 125, 79, 0.12)"
1486
+ "$value": {
1487
+ "colorSpace": "srgb",
1488
+ "components": [
1489
+ 0.184314,
1490
+ 0.490196,
1491
+ 0.309804
1492
+ ],
1493
+ "alpha": 0.12
1494
+ },
1495
+ "$extensions": {
1496
+ "com.ponchia.css": {
1497
+ "variable": "--success-soft",
1498
+ "authoredValue": "rgb(47, 125, 79, 0.12)"
1499
+ }
1500
+ }
562
1501
  }
563
1502
  },
564
1503
  "warning": {
565
1504
  "DEFAULT": {
566
1505
  "$type": "color",
567
- "$value": "#806414"
1506
+ "$value": {
1507
+ "colorSpace": "srgb",
1508
+ "components": [
1509
+ 0.501961,
1510
+ 0.392157,
1511
+ 0.078431
1512
+ ],
1513
+ "alpha": 1,
1514
+ "hex": "#806414"
1515
+ },
1516
+ "$extensions": {
1517
+ "com.ponchia.css": {
1518
+ "variable": "--warning",
1519
+ "authoredValue": "#806414"
1520
+ }
1521
+ }
568
1522
  },
569
1523
  "soft": {
570
1524
  "$type": "color",
571
- "$value": "rgb(128, 100, 20, 0.13)"
1525
+ "$value": {
1526
+ "colorSpace": "srgb",
1527
+ "components": [
1528
+ 0.501961,
1529
+ 0.392157,
1530
+ 0.078431
1531
+ ],
1532
+ "alpha": 0.13
1533
+ },
1534
+ "$extensions": {
1535
+ "com.ponchia.css": {
1536
+ "variable": "--warning-soft",
1537
+ "authoredValue": "rgb(128, 100, 20, 0.13)"
1538
+ }
1539
+ }
572
1540
  }
573
1541
  },
574
1542
  "danger": {
575
1543
  "DEFAULT": {
576
1544
  "$type": "color",
577
- "$value": "#c01622"
1545
+ "$value": {
1546
+ "colorSpace": "srgb",
1547
+ "components": [
1548
+ 0.752941,
1549
+ 0.086275,
1550
+ 0.133333
1551
+ ],
1552
+ "alpha": 1,
1553
+ "hex": "#c01622"
1554
+ },
1555
+ "$extensions": {
1556
+ "com.ponchia.css": {
1557
+ "variable": "--danger",
1558
+ "authoredValue": "#c01622"
1559
+ }
1560
+ }
578
1561
  },
579
1562
  "soft": {
580
1563
  "$type": "color",
581
- "$value": "rgb(192, 22, 34, 0.1)"
1564
+ "$value": {
1565
+ "colorSpace": "srgb",
1566
+ "components": [
1567
+ 0.752941,
1568
+ 0.086275,
1569
+ 0.133333
1570
+ ],
1571
+ "alpha": 0.1
1572
+ },
1573
+ "$extensions": {
1574
+ "com.ponchia.css": {
1575
+ "variable": "--danger-soft",
1576
+ "authoredValue": "rgb(192, 22, 34, 0.1)"
1577
+ }
1578
+ }
582
1579
  }
583
1580
  },
584
1581
  "info": {
585
1582
  "DEFAULT": {
586
1583
  "$type": "color",
587
- "$value": "#1f63c4"
1584
+ "$value": {
1585
+ "colorSpace": "srgb",
1586
+ "components": [
1587
+ 0.121569,
1588
+ 0.388235,
1589
+ 0.768627
1590
+ ],
1591
+ "alpha": 1,
1592
+ "hex": "#1f63c4"
1593
+ },
1594
+ "$extensions": {
1595
+ "com.ponchia.css": {
1596
+ "variable": "--info",
1597
+ "authoredValue": "#1f63c4"
1598
+ }
1599
+ }
588
1600
  },
589
1601
  "soft": {
590
1602
  "$type": "color",
591
- "$value": "rgb(31, 99, 196, 0.12)"
1603
+ "$value": {
1604
+ "colorSpace": "srgb",
1605
+ "components": [
1606
+ 0.121569,
1607
+ 0.388235,
1608
+ 0.768627
1609
+ ],
1610
+ "alpha": 0.12
1611
+ },
1612
+ "$extensions": {
1613
+ "com.ponchia.css": {
1614
+ "variable": "--info-soft",
1615
+ "authoredValue": "rgb(31, 99, 196, 0.12)"
1616
+ }
1617
+ }
592
1618
  }
593
1619
  },
594
1620
  "code": {
595
1621
  "bg": {
596
1622
  "$type": "color",
597
- "$value": "rgb(10, 10, 10, 0.05)"
1623
+ "$value": {
1624
+ "colorSpace": "srgb",
1625
+ "components": [
1626
+ 0.039216,
1627
+ 0.039216,
1628
+ 0.039216
1629
+ ],
1630
+ "alpha": 0.05
1631
+ },
1632
+ "$extensions": {
1633
+ "com.ponchia.css": {
1634
+ "variable": "--code-bg",
1635
+ "authoredValue": "rgb(10, 10, 10, 0.05)"
1636
+ }
1637
+ }
598
1638
  }
599
1639
  },
600
1640
  "button": {
601
1641
  "text": {
602
1642
  "$type": "color",
603
- "$value": "#ffffff"
1643
+ "$value": {
1644
+ "colorSpace": "srgb",
1645
+ "components": [
1646
+ 1,
1647
+ 1,
1648
+ 1
1649
+ ],
1650
+ "alpha": 1,
1651
+ "hex": "#ffffff"
1652
+ },
1653
+ "$extensions": {
1654
+ "com.ponchia.css": {
1655
+ "variable": "--button-text",
1656
+ "authoredValue": "#ffffff"
1657
+ }
1658
+ }
604
1659
  }
605
1660
  },
606
1661
  "field": {
607
1662
  "dot": {
608
1663
  "$type": "color",
609
- "$value": "rgb(10, 10, 10, 0.16)"
1664
+ "$value": {
1665
+ "colorSpace": "srgb",
1666
+ "components": [
1667
+ 0.039216,
1668
+ 0.039216,
1669
+ 0.039216
1670
+ ],
1671
+ "alpha": 0.16
1672
+ },
1673
+ "$extensions": {
1674
+ "com.ponchia.css": {
1675
+ "variable": "--field-dot",
1676
+ "authoredValue": "rgb(10, 10, 10, 0.16)"
1677
+ }
1678
+ }
610
1679
  },
611
1680
  "dot-hot": {
612
1681
  "$type": "color",
613
- "$value": "rgb(10, 10, 10, 0.4)"
1682
+ "$value": {
1683
+ "colorSpace": "srgb",
1684
+ "components": [
1685
+ 0.039216,
1686
+ 0.039216,
1687
+ 0.039216
1688
+ ],
1689
+ "alpha": 0.4
1690
+ },
1691
+ "$extensions": {
1692
+ "com.ponchia.css": {
1693
+ "variable": "--field-dot-hot",
1694
+ "authoredValue": "rgb(10, 10, 10, 0.4)"
1695
+ }
1696
+ }
614
1697
  },
615
1698
  "dot-accent": {
616
1699
  "$type": "color",
617
- "$value": null,
1700
+ "$value": {
1701
+ "colorSpace": "srgb",
1702
+ "components": [
1703
+ 0.843137,
1704
+ 0.098039,
1705
+ 0.129412
1706
+ ],
1707
+ "alpha": 0.78
1708
+ },
618
1709
  "$extensions": {
619
- "com.ponchia.css": "color-mix(in srgb, var(--accent) 78%, transparent)"
1710
+ "com.ponchia.css": {
1711
+ "variable": "--field-dot-accent",
1712
+ "authoredValue": "color-mix(in srgb, var(--accent) 78%, transparent)"
1713
+ }
620
1714
  }
621
1715
  }
622
1716
  },
623
1717
  "focus": {
624
1718
  "ring": {
625
1719
  "$type": "color",
626
- "$value": null,
1720
+ "$value": {
1721
+ "colorSpace": "srgb",
1722
+ "components": [
1723
+ 0.843137,
1724
+ 0.098039,
1725
+ 0.129412
1726
+ ],
1727
+ "alpha": 1,
1728
+ "hex": "#d71921"
1729
+ },
627
1730
  "$extensions": {
628
- "com.ponchia.css": "var(--accent)"
1731
+ "com.ponchia.css": {
1732
+ "variable": "--focus-ring",
1733
+ "authoredValue": "var(--accent)"
1734
+ }
629
1735
  }
630
1736
  }
631
- },
632
- "shadow": {
1737
+ }
1738
+ },
1739
+ "dark": {
1740
+ "accent": {
1741
+ "1": {
1742
+ "$type": "color",
1743
+ "$value": {
1744
+ "colorSpace": "srgb",
1745
+ "components": [
1746
+ 0.007843,
1747
+ 0,
1748
+ 0
1749
+ ],
1750
+ "alpha": 1,
1751
+ "hex": "#020000"
1752
+ },
1753
+ "$extensions": {
1754
+ "com.ponchia.css": {
1755
+ "variable": "--accent-1",
1756
+ "authoredValue": "color-mix(in oklch, var(--accent) 8%, var(--accent-ramp-end))"
1757
+ }
1758
+ }
1759
+ },
1760
+ "2": {
1761
+ "$type": "color",
1762
+ "$value": {
1763
+ "colorSpace": "srgb",
1764
+ "components": [
1765
+ 0.05098,
1766
+ 0.003922,
1767
+ 0.003922
1768
+ ],
1769
+ "alpha": 1,
1770
+ "hex": "#0d0101"
1771
+ },
1772
+ "$extensions": {
1773
+ "com.ponchia.css": {
1774
+ "variable": "--accent-2",
1775
+ "authoredValue": "color-mix(in oklch, var(--accent) 16%, var(--accent-ramp-end))"
1776
+ }
1777
+ }
1778
+ },
1779
+ "3": {
1780
+ "$type": "color",
1781
+ "$value": {
1782
+ "colorSpace": "srgb",
1783
+ "components": [
1784
+ 0.2,
1785
+ 0.019608,
1786
+ 0.023529
1787
+ ],
1788
+ "alpha": 1,
1789
+ "hex": "#330506"
1790
+ },
1791
+ "$extensions": {
1792
+ "com.ponchia.css": {
1793
+ "variable": "--accent-3",
1794
+ "authoredValue": "color-mix(in oklch, var(--accent) 32%, var(--accent-ramp-end))"
1795
+ }
1796
+ }
1797
+ },
1798
+ "4": {
1799
+ "$type": "color",
1800
+ "$value": {
1801
+ "colorSpace": "srgb",
1802
+ "components": [
1803
+ 0.501961,
1804
+ 0.098039,
1805
+ 0.109804
1806
+ ],
1807
+ "alpha": 1,
1808
+ "hex": "#80191c"
1809
+ },
1810
+ "$extensions": {
1811
+ "com.ponchia.css": {
1812
+ "variable": "--accent-4",
1813
+ "authoredValue": "color-mix(in oklch, var(--accent) 60%, var(--accent-ramp-end))"
1814
+ }
1815
+ }
1816
+ },
1817
+ "5": {
1818
+ "$type": "color",
1819
+ "$value": {
1820
+ "colorSpace": "srgb",
1821
+ "components": [
1822
+ 1,
1823
+ 0.231373,
1824
+ 0.254902
1825
+ ],
1826
+ "alpha": 1,
1827
+ "hex": "#ff3b41"
1828
+ },
1829
+ "$extensions": {
1830
+ "com.ponchia.css": {
1831
+ "variable": "--accent-5",
1832
+ "authoredValue": "var(--accent)"
1833
+ }
1834
+ }
1835
+ },
1836
+ "6": {
1837
+ "$type": "color",
1838
+ "$value": {
1839
+ "colorSpace": "srgb",
1840
+ "components": [
1841
+ 1,
1842
+ 0.384314,
1843
+ 0.403922
1844
+ ],
1845
+ "alpha": 1,
1846
+ "hex": "#ff6267"
1847
+ },
1848
+ "$extensions": {
1849
+ "com.ponchia.css": {
1850
+ "variable": "--accent-6",
1851
+ "authoredValue": "var(--accent-strong)"
1852
+ }
1853
+ }
1854
+ },
633
1855
  "DEFAULT": {
634
- "$type": "shadow",
635
- "$value": "none"
1856
+ "$type": "color",
1857
+ "$value": {
1858
+ "colorSpace": "srgb",
1859
+ "components": [
1860
+ 1,
1861
+ 0.231373,
1862
+ 0.254902
1863
+ ],
1864
+ "alpha": 1,
1865
+ "hex": "#ff3b41"
1866
+ },
1867
+ "$extensions": {
1868
+ "com.ponchia.css": {
1869
+ "variable": "--accent",
1870
+ "authoredValue": "#ff3b41"
1871
+ }
1872
+ }
636
1873
  },
637
- "raised": {
638
- "$type": "shadow",
639
- "$value": null,
1874
+ "ramp-end": {
1875
+ "$type": "color",
1876
+ "$value": {
1877
+ "colorSpace": "srgb",
1878
+ "components": [
1879
+ 0,
1880
+ 0,
1881
+ 0
1882
+ ],
1883
+ "alpha": 1,
1884
+ "hex": "#000000"
1885
+ },
1886
+ "$extensions": {
1887
+ "com.ponchia.css": {
1888
+ "variable": "--accent-ramp-end",
1889
+ "authoredValue": "#000000"
1890
+ }
1891
+ }
1892
+ },
1893
+ "strong": {
1894
+ "$type": "color",
1895
+ "$value": {
1896
+ "colorSpace": "srgb",
1897
+ "components": [
1898
+ 1,
1899
+ 0.384314,
1900
+ 0.403922
1901
+ ],
1902
+ "alpha": 1,
1903
+ "hex": "#ff6267"
1904
+ },
1905
+ "$extensions": {
1906
+ "com.ponchia.css": {
1907
+ "variable": "--accent-strong",
1908
+ "authoredValue": "color-mix(in srgb, var(--accent) 80%, #fff)"
1909
+ }
1910
+ }
1911
+ },
1912
+ "text": {
1913
+ "$type": "color",
1914
+ "$value": {
1915
+ "colorSpace": "srgb",
1916
+ "components": [
1917
+ 1,
1918
+ 0.384314,
1919
+ 0.403922
1920
+ ],
1921
+ "alpha": 1,
1922
+ "hex": "#ff6267"
1923
+ },
1924
+ "$extensions": {
1925
+ "com.ponchia.css": {
1926
+ "variable": "--accent-text",
1927
+ "authoredValue": "var(--accent-strong)"
1928
+ }
1929
+ }
1930
+ },
1931
+ "soft": {
1932
+ "$type": "color",
1933
+ "$value": {
1934
+ "colorSpace": "srgb",
1935
+ "components": [
1936
+ 1,
1937
+ 0.231373,
1938
+ 0.254902
1939
+ ],
1940
+ "alpha": 0.14
1941
+ },
640
1942
  "$extensions": {
641
- "com.ponchia.css": "0 0 0 1px var(--line-strong)"
1943
+ "com.ponchia.css": {
1944
+ "variable": "--accent-soft",
1945
+ "authoredValue": "color-mix(in srgb, var(--accent) 14%, transparent)"
1946
+ }
642
1947
  }
643
1948
  }
644
- }
645
- },
646
- "dark": {
647
- "bg": {
1949
+ },
1950
+ "surface": {
1951
+ "1": {
1952
+ "$type": "color",
1953
+ "$value": {
1954
+ "colorSpace": "srgb",
1955
+ "components": [
1956
+ 0.070588,
1957
+ 0.070588,
1958
+ 0.070588
1959
+ ],
1960
+ "alpha": 1,
1961
+ "hex": "#121212"
1962
+ },
1963
+ "$extensions": {
1964
+ "com.ponchia.css": {
1965
+ "variable": "--surface-1",
1966
+ "authoredValue": "var(--bg)"
1967
+ }
1968
+ }
1969
+ },
1970
+ "2": {
1971
+ "$type": "color",
1972
+ "$value": {
1973
+ "colorSpace": "srgb",
1974
+ "components": [
1975
+ 0.094118,
1976
+ 0.094118,
1977
+ 0.094118
1978
+ ],
1979
+ "alpha": 1,
1980
+ "hex": "#181818"
1981
+ },
1982
+ "$extensions": {
1983
+ "com.ponchia.css": {
1984
+ "variable": "--surface-2",
1985
+ "authoredValue": "var(--bg-elevated)"
1986
+ }
1987
+ }
1988
+ },
1989
+ "3": {
1990
+ "$type": "color",
1991
+ "$value": {
1992
+ "colorSpace": "srgb",
1993
+ "components": [
1994
+ 0.109804,
1995
+ 0.109804,
1996
+ 0.109804
1997
+ ],
1998
+ "alpha": 1,
1999
+ "hex": "#1c1c1c"
2000
+ },
2001
+ "$extensions": {
2002
+ "com.ponchia.css": {
2003
+ "variable": "--surface-3",
2004
+ "authoredValue": "var(--panel)"
2005
+ }
2006
+ }
2007
+ },
2008
+ "4": {
2009
+ "$type": "color",
2010
+ "$value": {
2011
+ "colorSpace": "srgb",
2012
+ "components": [
2013
+ 0.141176,
2014
+ 0.141176,
2015
+ 0.141176
2016
+ ],
2017
+ "alpha": 1,
2018
+ "hex": "#242424"
2019
+ },
2020
+ "$extensions": {
2021
+ "com.ponchia.css": {
2022
+ "variable": "--surface-4",
2023
+ "authoredValue": "var(--panel-soft)"
2024
+ }
2025
+ }
2026
+ },
2027
+ "5": {
2028
+ "$type": "color",
2029
+ "$value": {
2030
+ "colorSpace": "srgb",
2031
+ "components": [
2032
+ 0.219608,
2033
+ 0.219608,
2034
+ 0.219608
2035
+ ],
2036
+ "alpha": 1,
2037
+ "hex": "#383838"
2038
+ },
2039
+ "$extensions": {
2040
+ "com.ponchia.css": {
2041
+ "variable": "--surface-5",
2042
+ "authoredValue": "var(--line)"
2043
+ }
2044
+ }
2045
+ },
2046
+ "6": {
2047
+ "$type": "color",
2048
+ "$value": {
2049
+ "colorSpace": "srgb",
2050
+ "components": [
2051
+ 0.333333,
2052
+ 0.333333,
2053
+ 0.333333
2054
+ ],
2055
+ "alpha": 1,
2056
+ "hex": "#555555"
2057
+ },
2058
+ "$extensions": {
2059
+ "com.ponchia.css": {
2060
+ "variable": "--surface-6",
2061
+ "authoredValue": "var(--line-strong)"
2062
+ }
2063
+ }
2064
+ },
648
2065
  "DEFAULT": {
649
2066
  "$type": "color",
650
- "$value": "#121212"
2067
+ "$value": {
2068
+ "colorSpace": "srgb",
2069
+ "components": [
2070
+ 0.109804,
2071
+ 0.109804,
2072
+ 0.109804
2073
+ ],
2074
+ "alpha": 1,
2075
+ "hex": "#1c1c1c"
2076
+ },
2077
+ "$extensions": {
2078
+ "com.ponchia.css": {
2079
+ "variable": "--surface",
2080
+ "authoredValue": "var(--panel)"
2081
+ }
2082
+ }
651
2083
  },
652
- "elevated": {
2084
+ "raised": {
653
2085
  "$type": "color",
654
- "$value": "#181818"
2086
+ "$value": {
2087
+ "colorSpace": "srgb",
2088
+ "components": [
2089
+ 0.133333,
2090
+ 0.133333,
2091
+ 0.133333
2092
+ ],
2093
+ "alpha": 1,
2094
+ "hex": "#222222"
2095
+ },
2096
+ "$extensions": {
2097
+ "com.ponchia.css": {
2098
+ "variable": "--surface-raised",
2099
+ "authoredValue": "var(--panel-strong)"
2100
+ }
2101
+ }
655
2102
  },
656
- "accent": {
2103
+ "muted": {
657
2104
  "$type": "color",
658
- "$value": null,
2105
+ "$value": {
2106
+ "colorSpace": "srgb",
2107
+ "components": [
2108
+ 0.141176,
2109
+ 0.141176,
2110
+ 0.141176
2111
+ ],
2112
+ "alpha": 1,
2113
+ "hex": "#242424"
2114
+ },
659
2115
  "$extensions": {
660
- "com.ponchia.css": "color-mix(in srgb, var(--accent) 8%, transparent)"
2116
+ "com.ponchia.css": {
2117
+ "variable": "--surface-muted",
2118
+ "authoredValue": "var(--panel-soft)"
2119
+ }
661
2120
  }
662
2121
  }
663
2122
  },
664
- "panel": {
665
- "DEFAULT": {
2123
+ "bronto": {
2124
+ "color-bg": {
666
2125
  "$type": "color",
667
- "$value": "#1c1c1c"
2126
+ "$value": {
2127
+ "colorSpace": "srgb",
2128
+ "components": [
2129
+ 0.070588,
2130
+ 0.070588,
2131
+ 0.070588
2132
+ ],
2133
+ "alpha": 1,
2134
+ "hex": "#121212"
2135
+ },
2136
+ "$extensions": {
2137
+ "com.ponchia.css": {
2138
+ "variable": "--bronto-color-bg",
2139
+ "authoredValue": "var(--bg)"
2140
+ }
2141
+ }
668
2142
  },
669
- "strong": {
2143
+ "color-surface": {
670
2144
  "$type": "color",
671
- "$value": "#222222"
2145
+ "$value": {
2146
+ "colorSpace": "srgb",
2147
+ "components": [
2148
+ 0.109804,
2149
+ 0.109804,
2150
+ 0.109804
2151
+ ],
2152
+ "alpha": 1,
2153
+ "hex": "#1c1c1c"
2154
+ },
2155
+ "$extensions": {
2156
+ "com.ponchia.css": {
2157
+ "variable": "--bronto-color-surface",
2158
+ "authoredValue": "var(--panel)"
2159
+ }
2160
+ }
672
2161
  },
673
- "soft": {
2162
+ "color-surface-raised": {
2163
+ "$type": "color",
2164
+ "$value": {
2165
+ "colorSpace": "srgb",
2166
+ "components": [
2167
+ 0.133333,
2168
+ 0.133333,
2169
+ 0.133333
2170
+ ],
2171
+ "alpha": 1,
2172
+ "hex": "#222222"
2173
+ },
2174
+ "$extensions": {
2175
+ "com.ponchia.css": {
2176
+ "variable": "--bronto-color-surface-raised",
2177
+ "authoredValue": "var(--panel-strong)"
2178
+ }
2179
+ }
2180
+ },
2181
+ "color-border": {
2182
+ "$type": "color",
2183
+ "$value": {
2184
+ "colorSpace": "srgb",
2185
+ "components": [
2186
+ 0.219608,
2187
+ 0.219608,
2188
+ 0.219608
2189
+ ],
2190
+ "alpha": 1,
2191
+ "hex": "#383838"
2192
+ },
2193
+ "$extensions": {
2194
+ "com.ponchia.css": {
2195
+ "variable": "--bronto-color-border",
2196
+ "authoredValue": "var(--line)"
2197
+ }
2198
+ }
2199
+ },
2200
+ "color-border-strong": {
2201
+ "$type": "color",
2202
+ "$value": {
2203
+ "colorSpace": "srgb",
2204
+ "components": [
2205
+ 0.333333,
2206
+ 0.333333,
2207
+ 0.333333
2208
+ ],
2209
+ "alpha": 1,
2210
+ "hex": "#555555"
2211
+ },
2212
+ "$extensions": {
2213
+ "com.ponchia.css": {
2214
+ "variable": "--bronto-color-border-strong",
2215
+ "authoredValue": "var(--line-strong)"
2216
+ }
2217
+ }
2218
+ },
2219
+ "color-text": {
2220
+ "$type": "color",
2221
+ "$value": {
2222
+ "colorSpace": "srgb",
2223
+ "components": [
2224
+ 0.901961,
2225
+ 0.901961,
2226
+ 0.901961
2227
+ ],
2228
+ "alpha": 1,
2229
+ "hex": "#e6e6e6"
2230
+ },
2231
+ "$extensions": {
2232
+ "com.ponchia.css": {
2233
+ "variable": "--bronto-color-text",
2234
+ "authoredValue": "var(--text)"
2235
+ }
2236
+ }
2237
+ },
2238
+ "color-text-muted": {
2239
+ "$type": "color",
2240
+ "$value": {
2241
+ "colorSpace": "srgb",
2242
+ "components": [
2243
+ 0.627451,
2244
+ 0.627451,
2245
+ 0.627451
2246
+ ],
2247
+ "alpha": 1,
2248
+ "hex": "#a0a0a0"
2249
+ },
2250
+ "$extensions": {
2251
+ "com.ponchia.css": {
2252
+ "variable": "--bronto-color-text-muted",
2253
+ "authoredValue": "var(--text-dim)"
2254
+ }
2255
+ }
2256
+ },
2257
+ "color-action": {
2258
+ "$type": "color",
2259
+ "$value": {
2260
+ "colorSpace": "srgb",
2261
+ "components": [
2262
+ 1,
2263
+ 0.231373,
2264
+ 0.254902
2265
+ ],
2266
+ "alpha": 1,
2267
+ "hex": "#ff3b41"
2268
+ },
2269
+ "$extensions": {
2270
+ "com.ponchia.css": {
2271
+ "variable": "--bronto-color-action",
2272
+ "authoredValue": "var(--accent)"
2273
+ }
2274
+ }
2275
+ },
2276
+ "color-on-action": {
2277
+ "$type": "color",
2278
+ "$value": {
2279
+ "colorSpace": "srgb",
2280
+ "components": [
2281
+ 0,
2282
+ 0,
2283
+ 0
2284
+ ],
2285
+ "alpha": 1,
2286
+ "hex": "#000000"
2287
+ },
2288
+ "$extensions": {
2289
+ "com.ponchia.css": {
2290
+ "variable": "--bronto-color-on-action",
2291
+ "authoredValue": "var(--button-text)"
2292
+ }
2293
+ }
2294
+ },
2295
+ "color-focus": {
2296
+ "$type": "color",
2297
+ "$value": {
2298
+ "colorSpace": "srgb",
2299
+ "components": [
2300
+ 1,
2301
+ 0.231373,
2302
+ 0.254902
2303
+ ],
2304
+ "alpha": 1,
2305
+ "hex": "#ff3b41"
2306
+ },
2307
+ "$extensions": {
2308
+ "com.ponchia.css": {
2309
+ "variable": "--bronto-color-focus",
2310
+ "authoredValue": "var(--focus-ring)"
2311
+ }
2312
+ }
2313
+ },
2314
+ "color-success": {
2315
+ "$type": "color",
2316
+ "$value": {
2317
+ "colorSpace": "srgb",
2318
+ "components": [
2319
+ 0.305882,
2320
+ 0.760784,
2321
+ 0.494118
2322
+ ],
2323
+ "alpha": 1,
2324
+ "hex": "#4ec27e"
2325
+ },
2326
+ "$extensions": {
2327
+ "com.ponchia.css": {
2328
+ "variable": "--bronto-color-success",
2329
+ "authoredValue": "var(--success)"
2330
+ }
2331
+ }
2332
+ },
2333
+ "color-warning": {
2334
+ "$type": "color",
2335
+ "$value": {
2336
+ "colorSpace": "srgb",
2337
+ "components": [
2338
+ 0.847059,
2339
+ 0.741176,
2340
+ 0.447059
2341
+ ],
2342
+ "alpha": 1,
2343
+ "hex": "#d8bd72"
2344
+ },
2345
+ "$extensions": {
2346
+ "com.ponchia.css": {
2347
+ "variable": "--bronto-color-warning",
2348
+ "authoredValue": "var(--warning)"
2349
+ }
2350
+ }
2351
+ },
2352
+ "color-danger": {
2353
+ "$type": "color",
2354
+ "$value": {
2355
+ "colorSpace": "srgb",
2356
+ "components": [
2357
+ 1,
2358
+ 0.301961,
2359
+ 0.329412
2360
+ ],
2361
+ "alpha": 1,
2362
+ "hex": "#ff4d54"
2363
+ },
2364
+ "$extensions": {
2365
+ "com.ponchia.css": {
2366
+ "variable": "--bronto-color-danger",
2367
+ "authoredValue": "var(--danger)"
2368
+ }
2369
+ }
2370
+ },
2371
+ "color-info": {
674
2372
  "$type": "color",
675
- "$value": "#242424"
2373
+ "$value": {
2374
+ "colorSpace": "srgb",
2375
+ "components": [
2376
+ 0.435294,
2377
+ 0.690196,
2378
+ 0.901961
2379
+ ],
2380
+ "alpha": 1,
2381
+ "hex": "#6fb0e6"
2382
+ },
2383
+ "$extensions": {
2384
+ "com.ponchia.css": {
2385
+ "variable": "--bronto-color-info",
2386
+ "authoredValue": "var(--info)"
2387
+ }
2388
+ }
676
2389
  }
677
2390
  },
678
- "line": {
2391
+ "border": {
679
2392
  "DEFAULT": {
680
2393
  "$type": "color",
681
- "$value": "#383838"
2394
+ "$value": {
2395
+ "colorSpace": "srgb",
2396
+ "components": [
2397
+ 0.219608,
2398
+ 0.219608,
2399
+ 0.219608
2400
+ ],
2401
+ "alpha": 1,
2402
+ "hex": "#383838"
2403
+ },
2404
+ "$extensions": {
2405
+ "com.ponchia.css": {
2406
+ "variable": "--border",
2407
+ "authoredValue": "var(--line)"
2408
+ }
2409
+ }
682
2410
  },
683
2411
  "strong": {
684
2412
  "$type": "color",
685
- "$value": "#555555"
2413
+ "$value": {
2414
+ "colorSpace": "srgb",
2415
+ "components": [
2416
+ 0.333333,
2417
+ 0.333333,
2418
+ 0.333333
2419
+ ],
2420
+ "alpha": 1,
2421
+ "hex": "#555555"
2422
+ },
2423
+ "$extensions": {
2424
+ "com.ponchia.css": {
2425
+ "variable": "--border-strong",
2426
+ "authoredValue": "var(--line-strong)"
2427
+ }
2428
+ }
686
2429
  }
687
2430
  },
688
- "text": {
2431
+ "bg": {
689
2432
  "DEFAULT": {
690
2433
  "$type": "color",
691
- "$value": "#e6e6e6"
2434
+ "$value": {
2435
+ "colorSpace": "srgb",
2436
+ "components": [
2437
+ 0.070588,
2438
+ 0.070588,
2439
+ 0.070588
2440
+ ],
2441
+ "alpha": 1,
2442
+ "hex": "#121212"
2443
+ },
2444
+ "$extensions": {
2445
+ "com.ponchia.css": {
2446
+ "variable": "--bg",
2447
+ "authoredValue": "#121212"
2448
+ }
2449
+ }
692
2450
  },
693
- "soft": {
2451
+ "elevated": {
694
2452
  "$type": "color",
695
- "$value": "#c8c8c8"
2453
+ "$value": {
2454
+ "colorSpace": "srgb",
2455
+ "components": [
2456
+ 0.094118,
2457
+ 0.094118,
2458
+ 0.094118
2459
+ ],
2460
+ "alpha": 1,
2461
+ "hex": "#181818"
2462
+ },
2463
+ "$extensions": {
2464
+ "com.ponchia.css": {
2465
+ "variable": "--bg-elevated",
2466
+ "authoredValue": "#181818"
2467
+ }
2468
+ }
696
2469
  },
697
- "dim": {
2470
+ "accent": {
698
2471
  "$type": "color",
699
- "$value": "#a0a0a0"
2472
+ "$value": {
2473
+ "colorSpace": "srgb",
2474
+ "components": [
2475
+ 1,
2476
+ 0.231373,
2477
+ 0.254902
2478
+ ],
2479
+ "alpha": 0.08
2480
+ },
2481
+ "$extensions": {
2482
+ "com.ponchia.css": {
2483
+ "variable": "--bg-accent",
2484
+ "authoredValue": "color-mix(in srgb, var(--accent) 8%, transparent)"
2485
+ }
2486
+ }
700
2487
  }
701
2488
  },
702
- "accent": {
2489
+ "panel": {
703
2490
  "DEFAULT": {
704
2491
  "$type": "color",
705
- "$value": "#ff3b41"
2492
+ "$value": {
2493
+ "colorSpace": "srgb",
2494
+ "components": [
2495
+ 0.109804,
2496
+ 0.109804,
2497
+ 0.109804
2498
+ ],
2499
+ "alpha": 1,
2500
+ "hex": "#1c1c1c"
2501
+ },
2502
+ "$extensions": {
2503
+ "com.ponchia.css": {
2504
+ "variable": "--panel",
2505
+ "authoredValue": "#1c1c1c"
2506
+ }
2507
+ }
706
2508
  },
707
- "ramp-end": {
2509
+ "strong": {
708
2510
  "$type": "color",
709
- "$value": "#000000"
2511
+ "$value": {
2512
+ "colorSpace": "srgb",
2513
+ "components": [
2514
+ 0.133333,
2515
+ 0.133333,
2516
+ 0.133333
2517
+ ],
2518
+ "alpha": 1,
2519
+ "hex": "#222222"
2520
+ },
2521
+ "$extensions": {
2522
+ "com.ponchia.css": {
2523
+ "variable": "--panel-strong",
2524
+ "authoredValue": "#222222"
2525
+ }
2526
+ }
710
2527
  },
711
- "strong": {
2528
+ "soft": {
2529
+ "$type": "color",
2530
+ "$value": {
2531
+ "colorSpace": "srgb",
2532
+ "components": [
2533
+ 0.141176,
2534
+ 0.141176,
2535
+ 0.141176
2536
+ ],
2537
+ "alpha": 1,
2538
+ "hex": "#242424"
2539
+ },
2540
+ "$extensions": {
2541
+ "com.ponchia.css": {
2542
+ "variable": "--panel-soft",
2543
+ "authoredValue": "#242424"
2544
+ }
2545
+ }
2546
+ }
2547
+ },
2548
+ "line": {
2549
+ "DEFAULT": {
712
2550
  "$type": "color",
713
- "$value": null,
2551
+ "$value": {
2552
+ "colorSpace": "srgb",
2553
+ "components": [
2554
+ 0.219608,
2555
+ 0.219608,
2556
+ 0.219608
2557
+ ],
2558
+ "alpha": 1,
2559
+ "hex": "#383838"
2560
+ },
714
2561
  "$extensions": {
715
- "com.ponchia.css": "color-mix(in srgb, var(--accent) 80%, #fff)"
2562
+ "com.ponchia.css": {
2563
+ "variable": "--line",
2564
+ "authoredValue": "#383838"
2565
+ }
716
2566
  }
717
2567
  },
718
- "text": {
2568
+ "strong": {
2569
+ "$type": "color",
2570
+ "$value": {
2571
+ "colorSpace": "srgb",
2572
+ "components": [
2573
+ 0.333333,
2574
+ 0.333333,
2575
+ 0.333333
2576
+ ],
2577
+ "alpha": 1,
2578
+ "hex": "#555555"
2579
+ },
2580
+ "$extensions": {
2581
+ "com.ponchia.css": {
2582
+ "variable": "--line-strong",
2583
+ "authoredValue": "#555555"
2584
+ }
2585
+ }
2586
+ }
2587
+ },
2588
+ "text": {
2589
+ "DEFAULT": {
719
2590
  "$type": "color",
720
- "$value": null,
2591
+ "$value": {
2592
+ "colorSpace": "srgb",
2593
+ "components": [
2594
+ 0.901961,
2595
+ 0.901961,
2596
+ 0.901961
2597
+ ],
2598
+ "alpha": 1,
2599
+ "hex": "#e6e6e6"
2600
+ },
721
2601
  "$extensions": {
722
- "com.ponchia.css": "var(--accent-strong)"
2602
+ "com.ponchia.css": {
2603
+ "variable": "--text",
2604
+ "authoredValue": "#e6e6e6"
2605
+ }
723
2606
  }
724
2607
  },
725
2608
  "soft": {
726
2609
  "$type": "color",
727
- "$value": null,
2610
+ "$value": {
2611
+ "colorSpace": "srgb",
2612
+ "components": [
2613
+ 0.784314,
2614
+ 0.784314,
2615
+ 0.784314
2616
+ ],
2617
+ "alpha": 1,
2618
+ "hex": "#c8c8c8"
2619
+ },
2620
+ "$extensions": {
2621
+ "com.ponchia.css": {
2622
+ "variable": "--text-soft",
2623
+ "authoredValue": "#c8c8c8"
2624
+ }
2625
+ }
2626
+ },
2627
+ "dim": {
2628
+ "$type": "color",
2629
+ "$value": {
2630
+ "colorSpace": "srgb",
2631
+ "components": [
2632
+ 0.627451,
2633
+ 0.627451,
2634
+ 0.627451
2635
+ ],
2636
+ "alpha": 1,
2637
+ "hex": "#a0a0a0"
2638
+ },
728
2639
  "$extensions": {
729
- "com.ponchia.css": "color-mix(in srgb, var(--accent) 14%, transparent)"
2640
+ "com.ponchia.css": {
2641
+ "variable": "--text-dim",
2642
+ "authoredValue": "#a0a0a0"
2643
+ }
730
2644
  }
731
2645
  }
732
2646
  },
733
2647
  "on": {
734
2648
  "accent": {
735
2649
  "$type": "color",
736
- "$value": null,
2650
+ "$value": {
2651
+ "colorSpace": "srgb",
2652
+ "components": [
2653
+ 0,
2654
+ 0,
2655
+ 0
2656
+ ],
2657
+ "alpha": 1,
2658
+ "hex": "#000000"
2659
+ },
737
2660
  "$extensions": {
738
- "com.ponchia.css": "var(--button-text)"
2661
+ "com.ponchia.css": {
2662
+ "variable": "--on-accent",
2663
+ "authoredValue": "var(--button-text)"
2664
+ }
739
2665
  }
740
2666
  }
741
2667
  },
742
2668
  "success": {
743
2669
  "DEFAULT": {
744
2670
  "$type": "color",
745
- "$value": "#4ec27e"
2671
+ "$value": {
2672
+ "colorSpace": "srgb",
2673
+ "components": [
2674
+ 0.305882,
2675
+ 0.760784,
2676
+ 0.494118
2677
+ ],
2678
+ "alpha": 1,
2679
+ "hex": "#4ec27e"
2680
+ },
2681
+ "$extensions": {
2682
+ "com.ponchia.css": {
2683
+ "variable": "--success",
2684
+ "authoredValue": "#4ec27e"
2685
+ }
2686
+ }
746
2687
  },
747
2688
  "soft": {
748
2689
  "$type": "color",
749
- "$value": "rgb(78, 194, 126, 0.14)"
2690
+ "$value": {
2691
+ "colorSpace": "srgb",
2692
+ "components": [
2693
+ 0.305882,
2694
+ 0.760784,
2695
+ 0.494118
2696
+ ],
2697
+ "alpha": 0.14
2698
+ },
2699
+ "$extensions": {
2700
+ "com.ponchia.css": {
2701
+ "variable": "--success-soft",
2702
+ "authoredValue": "rgb(78, 194, 126, 0.14)"
2703
+ }
2704
+ }
750
2705
  }
751
2706
  },
752
2707
  "warning": {
753
2708
  "DEFAULT": {
754
2709
  "$type": "color",
755
- "$value": "#d8bd72"
2710
+ "$value": {
2711
+ "colorSpace": "srgb",
2712
+ "components": [
2713
+ 0.847059,
2714
+ 0.741176,
2715
+ 0.447059
2716
+ ],
2717
+ "alpha": 1,
2718
+ "hex": "#d8bd72"
2719
+ },
2720
+ "$extensions": {
2721
+ "com.ponchia.css": {
2722
+ "variable": "--warning",
2723
+ "authoredValue": "#d8bd72"
2724
+ }
2725
+ }
756
2726
  },
757
2727
  "soft": {
758
2728
  "$type": "color",
759
- "$value": "rgb(216, 189, 114, 0.14)"
2729
+ "$value": {
2730
+ "colorSpace": "srgb",
2731
+ "components": [
2732
+ 0.847059,
2733
+ 0.741176,
2734
+ 0.447059
2735
+ ],
2736
+ "alpha": 0.14
2737
+ },
2738
+ "$extensions": {
2739
+ "com.ponchia.css": {
2740
+ "variable": "--warning-soft",
2741
+ "authoredValue": "rgb(216, 189, 114, 0.14)"
2742
+ }
2743
+ }
760
2744
  }
761
2745
  },
762
2746
  "danger": {
763
2747
  "DEFAULT": {
764
2748
  "$type": "color",
765
- "$value": "#ff4d54"
2749
+ "$value": {
2750
+ "colorSpace": "srgb",
2751
+ "components": [
2752
+ 1,
2753
+ 0.301961,
2754
+ 0.329412
2755
+ ],
2756
+ "alpha": 1,
2757
+ "hex": "#ff4d54"
2758
+ },
2759
+ "$extensions": {
2760
+ "com.ponchia.css": {
2761
+ "variable": "--danger",
2762
+ "authoredValue": "#ff4d54"
2763
+ }
2764
+ }
766
2765
  },
767
2766
  "soft": {
768
2767
  "$type": "color",
769
- "$value": "rgb(255, 77, 84, 0.15)"
2768
+ "$value": {
2769
+ "colorSpace": "srgb",
2770
+ "components": [
2771
+ 1,
2772
+ 0.301961,
2773
+ 0.329412
2774
+ ],
2775
+ "alpha": 0.15
2776
+ },
2777
+ "$extensions": {
2778
+ "com.ponchia.css": {
2779
+ "variable": "--danger-soft",
2780
+ "authoredValue": "rgb(255, 77, 84, 0.15)"
2781
+ }
2782
+ }
770
2783
  }
771
2784
  },
772
2785
  "info": {
773
2786
  "DEFAULT": {
774
2787
  "$type": "color",
775
- "$value": "#6fb0e6"
2788
+ "$value": {
2789
+ "colorSpace": "srgb",
2790
+ "components": [
2791
+ 0.435294,
2792
+ 0.690196,
2793
+ 0.901961
2794
+ ],
2795
+ "alpha": 1,
2796
+ "hex": "#6fb0e6"
2797
+ },
2798
+ "$extensions": {
2799
+ "com.ponchia.css": {
2800
+ "variable": "--info",
2801
+ "authoredValue": "#6fb0e6"
2802
+ }
2803
+ }
776
2804
  },
777
2805
  "soft": {
778
2806
  "$type": "color",
779
- "$value": "rgb(111, 176, 230, 0.14)"
2807
+ "$value": {
2808
+ "colorSpace": "srgb",
2809
+ "components": [
2810
+ 0.435294,
2811
+ 0.690196,
2812
+ 0.901961
2813
+ ],
2814
+ "alpha": 0.14
2815
+ },
2816
+ "$extensions": {
2817
+ "com.ponchia.css": {
2818
+ "variable": "--info-soft",
2819
+ "authoredValue": "rgb(111, 176, 230, 0.14)"
2820
+ }
2821
+ }
780
2822
  }
781
2823
  },
782
2824
  "code": {
783
2825
  "bg": {
784
2826
  "$type": "color",
785
- "$value": "rgb(255, 255, 255, 0.05)"
2827
+ "$value": {
2828
+ "colorSpace": "srgb",
2829
+ "components": [
2830
+ 1,
2831
+ 1,
2832
+ 1
2833
+ ],
2834
+ "alpha": 0.05
2835
+ },
2836
+ "$extensions": {
2837
+ "com.ponchia.css": {
2838
+ "variable": "--code-bg",
2839
+ "authoredValue": "rgb(255, 255, 255, 0.05)"
2840
+ }
2841
+ }
786
2842
  }
787
2843
  },
788
2844
  "button": {
789
2845
  "text": {
790
2846
  "$type": "color",
791
- "$value": "#000000"
2847
+ "$value": {
2848
+ "colorSpace": "srgb",
2849
+ "components": [
2850
+ 0,
2851
+ 0,
2852
+ 0
2853
+ ],
2854
+ "alpha": 1,
2855
+ "hex": "#000000"
2856
+ },
2857
+ "$extensions": {
2858
+ "com.ponchia.css": {
2859
+ "variable": "--button-text",
2860
+ "authoredValue": "#000000"
2861
+ }
2862
+ }
792
2863
  }
793
2864
  },
794
2865
  "field": {
795
2866
  "dot": {
796
2867
  "$type": "color",
797
- "$value": "rgb(242, 242, 242, 0.14)"
2868
+ "$value": {
2869
+ "colorSpace": "srgb",
2870
+ "components": [
2871
+ 0.94902,
2872
+ 0.94902,
2873
+ 0.94902
2874
+ ],
2875
+ "alpha": 0.14
2876
+ },
2877
+ "$extensions": {
2878
+ "com.ponchia.css": {
2879
+ "variable": "--field-dot",
2880
+ "authoredValue": "rgb(242, 242, 242, 0.14)"
2881
+ }
2882
+ }
798
2883
  },
799
2884
  "dot-hot": {
800
2885
  "$type": "color",
801
- "$value": "rgb(242, 242, 242, 0.36)"
2886
+ "$value": {
2887
+ "colorSpace": "srgb",
2888
+ "components": [
2889
+ 0.94902,
2890
+ 0.94902,
2891
+ 0.94902
2892
+ ],
2893
+ "alpha": 0.36
2894
+ },
2895
+ "$extensions": {
2896
+ "com.ponchia.css": {
2897
+ "variable": "--field-dot-hot",
2898
+ "authoredValue": "rgb(242, 242, 242, 0.36)"
2899
+ }
2900
+ }
802
2901
  },
803
2902
  "dot-accent": {
804
2903
  "$type": "color",
805
- "$value": null,
2904
+ "$value": {
2905
+ "colorSpace": "srgb",
2906
+ "components": [
2907
+ 1,
2908
+ 0.231373,
2909
+ 0.254902
2910
+ ],
2911
+ "alpha": 0.82
2912
+ },
806
2913
  "$extensions": {
807
- "com.ponchia.css": "color-mix(in srgb, var(--accent) 82%, transparent)"
2914
+ "com.ponchia.css": {
2915
+ "variable": "--field-dot-accent",
2916
+ "authoredValue": "color-mix(in srgb, var(--accent) 82%, transparent)"
2917
+ }
808
2918
  }
809
2919
  }
810
2920
  },
811
2921
  "focus": {
812
2922
  "ring": {
813
2923
  "$type": "color",
814
- "$value": null,
815
- "$extensions": {
816
- "com.ponchia.css": "var(--accent)"
817
- }
818
- }
819
- },
820
- "shadow": {
821
- "DEFAULT": {
822
- "$type": "shadow",
823
- "$value": "none"
824
- },
825
- "raised": {
826
- "$type": "shadow",
827
- "$value": null,
2924
+ "$value": {
2925
+ "colorSpace": "srgb",
2926
+ "components": [
2927
+ 1,
2928
+ 0.231373,
2929
+ 0.254902
2930
+ ],
2931
+ "alpha": 1,
2932
+ "hex": "#ff3b41"
2933
+ },
828
2934
  "$extensions": {
829
- "com.ponchia.css": "0 0 0 1px var(--line-strong)"
2935
+ "com.ponchia.css": {
2936
+ "variable": "--focus-ring",
2937
+ "authoredValue": "var(--accent)"
2938
+ }
830
2939
  }
831
2940
  }
832
2941
  }