@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/oc-theme.css ADDED
@@ -0,0 +1,69 @@
1
+ /* File: oc-theme.css — generated from tokens/semantic.json by @birdycom/omniacss 0.11.1. Do not edit. */
2
+ /* Semantic theme tokens: every color is light-dark() of an Omnia palette token (oc-colors.css). */
3
+ /* Same source as the desktop export: npx omniacss tokens --format json|dtcg|python */
4
+ :root {
5
+ color-scheme: light dark;
6
+
7
+ /* Brand */
8
+ --oc-brand-1: light-dark(var(--color-teal-80), var(--color-skycyan-60));
9
+ --oc-brand-2: light-dark(var(--color-blue-40), var(--color-blue-10));
10
+ --oc-brand-3: light-dark(var(--color-purple-40), var(--color-purple-10));
11
+
12
+ /* Core surfaces */
13
+ --oc-background: light-dark(var(--color-frostblue-2), var(--color-shallowblue-95));
14
+ --oc-foreground: light-dark(var(--color-duskblue-60), var(--color-frostblue-10));
15
+ --oc-muted: light-dark(var(--color-frostblue-60), var(--color-shallowblue-50));
16
+ --oc-muted-foreground: light-dark(var(--color-stormblue-40), var(--color-mistblue-70));
17
+ --oc-card: light-dark(var(--color-white-50), var(--color-shallowblue-70));
18
+ --oc-popover: light-dark(var(--color-white-50), var(--color-shallowblue-60));
19
+ --oc-popover-foreground: var(--oc-foreground);
20
+ --oc-surface: light-dark(oklch(from var(--color-stormblue-50) l c h / 0.04), oklch(from var(--color-white-50) l c h / 0.04));
21
+ --oc-surface-strong: light-dark(oklch(from var(--color-stormblue-50) l c h / 0.08), oklch(from var(--color-white-50) l c h / 0.07));
22
+
23
+ /* Semantic accents */
24
+ --oc-primary: light-dark(var(--color-vividblue-95), var(--color-vividblue-100));
25
+ --oc-primary-foreground: light-dark(var(--color-white-50), var(--color-shallowblue-95));
26
+ --oc-secondary: var(--oc-muted);
27
+ --oc-secondary-foreground: var(--oc-foreground);
28
+ --oc-accent: var(--oc-muted);
29
+ --oc-accent-foreground: var(--oc-foreground);
30
+ --oc-destructive: light-dark(var(--color-red-70), var(--color-red-50));
31
+ --oc-destructive-foreground: var(--color-white-50);
32
+ --oc-success: light-dark(var(--color-green-60), var(--color-green-2));
33
+ --oc-success-foreground: light-dark(var(--color-white-50), var(--color-shallowblue-95));
34
+ --oc-warning: light-dark(var(--color-orange-95), var(--color-orange-50));
35
+ --oc-warning-foreground: light-dark(var(--color-white-50), var(--color-shallowblue-95));
36
+
37
+ /* Borders and inputs */
38
+ --oc-border: light-dark(var(--color-frostblue-80), var(--color-duskblue-30));
39
+ --oc-border-strong: light-dark(var(--color-mistblue-80), var(--color-stormblue-30));
40
+ --oc-input: var(--oc-border);
41
+ --oc-ring: var(--oc-primary);
42
+
43
+ /* Interaction states */
44
+ --oc-row-alt: light-dark(var(--color-frostblue-2), var(--color-shallowblue-100));
45
+ --oc-hover: light-dark(var(--color-frostblue-100), var(--color-duskblue-50));
46
+ --oc-pressed: light-dark(var(--color-frostblue-60), var(--color-duskblue-40));
47
+ --oc-selected: light-dark(var(--color-mistblue-2), var(--color-stormblue-60));
48
+ --oc-selected-foreground: var(--oc-foreground);
49
+ --oc-disabled-foreground: light-dark(var(--color-duskblue-2), var(--color-duskblue-10));
50
+
51
+ /* Gradients */
52
+ --oc-gradient-brand: linear-gradient(100deg, var(--oc-brand-1), var(--oc-brand-2) 50%, var(--oc-brand-3));
53
+
54
+ /* Shape, focus, motion, fonts */
55
+ --oc-radius: 0.5rem;
56
+ --oc-focus-width: 2px;
57
+ --oc-transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
58
+ --oc-transition-normal: 200ms cubic-bezier(0.4, 0, 0.2, 1);
59
+ --oc-font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Cantarell, "Helvetica Neue", sans-serif;
60
+ --oc-font-mono: "Cascadia Code", "JetBrains Mono", Consolas, ui-monospace, monospace;
61
+
62
+ /* Shadows (x y blur spread; color + alpha per mode in --oc-shadow-<name>-color) */
63
+ --oc-shadow-sm-color: light-dark(oklch(from var(--color-stormblue-50) l c h / 0.08), oklch(from var(--color-black-50) l c h / 0.4));
64
+ --oc-shadow-sm: 0px 1px 2px 0px var(--oc-shadow-sm-color);
65
+ --oc-shadow-md-color: light-dark(oklch(from var(--color-stormblue-50) l c h / 0.12), oklch(from var(--color-black-50) l c h / 0.5));
66
+ --oc-shadow-md: 0px 4px 12px -2px var(--oc-shadow-md-color);
67
+ --oc-shadow-lg-color: light-dark(oklch(from var(--color-stormblue-50) l c h / 0.16), oklch(from var(--color-black-50) l c h / 0.6));
68
+ --oc-shadow-lg: 0px 12px 32px -6px var(--oc-shadow-lg-color);
69
+ }