@livenetworks/ashlar 2.0.7 → 2.0.9

package/package.json

@@ -1,84 +1,85 @@
-{
-  "name": "@livenetworks/ashlar",
-  "version": "2.0.7",
-  "description": "LiveNetworks unified frontend library - CSS framework and vanilla JS components",
-  "license": "GPL-3.0-or-later",
-  "author": "Live Networks",
-  "type": "module",
-  "publishConfig": {
-    "access": "public"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/livenetworks/ln-ashlar.git"
-  },
-  "homepage": "https://github.com/livenetworks/ln-ashlar#readme",
-  "bugs": "https://github.com/livenetworks/ln-ashlar/issues",
-  "keywords": [
-    "css",
-    "scss",
-    "design-system",
-    "frontend",
-    "components",
-    "vanilla-js"
-  ],
-  "main": "./dist/ln-ashlar.js",
-  "style": "./dist/ln-ashlar.css",
-  "web-types": "./web-types.json",
-  "files": [
-    "dist/",
-    "theme/",
-    "components/",
-    "ln-ashlar.html-data.json",
-    "web-types.json"
-  ],
-  "exports": {
-    ".": {
-      "import": "./dist/ln-ashlar.js",
-      "default": "./dist/ln-ashlar.js"
-    },
-    "./core.css": "./dist/ln-ashlar-core.css",
-    "./theme.css": "./dist/ln-ashlar-theme.css",
-    "./full.css": "./dist/ln-ashlar.css",
-    "./landing.css": "./dist/ln-ashlar-landing.css",
-    "./presentation.css": "./dist/ln-ashlar-landing.css",
-    "./dev.css": "./dist/ln-ashlar-dev.css",
-    "./dev.js": "./dist/ln-ashlar-dev.js",
-    "./theme/*": "./theme/*",
-    "./components/*": "./components/*"
-  },
-  "scripts": {
-    "test": "npm run sync:ln-schemas:check && npm run sync:ln-events:check && npm run sync:css-tokens:check && node --test \"tests/*.test.js\"",
-    "test:p0": "node --test tests/p0-data-integrity.test.js",
-    "dev": "node scripts/build.mjs --watch",
-    "build": "npm run sync:ln-schemas && npm run sync:ln-events && npm run sync:css-tokens && node scripts/build.mjs && npm run build:dev-css && npm run build:demos",
-    "build:demos": "npm run build:demo-index && npm run build:demo-admin && npm run build:demo-docuflow && npm run build:demo-spa && npm run build:demo-landing && npm run build:demo-corporate",
-    "build:dev-css": "sass theme/ln-ashlar-dev.scss demo/dist/ln-ashlar-dev.css --no-source-map --style=compressed",
-    "generate:brand-assets": "powershell -ExecutionPolicy Bypass -File scripts/generate-brand-assets.ps1 && node scripts/generate-svg-favicon.mjs",
-    "build:demo-index": "sass demo/index.scss demo/index.css --no-source-map --style=compressed",
-    "build:demo-admin": "sass demo/admin/src/admin.scss demo/admin/dist/admin.css --no-source-map --style=compressed && node -e \"const fs = require('fs'); fs.copyFileSync('demo/admin/src/demo.js', 'demo/admin/dist/demo.js')\" && node demo/admin/src/build-pages.mjs",
-    "build:demo-docuflow": "sass demo/docuflow/docuflow.scss demo/docuflow/dist/docuflow.css --no-source-map --style=compressed",
-    "build:demo-spa": "node demo/spa/build.mjs",
-    "build:demo-landing": "sass demo/landing/landing.scss demo/landing/landing.css --no-source-map --style=compressed",
-    "build:demo-corporate": "sass demo/corporate/corporate.scss demo/corporate/corporate.css --no-source-map --style=compressed",
-    "sync:ln-schemas": "node scripts/sync-ln-schemas.mjs",
-    "sync:ln-schemas:check": "node scripts/sync-ln-schemas.mjs --check",
-    "sync:ln-events": "node scripts/sync-ln-events.mjs",
-    "sync:ln-events:check": "node scripts/sync-ln-events.mjs --check",
-    "sync:ln-events:strict": "node scripts/sync-ln-events.mjs --strict",
-    "sync:css-tokens": "node scripts/sync-css-tokens.mjs",
-    "sync:css-tokens:check": "node scripts/sync-css-tokens.mjs --check",
-    "manifest": "node scripts/extract-manifest.mjs",
-    "manifest:file": "node scripts/extract-manifest.mjs --output=docs/manifest.txt",
-    "generate:llms": "node scripts/generate-llms.mjs",
-    "generate:llms:check": "node scripts/generate-llms.mjs --check"
-  },
-  "devDependencies": {
-    "@tabler/icons": "^3.41.1",
-    "fake-indexeddb": "^6.2.4",
-    "flag-icons": "^7.5.0",
-    "puppeteer-core": "^25.1.0",
-    "sass-embedded": "^1.83.0",
-    "vite": "^6.0.0"
-  }
-}
+{
+  "name": "@livenetworks/ashlar",
+  "version": "2.0.9",
+  "description": "LiveNetworks unified frontend library - CSS framework and vanilla JS components",
+  "license": "GPL-3.0-or-later",
+  "author": "Live Networks",
+  "type": "module",
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/livenetworks/ln-ashlar.git"
+  },
+  "homepage": "https://github.com/livenetworks/ln-ashlar#readme",
+  "bugs": "https://github.com/livenetworks/ln-ashlar/issues",
+  "keywords": [
+    "css",
+    "scss",
+    "design-system",
+    "frontend",
+    "components",
+    "vanilla-js"
+  ],
+  "main": "./dist/ln-ashlar.js",
+  "style": "./dist/ln-ashlar.css",
+  "web-types": "./web-types.json",
+  "files": [
+    "dist/",
+    "theme/",
+    "components/",
+    "ln-ashlar.html-data.json",
+    "web-types.json"
+  ],
+  "exports": {
+    ".": {
+      "import": "./dist/ln-ashlar.js",
+      "default": "./dist/ln-ashlar.js"
+    },
+    "./core.css": "./dist/ln-ashlar-core.css",
+    "./theme.css": "./dist/ln-ashlar-theme.css",
+    "./full.css": "./dist/ln-ashlar.css",
+    "./landing.css": "./dist/ln-ashlar-landing.css",
+    "./presentation.css": "./dist/ln-ashlar-landing.css",
+    "./dev.css": "./dist/ln-ashlar-dev.css",
+    "./dev.js": "./dist/ln-ashlar-dev.js",
+    "./theme/*": "./theme/*",
+    "./components/*": "./components/*"
+  },
+  "scripts": {
+    "test": "npm run sync:ln-schemas:check && npm run sync:ln-events:check && npm run sync:css-tokens:check && node --test \"tests/*.test.js\"",
+    "test:p0": "node --test tests/p0-data-integrity.test.js",
+    "test:headless": "node tests/headless/run-all.mjs",
+    "dev": "node scripts/build.mjs --watch",
+    "build": "npm run sync:ln-schemas && npm run sync:ln-events && npm run sync:css-tokens && node scripts/build.mjs && npm run build:dev-css && npm run build:demos",
+    "build:demos": "npm run build:demo-index && npm run build:demo-admin && npm run build:demo-docuflow && npm run build:demo-spa && npm run build:demo-landing && npm run build:demo-corporate",
+    "build:dev-css": "sass theme/ln-ashlar-dev.scss demo/dist/ln-ashlar-dev.css --no-source-map --style=compressed",
+    "generate:brand-assets": "powershell -ExecutionPolicy Bypass -File scripts/generate-brand-assets.ps1 && node scripts/generate-svg-favicon.mjs",
+    "build:demo-index": "sass demo/index.scss demo/index.css --no-source-map --style=compressed",
+    "build:demo-admin": "sass demo/admin/src/admin.scss demo/admin/dist/admin.css --no-source-map --style=compressed && node -e \"const fs = require('fs'); fs.copyFileSync('demo/admin/src/demo.js', 'demo/admin/dist/demo.js')\" && node demo/admin/src/build-pages.mjs",
+    "build:demo-docuflow": "sass demo/docuflow/docuflow.scss demo/docuflow/dist/docuflow.css --no-source-map --style=compressed",
+    "build:demo-spa": "node demo/spa/build.mjs",
+    "build:demo-landing": "sass demo/landing/landing.scss demo/landing/landing.css --no-source-map --style=compressed",
+    "build:demo-corporate": "sass demo/corporate/corporate.scss demo/corporate/corporate.css --no-source-map --style=compressed",
+    "sync:ln-schemas": "node scripts/sync-ln-schemas.mjs",
+    "sync:ln-schemas:check": "node scripts/sync-ln-schemas.mjs --check",
+    "sync:ln-events": "node scripts/sync-ln-events.mjs",
+    "sync:ln-events:check": "node scripts/sync-ln-events.mjs --check",
+    "sync:ln-events:strict": "node scripts/sync-ln-events.mjs --strict",
+    "sync:css-tokens": "node scripts/sync-css-tokens.mjs",
+    "sync:css-tokens:check": "node scripts/sync-css-tokens.mjs --check",
+    "manifest": "node scripts/extract-manifest.mjs",
+    "manifest:file": "node scripts/extract-manifest.mjs --output=docs/manifest.txt",
+    "generate:llms": "node scripts/generate-llms.mjs",
+    "generate:llms:check": "node scripts/generate-llms.mjs --check"
+  },
+  "devDependencies": {
+    "@tabler/icons": "^3.41.1",
+    "fake-indexeddb": "^6.2.4",
+    "flag-icons": "^7.5.0",
+    "puppeteer-core": "^25.1.0",
+    "sass-embedded": "^1.83.0",
+    "vite": "^6.0.0"
+  }
+}

package/theme/brand.css

@@ -1,73 +1,73 @@
-/**
- * ============================================================================
- * ln-ashlar — Brand Configuration Template (brand.css)
- * ============================================================================
- *
- * This file allows client applications to override corporate brand colors
- * and typography in a single place, without modifying or recompiling core
- * library files. Brand is polarity-free by default: one :root declaration
- * serves light and dark alike.
- *
- * HOW TO USE:
- * 1. Copy this file into your project (e.g., as `assets/css/brand.css`).
- * 2. Link this file in your HTML. Thanks to zero-specificity `:where()` selectors
- *    in ln-ashlar, your definitions here will ALWAYS win regardless of stylesheet
- *    loading order (even if loaded before `ln-ashlar.css`).
- *
- * IMPORTANT RULES:
- * - Bare HSL Triplets: Values for `--brand-primary` and `--brand-secondary` MUST
- *   be specified as bare HSL triplets (e.g. `221 83% 48%`), NEVER wrapped in `hsl(...)`.
- *   The library internally composes alpha transparency over these values using CSS
- *   color slash syntax: `hsl(var(--color-primary) / 0.2)`. Wrapping them in `hsl()`
- *   would produce invalid syntax like `hsl(hsl(...) / 0.2)` and drop declarations.
- *
- * - Tint Overrides: By default, `--color-accent-tint` and `--color-accent-tint-strong`
- *   are automatically computed via `color-mix()` against local surface backgrounds.
- *   If your brand requires custom hand-tuned tint shades, uncomment and set
- *   `--brand-primary-tint` and `--brand-primary-tint-strong`.
- *
- * - Additional Overrides: You may also customize font families (`--font-sans`, `--font-mono`)
- *   or override any neutral color tokens (`--color-neutral-50` ... `--color-neutral-900`)
- *   within the respective theme blocks below.
- * ============================================================================
- */
-
-/* -------------------------------------------------------------------------- */
-/* Light Mode Brand Values                                                    */
-/* -------------------------------------------------------------------------- */
-:root {
-	/* Primary brand color (bare HSL triplet: hue saturation% lightness%) */
-	--brand-primary:   221 83% 43%;
-
-	/* Secondary brand accent color (bare HSL triplet) */
-	--brand-secondary: 160 84% 36%;
-
-	/* Typography font stacks (optional) */
-	--font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-	--font-mono: 'JetBrains Mono', ui-monospace, 'Cascadia Code', monospace;
-
-	/* Optional manual accent tint overrides (defaults are computed via color-mix) */
-	/* --brand-primary-tint:        hsl(221 83% 97%); */
-	/* --brand-primary-tint-strong: hsl(221 83% 94%); */
-}
-
-/* -------------------------------------------------------------------------- */
-/* Dark Mode Brand Values — OPT-IN, commented out by default                  */
-/* -------------------------------------------------------------------------- */
-/*
- * Uncomment ONLY if your brand genuinely needs a different primary on dark
- * surfaces. Be aware of the cost: a per-polarity brand override re-declares
- * the token on EVERY nested [data-mode="dark"] island, and a declaration beats
- * inheritance at any specificity. So a dark island nested inside a scoped
- * [data-theme] region will clobber that region's brand and snap back to the
- * value below. Declaring brand at :root only — the default above — lets
- * [data-theme] islands rebind it cleanly.
- *
- * [data-mode="dark"] {
- *     --brand-primary:   221 83% 48%;
- *     --brand-secondary: 160 84% 36%;
- *
- *     --brand-primary-tint:        hsl(232 50% 15%);
- *     --brand-primary-tint-strong: hsl(232 60% 22%);
- * }
- */
+/**
+ * ============================================================================
+ * ln-ashlar — Brand Configuration Template (brand.css)
+ * ============================================================================
+ *
+ * This file allows client applications to override corporate brand colors
+ * and typography in a single place, without modifying or recompiling core
+ * library files. Brand is polarity-free by default: one :root declaration
+ * serves light and dark alike.
+ *
+ * HOW TO USE:
+ * 1. Copy this file into your project (e.g., as `assets/css/brand.css`).
+ * 2. Link this file in your HTML. Thanks to zero-specificity `:where()` selectors
+ *    in ln-ashlar, your definitions here will ALWAYS win regardless of stylesheet
+ *    loading order (even if loaded before `ln-ashlar.css`).
+ *
+ * IMPORTANT RULES:
+ * - Bare HSL Triplets: Values for `--brand-primary` and `--brand-secondary` MUST
+ *   be specified as bare HSL triplets (e.g. `221 83% 48%`), NEVER wrapped in `hsl(...)`.
+ *   The library internally composes alpha transparency over these values using CSS
+ *   color slash syntax: `hsl(var(--color-primary) / 0.2)`. Wrapping them in `hsl()`
+ *   would produce invalid syntax like `hsl(hsl(...) / 0.2)` and drop declarations.
+ *
+ * - Tint Overrides: By default, `--color-accent-tint` and `--color-accent-tint-strong`
+ *   are automatically computed via `color-mix()` against local surface backgrounds.
+ *   If your brand requires custom hand-tuned tint shades, uncomment and set
+ *   `--brand-primary-tint` and `--brand-primary-tint-strong`.
+ *
+ * - Additional Overrides: You may also customize font families (`--font-sans`, `--font-mono`)
+ *   or override any neutral color tokens (`--color-neutral-50` ... `--color-neutral-900`)
+ *   within the respective theme blocks below.
+ * ============================================================================
+ */
+
+/* -------------------------------------------------------------------------- */
+/* Light Mode Brand Values                                                    */
+/* -------------------------------------------------------------------------- */
+:root {
+	/* Primary brand color (bare HSL triplet: hue saturation% lightness%) */
+	--brand-primary:   221 83% 43%;
+
+	/* Secondary brand accent color (bare HSL triplet) */
+	--brand-secondary: 160 84% 36%;
+
+	/* Typography font stacks (optional) */
+	--font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+	--font-mono: 'JetBrains Mono', ui-monospace, 'Cascadia Code', monospace;
+
+	/* Optional manual accent tint overrides (defaults are computed via color-mix) */
+	/* --brand-primary-tint:        hsl(221 83% 97%); */
+	/* --brand-primary-tint-strong: hsl(221 83% 94%); */
+}
+
+/* -------------------------------------------------------------------------- */
+/* Dark Mode Brand Values — OPT-IN, commented out by default                  */
+/* -------------------------------------------------------------------------- */
+/*
+ * Uncomment ONLY if your brand genuinely needs a different primary on dark
+ * surfaces. Be aware of the cost: a per-polarity brand override re-declares
+ * the token on EVERY nested [data-mode="dark"] island, and a declaration beats
+ * inheritance at any specificity. So a dark island nested inside a scoped
+ * [data-theme] region will clobber that region's brand and snap back to the
+ * value below. Declaring brand at :root only — the default above — lets
+ * [data-theme] islands rebind it cleanly.
+ *
+ * [data-mode="dark"] {
+ *     --brand-primary:   221 83% 48%;
+ *     --brand-secondary: 160 84% 36%;
+ *
+ *     --brand-primary-tint:        hsl(232 50% 15%);
+ *     --brand-primary-tint-strong: hsl(232 60% 22%);
+ * }
+ */

package/theme/components/_confirm.scss

@@ -1,6 +1,6 @@
-// Armed state — rebind the accent token so a button carrying @mixin btn turns
-// red while confirming and theme overrides keep applying. See
-// theme/base/_global.scss for this being the documented colour-variant hook.
-[data-ln-confirm-state="confirming"] {
-	--color-primary: var(--color-error);
-}
+// Armed state — rebind the accent token so a button carrying @mixin btn turns
+// red while confirming and theme overrides keep applying. See
+// theme/base/_global.scss for this being the documented colour-variant hook.
+[data-ln-confirm-state="confirming"] {
+	--color-primary: var(--color-error);
+}

package/theme/components/_picklist.scss

@@ -1,3 +1,3 @@
-@use '../config/mixins' as *;
-
-[data-ln-picklist] { @include picklist; }
+@use '../config/mixins' as *;
+
+[data-ln-picklist] { @include picklist; }