@birdycom/omniacss 0.12.0 → 0.12.2

package/dist/oc-theme.css

@@ -1,4 +1,4 @@
-/* File: oc-theme.css — generated from tokens/semantic.json by @birdycom/omniacss 0.12.0. Do not edit. */
+/* File: oc-theme.css — generated from tokens/semantic.json by @birdycom/omniacss 0.12.2. Do not edit. */
 /* Semantic theme tokens: every color is light-dark() of an Omnia palette token (oc-colors.css). */
 /* Same source as the desktop export: npx omniacss tokens --format json|dtcg|python */
 :root {

package/dist/tokens/omnia.dtcg.json

@@ -1,8 +1,8 @@
 {
-  "$description": "OmniaCSS 0.12.0 semantic tokens (generated by npx omniacss tokens --format dtcg)",
+  "$description": "OmniaCSS 0.12.2 semantic tokens (generated by npx omniacss tokens --format dtcg)",
   "$extensions": {
     "com.birdycom.omniacss": {
-      "version": "0.12.0",
+      "version": "0.12.2",
       "modes": [
         "light",
         "dark"

package/dist/tokens/omnia.tokens.json

@@ -1,5 +1,5 @@
 {
-  "omniacss": "0.12.0",
+  "omniacss": "0.12.2",
   "generated": "npx omniacss tokens",
   "modes": [
     "light",

package/dist/tokens/omnia_tokens.py

@@ -1,11 +1,11 @@
-# omnia_tokens.py — OmniaCSS 0.12.0 semantic tokens for non-web apps (Tkinter, Qt, ...).
+# omnia_tokens.py — OmniaCSS 0.12.2 semantic tokens for non-web apps (Tkinter, Qt, ...).
 # Generated by: npx omniacss tokens --format python  (do not edit; regenerate after an OmniaCSS update)
 # Map: OMNIACSS_VERSION -> PALETTES (hex per mode) -> ALPHA -> OKLCH -> SIZES/TEXT -> FONTS -> SHADOWS -> font()
 #
 # Colors are resolved from light-dark(var(--color-...)) and gamut mapped to sRGB the CSS Color 4 way.
 # Tokens with transparency (see ALPHA) are pre-blended over "background" in PALETTES.
 
-OMNIACSS_VERSION = "0.12.0"
+OMNIACSS_VERSION = "0.12.2"
 
 PALETTES = {
     "light": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@birdycom/omniacss",
-  "version": "0.12.0",
+  "version": "0.12.2",
   "description": "OmniaCSS utilities: modern CSS (anchor positioning, container queries, view transitions, light-dark()) as utility classes, generated on demand.",
   "type": "module",
   "license": "MIT",

package/src/postcss.mjs

@@ -16,7 +16,8 @@ import postcss from "postcss";
 import { buildCss } from "./engine.mjs";
 
 /**
- * @param {{ content: string[], layer?: string|false, keep?: string[], cwd?: string }} options
+ * @param {{ content: string[], layer?: string|false, keep?: string[], cwd?: string, referencedBy?: string[] }} options
+ *   referencedBy: CSS text of other stylesheets whose var(--…) tokens must stay (this stylesheet always counts).
  */
 export default function omniacss(options = {}) {
   return {
@@ -27,8 +28,12 @@ export default function omniacss(options = {}) {
       if (!directives.length) return;
 
       const cwd = options.cwd || process.cwd();
-      const { css, files } = await buildCss({ content: options.content, cwd, layer: options.layer ?? "omnia", keep: options.keep });
-      const generated = postcss.parse(css, { from: undefined });
+      // The stylesheet itself uses tokens too (`color: var(--color-teal-60)` next to `@omnia;`): keep those, without
+      // having to list this file under content. Other CSS files: put them in content (or in referencedBy).
+      const own = root.toString();
+      const { css, files } = await buildCss({ content: options.content, cwd, layer: options.layer ?? "omnia", keep: options.keep, referencedBy: [own, ...(options.referencedBy || [])] });
+      // `from`: the stylesheet being built, so Vite resolves url() in the generated CSS against it.
+      const generated = postcss.parse(css, { from: result.opts.from });
 
       directives[0].replaceWith(generated.nodes);
       directives.slice(1).forEach((at) => at.remove());