gridsmith-ui 0.17.2 → 0.17.3

package/dist/roots.css

@@ -87,6 +87,8 @@
   --ds-chart-height-sm: 12rem;
   --ds-chart-height-md: 16rem;
   --ds-chart-height-lg: 20rem;
+  /* one row of a row chart (a sideways bar, a funnel stage takes 1.5): Sprint 25.9, A2 */
+  --ds-chart-row: 2rem;
 
   --ds-control-height-sm: max(28px, calc(32px * var(--ds-density)));
   --ds-control-height-md: max(36px, calc(32px * var(--ds-density) + 8px));
@@ -658,6 +660,18 @@ body {
   margin-top: var(--ds-space-4);
 }
 
+/* A narrow settings page makes room for its rail (Sprint 25.9, A4). PageContainer reads its narrow width as
+   var(--ds-page-max, var(--ds-bp-md)) — the column, the header's column, an outside header and the contained
+   breadcrumbs — so a narrow container holding a settings rail, at any depth, grows by the rail (220 px) and its gap,
+   and the panel beside the rail keeps the narrow width. The rule matches the collapsed dropdown too (the same
+   data-settings-layout), so the page's width never depends on the collapse: were the page to narrow with it, the rail
+   could never come back. The tabs layout and pages without settings keep the narrow width; without :has() the page
+   stays narrow, as before. */
+/* data-width is on PageContainer's root in both branches, so a settings page with no PageHeader widens too */
+[data-width="narrow"]:has([data-settings-layout="sidebar"]) {
+  --ds-page-max: calc(var(--ds-bp-md) + 220px + var(--ds-space-8));
+}
+
 /* ── Shadow Mode: Neumorphic ────────────────────────────────────
    Dual opposing shadows: dark bottom-right + bright top-left.
    Responsive to offset/blur/alpha sliders via root variables.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gridsmith-ui",
-  "version": "0.17.2",
+  "version": "0.17.3",
   "description": "Gridsmith component library — 98 React components with design tokens and a CSS custom property theming engine",
   "type": "module",
   "sideEffects": [