@toolbox-web/grid 3.6.0 → 3.7.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@toolbox-web/grid",
-  "version": "3.6.0",
+  "version": "3.7.0",
   "description": "Zero-dependency, framework-agnostic data grid web component with virtualization, sorting, filtering, editing, and 20+ plugins. Works in vanilla JS, React, Vue, Angular, and any framework.",
   "type": "module",
   "main": "./index.js",
@@ -51,7 +51,8 @@
     "**/*.d.ts",
     "**/*.css",
     "**/*.map",
-    "custom-elements.json"
+    "custom-elements.json",
+    "LICENSE"
   ],
   "sideEffects": [
     "*.css",

package/themes/dg-theme-bootstrap.css

@@ -9,11 +9,14 @@
     --tbw-color-bg: light-dark(#ffffff, #212529);
     --tbw-color-panel-bg: light-dark(#f8f9fa, #2b3035);
     --tbw-color-fg: light-dark(#212529, #dee2e6);
-    --tbw-color-fg-muted: light-dark(#6c757d, #adb5bd);
+    /* $gray-600 (#6c757d) lands on 4.45:1 over $gray-100 — 0.05 short of AA. */
+    --tbw-color-fg-muted: light-dark(#6a737b, #adb5bd);
 
     /* Bootstrap border colors */
     --tbw-color-border: light-dark(#dee2e6, #495057);
-    --tbw-color-border-strong: light-dark(#adb5bd, #6c757d);
+    /* Bounds the cell editor's input, so it owes SC 1.4.11's 3:1 — $gray-500
+       (#adb5bd) only reaches 2.07:1 on white. */
+    --tbw-color-border-strong: light-dark(#8e959d, #6c757d);
     --tbw-color-border-cell: light-dark(#dee2e6, #495057);
     --tbw-color-border-header: light-dark(#dee2e6, #495057);
 
@@ -22,7 +25,13 @@
 
     /* Bootstrap primary (blue) */
     --tbw-color-accent: light-dark(#0d6efd, #6ea8fe);
-    --tbw-color-accent-fg: #ffffff;
+    /* $blue-300 is a light fill, so dark mode flips the label to $blue-900 the
+       way Bootstrap's own dark .btn-primary does — white would be 2.42:1. */
+    --tbw-color-accent-fg: light-dark(#ffffff, #052c65);
+    /* Accent used as *text* owes 4.5:1 (WCAG 1.4.3); $blue-600 lands exactly on
+       4.50:1 with no margin, so text uses Bootstrap's $blue-700 emphasis stop.
+       6.44:1 on #ffffff / 6.39:1 on #212529. */
+    --tbw-color-accent-text: light-dark(#0a58ca, #6ea8fe);
     --tbw-color-success: light-dark(#198754, #75b798);
     --tbw-color-error: light-dark(#dc3545, #ea868f);
 
@@ -222,7 +231,7 @@
     --tbw-color-bg: light-dark(#ffffff, #212529);
     --tbw-color-fg: light-dark(#212529, #dee2e6);
     --tbw-color-border: light-dark(#dee2e6, #495057);
-    --tbw-color-border-strong: light-dark(#adb5bd, #6c757d);
+    --tbw-color-border-strong: light-dark(#8e959d, #6c757d);
     --tbw-color-panel-bg: light-dark(#f8f9fa, #2b3035);
     --tbw-color-row-hover: light-dark(rgba(0, 0, 0, 0.075), rgba(255, 255, 255, 0.05));
     --tbw-filter-item-height: 32px;

package/themes/dg-theme-contrast.css

@@ -14,6 +14,9 @@
        white on dark red (8.2:1) / black on light red (8.7:1). */
     --tbw-color-accent: light-dark(#a30000, #ff8080);
     --tbw-color-accent-fg: light-dark(#ffffff, #000000);
+    /* Accent already clears this theme's AAA bar as text (8.21:1 / 8.65:1);
+       pinned so it tracks the red palette instead of the core blue default. */
+    --tbw-color-accent-text: light-dark(#a30000, #ff8080);
     --tbw-color-selection: light-dark(#ffe9a8, #333333);
     --tbw-color-row-alt: light-dark(#f2f2f2, #111111);
     --tbw-color-row-hover: light-dark(#e6f2ff, #1c1c1c);

package/themes/dg-theme-large.css

@@ -25,6 +25,10 @@
        white on deep blue (7.8:1) / black on light blue (8.0:1). */
     --tbw-color-accent: light-dark(#1b45c4, #63a0ff);
     --tbw-color-accent-fg: light-dark(#ffffff, #000000);
+    /* Accent as *text* owes this theme's AAA bar (7:1), which the surface accent
+       misses in dark mode (6.14:1) — so the dark stop lifts to #8ab8ff.
+       7.79:1 on #ffffff / 7.97:1 on #1f2125. */
+    --tbw-color-accent-text: light-dark(#1b45c4, #8ab8ff);
     --tbw-color-selection: light-dark(#fff3c2, #303640);
     --tbw-color-row-alt: light-dark(#f5f7f9, #272c34);
     --tbw-color-row-hover: light-dark(#e6f2ff, #313741);

package/themes/dg-theme-material.css

@@ -25,6 +25,9 @@
     /* M3 Primary - Purple/Violet */
     --tbw-color-accent: light-dark(#6750a4, #d0bcff);
     --tbw-color-accent-fg: light-dark(#ffffff, #381e72);
+    /* M3 primary already clears 4.5:1 as text on both surfaces (6.29:1 on
+       #fffbff / 10.05:1 on #1c1b1f), so the text token stays on-palette. */
+    --tbw-color-accent-text: light-dark(#6750a4, #d0bcff);
     --tbw-color-success: light-dark(#146c2e, #6dd58c);
     --tbw-color-error: light-dark(#b3261e, #f2b8b5);
 

package/themes/dg-theme-standard.css

@@ -13,7 +13,9 @@
 
     /* Refined borders */
     --tbw-color-border: light-dark(#e5e7eb, #374151);
-    --tbw-color-border-strong: light-dark(#9ca3af, #6b7280);
+    /* Bounds the cell editor's input, so it owes SC 1.4.11's 3:1 — gray-400
+       (#9ca3af) only reaches 2.54:1 on white. */
+    --tbw-color-border-strong: light-dark(#8d94a0, #6b7280);
     --tbw-color-border-cell: light-dark(#f3f4f6, #2d3138);
     --tbw-color-border-header: light-dark(#d1d5db, #3f4550);
 
@@ -22,8 +24,15 @@
 
     /* Modern blue accent */
     --tbw-color-accent: light-dark(#2563eb, #3b82f6);
-    --tbw-color-accent-fg: #ffffff;
-    --tbw-color-success: light-dark(#059669, #34d399);
+    /* blue-500 is a light fill, so dark mode flips the label to near-black —
+       white would be 3.68:1. */
+    --tbw-color-accent-fg: light-dark(#ffffff, #0b1220);
+    /* Accent used as *text* owes 4.5:1 (WCAG 1.4.3), which the surface accent
+       does not guarantee — blue-500 is 4.64:1 on this dark bg with no margin.
+       6.70:1 on #ffffff / 9.46:1 on #1a1c20. */
+    --tbw-color-accent-text: light-dark(#1d4ed8, #93c5fd);
+    /* emerald-700 rather than -600: #059669 is only 3.77:1 on white (WCAG AA fail). */
+    --tbw-color-success: light-dark(#047857, #34d399);
     --tbw-color-error: light-dark(#dc2626, #f87171);
 
     /* Selection & interaction */

package/themes/dg-theme-vibrant.css

@@ -11,14 +11,21 @@
     --tbw-color-fg: light-dark(#1e2430, #f1f5f9);
     --tbw-color-fg-muted: light-dark(#5d6473, #9ba4b4);
     --tbw-color-border: light-dark(#ddddf8, #2e3344);
-    --tbw-color-border-strong: light-dark(#9093c5, #505878);
+    /* Bounds the cell editor's input, so it owes SC 1.4.11's 3:1 in both modes. */
+    --tbw-color-border-strong: light-dark(#8a8dbf, #596181);
     --tbw-color-border-cell: light-dark(#e8e8f8, #252838);
     --tbw-color-border-header: light-dark(#d0d0ec, #3a3f55);
 
     /* Vibrant purple accent with glow potential */
     --tbw-color-accent: light-dark(#7c3aed, #a78bfa);
-    --tbw-color-accent-fg: #ffffff;
-    --tbw-color-success: light-dark(#059669, #34d399);
+    /* violet-400 is a light fill, so dark mode flips the label to violet-950 —
+       white would be 2.72:1. */
+    --tbw-color-accent-fg: light-dark(#ffffff, #1e1b4b);
+    /* Accent used as *text* owes 4.5:1 (WCAG 1.4.3). Violet-700/-300 keep the
+       purple hue: 6.83:1 on #fafaff / 9.96:1 on #12141c. */
+    --tbw-color-accent-text: light-dark(#6d28d9, #c4b5fd);
+    /* emerald-700 rather than -600: #059669 is only 3.77:1 on white (WCAG AA fail). */
+    --tbw-color-success: light-dark(#047857, #34d399);
     --tbw-color-error: light-dark(#dc2626, #f87171);
 
     /* Selection & interaction - subtle purple tint */