npm - @birdycom/omniacss - Versions diffs - 0.0.0-stage → 0.11.0 - Mend

@birdycom/omniacss 0.0.0-stage → 0.11.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 (106) hide show

package/LICENSE +21 -0
package/README.md +43 -2
package/dist/oc-colors.css +4429 -0
package/dist/oc-theme.css +69 -0
package/dist/omnia.css +465435 -0
package/dist/omnia.min.css +2 -0
package/dist/omnia.starter.css +13459 -0
package/dist/omnia.starter.min.css +1 -0
package/dist/tokens/omnia.dtcg.json +1496 -0
package/dist/tokens/omnia.tokens.json +580 -0
package/dist/tokens/omnia_tokens.py +189 -0
package/package.json +61 -4
package/scss/base/_reset.scss +88 -0
package/scss/config/omniacss.config.scss +114 -0
package/scss/config/omniacss.fonts.scss +34 -0
package/scss/functions/_functions.scss +407 -0
package/scss/json/html-colors.json +1998 -0
package/scss/json/omnia-colors.json +500 -0
package/scss/json/ral-colors.json +3430 -0
package/scss/layout/_media_query.scss +18 -0
package/scss/omnia_colors.scss +7 -0
package/scss/omnia_main.scss +143 -0
package/scss/profiles/omnia_main.hsl.scss +12 -0
package/scss/profiles/omnia_main.oklab.scss +12 -0
package/scss/profiles/omnia_main.oklch.scss +12 -0
package/scss/utilities/_accessibility.scss +42 -0
package/scss/utilities/_alignment.scss +861 -0
package/scss/utilities/_anchor_positioning.scss +65 -0
package/scss/utilities/_animation_properties.scss +143 -0
package/scss/utilities/_aspect.scss +73 -0
package/scss/utilities/_backgrounds.scss +49 -0
package/scss/utilities/_borders_extended.scss +97 -0
package/scss/utilities/_borders_outlines.scss +161 -0
package/scss/utilities/_clamp.scss +111 -0
package/scss/utilities/_colors_html.scss +341 -0
package/scss/utilities/_colors_mix.scss +84 -0
package/scss/utilities/_colors_omnia.scss +315 -0
package/scss/utilities/_colors_ral.scss +151 -0
package/scss/utilities/_colors_tokens.scss +87 -0
package/scss/utilities/_container.scss +58 -0
package/scss/utilities/_containment.scss +82 -0
package/scss/utilities/_corner_shape.scss +30 -0
package/scss/utilities/_css_functions.scss +34 -0
package/scss/utilities/_dark_mode.scss +117 -0
package/scss/utilities/_display.scss +58 -0
package/scss/utilities/_drop_shadow_colors.scss +26 -0
package/scss/utilities/_effects.scss +50 -0
package/scss/utilities/_effects_advanced.scss +102 -0
package/scss/utilities/_experimental_css.scss +149 -0
package/scss/utilities/_filters.scss +89 -0
package/scss/utilities/_flexbox.scss +318 -0
package/scss/utilities/_font_variants.scss +139 -0
package/scss/utilities/_fonts.scss +276 -0
package/scss/utilities/_gap.scss +104 -0
package/scss/utilities/_gradient_stops.scss +48 -0
package/scss/utilities/_gradients.scss +99 -0
package/scss/utilities/_grid.scss +673 -0
package/scss/utilities/_index.scss +22 -0
package/scss/utilities/_interactivity.scss +198 -0
package/scss/utilities/_layering.scss +24 -0
package/scss/utilities/_layout_extras.scss +171 -0
package/scss/utilities/_layout_flow.scss +210 -0
package/scss/utilities/_mask_extras.scss +62 -0
package/scss/utilities/_motion_transforms.scss +167 -0
package/scss/utilities/_overflow.scss +41 -0
package/scss/utilities/_position.scss +49 -0
package/scss/utilities/_responsive.scss +272 -0
package/scss/utilities/_scroll_animations.scss +80 -0
package/scss/utilities/_scroll_spacing.scss +33 -0
package/scss/utilities/_scrollbar.scss +49 -0
package/scss/utilities/_shadow_tokens.scss +21 -0
package/scss/utilities/_shapes.scss +72 -0
package/scss/utilities/_sizing.scss +458 -0
package/scss/utilities/_sizing_logical.scss +99 -0
package/scss/utilities/_space_divide.scss +85 -0
package/scss/utilities/_spacing_margin.scss +199 -0
package/scss/utilities/_spacing_padding.scss +195 -0
package/scss/utilities/_starting_style.scss +53 -0
package/scss/utilities/_state_variants.scss +196 -0
package/scss/utilities/_svg.scss +100 -0
package/scss/utilities/_table.scss +46 -0
package/scss/utilities/_table_advanced.scss +19 -0
package/scss/utilities/_text.scss +1331 -0
package/scss/utilities/_transforms_3d.scss +76 -0
package/scss/utilities/_typography_advanced.scss +124 -0
package/scss/utilities/_typography_modern.scss +83 -0
package/scss/utilities/_view_transitions.scss +64 -0
package/scss/utilities/_writing_modes.scss +72 -0
package/scss/variables/_color_tone.scss +39 -0
package/scss/variables/_hulp.scss +108 -0
package/scss/variables/_mixins.scss +40 -0
package/scss/variables/_modifiers.scss +32 -0
package/scss/variables/_variables.scss +302 -0
package/scss/variables/_variables_colors_html.scss +2019 -0
package/scss/variables/_variables_colors_omnia.scss +465 -0
package/scss/variables/_variables_colors_ral.scss +3472 -0
package/scss/variables/_variables_effects.scss +109 -0
package/scss/variables/_variables_flex_grid.scss +427 -0
package/scss/variables/_variables_layout.scss +591 -0
package/scss/variables/_variables_typography.scss +550 -0
package/src/engine.mjs +258 -0
package/src/postcss.mjs +43 -0
package/src/starter-classes.mjs +124 -0
package/src/tokens.mjs +377 -0
package/src/variants.mjs +278 -0
package/tokens/semantic.json +80 -0

package/dist/tokens/omnia.tokens.json ADDED Viewed

@@ -0,0 +1,580 @@
+{
+  "omniacss": "0.11.0",
+  "generated": "npx omniacss tokens",
+  "modes": [
+    "light",
+    "dark"
+  ],
+  "tokens": {
+    "brand-1": {
+      "light": {
+        "hex": "#006464",
+        "oklch": "oklch(44.54% 0.1111 194.77)",
+        "palette": "teal-80",
+        "gamutMapped": true,
+        "clippedHex": "#006667"
+      },
+      "dark": {
+        "hex": "#67c3ee",
+        "oklch": "oklch(77.79% 0.1073 230.32)",
+        "palette": "skycyan-60"
+      }
+    },
+    "brand-2": {
+      "light": {
+        "hex": "#0949ff",
+        "oklch": "oklch(52.87% 0.2944 264.05)",
+        "palette": "blue-40",
+        "gamutMapped": true,
+        "clippedHex": "#0546ff"
+      },
+      "dark": {
+        "hex": "#5089ff",
+        "oklch": "oklch(66.02% 0.2756 264.05)",
+        "palette": "blue-10",
+        "gamutMapped": true,
+        "clippedHex": "#357dff"
+      }
+    },
+    "brand-3": {
+      "light": {
+        "hex": "#973096",
+        "oklch": "oklch(50.2% 0.1818 328.36)",
+        "palette": "purple-40"
+      },
+      "dark": {
+        "hex": "#c261bf",
+        "oklch": "oklch(64.1% 0.1702 328.36)",
+        "palette": "purple-10"
+      }
+    },
+    "background": {
+      "light": {
+        "hex": "#f2f6ff",
+        "oklch": "oklch(97.58% 0.0215 274.11)",
+        "palette": "frostblue-2",
+        "gamutMapped": true,
+        "clippedHex": "#f2f6ff"
+      },
+      "dark": {
+        "hex": "#010121",
+        "oklch": "oklch(12.06% 0.0707 269.56)",
+        "palette": "shallowblue-95"
+      }
+    },
+    "foreground": {
+      "light": {
+        "hex": "#0d1633",
+        "oklch": "oklch(21.06% 0.0576 267.34)",
+        "palette": "duskblue-60"
+      },
+      "dark": {
+        "hex": "#eff3ff",
+        "oklch": "oklch(96.59% 0.023 274.11)",
+        "palette": "frostblue-10",
+        "gamutMapped": true,
+        "clippedHex": "#eff3ff"
+      }
+    },
+    "muted": {
+      "light": {
+        "hex": "#d3d9f1",
+        "oklch": "oklch(88.82% 0.0336 274.11)",
+        "palette": "frostblue-60"
+      },
+      "dark": {
+        "hex": "#161b2c",
+        "oklch": "oklch(22.67% 0.0327 269.56)",
+        "palette": "shallowblue-50"
+      }
+    },
+    "muted-foreground": {
+      "light": {
+        "hex": "#42537e",
+        "oklch": "oklch(44.78% 0.0745 267.28)",
+        "palette": "stormblue-40"
+      },
+      "dark": {
+        "hex": "#8a99c9",
+        "oklch": "oklch(68.9% 0.0726 270.89)",
+        "palette": "mistblue-70"
+      }
+    },
+    "card": {
+      "light": {
+        "hex": "#ffffff",
+        "oklch": "oklch(100% 0 0)",
+        "palette": "white-50"
+      },
+      "dark": {
+        "hex": "#050a21",
+        "oklch": "oklch(15.61% 0.0487 269.56)",
+        "palette": "shallowblue-70"
+      }
+    },
+    "popover": {
+      "light": {
+        "hex": "#ffffff",
+        "oklch": "oklch(100% 0 0)",
+        "palette": "white-50"
+      },
+      "dark": {
+        "hex": "#080d20",
+        "oklch": "oklch(16.67% 0.0414 269.56)",
+        "palette": "shallowblue-60"
+      }
+    },
+    "popover-foreground": {
+      "light": {
+        "hex": "#0d1633",
+        "oklch": "oklch(21.06% 0.0576 267.34)",
+        "palette": "duskblue-60"
+      },
+      "dark": {
+        "hex": "#eff3ff",
+        "oklch": "oklch(96.59% 0.023 274.11)",
+        "palette": "frostblue-10",
+        "gamutMapped": true,
+        "clippedHex": "#eff3ff"
+      }
+    },
+    "surface": {
+      "light": {
+        "hex": "#344570",
+        "oklch": "oklch(39.64% 0.0761 267.28)",
+        "palette": "stormblue-50",
+        "alpha": 0.04,
+        "opaqueHex": "#ebeff9"
+      },
+      "dark": {
+        "hex": "#ffffff",
+        "oklch": "oklch(100% 0 0)",
+        "palette": "white-50",
+        "alpha": 0.04,
+        "opaqueHex": "#0c0b29"
+      }
+    },
+    "surface-strong": {
+      "light": {
+        "hex": "#344570",
+        "oklch": "oklch(39.64% 0.0761 267.28)",
+        "palette": "stormblue-50",
+        "alpha": 0.08,
+        "opaqueHex": "#e3e8f4"
+      },
+      "dark": {
+        "hex": "#ffffff",
+        "oklch": "oklch(100% 0 0)",
+        "palette": "white-50",
+        "alpha": 0.07,
+        "opaqueHex": "#131330"
+      }
+    },
+    "primary": {
+      "light": {
+        "hex": "#175dbe",
+        "oklch": "oklch(49.59% 0.167 258.28)",
+        "palette": "vividblue-95"
+      },
+      "dark": {
+        "hex": "#6ea8ff",
+        "oklch": "oklch(72.92% 0.1411 258.28)",
+        "palette": "vividblue-100"
+      }
+    },
+    "primary-foreground": {
+      "light": {
+        "hex": "#ffffff",
+        "oklch": "oklch(100% 0 0)",
+        "palette": "white-50"
+      },
+      "dark": {
+        "hex": "#010121",
+        "oklch": "oklch(12.06% 0.0707 269.56)",
+        "palette": "shallowblue-95"
+      }
+    },
+    "secondary": {
+      "light": {
+        "hex": "#d3d9f1",
+        "oklch": "oklch(88.82% 0.0336 274.11)",
+        "palette": "frostblue-60"
+      },
+      "dark": {
+        "hex": "#161b2c",
+        "oklch": "oklch(22.67% 0.0327 269.56)",
+        "palette": "shallowblue-50"
+      }
+    },
+    "secondary-foreground": {
+      "light": {
+        "hex": "#0d1633",
+        "oklch": "oklch(21.06% 0.0576 267.34)",
+        "palette": "duskblue-60"
+      },
+      "dark": {
+        "hex": "#eff3ff",
+        "oklch": "oklch(96.59% 0.023 274.11)",
+        "palette": "frostblue-10",
+        "gamutMapped": true,
+        "clippedHex": "#eff3ff"
+      }
+    },
+    "accent": {
+      "light": {
+        "hex": "#d3d9f1",
+        "oklch": "oklch(88.82% 0.0336 274.11)",
+        "palette": "frostblue-60"
+      },
+      "dark": {
+        "hex": "#161b2c",
+        "oklch": "oklch(22.67% 0.0327 269.56)",
+        "palette": "shallowblue-50"
+      }
+    },
+    "accent-foreground": {
+      "light": {
+        "hex": "#0d1633",
+        "oklch": "oklch(21.06% 0.0576 267.34)",
+        "palette": "duskblue-60"
+      },
+      "dark": {
+        "hex": "#eff3ff",
+        "oklch": "oklch(96.59% 0.023 274.11)",
+        "palette": "frostblue-10",
+        "gamutMapped": true,
+        "clippedHex": "#eff3ff"
+      }
+    },
+    "destructive": {
+      "light": {
+        "hex": "#df0000",
+        "oklch": "oklch(55.26% 0.2634 29.23)",
+        "palette": "red-70",
+        "gamutMapped": true,
+        "clippedHex": "#e50000"
+      },
+      "dark": {
+        "hex": "#ff2b1f",
+        "oklch": "oklch(65.03% 0.2474 29.23)",
+        "palette": "red-50",
+        "gamutMapped": true,
+        "clippedHex": "#ff2b1f"
+      }
+    },
+    "destructive-foreground": {
+      "light": {
+        "hex": "#ffffff",
+        "oklch": "oklch(100% 0 0)",
+        "palette": "white-50"
+      },
+      "dark": {
+        "hex": "#ffffff",
+        "oklch": "oklch(100% 0 0)",
+        "palette": "white-50"
+      }
+    },
+    "success": {
+      "light": {
+        "hex": "#007700",
+        "oklch": "oklch(48.86% 0.1813 142.5)",
+        "palette": "green-60",
+        "gamutMapped": true,
+        "clippedHex": "#007700"
+      },
+      "dark": {
+        "hex": "#80d27a",
+        "oklch": "oklch(78.87% 0.145 142.5)",
+        "palette": "green-2"
+      }
+    },
+    "success-foreground": {
+      "light": {
+        "hex": "#ffffff",
+        "oklch": "oklch(100% 0 0)",
+        "palette": "white-50"
+      },
+      "dark": {
+        "hex": "#010121",
+        "oklch": "oklch(12.06% 0.0707 269.56)",
+        "palette": "shallowblue-95"
+      }
+    },
+    "warning": {
+      "light": {
+        "hex": "#9f5d00",
+        "oklch": "oklch(53.9% 0.1939 70.67)",
+        "palette": "orange-95",
+        "gamutMapped": true,
+        "clippedHex": "#b15000"
+      },
+      "dark": {
+        "hex": "#ffaa27",
+        "oklch": "oklch(80.51% 0.1642 70.67)",
+        "palette": "orange-50",
+        "gamutMapped": true,
+        "clippedHex": "#ffaa27"
+      }
+    },
+    "warning-foreground": {
+      "light": {
+        "hex": "#ffffff",
+        "oklch": "oklch(100% 0 0)",
+        "palette": "white-50"
+      },
+      "dark": {
+        "hex": "#010121",
+        "oklch": "oklch(12.06% 0.0707 269.56)",
+        "palette": "shallowblue-95"
+      }
+    },
+    "border": {
+      "light": {
+        "hex": "#acb4d6",
+        "oklch": "oklch(77.49% 0.0486 274.11)",
+        "palette": "frostblue-80"
+      },
+      "dark": {
+        "hex": "#3b4660",
+        "oklch": "oklch(39.47% 0.0465 267.34)",
+        "palette": "duskblue-30"
+      }
+    },
+    "border-strong": {
+      "light": {
+        "hex": "#7b8abe",
+        "oklch": "oklch(64.2% 0.0794 270.89)",
+        "palette": "mistblue-80"
+      },
+      "dark": {
+        "hex": "#50628d",
+        "oklch": "oklch(49.92% 0.0729 267.28)",
+        "palette": "stormblue-30"
+      }
+    },
+    "input": {
+      "light": {
+        "hex": "#acb4d6",
+        "oklch": "oklch(77.49% 0.0486 274.11)",
+        "palette": "frostblue-80"
+      },
+      "dark": {
+        "hex": "#3b4660",
+        "oklch": "oklch(39.47% 0.0465 267.34)",
+        "palette": "duskblue-30"
+      }
+    },
+    "ring": {
+      "light": {
+        "hex": "#175dbe",
+        "oklch": "oklch(49.59% 0.167 258.28)",
+        "palette": "vividblue-95"
+      },
+      "dark": {
+        "hex": "#6ea8ff",
+        "oklch": "oklch(72.92% 0.1411 258.28)",
+        "palette": "vividblue-100"
+      }
+    },
+    "row-alt": {
+      "light": {
+        "hex": "#f2f6ff",
+        "oklch": "oklch(97.58% 0.0215 274.11)",
+        "palette": "frostblue-2",
+        "gamutMapped": true,
+        "clippedHex": "#f2f6ff"
+      },
+      "dark": {
+        "hex": "#0b1020",
+        "oklch": "oklch(17.73% 0.0341 269.56)",
+        "palette": "shallowblue-100"
+      }
+    },
+    "hover": {
+      "light": {
+        "hex": "#e7ecff",
+        "oklch": "oklch(94.49% 0.0262 274.11)",
+        "palette": "frostblue-100"
+      },
+      "dark": {
+        "hex": "#1c253e",
+        "oklch": "oklch(27.06% 0.0486 267.34)",
+        "palette": "duskblue-50"
+      }
+    },
+    "pressed": {
+      "light": {
+        "hex": "#d3d9f1",
+        "oklch": "oklch(88.82% 0.0336 274.11)",
+        "palette": "frostblue-60"
+      },
+      "dark": {
+        "hex": "#2b354f",
+        "oklch": "oklch(33.27% 0.0475 267.34)",
+        "palette": "duskblue-40"
+      }
+    },
+    "selected": {
+      "light": {
+        "hex": "#d3dfff",
+        "oklch": "oklch(90.45% 0.0483 270.89)",
+        "palette": "mistblue-2",
+        "gamutMapped": true,
+        "clippedHex": "#d3dfff"
+      },
+      "dark": {
+        "hex": "#233463",
+        "oklch": "oklch(33.64% 0.0857 267.28)",
+        "palette": "stormblue-60"
+      }
+    },
+    "selected-foreground": {
+      "light": {
+        "hex": "#0d1633",
+        "oklch": "oklch(21.06% 0.0576 267.34)",
+        "palette": "duskblue-60"
+      },
+      "dark": {
+        "hex": "#eff3ff",
+        "oklch": "oklch(96.59% 0.023 274.11)",
+        "palette": "frostblue-10",
+        "gamutMapped": true,
+        "clippedHex": "#eff3ff"
+      }
+    },
+    "disabled-foreground": {
+      "light": {
+        "hex": "#8692ac",
+        "oklch": "oklch(65.86% 0.0415 267.34)",
+        "palette": "duskblue-2"
+      },
+      "dark": {
+        "hex": "#5d6883",
+        "oklch": "oklch(51.89% 0.0445 267.34)",
+        "palette": "duskblue-10"
+      }
+    },
+    "radius": {
+      "rem": 0.5,
+      "px": 8,
+      "pt": 6
+    },
+    "focus-width": {
+      "px": 2,
+      "pt": 1.5
+    },
+    "text-xs": {
+      "px": 12,
+      "pt": 9
+    },
+    "text-sm": {
+      "px": 13,
+      "pt": 9.75
+    },
+    "text-base": {
+      "px": 15,
+      "pt": 11.25
+    },
+    "text-lg": {
+      "px": 18,
+      "pt": 13.5
+    },
+    "text-xl": {
+      "px": 24,
+      "pt": 18
+    },
+    "font-sans": {
+      "windows": "Segoe UI",
+      "macos": ".AppleSystemUIFont",
+      "linux": "Cantarell",
+      "css": "system-ui, -apple-system, \"Segoe UI\", Roboto, Cantarell, \"Helvetica Neue\", sans-serif"
+    },
+    "font-mono": {
+      "windows": "Consolas",
+      "macos": "Menlo",
+      "linux": "DejaVu Sans Mono",
+      "css": "\"Cascadia Code\", \"JetBrains Mono\", Consolas, ui-monospace, monospace"
+    },
+    "transition-fast": {
+      "ms": 150,
+      "easing": "cubic-bezier(0.4, 0, 0.2, 1)"
+    },
+    "transition-normal": {
+      "ms": 200,
+      "easing": "cubic-bezier(0.4, 0, 0.2, 1)"
+    },
+    "shadow-sm": {
+      "x": 0,
+      "y": 1,
+      "blur": 2,
+      "spread": 0,
+      "light": {
+        "hex": "#344570",
+        "alpha": 0.08
+      },
+      "dark": {
+        "hex": "#010101",
+        "alpha": 0.4
+      }
+    },
+    "shadow-md": {
+      "x": 0,
+      "y": 4,
+      "blur": 12,
+      "spread": -2,
+      "light": {
+        "hex": "#344570",
+        "alpha": 0.12
+      },
+      "dark": {
+        "hex": "#010101",
+        "alpha": 0.5
+      }
+    },
+    "shadow-lg": {
+      "x": 0,
+      "y": 12,
+      "blur": 32,
+      "spread": -6,
+      "light": {
+        "hex": "#344570",
+        "alpha": 0.16
+      },
+      "dark": {
+        "hex": "#010101",
+        "alpha": 0.6
+      }
+    },
+    "gradient-brand": {
+      "angle": 100,
+      "light": [
+        {
+          "hex": "#006464",
+          "at": 0
+        },
+        {
+          "hex": "#0949ff",
+          "at": 50
+        },
+        {
+          "hex": "#973096",
+          "at": 100
+        }
+      ],
+      "dark": [
+        {
+          "hex": "#67c3ee",
+          "at": 0
+        },
+        {
+          "hex": "#5089ff",
+          "at": 50
+        },
+        {
+          "hex": "#c261bf",
+          "at": 100
+        }
+      ]
+    }
+  }
+}