@skipleague/design 0.4.6 → 0.4.8

package/dist/BottomNav.js

@@ -97,7 +97,12 @@ export function BottomNav({ tabs, action, groups }) {
     const glow = activeTab?.color
         ? `0 0 22px 4px color-mix(in srgb, ${activeTab.color} 55%, transparent), 0 10px 22px color-mix(in srgb, ${activeTab.color} 30%, transparent)`
         : ACTION_GLOW;
-    return (_jsxs("nav", { style: { position: "relative", flex: "none" }, children: [_jsxs("div", { style: {
+    return (
+    // `display: block` is set explicitly (not left to the nav default) so a host
+    // app's global `nav { display: grid/flex }` rule can't override it and
+    // collapse the full-width bar — the children below rely on normal block flow
+    // (the bar fills the width; the floating "+" is absolutely positioned).
+    _jsxs("nav", { style: { display: "block", position: "relative", flex: "none" }, children: [_jsxs("div", { style: {
                     background: "var(--skl-color-surface)",
                     borderTop: "1px solid var(--skl-color-border)",
                     position: "relative",

package/dist/ProfileMenu.d.ts

@@ -23,9 +23,11 @@ export interface ProfileMenuProps {
     apps?: AppLink[];
     /**
      * Slugs of the apps THIS user has enabled (e.g. the platform's `app_slugs`).
-     * When provided, the switcher shows only those apps (the current app is always
-     * kept), so every app shows the same "your apps" set without each one
-     * re-implementing the filter. Omit to list every app in `apps`.
+     * When provided and non-empty, the switcher shows only those apps (the current
+     * app is always kept), so every app shows the same "your apps" set without each
+     * one re-implementing the filter. Omit — or pass an EMPTY array — to list every
+     * app in `apps`. (Empty is treated as "show all" so super-admins, who are
+     * authorized without per-app slugs, don't get an empty switcher.)
      */
     enabledSlugs?: string[];
     /** Target of the "Manage account" link. Defaults to the platform account page. */

package/dist/ProfileMenu.js

@@ -37,7 +37,7 @@ export function ProfileMenu({ user, currentSlug, apps = SKIPLEAGUE_APPS, enabled
     }, [open]);
     // Show only the apps this user has enabled (always keeping the current app),
     // when the caller passes the user's enabled slugs. Otherwise list every app.
-    const visibleApps = enabledSlugs
+    const visibleApps = enabledSlugs && enabledSlugs.length > 0
         ? apps.filter((a) => a.slug === currentSlug || enabledSlugs.includes(a.slug))
         : apps;
     const signedIn = !!(user?.displayName || user?.email);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skipleague/design",
-  "version": "0.4.6",
+  "version": "0.4.8",
   "description": "SkipUI — the SkipLeague design system: shared tokens and React components for every SkipLeague app.",
   "type": "module",
   "repository": {

package/src/BottomNav.tsx

@@ -168,7 +168,11 @@ export function BottomNav({ tabs, action, groups }: BottomNavProps) {
     : ACTION_GLOW;
 
   return (
-    <nav style={{ position: "relative", flex: "none" }}>
+    // `display: block` is set explicitly (not left to the nav default) so a host
+    // app's global `nav { display: grid/flex }` rule can't override it and
+    // collapse the full-width bar — the children below rely on normal block flow
+    // (the bar fills the width; the floating "+" is absolutely positioned).
+    <nav style={{ display: "block", position: "relative", flex: "none" }}>
       {/* Bar — clips the glow at its top edge ("the line"). */}
       <div
         style={{

package/src/ProfileMenu.tsx

@@ -28,9 +28,11 @@ export interface ProfileMenuProps {
   apps?: AppLink[];
   /**
    * Slugs of the apps THIS user has enabled (e.g. the platform's `app_slugs`).
-   * When provided, the switcher shows only those apps (the current app is always
-   * kept), so every app shows the same "your apps" set without each one
-   * re-implementing the filter. Omit to list every app in `apps`.
+   * When provided and non-empty, the switcher shows only those apps (the current
+   * app is always kept), so every app shows the same "your apps" set without each
+   * one re-implementing the filter. Omit — or pass an EMPTY array — to list every
+   * app in `apps`. (Empty is treated as "show all" so super-admins, who are
+   * authorized without per-app slugs, don't get an empty switcher.)
    */
   enabledSlugs?: string[];
   /** Target of the "Manage account" link. Defaults to the platform account page. */
@@ -110,9 +112,10 @@ export function ProfileMenu({
 
   // Show only the apps this user has enabled (always keeping the current app),
   // when the caller passes the user's enabled slugs. Otherwise list every app.
-  const visibleApps = enabledSlugs
-    ? apps.filter((a) => a.slug === currentSlug || enabledSlugs.includes(a.slug))
-    : apps;
+  const visibleApps =
+    enabledSlugs && enabledSlugs.length > 0
+      ? apps.filter((a) => a.slug === currentSlug || enabledSlugs.includes(a.slug))
+      : apps;
 
   const signedIn = !!(user?.displayName || user?.email);
   // Signed-out menu only when a sign-in handler is supplied — otherwise keep the