comark-table 0.8.0 → 0.8.2

package/dist/{client-C87nMaxf.mjs → client-CDdgxJF0.mjs}

@@ -1,4 +1,4 @@
-import { n as theme } from "./theme-CoRWlEh3.mjs";
+import { n as theme } from "./theme-WGjRIAmX.mjs";
 //#region src/styles.ts
 /**
 * A table that scrolls sideways in place, with a Copy button and a menu of formats above it and headers that sort, on the shared

package/dist/client.mjs

@@ -1 +1 @@
-export { t as bar, r as css, n as start } from "./client-C87nMaxf.mjs";
+export { t as bar, r as css, n as start } from "./client-CDdgxJF0.mjs";

package/dist/html.mjs

@@ -1,5 +1,5 @@
-import { n as src_default, t as TABLE_TAG } from "./src-CoijxMxA.mjs";
-import { n as start, r as css, t as bar } from "./client-C87nMaxf.mjs";
+import { n as src_default, t as TABLE_TAG } from "./src-BV7IF9ld.mjs";
+import { n as start, r as css, t as bar } from "./client-CDdgxJF0.mjs";
 //#region src/html.ts
 const started = /* @__PURE__ */ new WeakSet();
 /** The table script as one inline `<script>`, once per render. */

package/dist/index.mjs

@@ -1 +1 @@
-export { t as TABLE_TAG, n as default } from "./src-CoijxMxA.mjs";
+export { t as TABLE_TAG, n as default } from "./src-BV7IF9ld.mjs";

package/dist/react.mjs

@@ -1,5 +1,5 @@
-import { n as src_default, t as TABLE_TAG } from "./src-CoijxMxA.mjs";
-import { n as start, r as css, t as bar } from "./client-C87nMaxf.mjs";
+import { n as src_default, t as TABLE_TAG } from "./src-BV7IF9ld.mjs";
+import { n as start, r as css, t as bar } from "./client-CDdgxJF0.mjs";
 import { createElement, useEffect } from "react";
 //#region src/react.ts
 /** Tables for `@comark/react`. */

package/dist/{src-CoijxMxA.mjs → src-BV7IF9ld.mjs}

@@ -1,4 +1,4 @@
-import { t as statusColor } from "./theme-CoRWlEh3.mjs";
+import { t as statusColor } from "./theme-WGjRIAmX.mjs";
 import { defineComarkPlugin } from "comark";
 import { resolveAttributes } from "comark/render";
 //#region ../../shared/text.ts

package/dist/{theme-CoRWlEh3.mjs → theme-WGjRIAmX.mjs}

@@ -75,6 +75,29 @@ const colors = {
 };
 const groups = {
 	status: Object.values(colors),
+	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",
 		"",
@@ -102,14 +125,16 @@ function statusColor(name) {
 * 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.d.mts

@@ -10,8 +10,8 @@ export declare const DataTable: import("vue").DefineComponent<import("vue").Extr
   sort: BooleanConstructor;
   copy: BooleanConstructor;
 }>> & Readonly<{}>, {
-  sort: boolean;
   copy: boolean;
+  sort: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 /** Pass these as `components` to `@comark/vue`. */
 export declare const components: {
@@ -24,8 +24,8 @@ export declare const components: {
     sort: BooleanConstructor;
     copy: BooleanConstructor;
   }>> & Readonly<{}>, {
-    sort: boolean;
     copy: boolean;
+    sort: boolean;
   }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 };
 //#endregion

package/dist/vue.mjs

@@ -1,5 +1,5 @@
-import { n as src_default, t as TABLE_TAG } from "./src-CoijxMxA.mjs";
-import { n as start, r as css, t as bar } from "./client-C87nMaxf.mjs";
+import { n as src_default, t as TABLE_TAG } from "./src-BV7IF9ld.mjs";
+import { n as start, r as css, t as bar } from "./client-CDdgxJF0.mjs";
 import { defineComponent, h, onBeforeUnmount, onMounted } from "vue";
 //#region src/vue.ts
 /** Tables for `@comark/vue`. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "comark-table",
-  "version": "0.8.0",
+  "version": "0.8.2",
   "description": "Tables from CSV, TSV, and JSON files or fences, read while parsing, with copy buttons and sortable headers. A Comark plugin.",
   "keywords": [
     "comark",
@@ -57,7 +57,7 @@
     "react-dom": "^19.3.1",
     "svelte": "^5.57.2",
     "vue": "^3.5.44",
-    "comark-zoom": "0.8.0"
+    "comark-zoom": "0.8.2"
   },
   "peerDependencies": {
     "@comark/html": "^0.8.0",