comark-colors 0.8.0 → 0.8.1

package/dist/{client-B1HZxnNI.mjs → client-BoNiDu4Z.mjs}

@@ -1,4 +1,4 @@
-import { t as css } from "./styles-CZQmWAzs.mjs";
+import { t as css } from "./styles-B1MZYd1F.mjs";
 //#region ../../shared/styles.ts
 /**
 * Adds a package's styles to the page once, unless the page already carries them as a `style` or a `link` with

package/dist/client.mjs

@@ -1,3 +1,3 @@
-import { t as css } from "./styles-CZQmWAzs.mjs";
-import { t as addStyles } from "./client-B1HZxnNI.mjs";
+import { t as css } from "./styles-B1MZYd1F.mjs";
+import { t as addStyles } from "./client-BoNiDu4Z.mjs";
 export { addStyles, css };

package/dist/html.mjs

@@ -1,5 +1,5 @@
 import { n as src_default, t as isColor } from "./src-CGLpBNQy.mjs";
-import { t as css } from "./styles-CZQmWAzs.mjs";
+import { t as css } from "./styles-B1MZYd1F.mjs";
 import { escapeHtml } from "comark/utils";
 //#region ../../shared/text.ts
 /**

package/dist/react.mjs

@@ -1,5 +1,5 @@
 import { n as src_default, t as isColor } from "./src-CGLpBNQy.mjs";
-import { t as addStyles } from "./client-B1HZxnNI.mjs";
+import { t as addStyles } from "./client-BoNiDu4Z.mjs";
 import { createElement, useEffect } from "react";
 //#region src/react.ts
 /** A color in inline code, or a line of a `::palette`, for `@comark/react`. */

package/dist/{styles-CZQmWAzs.mjs → styles-B1MZYd1F.mjs}

@@ -74,6 +74,29 @@ const groups = {
 			"#60a5fa"
 		]
 	}),
+	primary: [
+		[
+			"primary",
+			"ui-primary",
+			"primary",
+			"var(--_comark-foreground)",
+			"var(--_comark-foreground)"
+		],
+		[
+			"primary-foreground",
+			"ui-text-inverted",
+			"primary-foreground",
+			"var(--_comark-background)",
+			"var(--_comark-background)"
+		],
+		[
+			"secondary",
+			"ui-secondary",
+			"",
+			"var(--_comark-muted)",
+			"var(--_comark-muted)"
+		]
+	],
 	shadow: [[
 		"shadow",
 		"",
@@ -94,14 +117,16 @@ const resolve = (list, scheme) => list.map((token) => `--_comark-${token[0]}:${c
 * They resolve on the component rather than `:root`, so a `.dark` class anywhere above it switches the theme, and a
 * `--comark-*` set on any ancestor still inherits down. `:where()` keeps them at zero specificity.
 *
-* Every block gets the core tokens. Name `"status"` for `--comark-success`, `-danger`, `-warning`, and `-info`, and
-* `"shadow"` for `--comark-shadow`, so a block that never draws them doesn't carry them.
+* Every block gets the core tokens. Name `"status"` for `--comark-success`, `-danger`, `-warning`, and `-info`,
+* `"primary"` for `--comark-primary`, `-primary-foreground`, and `-secondary`, and `"shadow"` for `--comark-shadow`, so
+* a block that never draws them doesn't carry them.
 */
 function theme(selector, ...extras) {
 	const where = `:where(${selector})`;
 	const added = extras.flatMap((name) => groups[name]);
 	const list = [...tokens, ...added];
-	const classes = added.length ? `:where(.light,.light *)${where}{${resolve(added, 3)}}:where(.dark,.dark *)${where}{${resolve(added, 4)}}` : "";
+	const schemed = added.filter((token) => token[3] !== token[4]);
+	const classes = schemed.length ? `:where(.light,.light *)${where}{${resolve(schemed, 3)}}:where(.dark,.dark *)${where}{${resolve(schemed, 4)}}` : "";
 	return `${where}{${resolve(list, 3)};--_comark-radius:var(--comark-radius,calc(var(--ui-radius,calc(var(--radius,.625rem)/2))*2));--_comark-font:var(--comark-font,var(--font-sans,ui-sans-serif,system-ui,sans-serif))}@media (prefers-color-scheme:dark){${where}{${resolve(list, 4)}}}` + classes;
 }
 //#endregion

package/dist/vue.mjs

@@ -1,5 +1,5 @@
 import { n as src_default, t as isColor } from "./src-CGLpBNQy.mjs";
-import { t as addStyles } from "./client-B1HZxnNI.mjs";
+import { t as addStyles } from "./client-BoNiDu4Z.mjs";
 import { defineComponent, h, onMounted } from "vue";
 //#region src/vue.ts
 /** A color in inline code, or a line of a `::palette`, for `@comark/vue`. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "comark-colors",
-  "version": "0.8.0",
+  "version": "0.8.1",
   "description": "Color swatches next to inline code that holds a color, like GitLab, and ::palette grids of named colors. A Comark plugin.",
   "keywords": [
     "color",
@@ -56,7 +56,7 @@
     "react-dom": "^19.3.1",
     "svelte": "^5.57.2",
     "vue": "^3.5.44",
-    "comark-zoom": "0.8.0"
+    "comark-zoom": "0.8.1"
   },
   "peerDependencies": {
     "@comark/html": "^0.8.0",