@the-portland-company/shell 0.75.1 → 0.75.2

package/dist/chrome.css

@@ -187,7 +187,10 @@
   --topbar-title-size: 18px;
   --topbar-title-weight: 700;
   --topbar-title-color: #2F3136;
-  --topbar-breadcrumb-color: #718096;
+  /* #718096 was 3.63:1 on --panel-elevated (#F0F4F7) — below WCAG 2.2 AA
+     4.5:1 (e.g. the account-menu "Roles & Organizations" caption). Darkened
+     to clear 4.5:1 on both white and --panel-elevated while keeping the hue. */
+  --topbar-breadcrumb-color: #5C6B80;
   --topbar-icon-button-size: 34px;
   --topbar-icon-button-radius: 5px;
   --topbar-icon-gap: 6px;
@@ -412,8 +415,12 @@
 [data-politogy-mode] {
   --sidebar-bg: #1B1C20;
   --sidebar-text: #F5F5F5;
-  --sidebar-text-muted: #B5B7BB;
-  --sidebar-meta-text: #9A9CA0;
+  /* #B5B7BB/#9A9CA0 were tuned against the ink rail only (8.48:1 / 6.19:1)
+     and fall to 4.36:1 / 3.19:1 on the Campaign red rail (#8F1F2A) — below
+     WCAG 2.2 AA 4.5:1. Lightened so both solid tokens clear 4.5:1 on ink,
+     on Campaign's rail red, and on its raised card (#A12430). */
+  --sidebar-text-muted: #CDCFD2;
+  --sidebar-meta-text: #CDCFD2;
   --sidebar-hover-bg: #2A2B30;
   /* Selected mode button: the Mode accent, graphite for Relationship. */
   --sidebar-mode-selected-bg: var(--mode-accent, #2F3136);
@@ -429,8 +436,13 @@
 :root {
   --sidebar-line: rgba(255, 255, 255, 0.16);
   --border-inverse: rgba(255, 255, 255, 0.16);
-  --sidebar-eyebrow: rgba(255, 255, 255, 0.38);
-  --sidebar-caption: rgba(255, 255, 255, 0.5);
+  /* rgba(255,255,255,.38) / .5 were 3.55:1 / 5.17:1 on the ink rail but drop
+     to 2.45:1 / 3.25:1 on the Campaign rail red (#8F1F2A) and 2.92:1 on its
+     raised card (#A12430) — below WCAG 2.2 AA 4.5:1 (nav section eyebrows,
+     the user-email/mode caption, the org-id hash). Raised to .72 alpha,
+     which clears 4.5:1 against ink, the Campaign rail and its card. */
+  --sidebar-eyebrow: rgba(255, 255, 255, 0.72);
+  --sidebar-caption: rgba(255, 255, 255, 0.72);
   --sidebar-row-text: rgba(255, 255, 255, 0.66);
   --sidebar-row-hover-bg: rgba(255, 255, 255, 0.05);
   --sidebar-active-bg: rgba(255, 255, 255, 0.09);

package/dist/{chunk-AQMSMAK2.js → chunk-2DXTSTII.js}

@@ -2649,7 +2649,7 @@ function NavSidebar({
               "div",
               {
                 "data-shell-meta": true,
-                className: `mt-1.5 flex flex-col items-center gap-0.5 font-[family-name:var(--font-mono,ui-monospace,monospace)] text-[11px] text-[color:var(--sidebar-meta-text,rgba(255,255,255,0.4))] ${rc("max-md:hidden")}`,
+                className: `mt-1.5 flex flex-col items-center gap-0.5 font-[family-name:var(--font-mono,ui-monospace,monospace)] text-[11px] text-[color:var(--sidebar-meta-text,rgba(255,255,255,0.72))] ${rc("max-md:hidden")}`,
                 children: [
                   /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1.5", children: [
                     footer.envLabel ? shortEnvLabel(footer.envLabel) : null,
@@ -3649,5 +3649,5 @@ function NavAppShell({
 }
 
 export { BETA_BANNER_DISMISS_KEY, CAMPAIGN_FEATURE_AVAILABILITY, CORE_APP_ORIGIN, CORE_BILLING_PATH, FuelAction, NavAppShell, NavBetaBanner, NavChromeProvider, NavDisplayAction, NavSidebar, NavTabStrip, NavThemeControl, NavTopBar, NotificationsAction, SPECS_ORIGIN, SpecOverlayAction, SupportAction, TopBarCountBadge, TopBarPanelArrow, TopBarPopover, TopBarTooltip, TopBarWidgetSlot, clearBetaBannerDismissal, envChipClasses, isNavItemActive, modeIdFromLabel, resolveOrgLogoUrl, shortEnvLabel, shortUserName, standardNavIcons, standardPolitogyNav, topBarIconButtonClass, useChromeMe, useChromeOrgs, useNavChromeFetcher, useThemePreference };
-//# sourceMappingURL=chunk-AQMSMAK2.js.map
-//# sourceMappingURL=chunk-AQMSMAK2.js.map
+//# sourceMappingURL=chunk-2DXTSTII.js.map
+//# sourceMappingURL=chunk-2DXTSTII.js.map