domma-js 0.50.2 → 0.51.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "domma-js",
-    "version": "0.50.2",
+    "version": "0.51.0",
     "description": "Dynamic Object Manipulation & Modeling API - A complete front-end toolkit.",
     "main": "public/dist/domma.min.js",
     "module": "public/dist/domma.esm.js",
@@ -49,10 +49,11 @@
         "validate:contrast": "node scripts/validate-contrast-pairs.js",
         "validate:conventions": "node scripts/validate-conventions.js",
         "sweep:themes": "node scripts/sweep-themes.js",
+        "sweep:site": "node scripts/sweep-site-contrast.js",
         "validate:showcase": "vitest run src/showcase-pages.test.js",
         "validate:showcase:strict": "SHOWCASE_STRICT=1 vitest run src/showcase-pages.test.js",
         "validate:showcase:baseline": "SHOWCASE_BASELINE=1 vitest run src/showcase-pages.test.js",
-        "validate": "npm run validate:classes && npm run validate:theme && npm run validate:contrast && npm run validate:conventions",
+        "validate": "npm run validate:classes && npm run validate:theme && npm run validate:contrast && npm run validate:conventions && npm run sweep:site",
         "build:css-bundles": "node scripts/build-css-bundles.js",
         "build:archives": "node scripts/build-archives.js",
         "build:kickstart-files": "node scripts/build-kickstart-files.js",
@@ -89,7 +90,7 @@
         "@vitest/coverage-v8": "^4.0.16",
         "cypress": "^15.8.1",
         "domma-celebrate": "^1.0.0",
-        "domma-reactive": "1.2.1",
+        "domma-reactive": "1.3.0",
         "dompurify": "^3.4.13",
         "dotenv": "^17.2.3",
         "jsdom": "^24.1.0",

package/public/dist/bundles/domma-complete.css

@@ -1,8 +1,8 @@
 /*!
- * Domma Complete CSS Bundle v0.50.2
+ * Domma Complete CSS Bundle v0.51.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-09-28T15:52:45.783Z
+ * Built: 2026-09-29T07:37:40.371Z
  */
 
 /* ============================================
@@ -11,11 +11,11 @@
    ============================================ */
 
 /*!
- * Domma Core CSS v0.50.2
+ * Domma Core CSS v0.51.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-09-28T15:52:45.601Z
- * Commit: 898a769
+ * Built: 2026-09-29T07:37:40.256Z
+ * Commit: f264aeb
  */
 
 /**
@@ -174,6 +174,7 @@
     --dm-secondary: var(--dm-slate-600);
     --dm-secondary-hover: var(--dm-slate-700);
     --dm-secondary-active: var(--dm-slate-800);
+    --dm-secondary-dark: var(--dm-slate-800);
 
     /* ================================================
        STATUS COLORS
@@ -2475,7 +2476,7 @@ code, pre {
     -webkit-appearance: none;
     width: 2.5rem;
     height: 1.375rem;
-    background-color: var(--dm-gray-300);
+    background-color: var(--dm-border);
     border-radius: var(--dm-radius-full);
     position: relative;
     cursor: pointer;
@@ -2490,7 +2491,7 @@ code, pre {
     top: 2px;
     width: 1.125rem;
     height: 1.125rem;
-    background-color: var(--dm-white);
+    background-color: var(--dm-surface-raised, #ffffff);
     border-radius: 50%;
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
     transition: transform 0.2s ease;
@@ -2726,8 +2727,9 @@ code, pre {
 }
 
 .btn-group > .btn-secondary.active {
-    background-color: var(--dm-gray-700);
-    border-color: var(--dm-gray-700);
+    background-color: var(--dm-secondary);
+    border-color: var(--dm-secondary);
+    color: var(--dm-secondary-text, var(--dm-white));
 }
 
 /* Vertical Button Group */
@@ -2810,7 +2812,7 @@ code, pre {
     -webkit-appearance: none;
     width: 100%;
     height: 0.5rem;
-    background: var(--dm-gray-200);
+    background: var(--dm-border);
     border-radius: var(--dm-radius-full);
     cursor: pointer;
 }
@@ -2847,17 +2849,17 @@ code, pre {
 }
 
 .form-range::-moz-range-track {
-    background: var(--dm-gray-200);
+    background: var(--dm-border);
     border-radius: var(--dm-radius-full);
     height: 0.5rem;
 }
 
 .dm-theme-dark .form-range {
-    background: var(--dm-gray-600);
+    background: var(--dm-border);
 }
 
 .dm-theme-dark .form-range::-moz-range-track {
-    background: var(--dm-gray-600);
+    background: var(--dm-border);
 }
 
 /* File Input */
@@ -2889,7 +2891,7 @@ code, pre {
 }
 
 .form-file-label:hover {
-    background-color: var(--dm-gray-50);
+    background-color: var(--dm-hover-bg, var(--dm-gray-50));
     border-color: var(--dm-primary);
 }
 
@@ -3151,6 +3153,7 @@ code, pre {
     --dm-secondary: var(--dm-slate-400);
     --dm-secondary-hover: var(--dm-slate-300);
     --dm-secondary-active: var(--dm-slate-200);
+    --dm-secondary-dark: var(--dm-slate-400);
 
     /* ================================================
        STATUS COLORS (Adjusted for dark mode)
@@ -4973,11 +4976,11 @@ body.dm-cloaked.dm-ready {
    ============================================ */
 
 /*!
- * Domma Grid CSS v0.50.2
+ * Domma Grid CSS v0.51.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-09-28T15:52:45.605Z
- * Commit: 898a769
+ * Built: 2026-09-29T07:37:40.259Z
+ * Commit: f264aeb
  */
 
 /**
@@ -5598,11 +5601,11 @@ body.dm-cloaked.dm-ready {
    ============================================ */
 
 /*!
- * Domma Elements CSS v0.50.2
+ * Domma Elements CSS v0.51.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-09-28T15:52:45.610Z
- * Commit: 898a769
+ * Built: 2026-09-29T07:37:40.262Z
+ * Commit: f264aeb
  */
 
 /**
@@ -8751,9 +8754,9 @@ code {
 }
 
 .footer-dark {
-    background-color: var(--dm-background);
+    background-color: var(--dm-dark, #1e293b);
     border-top-color: var(--dm-border-dark);
-    color: var(--dm-text-disabled);
+    color: var(--dm-white, #ffffff);
 }
 
 
@@ -8780,13 +8783,14 @@ code {
 }
 
 .hero-dark {
-    background-color: var(--dm-surface-overlay, var(--dm-text));
-    color: var(--dm-text-inverse);
+    background-color: var(--dm-dark, #1e293b);
+    color: var(--dm-white, #ffffff);
 }
 
 .hero-primary {
-    background: linear-gradient(135deg, var(--dm-primary) 0%, var(--dm-primary-dark, #4a7fd4) 100%);
-    color: var(--dm-text-inverse);
+    background-color: var(--dm-primary);
+    background-image: linear-gradient(135deg, var(--dm-primary) 0%, var(--dm-primary-dark, #4a7fd4) 100%);
+    color: var(--dm-primary-text, var(--dm-white));
 }
 
 .hero-cover {
@@ -9892,13 +9896,15 @@ code {
 
 /* Dark variant */
 .sidebar-dark {
-    background: var(--dm-gray-900, #212529);
+    background: var(--dm-dark, var(--dm-gray-900, #212529));
     border-color: var(--dm-gray-700, #495057);
+    color: var(--dm-white, #ffffff);
 }
 
 .sidebar-dark .sidebar-header {
     background: var(--dm-gray-800, #343a40);
     border-color: var(--dm-gray-700, #495057);
+    color: var(--dm-white, #ffffff);
 }
 
 .sidebar-dark .sidebar-header-title {
@@ -9916,26 +9922,27 @@ code {
 }
 
 .sidebar-dark .sidebar-link.active {
-    color: var(--dm-text-light, #eaeaea);
-    background: var(--dm-primary-light, rgba(102, 178, 255, 0.15));
-    border-left-color: var(--dm-text);
+    color: var(--dm-white, #ffffff);
+    background: rgba(255, 255, 255, 0.12);
+    border-left-color: var(--dm-primary, #3b82f6);
 }
 
 .sidebar-dark .sidebar-heading {
-    color: var(--dm-gray-500, #6c757d);
+    color: var(--dm-gray-400, #94a3b8);
 }
 
 .sidebar-dark .sidebar-divider {
-    background: var(--dm-gray-700, #495057);
+    background: var(--dm-border-dark, var(--dm-gray-700, #495057));
 }
 
 .sidebar-dark .sidebar-footer {
     background: var(--dm-gray-800, #343a40);
     border-color: var(--dm-gray-700, #495057);
+    color: var(--dm-white, #ffffff);
 }
 
 .sidebar-dark .sidebar-footer-text {
-    color: var(--dm-gray-500, #6c757d);
+    color: var(--dm-gray-400, #94a3b8);
 }
 
 /* Theme variant: no rules of its own, so the base rules above follow the
@@ -9943,8 +9950,9 @@ code {
 
 /* Light variant (explicit) */
 .sidebar-light {
-    background: var(--dm-white, #fff);
+    background: var(--dm-surface, var(--dm-white, #fff));
     border-color: var(--dm-border, #dee2e6);
+    color: var(--dm-text);
 }
 
 /* ============================================
@@ -10552,50 +10560,51 @@ code {
 
 /* Dark variant */
 .footer-dark {
-    background: var(--dm-background, var(--dm-gray-900));
+    background: var(--dm-dark, var(--dm-gray-900));
     border-color: var(--dm-border-dark, var(--dm-gray-700));
+    color: var(--dm-white, #ffffff);
 }
 
 .footer-dark .footer-brand-text {
-    color: var(--dm-text-inverse, var(--dm-white));
+    color: var(--dm-white, #ffffff);
 }
 
 .footer-dark .footer-brand-description {
-    color: var(--dm-text-secondary, var(--dm-gray-300));
+    color: var(--dm-gray-300, #cbd5e1);
 }
 
 .footer-dark .footer-link {
-    color: var(--dm-text-muted, var(--dm-gray-400));
+    color: var(--dm-gray-300, #cbd5e1);
 }
 
 .footer-dark .footer-link:hover {
-    color: var(--dm-primary-light, #66b2ff);
+    color: var(--dm-blue-300, #93c5fd);
 }
 
 .footer-dark .footer-column-title {
-    color: var(--dm-text-inverse, var(--dm-white));
+    color: var(--dm-white, #ffffff);
 }
 
 .footer-dark .footer-column-link {
-    color: var(--dm-text-muted, var(--dm-gray-400));
+    color: var(--dm-gray-300, #cbd5e1);
 }
 
 .footer-dark .footer-column-link:hover {
-    color: var(--dm-primary-light, #66b2ff);
+    color: var(--dm-blue-300, #93c5fd);
 }
 
 .footer-dark .footer-copyright {
-    color: var(--dm-text-muted, var(--dm-gray-500));
+    color: var(--dm-gray-400, #94a3b8);
     border-color: var(--dm-border-dark, var(--dm-gray-700));
 }
 
 .footer-dark .footer-social-link {
-    color: var(--dm-text-muted, var(--dm-gray-400));
+    color: var(--dm-gray-300, #cbd5e1);
 }
 
 .footer-dark .footer-social-link:hover {
-    color: var(--dm-text);
-    background: var(--dm-background-alt, var(--dm-gray-800));
+    color: var(--dm-white, #ffffff);
+    background: var(--dm-gray-800, #334155);
 }
 
 .footer-dark .footer-columns-content {
@@ -10606,6 +10615,7 @@ code {
 .footer-light {
     background: var(--dm-surface, var(--dm-white));
     border-color: var(--dm-border, #dee2e6);
+    color: var(--dm-text);
 }
 
 /* Transparent variant */
@@ -10700,39 +10710,39 @@ code {
 }
 
 .bg-dark {
-    background-color: var(--dm-background) !important;
-    color: var(--dm-text-inverse, var(--dm-white)) !important;
+    background-color: var(--dm-dark, #1e293b) !important;
+    color: var(--dm-white, #ffffff) !important;
 }
 
 /* Background Tints (Lighter) */
 .bg-primary-light {
     background-color: var(--dm-primary-bg) !important;
-    color: var(--dm-primary) !important;
+    color: var(--dm-text) !important;
 }
 
 .bg-secondary-light {
     background-color: var(--dm-secondary-bg) !important;
-    color: var(--dm-secondary) !important;
+    color: var(--dm-text) !important;
 }
 
 .bg-success-light {
     background-color: var(--dm-success-bg) !important;
-    color: var(--dm-success) !important;
+    color: var(--dm-text) !important;
 }
 
 .bg-danger-light {
     background-color: var(--dm-danger-bg) !important;
-    color: var(--dm-danger) !important;
+    color: var(--dm-text) !important;
 }
 
 .bg-warning-light {
     background-color: var(--dm-warning-bg) !important;
-    color: var(--dm-warning) !important;
+    color: var(--dm-text) !important;
 }
 
 .bg-info-light {
     background-color: var(--dm-info-bg) !important;
-    color: var(--dm-info) !important;
+    color: var(--dm-text) !important;
 }
 
 
@@ -10813,8 +10823,8 @@ code {
 }
 
 .dm-treeview-node-selected {
-    background-color: var(--dm-blue-50);
-    color: var(--dm-primary);
+    background-color: var(--dm-hover-bg);
+    color: var(--dm-text);
     font-weight: 500;
 }
 
@@ -11865,24 +11875,24 @@ code {
 
 [data-mode="dark"] .domma-table-regex-button {
     background: var(--dm-surface);
-    border-color: var(--dm-text);
-    color: var(--dm-text-disabled);
+    border-color: var(--dm-border);
+    color: var(--dm-text);
 }
 
 [data-mode="dark"] .domma-table-regex-button:hover:not(.active) {
-    background: var(--dm-surface);
+    background: var(--dm-hover-bg);
     border-color: var(--dm-text-secondary);
 }
 
 [data-mode="dark"] .domma-table-column-button,
 [data-mode="dark"] .domma-table-export-button {
     background: var(--dm-surface);
-    border-color: var(--dm-text);
-    color: var(--dm-text-disabled);
+    border-color: var(--dm-border);
+    color: var(--dm-text);
 }
 
 [data-mode="dark"] .domma-table-column-button:hover {
-    background: var(--dm-surface);
+    background: var(--dm-hover-bg);
     border-color: var(--dm-text-secondary);
 }
 
@@ -12645,22 +12655,22 @@ code {
 }
 
 .dm-progression-priority-low {
-    background: var(--dm-background-alt);
+    background: var(--dm-hover-bg, rgba(0, 0, 0, 0.05));
     color: var(--dm-text);
 }
 
 .dm-progression-priority-medium {
-    background: var(--dm-info-light, rgba(59, 130, 246, 0.1));
+    background: var(--dm-info-bg);
     color: var(--dm-text);
 }
 
 .dm-progression-priority-high {
-    background: var(--dm-warning-light, rgba(245, 158, 11, 0.1));
+    background: var(--dm-warning-bg);
     color: var(--dm-text);
 }
 
 .dm-progression-priority-critical {
-    background: var(--dm-danger-light, rgba(239, 68, 68, 0.1));
+    background: var(--dm-danger-bg);
     color: var(--dm-text);
 }
 
@@ -12708,7 +12718,7 @@ code {
 }
 
 .dm-progression-modern .dm-progression-content {
-    background: linear-gradient(135deg, var(--dm-surface, #fff) 0%, var(--dm-gray-50) 100%);
+    background: linear-gradient(135deg, var(--dm-surface, #fff) 0%, var(--dm-background-alt, var(--dm-surface)) 100%);
     border-color: var(--dm-border-color, #e0e0e0);
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
 }
@@ -12760,8 +12770,8 @@ code {
 }
 
 [data-mode="dark"] .dm-progression-priority-low {
-    background: var(--dm-surface);
-    color: var(--dm-text-inverse);
+    background: var(--dm-hover-bg);
+    color: var(--dm-text);
 }
 
 /* Desktop (≥769px) - Progression enhancements */
@@ -13468,7 +13478,7 @@ code {
     height: 18px;
     border-radius: 50%;
     background: var(--picker-accent, var(--dm-primary));
-    color: #fff;
+    color: var(--dm-primary-text, #ffffff);
     display: none;
     align-items: center;
     justify-content: center;
@@ -13534,7 +13544,7 @@ code {
 .domma-chooser[data-variant="chip"] .picker-option.is-selected {
     border-color: var(--picker-accent, var(--dm-primary));
     background: var(--picker-accent, var(--dm-primary));
-    color: #fff;
+    color: var(--dm-primary-text, #ffffff);
 }
 
 .domma-chooser[data-variant="chip"] .picker-option:focus-visible {
@@ -13641,17 +13651,17 @@ code {
 
 /* === Accent styles (default 'border' is the existing behaviour) === */
 
-/* Solid: filled tile in the accent colour, white text */
+/* Solid: filled tile in the accent colour, accessible text */
 .domma-chooser[data-accent-style="solid"][data-variant="card"] .picker-option.is-selected {
     background: var(--picker-accent);
     border-color: var(--picker-accent);
-    color: #fff;
+    color: var(--dm-primary-text, #ffffff);
     box-shadow: 0 0 0 3px color-mix(in srgb, var(--picker-accent) 22%, transparent);
 }
 .domma-chooser[data-accent-style="solid"][data-variant="card"] .picker-option.is-selected .picker-option-label,
 .domma-chooser[data-accent-style="solid"][data-variant="card"] .picker-option.is-selected .picker-option-desc,
 .domma-chooser[data-accent-style="solid"][data-variant="card"] .picker-option.is-selected .picker-option-icon {
-    color: #fff;
+    color: var(--dm-primary-text, #ffffff);
 }
 .domma-chooser[data-accent-style="solid"][data-variant="card"] .picker-option.is-selected .picker-option-icon {
     background: rgba(255, 255, 255, 0.2);
@@ -13688,7 +13698,7 @@ code {
 .domma-chooser[data-accent-style="solid"][data-variant="chip"] .picker-option.is-selected {
     background: var(--picker-accent);
     border-color: var(--picker-accent);
-    color: #fff;
+    color: var(--dm-primary-text, #ffffff);
 }
 .domma-chooser[data-accent-style="glow"][data-variant="chip"] .picker-option.is-selected {
     background: var(--dm-card-bg);
@@ -15112,11 +15122,11 @@ a.avatar-more-person:hover .avatar-more-name {
    ============================================ */
 
 /*!
- * Domma Themes v0.50.2
+ * Domma Themes v0.51.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-09-28T15:52:45.587Z
- * Commit: 898a769
+ * Built: 2026-09-29T07:37:40.246Z
+ * Commit: f264aeb
  */
 
 /**