@svgrid/grid 2.2.18 → 2.2.19

package/dist/SvGrid.css

@@ -394,8 +394,10 @@
 }
 
 /* Pinned columns read as "frozen" via three layered cues:
-     1. A distinct tint (slightly stronger than the header) so the
-        pinned strip is visible even before you scroll.
+     1. A distinct fill (slightly stronger than the header) so the
+        pinned strip is visible even before you scroll. Themes with a
+        saturated accent set --sg-pinned-bg / --sg-pinned-header-bg to a
+        neutral instead of taking the accent mix below.
      2. A solid 1px divider on the inside edge (toward the scrollable
         middle) and a soft drop shadow extending into the scroll area.
      3. A thin accent stripe on the outermost edge that turns on when
@@ -407,14 +409,14 @@
   background: var(--sg-pinned-bg, color-mix(in oklab, var(--sg-header-bg, #f1f5f9) 92%, var(--sg-accent, #2563eb) 8%));
   box-shadow:
     inset -1px 0 0 var(--sg-pinned-divider, var(--sg-border, #cbd5e1)),
-    8px 0 12px -6px rgba(15, 23, 42, 0.22);
+    8px 0 12px -6px var(--sg-pinned-shadow-color, rgba(15, 23, 42, 0.22));
 }
 .sv-grid-cell[data-pinned="right"],
 .sv-grid-column[data-pinned="right"] {
   background: var(--sg-pinned-bg, color-mix(in oklab, var(--sg-header-bg, #f1f5f9) 92%, var(--sg-accent, #2563eb) 8%));
   box-shadow:
     inset 1px 0 0 var(--sg-pinned-divider, var(--sg-border, #cbd5e1)),
-    -8px 0 12px -6px rgba(15, 23, 42, 0.22);
+    -8px 0 12px -6px var(--sg-pinned-shadow-color, rgba(15, 23, 42, 0.22));
 }
 /* Header row pinned cells get a slightly darker variant + bolder font
    so the frozen header itself reads as part of the grid chrome. */
@@ -586,6 +588,10 @@
   font-size: var(--sg-header-size, inherit);
   text-transform: var(--sg-header-transform, none);
   letter-spacing: var(--sg-header-tracking, normal);
+  /* Themes that keep the header close to the page ground lean on this line
+     rather than a fill to separate header from body. Scoped to the leaf header
+     row so strengthening it doesn't thicken every cell border. */
+  border-bottom-color: var(--sg-header-border, var(--sg-border, #e2e8f0));
 }
 
 /* Header drag-to-reorder. The `draggable` attribute is only set
@@ -815,7 +821,8 @@
   inset-inline-end: 0;
   width: 16px;
   background: var(--sg-header-bg, #f5f7fb);
-  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
+  /* Continues the leaf-header underline across the scrollbar gutter. */
+  border-bottom: 1px solid var(--sg-header-border, rgba(15, 23, 42, 0.08));
   /* Above pinned header cells (z-index 30) so the gap above the
      vertical scrollbar stays clean over a frozen column. */
   z-index: 41;
@@ -1625,6 +1632,11 @@ select.sv-grid-fr-editor {
   background: transparent;
   font: inherit;
   color: inherit;
+  /* Form controls get `text-transform: none` from the UA sheet, which the
+     `font` shorthand doesn't undo. Without this the label ignores
+     --sg-header-transform on every sortable column. */
+  text-transform: inherit;
+  letter-spacing: inherit;
   text-align: left;
   cursor: pointer;
 }

package/dist/cdn/{GridMenus-0AK9O7qG.js → GridMenus-GfCAHgkZ.js}

@@ -1,4 +1,4 @@
-import { eo as e, to as t } from "./src-BLhdLmoN.js";
+import { eo as e, to as t } from "./src-bYfr_7aR.js";
 import * as n from "svelte/internal/client";
 import "svelte/internal/disclose-version";
 //#region src/GridMenus.svelte

package/dist/cdn/{GridMenus-BjUoCXoD.js → GridMenus-GiVNSeDU.js}

@@ -1,4 +1,4 @@
-import { eo as e, to as t } from "./src-BwnUVj3T.js";
+import { eo as e, to as t } from "./src-DysW9qbk.js";
 import { E as n, F as r, G as i, H as a, I as o, L as s, N as c, Q as l, V as u, X as d, Y as f, Z as p, _ as m, d as h, et as g, f as _, ft as v, g as y, h as b, j as x, k as S, lt as C, m as w, mt as T, nt as E, o as D, pt as O, st as k, t as A, tt as j, u as M, ut as N, v as P } from "./disclose-version-DoD9AFD_.js";
 //#region src/GridMenus.svelte
 var ee = s("<option> </option>"), te = s("<option></option>"), ne = s("<datalist></datalist>"), re = s("<input class=\"sv-grid-menu-condition-value\" placeholder=\"To\"/>"), ie = s("<option> </option>"), ae = s("<input class=\"sv-grid-menu-condition-value\" placeholder=\"To\"/>"), oe = s("<input class=\"sv-grid-menu-condition-value\"/> <!>", 1), se = s("<div class=\"sv-grid-menu-join\" role=\"radiogroup\" aria-label=\"Combine conditions\"><button type=\"button\">AND</button> <button type=\"button\">OR</button> <button type=\"button\" class=\"sv-grid-menu-join-x\" title=\"Remove second condition\" aria-label=\"Remove second condition\">×</button></div> <select class=\"sv-grid-menu-operator-select\" aria-label=\"Second filter condition\"></select> <!>", 1), ce = s("<button type=\"button\" class=\"sv-grid-menu-add-cond\">+ Add condition</button>"), le = s("<input class=\"sv-grid-menu-condition-value\"/> <!> <!> <!>", 1), ue = s("<label class=\"sv-grid-facet\"><input type=\"checkbox\"/> <span class=\"sv-grid-facet-label\"> </span></label>"), de = s("<div class=\"sv-grid-facet-empty\">No values</div>"), fe = s("<div class=\"sv-grid-facet-note\"> </div>"), pe = s("<div class=\"sv-grid-menu-filter\"><div class=\"sv-grid-menu-filter-head\"><span class=\"sv-grid-header-icon\"><!></span> Filter\n        condition</div> <select class=\"sv-grid-menu-operator-select\" aria-label=\"Filter condition\"></select> <!> <div class=\"sv-grid-menu-sep\"></div> <div class=\"sv-grid-menu-filter-head\">Values</div> <input class=\"sv-grid-menu-search\" placeholder=\"Search values...\"/> <label class=\"sv-grid-facet sv-grid-facet-all\"><input type=\"checkbox\"/> <span class=\"sv-grid-facet-label\">(Select all)</span></label> <div class=\"sv-grid-facet-list\"></div> <!> <div class=\"sv-grid-menu-actions\"><button type=\"button\" class=\"sv-grid-menu-btn\">Clear filter</button> <button type=\"button\" class=\"sv-grid-menu-btn sv-grid-menu-btn-primary\">Done</button></div></div>"), me = s("<div role=\"tooltip\"> </div>"), he = s("<div class=\"sv-grid-menu-backdrop\" role=\"presentation\"></div>"), ge = s("<button type=\"button\" role=\"tab\">Filter</button>"), F = s("<div class=\"sv-grid-menu-tabs\" role=\"tablist\"><button type=\"button\" role=\"tab\">General</button> <!> <button type=\"button\" role=\"tab\">Columns</button></div>"), I = s("<label class=\"sv-grid-facet\"><input type=\"checkbox\"/> <span class=\"sv-grid-facet-label\"> </span></label>"), L = s("<div class=\"sv-grid-menu-filter-head\">Visible columns</div> <div class=\"sv-grid-facet-list\"></div>", 1), R = s("<button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Sort\n          ascending</button> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Sort\n          descending</button> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Remove sort</button>", 1), _e = s("<div class=\"sv-grid-menu-sep\"></div> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Pin to left</button> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Pin to right</button> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Unpin column</button>", 1), ve = s("<div class=\"sv-grid-menu-sep\"></div> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Group\n          by this column</button> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Remove grouping</button>", 1), z = s("<button type=\"button\" role=\"menuitem\" aria-haspopup=\"menu\"><span class=\"sv-grid-header-icon\"><!></span> Choose columns <span class=\"sv-grid-header-icon sv-grid-menu-item-chevron\"><!></span></button>"), B = s("<!> <!> <div class=\"sv-grid-menu-sep\"></div> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Autosize\n        this column</button> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Autosize\n        all columns</button> <!> <div class=\"sv-grid-menu-sep\"></div> <!> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Reset columns</button>", 1), ye = s("<div class=\"sv-grid-menu sv-grid-column-menu\" role=\"menu\"><!> <!></div>"), be = s("<div class=\"sv-grid-menu sv-grid-filter-menu\" role=\"menu\"><!></div>"), xe = s("<label class=\"sv-grid-facet\"><input type=\"checkbox\"/> <span class=\"sv-grid-facet-label\"> </span></label>"), Se = s("<div class=\"sv-grid-menu sv-grid-choose-columns-menu\" role=\"menu\"><div class=\"sv-grid-menu-filter-head\">Visible columns</div> <div class=\"sv-grid-facet-list\"></div></div>"), Ce = s("<button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitemradio\"><span class=\"sv-grid-header-icon\"><!></span> </button>"), we = s("<div class=\"sv-grid-menu sv-grid-operator-menu\" role=\"menu\"></div>"), Te = s("<button type=\"button\" class=\"sv-grid-menu-item sv-grid-in-suggest-item\" role=\"option\"><span class=\"sv-grid-in-suggest-check\" aria-hidden=\"true\"> </span> <span class=\"sv-grid-in-suggest-label\"> </span></button>"), Ee = s("<div class=\"sv-grid-facet-empty\">No values</div>"), De = s("<div class=\"sv-grid-menu sv-grid-in-suggest\" role=\"listbox\" aria-multiselectable=\"true\" aria-label=\"Filter values\"></div>"), Oe = s("<div class=\"sv-grid-menu-sep\"></div>"), ke = s("<button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"> </button>"), Ae = s("<div class=\"sv-grid-menu-backdrop\" role=\"presentation\"></div> <div class=\"sv-grid-menu sv-grid-context-menu\" role=\"menu\"></div>", 1), je = s("<div class=\"sv-grid-menu-backdrop\" role=\"presentation\"></div> <div class=\"sv-grid-menu sv-grid-comment-editor\" role=\"dialog\" aria-label=\"Edit comment\"><textarea class=\"sv-grid-comment-textarea\" rows=\"3\" placeholder=\"Add a comment…\"></textarea> <div class=\"sv-grid-comment-actions\"><button type=\"button\" class=\"sv-grid-comment-remove\">Remove</button> <span class=\"sv-grid-comment-spacer\"></span> <button type=\"button\" class=\"sv-grid-comment-cancel\">Cancel</button> <button type=\"button\" class=\"sv-grid-comment-save\">Save</button></div></div>", 1), Me = s("<!> <!>  <!> <!> <!> <!> <!> <!> <!>", 1);