boss-css 0.0.12 → 0.0.13

package/dist/strategy/runtime-only/css.cjs

@@ -137,7 +137,14 @@ var RuntimeCSS = class {
 		return "";
 	}
 	addImport(_url) {}
-	addRoot(_value, _source) {}
+	addRoot(value, _source) {
+		if (!value) return;
+		if (this.root.has(value)) return;
+		this.root.add(value);
+		if (!canUseDom()) return;
+		const selector = typeof this.api.selectorScope === "string" && this.api.selectorScope.length > 0 ? this.api.selectorScope : ":root";
+		insertRule(`${selector} { ${value} }`, `root|${selector}|${value}`);
+	}
 	removeSource(_source) {}
 	reset() {}
 	selector({ className, selector = null, pseudos = [], query = null }) {

package/dist/strategy/runtime-only/css.mjs

@@ -136,7 +136,14 @@ var RuntimeCSS = class {
 		return "";
 	}
 	addImport(_url) {}
-	addRoot(_value, _source) {}
+	addRoot(value, _source) {
+		if (!value) return;
+		if (this.root.has(value)) return;
+		this.root.add(value);
+		if (!canUseDom()) return;
+		const selector = typeof this.api.selectorScope === "string" && this.api.selectorScope.length > 0 ? this.api.selectorScope : ":root";
+		insertRule(`${selector} { ${value} }`, `root|${selector}|${value}`);
+	}
 	removeSource(_source) {}
 	reset() {}
 	selector({ className, selector = null, pseudos = [], query = null }) {

package/dist/use/token/runtime-only.cjs

@@ -143,6 +143,11 @@ const getTokenPath = (api, prop, value) => {
 				selectorValue: value
 			};
 		}
+		if (resolveTokenParts(values, value.split(".")) !== void 0) return {
+			path: `${groupName}.${value}`,
+			source: "prop",
+			values
+		};
 	}
 	if (value in values) return {
 		path: `${groupName}.${value}`,
@@ -166,9 +171,22 @@ const resolveRuntimeToken = (api, prop, value) => {
 	const runtimeOnly = api.runtime?.only === true;
 	const hasServerToken = tokenPaths.has(tokenData.path);
 	const tokenKey = tokenData.selectorValue ?? tokenData.path.split(".").slice(1).join(".");
-	const varValue = `var(${`--${api.selectorPrefix ?? ""}${tokenData.path.replace(/\./g, "-")}`})`;
-	const mixValue = tokenData.alpha === void 0 ? null : `color-mix(in oklab, ${hasServerToken && !runtimeOnly ? varValue : tokenValue} ${tokenData.alpha}%, transparent)`;
-	if (runtimeOnly || !hasServerToken) return {
+	const varName = `--${api.selectorPrefix ?? ""}${tokenData.path.replace(/\./g, "-")}`;
+	const varValue = `var(${varName})`;
+	const mixValue = tokenData.alpha === void 0 ? null : `color-mix(in oklab, ${runtimeOnly || hasServerToken ? varValue : tokenValue} ${tokenData.alpha}%, transparent)`;
+	if (runtimeOnly) {
+		if (api.css && typeof api.css.addRoot === "function") {
+			const resolvedValue = api.dictionary.toValue(tokenValue);
+			if (resolvedValue !== void 0 && resolvedValue !== null) api.css.addRoot(`${varName}: ${resolvedValue};`);
+		}
+		return {
+			value: mixValue ?? varValue,
+			selectorValue: tokenKey,
+			tokenKey,
+			tokenPath: tokenData.path
+		};
+	}
+	if (!hasServerToken) return {
 		value: mixValue ?? tokenValue,
 		selectorValue: tokenData.alpha === void 0 ? tokenValue : tokenKey,
 		tokenKey,

package/dist/use/token/runtime-only.mjs

@@ -143,6 +143,11 @@ const getTokenPath = (api, prop, value) => {
 				selectorValue: value
 			};
 		}
+		if (resolveTokenParts(values, value.split(".")) !== void 0) return {
+			path: `${groupName}.${value}`,
+			source: "prop",
+			values
+		};
 	}
 	if (value in values) return {
 		path: `${groupName}.${value}`,
@@ -166,9 +171,22 @@ const resolveRuntimeToken = (api, prop, value) => {
 	const runtimeOnly = api.runtime?.only === true;
 	const hasServerToken = tokenPaths.has(tokenData.path);
 	const tokenKey = tokenData.selectorValue ?? tokenData.path.split(".").slice(1).join(".");
-	const varValue = `var(${`--${api.selectorPrefix ?? ""}${tokenData.path.replace(/\./g, "-")}`})`;
-	const mixValue = tokenData.alpha === void 0 ? null : `color-mix(in oklab, ${hasServerToken && !runtimeOnly ? varValue : tokenValue} ${tokenData.alpha}%, transparent)`;
-	if (runtimeOnly || !hasServerToken) return {
+	const varName = `--${api.selectorPrefix ?? ""}${tokenData.path.replace(/\./g, "-")}`;
+	const varValue = `var(${varName})`;
+	const mixValue = tokenData.alpha === void 0 ? null : `color-mix(in oklab, ${runtimeOnly || hasServerToken ? varValue : tokenValue} ${tokenData.alpha}%, transparent)`;
+	if (runtimeOnly) {
+		if (api.css && typeof api.css.addRoot === "function") {
+			const resolvedValue = api.dictionary.toValue(tokenValue);
+			if (resolvedValue !== void 0 && resolvedValue !== null) api.css.addRoot(`${varName}: ${resolvedValue};`);
+		}
+		return {
+			value: mixValue ?? varValue,
+			selectorValue: tokenKey,
+			tokenKey,
+			tokenPath: tokenData.path
+		};
+	}
+	if (!hasServerToken) return {
 		value: mixValue ?? tokenValue,
 		selectorValue: tokenData.alpha === void 0 ? tokenValue : tokenKey,
 		tokenKey,

package/dist/use/token/server.cjs

@@ -79,6 +79,22 @@ const warnAlpha = (message) => {
 	alphaWarnings.add(message);
 	console.warn(`[boss-css] ${message}`);
 };
+const emitAllTokenVars = (api) => {
+	if (emittedAllTokens) return;
+	emittedAllTokens = true;
+	hasTokens = true;
+	const addTokenVars = (prefix, value) => {
+		if (value && typeof value === "object" && !Array.isArray(value)) {
+			for (const [key, next] of Object.entries(value)) addTokenVars(prefix ? `${prefix}.${key}` : key, next);
+			return;
+		}
+		if (!prefix) return;
+		const varName = `--${api.selectorPrefix ?? ""}${prefix.replace(/\./g, "-")}`;
+		api.css.addRoot(`${varName}: ${api.dictionary.toValue(value)};`);
+		browserResolvedPaths.add(prefix);
+	};
+	for (const [group, value] of Object.entries(originals)) addTokenVars(group, value);
+};
 const onBoot = async (api) => {
 	hasTokens = false;
 	hasProxyTokens = false;
@@ -230,21 +246,7 @@ const onPropTree = async (api, { tree, parser }) => {
 		hasTokenOverrides = true;
 		hasTokens = true;
 	}
-	if (api.emitAllTokens && !emittedAllTokens) {
-		emittedAllTokens = true;
-		hasTokens = true;
-		const addTokenVars = (prefix, value) => {
-			if (value && typeof value === "object" && !Array.isArray(value)) {
-				for (const [key, next] of Object.entries(value)) addTokenVars(prefix ? `${prefix}.${key}` : key, next);
-				return;
-			}
-			if (!prefix) return;
-			const varName = `--${api.selectorPrefix ?? ""}${prefix.replace(/\./g, "-")}`;
-			api.css.addRoot(`${varName}: ${api.dictionary.toValue(value)};`);
-			browserResolvedPaths.add(prefix);
-		};
-		for (const [group, value] of Object.entries(originals)) addTokenVars(group, value);
-	}
+	if (api.emitAllTokens) emitAllTokenVars(api);
 	const groupsSizeBefore = usedTokenGroups.size;
 	api.walkPropTree(tree, (name, prop) => {
 		const descriptor = api.dictionary.get(name);

package/dist/use/token/server.mjs

@@ -79,6 +79,22 @@ const warnAlpha = (message) => {
 	alphaWarnings.add(message);
 	console.warn(`[boss-css] ${message}`);
 };
+const emitAllTokenVars = (api) => {
+	if (emittedAllTokens) return;
+	emittedAllTokens = true;
+	hasTokens = true;
+	const addTokenVars = (prefix, value) => {
+		if (value && typeof value === "object" && !Array.isArray(value)) {
+			for (const [key, next] of Object.entries(value)) addTokenVars(prefix ? `${prefix}.${key}` : key, next);
+			return;
+		}
+		if (!prefix) return;
+		const varName = `--${api.selectorPrefix ?? ""}${prefix.replace(/\./g, "-")}`;
+		api.css.addRoot(`${varName}: ${api.dictionary.toValue(value)};`);
+		browserResolvedPaths.add(prefix);
+	};
+	for (const [group, value] of Object.entries(originals)) addTokenVars(group, value);
+};
 const onBoot = async (api) => {
 	hasTokens = false;
 	hasProxyTokens = false;
@@ -230,21 +246,7 @@ const onPropTree = async (api, { tree, parser }) => {
 		hasTokenOverrides = true;
 		hasTokens = true;
 	}
-	if (api.emitAllTokens && !emittedAllTokens) {
-		emittedAllTokens = true;
-		hasTokens = true;
-		const addTokenVars = (prefix, value) => {
-			if (value && typeof value === "object" && !Array.isArray(value)) {
-				for (const [key, next] of Object.entries(value)) addTokenVars(prefix ? `${prefix}.${key}` : key, next);
-				return;
-			}
-			if (!prefix) return;
-			const varName = `--${api.selectorPrefix ?? ""}${prefix.replace(/\./g, "-")}`;
-			api.css.addRoot(`${varName}: ${api.dictionary.toValue(value)};`);
-			browserResolvedPaths.add(prefix);
-		};
-		for (const [group, value] of Object.entries(originals)) addTokenVars(group, value);
-	}
+	if (api.emitAllTokens) emitAllTokenVars(api);
 	const groupsSizeBefore = usedTokenGroups.size;
 	api.walkPropTree(tree, (name, prop) => {
 		const descriptor = api.dictionary.get(name);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "boss-css",
-    "version": "0.0.12",
+    "version": "0.0.13",
     "description": "",
     "bin": {
         "boss": "./dist/cli/index.cjs",