domma-js 0.3.0-a → 0.3.1-alpha

package/public/dist/bundles/domma-data-focused.css

@@ -1,8 +1,8 @@
 /*!
- * Domma Data-Focused CSS Bundle v0.3.0a
+ * Domma Data-Focused CSS Bundle v0.3.0-alpha.0
  * Dynamic Object Manipulation & Modeling API
- * (c) 2025 Darryl Waterhouse & DCBW-IT
- * Built: 2025-12-28T23:38:36.426Z
+ * (c) 2026 Darryl Waterhouse & DCBW-IT
+ * Built: 2026-01-02T14:32:25.774Z
  */
 
 /* ============================================
@@ -11,11 +11,11 @@
    ============================================ */
 
 /*!
- * Domma Core CSS v0.3.0a
+ * Domma Core CSS v0.3.0-alpha.0
  * Dynamic Object Manipulation & Modeling API
- * (c) 2025 Darryl Waterhouse & DCBW-IT
- * Built: 2025-12-28T23:38:36.947Z
- * Commit: 7d9e9e8
+ * (c) 2026 Darryl Waterhouse & DCBW-IT
+ * Built: 2026-01-02T14:32:25.385Z
+ * Commit: bc8e519
  */
 
 /**
@@ -389,11 +389,12 @@ body {
 a {
     color: var(--dm-primary);
     text-decoration: none;
+    transition: color 0.2s ease;
 }
 
 a:hover {
     color: var(--dm-primary-hover);
-    text-decoration: underline;
+    text-decoration: none;
 }
 
 code, pre {
@@ -430,6 +431,12 @@ code, pre {
     max-width: 1280px;
 }
 
+.container-fluid {
+    width: 100%;
+    padding-left: var(--dm-space-4);
+    padding-right: var(--dm-space-4);
+}
+
 /* Display */
 .block {
     display: block;
@@ -1396,6 +1403,91 @@ code, pre {
     box-shadow: var(--dm-shadow-xl);
 }
 
+/* ============================================
+   GLOW UTILITIES
+   ============================================ */
+
+.glow-sm {
+    text-shadow: var(--dm-glow-sm);
+    transition: text-shadow 0.3s ease;
+}
+
+.glow {
+    text-shadow: var(--dm-glow);
+    transition: text-shadow 0.3s ease;
+}
+
+.glow-md {
+    text-shadow: var(--dm-glow-md);
+    transition: text-shadow 0.3s ease;
+}
+
+.glow-lg {
+    text-shadow: var(--dm-glow-lg);
+    transition: text-shadow 0.3s ease;
+}
+
+.glow-xl {
+    text-shadow: var(--dm-glow-xl);
+    transition: text-shadow 0.3s ease;
+}
+
+.glow-primary {
+    text-shadow: var(--dm-glow-primary);
+    transition: text-shadow 0.3s ease;
+}
+
+.glow-secondary {
+    text-shadow: var(--dm-glow-secondary);
+    transition: text-shadow 0.3s ease;
+}
+
+.glow-success {
+    text-shadow: var(--dm-glow-success);
+    transition: text-shadow 0.3s ease;
+}
+
+.glow-warning {
+    text-shadow: var(--dm-glow-warning);
+    transition: text-shadow 0.3s ease;
+}
+
+.glow-danger {
+    text-shadow: var(--dm-glow-danger);
+    transition: text-shadow 0.3s ease;
+}
+
+.glow-info {
+    text-shadow: var(--dm-glow-info);
+    transition: text-shadow 0.3s ease;
+}
+
+/* Hover variants */
+.glow-hover:hover {
+    text-shadow: var(--dm-glow);
+    transition: text-shadow 0.3s ease;
+}
+
+.glow-primary-hover:hover {
+    text-shadow: var(--dm-glow-primary);
+    transition: text-shadow 0.3s ease;
+}
+
+.glow-success-hover:hover {
+    text-shadow: var(--dm-glow-success);
+    transition: text-shadow 0.3s ease;
+}
+
+.glow-warning-hover:hover {
+    text-shadow: var(--dm-glow-warning);
+    transition: text-shadow 0.3s ease;
+}
+
+.glow-danger-hover:hover {
+    text-shadow: var(--dm-glow-danger);
+    transition: text-shadow 0.3s ease;
+}
+
 /* ============================================
    SIZE UTILITIES
    ============================================ */
@@ -2317,6 +2409,22 @@ code, pre {
     --dm-black-t30: rgba(0, 0, 0, 0.3);
     --dm-black-t50: rgba(0, 0, 0, 0.5);
     --dm-black-t70: rgba(0, 0, 0, 0.7);
+
+    /* ================================================
+       GLOW EFFECTS
+       ================================================ */
+    --dm-glow-sm: 0 0 8px rgba(255, 255, 255, 0.3);
+    --dm-glow: 0 0 15px rgba(255, 255, 255, 0.5);
+    --dm-glow-md: 0 0 20px rgba(255, 255, 255, 0.6);
+    --dm-glow-lg: 0 0 30px rgba(255, 255, 255, 0.7);
+    --dm-glow-xl: 0 0 40px rgba(255, 255, 255, 0.8);
+    
+    --dm-glow-primary: 0 0 20px rgba(59, 130, 246, 0.6);
+    --dm-glow-secondary: 0 0 20px rgba(139, 92, 246, 0.6);
+    --dm-glow-success: 0 0 20px rgba(34, 197, 94, 0.6);
+    --dm-glow-warning: 0 0 20px rgba(245, 158, 11, 0.6);
+    --dm-glow-danger: 0 0 20px rgba(239, 68, 68, 0.6);
+    --dm-glow-info: 0 0 20px rgba(14, 165, 233, 0.6);
 }
 
 
@@ -2326,11 +2434,11 @@ code, pre {
    ============================================ */
 
 /*!
- * Domma Grid CSS v0.3.0a
+ * Domma Grid CSS v0.3.0-alpha.0
  * Dynamic Object Manipulation & Modeling API
- * (c) 2025 Darryl Waterhouse & DCBW-IT
- * Built: 2025-12-28T23:38:36.954Z
- * Commit: 7d9e9e8
+ * (c) 2026 Darryl Waterhouse & DCBW-IT
+ * Built: 2026-01-02T14:32:25.394Z
+ * Commit: bc8e519
  */
 
 /**
@@ -2871,11 +2979,11 @@ code, pre {
    ============================================ */
 
 /*!
- * Domma Elements CSS v0.3.0a
+ * Domma Elements CSS v0.3.0-alpha.0
  * Dynamic Object Manipulation & Modeling API
- * (c) 2025 Darryl Waterhouse & DCBW-IT
- * Built: 2025-12-28T23:38:36.097Z
- * Commit: 7d9e9e8
+ * (c) 2026 Darryl Waterhouse & DCBW-IT
+ * Built: 2026-01-02T14:32:25.401Z
+ * Commit: bc8e519
  */
 
 /**
@@ -7669,6 +7777,225 @@ code {
     background: var(--dm-slate-700);
 }
 
+/* ============================================
+   TIMELINE
+   ============================================ */
+
+/* Base Timeline Styles */
+.dm-timeline {
+    position: relative;
+    max-width: 800px;
+    margin: 0 auto;
+    padding: var(--dm-space-8) 0;
+}
+
+.dm-timeline-item {
+    position: relative;
+    display: flex;
+    margin-bottom: var(--dm-space-8);
+    align-items: flex-start;
+}
+
+.dm-timeline-year {
+    flex-shrink: 0;
+    width: 120px;
+    padding: var(--dm-space-2) var(--dm-space-3);
+    background: var(--dm-primary);
+    color: var(--dm-white);
+    border-radius: var(--dm-radius-md);
+    text-align: center;
+    font-weight: 600;
+    font-size: var(--dm-font-size-sm);
+    margin-right: var(--dm-space-6);
+}
+
+.dm-timeline-content {
+    flex: 1;
+    background: var(--dm-white);
+    padding: var(--dm-space-6);
+    border-radius: var(--dm-radius-lg);
+    box-shadow: var(--dm-shadow);
+    border: 1px solid var(--dm-gray-200);
+    transition: all var(--dm-transition-normal);
+}
+
+.dm-timeline-content:hover {
+    box-shadow: var(--dm-shadow-md);
+    transform: translateY(-2px);
+}
+
+.dm-timeline-title {
+    margin: 0 0 var(--dm-space-3) 0;
+    font-size: var(--dm-font-size-lg);
+    font-weight: 600;
+    color: var(--dm-gray-900);
+}
+
+.dm-timeline-description {
+    margin: 0;
+    color: var(--dm-gray-700);
+    line-height: 1.6;
+}
+
+/* Vertical Layout (Default) */
+.dm-timeline-vertical {
+    /* Default styles already applied above */
+}
+
+/* Centered Layout */
+.dm-timeline-centered::before {
+    content: '';
+    position: absolute;
+    left: 50%;
+    top: 0;
+    bottom: 0;
+    width: 2px;
+    background: var(--dm-gray-300);
+    transform: translateX(-50%);
+}
+
+.dm-timeline-centered .dm-timeline-item {
+    width: 50%;
+    padding-right: var(--dm-space-8);
+    justify-content: flex-end;
+}
+
+.dm-timeline-centered .dm-timeline-item:nth-child(even) {
+    left: 50%;
+    padding-left: var(--dm-space-8);
+    padding-right: 0;
+    justify-content: flex-start;
+}
+
+.dm-timeline-centered .dm-timeline-year {
+    order: 2;
+    margin-left: var(--dm-space-6);
+    margin-right: 0;
+}
+
+.dm-timeline-centered .dm-timeline-item:nth-child(even) .dm-timeline-year {
+    order: 0;
+    margin-left: 0;
+    margin-right: var(--dm-space-6);
+}
+
+/* Horizontal Layout */
+.dm-timeline-horizontal {
+    display: flex;
+    overflow-x: auto;
+    padding-bottom: var(--dm-space-4);
+    max-width: 100%;
+    gap: var(--dm-space-6);
+}
+
+.dm-timeline-horizontal .dm-timeline-item {
+    flex-direction: column;
+    margin-bottom: 0;
+    min-width: 250px;
+    flex-shrink: 0;
+}
+
+.dm-timeline-horizontal .dm-timeline-year {
+    width: auto;
+    margin-right: 0;
+    margin-bottom: var(--dm-space-4);
+}
+
+/* Theme Variants */
+.dm-timeline-minimal .dm-timeline-content {
+    box-shadow: none;
+    border: 1px solid var(--dm-gray-200);
+    background: var(--dm-gray-50);
+}
+
+.dm-timeline-minimal .dm-timeline-year {
+    background: var(--dm-gray-600);
+}
+
+.dm-timeline-corporate .dm-timeline-year {
+    background: var(--dm-slate-700);
+    font-size: var(--dm-font-size-xs);
+    text-transform: uppercase;
+    letter-spacing: 0.05em;
+}
+
+.dm-timeline-corporate .dm-timeline-content {
+    background: var(--dm-slate-50);
+    border-color: var(--dm-slate-200);
+}
+
+/* Responsive Design */
+@media (max-width: 768px) {
+    .dm-timeline-centered {
+        /* Switch to vertical layout on mobile */
+    }
+    
+    .dm-timeline-centered::before {
+        left: 30px;
+        transform: none;
+    }
+    
+    .dm-timeline-centered .dm-timeline-item,
+    .dm-timeline-centered .dm-timeline-item:nth-child(even) {
+        width: 100%;
+        left: 0;
+        padding-left: var(--dm-space-16);
+        padding-right: 0;
+        justify-content: flex-start;
+    }
+    
+    .dm-timeline-centered .dm-timeline-year,
+    .dm-timeline-centered .dm-timeline-item:nth-child(even) .dm-timeline-year {
+        order: 0;
+        margin-right: var(--dm-space-6);
+        margin-left: 0;
+        position: absolute;
+        left: 0;
+        width: 80px;
+    }
+    
+    .dm-timeline-horizontal {
+        flex-direction: column;
+    }
+    
+    .dm-timeline-horizontal .dm-timeline-item {
+        flex-direction: row;
+        min-width: auto;
+        margin-bottom: var(--dm-space-6);
+    }
+    
+    .dm-timeline-horizontal .dm-timeline-year {
+        margin-bottom: 0;
+        margin-right: var(--dm-space-4);
+        width: 100px;
+    }
+}
+
+/* Dark Theme Support */
+[data-theme="dark"] .dm-timeline-content {
+    background: var(--dm-slate-800);
+    border-color: var(--dm-slate-700);
+    color: var(--dm-slate-200);
+}
+
+[data-theme="dark"] .dm-timeline-title {
+    color: var(--dm-white);
+}
+
+[data-theme="dark"] .dm-timeline-description {
+    color: var(--dm-slate-300);
+}
+
+[data-theme="dark"] .dm-timeline-minimal .dm-timeline-content {
+    background: var(--dm-slate-900);
+    border-color: var(--dm-slate-700);
+}
+
+[data-theme="dark"] .dm-timeline-corporate .dm-timeline-content {
+    background: var(--dm-slate-800);
+    border-color: var(--dm-slate-600);
+}
+
 
 /* ============================================
    THEME SYSTEM
@@ -7676,11 +8003,11 @@ code {
    ============================================ */
 
 /*!
- * Domma Themes v0.3.0a
+ * Domma Themes v0.3.0-alpha.0
  * Dynamic Object Manipulation & Modeling API
- * (c) 2025 Darryl Waterhouse & DCBW-IT
- * Built: 2025-12-28T23:38:37.685Z
- * Commit: 7d9e9e8
+ * (c) 2026 Darryl Waterhouse & DCBW-IT
+ * Built: 2026-01-02T14:32:25.353Z
+ * Commit: bc8e519
  */
 
 /**
@@ -10364,7 +10691,7 @@ code {
     --dm-surface-overlay: #f8f9fa;
 
     /* Text - Dark colors for readability on light */
-    --dm-text: #212529;
+    --dm-text: #1a1a1a; /* Even darker for better contrast */
     --dm-text-secondary: #495057;
     --dm-text-muted: #6c757d;
     --dm-text-disabled: #adb5bd;
@@ -10377,8 +10704,8 @@ code {
 
 
     --dm-primary: #78909c;
-    --dm-primary-hover: #8a9fa9;
-    --dm-primary-active: #9caeb6;
+    --dm-primary-hover: #546e7a;
+    --dm-primary-active: #455a64;
     --dm-primary-light: rgba(120, 144, 156, 0.15);
     --dm-primary-dark: #607d8b;