@lmfaole/basics 0.3.0 → 0.4.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.
- package/README.md +182 -33
- package/basic-styling/components/basic-accordion.css +65 -0
- package/basic-styling/components/basic-alert.css +27 -0
- package/basic-styling/components/basic-dialog.css +41 -0
- package/basic-styling/components/basic-popover.css +54 -0
- package/basic-styling/components/basic-summary-table.css +76 -0
- package/basic-styling/components/basic-table.css +48 -0
- package/basic-styling/components/basic-tabs.css +45 -0
- package/basic-styling/components/basic-toast.css +102 -0
- package/basic-styling/components/basic-toc.css +30 -0
- package/basic-styling/components.css +9 -0
- package/basic-styling/global.css +61 -0
- package/basic-styling/index.css +2 -0
- package/basic-styling/tokens/base.css +19 -0
- package/basic-styling/tokens/palette.css +117 -0
- package/basic-styling/tokens/palette.tokens.json +1019 -0
- package/components/basic-accordion/index.d.ts +5 -5
- package/components/basic-accordion/index.js +169 -165
- package/components/basic-alert/index.d.ts +53 -0
- package/components/basic-alert/index.js +189 -0
- package/components/basic-alert/register.d.ts +1 -0
- package/components/basic-alert/register.js +3 -0
- package/components/basic-summary-table/index.js +188 -42
- package/components/basic-table/index.js +203 -145
- package/components/basic-toast/index.d.ts +65 -0
- package/components/basic-toast/index.js +429 -0
- package/components/basic-toast/register.d.ts +1 -0
- package/components/basic-toast/register.js +3 -0
- package/index.d.ts +2 -0
- package/index.js +2 -0
- package/package.json +22 -57
|
@@ -0,0 +1,1019 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://www.designtokens.org/schemas/2025.10/format.json",
|
|
3
|
+
"basic": {
|
|
4
|
+
"palette": {
|
|
5
|
+
"slate": {
|
|
6
|
+
"$description": "Neutral slate palette used as the default starter styling theme.",
|
|
7
|
+
"base": {
|
|
8
|
+
"$type": "color",
|
|
9
|
+
"surface": {
|
|
10
|
+
"light": {
|
|
11
|
+
"$value": {
|
|
12
|
+
"colorSpace": "oklch",
|
|
13
|
+
"components": [
|
|
14
|
+
98.6,
|
|
15
|
+
0.004,
|
|
16
|
+
255
|
|
17
|
+
]
|
|
18
|
+
},
|
|
19
|
+
"$description": "slate base surface color for light mode."
|
|
20
|
+
},
|
|
21
|
+
"dark": {
|
|
22
|
+
"$value": {
|
|
23
|
+
"colorSpace": "oklch",
|
|
24
|
+
"components": [
|
|
25
|
+
27.8,
|
|
26
|
+
0.033,
|
|
27
|
+
256.848
|
|
28
|
+
]
|
|
29
|
+
},
|
|
30
|
+
"$description": "slate base surface color for dark mode."
|
|
31
|
+
}
|
|
32
|
+
},
|
|
33
|
+
"text": {
|
|
34
|
+
"light": {
|
|
35
|
+
"$value": {
|
|
36
|
+
"colorSpace": "oklch",
|
|
37
|
+
"components": [
|
|
38
|
+
21,
|
|
39
|
+
0.034,
|
|
40
|
+
264.665
|
|
41
|
+
]
|
|
42
|
+
},
|
|
43
|
+
"$description": "slate base text color for light mode."
|
|
44
|
+
},
|
|
45
|
+
"dark": {
|
|
46
|
+
"$value": {
|
|
47
|
+
"colorSpace": "oklch",
|
|
48
|
+
"components": [
|
|
49
|
+
98.5,
|
|
50
|
+
0.002,
|
|
51
|
+
247.839
|
|
52
|
+
]
|
|
53
|
+
},
|
|
54
|
+
"$description": "slate base text color for dark mode."
|
|
55
|
+
}
|
|
56
|
+
},
|
|
57
|
+
"accent": {
|
|
58
|
+
"light": {
|
|
59
|
+
"$value": {
|
|
60
|
+
"colorSpace": "oklch",
|
|
61
|
+
"components": [
|
|
62
|
+
54.6,
|
|
63
|
+
0.245,
|
|
64
|
+
262.881
|
|
65
|
+
]
|
|
66
|
+
},
|
|
67
|
+
"$description": "slate accent color for light mode."
|
|
68
|
+
},
|
|
69
|
+
"dark": {
|
|
70
|
+
"$value": {
|
|
71
|
+
"colorSpace": "oklch",
|
|
72
|
+
"components": [
|
|
73
|
+
70.7,
|
|
74
|
+
0.165,
|
|
75
|
+
254.624
|
|
76
|
+
]
|
|
77
|
+
},
|
|
78
|
+
"$description": "slate accent color for dark mode."
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
},
|
|
82
|
+
"computed": {
|
|
83
|
+
"$type": "color",
|
|
84
|
+
"background": {
|
|
85
|
+
"light": {
|
|
86
|
+
"$value": {
|
|
87
|
+
"colorSpace": "oklch",
|
|
88
|
+
"components": [
|
|
89
|
+
98.712,
|
|
90
|
+
0.00368,
|
|
91
|
+
255
|
|
92
|
+
]
|
|
93
|
+
},
|
|
94
|
+
"$description": "slate computed background color for light mode."
|
|
95
|
+
},
|
|
96
|
+
"dark": {
|
|
97
|
+
"$value": {
|
|
98
|
+
"colorSpace": "oklch",
|
|
99
|
+
"components": [
|
|
100
|
+
22.796,
|
|
101
|
+
0.02706,
|
|
102
|
+
256.848
|
|
103
|
+
]
|
|
104
|
+
},
|
|
105
|
+
"$description": "slate computed background color for dark mode."
|
|
106
|
+
}
|
|
107
|
+
},
|
|
108
|
+
"surface": {
|
|
109
|
+
"light": {
|
|
110
|
+
"$value": {
|
|
111
|
+
"colorSpace": "oklch",
|
|
112
|
+
"components": [
|
|
113
|
+
98.656,
|
|
114
|
+
0.00384,
|
|
115
|
+
255
|
|
116
|
+
]
|
|
117
|
+
},
|
|
118
|
+
"$description": "slate computed surface color for light mode."
|
|
119
|
+
},
|
|
120
|
+
"dark": {
|
|
121
|
+
"$value": {
|
|
122
|
+
"colorSpace": "oklch",
|
|
123
|
+
"components": [
|
|
124
|
+
26.132,
|
|
125
|
+
0.03102,
|
|
126
|
+
256.848
|
|
127
|
+
]
|
|
128
|
+
},
|
|
129
|
+
"$description": "slate computed surface color for dark mode."
|
|
130
|
+
}
|
|
131
|
+
},
|
|
132
|
+
"surface-muted": {
|
|
133
|
+
"light": {
|
|
134
|
+
"$value": {
|
|
135
|
+
"colorSpace": "oklch",
|
|
136
|
+
"components": [
|
|
137
|
+
94.2,
|
|
138
|
+
0.0281,
|
|
139
|
+
255.788
|
|
140
|
+
]
|
|
141
|
+
},
|
|
142
|
+
"$description": "slate computed muted surface color for light mode."
|
|
143
|
+
},
|
|
144
|
+
"dark": {
|
|
145
|
+
"$value": {
|
|
146
|
+
"colorSpace": "oklch",
|
|
147
|
+
"components": [
|
|
148
|
+
35.522,
|
|
149
|
+
0.05676,
|
|
150
|
+
256.448
|
|
151
|
+
]
|
|
152
|
+
},
|
|
153
|
+
"$description": "slate computed muted surface color for dark mode."
|
|
154
|
+
}
|
|
155
|
+
},
|
|
156
|
+
"text-muted": {
|
|
157
|
+
"light": {
|
|
158
|
+
"$value": {
|
|
159
|
+
"colorSpace": "oklch",
|
|
160
|
+
"components": [
|
|
161
|
+
45.832,
|
|
162
|
+
0.0244,
|
|
163
|
+
261.572
|
|
164
|
+
]
|
|
165
|
+
},
|
|
166
|
+
"$description": "slate computed muted text color for light mode."
|
|
167
|
+
},
|
|
168
|
+
"dark": {
|
|
169
|
+
"$value": {
|
|
170
|
+
"colorSpace": "oklch",
|
|
171
|
+
"components": [
|
|
172
|
+
82.946,
|
|
173
|
+
0.00882,
|
|
174
|
+
249.821
|
|
175
|
+
]
|
|
176
|
+
},
|
|
177
|
+
"$description": "slate computed muted text color for dark mode."
|
|
178
|
+
}
|
|
179
|
+
},
|
|
180
|
+
"border": {
|
|
181
|
+
"light": {
|
|
182
|
+
"$value": {
|
|
183
|
+
"colorSpace": "oklch",
|
|
184
|
+
"components": [
|
|
185
|
+
86.184,
|
|
186
|
+
0.0088,
|
|
187
|
+
256.546
|
|
188
|
+
]
|
|
189
|
+
},
|
|
190
|
+
"$description": "slate computed border color for light mode."
|
|
191
|
+
},
|
|
192
|
+
"dark": {
|
|
193
|
+
"$value": {
|
|
194
|
+
"colorSpace": "oklch",
|
|
195
|
+
"components": [
|
|
196
|
+
44.768,
|
|
197
|
+
0.02556,
|
|
198
|
+
254.686
|
|
199
|
+
]
|
|
200
|
+
},
|
|
201
|
+
"$description": "slate computed border color for dark mode."
|
|
202
|
+
}
|
|
203
|
+
},
|
|
204
|
+
"overlay": {
|
|
205
|
+
"light": {
|
|
206
|
+
"$value": {
|
|
207
|
+
"colorSpace": "oklch",
|
|
208
|
+
"components": [
|
|
209
|
+
5.04,
|
|
210
|
+
0.00816,
|
|
211
|
+
264.665
|
|
212
|
+
],
|
|
213
|
+
"alpha": 0.24
|
|
214
|
+
},
|
|
215
|
+
"$description": "slate computed overlay color for light mode."
|
|
216
|
+
},
|
|
217
|
+
"dark": {
|
|
218
|
+
"$value": {
|
|
219
|
+
"colorSpace": "oklch",
|
|
220
|
+
"components": [
|
|
221
|
+
0,
|
|
222
|
+
0,
|
|
223
|
+
0
|
|
224
|
+
],
|
|
225
|
+
"alpha": 0.56
|
|
226
|
+
},
|
|
227
|
+
"$description": "slate computed overlay color for dark mode."
|
|
228
|
+
}
|
|
229
|
+
},
|
|
230
|
+
"focus": {
|
|
231
|
+
"light": {
|
|
232
|
+
"$value": {
|
|
233
|
+
"colorSpace": "oklch",
|
|
234
|
+
"components": [
|
|
235
|
+
15.288,
|
|
236
|
+
0.0686,
|
|
237
|
+
262.881
|
|
238
|
+
],
|
|
239
|
+
"alpha": 0.28
|
|
240
|
+
},
|
|
241
|
+
"$description": "slate computed focus color for light mode."
|
|
242
|
+
},
|
|
243
|
+
"dark": {
|
|
244
|
+
"$value": {
|
|
245
|
+
"colorSpace": "oklch",
|
|
246
|
+
"components": [
|
|
247
|
+
26.866,
|
|
248
|
+
0.0627,
|
|
249
|
+
254.624
|
|
250
|
+
],
|
|
251
|
+
"alpha": 0.38
|
|
252
|
+
},
|
|
253
|
+
"$description": "slate computed focus color for dark mode."
|
|
254
|
+
}
|
|
255
|
+
}
|
|
256
|
+
}
|
|
257
|
+
},
|
|
258
|
+
"sand": {
|
|
259
|
+
"$description": "Warm sand palette with muted earth tones and an amber accent.",
|
|
260
|
+
"base": {
|
|
261
|
+
"$type": "color",
|
|
262
|
+
"surface": {
|
|
263
|
+
"light": {
|
|
264
|
+
"$value": {
|
|
265
|
+
"colorSpace": "oklch",
|
|
266
|
+
"components": [
|
|
267
|
+
97.8,
|
|
268
|
+
0.012,
|
|
269
|
+
85
|
|
270
|
+
]
|
|
271
|
+
},
|
|
272
|
+
"$description": "sand base surface color for light mode."
|
|
273
|
+
},
|
|
274
|
+
"dark": {
|
|
275
|
+
"$value": {
|
|
276
|
+
"colorSpace": "oklch",
|
|
277
|
+
"components": [
|
|
278
|
+
30.5,
|
|
279
|
+
0.022,
|
|
280
|
+
75
|
|
281
|
+
]
|
|
282
|
+
},
|
|
283
|
+
"$description": "sand base surface color for dark mode."
|
|
284
|
+
}
|
|
285
|
+
},
|
|
286
|
+
"text": {
|
|
287
|
+
"light": {
|
|
288
|
+
"$value": {
|
|
289
|
+
"colorSpace": "oklch",
|
|
290
|
+
"components": [
|
|
291
|
+
29,
|
|
292
|
+
0.028,
|
|
293
|
+
65
|
|
294
|
+
]
|
|
295
|
+
},
|
|
296
|
+
"$description": "sand base text color for light mode."
|
|
297
|
+
},
|
|
298
|
+
"dark": {
|
|
299
|
+
"$value": {
|
|
300
|
+
"colorSpace": "oklch",
|
|
301
|
+
"components": [
|
|
302
|
+
96.4,
|
|
303
|
+
0.01,
|
|
304
|
+
85
|
|
305
|
+
]
|
|
306
|
+
},
|
|
307
|
+
"$description": "sand base text color for dark mode."
|
|
308
|
+
}
|
|
309
|
+
},
|
|
310
|
+
"accent": {
|
|
311
|
+
"light": {
|
|
312
|
+
"$value": {
|
|
313
|
+
"colorSpace": "oklch",
|
|
314
|
+
"components": [
|
|
315
|
+
63,
|
|
316
|
+
0.18,
|
|
317
|
+
58
|
|
318
|
+
]
|
|
319
|
+
},
|
|
320
|
+
"$description": "sand accent color for light mode."
|
|
321
|
+
},
|
|
322
|
+
"dark": {
|
|
323
|
+
"$value": {
|
|
324
|
+
"colorSpace": "oklch",
|
|
325
|
+
"components": [
|
|
326
|
+
76,
|
|
327
|
+
0.14,
|
|
328
|
+
72
|
|
329
|
+
]
|
|
330
|
+
},
|
|
331
|
+
"$description": "sand accent color for dark mode."
|
|
332
|
+
}
|
|
333
|
+
}
|
|
334
|
+
},
|
|
335
|
+
"computed": {
|
|
336
|
+
"$type": "color",
|
|
337
|
+
"background": {
|
|
338
|
+
"light": {
|
|
339
|
+
"$value": {
|
|
340
|
+
"colorSpace": "oklch",
|
|
341
|
+
"components": [
|
|
342
|
+
97.976,
|
|
343
|
+
0.01104,
|
|
344
|
+
85
|
|
345
|
+
]
|
|
346
|
+
},
|
|
347
|
+
"$description": "sand computed background color for light mode."
|
|
348
|
+
},
|
|
349
|
+
"dark": {
|
|
350
|
+
"$value": {
|
|
351
|
+
"colorSpace": "oklch",
|
|
352
|
+
"components": [
|
|
353
|
+
25.01,
|
|
354
|
+
0.01804,
|
|
355
|
+
75
|
|
356
|
+
]
|
|
357
|
+
},
|
|
358
|
+
"$description": "sand computed background color for dark mode."
|
|
359
|
+
}
|
|
360
|
+
},
|
|
361
|
+
"surface": {
|
|
362
|
+
"light": {
|
|
363
|
+
"$value": {
|
|
364
|
+
"colorSpace": "oklch",
|
|
365
|
+
"components": [
|
|
366
|
+
97.888,
|
|
367
|
+
0.01152,
|
|
368
|
+
85
|
|
369
|
+
]
|
|
370
|
+
},
|
|
371
|
+
"$description": "sand computed surface color for light mode."
|
|
372
|
+
},
|
|
373
|
+
"dark": {
|
|
374
|
+
"$value": {
|
|
375
|
+
"colorSpace": "oklch",
|
|
376
|
+
"components": [
|
|
377
|
+
28.67,
|
|
378
|
+
0.02068,
|
|
379
|
+
75
|
|
380
|
+
]
|
|
381
|
+
},
|
|
382
|
+
"$description": "sand computed surface color for dark mode."
|
|
383
|
+
}
|
|
384
|
+
},
|
|
385
|
+
"surface-muted": {
|
|
386
|
+
"light": {
|
|
387
|
+
"$value": {
|
|
388
|
+
"colorSpace": "oklch",
|
|
389
|
+
"components": [
|
|
390
|
+
94.32,
|
|
391
|
+
0.0288,
|
|
392
|
+
82.3
|
|
393
|
+
]
|
|
394
|
+
},
|
|
395
|
+
"$description": "sand computed muted surface color for light mode."
|
|
396
|
+
},
|
|
397
|
+
"dark": {
|
|
398
|
+
"$value": {
|
|
399
|
+
"colorSpace": "oklch",
|
|
400
|
+
"components": [
|
|
401
|
+
38.69,
|
|
402
|
+
0.04324,
|
|
403
|
+
74.46
|
|
404
|
+
]
|
|
405
|
+
},
|
|
406
|
+
"$description": "sand computed muted surface color for dark mode."
|
|
407
|
+
}
|
|
408
|
+
},
|
|
409
|
+
"text-muted": {
|
|
410
|
+
"light": {
|
|
411
|
+
"$value": {
|
|
412
|
+
"colorSpace": "oklch",
|
|
413
|
+
"components": [
|
|
414
|
+
51.016,
|
|
415
|
+
0.02288,
|
|
416
|
+
71.4
|
|
417
|
+
]
|
|
418
|
+
},
|
|
419
|
+
"$description": "sand computed muted text color for light mode."
|
|
420
|
+
},
|
|
421
|
+
"dark": {
|
|
422
|
+
"$value": {
|
|
423
|
+
"colorSpace": "oklch",
|
|
424
|
+
"components": [
|
|
425
|
+
81.902,
|
|
426
|
+
0.01264,
|
|
427
|
+
82.8
|
|
428
|
+
]
|
|
429
|
+
},
|
|
430
|
+
"$description": "sand computed muted text color for dark mode."
|
|
431
|
+
}
|
|
432
|
+
},
|
|
433
|
+
"border": {
|
|
434
|
+
"light": {
|
|
435
|
+
"$value": {
|
|
436
|
+
"colorSpace": "oklch",
|
|
437
|
+
"components": [
|
|
438
|
+
86.792,
|
|
439
|
+
0.01456,
|
|
440
|
+
81.8
|
|
441
|
+
]
|
|
442
|
+
},
|
|
443
|
+
"$description": "sand computed border color for light mode."
|
|
444
|
+
},
|
|
445
|
+
"dark": {
|
|
446
|
+
"$value": {
|
|
447
|
+
"colorSpace": "oklch",
|
|
448
|
+
"components": [
|
|
449
|
+
46.316,
|
|
450
|
+
0.01912,
|
|
451
|
+
77.4
|
|
452
|
+
]
|
|
453
|
+
},
|
|
454
|
+
"$description": "sand computed border color for dark mode."
|
|
455
|
+
}
|
|
456
|
+
},
|
|
457
|
+
"overlay": {
|
|
458
|
+
"light": {
|
|
459
|
+
"$value": {
|
|
460
|
+
"colorSpace": "oklch",
|
|
461
|
+
"components": [
|
|
462
|
+
6.96,
|
|
463
|
+
0.00672,
|
|
464
|
+
65
|
|
465
|
+
],
|
|
466
|
+
"alpha": 0.24
|
|
467
|
+
},
|
|
468
|
+
"$description": "sand computed overlay color for light mode."
|
|
469
|
+
},
|
|
470
|
+
"dark": {
|
|
471
|
+
"$value": {
|
|
472
|
+
"colorSpace": "oklch",
|
|
473
|
+
"components": [
|
|
474
|
+
0,
|
|
475
|
+
0,
|
|
476
|
+
0
|
|
477
|
+
],
|
|
478
|
+
"alpha": 0.56
|
|
479
|
+
},
|
|
480
|
+
"$description": "sand computed overlay color for dark mode."
|
|
481
|
+
}
|
|
482
|
+
},
|
|
483
|
+
"focus": {
|
|
484
|
+
"light": {
|
|
485
|
+
"$value": {
|
|
486
|
+
"colorSpace": "oklch",
|
|
487
|
+
"components": [
|
|
488
|
+
17.64,
|
|
489
|
+
0.0504,
|
|
490
|
+
58
|
|
491
|
+
],
|
|
492
|
+
"alpha": 0.28
|
|
493
|
+
},
|
|
494
|
+
"$description": "sand computed focus color for light mode."
|
|
495
|
+
},
|
|
496
|
+
"dark": {
|
|
497
|
+
"$value": {
|
|
498
|
+
"colorSpace": "oklch",
|
|
499
|
+
"components": [
|
|
500
|
+
28.88,
|
|
501
|
+
0.0532,
|
|
502
|
+
72
|
|
503
|
+
],
|
|
504
|
+
"alpha": 0.38
|
|
505
|
+
},
|
|
506
|
+
"$description": "sand computed focus color for dark mode."
|
|
507
|
+
}
|
|
508
|
+
}
|
|
509
|
+
}
|
|
510
|
+
},
|
|
511
|
+
"ocean": {
|
|
512
|
+
"$description": "Cool ocean palette with blue surfaces and a brighter cyan-blue accent.",
|
|
513
|
+
"base": {
|
|
514
|
+
"$type": "color",
|
|
515
|
+
"surface": {
|
|
516
|
+
"light": {
|
|
517
|
+
"$value": {
|
|
518
|
+
"colorSpace": "oklch",
|
|
519
|
+
"components": [
|
|
520
|
+
97.4,
|
|
521
|
+
0.01,
|
|
522
|
+
225
|
|
523
|
+
]
|
|
524
|
+
},
|
|
525
|
+
"$description": "ocean base surface color for light mode."
|
|
526
|
+
},
|
|
527
|
+
"dark": {
|
|
528
|
+
"$value": {
|
|
529
|
+
"colorSpace": "oklch",
|
|
530
|
+
"components": [
|
|
531
|
+
30,
|
|
532
|
+
0.04,
|
|
533
|
+
245
|
|
534
|
+
]
|
|
535
|
+
},
|
|
536
|
+
"$description": "ocean base surface color for dark mode."
|
|
537
|
+
}
|
|
538
|
+
},
|
|
539
|
+
"text": {
|
|
540
|
+
"light": {
|
|
541
|
+
"$value": {
|
|
542
|
+
"colorSpace": "oklch",
|
|
543
|
+
"components": [
|
|
544
|
+
28,
|
|
545
|
+
0.05,
|
|
546
|
+
250
|
|
547
|
+
]
|
|
548
|
+
},
|
|
549
|
+
"$description": "ocean base text color for light mode."
|
|
550
|
+
},
|
|
551
|
+
"dark": {
|
|
552
|
+
"$value": {
|
|
553
|
+
"colorSpace": "oklch",
|
|
554
|
+
"components": [
|
|
555
|
+
95.2,
|
|
556
|
+
0.01,
|
|
557
|
+
225
|
|
558
|
+
]
|
|
559
|
+
},
|
|
560
|
+
"$description": "ocean base text color for dark mode."
|
|
561
|
+
}
|
|
562
|
+
},
|
|
563
|
+
"accent": {
|
|
564
|
+
"light": {
|
|
565
|
+
"$value": {
|
|
566
|
+
"colorSpace": "oklch",
|
|
567
|
+
"components": [
|
|
568
|
+
62,
|
|
569
|
+
0.14,
|
|
570
|
+
222
|
|
571
|
+
]
|
|
572
|
+
},
|
|
573
|
+
"$description": "ocean accent color for light mode."
|
|
574
|
+
},
|
|
575
|
+
"dark": {
|
|
576
|
+
"$value": {
|
|
577
|
+
"colorSpace": "oklch",
|
|
578
|
+
"components": [
|
|
579
|
+
77,
|
|
580
|
+
0.11,
|
|
581
|
+
210
|
|
582
|
+
]
|
|
583
|
+
},
|
|
584
|
+
"$description": "ocean accent color for dark mode."
|
|
585
|
+
}
|
|
586
|
+
}
|
|
587
|
+
},
|
|
588
|
+
"computed": {
|
|
589
|
+
"$type": "color",
|
|
590
|
+
"background": {
|
|
591
|
+
"light": {
|
|
592
|
+
"$value": {
|
|
593
|
+
"colorSpace": "oklch",
|
|
594
|
+
"components": [
|
|
595
|
+
97.608,
|
|
596
|
+
0.0092,
|
|
597
|
+
225
|
|
598
|
+
]
|
|
599
|
+
},
|
|
600
|
+
"$description": "ocean computed background color for light mode."
|
|
601
|
+
},
|
|
602
|
+
"dark": {
|
|
603
|
+
"$value": {
|
|
604
|
+
"colorSpace": "oklch",
|
|
605
|
+
"components": [
|
|
606
|
+
24.6,
|
|
607
|
+
0.0328,
|
|
608
|
+
245
|
|
609
|
+
]
|
|
610
|
+
},
|
|
611
|
+
"$description": "ocean computed background color for dark mode."
|
|
612
|
+
}
|
|
613
|
+
},
|
|
614
|
+
"surface": {
|
|
615
|
+
"light": {
|
|
616
|
+
"$value": {
|
|
617
|
+
"colorSpace": "oklch",
|
|
618
|
+
"components": [
|
|
619
|
+
97.504,
|
|
620
|
+
0.0096,
|
|
621
|
+
225
|
|
622
|
+
]
|
|
623
|
+
},
|
|
624
|
+
"$description": "ocean computed surface color for light mode."
|
|
625
|
+
},
|
|
626
|
+
"dark": {
|
|
627
|
+
"$value": {
|
|
628
|
+
"colorSpace": "oklch",
|
|
629
|
+
"components": [
|
|
630
|
+
28.2,
|
|
631
|
+
0.0376,
|
|
632
|
+
245
|
|
633
|
+
]
|
|
634
|
+
},
|
|
635
|
+
"$description": "ocean computed surface color for dark mode."
|
|
636
|
+
}
|
|
637
|
+
},
|
|
638
|
+
"surface-muted": {
|
|
639
|
+
"light": {
|
|
640
|
+
"$value": {
|
|
641
|
+
"colorSpace": "oklch",
|
|
642
|
+
"components": [
|
|
643
|
+
93.86,
|
|
644
|
+
0.023,
|
|
645
|
+
224.7
|
|
646
|
+
]
|
|
647
|
+
},
|
|
648
|
+
"$description": "ocean computed muted surface color for light mode."
|
|
649
|
+
},
|
|
650
|
+
"dark": {
|
|
651
|
+
"$value": {
|
|
652
|
+
"colorSpace": "oklch",
|
|
653
|
+
"components": [
|
|
654
|
+
38.46,
|
|
655
|
+
0.0526,
|
|
656
|
+
238.7
|
|
657
|
+
]
|
|
658
|
+
},
|
|
659
|
+
"$description": "ocean computed muted surface color for dark mode."
|
|
660
|
+
}
|
|
661
|
+
},
|
|
662
|
+
"text-muted": {
|
|
663
|
+
"light": {
|
|
664
|
+
"$value": {
|
|
665
|
+
"colorSpace": "oklch",
|
|
666
|
+
"components": [
|
|
667
|
+
50.208,
|
|
668
|
+
0.0372,
|
|
669
|
+
242
|
|
670
|
+
]
|
|
671
|
+
},
|
|
672
|
+
"$description": "ocean computed muted text color for light mode."
|
|
673
|
+
},
|
|
674
|
+
"dark": {
|
|
675
|
+
"$value": {
|
|
676
|
+
"colorSpace": "oklch",
|
|
677
|
+
"components": [
|
|
678
|
+
80.856,
|
|
679
|
+
0.0166,
|
|
680
|
+
229.4
|
|
681
|
+
]
|
|
682
|
+
},
|
|
683
|
+
"$description": "ocean computed muted text color for dark mode."
|
|
684
|
+
}
|
|
685
|
+
},
|
|
686
|
+
"border": {
|
|
687
|
+
"light": {
|
|
688
|
+
"$value": {
|
|
689
|
+
"colorSpace": "oklch",
|
|
690
|
+
"components": [
|
|
691
|
+
86.296,
|
|
692
|
+
0.0164,
|
|
693
|
+
229
|
|
694
|
+
]
|
|
695
|
+
},
|
|
696
|
+
"$description": "ocean computed border color for light mode."
|
|
697
|
+
},
|
|
698
|
+
"dark": {
|
|
699
|
+
"$value": {
|
|
700
|
+
"colorSpace": "oklch",
|
|
701
|
+
"components": [
|
|
702
|
+
45.648,
|
|
703
|
+
0.0328,
|
|
704
|
+
240.2
|
|
705
|
+
]
|
|
706
|
+
},
|
|
707
|
+
"$description": "ocean computed border color for dark mode."
|
|
708
|
+
}
|
|
709
|
+
},
|
|
710
|
+
"overlay": {
|
|
711
|
+
"light": {
|
|
712
|
+
"$value": {
|
|
713
|
+
"colorSpace": "oklch",
|
|
714
|
+
"components": [
|
|
715
|
+
6.72,
|
|
716
|
+
0.012,
|
|
717
|
+
250
|
|
718
|
+
],
|
|
719
|
+
"alpha": 0.24
|
|
720
|
+
},
|
|
721
|
+
"$description": "ocean computed overlay color for light mode."
|
|
722
|
+
},
|
|
723
|
+
"dark": {
|
|
724
|
+
"$value": {
|
|
725
|
+
"colorSpace": "oklch",
|
|
726
|
+
"components": [
|
|
727
|
+
0,
|
|
728
|
+
0,
|
|
729
|
+
0
|
|
730
|
+
],
|
|
731
|
+
"alpha": 0.56
|
|
732
|
+
},
|
|
733
|
+
"$description": "ocean computed overlay color for dark mode."
|
|
734
|
+
}
|
|
735
|
+
},
|
|
736
|
+
"focus": {
|
|
737
|
+
"light": {
|
|
738
|
+
"$value": {
|
|
739
|
+
"colorSpace": "oklch",
|
|
740
|
+
"components": [
|
|
741
|
+
17.36,
|
|
742
|
+
0.0392,
|
|
743
|
+
222
|
|
744
|
+
],
|
|
745
|
+
"alpha": 0.28
|
|
746
|
+
},
|
|
747
|
+
"$description": "ocean computed focus color for light mode."
|
|
748
|
+
},
|
|
749
|
+
"dark": {
|
|
750
|
+
"$value": {
|
|
751
|
+
"colorSpace": "oklch",
|
|
752
|
+
"components": [
|
|
753
|
+
29.26,
|
|
754
|
+
0.0418,
|
|
755
|
+
210
|
|
756
|
+
],
|
|
757
|
+
"alpha": 0.38
|
|
758
|
+
},
|
|
759
|
+
"$description": "ocean computed focus color for dark mode."
|
|
760
|
+
}
|
|
761
|
+
}
|
|
762
|
+
}
|
|
763
|
+
},
|
|
764
|
+
"berry": {
|
|
765
|
+
"$description": "Berry palette with red-violet undertones and a saturated berry accent.",
|
|
766
|
+
"base": {
|
|
767
|
+
"$type": "color",
|
|
768
|
+
"surface": {
|
|
769
|
+
"light": {
|
|
770
|
+
"$value": {
|
|
771
|
+
"colorSpace": "oklch",
|
|
772
|
+
"components": [
|
|
773
|
+
97.2,
|
|
774
|
+
0.012,
|
|
775
|
+
10
|
|
776
|
+
]
|
|
777
|
+
},
|
|
778
|
+
"$description": "berry base surface color for light mode."
|
|
779
|
+
},
|
|
780
|
+
"dark": {
|
|
781
|
+
"$value": {
|
|
782
|
+
"colorSpace": "oklch",
|
|
783
|
+
"components": [
|
|
784
|
+
30.2,
|
|
785
|
+
0.05,
|
|
786
|
+
5
|
|
787
|
+
]
|
|
788
|
+
},
|
|
789
|
+
"$description": "berry base surface color for dark mode."
|
|
790
|
+
}
|
|
791
|
+
},
|
|
792
|
+
"text": {
|
|
793
|
+
"light": {
|
|
794
|
+
"$value": {
|
|
795
|
+
"colorSpace": "oklch",
|
|
796
|
+
"components": [
|
|
797
|
+
27.5,
|
|
798
|
+
0.06,
|
|
799
|
+
8
|
|
800
|
+
]
|
|
801
|
+
},
|
|
802
|
+
"$description": "berry base text color for light mode."
|
|
803
|
+
},
|
|
804
|
+
"dark": {
|
|
805
|
+
"$value": {
|
|
806
|
+
"colorSpace": "oklch",
|
|
807
|
+
"components": [
|
|
808
|
+
95.8,
|
|
809
|
+
0.012,
|
|
810
|
+
8
|
|
811
|
+
]
|
|
812
|
+
},
|
|
813
|
+
"$description": "berry base text color for dark mode."
|
|
814
|
+
}
|
|
815
|
+
},
|
|
816
|
+
"accent": {
|
|
817
|
+
"light": {
|
|
818
|
+
"$value": {
|
|
819
|
+
"colorSpace": "oklch",
|
|
820
|
+
"components": [
|
|
821
|
+
60,
|
|
822
|
+
0.2,
|
|
823
|
+
12
|
|
824
|
+
]
|
|
825
|
+
},
|
|
826
|
+
"$description": "berry accent color for light mode."
|
|
827
|
+
},
|
|
828
|
+
"dark": {
|
|
829
|
+
"$value": {
|
|
830
|
+
"colorSpace": "oklch",
|
|
831
|
+
"components": [
|
|
832
|
+
73,
|
|
833
|
+
0.16,
|
|
834
|
+
8
|
|
835
|
+
]
|
|
836
|
+
},
|
|
837
|
+
"$description": "berry accent color for dark mode."
|
|
838
|
+
}
|
|
839
|
+
}
|
|
840
|
+
},
|
|
841
|
+
"computed": {
|
|
842
|
+
"$type": "color",
|
|
843
|
+
"background": {
|
|
844
|
+
"light": {
|
|
845
|
+
"$value": {
|
|
846
|
+
"colorSpace": "oklch",
|
|
847
|
+
"components": [
|
|
848
|
+
97.424,
|
|
849
|
+
0.01104,
|
|
850
|
+
10
|
|
851
|
+
]
|
|
852
|
+
},
|
|
853
|
+
"$description": "berry computed background color for light mode."
|
|
854
|
+
},
|
|
855
|
+
"dark": {
|
|
856
|
+
"$value": {
|
|
857
|
+
"colorSpace": "oklch",
|
|
858
|
+
"components": [
|
|
859
|
+
24.764,
|
|
860
|
+
0.041,
|
|
861
|
+
5
|
|
862
|
+
]
|
|
863
|
+
},
|
|
864
|
+
"$description": "berry computed background color for dark mode."
|
|
865
|
+
}
|
|
866
|
+
},
|
|
867
|
+
"surface": {
|
|
868
|
+
"light": {
|
|
869
|
+
"$value": {
|
|
870
|
+
"colorSpace": "oklch",
|
|
871
|
+
"components": [
|
|
872
|
+
97.312,
|
|
873
|
+
0.01152,
|
|
874
|
+
10
|
|
875
|
+
]
|
|
876
|
+
},
|
|
877
|
+
"$description": "berry computed surface color for light mode."
|
|
878
|
+
},
|
|
879
|
+
"dark": {
|
|
880
|
+
"$value": {
|
|
881
|
+
"colorSpace": "oklch",
|
|
882
|
+
"components": [
|
|
883
|
+
28.388,
|
|
884
|
+
0.047,
|
|
885
|
+
5
|
|
886
|
+
]
|
|
887
|
+
},
|
|
888
|
+
"$description": "berry computed surface color for dark mode."
|
|
889
|
+
}
|
|
890
|
+
},
|
|
891
|
+
"surface-muted": {
|
|
892
|
+
"light": {
|
|
893
|
+
"$value": {
|
|
894
|
+
"colorSpace": "oklch",
|
|
895
|
+
"components": [
|
|
896
|
+
93.48,
|
|
897
|
+
0.0308,
|
|
898
|
+
10.2
|
|
899
|
+
]
|
|
900
|
+
},
|
|
901
|
+
"$description": "berry computed muted surface color for light mode."
|
|
902
|
+
},
|
|
903
|
+
"dark": {
|
|
904
|
+
"$value": {
|
|
905
|
+
"colorSpace": "oklch",
|
|
906
|
+
"components": [
|
|
907
|
+
37.904,
|
|
908
|
+
0.0698,
|
|
909
|
+
5.54
|
|
910
|
+
]
|
|
911
|
+
},
|
|
912
|
+
"$description": "berry computed muted surface color for dark mode."
|
|
913
|
+
}
|
|
914
|
+
},
|
|
915
|
+
"text-muted": {
|
|
916
|
+
"light": {
|
|
917
|
+
"$value": {
|
|
918
|
+
"colorSpace": "oklch",
|
|
919
|
+
"components": [
|
|
920
|
+
49.804,
|
|
921
|
+
0.04464,
|
|
922
|
+
8.64
|
|
923
|
+
]
|
|
924
|
+
},
|
|
925
|
+
"$description": "berry computed muted text color for light mode."
|
|
926
|
+
},
|
|
927
|
+
"dark": {
|
|
928
|
+
"$value": {
|
|
929
|
+
"colorSpace": "oklch",
|
|
930
|
+
"components": [
|
|
931
|
+
81.368,
|
|
932
|
+
0.02036,
|
|
933
|
+
7.34
|
|
934
|
+
]
|
|
935
|
+
},
|
|
936
|
+
"$description": "berry computed muted text color for dark mode."
|
|
937
|
+
}
|
|
938
|
+
},
|
|
939
|
+
"border": {
|
|
940
|
+
"light": {
|
|
941
|
+
"$value": {
|
|
942
|
+
"colorSpace": "oklch",
|
|
943
|
+
"components": [
|
|
944
|
+
86.048,
|
|
945
|
+
0.01968,
|
|
946
|
+
9.68
|
|
947
|
+
]
|
|
948
|
+
},
|
|
949
|
+
"$description": "berry computed border color for light mode."
|
|
950
|
+
},
|
|
951
|
+
"dark": {
|
|
952
|
+
"$value": {
|
|
953
|
+
"colorSpace": "oklch",
|
|
954
|
+
"components": [
|
|
955
|
+
45.944,
|
|
956
|
+
0.04088,
|
|
957
|
+
5.72
|
|
958
|
+
]
|
|
959
|
+
},
|
|
960
|
+
"$description": "berry computed border color for dark mode."
|
|
961
|
+
}
|
|
962
|
+
},
|
|
963
|
+
"overlay": {
|
|
964
|
+
"light": {
|
|
965
|
+
"$value": {
|
|
966
|
+
"colorSpace": "oklch",
|
|
967
|
+
"components": [
|
|
968
|
+
6.6,
|
|
969
|
+
0.0144,
|
|
970
|
+
8
|
|
971
|
+
],
|
|
972
|
+
"alpha": 0.24
|
|
973
|
+
},
|
|
974
|
+
"$description": "berry computed overlay color for light mode."
|
|
975
|
+
},
|
|
976
|
+
"dark": {
|
|
977
|
+
"$value": {
|
|
978
|
+
"colorSpace": "oklch",
|
|
979
|
+
"components": [
|
|
980
|
+
0,
|
|
981
|
+
0,
|
|
982
|
+
0
|
|
983
|
+
],
|
|
984
|
+
"alpha": 0.56
|
|
985
|
+
},
|
|
986
|
+
"$description": "berry computed overlay color for dark mode."
|
|
987
|
+
}
|
|
988
|
+
},
|
|
989
|
+
"focus": {
|
|
990
|
+
"light": {
|
|
991
|
+
"$value": {
|
|
992
|
+
"colorSpace": "oklch",
|
|
993
|
+
"components": [
|
|
994
|
+
16.8,
|
|
995
|
+
0.056,
|
|
996
|
+
12
|
|
997
|
+
],
|
|
998
|
+
"alpha": 0.28
|
|
999
|
+
},
|
|
1000
|
+
"$description": "berry computed focus color for light mode."
|
|
1001
|
+
},
|
|
1002
|
+
"dark": {
|
|
1003
|
+
"$value": {
|
|
1004
|
+
"colorSpace": "oklch",
|
|
1005
|
+
"components": [
|
|
1006
|
+
27.74,
|
|
1007
|
+
0.0608,
|
|
1008
|
+
8
|
|
1009
|
+
],
|
|
1010
|
+
"alpha": 0.38
|
|
1011
|
+
},
|
|
1012
|
+
"$description": "berry computed focus color for dark mode."
|
|
1013
|
+
}
|
|
1014
|
+
}
|
|
1015
|
+
}
|
|
1016
|
+
}
|
|
1017
|
+
}
|
|
1018
|
+
}
|
|
1019
|
+
}
|