@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/scss/json/omnia-colors.json ADDED
@@ -0,0 +1,500 @@
1
+ {
2
+ "omniacolors": {
3
+ "Red_Colors_Names": {
4
+ "Red": {
5
+ "hex": "#FF0000",
6
+ "websafe": "#ff0000",
7
+ "rgb": {
8
+ "r": 255,
9
+ "g": 0,
10
+ "b": 0
11
+ },
12
+ "hsl": {
13
+ "h": 0,
14
+ "s": 100,
15
+ "l": 50
16
+ }
17
+ }
18
+ },
19
+ "Pink_Colors_Names": {
20
+ "Pink": {
21
+ "hex": "#FFC0CB",
22
+ "websafe": "#ffcccc",
23
+ "rgb": {
24
+ "r": 255,
25
+ "g": 192,
26
+ "b": 203
27
+ },
28
+ "hsl": {
29
+ "h": 350,
30
+ "s": 100,
31
+ "l": 88
32
+ }
33
+ }
34
+ },
35
+ "Orange_Colors_Names": {
36
+ "Orange": {
37
+ "hex": "#FFA500",
38
+ "websafe": "#ff9900",
39
+ "rgb": {
40
+ "r": 255,
41
+ "g": 165,
42
+ "b": 0
43
+ },
44
+ "hsl": {
45
+ "h": 39,
46
+ "s": 100,
47
+ "l": 50
48
+ }
49
+ }
50
+ },
51
+ "Yellow_Colors_Names": {
52
+ "Yellow": {
53
+ "hex": "#FFFF00",
54
+ "websafe": "#ffff00",
55
+ "rgb": {
56
+ "r": 255,
57
+ "g": 255,
58
+ "b": 0
59
+ },
60
+ "hsl": {
61
+ "h": 60,
62
+ "s": 100,
63
+ "l": 50
64
+ }
65
+ }
66
+ },
67
+ "Purple_Colors_Names": {
68
+ "Violet": {
69
+ "hex": "#EE82EE",
70
+ "websafe": "#ff99ff",
71
+ "rgb": {
72
+ "r": 238,
73
+ "g": 130,
74
+ "b": 238
75
+ },
76
+ "hsl": {
77
+ "h": 300,
78
+ "s": 76,
79
+ "l": 72
80
+ }
81
+ },
82
+ "Magenta": {
83
+ "hex": "#FF00FF",
84
+ "websafe": "#ff00ff",
85
+ "rgb": {
86
+ "r": 255,
87
+ "g": 0,
88
+ "b": 255
89
+ },
90
+ "hsl": {
91
+ "h": 300,
92
+ "s": 100,
93
+ "l": 50
94
+ }
95
+ },
96
+ "Purple": {
97
+ "hex": "#800080",
98
+ "websafe": "#990099",
99
+ "rgb": {
100
+ "r": 128,
101
+ "g": 0,
102
+ "b": 128
103
+ },
104
+ "hsl": {
105
+ "h": 300,
106
+ "s": 100,
107
+ "l": 25
108
+ }
109
+ },
110
+ "Indigo": {
111
+ "hex": "#4B0082",
112
+ "websafe": "#330099",
113
+ "rgb": {
114
+ "r": 75,
115
+ "g": 0,
116
+ "b": 130
117
+ },
118
+ "hsl": {
119
+ "h": 275,
120
+ "s": 100,
121
+ "l": 25
122
+ }
123
+ }
124
+ },
125
+ "Green_Colors_Names": {
126
+ "Lime": {
127
+ "hex": "#00FF00",
128
+ "websafe": "#00ff00",
129
+ "rgb": {
130
+ "r": 0,
131
+ "g": 255,
132
+ "b": 0
133
+ },
134
+ "hsl": {
135
+ "h": 120,
136
+ "s": 100,
137
+ "l": 50
138
+ }
139
+ },
140
+ "Green": {
141
+ "hex": "#008000",
142
+ "websafe": "#009900",
143
+ "rgb": {
144
+ "r": 0,
145
+ "g": 128,
146
+ "b": 0
147
+ },
148
+ "hsl": {
149
+ "h": 120,
150
+ "s": 100,
151
+ "l": 25
152
+ }
153
+ },
154
+ "Teal": {
155
+ "hex": "#008080",
156
+ "websafe": "#009999",
157
+ "rgb": {
158
+ "r": 0,
159
+ "g": 128,
160
+ "b": 128
161
+ },
162
+ "hsl": {
163
+ "h": 180,
164
+ "s": 100,
165
+ "l": 25
166
+ }
167
+ }
168
+ },
169
+ "Blue_Colors_Names": {
170
+ "Cyan": {
171
+ "hex": "#00FFFF",
172
+ "websafe": "#00ffff",
173
+ "rgb": {
174
+ "r": 0,
175
+ "g": 255,
176
+ "b": 255
177
+ },
178
+ "hsl": {
179
+ "h": 180,
180
+ "s": 100,
181
+ "l": 50
182
+ }
183
+ },
184
+ "Turquoise": {
185
+ "hex": "#40E0D0",
186
+ "websafe": "#33cccc",
187
+ "rgb": {
188
+ "r": 64,
189
+ "g": 224,
190
+ "b": 208
191
+ },
192
+ "hsl": {
193
+ "h": 174,
194
+ "s": 72,
195
+ "l": 56
196
+ }
197
+ },
198
+ "Blue": {
199
+ "hex": "#0000FF",
200
+ "websafe": "#0000ff",
201
+ "rgb": {
202
+ "r": 0,
203
+ "g": 0,
204
+ "b": 255
205
+ },
206
+ "hsl": {
207
+ "h": 240,
208
+ "s": 100,
209
+ "l": 50
210
+ }
211
+ },
212
+ "ShallowBlue": {
213
+ "hex": "#0b1020",
214
+ "websafe": "#0b1020",
215
+ "rgb": {
216
+ "r": 11,
217
+ "g": 16,
218
+ "b": 32
219
+ },
220
+ "hsl": {
221
+ "h": 220,
222
+ "s": 100,
223
+ "l": 8
224
+ }
225
+ },
226
+ "DuskBlue": {
227
+ "hex": "#111a33",
228
+ "websafe": "#111a33",
229
+ "rgb": {
230
+ "r": 17,
231
+ "g": 26,
232
+ "b": 51
233
+ },
234
+ "hsl": {
235
+ "h": 220,
236
+ "s": 50,
237
+ "l": 13
238
+ }
239
+ },
240
+ "TwilightBlue": {
241
+ "hex": "#162140",
242
+ "websafe": "#162140",
243
+ "rgb": {
244
+ "r": 22,
245
+ "g": 33,
246
+ "b": 64
247
+ },
248
+ "hsl": {
249
+ "h": 220,
250
+ "s": 49,
251
+ "l": 17
252
+ }
253
+ },
254
+ "StormBlue": {
255
+ "hex": "#2a3a66",
256
+ "websafe": "#2a3a66",
257
+ "rgb": {
258
+ "r": 42,
259
+ "g": 58,
260
+ "b": 102
261
+ },
262
+ "hsl": {
263
+ "h": 220,
264
+ "s": 42,
265
+ "l": 28
266
+ }
267
+ },
268
+ "FrostBlue": {
269
+ "hex": "#e7ecff",
270
+ "websafe": "#e6ecff",
271
+ "rgb": {
272
+ "r": 231,
273
+ "g": 236,
274
+ "b": 255
275
+ },
276
+ "hsl": {
277
+ "h": 228,
278
+ "s": 100,
279
+ "l": 95
280
+ }
281
+ },
282
+ "MistBlue": {
283
+ "hex": "#aab7df",
284
+ "websafe": "#aab7df",
285
+ "rgb": {
286
+ "r": 170,
287
+ "g": 183,
288
+ "b": 223
289
+ },
290
+ "hsl": {
291
+ "h": 228,
292
+ "s": 47,
293
+ "l": 77
294
+ }
295
+ },
296
+ "VividBlue": {
297
+ "hex": "#6ea8ff",
298
+ "websafe": "#66aaff",
299
+ "rgb": {
300
+ "r": 110,
301
+ "g": 168,
302
+ "b": 255
303
+ },
304
+ "hsl": {
305
+ "h": 217,
306
+ "s": 100,
307
+ "l": 72
308
+ }
309
+ },
310
+ "SkyCyan": {
311
+ "hex": "#7dd3fc",
312
+ "websafe": "#77ccff",
313
+ "rgb": {
314
+ "r": 125,
315
+ "g": 211,
316
+ "b": 252
317
+ },
318
+ "hsl": {
319
+ "h": 199,
320
+ "s": 95,
321
+ "l": 74
322
+ }
323
+ }
324
+ },
325
+ "Brown_Colors_Names": {
326
+ "Wheat": {
327
+ "hex": "#F5DEB3",
328
+ "websafe": "#ffcccc",
329
+ "rgb": {
330
+ "r": 245,
331
+ "g": 222,
332
+ "b": 179
333
+ },
334
+ "hsl": {
335
+ "h": 39,
336
+ "s": 77,
337
+ "l": 83
338
+ }
339
+ },
340
+ "Peru": {
341
+ "hex": "#CD853F",
342
+ "websafe": "#cc9933",
343
+ "rgb": {
344
+ "r": 205,
345
+ "g": 133,
346
+ "b": 63
347
+ },
348
+ "hsl": {
349
+ "h": 30,
350
+ "s": 59,
351
+ "l": 53
352
+ }
353
+ },
354
+ "Brown": {
355
+ "hex": "#A52A2A",
356
+ "websafe": "#993333",
357
+ "rgb": {
358
+ "r": 165,
359
+ "g": 42,
360
+ "b": 42
361
+ },
362
+ "hsl": {
363
+ "h": 0,
364
+ "s": 59,
365
+ "l": 41
366
+ }
367
+ }
368
+ },
369
+ "White_Colors_Names": {
370
+ "White": {
371
+ "hex": "#FFFFFF",
372
+ "websafe": "#ffffff",
373
+ "rgb": {
374
+ "r": 255,
375
+ "g": 255,
376
+ "b": 255
377
+ },
378
+ "hsl": {
379
+ "h": 0,
380
+ "s": 0,
381
+ "l": 100
382
+ }
383
+ },
384
+ "Snow": {
385
+ "hex": "#FFFAFA",
386
+ "websafe": "#ffffff",
387
+ "rgb": {
388
+ "r": 255,
389
+ "g": 250,
390
+ "b": 250
391
+ },
392
+ "hsl": {
393
+ "h": 0,
394
+ "s": 100,
395
+ "l": 99
396
+ }
397
+ },
398
+ "Azure": {
399
+ "hex": "#F0FFFF",
400
+ "websafe": "#ffffff",
401
+ "rgb": {
402
+ "r": 240,
403
+ "g": 255,
404
+ "b": 255
405
+ },
406
+ "hsl": {
407
+ "h": 180,
408
+ "s": 100,
409
+ "l": 97
410
+ }
411
+ },
412
+ "Beige": {
413
+ "hex": "#F5F5DC",
414
+ "websafe": "#ffffcc",
415
+ "rgb": {
416
+ "r": 245,
417
+ "g": 245,
418
+ "b": 220
419
+ },
420
+ "hsl": {
421
+ "h": 60,
422
+ "s": 56,
423
+ "l": 91
424
+ }
425
+ },
426
+ "Ivory": {
427
+ "hex": "#FFFFF0",
428
+ "websafe": "#ffffff",
429
+ "rgb": {
430
+ "r": 255,
431
+ "g": 255,
432
+ "b": 240
433
+ },
434
+ "hsl": {
435
+ "h": 60,
436
+ "s": 100,
437
+ "l": 97
438
+ }
439
+ },
440
+ "Linen": {
441
+ "hex": "#FAF0E6",
442
+ "websafe": "#ffffff",
443
+ "rgb": {
444
+ "r": 250,
445
+ "g": 240,
446
+ "b": 230
447
+ },
448
+ "hsl": {
449
+ "h": 30,
450
+ "s": 67,
451
+ "l": 94
452
+ }
453
+ }
454
+ },
455
+ "Gray_Colors_Names": {
456
+ "Silver": {
457
+ "hex": "#C0C0C0",
458
+ "websafe": "#cccccc",
459
+ "rgb": {
460
+ "r": 192,
461
+ "g": 192,
462
+ "b": 192
463
+ },
464
+ "hsl": {
465
+ "h": 0,
466
+ "s": 0,
467
+ "l": 75
468
+ }
469
+ },
470
+ "Gray": {
471
+ "hex": "#808080",
472
+ "websafe": "#999999",
473
+ "rgb": {
474
+ "r": 128,
475
+ "g": 128,
476
+ "b": 128
477
+ },
478
+ "hsl": {
479
+ "h": 0,
480
+ "s": 0,
481
+ "l": 50
482
+ }
483
+ },
484
+ "Black": {
485
+ "hex": "#000000",
486
+ "websafe": "#000000",
487
+ "rgb": {
488
+ "r": 0,
489
+ "g": 0,
490
+ "b": 0
491
+ },
492
+ "hsl": {
493
+ "h": 0,
494
+ "s": 0,
495
+ "l": 0
496
+ }
497
+ }
498
+ }
499
+ }
500
+ }