@vanduo-oss/framework 1.2.4 → 1.2.5

package/README.md

@@ -1,4 +1,4 @@
-# Vanduo Framework v1.2.3
+# Vanduo Framework v1.2.5
 
 <p align="center">
   <img src="vanduo-banner.svg" alt="Vanduo Framework Banner" width="100%">
@@ -54,8 +54,8 @@ The quickest way to get started — no install, no build step. Add two lines to
 
 **Pin to a specific version** for production:
 ```html
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/vanduo-oss/framework@v1.2.3/dist/vanduo.min.css">
-<script src="https://cdn.jsdelivr.net/gh/vanduo-oss/framework@v1.2.3/dist/vanduo.min.js"></script>
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/vanduo-oss/framework@v1.2.5/dist/vanduo.min.css">
+<script src="https://cdn.jsdelivr.net/gh/vanduo-oss/framework@v1.2.5/dist/vanduo.min.js"></script>
 <script>Vanduo.init();</script>
 ```
 
@@ -118,7 +118,7 @@ This project includes an [`llms.txt`](llms.txt) file — a structured markdown s
 Use the hardened upload script to attach only approved bundle artifacts from `dist/`:
 
 ```bash
-pnpm run release:assets -- v1.2.3
+pnpm run release:assets -- v1.2.5
 ```
 
 Notes:

package/css/utilities/table.css

@@ -37,7 +37,7 @@
 .table th,
 .table td {
   padding: var(--table-padding-y) var(--table-padding-x);
-  vertical-align: top;
+  vertical-align: middle;
   border-top: 1px solid var(--table-border-color);
 }
 
@@ -217,6 +217,7 @@ tfoot {
 
 /* Responsive Breakpoints */
 @media (max-width: 575.98px) {
+
   .vd-table-responsive-sm,
   .table-responsive-sm {
     display: block;
@@ -233,6 +234,7 @@ tfoot {
 }
 
 @media (max-width: 767.98px) {
+
   .vd-table-responsive-md,
   .table-responsive-md {
     display: block;
@@ -249,6 +251,7 @@ tfoot {
 }
 
 @media (max-width: 991.98px) {
+
   .vd-table-responsive-lg,
   .table-responsive-lg {
     display: block;
@@ -265,6 +268,7 @@ tfoot {
 }
 
 @media (max-width: 1199.98px) {
+
   .vd-table-responsive-xl,
   .table-responsive-xl {
     display: block;
@@ -345,6 +349,7 @@ tfoot {
 
 /* Dark mode support for system preference */
 @media (prefers-color-scheme: dark) {
+
   :root:not([data-theme]) .vd-table,
   :root:not([data-theme]) .table {
     --table-bg: var(--bg-primary);
@@ -378,4 +383,4 @@ tfoot {
   :root:not([data-theme]) thead {
     background-color: var(--bg-secondary);
   }
-}
+}

package/dist/build-info.json

@@ -1,6 +1,6 @@
 {
-  "version": "1.2.4",
-  "builtAt": "2026-03-04T19:15:26.258Z",
-  "commit": "a524dfc",
+  "version": "1.2.5",
+  "builtAt": "2026-03-08T10:52:48.224Z",
+  "commit": "f37c545",
   "mode": "development+production"
 }

package/dist/vanduo.cjs.js

@@ -1,4 +1,4 @@
-/*! Vanduo v1.2.4 | Built: 2026-03-04T19:15:26.258Z | git:a524dfc | development */
+/*! Vanduo v1.2.5 | Built: 2026-03-08T10:52:48.224Z | git:f37c545 | development */
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -132,7 +132,7 @@ module.exports = __toCommonJS(index_exports);
 // js/vanduo.js
 (function() {
   "use strict";
-  const VANDUO_VERSION = true ? "1.2.4" : "0.0.0-dev";
+  const VANDUO_VERSION = true ? "1.2.5" : "0.0.0-dev";
   const Vanduo2 = {
     version: VANDUO_VERSION,
     components: {},
@@ -4037,12 +4037,6 @@ module.exports = __toCommonJS(index_exports);
           this.updateUI();
         });
       }
-      this.elements.panel.querySelectorAll("[data-mode]").forEach((btn) => {
-        this.addListener(btn, "click", () => {
-          this.applyTheme(btn.dataset.mode);
-          this.updateUI();
-        });
-      });
       const resetBtn = this.elements.panel.querySelector(".customizer-reset");
       if (resetBtn) {
         this.addListener(resetBtn, "click", () => {
@@ -4093,15 +4087,6 @@ module.exports = __toCommonJS(index_exports);
       for (const [key, value] of Object.entries(this.FONT_OPTIONS)) {
         fontOptions += `<option value="${esc(key)}"${key === this.state.font ? " selected" : ""}>${esc(value.name)}</option>`;
       }
-      const modeIcons = {
-        "system": "ph-desktop",
-        "dark": "ph-moon",
-        "light": "ph-sun"
-      };
-      let modeButtons = "";
-      this.THEME_MODES.forEach((mode) => {
-        modeButtons += `<button class="tc-mode-btn${mode === this.state.theme ? " is-active" : ""}" data-mode="${mode}"><i class="ph ${modeIcons[mode]}"></i><span>${mode.charAt(0).toUpperCase() + mode.slice(1)}</span></button>`;
-      });
       return `
         <div class="tc-header">
           <h3 class="tc-title">Customize Theme</h3>
@@ -4110,12 +4095,7 @@ module.exports = __toCommonJS(index_exports);
           </button>
         </div>
         <div class="tc-body">
-          <div class="tc-section">
-            <label class="tc-label">Color Mode</label>
-            <div class="tc-mode-group">
-              ${modeButtons}
-            </div>
-          </div>
+
           <div class="tc-section">
             <label class="tc-label">Primary Color</label>
             <div class="tc-color-grid">
@@ -4251,9 +4231,6 @@ module.exports = __toCommonJS(index_exports);
       if (fontSelect) {
         fontSelect.value = this.state.font;
       }
-      this.elements.panel.querySelectorAll("[data-mode]").forEach((btn) => {
-        btn.classList.toggle("is-active", btn.dataset.mode === this.state.theme);
-      });
     },
     /**
      * Reset all preferences to defaults