domma-js 0.19.4 → 0.19.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "domma-js",
-  "version": "0.19.4",
+  "version": "0.19.5",
   "description": "Dynamic Object Manipulation & Modeling API - A complete front-end toolkit.",
   "main": "public/dist/domma.min.js",
   "module": "public/dist/domma.esm.js",

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

@@ -1,8 +1,8 @@
 /*!
- * Domma Complete CSS Bundle v0.19.4
+ * Domma Complete CSS Bundle v0.19.5
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-03-12T11:03:54.434Z
+ * Built: 2026-03-16T09:22:12.756Z
  */
 
 /* ============================================
@@ -11,11 +11,11 @@
    ============================================ */
 
 /*!
- * Domma Core CSS v0.19.4
+ * Domma Core CSS v0.19.5
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-03-12T11:03:54.108Z
- * Commit: eaeb1c5
+ * Built: 2026-03-16T09:22:12.509Z
+ * Commit: 2ca0626
  */
 
 /**
@@ -4772,11 +4772,11 @@ body.dm-cloaked.dm-ready {
    ============================================ */
 
 /*!
- * Domma Grid CSS v0.19.4
+ * Domma Grid CSS v0.19.5
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-03-12T11:03:54.116Z
- * Commit: eaeb1c5
+ * Built: 2026-03-16T09:22:12.514Z
+ * Commit: 2ca0626
  */
 
 /**
@@ -5397,11 +5397,11 @@ body.dm-cloaked.dm-ready {
    ============================================ */
 
 /*!
- * Domma Elements CSS v0.19.4
+ * Domma Elements CSS v0.19.5
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-03-12T11:03:54.123Z
- * Commit: eaeb1c5
+ * Built: 2026-03-16T09:22:12.519Z
+ * Commit: 2ca0626
  */
 
 /**
@@ -12100,11 +12100,11 @@ code {
    ============================================ */
 
 /*!
- * Domma Themes v0.19.4
+ * Domma Themes v0.19.5
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-03-12T11:03:54.081Z
- * Commit: eaeb1c5
+ * Built: 2026-03-16T09:22:12.489Z
+ * Commit: 2ca0626
  */
 
 /**
@@ -17320,5 +17320,436 @@ code {
     --dm-elevation-4: 0 20px 25px rgba(0, 0, 0, 0.15), 0 10px 10px rgba(0, 0, 0, 0.04);
 }
 
+/**
+ * Domma Wedding Light Theme
+ * Classic antique gold palette — warm, muted, timeless
+ * Day variant - cream/ivory backgrounds with antique gold highlights
+ */
+
+.dm-theme-wedding-light {
+    color-scheme: light;
+
+    /* ================================================
+       FOUNDATIONAL COLORS - Day Mode Base
+       ================================================ */
+
+    /* Backgrounds - Warm cream/ivory */
+    --dm-background: #FFFDF7;
+    --dm-background-alt: #FFF8E7;
+    --dm-surface: #FFFFFF;
+    --dm-surface-raised: #FFFCF2;
+    --dm-surface-overlay: #FFF8E7;
+
+    /* Text - Dark warm tones for readability on cream */
+    --dm-text: #2C2416;
+    --dm-text-secondary: #5C4E3C;
+    --dm-text-muted: #8B7355;
+    --dm-text-disabled: #C4B49A;
+    --dm-text-inverse: #FFFFFF;
+
+    /* Borders - Warm tan */
+    --dm-border: #E8DCC8;
+    --dm-border-light: #F0E8D8;
+    --dm-border-dark: #D4C4A0;
+
+    /* ================================================
+       GOLD ACCENT COLORS - Antique gold for day mode
+       ================================================ */
+
+    /* PRIMARY COLOURS - Antique Gold */
+    --dm-primary: #C5A55A;
+    --dm-primary-hover: #B8964D;
+    --dm-primary-active: #A8823F;
+    --dm-primary-light: #FDF5E0;
+    --dm-primary-dark: #8B7335;
+
+    /* Focus ring with warm gold colour */
+    --dm-focus-ring: 0 0 0 3px rgba(197, 165, 90, 0.3);
+    --dm-border-focus: #C5A55A;
+
+    /* ================================================
+       SECONDARY COLOURS - Antique Silver
+       ================================================ */
+    --dm-secondary: #A8A9AD;
+    --dm-secondary-hover: #97989C;
+    --dm-secondary-active: #87888C;
+    --dm-secondary-light: #F0F0F1;
+    --dm-secondary-dark: #6B6C6F;
+
+    /* ================================================
+       STATUS COLOURS - Harmonised with warm palette
+       ================================================ */
+    --dm-success: #4A8C5C;
+    --dm-success-hover: #56A06A;
+    --dm-success-active: #62B478;
+    --dm-success-light: #E8F5EC;
+    --dm-success-dark: #3A6E48;
+
+    --dm-info: #4A7FA8;
+    --dm-info-hover: #5490BC;
+    --dm-info-active: #6AA1CC;
+    --dm-info-light: #E6F0F8;
+    --dm-info-dark: #3A6484;
+
+    --dm-warning: #C8882A;
+    --dm-warning-hover: #DC9A36;
+    --dm-warning-active: #EAA842;
+    --dm-warning-light: #FEF3E0;
+    --dm-warning-dark: #A06C20;
+    --dm-warning-text: #A06C20;
+
+    --dm-danger: #C0392B;
+    --dm-danger-hover: #D44333;
+    --dm-danger-active: #E05040;
+    --dm-danger-light: #FDECEA;
+    --dm-danger-dark: #992D22;
+
+    /* ================================================
+       ACCENT COLOURS - Wedding palette
+       ================================================ */
+    --dm-accent-1: #E8DCC8; /* Champagne */
+    --dm-accent-2: #C5A55A; /* Gold */
+    --dm-accent-3: #A8A9AD; /* Silver */
+    --dm-accent-4: #8B7335; /* Bronze */
+
+    /* ================================================
+       INTERACTIVE STATES
+       ================================================ */
+    --dm-hover-bg: rgba(0, 0, 0, 0.04);
+    --dm-active-bg: rgba(0, 0, 0, 0.08);
+    --dm-selected-bg: rgba(197, 165, 90, 0.15);
+    --dm-disabled-opacity: 0.65;
+
+    /* ================================================
+       COMPONENT-SPECIFIC COLORS
+       ================================================ */
+
+    /* Cards */
+    --dm-card-bg: var(--dm-surface);
+    --dm-card-border: var(--dm-border);
+    --dm-card-shadow: var(--dm-shadow-md);
+
+    /* Inputs */
+    --dm-input-bg: var(--dm-surface);
+    --dm-input-border: var(--dm-border-dark);
+    --dm-input-text: var(--dm-text);
+    --dm-input-placeholder: var(--dm-text-muted);
+    --dm-input-focus-border: var(--dm-primary);
+    --dm-input-focus-shadow: var(--dm-focus-ring);
+    --dm-input-disabled-bg: #FFF8E7;
+
+    /* Buttons */
+    --dm-btn-text: var(--dm-text);
+    --dm-btn-bg: var(--dm-surface);
+    --dm-btn-border: var(--dm-border-dark);
+
+    /* Tables */
+    --dm-table-bg: transparent;
+    --dm-table-border: var(--dm-border);
+    --dm-table-header-bg: var(--dm-background-alt);
+    --dm-table-header-text: var(--dm-text);
+    --dm-table-stripe-bg: rgba(0, 0, 0, 0.02);
+    --dm-table-hover-bg: rgba(0, 0, 0, 0.04);
+    --dm-table-selected-bg: var(--dm-selected-bg);
+
+    /* Modals */
+    --dm-modal-bg: var(--dm-surface);
+    --dm-modal-border: var(--dm-border);
+    --dm-modal-backdrop: rgba(44, 36, 22, 0.5);
+    --dm-modal-shadow: var(--dm-shadow-xl);
+
+    /* Dropdowns */
+    --dm-dropdown-bg: var(--dm-surface);
+    --dm-dropdown-border: var(--dm-border);
+    --dm-dropdown-shadow: var(--dm-shadow-lg);
+    --dm-dropdown-item-hover: var(--dm-hover-bg);
+    --dm-dropdown-item-active: var(--dm-selected-bg);
+
+    /* Tooltips */
+    --dm-tooltip-bg: #2C2416;
+    --dm-tooltip-text: #FFFDF7;
+
+    /* Toasts */
+    --dm-toast-bg: var(--dm-surface);
+    --dm-toast-border: var(--dm-border);
+    --dm-toast-shadow: var(--dm-shadow-lg);
+
+    /* Navbar */
+    --dm-navbar-bg: var(--dm-surface);
+    --dm-navbar-text: var(--dm-text);
+    --dm-navbar-border: var(--dm-border);
+
+    /* Sidebar */
+    --dm-sidebar-bg: var(--dm-surface);
+    --dm-sidebar-text: var(--dm-text);
+    --dm-sidebar-border: var(--dm-border);
+    --dm-sidebar-item-hover: var(--dm-hover-bg);
+    --dm-sidebar-item-active: var(--dm-selected-bg);
+
+    /* Tabs */
+    --dm-tab-border: var(--dm-border);
+    --dm-tab-hover-bg: var(--dm-hover-bg);
+    --dm-tab-active-border: #C5A55A;
+    --dm-tab-active-text: #C5A55A;
+
+    /* Accordion */
+    --dm-accordion-bg: var(--dm-surface);
+    --dm-accordion-border: var(--dm-border);
+    --dm-accordion-header-bg: var(--dm-background-alt);
+    --dm-accordion-header-hover: var(--dm-hover-bg);
+
+    /* Badges */
+    --dm-badge-bg: var(--dm-secondary);
+    --dm-badge-text: #FFFFFF;
+
+    /* Progress */
+    --dm-progress-bg: #E8DCC8;
+    --dm-progress-bar: #C5A55A;
+
+    /* Scrollbar */
+    --dm-scrollbar-track: #FFF8E7;
+    --dm-scrollbar-thumb: #D4C4A0;
+    --dm-scrollbar-thumb-hover: #C5A55A;
+
+    /* Code */
+    --dm-code-bg: #FFF8E7;
+    --dm-code-text: #A8823F;
+    --dm-code-border: var(--dm-border);
+
+    /* ================================================
+       SHADOWS - Warm gold-tinted for day mode
+       ================================================ */
+    --dm-shadow-sm: 0 1px 2px 0 rgb(139 115 53 / 0.06);
+    --dm-shadow: 0 1px 3px 0 rgb(139 115 53 / 0.1), 0 1px 2px -1px rgb(139 115 53 / 0.08);
+    --dm-shadow-md: 0 4px 6px -1px rgb(139 115 53 / 0.1), 0 2px 4px -2px rgb(139 115 53 / 0.08);
+    --dm-shadow-lg: 0 10px 15px -3px rgb(139 115 53 / 0.1), 0 4px 6px -4px rgb(139 115 53 / 0.07);
+    --dm-shadow-xl: 0 20px 25px -5px rgb(139 115 53 / 0.1), 0 8px 10px -6px rgb(139 115 53 / 0.07);
+    --dm-shadow-2xl: 0 25px 50px -12px rgb(139 115 53 / 0.2);
+    --dm-shadow-inner: inset 0 2px 4px 0 rgb(139 115 53 / 0.06);
+
+    /* ================================================
+       ELEVATION / DEPTH - Warm undertone
+       ================================================ */
+    --dm-elevation-1: 0 1px 3px rgba(139, 115, 53, 0.1), 0 1px 2px rgba(139, 115, 53, 0.07);
+    --dm-elevation-2: 0 4px 6px rgba(139, 115, 53, 0.09), 0 2px 4px rgba(139, 115, 53, 0.06);
+    --dm-elevation-3: 0 10px 15px rgba(139, 115, 53, 0.09), 0 4px 6px rgba(139, 115, 53, 0.05);
+    --dm-elevation-4: 0 20px 25px rgba(139, 115, 53, 0.12), 0 10px 10px rgba(139, 115, 53, 0.04);
+}
+
+/**
+ * Domma Wedding Dark Theme
+ * Classic antique gold palette — warm, muted, timeless
+ * Evening variant - deep midnight navy with antique gold highlights
+ */
+
+.dm-theme-wedding-dark {
+    color-scheme: dark;
+
+    /* ================================================
+       FOUNDATIONAL COLORS - Evening Mode Base
+       ================================================ */
+
+    /* Backgrounds - Deep midnight navy */
+    --dm-background: #12121F;
+    --dm-background-alt: #1A1A2E;
+    --dm-surface: #22223A;
+    --dm-surface-raised: #2A2A45;
+    --dm-surface-overlay: #2E2E4A;
+
+    /* Text - Warm cream for readability on dark */
+    --dm-text: #F0E8D8;
+    --dm-text-secondary: #D4C4A8;
+    --dm-text-muted: #8B7355;
+    --dm-text-disabled: #4A4060;
+    --dm-text-inverse: #12121F;
+
+    /* Borders - Indigo/midnight */
+    --dm-border: #2A2A40;
+    --dm-border-light: #22223A;
+    --dm-border-dark: #3A3A55;
+
+    /* ================================================
+       GOLD ACCENT COLORS - Antique gold for evening mode
+       ================================================ */
+
+    /* PRIMARY COLOURS - Antique Gold (lighter hover for dark mode) */
+    --dm-primary: #C5A55A;
+    --dm-primary-hover: #D4B66A;
+    --dm-primary-active: #B8964D;
+    --dm-primary-light: #2A2520;
+    --dm-primary-dark: #8B7335;
+
+    /* Focus ring with warm gold colour */
+    --dm-focus-ring: 0 0 0 3px rgba(197, 165, 90, 0.35);
+    --dm-border-focus: #C5A55A;
+
+    /* ================================================
+       SECONDARY COLOURS - Brighter silver for evening
+       ================================================ */
+    --dm-secondary: #C0C0C0;
+    --dm-secondary-hover: #D0D0D0;
+    --dm-secondary-active: #E0E0E0;
+    --dm-secondary-light: rgba(192, 192, 192, 0.15);
+    --dm-secondary-dark: #909090;
+
+    /* ================================================
+       STATUS COLOURS - Harmonised with warm dark palette
+       ================================================ */
+    --dm-success: #5DB875;
+    --dm-success-hover: #70C487;
+    --dm-success-active: #85CF9A;
+    --dm-success-light: rgba(93, 184, 117, 0.15);
+    --dm-success-dark: #4A9460;
+
+    --dm-info: #5A9BC4;
+    --dm-info-hover: #6CACD4;
+    --dm-info-active: #82BCE0;
+    --dm-info-light: rgba(90, 155, 196, 0.15);
+    --dm-info-dark: #447AA0;
+
+    --dm-warning: #E0A040;
+    --dm-warning-hover: #ECAF52;
+    --dm-warning-active: #F5C060;
+    --dm-warning-light: rgba(224, 160, 64, 0.15);
+    --dm-warning-text: #E0A040;
+
+    --dm-danger: #E05555;
+    --dm-danger-hover: #ED6B6B;
+    --dm-danger-active: #F58080;
+    --dm-danger-light: rgba(224, 85, 85, 0.15);
+    --dm-danger-dark: #C03030;
+
+    /* ================================================
+       ACCENT COLOURS - Evening wedding palette
+       ================================================ */
+    --dm-accent-1: #D4C4A8; /* Muted champagne */
+    --dm-accent-2: #C5A55A; /* Gold */
+    --dm-accent-3: #C0C0C0; /* Bright silver */
+    --dm-accent-4: #5C4E3C; /* Dark bronze */
+
+    /* ================================================
+       INTERACTIVE STATES
+       ================================================ */
+    --dm-hover-bg: rgba(255, 255, 255, 0.07);
+    --dm-active-bg: rgba(255, 255, 255, 0.1);
+    --dm-selected-bg: rgba(197, 165, 90, 0.2);
+    --dm-disabled-opacity: 0.4;
+
+    /* ================================================
+       COMPONENT-SPECIFIC COLORS
+       ================================================ */
+
+    /* Cards */
+    --dm-card-bg: var(--dm-surface);
+    --dm-card-border: var(--dm-border);
+    --dm-card-shadow: var(--dm-shadow-sm);
+
+    /* Inputs */
+    --dm-input-bg: var(--dm-surface);
+    --dm-input-border: var(--dm-border-dark);
+    --dm-input-text: var(--dm-text);
+    --dm-input-placeholder: var(--dm-text-muted);
+    --dm-input-focus-border: var(--dm-primary);
+    --dm-input-focus-shadow: var(--dm-focus-ring);
+    --dm-input-disabled-bg: #1A1A2E;
+
+    /* Buttons */
+    --dm-btn-text: var(--dm-text);
+    --dm-btn-bg: var(--dm-surface);
+    --dm-btn-border: var(--dm-border-dark);
+
+    /* Tables */
+    --dm-table-bg: transparent;
+    --dm-table-border: var(--dm-border);
+    --dm-table-header-bg: var(--dm-background-alt);
+    --dm-table-header-text: var(--dm-text);
+    --dm-table-stripe-bg: rgba(255, 255, 255, 0.03);
+    --dm-table-hover-bg: var(--dm-hover-bg);
+    --dm-table-selected-bg: var(--dm-selected-bg);
+
+    /* Modals */
+    --dm-modal-bg: var(--dm-surface);
+    --dm-modal-border: var(--dm-border);
+    --dm-modal-backdrop: rgba(0, 0, 0, 0.75);
+    --dm-modal-shadow: var(--dm-shadow-xl);
+
+    /* Dropdowns */
+    --dm-dropdown-bg: var(--dm-surface-raised);
+    --dm-dropdown-border: var(--dm-border);
+    --dm-dropdown-shadow: var(--dm-shadow-lg);
+    --dm-dropdown-item-hover: var(--dm-hover-bg);
+    --dm-dropdown-item-active: var(--dm-selected-bg);
+
+    /* Tooltips */
+    --dm-tooltip-bg: #12121F;
+    --dm-tooltip-text: #F0E8D8;
+
+    /* Toasts */
+    --dm-toast-bg: var(--dm-surface);
+    --dm-toast-border: var(--dm-border);
+    --dm-toast-shadow: var(--dm-shadow-lg);
+
+    /* Navbar */
+    --dm-navbar-bg: var(--dm-surface);
+    --dm-navbar-text: var(--dm-text);
+    --dm-navbar-border: var(--dm-border);
+
+    /* Sidebar */
+    --dm-sidebar-bg: var(--dm-surface);
+    --dm-sidebar-text: var(--dm-text);
+    --dm-sidebar-border: var(--dm-border);
+    --dm-sidebar-item-hover: var(--dm-hover-bg);
+    --dm-sidebar-item-active: var(--dm-selected-bg);
+
+    /* Tabs */
+    --dm-tab-border: var(--dm-border);
+    --dm-tab-hover-bg: var(--dm-hover-bg);
+    --dm-tab-active-border: #C5A55A;
+    --dm-tab-active-text: #C5A55A;
+
+    /* Accordion */
+    --dm-accordion-bg: var(--dm-surface);
+    --dm-accordion-border: var(--dm-border);
+    --dm-accordion-header-bg: var(--dm-background-alt);
+    --dm-accordion-header-hover: var(--dm-hover-bg);
+
+    /* Badges */
+    --dm-badge-bg: var(--dm-secondary);
+    --dm-badge-text: #12121F;
+
+    /* Progress */
+    --dm-progress-bg: #2A2A40;
+    --dm-progress-bar: #C5A55A;
+
+    /* Scrollbar */
+    --dm-scrollbar-track: #1A1A2E;
+    --dm-scrollbar-thumb: #2A2A40;
+    --dm-scrollbar-thumb-hover: #C5A55A;
+
+    /* Code */
+    --dm-code-bg: #12121F;
+    --dm-code-text: #D4B66A;
+    --dm-code-border: var(--dm-border);
+
+    /* ================================================
+       SHADOWS - Subtle gold glow for evening mode
+       ================================================ */
+    --dm-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.3);
+    --dm-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.4), 0 1px 2px -1px rgb(197 165 90 / 0.05);
+    --dm-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.4), 0 2px 4px -2px rgb(197 165 90 / 0.05);
+    --dm-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.4), 0 4px 6px -4px rgb(197 165 90 / 0.05);
+    --dm-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.45), 0 8px 10px -6px rgb(197 165 90 / 0.05);
+    --dm-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.6);
+    --dm-shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.2);
+
+    /* ================================================
+       ELEVATION / DEPTH
+       ================================================ */
+    --dm-elevation-1: 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2);
+    --dm-elevation-2: 0 4px 6px rgba(0, 0, 0, 0.35), 0 2px 4px rgba(0, 0, 0, 0.2);
+    --dm-elevation-3: 0 10px 15px rgba(0, 0, 0, 0.35), 0 4px 6px rgba(0, 0, 0, 0.2);
+    --dm-elevation-4: 0 20px 25px rgba(0, 0, 0, 0.4), 0 10px 10px rgba(0, 0, 0, 0.2);
+}
+