@the-portland-company/shell 0.75.0 → 0.75.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/dist/native.cjs CHANGED
@@ -2893,7 +2893,7 @@ function NavSidebar({
2893
2893
  "div",
2894
2894
  {
2895
2895
  "data-shell-meta": true,
2896
- className: `mt-1.5 flex flex-col items-center gap-0.5 font-[family-name:var(--font-plex-mono)] text-[11px] text-[color:var(--sidebar-meta-text,rgba(255,255,255,0.4))] ${rc("max-md:hidden")}`,
2896
+ 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")}`,
2897
2897
  children: [
2898
2898
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1.5", children: [
2899
2899
  footer.envLabel ? shortEnvLabel(footer.envLabel) : null,
@@ -3043,7 +3043,7 @@ function NavActiveRail() {
3043
3043
  function NavRowBadge({ value }) {
3044
3044
  const rc = useRailCollapse();
3045
3045
  if (value === void 0 || value === null || value === "") return null;
3046
- return /* @__PURE__ */ jsxRuntime.jsx("span", { className: `ml-auto shrink-0 font-[family-name:var(--font-plex-mono,ui-monospace,monospace)] text-[11px] font-semibold leading-none text-[color:var(--sidebar-caption,var(--sidebar-text-muted,var(--muted)))] ${rc("max-md:hidden")}`, children: value });
3046
+ return /* @__PURE__ */ jsxRuntime.jsx("span", { className: `ml-auto shrink-0 font-[family-name:var(--font-mono,ui-monospace,monospace)] text-[11px] font-semibold leading-none text-[color:var(--sidebar-caption,var(--sidebar-text-muted,var(--muted)))] ${rc("max-md:hidden")}`, children: value });
3047
3047
  }
3048
3048
  function NavSectionRow({
3049
3049
  label,
@@ -3157,7 +3157,7 @@ function OrgIdCopyButton({ id }) {
3157
3157
  setTimeout(() => setCopied(false), 1500);
3158
3158
  },
3159
3159
  title: "Copy organization id",
3160
- className: "-ml-1 rounded px-1 text-left font-[family-name:var(--font-plex-mono,ui-monospace,monospace)] text-[12px] leading-[1.2] text-[color:var(--sidebar-caption,var(--sidebar-text-muted,var(--muted)))] hover:bg-[color:var(--sidebar-row-hover-bg,var(--panel))]",
3160
+ className: "-ml-1 rounded px-1 text-left font-[family-name:var(--font-mono,ui-monospace,monospace)] text-[12px] leading-[1.2] text-[color:var(--sidebar-caption,var(--sidebar-text-muted,var(--muted)))] hover:bg-[color:var(--sidebar-row-hover-bg,var(--panel))]",
3161
3161
  children: copied ? "Copied" : `\u2026${id.slice(-8)}`
3162
3162
  }
3163
3163
  );
@@ -3217,7 +3217,7 @@ function NavTopBar({
3217
3217
  "kbd",
3218
3218
  {
3219
3219
  "aria-hidden": true,
3220
- className: "pointer-events-none absolute right-[10px] hidden md:block rounded-[3px] border border-[color:var(--line)] px-[5px] py-px font-[family-name:var(--font-plex-mono,ui-monospace,monospace)] text-[12px] leading-[1.2] text-[color:var(--muted)]",
3220
+ className: "pointer-events-none absolute right-[10px] hidden md:block rounded-[3px] border border-[color:var(--line)] px-[5px] py-px font-[family-name:var(--font-mono,ui-monospace,monospace)] text-[12px] leading-[1.2] text-[color:var(--muted)]",
3221
3221
  children: "/"
3222
3222
  }
3223
3223
  )
@@ -3619,15 +3619,17 @@ function NavTabButton({
3619
3619
  Link,
3620
3620
  size
3621
3621
  }) {
3622
- const { label, count, href, onSelect, selected, disabled, disabledTitle } = tab;
3622
+ const { label, icon: Icon, count, href, onSelect, selected, disabled, disabledTitle } = tab;
3623
3623
  const base = "-mb-px inline-flex shrink-0 items-center gap-2 border-b-2 font-semibold leading-none transition-colors";
3624
3624
  const sizeClass = size === "sm" ? "py-2 text-[12px]" : "py-3 text-[13px]";
3625
3625
  const stateClass = disabled ? "cursor-not-allowed border-transparent text-[color:var(--color-g4,#929599)] opacity-50" : selected ? "text-[color:var(--tab-selected-color,#2F3136)]" : "border-transparent text-[color:var(--color-g4,#929599)] hover:text-[color:var(--tab-hover-color,#2F3136)]";
3626
3626
  const className = `${base} ${sizeClass} ${stateClass}`;
3627
3627
  const style = selected && !disabled ? { borderBottomColor: TAB_UNDERLINE_COLOR } : void 0;
3628
+ const iconSize = size === "sm" ? 13 : 15;
3628
3629
  const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
3630
+ Icon ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { size: iconSize, className: "shrink-0 text-current", strokeWidth: 1.75 }) : null,
3629
3631
  /* @__PURE__ */ jsxRuntime.jsx("span", { children: label }),
3630
- count !== void 0 && count !== null && count !== "" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-full bg-[color:var(--color-g2,#ECEEEF)] px-1.5 py-0.5 font-[family-name:var(--font-plex-mono,ui-monospace,monospace)] text-[11px] font-semibold leading-none", children: count }) : null
3632
+ count !== void 0 && count !== null && count !== "" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-full bg-[color:var(--color-g2,#ECEEEF)] px-1.5 py-0.5 font-[family-name:var(--font-mono,ui-monospace,monospace)] text-[11px] font-semibold leading-none", children: count }) : null
3631
3633
  ] });
3632
3634
  if (disabled) {
3633
3635
  return /* @__PURE__ */ jsxRuntime.jsx(