@birdycom/omniacss 0.0.0-stage → 0.11.1

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 (106) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +44 -3
  3. package/dist/oc-colors.css +4429 -0
  4. package/dist/oc-theme.css +69 -0
  5. package/dist/omnia.css +465436 -0
  6. package/dist/omnia.min.css +2 -0
  7. package/dist/omnia.starter.css +13461 -0
  8. package/dist/omnia.starter.min.css +1 -0
  9. package/dist/tokens/omnia.dtcg.json +1496 -0
  10. package/dist/tokens/omnia.tokens.json +580 -0
  11. package/dist/tokens/omnia_tokens.py +189 -0
  12. package/package.json +63 -6
  13. package/scss/base/_reset.scss +88 -0
  14. package/scss/config/omniacss.config.scss +114 -0
  15. package/scss/config/omniacss.fonts.scss +34 -0
  16. package/scss/functions/_functions.scss +407 -0
  17. package/scss/json/html-colors.json +1998 -0
  18. package/scss/json/omnia-colors.json +500 -0
  19. package/scss/json/ral-colors.json +3430 -0
  20. package/scss/layout/_media_query.scss +18 -0
  21. package/scss/omnia_colors.scss +7 -0
  22. package/scss/omnia_main.scss +143 -0
  23. package/scss/profiles/omnia_main.hsl.scss +12 -0
  24. package/scss/profiles/omnia_main.oklab.scss +12 -0
  25. package/scss/profiles/omnia_main.oklch.scss +12 -0
  26. package/scss/utilities/_accessibility.scss +42 -0
  27. package/scss/utilities/_alignment.scss +861 -0
  28. package/scss/utilities/_anchor_positioning.scss +65 -0
  29. package/scss/utilities/_animation_properties.scss +143 -0
  30. package/scss/utilities/_aspect.scss +73 -0
  31. package/scss/utilities/_backgrounds.scss +49 -0
  32. package/scss/utilities/_borders_extended.scss +97 -0
  33. package/scss/utilities/_borders_outlines.scss +161 -0
  34. package/scss/utilities/_clamp.scss +111 -0
  35. package/scss/utilities/_colors_html.scss +341 -0
  36. package/scss/utilities/_colors_mix.scss +84 -0
  37. package/scss/utilities/_colors_omnia.scss +315 -0
  38. package/scss/utilities/_colors_ral.scss +151 -0
  39. package/scss/utilities/_colors_tokens.scss +87 -0
  40. package/scss/utilities/_container.scss +58 -0
  41. package/scss/utilities/_containment.scss +82 -0
  42. package/scss/utilities/_corner_shape.scss +30 -0
  43. package/scss/utilities/_css_functions.scss +34 -0
  44. package/scss/utilities/_dark_mode.scss +117 -0
  45. package/scss/utilities/_display.scss +58 -0
  46. package/scss/utilities/_drop_shadow_colors.scss +26 -0
  47. package/scss/utilities/_effects.scss +50 -0
  48. package/scss/utilities/_effects_advanced.scss +102 -0
  49. package/scss/utilities/_experimental_css.scss +149 -0
  50. package/scss/utilities/_filters.scss +89 -0
  51. package/scss/utilities/_flexbox.scss +318 -0
  52. package/scss/utilities/_font_variants.scss +139 -0
  53. package/scss/utilities/_fonts.scss +276 -0
  54. package/scss/utilities/_gap.scss +104 -0
  55. package/scss/utilities/_gradient_stops.scss +48 -0
  56. package/scss/utilities/_gradients.scss +99 -0
  57. package/scss/utilities/_grid.scss +673 -0
  58. package/scss/utilities/_index.scss +22 -0
  59. package/scss/utilities/_interactivity.scss +198 -0
  60. package/scss/utilities/_layering.scss +24 -0
  61. package/scss/utilities/_layout_extras.scss +171 -0
  62. package/scss/utilities/_layout_flow.scss +210 -0
  63. package/scss/utilities/_mask_extras.scss +62 -0
  64. package/scss/utilities/_motion_transforms.scss +167 -0
  65. package/scss/utilities/_overflow.scss +41 -0
  66. package/scss/utilities/_position.scss +49 -0
  67. package/scss/utilities/_responsive.scss +272 -0
  68. package/scss/utilities/_scroll_animations.scss +80 -0
  69. package/scss/utilities/_scroll_spacing.scss +33 -0
  70. package/scss/utilities/_scrollbar.scss +50 -0
  71. package/scss/utilities/_shadow_tokens.scss +21 -0
  72. package/scss/utilities/_shapes.scss +72 -0
  73. package/scss/utilities/_sizing.scss +458 -0
  74. package/scss/utilities/_sizing_logical.scss +99 -0
  75. package/scss/utilities/_space_divide.scss +85 -0
  76. package/scss/utilities/_spacing_margin.scss +199 -0
  77. package/scss/utilities/_spacing_padding.scss +195 -0
  78. package/scss/utilities/_starting_style.scss +53 -0
  79. package/scss/utilities/_state_variants.scss +196 -0
  80. package/scss/utilities/_svg.scss +100 -0
  81. package/scss/utilities/_table.scss +46 -0
  82. package/scss/utilities/_table_advanced.scss +19 -0
  83. package/scss/utilities/_text.scss +1331 -0
  84. package/scss/utilities/_transforms_3d.scss +76 -0
  85. package/scss/utilities/_typography_advanced.scss +124 -0
  86. package/scss/utilities/_typography_modern.scss +83 -0
  87. package/scss/utilities/_view_transitions.scss +64 -0
  88. package/scss/utilities/_writing_modes.scss +72 -0
  89. package/scss/variables/_color_tone.scss +39 -0
  90. package/scss/variables/_hulp.scss +108 -0
  91. package/scss/variables/_mixins.scss +40 -0
  92. package/scss/variables/_modifiers.scss +32 -0
  93. package/scss/variables/_variables.scss +302 -0
  94. package/scss/variables/_variables_colors_html.scss +2019 -0
  95. package/scss/variables/_variables_colors_omnia.scss +465 -0
  96. package/scss/variables/_variables_colors_ral.scss +3472 -0
  97. package/scss/variables/_variables_effects.scss +109 -0
  98. package/scss/variables/_variables_flex_grid.scss +427 -0
  99. package/scss/variables/_variables_layout.scss +591 -0
  100. package/scss/variables/_variables_typography.scss +550 -0
  101. package/src/engine.mjs +258 -0
  102. package/src/postcss.mjs +43 -0
  103. package/src/starter-classes.mjs +124 -0
  104. package/src/tokens.mjs +377 -0
  105. package/src/variants.mjs +278 -0
  106. package/tokens/semantic.json +80 -0
package/dist/tokens/omnia.dtcg.json ADDED
@@ -0,0 +1,1496 @@
1
+ {
2
+ "$description": "OmniaCSS 0.11.1 semantic tokens (generated by npx omniacss tokens --format dtcg)",
3
+ "$extensions": {
4
+ "com.birdycom.omniacss": {
5
+ "version": "0.11.1",
6
+ "modes": [
7
+ "light",
8
+ "dark"
9
+ ]
10
+ }
11
+ },
12
+ "color": {
13
+ "brand-1": {
14
+ "$type": "color",
15
+ "$value": {
16
+ "colorSpace": "srgb",
17
+ "components": [
18
+ 0,
19
+ 0.3922,
20
+ 0.3922
21
+ ],
22
+ "alpha": 1,
23
+ "hex": "#006464"
24
+ },
25
+ "$extensions": {
26
+ "com.birdycom.omniacss": {
27
+ "modes": {
28
+ "dark": {
29
+ "colorSpace": "srgb",
30
+ "components": [
31
+ 0.4039,
32
+ 0.7647,
33
+ 0.9333
34
+ ],
35
+ "alpha": 1,
36
+ "hex": "#67c3ee"
37
+ }
38
+ },
39
+ "oklch": {
40
+ "light": "oklch(44.54% 0.1111 194.77)",
41
+ "dark": "oklch(77.79% 0.1073 230.32)"
42
+ },
43
+ "palette": {
44
+ "light": "teal-80",
45
+ "dark": "skycyan-60"
46
+ }
47
+ }
48
+ }
49
+ },
50
+ "brand-2": {
51
+ "$type": "color",
52
+ "$value": {
53
+ "colorSpace": "srgb",
54
+ "components": [
55
+ 0.0353,
56
+ 0.2863,
57
+ 1
58
+ ],
59
+ "alpha": 1,
60
+ "hex": "#0949ff"
61
+ },
62
+ "$extensions": {
63
+ "com.birdycom.omniacss": {
64
+ "modes": {
65
+ "dark": {
66
+ "colorSpace": "srgb",
67
+ "components": [
68
+ 0.3137,
69
+ 0.5373,
70
+ 1
71
+ ],
72
+ "alpha": 1,
73
+ "hex": "#5089ff"
74
+ }
75
+ },
76
+ "oklch": {
77
+ "light": "oklch(52.87% 0.2944 264.05)",
78
+ "dark": "oklch(66.02% 0.2756 264.05)"
79
+ },
80
+ "palette": {
81
+ "light": "blue-40",
82
+ "dark": "blue-10"
83
+ }
84
+ }
85
+ }
86
+ },
87
+ "brand-3": {
88
+ "$type": "color",
89
+ "$value": {
90
+ "colorSpace": "srgb",
91
+ "components": [
92
+ 0.5922,
93
+ 0.1882,
94
+ 0.5882
95
+ ],
96
+ "alpha": 1,
97
+ "hex": "#973096"
98
+ },
99
+ "$extensions": {
100
+ "com.birdycom.omniacss": {
101
+ "modes": {
102
+ "dark": {
103
+ "colorSpace": "srgb",
104
+ "components": [
105
+ 0.7608,
106
+ 0.3804,
107
+ 0.749
108
+ ],
109
+ "alpha": 1,
110
+ "hex": "#c261bf"
111
+ }
112
+ },
113
+ "oklch": {
114
+ "light": "oklch(50.2% 0.1818 328.36)",
115
+ "dark": "oklch(64.1% 0.1702 328.36)"
116
+ },
117
+ "palette": {
118
+ "light": "purple-40",
119
+ "dark": "purple-10"
120
+ }
121
+ }
122
+ }
123
+ },
124
+ "background": {
125
+ "$type": "color",
126
+ "$value": {
127
+ "colorSpace": "srgb",
128
+ "components": [
129
+ 0.949,
130
+ 0.9647,
131
+ 1
132
+ ],
133
+ "alpha": 1,
134
+ "hex": "#f2f6ff"
135
+ },
136
+ "$extensions": {
137
+ "com.birdycom.omniacss": {
138
+ "modes": {
139
+ "dark": {
140
+ "colorSpace": "srgb",
141
+ "components": [
142
+ 0.0039,
143
+ 0.0039,
144
+ 0.1294
145
+ ],
146
+ "alpha": 1,
147
+ "hex": "#010121"
148
+ }
149
+ },
150
+ "oklch": {
151
+ "light": "oklch(97.58% 0.0215 274.11)",
152
+ "dark": "oklch(12.06% 0.0707 269.56)"
153
+ },
154
+ "palette": {
155
+ "light": "frostblue-2",
156
+ "dark": "shallowblue-95"
157
+ }
158
+ }
159
+ }
160
+ },
161
+ "foreground": {
162
+ "$type": "color",
163
+ "$value": {
164
+ "colorSpace": "srgb",
165
+ "components": [
166
+ 0.051,
167
+ 0.0863,
168
+ 0.2
169
+ ],
170
+ "alpha": 1,
171
+ "hex": "#0d1633"
172
+ },
173
+ "$extensions": {
174
+ "com.birdycom.omniacss": {
175
+ "modes": {
176
+ "dark": {
177
+ "colorSpace": "srgb",
178
+ "components": [
179
+ 0.9373,
180
+ 0.9529,
181
+ 1
182
+ ],
183
+ "alpha": 1,
184
+ "hex": "#eff3ff"
185
+ }
186
+ },
187
+ "oklch": {
188
+ "light": "oklch(21.06% 0.0576 267.34)",
189
+ "dark": "oklch(96.59% 0.023 274.11)"
190
+ },
191
+ "palette": {
192
+ "light": "duskblue-60",
193
+ "dark": "frostblue-10"
194
+ }
195
+ }
196
+ }
197
+ },
198
+ "muted": {
199
+ "$type": "color",
200
+ "$value": {
201
+ "colorSpace": "srgb",
202
+ "components": [
203
+ 0.8275,
204
+ 0.851,
205
+ 0.9451
206
+ ],
207
+ "alpha": 1,
208
+ "hex": "#d3d9f1"
209
+ },
210
+ "$extensions": {
211
+ "com.birdycom.omniacss": {
212
+ "modes": {
213
+ "dark": {
214
+ "colorSpace": "srgb",
215
+ "components": [
216
+ 0.0863,
217
+ 0.1059,
218
+ 0.1725
219
+ ],
220
+ "alpha": 1,
221
+ "hex": "#161b2c"
222
+ }
223
+ },
224
+ "oklch": {
225
+ "light": "oklch(88.82% 0.0336 274.11)",
226
+ "dark": "oklch(22.67% 0.0327 269.56)"
227
+ },
228
+ "palette": {
229
+ "light": "frostblue-60",
230
+ "dark": "shallowblue-50"
231
+ }
232
+ }
233
+ }
234
+ },
235
+ "muted-foreground": {
236
+ "$type": "color",
237
+ "$value": {
238
+ "colorSpace": "srgb",
239
+ "components": [
240
+ 0.2588,
241
+ 0.3255,
242
+ 0.4941
243
+ ],
244
+ "alpha": 1,
245
+ "hex": "#42537e"
246
+ },
247
+ "$extensions": {
248
+ "com.birdycom.omniacss": {
249
+ "modes": {
250
+ "dark": {
251
+ "colorSpace": "srgb",
252
+ "components": [
253
+ 0.5412,
254
+ 0.6,
255
+ 0.7882
256
+ ],
257
+ "alpha": 1,
258
+ "hex": "#8a99c9"
259
+ }
260
+ },
261
+ "oklch": {
262
+ "light": "oklch(44.78% 0.0745 267.28)",
263
+ "dark": "oklch(68.9% 0.0726 270.89)"
264
+ },
265
+ "palette": {
266
+ "light": "stormblue-40",
267
+ "dark": "mistblue-70"
268
+ }
269
+ }
270
+ }
271
+ },
272
+ "card": {
273
+ "$type": "color",
274
+ "$value": {
275
+ "colorSpace": "srgb",
276
+ "components": [
277
+ 1,
278
+ 1,
279
+ 1
280
+ ],
281
+ "alpha": 1,
282
+ "hex": "#ffffff"
283
+ },
284
+ "$extensions": {
285
+ "com.birdycom.omniacss": {
286
+ "modes": {
287
+ "dark": {
288
+ "colorSpace": "srgb",
289
+ "components": [
290
+ 0.0196,
291
+ 0.0392,
292
+ 0.1294
293
+ ],
294
+ "alpha": 1,
295
+ "hex": "#050a21"
296
+ }
297
+ },
298
+ "oklch": {
299
+ "light": "oklch(100% 0 0)",
300
+ "dark": "oklch(15.61% 0.0487 269.56)"
301
+ },
302
+ "palette": {
303
+ "light": "white-50",
304
+ "dark": "shallowblue-70"
305
+ }
306
+ }
307
+ }
308
+ },
309
+ "popover": {
310
+ "$type": "color",
311
+ "$value": {
312
+ "colorSpace": "srgb",
313
+ "components": [
314
+ 1,
315
+ 1,
316
+ 1
317
+ ],
318
+ "alpha": 1,
319
+ "hex": "#ffffff"
320
+ },
321
+ "$extensions": {
322
+ "com.birdycom.omniacss": {
323
+ "modes": {
324
+ "dark": {
325
+ "colorSpace": "srgb",
326
+ "components": [
327
+ 0.0314,
328
+ 0.051,
329
+ 0.1255
330
+ ],
331
+ "alpha": 1,
332
+ "hex": "#080d20"
333
+ }
334
+ },
335
+ "oklch": {
336
+ "light": "oklch(100% 0 0)",
337
+ "dark": "oklch(16.67% 0.0414 269.56)"
338
+ },
339
+ "palette": {
340
+ "light": "white-50",
341
+ "dark": "shallowblue-60"
342
+ }
343
+ }
344
+ }
345
+ },
346
+ "popover-foreground": {
347
+ "$type": "color",
348
+ "$value": {
349
+ "colorSpace": "srgb",
350
+ "components": [
351
+ 0.051,
352
+ 0.0863,
353
+ 0.2
354
+ ],
355
+ "alpha": 1,
356
+ "hex": "#0d1633"
357
+ },
358
+ "$extensions": {
359
+ "com.birdycom.omniacss": {
360
+ "modes": {
361
+ "dark": {
362
+ "colorSpace": "srgb",
363
+ "components": [
364
+ 0.9373,
365
+ 0.9529,
366
+ 1
367
+ ],
368
+ "alpha": 1,
369
+ "hex": "#eff3ff"
370
+ }
371
+ },
372
+ "oklch": {
373
+ "light": "oklch(21.06% 0.0576 267.34)",
374
+ "dark": "oklch(96.59% 0.023 274.11)"
375
+ },
376
+ "palette": {
377
+ "light": "duskblue-60",
378
+ "dark": "frostblue-10"
379
+ }
380
+ }
381
+ }
382
+ },
383
+ "surface": {
384
+ "$type": "color",
385
+ "$value": {
386
+ "colorSpace": "srgb",
387
+ "components": [
388
+ 0.2039,
389
+ 0.2706,
390
+ 0.4392
391
+ ],
392
+ "alpha": 0.04,
393
+ "hex": "#344570"
394
+ },
395
+ "$extensions": {
396
+ "com.birdycom.omniacss": {
397
+ "modes": {
398
+ "dark": {
399
+ "colorSpace": "srgb",
400
+ "components": [
401
+ 1,
402
+ 1,
403
+ 1
404
+ ],
405
+ "alpha": 0.04,
406
+ "hex": "#ffffff"
407
+ }
408
+ },
409
+ "oklch": {
410
+ "light": "oklch(39.64% 0.0761 267.28)",
411
+ "dark": "oklch(100% 0 0)"
412
+ },
413
+ "palette": {
414
+ "light": "stormblue-50",
415
+ "dark": "white-50"
416
+ }
417
+ }
418
+ }
419
+ },
420
+ "surface-strong": {
421
+ "$type": "color",
422
+ "$value": {
423
+ "colorSpace": "srgb",
424
+ "components": [
425
+ 0.2039,
426
+ 0.2706,
427
+ 0.4392
428
+ ],
429
+ "alpha": 0.08,
430
+ "hex": "#344570"
431
+ },
432
+ "$extensions": {
433
+ "com.birdycom.omniacss": {
434
+ "modes": {
435
+ "dark": {
436
+ "colorSpace": "srgb",
437
+ "components": [
438
+ 1,
439
+ 1,
440
+ 1
441
+ ],
442
+ "alpha": 0.07,
443
+ "hex": "#ffffff"
444
+ }
445
+ },
446
+ "oklch": {
447
+ "light": "oklch(39.64% 0.0761 267.28)",
448
+ "dark": "oklch(100% 0 0)"
449
+ },
450
+ "palette": {
451
+ "light": "stormblue-50",
452
+ "dark": "white-50"
453
+ }
454
+ }
455
+ }
456
+ },
457
+ "primary": {
458
+ "$type": "color",
459
+ "$value": {
460
+ "colorSpace": "srgb",
461
+ "components": [
462
+ 0.0902,
463
+ 0.3647,
464
+ 0.7451
465
+ ],
466
+ "alpha": 1,
467
+ "hex": "#175dbe"
468
+ },
469
+ "$extensions": {
470
+ "com.birdycom.omniacss": {
471
+ "modes": {
472
+ "dark": {
473
+ "colorSpace": "srgb",
474
+ "components": [
475
+ 0.4314,
476
+ 0.6588,
477
+ 1
478
+ ],
479
+ "alpha": 1,
480
+ "hex": "#6ea8ff"
481
+ }
482
+ },
483
+ "oklch": {
484
+ "light": "oklch(49.59% 0.167 258.28)",
485
+ "dark": "oklch(72.92% 0.1411 258.28)"
486
+ },
487
+ "palette": {
488
+ "light": "vividblue-95",
489
+ "dark": "vividblue-100"
490
+ }
491
+ }
492
+ }
493
+ },
494
+ "primary-foreground": {
495
+ "$type": "color",
496
+ "$value": {
497
+ "colorSpace": "srgb",
498
+ "components": [
499
+ 1,
500
+ 1,
501
+ 1
502
+ ],
503
+ "alpha": 1,
504
+ "hex": "#ffffff"
505
+ },
506
+ "$extensions": {
507
+ "com.birdycom.omniacss": {
508
+ "modes": {
509
+ "dark": {
510
+ "colorSpace": "srgb",
511
+ "components": [
512
+ 0.0039,
513
+ 0.0039,
514
+ 0.1294
515
+ ],
516
+ "alpha": 1,
517
+ "hex": "#010121"
518
+ }
519
+ },
520
+ "oklch": {
521
+ "light": "oklch(100% 0 0)",
522
+ "dark": "oklch(12.06% 0.0707 269.56)"
523
+ },
524
+ "palette": {
525
+ "light": "white-50",
526
+ "dark": "shallowblue-95"
527
+ }
528
+ }
529
+ }
530
+ },
531
+ "secondary": {
532
+ "$type": "color",
533
+ "$value": {
534
+ "colorSpace": "srgb",
535
+ "components": [
536
+ 0.8275,
537
+ 0.851,
538
+ 0.9451
539
+ ],
540
+ "alpha": 1,
541
+ "hex": "#d3d9f1"
542
+ },
543
+ "$extensions": {
544
+ "com.birdycom.omniacss": {
545
+ "modes": {
546
+ "dark": {
547
+ "colorSpace": "srgb",
548
+ "components": [
549
+ 0.0863,
550
+ 0.1059,
551
+ 0.1725
552
+ ],
553
+ "alpha": 1,
554
+ "hex": "#161b2c"
555
+ }
556
+ },
557
+ "oklch": {
558
+ "light": "oklch(88.82% 0.0336 274.11)",
559
+ "dark": "oklch(22.67% 0.0327 269.56)"
560
+ },
561
+ "palette": {
562
+ "light": "frostblue-60",
563
+ "dark": "shallowblue-50"
564
+ }
565
+ }
566
+ }
567
+ },
568
+ "secondary-foreground": {
569
+ "$type": "color",
570
+ "$value": {
571
+ "colorSpace": "srgb",
572
+ "components": [
573
+ 0.051,
574
+ 0.0863,
575
+ 0.2
576
+ ],
577
+ "alpha": 1,
578
+ "hex": "#0d1633"
579
+ },
580
+ "$extensions": {
581
+ "com.birdycom.omniacss": {
582
+ "modes": {
583
+ "dark": {
584
+ "colorSpace": "srgb",
585
+ "components": [
586
+ 0.9373,
587
+ 0.9529,
588
+ 1
589
+ ],
590
+ "alpha": 1,
591
+ "hex": "#eff3ff"
592
+ }
593
+ },
594
+ "oklch": {
595
+ "light": "oklch(21.06% 0.0576 267.34)",
596
+ "dark": "oklch(96.59% 0.023 274.11)"
597
+ },
598
+ "palette": {
599
+ "light": "duskblue-60",
600
+ "dark": "frostblue-10"
601
+ }
602
+ }
603
+ }
604
+ },
605
+ "accent": {
606
+ "$type": "color",
607
+ "$value": {
608
+ "colorSpace": "srgb",
609
+ "components": [
610
+ 0.8275,
611
+ 0.851,
612
+ 0.9451
613
+ ],
614
+ "alpha": 1,
615
+ "hex": "#d3d9f1"
616
+ },
617
+ "$extensions": {
618
+ "com.birdycom.omniacss": {
619
+ "modes": {
620
+ "dark": {
621
+ "colorSpace": "srgb",
622
+ "components": [
623
+ 0.0863,
624
+ 0.1059,
625
+ 0.1725
626
+ ],
627
+ "alpha": 1,
628
+ "hex": "#161b2c"
629
+ }
630
+ },
631
+ "oklch": {
632
+ "light": "oklch(88.82% 0.0336 274.11)",
633
+ "dark": "oklch(22.67% 0.0327 269.56)"
634
+ },
635
+ "palette": {
636
+ "light": "frostblue-60",
637
+ "dark": "shallowblue-50"
638
+ }
639
+ }
640
+ }
641
+ },
642
+ "accent-foreground": {
643
+ "$type": "color",
644
+ "$value": {
645
+ "colorSpace": "srgb",
646
+ "components": [
647
+ 0.051,
648
+ 0.0863,
649
+ 0.2
650
+ ],
651
+ "alpha": 1,
652
+ "hex": "#0d1633"
653
+ },
654
+ "$extensions": {
655
+ "com.birdycom.omniacss": {
656
+ "modes": {
657
+ "dark": {
658
+ "colorSpace": "srgb",
659
+ "components": [
660
+ 0.9373,
661
+ 0.9529,
662
+ 1
663
+ ],
664
+ "alpha": 1,
665
+ "hex": "#eff3ff"
666
+ }
667
+ },
668
+ "oklch": {
669
+ "light": "oklch(21.06% 0.0576 267.34)",
670
+ "dark": "oklch(96.59% 0.023 274.11)"
671
+ },
672
+ "palette": {
673
+ "light": "duskblue-60",
674
+ "dark": "frostblue-10"
675
+ }
676
+ }
677
+ }
678
+ },
679
+ "destructive": {
680
+ "$type": "color",
681
+ "$value": {
682
+ "colorSpace": "srgb",
683
+ "components": [
684
+ 0.8745,
685
+ 0,
686
+ 0
687
+ ],
688
+ "alpha": 1,
689
+ "hex": "#df0000"
690
+ },
691
+ "$extensions": {
692
+ "com.birdycom.omniacss": {
693
+ "modes": {
694
+ "dark": {
695
+ "colorSpace": "srgb",
696
+ "components": [
697
+ 1,
698
+ 0.1686,
699
+ 0.1216
700
+ ],
701
+ "alpha": 1,
702
+ "hex": "#ff2b1f"
703
+ }
704
+ },
705
+ "oklch": {
706
+ "light": "oklch(55.26% 0.2634 29.23)",
707
+ "dark": "oklch(65.03% 0.2474 29.23)"
708
+ },
709
+ "palette": {
710
+ "light": "red-70",
711
+ "dark": "red-50"
712
+ }
713
+ }
714
+ }
715
+ },
716
+ "destructive-foreground": {
717
+ "$type": "color",
718
+ "$value": {
719
+ "colorSpace": "srgb",
720
+ "components": [
721
+ 1,
722
+ 1,
723
+ 1
724
+ ],
725
+ "alpha": 1,
726
+ "hex": "#ffffff"
727
+ },
728
+ "$extensions": {
729
+ "com.birdycom.omniacss": {
730
+ "modes": {
731
+ "dark": {
732
+ "colorSpace": "srgb",
733
+ "components": [
734
+ 1,
735
+ 1,
736
+ 1
737
+ ],
738
+ "alpha": 1,
739
+ "hex": "#ffffff"
740
+ }
741
+ },
742
+ "oklch": {
743
+ "light": "oklch(100% 0 0)",
744
+ "dark": "oklch(100% 0 0)"
745
+ },
746
+ "palette": {
747
+ "light": "white-50",
748
+ "dark": "white-50"
749
+ }
750
+ }
751
+ }
752
+ },
753
+ "success": {
754
+ "$type": "color",
755
+ "$value": {
756
+ "colorSpace": "srgb",
757
+ "components": [
758
+ 0,
759
+ 0.4667,
760
+ 0
761
+ ],
762
+ "alpha": 1,
763
+ "hex": "#007700"
764
+ },
765
+ "$extensions": {
766
+ "com.birdycom.omniacss": {
767
+ "modes": {
768
+ "dark": {
769
+ "colorSpace": "srgb",
770
+ "components": [
771
+ 0.502,
772
+ 0.8235,
773
+ 0.4784
774
+ ],
775
+ "alpha": 1,
776
+ "hex": "#80d27a"
777
+ }
778
+ },
779
+ "oklch": {
780
+ "light": "oklch(48.86% 0.1813 142.5)",
781
+ "dark": "oklch(78.87% 0.145 142.5)"
782
+ },
783
+ "palette": {
784
+ "light": "green-60",
785
+ "dark": "green-2"
786
+ }
787
+ }
788
+ }
789
+ },
790
+ "success-foreground": {
791
+ "$type": "color",
792
+ "$value": {
793
+ "colorSpace": "srgb",
794
+ "components": [
795
+ 1,
796
+ 1,
797
+ 1
798
+ ],
799
+ "alpha": 1,
800
+ "hex": "#ffffff"
801
+ },
802
+ "$extensions": {
803
+ "com.birdycom.omniacss": {
804
+ "modes": {
805
+ "dark": {
806
+ "colorSpace": "srgb",
807
+ "components": [
808
+ 0.0039,
809
+ 0.0039,
810
+ 0.1294
811
+ ],
812
+ "alpha": 1,
813
+ "hex": "#010121"
814
+ }
815
+ },
816
+ "oklch": {
817
+ "light": "oklch(100% 0 0)",
818
+ "dark": "oklch(12.06% 0.0707 269.56)"
819
+ },
820
+ "palette": {
821
+ "light": "white-50",
822
+ "dark": "shallowblue-95"
823
+ }
824
+ }
825
+ }
826
+ },
827
+ "warning": {
828
+ "$type": "color",
829
+ "$value": {
830
+ "colorSpace": "srgb",
831
+ "components": [
832
+ 0.6235,
833
+ 0.3647,
834
+ 0
835
+ ],
836
+ "alpha": 1,
837
+ "hex": "#9f5d00"
838
+ },
839
+ "$extensions": {
840
+ "com.birdycom.omniacss": {
841
+ "modes": {
842
+ "dark": {
843
+ "colorSpace": "srgb",
844
+ "components": [
845
+ 1,
846
+ 0.6667,
847
+ 0.1529
848
+ ],
849
+ "alpha": 1,
850
+ "hex": "#ffaa27"
851
+ }
852
+ },
853
+ "oklch": {
854
+ "light": "oklch(53.9% 0.1939 70.67)",
855
+ "dark": "oklch(80.51% 0.1642 70.67)"
856
+ },
857
+ "palette": {
858
+ "light": "orange-95",
859
+ "dark": "orange-50"
860
+ }
861
+ }
862
+ }
863
+ },
864
+ "warning-foreground": {
865
+ "$type": "color",
866
+ "$value": {
867
+ "colorSpace": "srgb",
868
+ "components": [
869
+ 1,
870
+ 1,
871
+ 1
872
+ ],
873
+ "alpha": 1,
874
+ "hex": "#ffffff"
875
+ },
876
+ "$extensions": {
877
+ "com.birdycom.omniacss": {
878
+ "modes": {
879
+ "dark": {
880
+ "colorSpace": "srgb",
881
+ "components": [
882
+ 0.0039,
883
+ 0.0039,
884
+ 0.1294
885
+ ],
886
+ "alpha": 1,
887
+ "hex": "#010121"
888
+ }
889
+ },
890
+ "oklch": {
891
+ "light": "oklch(100% 0 0)",
892
+ "dark": "oklch(12.06% 0.0707 269.56)"
893
+ },
894
+ "palette": {
895
+ "light": "white-50",
896
+ "dark": "shallowblue-95"
897
+ }
898
+ }
899
+ }
900
+ },
901
+ "border": {
902
+ "$type": "color",
903
+ "$value": {
904
+ "colorSpace": "srgb",
905
+ "components": [
906
+ 0.6745,
907
+ 0.7059,
908
+ 0.8392
909
+ ],
910
+ "alpha": 1,
911
+ "hex": "#acb4d6"
912
+ },
913
+ "$extensions": {
914
+ "com.birdycom.omniacss": {
915
+ "modes": {
916
+ "dark": {
917
+ "colorSpace": "srgb",
918
+ "components": [
919
+ 0.2314,
920
+ 0.2745,
921
+ 0.3765
922
+ ],
923
+ "alpha": 1,
924
+ "hex": "#3b4660"
925
+ }
926
+ },
927
+ "oklch": {
928
+ "light": "oklch(77.49% 0.0486 274.11)",
929
+ "dark": "oklch(39.47% 0.0465 267.34)"
930
+ },
931
+ "palette": {
932
+ "light": "frostblue-80",
933
+ "dark": "duskblue-30"
934
+ }
935
+ }
936
+ }
937
+ },
938
+ "border-strong": {
939
+ "$type": "color",
940
+ "$value": {
941
+ "colorSpace": "srgb",
942
+ "components": [
943
+ 0.4824,
944
+ 0.5412,
945
+ 0.7451
946
+ ],
947
+ "alpha": 1,
948
+ "hex": "#7b8abe"
949
+ },
950
+ "$extensions": {
951
+ "com.birdycom.omniacss": {
952
+ "modes": {
953
+ "dark": {
954
+ "colorSpace": "srgb",
955
+ "components": [
956
+ 0.3137,
957
+ 0.3843,
958
+ 0.5529
959
+ ],
960
+ "alpha": 1,
961
+ "hex": "#50628d"
962
+ }
963
+ },
964
+ "oklch": {
965
+ "light": "oklch(64.2% 0.0794 270.89)",
966
+ "dark": "oklch(49.92% 0.0729 267.28)"
967
+ },
968
+ "palette": {
969
+ "light": "mistblue-80",
970
+ "dark": "stormblue-30"
971
+ }
972
+ }
973
+ }
974
+ },
975
+ "input": {
976
+ "$type": "color",
977
+ "$value": {
978
+ "colorSpace": "srgb",
979
+ "components": [
980
+ 0.6745,
981
+ 0.7059,
982
+ 0.8392
983
+ ],
984
+ "alpha": 1,
985
+ "hex": "#acb4d6"
986
+ },
987
+ "$extensions": {
988
+ "com.birdycom.omniacss": {
989
+ "modes": {
990
+ "dark": {
991
+ "colorSpace": "srgb",
992
+ "components": [
993
+ 0.2314,
994
+ 0.2745,
995
+ 0.3765
996
+ ],
997
+ "alpha": 1,
998
+ "hex": "#3b4660"
999
+ }
1000
+ },
1001
+ "oklch": {
1002
+ "light": "oklch(77.49% 0.0486 274.11)",
1003
+ "dark": "oklch(39.47% 0.0465 267.34)"
1004
+ },
1005
+ "palette": {
1006
+ "light": "frostblue-80",
1007
+ "dark": "duskblue-30"
1008
+ }
1009
+ }
1010
+ }
1011
+ },
1012
+ "ring": {
1013
+ "$type": "color",
1014
+ "$value": {
1015
+ "colorSpace": "srgb",
1016
+ "components": [
1017
+ 0.0902,
1018
+ 0.3647,
1019
+ 0.7451
1020
+ ],
1021
+ "alpha": 1,
1022
+ "hex": "#175dbe"
1023
+ },
1024
+ "$extensions": {
1025
+ "com.birdycom.omniacss": {
1026
+ "modes": {
1027
+ "dark": {
1028
+ "colorSpace": "srgb",
1029
+ "components": [
1030
+ 0.4314,
1031
+ 0.6588,
1032
+ 1
1033
+ ],
1034
+ "alpha": 1,
1035
+ "hex": "#6ea8ff"
1036
+ }
1037
+ },
1038
+ "oklch": {
1039
+ "light": "oklch(49.59% 0.167 258.28)",
1040
+ "dark": "oklch(72.92% 0.1411 258.28)"
1041
+ },
1042
+ "palette": {
1043
+ "light": "vividblue-95",
1044
+ "dark": "vividblue-100"
1045
+ }
1046
+ }
1047
+ }
1048
+ },
1049
+ "row-alt": {
1050
+ "$type": "color",
1051
+ "$value": {
1052
+ "colorSpace": "srgb",
1053
+ "components": [
1054
+ 0.949,
1055
+ 0.9647,
1056
+ 1
1057
+ ],
1058
+ "alpha": 1,
1059
+ "hex": "#f2f6ff"
1060
+ },
1061
+ "$extensions": {
1062
+ "com.birdycom.omniacss": {
1063
+ "modes": {
1064
+ "dark": {
1065
+ "colorSpace": "srgb",
1066
+ "components": [
1067
+ 0.0431,
1068
+ 0.0627,
1069
+ 0.1255
1070
+ ],
1071
+ "alpha": 1,
1072
+ "hex": "#0b1020"
1073
+ }
1074
+ },
1075
+ "oklch": {
1076
+ "light": "oklch(97.58% 0.0215 274.11)",
1077
+ "dark": "oklch(17.73% 0.0341 269.56)"
1078
+ },
1079
+ "palette": {
1080
+ "light": "frostblue-2",
1081
+ "dark": "shallowblue-100"
1082
+ }
1083
+ }
1084
+ }
1085
+ },
1086
+ "hover": {
1087
+ "$type": "color",
1088
+ "$value": {
1089
+ "colorSpace": "srgb",
1090
+ "components": [
1091
+ 0.9059,
1092
+ 0.9255,
1093
+ 1
1094
+ ],
1095
+ "alpha": 1,
1096
+ "hex": "#e7ecff"
1097
+ },
1098
+ "$extensions": {
1099
+ "com.birdycom.omniacss": {
1100
+ "modes": {
1101
+ "dark": {
1102
+ "colorSpace": "srgb",
1103
+ "components": [
1104
+ 0.1098,
1105
+ 0.1451,
1106
+ 0.2431
1107
+ ],
1108
+ "alpha": 1,
1109
+ "hex": "#1c253e"
1110
+ }
1111
+ },
1112
+ "oklch": {
1113
+ "light": "oklch(94.49% 0.0262 274.11)",
1114
+ "dark": "oklch(27.06% 0.0486 267.34)"
1115
+ },
1116
+ "palette": {
1117
+ "light": "frostblue-100",
1118
+ "dark": "duskblue-50"
1119
+ }
1120
+ }
1121
+ }
1122
+ },
1123
+ "pressed": {
1124
+ "$type": "color",
1125
+ "$value": {
1126
+ "colorSpace": "srgb",
1127
+ "components": [
1128
+ 0.8275,
1129
+ 0.851,
1130
+ 0.9451
1131
+ ],
1132
+ "alpha": 1,
1133
+ "hex": "#d3d9f1"
1134
+ },
1135
+ "$extensions": {
1136
+ "com.birdycom.omniacss": {
1137
+ "modes": {
1138
+ "dark": {
1139
+ "colorSpace": "srgb",
1140
+ "components": [
1141
+ 0.1686,
1142
+ 0.2078,
1143
+ 0.3098
1144
+ ],
1145
+ "alpha": 1,
1146
+ "hex": "#2b354f"
1147
+ }
1148
+ },
1149
+ "oklch": {
1150
+ "light": "oklch(88.82% 0.0336 274.11)",
1151
+ "dark": "oklch(33.27% 0.0475 267.34)"
1152
+ },
1153
+ "palette": {
1154
+ "light": "frostblue-60",
1155
+ "dark": "duskblue-40"
1156
+ }
1157
+ }
1158
+ }
1159
+ },
1160
+ "selected": {
1161
+ "$type": "color",
1162
+ "$value": {
1163
+ "colorSpace": "srgb",
1164
+ "components": [
1165
+ 0.8275,
1166
+ 0.8745,
1167
+ 1
1168
+ ],
1169
+ "alpha": 1,
1170
+ "hex": "#d3dfff"
1171
+ },
1172
+ "$extensions": {
1173
+ "com.birdycom.omniacss": {
1174
+ "modes": {
1175
+ "dark": {
1176
+ "colorSpace": "srgb",
1177
+ "components": [
1178
+ 0.1373,
1179
+ 0.2039,
1180
+ 0.3882
1181
+ ],
1182
+ "alpha": 1,
1183
+ "hex": "#233463"
1184
+ }
1185
+ },
1186
+ "oklch": {
1187
+ "light": "oklch(90.45% 0.0483 270.89)",
1188
+ "dark": "oklch(33.64% 0.0857 267.28)"
1189
+ },
1190
+ "palette": {
1191
+ "light": "mistblue-2",
1192
+ "dark": "stormblue-60"
1193
+ }
1194
+ }
1195
+ }
1196
+ },
1197
+ "selected-foreground": {
1198
+ "$type": "color",
1199
+ "$value": {
1200
+ "colorSpace": "srgb",
1201
+ "components": [
1202
+ 0.051,
1203
+ 0.0863,
1204
+ 0.2
1205
+ ],
1206
+ "alpha": 1,
1207
+ "hex": "#0d1633"
1208
+ },
1209
+ "$extensions": {
1210
+ "com.birdycom.omniacss": {
1211
+ "modes": {
1212
+ "dark": {
1213
+ "colorSpace": "srgb",
1214
+ "components": [
1215
+ 0.9373,
1216
+ 0.9529,
1217
+ 1
1218
+ ],
1219
+ "alpha": 1,
1220
+ "hex": "#eff3ff"
1221
+ }
1222
+ },
1223
+ "oklch": {
1224
+ "light": "oklch(21.06% 0.0576 267.34)",
1225
+ "dark": "oklch(96.59% 0.023 274.11)"
1226
+ },
1227
+ "palette": {
1228
+ "light": "duskblue-60",
1229
+ "dark": "frostblue-10"
1230
+ }
1231
+ }
1232
+ }
1233
+ },
1234
+ "disabled-foreground": {
1235
+ "$type": "color",
1236
+ "$value": {
1237
+ "colorSpace": "srgb",
1238
+ "components": [
1239
+ 0.5255,
1240
+ 0.5725,
1241
+ 0.6745
1242
+ ],
1243
+ "alpha": 1,
1244
+ "hex": "#8692ac"
1245
+ },
1246
+ "$extensions": {
1247
+ "com.birdycom.omniacss": {
1248
+ "modes": {
1249
+ "dark": {
1250
+ "colorSpace": "srgb",
1251
+ "components": [
1252
+ 0.3647,
1253
+ 0.4078,
1254
+ 0.5137
1255
+ ],
1256
+ "alpha": 1,
1257
+ "hex": "#5d6883"
1258
+ }
1259
+ },
1260
+ "oklch": {
1261
+ "light": "oklch(65.86% 0.0415 267.34)",
1262
+ "dark": "oklch(51.89% 0.0445 267.34)"
1263
+ },
1264
+ "palette": {
1265
+ "light": "duskblue-2",
1266
+ "dark": "duskblue-10"
1267
+ }
1268
+ }
1269
+ }
1270
+ }
1271
+ },
1272
+ "radius": {
1273
+ "$type": "dimension",
1274
+ "$value": {
1275
+ "value": 8,
1276
+ "unit": "px"
1277
+ }
1278
+ },
1279
+ "focus-width": {
1280
+ "$type": "dimension",
1281
+ "$value": {
1282
+ "value": 2,
1283
+ "unit": "px"
1284
+ }
1285
+ },
1286
+ "text": {
1287
+ "xs": {
1288
+ "$type": "dimension",
1289
+ "$value": {
1290
+ "value": 12,
1291
+ "unit": "px"
1292
+ }
1293
+ },
1294
+ "sm": {
1295
+ "$type": "dimension",
1296
+ "$value": {
1297
+ "value": 13,
1298
+ "unit": "px"
1299
+ }
1300
+ },
1301
+ "base": {
1302
+ "$type": "dimension",
1303
+ "$value": {
1304
+ "value": 15,
1305
+ "unit": "px"
1306
+ }
1307
+ },
1308
+ "lg": {
1309
+ "$type": "dimension",
1310
+ "$value": {
1311
+ "value": 18,
1312
+ "unit": "px"
1313
+ }
1314
+ },
1315
+ "xl": {
1316
+ "$type": "dimension",
1317
+ "$value": {
1318
+ "value": 24,
1319
+ "unit": "px"
1320
+ }
1321
+ }
1322
+ },
1323
+ "font": {
1324
+ "sans": {
1325
+ "$type": "fontFamily",
1326
+ "$value": "Segoe UI",
1327
+ "$extensions": {
1328
+ "com.birdycom.omniacss": {
1329
+ "macos": ".AppleSystemUIFont",
1330
+ "linux": "Cantarell",
1331
+ "css": "system-ui, -apple-system, \"Segoe UI\", Roboto, Cantarell, \"Helvetica Neue\", sans-serif"
1332
+ }
1333
+ }
1334
+ },
1335
+ "mono": {
1336
+ "$type": "fontFamily",
1337
+ "$value": "Consolas",
1338
+ "$extensions": {
1339
+ "com.birdycom.omniacss": {
1340
+ "macos": "Menlo",
1341
+ "linux": "DejaVu Sans Mono",
1342
+ "css": "\"Cascadia Code\", \"JetBrains Mono\", Consolas, ui-monospace, monospace"
1343
+ }
1344
+ }
1345
+ }
1346
+ },
1347
+ "shadow": {
1348
+ "sm": {
1349
+ "$type": "shadow",
1350
+ "$value": {
1351
+ "color": {
1352
+ "colorSpace": "srgb",
1353
+ "components": [
1354
+ 0.2039,
1355
+ 0.2706,
1356
+ 0.4392
1357
+ ],
1358
+ "alpha": 0.08,
1359
+ "hex": "#344570"
1360
+ },
1361
+ "offsetX": {
1362
+ "value": 0,
1363
+ "unit": "px"
1364
+ },
1365
+ "offsetY": {
1366
+ "value": 1,
1367
+ "unit": "px"
1368
+ },
1369
+ "blur": {
1370
+ "value": 2,
1371
+ "unit": "px"
1372
+ },
1373
+ "spread": {
1374
+ "value": 0,
1375
+ "unit": "px"
1376
+ }
1377
+ },
1378
+ "$extensions": {
1379
+ "com.birdycom.omniacss": {
1380
+ "modes": {
1381
+ "dark": {
1382
+ "color": {
1383
+ "colorSpace": "srgb",
1384
+ "components": [
1385
+ 0.0039,
1386
+ 0.0039,
1387
+ 0.0039
1388
+ ],
1389
+ "alpha": 0.4,
1390
+ "hex": "#010101"
1391
+ }
1392
+ }
1393
+ }
1394
+ }
1395
+ }
1396
+ },
1397
+ "md": {
1398
+ "$type": "shadow",
1399
+ "$value": {
1400
+ "color": {
1401
+ "colorSpace": "srgb",
1402
+ "components": [
1403
+ 0.2039,
1404
+ 0.2706,
1405
+ 0.4392
1406
+ ],
1407
+ "alpha": 0.12,
1408
+ "hex": "#344570"
1409
+ },
1410
+ "offsetX": {
1411
+ "value": 0,
1412
+ "unit": "px"
1413
+ },
1414
+ "offsetY": {
1415
+ "value": 4,
1416
+ "unit": "px"
1417
+ },
1418
+ "blur": {
1419
+ "value": 12,
1420
+ "unit": "px"
1421
+ },
1422
+ "spread": {
1423
+ "value": -2,
1424
+ "unit": "px"
1425
+ }
1426
+ },
1427
+ "$extensions": {
1428
+ "com.birdycom.omniacss": {
1429
+ "modes": {
1430
+ "dark": {
1431
+ "color": {
1432
+ "colorSpace": "srgb",
1433
+ "components": [
1434
+ 0.0039,
1435
+ 0.0039,
1436
+ 0.0039
1437
+ ],
1438
+ "alpha": 0.5,
1439
+ "hex": "#010101"
1440
+ }
1441
+ }
1442
+ }
1443
+ }
1444
+ }
1445
+ },
1446
+ "lg": {
1447
+ "$type": "shadow",
1448
+ "$value": {
1449
+ "color": {
1450
+ "colorSpace": "srgb",
1451
+ "components": [
1452
+ 0.2039,
1453
+ 0.2706,
1454
+ 0.4392
1455
+ ],
1456
+ "alpha": 0.16,
1457
+ "hex": "#344570"
1458
+ },
1459
+ "offsetX": {
1460
+ "value": 0,
1461
+ "unit": "px"
1462
+ },
1463
+ "offsetY": {
1464
+ "value": 12,
1465
+ "unit": "px"
1466
+ },
1467
+ "blur": {
1468
+ "value": 32,
1469
+ "unit": "px"
1470
+ },
1471
+ "spread": {
1472
+ "value": -6,
1473
+ "unit": "px"
1474
+ }
1475
+ },
1476
+ "$extensions": {
1477
+ "com.birdycom.omniacss": {
1478
+ "modes": {
1479
+ "dark": {
1480
+ "color": {
1481
+ "colorSpace": "srgb",
1482
+ "components": [
1483
+ 0.0039,
1484
+ 0.0039,
1485
+ 0.0039
1486
+ ],
1487
+ "alpha": 0.6,
1488
+ "hex": "#010101"
1489
+ }
1490
+ }
1491
+ }
1492
+ }
1493
+ }
1494
+ }
1495
+ }
1496
+ }