@the-portland-company/shell 0.76.9 → 0.76.11

package/dist/chrome.css

@@ -15,9 +15,9 @@
   --color-race-blue-300: #4DA3FF;
   --color-race-red-400: #EA4751;
   --color-race-blue-400: #1A89FF;
-  --color-race-red-500: #E63946;
+  --color-race-red-500: #D32F3B;
   --color-race-blue-500: #007BFF;
-  --color-race-red-600: #C42E3A;
+  --color-race-red-600: #B3242F;
   --color-race-blue-600: #0061CC;
   --color-race-red-700: #9F252E;
   --color-race-blue-700: #004999;
@@ -25,10 +25,10 @@
   --color-race-blue-800: #002A52;
   --color-race-red-900: #39080D;
   --color-race-blue-900: #001124;
-  --color-race-red: #E63946;
+  --color-race-red: #D32F3B;
   --color-race-blue: #007BFF;
   --color-tread-yellow: #F2C94C;
-  --color-green-flag: #00A651;
+  --color-green-flag: #00783B;
   --color-graphite: #2F3136;
   --color-g3: #D7DADF;
   --color-g4: #929599;
@@ -38,9 +38,9 @@
   --color-layer-3: #FFFFFF;
 
   /* Mode palettes */
-  --mode-relationship-primary: #E63946;
+  --mode-relationship-primary: #D32F3B;
   --mode-relationship-accent: #007BFF;
-  --mode-campaign-primary: #E63946;
+  --mode-campaign-primary: #D32F3B;
   --mode-campaign-accent: #F2C94C;
   --mode-petition-primary: #007BFF;
   --mode-petition-accent: #F2C94C;
@@ -123,7 +123,7 @@
   --surface-3: #FFFFFF;
 
   /* Focus ring — Specs race-red (ignore stale orange focus.ringColor) */
-  --focus-ring-color: #E63946;
+  --focus-ring-color: #D32F3B;
   --focus-ring-width: 3px;
   --focus-ring-offset: 0px;
 
@@ -158,6 +158,13 @@
   --tab-strip-padding-y: 14px;
   --tab-gap: 6px;
   --tab-radius: 12px;
+  /* Unselected/disabled NavTabStrip label+icon color. Was --color-g4
+     (#929599, the Brand content-neutral gray) — only 2.58-2.76:1 against
+     --tab-row-bg/--tab-content-bg/white, below WCAG 2.2 AA 4.5:1 (axe scan
+     2026-10-09, 26 violations across the UI). --muted (#5C6B80) is already
+     measured at 5.42:1 on the light rail and clears 4.5:1+ on every tab-strip
+     surface too, so nav tabs reuse it instead of a new one-off shade. */
+  --tab-text-muted: var(--muted, #5C6B80);
 
   /* Sidebar (nav chrome) */
   --sidebar-width: 236px;
@@ -207,8 +214,8 @@
   --app-color-brand-200: #F8B6BD;
   --app-color-brand-300: #EF6671;
   --app-color-brand-400: #EA4751;
-  --app-color-brand-500: #E63946;
-  --app-color-brand-600: #C42E3A;
+  --app-color-brand-500: #D32F3B;
+  --app-color-brand-600: #B3242F;
   --app-color-brand-700: #9F252E;
   --app-color-brand-800: #660F17;
   --app-color-brand-900: #39080D;
@@ -229,7 +236,7 @@
   --app-field-bg: #FFFFFF;
   --app-field-border: #E2E8F0;
   --app-field-border-hover: #A0AEC0;
-  --app-field-focus: #E63946;
+  --app-field-focus: #D32F3B;
   --app-field-radius: 10px;
   --form-placeholder-font-size: 14px;
   --form-select-icon: #64748B;
@@ -244,8 +251,8 @@
   --app-btn-size: 44px;
   --app-btn-radius: 10px;
   --app-btn-font-size: 14px;
-  --app-btn-primary-bg: #E63946;
-  --app-btn-primary-bg-hover: #C42E3A;
+  --app-btn-primary-bg: #D32F3B;
+  --app-btn-primary-bg-hover: #B3242F;
   --app-btn-primary-fg: #FFFFFF;
   --app-btn-secondary-bg: #FFFFFF;
   --app-btn-secondary-bg-hover: #F8FAFC;
@@ -265,10 +272,10 @@
   --app-tab-radius: 12px;
 
   /* Mode-active colors (overwritten by app at mode-switch time) */
-  --mode-primary-color: #E63946;
-  --mode-input-border-color: #E63946;
-  --mode-input-hover-border-color: #C42E3A;
-  --mode-input-focus-shadow-color: #E63946;
+  --mode-primary-color: #D32F3B;
+  --mode-input-border-color: #D32F3B;
+  --mode-input-hover-border-color: #B3242F;
+  --mode-input-focus-shadow-color: #D32F3B;
 
   /* Native chrome semantic layer — shell-owned aliases over the
      canonical tokens above, consumed by the ./native export
@@ -292,7 +299,7 @@
      page/panel/border/text/accent. Emitted HERE so no app has to
      declare them: every app used to define its own fallback palette
      in globals.css and they drifted (surveys' accent was #C8102E
-     where every other app was #E63946; --tab-content-bg resolved
+     where every other app was #D32F3B; --tab-content-bg resolved
      #1F1F1F on forms and #161616 on polls). Apps must consume these,
      never redeclare them (HITL 2026-07-23). Both spellings of the
      surface pair are emitted because apps historically used both. */
@@ -338,7 +345,7 @@
      they must not follow a Mode accent. Same value as before. */
   --chrome-danger: var(--color-race-red);
 
-  /* Nav row hover sweep. Was hardcoded #EA4751 → #E63946 in native/index.tsx
+  /* Nav row hover sweep. Was hardcoded #EA4751 → #D32F3B in native/index.tsx
      (race-red 400 → 500); same two stops, now overridable. */
   --nav-hover-gradient: linear-gradient(
     90deg,
@@ -540,7 +547,7 @@
   width: auto !important;
   padding: 0 0.25rem !important;
   border-radius: 9999px !important;
-  background: var(--chrome-danger, #e63946) !important;
+  background: var(--chrome-danger, #d32f3b) !important;
   color: #fff !important;
   font-size: 10px !important;
   font-weight: 700 !important;

package/dist/{chunk-RBJGWQJX.js → chunk-34NXDWIS.js}

@@ -1,7 +1,7 @@
 import { warnDeprecated, SpeculationRulesScript } from './chunk-MY6G3LMN.js';
 import { readThemeCookie, THEME_STORAGE_KEY, isThemePreference, applyThemePreference, readPendingThemeChoice, writeThemeCookie, clearPendingThemeChoice, markThemeChoicePending } from './chunk-BHRVZPZ7.js';
 import { readRailPreference, writeRailPreference } from './chunk-7YVJ7HQG.js';
-import { orgIdTail } from './chunk-BWV52AT6.js';
+import { orgIdTail } from './chunk-FBUF7LUE.js';
 import { createContext, useRef, useState, useEffect, useContext, useCallback, useMemo, Fragment as Fragment$1, useSyncExternalStore } from 'react';
 import clsx from 'clsx';
 import { FiUser, FiSettings, FiMessageSquare, FiMail, FiInfo, FiSun, FiMoon, FiHelpCircle, FiLifeBuoy, FiAlertCircle, FiAlertTriangle, FiBell, FiGrid, FiZap, FiBatteryCharging, FiBattery } from 'react-icons/fi';
@@ -500,7 +500,7 @@ function FuelRow({
       {
         className: [
           "h-full rounded-full transition-[width]",
-          low ? "bg-[color:var(--chrome-danger)]" : "bg-[color:var(--color-ok,#00A651)]"
+          low ? "bg-[color:var(--chrome-danger)]" : "bg-[color:var(--color-ok,#00783B)]"
         ].join(" "),
         style: { width: `${ratio}%` }
       }
@@ -2854,21 +2854,28 @@ function NavSectionRow({
   variant = "top"
 }) {
   const rc = useRailCollapse();
-  const collapsed = variant === "sub" ? "" : first ? rc("max-md:sr-only") : rc(
-    "max-md:mx-2 max-md:my-2 max-md:h-px max-md:overflow-hidden max-md:bg-[color:var(--sidebar-line,var(--line))] max-md:p-0 max-md:text-transparent"
-  );
-  return /* @__PURE__ */ jsx(
-    "p",
-    {
-      className: [
-        NAV_EYEBROW_CLASS,
-        variant === "sub" ? "px-3 pb-0.5" : "px-2 pb-1.5 pt-1",
-        first ? "" : variant === "sub" ? "mt-3" : "mt-[14px]",
-        collapsed
-      ].join(" "),
-      children: label
-    }
-  );
+  const labelCollapsed = variant === "sub" ? "" : rc("max-md:sr-only");
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    variant !== "sub" && !first ? /* @__PURE__ */ jsx(
+      "div",
+      {
+        "aria-hidden": true,
+        className: rc("max-md:mx-2 max-md:my-2 max-md:h-px max-md:bg-[color:var(--sidebar-line,var(--line))]")
+      }
+    ) : null,
+    /* @__PURE__ */ jsx(
+      "p",
+      {
+        className: [
+          NAV_EYEBROW_CLASS,
+          variant === "sub" ? "px-3 pb-0.5" : "px-2 pb-1.5 pt-1",
+          first ? "" : variant === "sub" ? "mt-3" : "mt-[14px]",
+          labelCollapsed
+        ].join(" "),
+        children: label
+      }
+    )
+  ] });
 }
 function NavRow({
   item,
@@ -3427,7 +3434,7 @@ function NavTabButton({
   const sizeClass = size === "sm" ? "py-2 text-[12px]" : "py-3 text-[13px]";
   const stateClass = disabled ? "cursor-not-allowed opacity-50" : "hover:text-[color:var(--tab-hover-color,#2F3136)]";
   const className = `${base} ${sizeClass} ${stateClass}`;
-  const color = disabled ? "var(--color-g4,#929599)" : selected ? "var(--tab-selected-color,#2F3136)" : "var(--color-g4,#929599)";
+  const color = disabled ? "var(--tab-text-muted,#5C6B80)" : selected ? "var(--tab-selected-color,#2F3136)" : "var(--tab-text-muted,#5C6B80)";
   const style = selected && !disabled ? {
     textAlign: "center",
     borderBottomWidth: 2,
@@ -3712,5 +3719,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, useNavChromeDedupedFetch, useNavChromeFetcher, useThemePreference };
-//# sourceMappingURL=chunk-RBJGWQJX.js.map
-//# sourceMappingURL=chunk-RBJGWQJX.js.map
+//# sourceMappingURL=chunk-34NXDWIS.js.map
+//# sourceMappingURL=chunk-34NXDWIS.js.map