@zaclinley/dsh-mailharbor 0.2.0 → 0.2.1

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Changelog
 
+## 0.2.1
+
+### Patch Changes
+
+- 7f5a956: Adapt the sidebar unread badge to the shell: a compact accent pill at the icon
+  corner instead of a white blob that covered the envelope (the old badge used
+  `--dsw-alias-brand-primary`, which is near-white in the dark theme).
+
 ## 0.2.0
 
 ### Minor Changes

package/lib/client.js

@@ -163,16 +163,24 @@ function MailIcon() {
   return (0, import_react.createElement)(
     "span",
     {
-      style: { position: "relative", display: "inline-flex", alignItems: "center", justifyContent: "center" }
+      style: {
+        position: "relative",
+        display: "inline-flex",
+        alignItems: "center",
+        justifyContent: "center",
+        width: "18px",
+        height: "18px",
+        boxSizing: "border-box"
+      }
     },
     (0, import_react.createElement)(
       "svg",
-      { width: 18, height: 18, viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true" },
-      (0, import_react.createElement)("rect", { x: 2.5, y: 5, width: 19, height: 14, rx: 2.5, stroke: "currentColor", strokeWidth: 1.6 }),
+      { width: 16, height: 16, viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true" },
+      (0, import_react.createElement)("rect", { x: 2.5, y: 5, width: 19, height: 14, rx: 2.5, stroke: "currentColor", strokeWidth: 1.7 }),
       (0, import_react.createElement)("path", {
         d: "M3.5 7l7.6 5.4a1.6 1.6 0 0 0 1.8 0L20.5 7",
         stroke: "currentColor",
-        strokeWidth: 1.6,
+        strokeWidth: 1.7,
         strokeLinecap: "round"
       })
     ),
@@ -181,18 +189,26 @@ function MailIcon() {
       {
         style: {
           position: "absolute",
-          top: "-4px",
-          right: "-6px",
-          minWidth: "14px",
-          height: "14px",
+          right: "-5px",
+          bottom: "-3px",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          boxSizing: "border-box",
+          minWidth: "13px",
+          height: "13px",
           padding: "0 3px",
           borderRadius: "999px",
-          background: "var(--dsw-alias-brand-primary, #4d6bfe)",
+          background: "#5686fe",
           color: "#fff",
           fontSize: "9px",
-          lineHeight: "14px",
-          textAlign: "center",
-          fontWeight: 600
+          fontWeight: 600,
+          lineHeight: "13px",
+          zIndex: 1,
+          letterSpacing: "-0.01em",
+          fontVariantNumeric: "tabular-nums",
+          boxShadow: "0 0 0 2px var(--dsw-alias-bg-base, #151517)",
+          pointerEvents: "none"
         }
       },
       unread > 99 ? "99+" : String(unread)
@@ -2057,7 +2073,7 @@ function AccountRow({
 }
 
 // src/client/index.tsx
-var VERSION = "0.2.0";
+var VERSION = "0.2.1";
 var inject = ["slots"];
 var PANEL_ID = "mailharbor";
 var STYLE_ID = "mailharbor-style";