@skipleague/design 0.4.5 → 0.4.7

package/dist/AppLogo.d.ts

@@ -1,5 +1,5 @@
 /** A SkipLeague app's logo glyph (monoline, drawn on the brand tile). */
-export type AppGlyph = "lists" | "racquetball" | "trips";
+export type AppGlyph = "lists" | "racquetball" | "trips" | "gifts" | "reading" | "today";
 /**
  * The per-app logo mark — a brand-green rounded tile holding a white monoline
  * glyph. Replaces the single-letter {@link AppBadge}; gives each SkipLeague app a

package/dist/AppLogo.js

@@ -9,6 +9,15 @@ function glyphPaths(app, color) {
             return (_jsxs(_Fragment, { children: [_jsx("ellipse", { cx: "10", cy: "9", rx: "5.4", ry: "6.6", transform: "rotate(-34 10 9)" }), _jsx("path", { d: "M6.6 14.2L3.4 19.4" }), _jsx("circle", { cx: "18", cy: "17.4", r: "2.3", fill: color, stroke: "none" })] }));
         case "trips":
             return (_jsxs(_Fragment, { children: [_jsx("path", { d: "M12 21.5s6.6-5.8 6.6-10.5a6.6 6.6 0 1 0-13.2 0c0 4.7 6.6 10.5 6.6 10.5z" }), _jsx("circle", { cx: "12", cy: "10.8", r: "2.4" })] }));
+        case "gifts":
+            // Gift box: lid band, body, vertical ribbon, and a two-loop bow.
+            return (_jsxs(_Fragment, { children: [_jsx("rect", { x: "3.5", y: "8", width: "17", height: "4.5", rx: "1" }), _jsx("path", { d: "M5 12.5V20h14v-7.5" }), _jsx("path", { d: "M12 8v12" }), _jsx("path", { d: "M12 8C11 5.5 9.5 4.2 8.2 4.9 6.9 5.6 8 8 12 8Z" }), _jsx("path", { d: "M12 8c1-2.5 2.5-3.8 3.8-3.1C17.1 5.6 16 8 12 8Z" })] }));
+        case "reading":
+            // Open book: two pages meeting at a center spine.
+            return (_jsxs(_Fragment, { children: [_jsx("path", { d: "M12 6.5C9.8 5.1 6.4 4.6 4 5.3v12.6c2.4-.7 5.8-.2 8 1.2 2.2-1.4 5.6-1.9 8-1.2V5.3C17.6 4.6 14.2 5.1 12 6.5Z" }), _jsx("path", { d: "M12 6.5V19.3" })] }));
+        case "today":
+            // Sun = "today" / the day.
+            return (_jsxs(_Fragment, { children: [_jsx("circle", { cx: "12", cy: "12", r: "3.8" }), _jsx("path", { d: "M12 2.6V5" }), _jsx("path", { d: "M12 19V21.4" }), _jsx("path", { d: "M2.6 12H5" }), _jsx("path", { d: "M19 12H21.4" }), _jsx("path", { d: "M5.2 5.2 6.9 6.9" }), _jsx("path", { d: "M17.1 17.1 18.8 18.8" }), _jsx("path", { d: "M18.8 5.2 17.1 6.9" }), _jsx("path", { d: "M6.9 17.1 5.2 18.8" })] }));
     }
 }
 /**

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.5",
+  "version": "0.4.7",
   "description": "SkipUI — the SkipLeague design system: shared tokens and React components for every SkipLeague app.",
   "type": "module",
   "repository": {

package/src/AppLogo.tsx

@@ -1,7 +1,7 @@
 import type { CSSProperties, ReactNode } from "react";
 
 /** A SkipLeague app's logo glyph (monoline, drawn on the brand tile). */
-export type AppGlyph = "lists" | "racquetball" | "trips";
+export type AppGlyph = "lists" | "racquetball" | "trips" | "gifts" | "reading" | "today";
 
 // Exact 24×24 glyph paths (design_handoff_top_bar). `color` only matters for the
 // racquetball ball, which is filled rather than stroked.
@@ -31,6 +31,40 @@ function glyphPaths(app: AppGlyph, color: string): ReactNode {
           <circle cx="12" cy="10.8" r="2.4" />
         </>
       );
+    case "gifts":
+      // Gift box: lid band, body, vertical ribbon, and a two-loop bow.
+      return (
+        <>
+          <rect x="3.5" y="8" width="17" height="4.5" rx="1" />
+          <path d="M5 12.5V20h14v-7.5" />
+          <path d="M12 8v12" />
+          <path d="M12 8C11 5.5 9.5 4.2 8.2 4.9 6.9 5.6 8 8 12 8Z" />
+          <path d="M12 8c1-2.5 2.5-3.8 3.8-3.1C17.1 5.6 16 8 12 8Z" />
+        </>
+      );
+    case "reading":
+      // Open book: two pages meeting at a center spine.
+      return (
+        <>
+          <path d="M12 6.5C9.8 5.1 6.4 4.6 4 5.3v12.6c2.4-.7 5.8-.2 8 1.2 2.2-1.4 5.6-1.9 8-1.2V5.3C17.6 4.6 14.2 5.1 12 6.5Z" />
+          <path d="M12 6.5V19.3" />
+        </>
+      );
+    case "today":
+      // Sun = "today" / the day.
+      return (
+        <>
+          <circle cx="12" cy="12" r="3.8" />
+          <path d="M12 2.6V5" />
+          <path d="M12 19V21.4" />
+          <path d="M2.6 12H5" />
+          <path d="M19 12H21.4" />
+          <path d="M5.2 5.2 6.9 6.9" />
+          <path d="M17.1 17.1 18.8 18.8" />
+          <path d="M18.8 5.2 17.1 6.9" />
+          <path d="M6.9 17.1 5.2 18.8" />
+        </>
+      );
   }
 }
 

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