@the-portland-company/shell 0.81.1 → 0.81.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,3 +1,10 @@
1
+ ## 0.81.2
2
+
3
+ The rail header matches the Left Navigation design's vertical rhythm. Spec cited: Specs/Left-Navigation §3-§7 (values the page states are unchanged; the design decides the gaps it does not state).
4
+
5
+ - **Cause.** The org card's white band was fixed at 70px, the Brand `orgLogoMaxHeight` cap, where the design draws a 52px band; the ORGANIZATION eyebrow sat 21px under the lockup where the design has 16px; the mode caption sat 6px under the track where the design has 8px. Every section row landed about 26px low (Design Compare, 2026-10-12: label_moved on Relationship mode / Dashboard / Contacts).
6
+ - **Fix.** `--sidebar-org-band-height: 52px` (logos still scale to fit; the 70px Brand token stays the logo cap), eyebrow margins 2px/9px, caption 8px.
7
+
1
8
  ## 0.81.1
2
9
 
3
10
  The active row's left marker is visible. Spec cited: Specs/Left-Navigation §8.1 ("9% white tint, semibold white text, and a 2px inset marker on the left edge in white").
@@ -2742,7 +2742,7 @@ function NavSidebar({
2742
2742
  }
2743
2743
  ),
2744
2744
  org ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: rc("max-md:flex max-md:justify-center"), children: [
2745
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: `mb-[7px] mt-[7px] flex items-center justify-between ${rc("max-md:hidden")}`, children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: NAV_EYEBROW_CLASS, children: "Organization" }) }),
2745
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: `mb-[9px] mt-[2px] flex items-center justify-between ${rc("max-md:hidden")}`, children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: NAV_EYEBROW_CLASS, children: "Organization" }) }),
2746
2746
  org.loading ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex w-full items-center gap-2.5 rounded-md border border-[color:var(--line)] bg-[color:var(--panel-elevated)] px-2.5 py-2 shadow-sm ${rc("max-md:w-auto max-md:border-0 max-md:bg-transparent max-md:p-0 max-md:shadow-none")}`, children: [
2747
2747
  /* @__PURE__ */ jsxRuntime.jsx(
2748
2748
  "span",
@@ -2938,7 +2938,7 @@ function NavSidebar({
2938
2938
  )
2939
2939
  }
2940
2940
  ),
2941
- /* @__PURE__ */ jsxRuntime.jsx("p", { className: `mt-1.5 text-left text-[11px] leading-[1.2] text-[color:var(--sidebar-caption,var(--sidebar-text-muted,var(--muted)))] ${rc("max-md:hidden")}`, children: modeCaption(mode.label) })
2941
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: `mt-2 text-left text-[11px] leading-[1.2] text-[color:var(--sidebar-caption,var(--sidebar-text-muted,var(--muted)))] ${rc("max-md:hidden")}`, children: modeCaption(mode.label) })
2942
2942
  ] }) : null
2943
2943
  ] }),
2944
2944
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-1 flex-col overflow-y-auto px-[10px] py-3", children: /* @__PURE__ */ jsxRuntime.jsxs("nav", { className: "flex flex-col gap-0.5", children: [