@fairgarden/design 0.1.0-alpha.1 → 0.1.0-alpha.2

package/navigation/navigation-bar/navigation-bar.module.css

@@ -10,7 +10,7 @@
  * brandDrawing, nav, tools, iconButtons, action, menuSlot.
  *
  * Page frame: it responds to the viewport custom media only, with the
- * inline threshold --ds-nav-inline-n-above a build-time constant [D183].
+ * inline threshold --fgd-nav-inline-n-above a build-time constant [D183].
  * Colors are role variables only; local custom properties carry dimensions
  * only: --navigation-bar-logo-size, --navigation-bar-flow-size (the
  * in-flow height held while docked, written by the sticky observer).
@@ -47,12 +47,12 @@
   .skipLink {
     position: absolute;
     inset-block-start: var(--size-px-2);
-    inset-inline-start: var(--ds-space-margin);
+    inset-inline-start: var(--fgd-space-margin);
     z-index: var(--layer-3);
     display: inline-flex;
     align-items: center;
     box-sizing: border-box;
-    min-block-size: var(--ds-size-hit);
+    min-block-size: var(--fgd-size-hit);
     padding-inline: var(--size-px-5);
     border: var(--border-size-2) solid var(--primary12);
     border-radius: var(--radius-round);
@@ -62,10 +62,10 @@
     white-space: nowrap;
   }
 
-  /* The brand strip: the first bar's --ds-stroke-3 top line in --secondary9 (green, passed explicitly). */
+  /* The brand strip: the first bar's --border-size-2-25 top line in --secondary9 (green, passed explicitly). */
   .strip {
     block-size: 0;
-    border-block-start: var(--ds-stroke-3) solid var(--secondary9);
+    border-block-start: var(--border-size-2-25) solid var(--secondary9);
   }
 
   /* ── Utility bar (§11.3) ───────────────────────────────────────────── */
@@ -80,8 +80,8 @@
     align-items: center;
     gap: var(--size-px-5);
     box-sizing: border-box;
-    inline-size: min(calc(100% - 2 * var(--ds-space-margin)), var(--ds-container-content));
-    block-size: var(--ds-size-bar-utility);
+    inline-size: min(calc(100% - 2 * var(--fgd-space-margin)), var(--fgd-container-content));
+    block-size: var(--fgd-size-bar-utility);
     margin-inline: auto;
   }
 
@@ -145,29 +145,38 @@
   /* 56 px at base, 64 px from --lg-n-above, over a full-bleed --border-size-1 --role-rule. */
   .bar {
     box-sizing: content-box;
-    block-size: var(--ds-size-control-xl);
+    block-size: var(--fgd-size-control-xl);
     border-block-end: var(--border-size-1) solid var(--role-rule);
   }
 
-  /* Capped at --ds-container-content; the panels align to this box. */
+  /* Capped at --fgd-container-content; the panels align to this box. */
   .inner {
     display: flex;
     align-items: center;
     gap: var(--size-px-5);
     box-sizing: border-box;
-    inline-size: min(calc(100% - 2 * var(--ds-space-margin)), var(--ds-container-content));
+    inline-size: min(calc(100% - 2 * var(--fgd-space-margin)), var(--fgd-container-content));
     block-size: 100%;
     margin-inline: auto;
   }
 
+  /*
+   * The bar's one flexible item (the base fit): below the inline threshold
+   * the logo gives way before any control, so the bar never overflows,
+   * whatever the logo's width. It keeps a --fgd-size-hit target; the logo
+   * shrinks inside it and is clipped, never the controls. A lockup should
+   * drop its wordmark whole as it narrows (wrapped onto a clipped second
+   * line), so the mark stands alone; the home link keeps its name.
+   */
   .logo {
     --navigation-bar-logo-size: var(--size-px-6);
 
     display: inline-flex;
-    flex: none;
+    flex: 0 1 auto;
     align-items: center;
     gap: var(--size-px-2);
-    min-block-size: var(--ds-size-hit);
+    min-inline-size: var(--fgd-size-hit);
+    min-block-size: var(--fgd-size-hit);
     color: var(--primary12);
     text-decoration-line: none;
   }
@@ -175,22 +184,25 @@
   .logoMark {
     display: inline-flex;
     align-items: center;
+    min-inline-size: 0;
     block-size: var(--navigation-bar-logo-size);
+    overflow-x: clip;
   }
 
   .logoMark > * {
     display: block;
     inline-size: auto;
+    min-inline-size: 0;
     block-size: 100%;
   }
 
-  /* A fine-line drawing in the logo's ink (--ds-stroke-0-75). */
+  /* A fine-line drawing in the logo's ink (--border-size-0-75). */
   .brandDrawing {
     display: inline-flex;
     block-size: var(--navigation-bar-logo-size);
     color: var(--primary12);
     stroke: currentColor;
-    stroke-width: var(--ds-stroke-0-75);
+    stroke-width: var(--border-size-0-75);
     fill: none;
   }
 
@@ -207,8 +219,10 @@
     min-inline-size: 0;
   }
 
+  /* Never shrunk: the controls keep their --fgd-size-hit targets and nowrap labels. */
   .tools {
     display: flex;
+    flex: none;
     align-items: center;
     gap: var(--size-px-3);
     margin-inline-start: auto;
@@ -228,13 +242,16 @@
   }
 
   /*
-   * The base fit: logo, search, action and the "Menu" trigger need about
-   * 400 px, more than 360–479 px leaves, so below --sm-n-below (480 px) the
-   * action moves to the top of the drawer footer, extending the 360 px stack
-   * guard [D73] (derived; flagged for user review, §1.8). The "Menu" label
-   * still drops only below 360 px.
+   * The base fit (derived; flagged for user review, §1.8): a lockup
+   * (≈ 225 px), search (48), the action (≈ 95 for "Donate") and "Menu" (68),
+   * with their gaps (24 + 16 + 16), need about 490 px: more than the 432 px
+   * content box at --sm-n-above (480 px), so they fit from about 540 px. The
+   * action shows from the next step, --md-n-above, where §11.5 already
+   * shows it always; below it the action moves to the top of the drawer
+   * footer, extending the 360 px stack guard [D73]. The "Menu" label still
+   * drops only below 360 px, and the logo gives way last (above).
    */
-  @media (max-width: 479.98px) {
+  @media (max-width: 767.98px) {
     .action {
       display: none;
     }
@@ -246,12 +263,20 @@
     }
 
     .logo {
-      --navigation-bar-logo-size: var(--ds-size-icon-block);
+      --navigation-bar-logo-size: var(--fgd-size-icon-block);
     }
   }
 
-  /* Inline from the threshold: utility row and menu shown, the menu Button removed [D183]. */
+  /*
+   * Inline from the threshold: utility row and menu shown, the menu Button
+   * removed [D183]. The logo holds its width again: the fit budget governs
+   * here, and the menu (min-inline-size 0) is what gives way.
+   */
   @media (min-width: 1024px) {
+    .logo {
+      flex-shrink: 0;
+    }
+
     .utility {
       display: block;
     }
@@ -289,7 +314,7 @@
     .masthead .logo {
       flex: 1 0 100%;
       justify-content: center;
-      block-size: var(--ds-size-control-xl);
+      block-size: var(--fgd-size-control-xl);
       border-block-end: var(--border-size-1) solid var(--role-rule);
     }
 
@@ -298,6 +323,12 @@
     }
   }
 
+  /* Wide: the content boxes align with a wide page frame, the docs layout's columns [D202]. */
+  .wide .inner,
+  .wide .utilityInner {
+    inline-size: min(calc(100% - 2 * var(--fgd-space-margin)), var(--fgd-container-wide));
+  }
+
   /* Compact (the docked header): utility row and brand drawing dropped, one row, same height. */
   .compact .utility,
   .compact .brandDrawing {
@@ -341,11 +372,11 @@
     clip-path: inset(0);
   }
 
-  /* The swap: a --ds-duration-quick clip cut from the top edge, instant under --motionNotOK [D183]. */
+  /* The swap: a --fgd-duration-quick clip cut from the top edge, instant under --motionNotOK [D183]. */
   @media (prefers-reduced-motion: no-preference) {
     .base[data-docked] .frame {
       transition-property: clip-path;
-      transition-duration: var(--ds-duration-quick);
+      transition-duration: var(--fgd-duration-quick);
       transition-timing-function: var(--ease-out-3);
     }
 
@@ -379,9 +410,9 @@
     text-decoration-line: underline;
   }
 
-  /* Current (aria-current="page"): the --ds-stroke-3 bar under the label [D15]. */
+  /* Current (aria-current="page"): the --border-size-2-25 bar under the label [D15]. */
   .utilityLink[aria-current='page']::after {
-    border-block-end-width: var(--ds-stroke-3);
+    border-block-end-width: var(--border-size-2-25);
   }
 }
 

package/navigation/navigation-menu/NavigationMenu.d.ts

@@ -24,7 +24,7 @@ export { toPath, isCurrentPath, isInSection } from '../../utils/navigation';
 export interface NavigationMenuFrame {
     /** The bar element; panels attach at 0 offset under its bottom rule. Default: the menu's `nav`. */
     anchorRef?: React.RefObject<HTMLElement | null>;
-    /** The content container (--ds-container-content). Default: the anchor. */
+    /** The content container (--fgd-container-content). Default: the anchor. */
     boundaryRef?: React.RefObject<HTMLElement | null>;
     /** The current page's URL path, for current and parent-of-current. */
     currentPath?: string;
@@ -60,7 +60,7 @@ export type NavigationMenuProps = Omit<BaseNavigationMenu.Root.Props<string>, 'd
  * The desktop site navigation [D182]: a `nav` labelled "Main" holding the
  * bar's items. Triggers are buttons that open their panel on click, Enter,
  * Space or ArrowDown, and on hover intent under a mouse
- * (--ds-delay-nav-open, closing --ds-delay-nav-close after the pointer
+ * (--fgd-delay-nav-open, closing --fgd-delay-nav-close after the pointer
  * leaves); focus alone never opens one. Opening from the keyboard moves
  * focus to the panel's first link; Escape closes and returns focus to the
  * trigger. Panels attach at 0 offset under the bar's bottom rule, switch
@@ -95,7 +95,7 @@ export declare function NavigationMenuTrigger(props: NavigationMenuTriggerProps)
 export type NavigationMenuLinkProps = BaseNavigationMenu.Link.Props;
 /**
  * A link. In the bar it is a caps item with no rest underline; in a panel
- * it is a `type-body-ui` row at a `--ds-size-hit` pitch in Link's list-link
+ * it is a `type-body-ui` row at a `--fgd-size-hit` pitch in Link's list-link
  * build (`kind="nav"` with `list`), whose hover is `--role-link-hover` only
  * (§9.3) [D181]. `active` defaults to "its path is the current page"
  * (`aria-current="page"`); a bar link whose path is a prefix of the page is
@@ -118,7 +118,7 @@ export type NavigationMenuContentProps = ContentBaseProps & ({
     featuredBar?: never;
 } | {
     /**
-     * `overview` (LTA): the section's overview link and description, a
+     * `overview`: the section's overview link and description, a
      * hairline tier rule, an optional search, caps link groups (the
      * children: `NavigationMenuGroup`s) 2-up in columns 1–8 beside the
      * promo, or up to 4-up across 12 without one.
@@ -133,7 +133,7 @@ export type NavigationMenuContentProps = ContentBaseProps & ({
     featuredBar?: never;
 } | {
     /**
-     * `index` (Audubon): a category list (the children:
+     * `index`: a category list (the children:
      * `NavigationMenuCategory`s) beside the selected category's link
      * pane, with a featured bar across both.
      */
@@ -147,9 +147,9 @@ export type NavigationMenuContentProps = ContentBaseProps & ({
 /**
  * A panel. It renders in the menu's portaled `white` overlay scope,
  * attached under the bar's bottom rule: `overview` full-bleed with its
- * content on the 12-column grid of `--ds-container-content`; `index` and
+ * content on the 12-column grid of `--fgd-container-content`; `index` and
  * `dropdown` at the trigger's start edge, end-aligned to the content
- * container, with square top and `--ds-radius-8` bottom corners.
+ * container, with square top and `--radius-2-25` bottom corners.
  */
 export declare function NavigationMenuContent(props: NavigationMenuContentProps): React.JSX.Element;
 /** Props for NavigationMenuFeatured: Base UI Link props plus the one-line description. */
@@ -174,7 +174,7 @@ export type NavigationMenuGroupProps = Omit<React.ComponentProps<'div'>, 'childr
 };
 /**
  * A caps link group in an `overview` panel: a heading (a link with › when
- * `href` is given) over its links at a `--ds-size-hit` pitch.
+ * `href` is given) over its links at a `--fgd-size-hit` pitch.
  */
 export declare function NavigationMenuGroup(props: NavigationMenuGroupProps): React.JSX.Element;
 /** Props for NavigationMenuPromo. */
@@ -210,7 +210,7 @@ export type NavigationMenuCategoryProps = {
 /**
  * One category of an `index` panel: a row in the category list (a trigger
  * of the nested vertical menu) and its links in the pane. The selected
- * category takes a `--ds-stroke-3` start-edge bar and `--font-weight-7`.
+ * category takes a `--border-size-2-25` start-edge bar and `--font-weight-7`.
  */
 export declare function NavigationMenuCategory(props: NavigationMenuCategoryProps): React.JSX.Element;
 /** Props for NavigationMenuFeaturedBar: Base UI Link props. */

package/navigation/navigation-menu/NavigationMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenu.d.ts","sourceRoot":"","sources":["../../src/navigation/navigation-menu/NavigationMenu.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"NavigationMenu.d.ts","sourceRoot":"","sources":["../../src/navigation/navigation-menu/NavigationMenu.tsx"],"names":[],"mappings":"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"}

package/navigation/navigation-menu/NavigationMenu.js

@@ -18,7 +18,7 @@ import styles from './navigation-menu.module.css';
 export { NAV_DELAY_MS };
 /*
  * Navigation Menu (§9.6) [D182]: site wayfinding in the bar, from
- * --ds-nav-inline-n-above [D183]. Below it the Navigation Bar shows the
+ * --fgd-nav-inline-n-above [D183]. Below it the Navigation Bar shows the
  * drawer (§11.6) instead.
  *
  * Implementation (CSS Modules + CVA)
@@ -31,24 +31,24 @@ export { NAV_DELAY_MS };
  * - Color fallback: the bar's parts inherit the scope; the panels take the
  *   `white` preset's defaults (olive × green) and never the bar's scales.
  * - Delays [D182]: NAV_DELAY_MS (utils/tokens.ts) mirrors
- *   --ds-delay-nav-open (150 ms) and --ds-delay-nav-close (300 ms) into
+ *   --fgd-delay-nav-open (150 ms) and --fgd-delay-nav-close (300 ms) into
  *   Root `delay` and `closeDelay`; hover opens and closes only for a mouse
  *   (a fine, hovering pointer); click, Enter, Space and ArrowDown open on
  *   every input. Base UI drops the open delay to 0 ms between adjacent
  *   triggers once a panel is mounted, and its safe-polygon path keeps a
  *   diagonal move into a panel from switching panels.
- * - States: trigger `data-popup-open` → the --ds-stroke-3 open bar flush
+ * - States: trigger `data-popup-open` → the --border-size-2-25 open bar flush
  *   with the bar's rule, chevron flipped; `data-active` on a link → current
- *   (bar: the --ds-stroke-3 bar plus --font-weight-7; panel: weight plus a
- *   --ds-stroke-3 underline); `aria-current="true"` on a bar trigger or
+ *   (bar: the --border-size-2-25 bar plus --font-weight-7; panel: weight plus a
+ *   --border-size-2-25 underline); `aria-current="true"` on a bar trigger or
  *   link whose section is a path prefix of the page → parent of current
  *   (the --border-size-2 bar); `:hover` (not disabled) [D181] → bar items
  *   the bare-text underline, panel links --role-link-hover only, overview
  *   link, group headings and featured bar the chevron-link hover; `:active`
- *   → bar items a --ds-stroke-3 --primary12 underline (derived; flagged),
+ *   → bar items a --border-size-2-25 --primary12 underline (derived; flagged),
  *   panel links a --border-size-2 --primary12 underline; `:focus-visible`
- *   → the ring on the hit area; popup `data-starting-style` → the
- *   first-open clip reveal only; switching and closing are instant, with no
+ *   → the ring on the hit area; the panel opens, switches and closes at
+ *   once (hover intent; no reveal of its own) [D205], with no
  *   --popup-width or --popup-height transition.
  * - Parts: base, list, item, trigger, hit, label, chevron, barLink, link
  *   (with Link's `nav` + `list` classes), positioner, popup, viewport (in a
@@ -123,7 +123,7 @@ function isKeyboardOpen(details) {
  * The desktop site navigation [D182]: a `nav` labelled "Main" holding the
  * bar's items. Triggers are buttons that open their panel on click, Enter,
  * Space or ArrowDown, and on hover intent under a mouse
- * (--ds-delay-nav-open, closing --ds-delay-nav-close after the pointer
+ * (--fgd-delay-nav-open, closing --fgd-delay-nav-close after the pointer
  * leaves); focus alone never opens one. Opening from the keyboard moves
  * focus to the panel's first link; Escape closes and returns focus to the
  * trigger. Panels attach at 0 offset under the bar's bottom rule, switch
@@ -299,7 +299,7 @@ export function NavigationMenuTrigger(props) {
 const panelLink = link({ kind: 'nav', list: true });
 /**
  * A link. In the bar it is a caps item with no rest underline; in a panel
- * it is a `type-body-ui` row at a `--ds-size-hit` pitch in Link's list-link
+ * it is a `type-body-ui` row at a `--fgd-size-hit` pitch in Link's list-link
  * build (`kind="nav"` with `list`), whose hover is `--role-link-hover` only
  * (§9.3) [D181]. `active` defaults to "its path is the current page"
  * (`aria-current="page"`); a bar link whose path is a prefix of the page is
@@ -321,9 +321,9 @@ export function NavigationMenuLink(props) {
 /**
  * A panel. It renders in the menu's portaled `white` overlay scope,
  * attached under the bar's bottom rule: `overview` full-bleed with its
- * content on the 12-column grid of `--ds-container-content`; `index` and
+ * content on the 12-column grid of `--fgd-container-content`; `index` and
  * `dropdown` at the trigger's start edge, end-aligned to the content
- * container, with square top and `--ds-radius-8` bottom corners.
+ * container, with square top and `--radius-2-25` bottom corners.
  */
 export function NavigationMenuContent(props) {
     const { kind: kindProp, featured, search, promo, featuredBar, className, children, ...rest } = props;
@@ -371,7 +371,7 @@ export function NavigationMenuFeatured(props) {
 }
 /**
  * A caps link group in an `overview` panel: a heading (a link with › when
- * `href` is given) over its links at a `--ds-size-hit` pitch.
+ * `href` is given) over its links at a `--fgd-size-hit` pitch.
  */
 export function NavigationMenuGroup(props) {
     const { heading, href, className, children, ...rest } = props;
@@ -400,7 +400,7 @@ export function NavigationMenuPromo(props) {
 /**
  * One category of an `index` panel: a row in the category list (a trigger
  * of the nested vertical menu) and its links in the pane. The selected
- * category takes a `--ds-stroke-3` start-edge bar and `--font-weight-7`.
+ * category takes a `--border-size-2-25` start-edge bar and `--font-weight-7`.
  */
 export function NavigationMenuCategory(props) {
     const { label, value, className, children } = props;
@@ -431,7 +431,7 @@ function isCategory(node) {
  * its triggers, the link pane as its viewport) and the featured bar. One
  * category is always selected: the one holding the current page, else the
  * first. Categories switch on click, Enter or mouse rest after
- * --ds-delay-nav-open, instantly.
+ * --fgd-delay-nav-open, instantly.
  */
 function IndexPanel({ featuredBar, children, }) {
     const root = useRoot();