@vanelsas/baredom 2.1.0 → 2.1.1

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 All notable changes to BareDOM will be documented in this file.
 
+## [2.1.1] - 2026-04-13
+
+### Fixed
+
+- x-table-cell: cell `border-bottom` lines now connect cleanly across columns with uneven intrinsic content heights (e.g. a header cell with a sort button next to a plain label cell). Inner `[part=cell]` wrapper now fills the host's row-stretched height so the border sits at the row's bottom edge.
+
+### Demos (no impact on published library)
+
+- Demo gallery now dogfoods the library: every `<button>`, `<select>`, `<input type="text|number|...">`, `<input type="checkbox">`, status pill, tag chip, and `<hr>` in the ~80 demo pages has been swapped to the matching library component (`<x-button>`, `<x-select>`, `<x-form-field>`, `<x-switch>` / `<x-checkbox>`, `<x-badge>`, `<x-chip>`, `<x-divider>`).
+- Section eyebrow `<h2>` and page title `<h1>` headings swapped to `<x-typography variant="overline"|"h1">`.
+- Shared compatibility shims in `demo/demo-theme.js` re-dispatch `select-change` / `x-switch-change` / `x-checkbox-change` / `x-form-field-input` / `x-form-field-change` as native `change` / `input` events so existing demo handlers keep working.
+- `demo/demo-responsive.css` carries shared sizing/layout overrides for the dogfooded controls so they match each demo's local visual rhythm.
+- Several latent demo bugs surfaced and fixed during the sweep: x-soft-body unreadable text in dark mode, x-morph-stack `button[data-stack]` selector silently skipping x-button, x-progress-circle slider max not syncing with the max field, theme-picker bar z-index covering overlay components, and a handful of demos with leftover `style=""` / `class=""` from their native-element days.
+
 ## [2.1.0] - 2026-04-13
 
 ### Added

package/README.md

@@ -116,13 +116,13 @@ BareDOM can be consumed three ways: as a **ClojureScript source dependency** (Cl
 Add BareDOM to your `deps.edn`:
 
 ```clojure
-{:deps {com.github.avanelsas/baredom {:mvn/version "2.1.0"}}}
+{:deps {com.github.avanelsas/baredom {:mvn/version "2.1.1"}}}
 ```
 
 Or in your `shadow-cljs.edn` dependencies:
 
 ```clojure
-:dependencies [[com.github.avanelsas/baredom "2.1.0"]]
+:dependencies [[com.github.avanelsas/baredom "2.1.1"]]
 ```
 
 Then require component namespaces directly and call their `init!` function once at startup:
@@ -179,7 +179,7 @@ Add the npm package to your `package.json`:
 ```json
 {
   "dependencies": {
-    "@vanelsas/baredom": "^2.1.0"
+    "@vanelsas/baredom": "^2.1.1"
   }
 }
 ```

package/dist/x-table-cell.js

@@ -1,7 +1,7 @@
 import { $APP, shadow$provide } from "./base.js";
 var KL=function(a,b,c){a=typeof a==="string"?a.trim().toLowerCase():null;return $APP.J(b,a)?a:c},LL=function(a){return typeof a==="string"?(a=parseInt(a.trim(),10),$APP.r(isNaN(a))&&a>0?Math.floor(a):1):1},OL=function(a){var b=$APP.M(a);a=$APP.D(b,ML);b=$APP.D(b,NL);if($APP.n($APP.n(a)?a:$APP.N(b,"none")))switch(b){case "asc":return"ascending";case "desc":return"descending";default:return"none"}else return null},PL=function(a){var b=$APP.M(a);a=$APP.D(b,$APP.Z);b=$APP.D(b,ML);return(a=$APP.C.i(a,
 "header"))?b:a},QL=function(a){switch(a){case "none":return"asc";case "asc":return"desc";case "desc":return"none";default:return"asc"}},RL=function(a){switch(a){case "none":return"Sort ascending";case "asc":return"Sort descending";case "desc":return"Remove sort";default:return"Sort ascending"}},VL=function(a){var b=$APP.k(a,"__xTableCellRefs");if($APP.n(b))return b;b=a.attachShadow({mode:"open"});var c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("span"),
-g=document.createElement("slot"),h=document.createElement("button"),l=document.createElement("slot"),m=document.createElement("span");c.textContent=":host{display:block;box-sizing:border-box;color-scheme:light dark;--x-table-cell-padding:0.5rem 0.75rem;--x-table-cell-bg:transparent;--x-table-cell-header-bg:rgba(0,0,0,0.04);--x-table-cell-border-color:var(--x-color-border,rgba(0,0,0,0.1));--x-table-cell-border-width:1px;--x-table-cell-color:var(--x-color-text,inherit);--x-table-cell-header-color:var(--x-color-text,inherit);--x-table-cell-font-size:inherit;--x-table-cell-header-font-weight:600;--x-table-cell-min-width:0;--x-table-cell-max-width:none;--x-table-cell-sort-color:var(--x-color-text-muted,rgba(0,0,0,0.4));--x-table-cell-sort-hover-color:var(--x-color-text,rgba(0,0,0,0.7));--x-table-cell-focus-ring:var(--x-color-focus-ring,rgba(59,130,246,0.5));--x-table-cell-transition-duration:var(--x-transition-duration,150ms);--x-table-cell-sticky-bg:var(--x-color-bg,#ffffff);--x-table-cell-disabled-opacity:0.45;min-width:var(--x-table-cell-min-width);max-width:var(--x-table-cell-max-width);}@media (prefers-color-scheme:dark){:host{--x-table-cell-header-bg:rgba(255,255,255,0.06);--x-table-cell-border-color:var(--x-color-border,rgba(255,255,255,0.1));--x-table-cell-sort-color:var(--x-color-text-muted,rgba(255,255,255,0.4));--x-table-cell-sort-hover-color:var(--x-color-text,rgba(255,255,255,0.7));--x-table-cell-sticky-bg:var(--x-color-bg,#1f2937);}}:host([data-sticky\x3d'start']){position:sticky;inset-inline-start:0;background:var(--x-table-cell-sticky-bg);z-index:1;}:host([data-sticky\x3d'end']){position:sticky;inset-inline-end:0;background:var(--x-table-cell-sticky-bg);z-index:1;}:host([disabled]){opacity:var(--x-table-cell-disabled-opacity);}[part\x3dcell]{display:flex;align-items:center;justify-content:flex-start;padding:var(--x-table-cell-padding);background:var(--x-table-cell-bg);border-bottom:var(--x-table-cell-border-width) solid var(--x-table-cell-border-color);color:var(--x-table-cell-color);font-size:var(--x-table-cell-font-size);min-width:0;box-sizing:border-box;}:host([data-type\x3d'header']) [part\x3dcell]{background:var(--x-table-cell-header-bg);color:var(--x-table-cell-header-color);font-weight:var(--x-table-cell-header-font-weight);}:host([data-align\x3d'start']) [part\x3dcell]{justify-content:flex-start;}:host([data-align\x3d'center']) [part\x3dcell]{justify-content:center;}:host([data-align\x3d'end']) [part\x3dcell]{justify-content:flex-end;}:host([data-valign\x3d'top']) [part\x3dcell]{align-items:flex-start;}:host([data-valign\x3d'middle']) [part\x3dcell]{align-items:center;}:host([data-valign\x3d'bottom']) [part\x3dcell]{align-items:flex-end;}[part\x3dcontent]{flex:1 1 auto;min-width:0;}:host([data-truncate]) [part\x3dcontent]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}[part\x3dsort-btn]{flex:0 0 auto;appearance:none;border:0;background:transparent;padding:2px;margin:0 0 0 4px;cursor:pointer;color:var(--x-table-cell-sort-color);display:inline-flex;align-items:center;justify-content:center;border-radius:4px;transition:color var(--x-table-cell-transition-duration) ease;line-height:1;}[part\x3dsort-btn]:hover{color:var(--x-table-cell-sort-hover-color);}[part\x3dsort-btn]:focus{outline:none;}[part\x3dsort-btn]:focus-visible{outline:2px solid var(--x-table-cell-focus-ring);outline-offset:2px;}[part\x3dsort-btn][disabled]{cursor:default;pointer-events:none;opacity:0.4;}[part\x3dsort-btn][hidden]{display:none !important;}@media (prefers-reduced-motion:reduce){[part\x3dsort-btn]{transition:none !important;}}";
+g=document.createElement("slot"),h=document.createElement("button"),l=document.createElement("slot"),m=document.createElement("span");c.textContent=":host{display:block;box-sizing:border-box;color-scheme:light dark;--x-table-cell-padding:0.5rem 0.75rem;--x-table-cell-bg:transparent;--x-table-cell-header-bg:rgba(0,0,0,0.04);--x-table-cell-border-color:var(--x-color-border,rgba(0,0,0,0.1));--x-table-cell-border-width:1px;--x-table-cell-color:var(--x-color-text,inherit);--x-table-cell-header-color:var(--x-color-text,inherit);--x-table-cell-font-size:inherit;--x-table-cell-header-font-weight:600;--x-table-cell-min-width:0;--x-table-cell-max-width:none;--x-table-cell-sort-color:var(--x-color-text-muted,rgba(0,0,0,0.4));--x-table-cell-sort-hover-color:var(--x-color-text,rgba(0,0,0,0.7));--x-table-cell-focus-ring:var(--x-color-focus-ring,rgba(59,130,246,0.5));--x-table-cell-transition-duration:var(--x-transition-duration,150ms);--x-table-cell-sticky-bg:var(--x-color-bg,#ffffff);--x-table-cell-disabled-opacity:0.45;min-width:var(--x-table-cell-min-width);max-width:var(--x-table-cell-max-width);}@media (prefers-color-scheme:dark){:host{--x-table-cell-header-bg:rgba(255,255,255,0.06);--x-table-cell-border-color:var(--x-color-border,rgba(255,255,255,0.1));--x-table-cell-sort-color:var(--x-color-text-muted,rgba(255,255,255,0.4));--x-table-cell-sort-hover-color:var(--x-color-text,rgba(255,255,255,0.7));--x-table-cell-sticky-bg:var(--x-color-bg,#1f2937);}}:host([data-sticky\x3d'start']){position:sticky;inset-inline-start:0;background:var(--x-table-cell-sticky-bg);z-index:1;}:host([data-sticky\x3d'end']){position:sticky;inset-inline-end:0;background:var(--x-table-cell-sticky-bg);z-index:1;}:host([disabled]){opacity:var(--x-table-cell-disabled-opacity);}[part\x3dcell]{display:flex;align-items:center;justify-content:flex-start;padding:var(--x-table-cell-padding);background:var(--x-table-cell-bg);border-bottom:var(--x-table-cell-border-width) solid var(--x-table-cell-border-color);color:var(--x-table-cell-color);font-size:var(--x-table-cell-font-size);min-width:0;height:100%;box-sizing:border-box;}:host([data-type\x3d'header']) [part\x3dcell]{background:var(--x-table-cell-header-bg);color:var(--x-table-cell-header-color);font-weight:var(--x-table-cell-header-font-weight);}:host([data-align\x3d'start']) [part\x3dcell]{justify-content:flex-start;}:host([data-align\x3d'center']) [part\x3dcell]{justify-content:center;}:host([data-align\x3d'end']) [part\x3dcell]{justify-content:flex-end;}:host([data-valign\x3d'top']) [part\x3dcell]{align-items:flex-start;}:host([data-valign\x3d'middle']) [part\x3dcell]{align-items:center;}:host([data-valign\x3d'bottom']) [part\x3dcell]{align-items:flex-end;}[part\x3dcontent]{flex:1 1 auto;min-width:0;}:host([data-truncate]) [part\x3dcontent]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}[part\x3dsort-btn]{flex:0 0 auto;appearance:none;border:0;background:transparent;padding:2px;margin:0 0 0 4px;cursor:pointer;color:var(--x-table-cell-sort-color);display:inline-flex;align-items:center;justify-content:center;border-radius:4px;transition:color var(--x-table-cell-transition-duration) ease;line-height:1;}[part\x3dsort-btn]:hover{color:var(--x-table-cell-sort-hover-color);}[part\x3dsort-btn]:focus{outline:none;}[part\x3dsort-btn]:focus-visible{outline:2px solid var(--x-table-cell-focus-ring);outline-offset:2px;}[part\x3dsort-btn][disabled]{cursor:default;pointer-events:none;opacity:0.4;}[part\x3dsort-btn][hidden]{display:none !important;}@media (prefers-reduced-motion:reduce){[part\x3dsort-btn]{transition:none !important;}}";
 d.setAttribute("part","cell");e.setAttribute("part","content");e.appendChild(g);h.setAttribute("part","sort-btn");h.setAttribute("type","button");l.setAttribute("name","sort-icon");m.setAttribute("part","sort-icon-default");m.setAttribute("aria-hidden","true");m.innerHTML='\x3csvg width\x3d"16" height\x3d"16" viewBox\x3d"0 0 16 16" fill\x3d"currentColor" aria-hidden\x3d"true"\x3e\x3cpath d\x3d"M8 3L5 7h6L8 3zm0 10l3-4H5l3 4z"/\x3e\x3c/svg\x3e';l.appendChild(m);h.appendChild(l);d.appendChild(e);d.appendChild(h);
 b.appendChild(c);b.appendChild(d);a.__xTableCellRefs=new $APP.R(null,5,[$APP.ji,b,SL,d,$APP.ci,e,TL,h,UL,m],null);return $APP.k(a,"__xTableCellRefs")},jM=function(a){a=$APP.xf([$APP.yi,WL,XL,YL,ML,$APP.ni,$APP.bi,ZL,$L,$APP.W,aM],[a.getAttribute("align"),a.getAttribute("row-span"),a.getAttribute("valign"),a.getAttribute("sort-direction"),a.hasAttribute("sortable"),a.hasAttribute("truncate"),a.getAttribute("type"),a.getAttribute("sticky"),a.getAttribute("scope"),a.hasAttribute("disabled"),a.getAttribute("col-span")]);
 var b=$APP.M(a);a=$APP.D(b,$APP.W);var c=$APP.D(b,aM),d=$APP.D(b,$APP.yi),e=$APP.D(b,WL),g=$APP.D(b,XL),h=$APP.D(b,YL),l=$APP.D(b,ML),m=$APP.D(b,$APP.ni),p=$APP.D(b,$APP.bi),q=$APP.D(b,ZL);b=$APP.D(b,$L);return $APP.xf([$APP.Wi,NL,bM,$APP.Z,cM,ML,$APP.Vk,$APP.Nl,$APP.ni,$APP.W,$APP.Ih],[KL(d,dM,"start"),KL(h,eM,"none"),KL(g,fM,"middle"),KL(p,gM,"data"),KL(b,hM,"col"),$APP.F(l),KL(q,iM,"none"),LL(c),$APP.F(m),$APP.F(a),LL(e)])},kM=function(a){var b=jM(a);if($APP.N($APP.k(a,"__xTableCellModel"),b)){b=

package/package.json

@@ -368,6 +368,6 @@
     "shadow-cljs" : "^3.3.6"
   },
   "files" : [ "dist", "README.md", "LICENSE", "CHANGELOG.md" ],
-  "version" : "2.1.0",
+  "version" : "2.1.1",
   "sideEffects" : [ "./dist/*.js" ]
 }