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