@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.
Files changed (7) hide show
  1. package/dist/native.cjs +19 -5
  2. package/dist/native.cjs.map +1 -1
  3. package/dist/native.d.cts +8 -1
  4. package/dist/native.d.ts +8 -1
  5. package/dist/native.js +19 -6
  6. package/dist/native.js.map +1 -1
  7. package/package.json +1 -1
package/dist/native.d.cts CHANGED
@@ -18,6 +18,13 @@ declare function TopBarTooltip({ title, description, }: {
18
18
  title: string;
19
19
  description?: ReactNode;
20
20
  }): react_jsx_runtime.JSX.Element;
21
+ /**
22
+ * The up-pointing arrow every top-bar panel renders, anchored under its
23
+ * trigger icon (panels are right-aligned, so the arrow sits at the trigger's
24
+ * center: 16px in from the panel's right edge). One definition — every menu
25
+ * points at its own icon identically.
26
+ */
27
+ declare function TopBarPanelArrow(): react_jsx_runtime.JSX.Element;
21
28
  /**
22
29
  * Wrapper for third-party top-bar widgets that ship their own launcher button
23
30
  * (e.g. DevNotes). Normalizes the trigger to the universal 32px circular slot
@@ -390,4 +397,4 @@ type NavAppShellProps = {
390
397
  */
391
398
  declare function NavAppShell({ sidebar, topBar, children }: NavAppShellProps): react_jsx_runtime.JSX.Element;
392
399
 
393
- export { type ChromeNotificationAlert, type ChromeNotificationReply, type ChromeNotificationsPayload, type ChromeOrgSummary, type CommunicationsFuelStatus, FuelAction, type FuelChannelStatus, NavAppShell, type NavAppShellProps, type NavBrand, type NavChromeFetcher, NavChromeProvider, NavDisplayAction, type NavDisplayMode, type NavFooter, type NavFooterLink, type NavIcon, type NavItem, type NavLinkComponent, type NavLinkProps, type NavLinkedAccount, type NavMode, type NavOrg, type NavOrgOption, type NavRoleBadge, NavSidebar, type NavSidebarProps, type NavTab, NavTabStrip, type NavTabStripProps, NavThemeControl, NavTopBar, type NavTopBarAction, type NavTopBarProps, type NavUser, type NavUserMenu, NotificationsAction, type StandardNavIconKey, type StandardNavOptions, SupportAction, type ThemePreference, TopBarCountBadge, TopBarTooltip, TopBarWidgetSlot, envChipClasses, isNavItemActive, standardPolitogyNav, topBarIconButtonClass, useChromeOrgs, useThemePreference };
400
+ export { type ChromeNotificationAlert, type ChromeNotificationReply, type ChromeNotificationsPayload, type ChromeOrgSummary, type CommunicationsFuelStatus, FuelAction, type FuelChannelStatus, NavAppShell, type NavAppShellProps, type NavBrand, type NavChromeFetcher, NavChromeProvider, NavDisplayAction, type NavDisplayMode, type NavFooter, type NavFooterLink, type NavIcon, type NavItem, type NavLinkComponent, type NavLinkProps, type NavLinkedAccount, type NavMode, type NavOrg, type NavOrgOption, type NavRoleBadge, NavSidebar, type NavSidebarProps, type NavTab, NavTabStrip, type NavTabStripProps, NavThemeControl, NavTopBar, type NavTopBarAction, type NavTopBarProps, type NavUser, type NavUserMenu, NotificationsAction, type StandardNavIconKey, type StandardNavOptions, SupportAction, type ThemePreference, TopBarCountBadge, TopBarPanelArrow, TopBarTooltip, TopBarWidgetSlot, envChipClasses, isNavItemActive, standardPolitogyNav, topBarIconButtonClass, useChromeOrgs, useThemePreference };
package/dist/native.d.ts CHANGED
@@ -18,6 +18,13 @@ declare function TopBarTooltip({ title, description, }: {
18
18
  title: string;
19
19
  description?: ReactNode;
20
20
  }): react_jsx_runtime.JSX.Element;
21
+ /**
22
+ * The up-pointing arrow every top-bar panel renders, anchored under its
23
+ * trigger icon (panels are right-aligned, so the arrow sits at the trigger's
24
+ * center: 16px in from the panel's right edge). One definition — every menu
25
+ * points at its own icon identically.
26
+ */
27
+ declare function TopBarPanelArrow(): react_jsx_runtime.JSX.Element;
21
28
  /**
22
29
  * Wrapper for third-party top-bar widgets that ship their own launcher button
23
30
  * (e.g. DevNotes). Normalizes the trigger to the universal 32px circular slot
@@ -390,4 +397,4 @@ type NavAppShellProps = {
390
397
  */
391
398
  declare function NavAppShell({ sidebar, topBar, children }: NavAppShellProps): react_jsx_runtime.JSX.Element;
392
399
 
393
- export { type ChromeNotificationAlert, type ChromeNotificationReply, type ChromeNotificationsPayload, type ChromeOrgSummary, type CommunicationsFuelStatus, FuelAction, type FuelChannelStatus, NavAppShell, type NavAppShellProps, type NavBrand, type NavChromeFetcher, NavChromeProvider, NavDisplayAction, type NavDisplayMode, type NavFooter, type NavFooterLink, type NavIcon, type NavItem, type NavLinkComponent, type NavLinkProps, type NavLinkedAccount, type NavMode, type NavOrg, type NavOrgOption, type NavRoleBadge, NavSidebar, type NavSidebarProps, type NavTab, NavTabStrip, type NavTabStripProps, NavThemeControl, NavTopBar, type NavTopBarAction, type NavTopBarProps, type NavUser, type NavUserMenu, NotificationsAction, type StandardNavIconKey, type StandardNavOptions, SupportAction, type ThemePreference, TopBarCountBadge, TopBarTooltip, TopBarWidgetSlot, envChipClasses, isNavItemActive, standardPolitogyNav, topBarIconButtonClass, useChromeOrgs, useThemePreference };
400
+ export { type ChromeNotificationAlert, type ChromeNotificationReply, type ChromeNotificationsPayload, type ChromeOrgSummary, type CommunicationsFuelStatus, FuelAction, type FuelChannelStatus, NavAppShell, type NavAppShellProps, type NavBrand, type NavChromeFetcher, NavChromeProvider, NavDisplayAction, type NavDisplayMode, type NavFooter, type NavFooterLink, type NavIcon, type NavItem, type NavLinkComponent, type NavLinkProps, type NavLinkedAccount, type NavMode, type NavOrg, type NavOrgOption, type NavRoleBadge, NavSidebar, type NavSidebarProps, type NavTab, NavTabStrip, type NavTabStripProps, NavThemeControl, NavTopBar, type NavTopBarAction, type NavTopBarProps, type NavUser, type NavUserMenu, NotificationsAction, type StandardNavIconKey, type StandardNavOptions, SupportAction, type ThemePreference, TopBarCountBadge, TopBarPanelArrow, TopBarTooltip, TopBarWidgetSlot, envChipClasses, isNavItemActive, standardPolitogyNav, topBarIconButtonClass, useChromeOrgs, useThemePreference };
package/dist/native.js CHANGED
@@ -41,6 +41,15 @@ function TopBarTooltip({
41
41
  }
42
42
  );
43
43
  }
44
+ function TopBarPanelArrow() {
45
+ return /* @__PURE__ */ jsx(
46
+ "span",
47
+ {
48
+ "aria-hidden": true,
49
+ 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)]"
50
+ }
51
+ );
52
+ }
44
53
  function TopBarWidgetSlot({
45
54
  title,
46
55
  description,
@@ -199,14 +208,17 @@ function TopBarPopover({
199
208
  ]
200
209
  }
201
210
  ),
202
- open ? /* @__PURE__ */ jsx(
211
+ open ? /* @__PURE__ */ jsxs(
203
212
  "div",
204
213
  {
205
214
  className: [
206
- "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)]",
215
+ "absolute right-0 z-40 mt-2 rounded-xl border border-[color:var(--line)] bg-[color:var(--panel-elevated)] shadow-[var(--shadow-soft)]",
207
216
  panelClassName ?? "w-80"
208
217
  ].join(" "),
209
- children
218
+ children: [
219
+ /* @__PURE__ */ jsx(TopBarPanelArrow, {}),
220
+ /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-xl", children })
221
+ ]
210
222
  }
211
223
  ) : null
212
224
  ] });
@@ -1120,7 +1132,7 @@ function NavTopBar({
1120
1132
  themeToggle,
1121
1133
  /* @__PURE__ */ jsxs("details", { className: "group/acct relative", children: [
1122
1134
  /* @__PURE__ */ 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: [
1123
- /* @__PURE__ */ 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__ */ jsx("img", { src: user.avatarUrl, alt: "", className: "h-full w-full object-cover" }) : initials }),
1135
+ /* @__PURE__ */ 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__ */ jsx("img", { src: user.avatarUrl, alt: "", className: "h-full w-full object-cover" }) : initials }),
1124
1136
  /* @__PURE__ */ jsxs("span", { className: "hidden flex-col leading-tight md:flex", children: [
1125
1137
  /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-[color:var(--foreground)]", children: user?.name ?? "Signed in" }),
1126
1138
  /* @__PURE__ */ jsx("span", { className: "text-xs text-[color:var(--muted)]", children: secondary })
@@ -1142,7 +1154,8 @@ function NavTopBar({
1142
1154
  }
1143
1155
  ) })
1144
1156
  ] }),
1145
- /* @__PURE__ */ 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: [
1157
+ /* @__PURE__ */ 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: [
1158
+ /* @__PURE__ */ jsx(TopBarPanelArrow, {}),
1146
1159
  userMenu?.myProfileHref ? /* @__PURE__ */ jsxs(
1147
1160
  "a",
1148
1161
  {
@@ -1452,6 +1465,6 @@ function NavAppShell({ sidebar, topBar, children }) {
1452
1465
  ] });
1453
1466
  }
1454
1467
 
1455
- export { FuelAction, NavAppShell, NavChromeProvider, NavDisplayAction, NavSidebar, NavTabStrip, NavThemeControl, NavTopBar, NotificationsAction, SupportAction, TopBarCountBadge, TopBarTooltip, TopBarWidgetSlot, envChipClasses, isNavItemActive, standardPolitogyNav, topBarIconButtonClass, useChromeOrgs, useThemePreference };
1468
+ export { FuelAction, NavAppShell, NavChromeProvider, NavDisplayAction, NavSidebar, NavTabStrip, NavThemeControl, NavTopBar, NotificationsAction, SupportAction, TopBarCountBadge, TopBarPanelArrow, TopBarTooltip, TopBarWidgetSlot, envChipClasses, isNavItemActive, standardPolitogyNav, topBarIconButtonClass, useChromeOrgs, useThemePreference };
1456
1469
  //# sourceMappingURL=native.js.map
1457
1470
  //# sourceMappingURL=native.js.map