@the-portland-company/shell 0.16.2 → 0.16.3

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
@@ -154,6 +154,15 @@ function TopBarTooltip({
154
154
  }
155
155
  );
156
156
  }
157
+ function TopBarPanelArrow() {
158
+ return /* @__PURE__ */ jsxRuntime.jsx(
159
+ "span",
160
+ {
161
+ "aria-hidden": true,
162
+ className: "absolute -top-[5px] right-[11px] h-2.5 w-2.5 rotate-45 border-l border-t border-[color:var(--line)] bg-[color:var(--panel-elevated)]"
163
+ }
164
+ );
165
+ }
157
166
  function TopBarWidgetSlot({
158
167
  title,
159
168
  description,
@@ -312,14 +321,17 @@ function TopBarPopover({
312
321
  ]
313
322
  }
314
323
  ),
315
- open ? /* @__PURE__ */ jsxRuntime.jsx(
324
+ open ? /* @__PURE__ */ jsxRuntime.jsxs(
316
325
  "div",
317
326
  {
318
327
  className: [
319
- "absolute right-0 z-40 mt-2 overflow-hidden rounded-xl border border-[color:var(--line)] bg-[color:var(--panel-elevated)] shadow-[var(--shadow-soft)]",
328
+ "absolute right-0 z-40 mt-2 rounded-xl border border-[color:var(--line)] bg-[color:var(--panel-elevated)] shadow-[var(--shadow-soft)]",
320
329
  panelClassName ?? "w-80"
321
330
  ].join(" "),
322
- children
331
+ children: [
332
+ /* @__PURE__ */ jsxRuntime.jsx(TopBarPanelArrow, {}),
333
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-hidden rounded-xl", children })
334
+ ]
323
335
  }
324
336
  ) : null
325
337
  ] });
@@ -1233,7 +1245,7 @@ function NavTopBar({
1233
1245
  themeToggle,
1234
1246
  /* @__PURE__ */ jsxRuntime.jsxs("details", { className: "group/acct relative", children: [
1235
1247
  /* @__PURE__ */ jsxRuntime.jsxs("summary", { className: "group/tbtip relative flex cursor-pointer list-none items-center gap-2.5 rounded-full py-1 pl-1 pr-2 transition hover:bg-[color:var(--panel-elevated)] [&::-webkit-details-marker]:hidden", children: [
1236
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-9 w-9 items-center justify-center overflow-hidden rounded-full bg-[color:var(--color-race-red)] text-xs font-bold text-white", children: user?.avatarUrl ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: user.avatarUrl, alt: "", className: "h-full w-full object-cover" }) : initials }),
1248
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-[var(--topbar-icon-button-size,32px)] w-[var(--topbar-icon-button-size,32px)] items-center justify-center overflow-hidden rounded-full bg-[color:var(--color-race-red)] text-xs font-bold text-white", children: user?.avatarUrl ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: user.avatarUrl, alt: "", className: "h-full w-full object-cover" }) : initials }),
1237
1249
  /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "hidden flex-col leading-tight md:flex", children: [
1238
1250
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-semibold text-[color:var(--foreground)]", children: user?.name ?? "Signed in" }),
1239
1251
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-[color:var(--muted)]", children: secondary })
@@ -1255,7 +1267,8 @@ function NavTopBar({
1255
1267
  }
1256
1268
  ) })
1257
1269
  ] }),
1258
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute right-0 z-30 mt-2 w-72 overflow-hidden rounded-xl border border-[color:var(--line)] bg-[color:var(--panel-elevated)] py-1 shadow-[var(--shadow-soft)]", children: [
1270
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute right-0 z-30 mt-2 w-72 rounded-xl border border-[color:var(--line)] bg-[color:var(--panel-elevated)] py-1 shadow-[var(--shadow-soft)]", children: [
1271
+ /* @__PURE__ */ jsxRuntime.jsx(TopBarPanelArrow, {}),
1259
1272
  userMenu?.myProfileHref ? /* @__PURE__ */ jsxRuntime.jsxs(
1260
1273
  "a",
1261
1274
  {
@@ -1576,6 +1589,7 @@ exports.NavTopBar = NavTopBar;
1576
1589
  exports.NotificationsAction = NotificationsAction;
1577
1590
  exports.SupportAction = SupportAction;
1578
1591
  exports.TopBarCountBadge = TopBarCountBadge;
1592
+ exports.TopBarPanelArrow = TopBarPanelArrow;
1579
1593
  exports.TopBarTooltip = TopBarTooltip;
1580
1594
  exports.TopBarWidgetSlot = TopBarWidgetSlot;
1581
1595
  exports.envChipClasses = envChipClasses;