@the-portland-company/shell 0.97.0 → 0.97.1

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.
@@ -609,19 +609,26 @@ function TopBarCountBadge({ count }) {
609
609
  }
610
610
  function TopBarTooltip({
611
611
  title,
612
- description
612
+ description,
613
+ align = "center"
613
614
  }) {
615
+ const bodyPosition = align === "end" ? "right-0" : "left-1/2 -translate-x-1/2";
616
+ const arrowPosition = align === "end" ? "" : "left-1/2 -translate-x-1/2";
617
+ const arrowStyle = align === "end" ? { right: "calc(var(--topbar-icon-button-size, 34px) / 2 - 5px)" } : void 0;
614
618
  return /* @__PURE__ */ jsxs(
615
619
  "span",
616
620
  {
617
621
  role: "tooltip",
618
- className: "pointer-events-none absolute left-1/2 top-full z-50 mt-2 hidden w-max max-w-56 -translate-x-1/2 flex-col rounded-lg border border-[color:var(--app-btn-tooltip-bg,#2F3136)] bg-[color:var(--app-btn-tooltip-bg,#2F3136)] px-3 py-2 text-left shadow-[var(--shadow-soft)] group-hover/tbtip:flex group-focus-visible/tbtip:flex",
622
+ "data-tooltip-align": align,
623
+ className: `pointer-events-none absolute ${bodyPosition} top-full z-50 mt-2 hidden w-max max-w-56 flex-col rounded-lg border border-[color:var(--app-btn-tooltip-bg,#2F3136)] bg-[color:var(--app-btn-tooltip-bg,#2F3136)] px-3 py-2 text-left shadow-[var(--shadow-soft)] group-hover/tbtip:flex group-focus-visible/tbtip:flex`,
619
624
  children: [
620
625
  /* @__PURE__ */ jsx(
621
626
  "span",
622
627
  {
623
628
  "aria-hidden": true,
624
- className: "absolute -top-[5px] left-1/2 h-2.5 w-2.5 -translate-x-1/2 rotate-45 border-l border-t border-[color:var(--app-btn-tooltip-bg,#2F3136)] bg-[color:var(--app-btn-tooltip-bg,#2F3136)]"
629
+ "data-tooltip-arrow": true,
630
+ style: arrowStyle,
631
+ className: `absolute -top-[5px] ${arrowPosition} h-2.5 w-2.5 rotate-45 border-l border-t border-[color:var(--app-btn-tooltip-bg,#2F3136)] bg-[color:var(--app-btn-tooltip-bg,#2F3136)]`
625
632
  }
626
633
  ),
627
634
  /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold text-[color:var(--app-btn-tooltip-fg,#FFFFFF)]", children: title }),
@@ -2294,7 +2301,7 @@ function useThemePreference() {
2294
2301
  function TopBarLinkAction({ label, description, href, icon: Icon }) {
2295
2302
  return /* @__PURE__ */ jsxs("a", { href, "aria-label": label, className: topBarIconButtonClass(), children: [
2296
2303
  /* @__PURE__ */ jsx(Icon, { size: TOPBAR_GLYPH_SIZE, className: "text-current" }),
2297
- /* @__PURE__ */ jsx(TopBarTooltip, { title: label, description })
2304
+ /* @__PURE__ */ jsx(TopBarTooltip, { title: label, description, align: "end" })
2298
2305
  ] });
2299
2306
  }
2300
2307
  function OrganizationSettingsAction({ href }) {
@@ -2727,5 +2734,5 @@ function BreadcrumbBarView({
2727
2734
  }
2728
2735
 
2729
2736
  export { AI_CREDITS_STATE_TITLES, AiCreditsState, BreadcrumbBarView, CORE_APP_ORIGIN, CORE_BILLING_PATH, CREDIT_TYPE_LABELS, CREDIT_TYPE_ORDER, Card, CreditsAction, FormColumn, FuelAction, HeaderTabBar, KNOWN_TAB_GLYPHS, MyProfileAction, NAV_DISPLAY_OPTIONS, NavChromeProvider, NavDisplayAction, NavThemeControl, NotificationsAction, OrganizationSettingsAction, PageHeaderView, RowMenu, RowMenuItem, SPECS_ORIGIN, SpecOverlayAction, SpeculationRulesScript, SupportAction, TOPBAR_GLYPH_SIZE, TopBarCountBadge, TopBarLinkAction, TopBarPanelArrow, TopBarPopover, TopBarTooltip, TopBarWidgetSlot, aiCreditsWalletUrl, buildNavSpeculationRules, buildSpeculationRules, collectSiblingAppUrls, createCommsNotificationsAdapter, creditGaugeRatio, creditStateWord, creditTooltipLine, creditsAriaLabel, creditsIconState, emptyNotificationsFeed, normalizeNotificationsFeed, resolveBrandGlyph, resolveOrgLogoUrl, resolveTabGlyph, rowMenuPosition, topBarIconButtonClass, useChromeMe, useChromeOrgs, useNavChromeDedupedFetch, useNavChromeFetcher, useThemePreference, useTopBarIconSlotGlyph, warnDeprecated };
2730
- //# sourceMappingURL=chunk-VAQNZD37.js.map
2731
- //# sourceMappingURL=chunk-VAQNZD37.js.map
2737
+ //# sourceMappingURL=chunk-XPTC47TY.js.map
2738
+ //# sourceMappingURL=chunk-XPTC47TY.js.map