@fairgarden/design 0.1.0-alpha.0

package/components/NavDrawer/nav-drawer.module.css

@@ -0,0 +1,446 @@
+/*
+ * Mobile Navigation Drawer (§11.6). CVA function `navigationDrawer` in
+ * NavDrawer.tsx. The sheet (`base`) is the Dialog Popup rendered as a
+ * `kind="band"` Ground of the header's preset, so it takes the header's
+ * ground and mode, never a `white` overlay scope [D97, D148].
+ *
+ * Parts: base, bar, logo, logoMark, close, closeLabel, scroll, nav, list,
+ * item, group, groupRow, rowLabel, glyph (the Collapsible module's D109
+ * glyph), panel, childList (the indent guide), childItem, childLink,
+ * directLink, linkLabel, footer, footerAction, footerList, footerLink,
+ * footerLocale, menuTrigger, menuIcon, menuLabel.
+ *
+ * No backdrop or tint [D24 → D121]: the full sheet hides the page; the side
+ * sheet leaves it unpainted and inert. Motion is a clip reveal, never a
+ * fade [D91]. Colors are role variables only; local custom properties carry
+ * dimensions only (--nav-drawer-clip-from, a clip shape).
+ */
+
+/* Composition sits in top-level rules, outside the layers: Lightning CSS
+ * (Next.js with Turbopack) rejects `composes` inside @layer or any nesting.
+ * The composed classes keep their own layers. */
+.menuTrigger {
+  composes: typeButtonSm from '../../utils/type.module.css';
+  composes: iconHost from '../Icon/icon.module.css';
+}
+
+.close {
+  composes: typeButtonSm from '../../utils/type.module.css';
+  composes: iconHost from '../Icon/icon.module.css';
+}
+
+.groupRow {
+  composes: typeItemhead from '../../utils/type.module.css';
+}
+
+.directLink {
+  composes: typeItemhead from '../../utils/type.module.css';
+}
+
+.childLink {
+  composes: typeBodyUi from '../../utils/type.module.css';
+}
+
+.footerLink {
+  composes: typeBodyUi from '../../utils/type.module.css';
+}
+
+@layer base {
+  /* ── The menu Button (in the header) ──────────────────────────────── */
+
+  /* The `menu` icon at the header tier (tag, 20 px) plus "Menu", --size-px-2 apart. */
+  .menuTrigger,
+  .close {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--size-px-2);
+    box-sizing: border-box;
+    min-block-size: var(--ds-size-hit);
+    min-inline-size: var(--ds-size-hit);
+    margin: 0;
+    padding-block: 0;
+    padding-inline: var(--size-px-1);
+    border: 0;
+    border-radius: var(--radius-1);
+    background: none;
+    color: var(--primary12);
+    white-space: nowrap;
+    cursor: pointer;
+    appearance: none;
+  }
+
+  .menuIcon {
+    flex: none;
+  }
+
+  .menuLabel,
+  .closeLabel {
+    text-decoration-color: var(--role-accent);
+    text-underline-offset: var(--size-px-1);
+  }
+
+  /* Stack guard: below 360 px the label may drop; it stays the accessible name [D73]. */
+  @media (max-width: 359.98px) {
+    .menuLabel {
+      position: absolute;
+      inline-size: 1px;
+      block-size: 1px;
+      overflow: hidden;
+      clip-path: inset(50%);
+      white-space: nowrap;
+    }
+  }
+
+  /* ── The sheet's bar: it repeats the header ────────────────────────── */
+
+  .bar {
+    flex: none;
+    display: flex;
+    align-items: center;
+    gap: var(--size-px-3);
+    box-sizing: content-box;
+    block-size: var(--ds-size-control-xl);
+    padding-inline: var(--ds-space-margin);
+    border-block-end: var(--border-size-1) solid var(--role-rule);
+  }
+
+  .logo {
+    display: inline-flex;
+    flex: none;
+    align-items: center;
+    min-block-size: var(--ds-size-hit);
+    color: var(--primary12);
+    text-decoration-line: none;
+  }
+
+  .logoMark {
+    display: inline-flex;
+    align-items: center;
+    block-size: var(--size-px-6);
+  }
+
+  .logoMark > * {
+    display: block;
+    inline-size: auto;
+    block-size: 100%;
+  }
+
+  /* The close control sits exactly where the menu Button was (Matic). */
+  .close {
+    margin-inline-start: auto;
+  }
+
+  /* ── The list ──────────────────────────────────────────────────────── */
+
+  .nav,
+  .group {
+    display: block;
+  }
+
+  .list,
+  .childList,
+  .footerList {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+
+  .item {
+    display: block;
+  }
+
+  /* Row rules between top-level rows, indented to the content column; none after the last. */
+  .item:not(:first-child)::before {
+    content: '';
+    display: block;
+    margin-inline: var(--ds-space-margin);
+    border-block-start: var(--border-size-1) solid var(--role-hairline);
+  }
+
+  /* Group rows and direct links: the display serif at a --ds-size-control-xl pitch [D60]. */
+  .groupRow,
+  .directLink {
+    position: relative;
+    display: flex;
+    align-items: center;
+    gap: var(--size-px-3);
+    box-sizing: border-box;
+    inline-size: 100%;
+    min-block-size: var(--ds-size-control-xl);
+    margin: 0;
+    padding-block: 0;
+    padding-inline: var(--ds-space-margin);
+    border: 0;
+    background: none;
+    color: var(--primary12);
+    text-align: start;
+    text-decoration-line: none;
+    cursor: pointer;
+    appearance: none;
+  }
+
+  .groupRow {
+    justify-content: space-between;
+  }
+
+  /* The current bar at the row's start edge: a border, so it survives forced colors. */
+  .groupRow::before,
+  .directLink::before,
+  .childLink::before {
+    content: '';
+    position: absolute;
+    inset-block: 0;
+    inset-inline-start: 0;
+    border-inline-start: 0 solid var(--primary12);
+    pointer-events: none;
+  }
+
+  .rowLabel,
+  .linkLabel {
+    text-decoration-color: var(--role-accent);
+    text-decoration-thickness: var(--border-size-2);
+    text-underline-offset: var(--size-px-1);
+  }
+
+  /* The D109 glyph, right-aligned at the header's icon tier (20 px at --ds-stroke-1-5). */
+  .glyph {
+    flex: none;
+  }
+
+  /* The clip reveal (§1.5.15) [D91]: the panel wipes open; never faded. */
+  .panel {
+    block-size: var(--collapsible-panel-height);
+    overflow: hidden;
+    overflow: clip;
+  }
+
+  /* Child links sit on a --border-size-1 --role-hairline indent guide, --size-px-5 in. */
+  .childList {
+    margin-inline-start: calc(var(--ds-space-margin) + var(--size-px-5));
+    margin-inline-end: var(--ds-space-margin);
+    margin-block-end: var(--size-px-5);
+    border-inline-start: var(--border-size-1) solid var(--role-hairline);
+  }
+
+  .childItem {
+    display: block;
+  }
+
+  /* Family and weight carry the hierarchy, not size (type-body-ui at 400). */
+  .childLink {
+    position: relative;
+    display: flex;
+    align-items: center;
+    box-sizing: border-box;
+    min-block-size: var(--ds-size-hit);
+    padding-inline: var(--size-px-3);
+    color: var(--primary12);
+    text-decoration-line: none;
+  }
+
+  /* The child's current bar lies over the indent guide. */
+  .childLink::before {
+    inset-inline-start: calc(-1 * var(--border-size-1));
+  }
+
+  /* ── The footer: fixed under the list ──────────────────────────────── */
+
+  .footer {
+    flex: none;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: var(--ds-space-12);
+    padding-block: var(--size-px-3);
+    padding-inline: var(--ds-space-margin);
+    border-block-start: var(--border-size-2) solid var(--role-rule);
+  }
+
+  .footerAction,
+  .footerLocale {
+    display: flex;
+  }
+
+  .footerList {
+    align-self: stretch;
+  }
+
+  .footerLink {
+    position: relative;
+    display: flex;
+    align-items: center;
+    min-block-size: var(--ds-size-hit);
+    color: var(--primary12);
+    text-decoration-line: none;
+  }
+
+  /* Hover transitions [D181]: color only, --ds-duration-quick. */
+  @media (prefers-reduced-motion: no-preference) {
+    .menuLabel,
+    .closeLabel,
+    .rowLabel,
+    .linkLabel {
+      transition-property: color, text-decoration-color;
+      transition-duration: var(--ds-duration-quick);
+      transition-timing-function: var(--ease-out-3);
+    }
+
+    .panel {
+      transition-property: block-size;
+      transition-duration: var(--ds-duration-disclosure);
+      transition-timing-function: var(--ease-out-3);
+    }
+  }
+}
+
+@layer variants {
+  /*
+   * The sheet. Written in the variants layer so it outranks the composed
+   * Ground's own base-layer display. Base: full screen, opaque, no border
+   * [D24 → D121], revealed from the top.
+   */
+  .base {
+    --nav-drawer-clip-from: inset(0 0 100% 0);
+
+    position: fixed;
+    inset: 0;
+    z-index: var(--layer-4);
+    display: flex;
+    flex-direction: column;
+    box-sizing: border-box;
+    margin: 0;
+    clip-path: inset(0);
+  }
+
+  /* From --md-n-above: a --size-sm side sheet docked at the trigger's (end) edge, --ds-stroke-3 inner edge [D92]. */
+  @media (min-width: 768px) {
+    .base {
+      --nav-drawer-clip-from: inset(0 0 0 100%);
+
+      inset-inline-start: auto;
+      inline-size: min(var(--size-sm), 100%);
+      border-inline-start: var(--ds-stroke-3) solid var(--primary12);
+    }
+
+    .base:dir(rtl) {
+      --nav-drawer-clip-from: inset(0 100% 0 0);
+    }
+  }
+
+  @media (prefers-reduced-motion: no-preference) {
+    .base {
+      transition-property: clip-path;
+      transition-duration: var(--ds-duration-disclosure);
+      transition-timing-function: var(--ease-out-3);
+    }
+  }
+}
+
+@layer compounds {
+  /* The list scrolls between the fixed bar and footer; the Scroll Area's 50dvh cap gives way. */
+  .scroll {
+    flex: 1 1 auto;
+    min-block-size: 0;
+    max-block-size: none;
+  }
+
+  /* Child and footer links fill their row: a block flex box, over Link's inline `nav` row. */
+  .childLink,
+  .footerLink {
+    display: flex;
+  }
+}
+
+@layer states {
+  /* The menu Button and close control: the `text` Button hover [D181]. */
+  .menuTrigger:hover .menuLabel,
+  .close:hover .closeLabel {
+    color: var(--role-link-hover);
+    text-decoration-line: var(--ds-link-hover-line);
+  }
+
+  /* Pressed: the inverse pair (§9.2). */
+  .menuTrigger:active,
+  .close:active {
+    background-color: var(--primary12);
+    color: var(--role-inverse);
+  }
+
+  /*
+   * Group rows and direct links: the bare-text underline, --role-accent at
+   * --border-size-2 [D181]. Child and footer links are Link list links,
+   * whose color-only hover Link owns.
+   */
+  .groupRow:hover .rowLabel,
+  .directLink:hover .linkLabel {
+    text-decoration-line: underline;
+  }
+
+  @media (forced-colors: active) {
+    .menuTrigger:hover .menuLabel,
+    .close:hover .closeLabel {
+      text-decoration-line: underline;
+    }
+  }
+
+  .menuTrigger:focus-visible,
+  .close:focus-visible,
+  .logo:focus-visible {
+    outline: var(--border-size-2) solid var(--primary12);
+    outline-offset: var(--border-size-2);
+  }
+
+  /* Rows: the ring inset inside the row (the list parent raises the list links' over Link's ring). */
+  .groupRow:focus-visible,
+  .directLink:focus-visible,
+  .childList .childLink:focus-visible,
+  .footerList .footerLink:focus-visible {
+    outline: var(--border-size-2) solid var(--primary12);
+    outline-offset: calc(-1 * var(--border-size-2));
+  }
+
+  /* Current: the --ds-stroke-3 start-edge bar; links also take weight 700 [D15]. */
+  .groupRow[aria-current='true']::before,
+  .directLink[aria-current='page']::before,
+  .childLink[aria-current='page']::before {
+    border-inline-start-width: var(--ds-stroke-3);
+  }
+
+  .childLink[aria-current='page'],
+  .directLink[aria-current='page'],
+  .footerLink[aria-current='page'] {
+    font-weight: var(--font-weight-7);
+  }
+
+  /* The start-edge bar replaces Link's current underline; the list parent raises these over Link's rule. */
+  .childList .childLink[aria-current='page'],
+  .footerList .footerLink[aria-current='page'] {
+    text-decoration-line: none;
+  }
+
+  .panel[data-starting-style],
+  .panel[data-ending-style] {
+    block-size: 0;
+  }
+
+  /* The sheet's clip reveal: from the top (full sheet) or the docked edge (side sheet). */
+  .base[data-starting-style] {
+    clip-path: var(--nav-drawer-clip-from);
+  }
+
+  /* Focus parked on the sheet itself (opened by touch): the ring sits inside. */
+  .base:focus-visible {
+    outline: var(--border-size-2) solid var(--primary12);
+    outline-offset: calc(-2 * var(--border-size-2));
+  }
+}
+
+@layer print {
+  @media print {
+    /* Hidden, even if it is open when the user prints (§11.6). */
+    .base,
+    .menuTrigger {
+      display: none;
+    }
+  }
+}

package/components/NavigationBar/NavigationBar.d.ts

@@ -0,0 +1,129 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+import { type PrimaryScale, type RadixScale } from '../../utils/scales';
+import { type BandPreset } from '../../utils/scope';
+export declare const navigationBar: (props?: ({
+    masthead?: boolean | null | undefined;
+    ruled?: boolean | null | undefined;
+    compact?: boolean | null | undefined;
+    primary?: "ruby" | "brown" | "crimson" | "gold" | "gray" | "indigo" | "olive" | "pink" | "plum" | "purple" | "red" | "tomato" | "violet" | "bronze" | "iris" | "mauve" | "sage" | "sand" | "slate" | null | undefined;
+    secondary?: "ruby" | "blue" | "brown" | "crimson" | "cyan" | "gold" | "gray" | "green" | "indigo" | "lime" | "olive" | "orange" | "pink" | "plum" | "purple" | "red" | "teal" | "tomato" | "violet" | "yellow" | "amber" | "bronze" | "grass" | "iris" | "jade" | "mauve" | "mint" | "sage" | "sand" | "sky" | "slate" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type NavigationBarVariants = VariantProps<typeof navigationBar>;
+/** What the header shares with its drawer (§11.6) and utility bar. */
+export interface NavigationBarContextValue {
+    /** The header's preset; the drawer sheet re-declares it [D97]. */
+    preset: BandPreset;
+    primary?: PrimaryScale;
+    secondary?: RadixScale;
+    /** The logo, repeated in the drawer's bar. */
+    logo?: React.ReactNode;
+    logoHref: string;
+    logoLabel?: string;
+    /** The current page's URL path. */
+    currentPath?: string;
+}
+/** Provided by NavigationBar; read by NavDrawer and the utility links. */
+export declare const NavigationBarContext: React.Context<NavigationBarContextValue | null>;
+/**
+ * How the header docks [D183]:
+ * - `none` (default): static; it scrolls away with the page [D174].
+ * - `pinned`: a page without a section bar; the header docks after 50vh of
+ *   scroll and then stays in both directions, until its own place scrolls
+ *   back into view.
+ * - `swap`: a page with a sticky section bar; once the bar's in-flow
+ *   sentinel (`sentinelRef`) has left the viewport top, any upward scroll
+ *   brings the header back in place of the bar and downward scroll restores
+ *   the bar. Hide the section bar while `onDockChange` reports `true`.
+ */
+export type NavigationBarDock = 'none' | 'pinned' | 'swap';
+/** Props for NavigationBar. */
+export type NavigationBarProps = Omit<React.ComponentProps<'header'>, 'children'> & {
+    /**
+     * The header preset: a page ground (`paper`, `white` or the page's
+     * pastel), or `night` only directly over the night media hero. Omitted,
+     * the header takes the page ground it sits in.
+     */
+    preset?: BandPreset;
+    /** Override the preset's primary (a pairing §2 verifies). Never defaulted [D133]. */
+    primary?: NavigationBarVariants['primary'];
+    /** Override the preset's secondary. Never defaulted. */
+    secondary?: NavigationBarVariants['secondary'];
+    /** The logo: an ink logo in `currentColor` (an `svg` or `img`), 28 px tall, 36 px from --lg-n-above. */
+    logo: React.ReactNode;
+    /** The home link's accessible name, e.g. "FairGarden home". */
+    logoLabel: string;
+    /** The home link. Default "/". */
+    logoHref?: string;
+    /** An optional fine-line brand drawing (--ds-stroke-0-75) beside the logo; dropped when compact. */
+    brandDrawing?: React.ReactNode;
+    /** A `NavigationBarUtility` row above the bar, from --ds-nav-inline-n-above; never docks. */
+    utility?: React.ReactNode;
+    /** The `NavigationMenu`, inline from --ds-nav-inline-n-above. */
+    children?: React.ReactNode;
+    /** Icon Buttons, e.g. `<Search kind="trigger" … />`, `--size-px-1` apart. */
+    search?: React.ReactNode;
+    /** The one primary action: a `solid` Button at `size="sm"`. Moves into the drawer below 360 px. */
+    action?: React.ReactNode;
+    /** The `NavDrawer` (menu Button and sheet), shown below --ds-nav-inline-n-above. */
+    drawer?: React.ReactNode;
+    /** The current page's URL path, shared with the menu, drawer and utility links. */
+    currentPath?: string;
+    /** The skip link's target. Default "#main". */
+    skipHref?: string;
+    /** The skip link's words. Default "Skip to main content". */
+    skipLabel?: string;
+    /** `true`: the stacked masthead. Default `false`. */
+    masthead?: NavigationBarVariants['masthead'];
+    /** `true`: vertical --border-size-1 rules between items. Default `false`. */
+    ruled?: NavigationBarVariants['ruled'];
+    /** `true`: the compact header, even undocked. The sticky observer sets it while docked. Default `false`. */
+    compact?: NavigationBarVariants['compact'];
+    /** How the header docks. Default `none`. */
+    dock?: NavigationBarDock;
+    /** With `dock="swap"`: a zero-height element at the section bar's in-flow position. */
+    sentinelRef?: React.RefObject<Element | null>;
+    /** Called when the header docks (`true`) or returns to its place (`false`). */
+    onDockChange?: (docked: boolean) => void;
+};
+/**
+ * The site header: a skip link first, the green brand strip, an optional
+ * utility row, then the bar holding the logo (a home link), the Navigation
+ * Menu (from --ds-nav-inline-n-above), icon Buttons, the one action and,
+ * below the threshold, the drawer's menu Button. It is opaque, ruled at the
+ * bottom in --role-rule, 56 px tall (64 px from --lg-n-above), and its
+ * items never wrap: overflow goes to the utility row, then a "More" item
+ * [D183]. It prints as the §7.8 masthead's logo only.
+ */
+export declare function NavigationBar(props: NavigationBarProps): React.JSX.Element;
+/** Props for NavigationBarUtility: `nav` props, the start slot and the locale link. */
+export type NavigationBarUtilityProps = Omit<React.ComponentProps<'nav'>, 'children'> & {
+    /** An optional start slot: a phone number or tagline, in --primary12. */
+    start?: React.ReactNode;
+    /** An optional locale link at the end ("English ▾ Change language"); a control never sits here. */
+    locale?: React.ReactNode;
+    /** The landmark's name. Default "Utility". */
+    label?: string;
+    /** The row's `NavigationBarUtilityLink`s: text links only. */
+    children?: React.ReactNode;
+};
+/**
+ * The 36 px utility row above the bar (§11.3): secondary destinations as
+ * text links in a `nav` labelled "Utility", divided from the bar by a
+ * --role-hairline rule, aligned to --ds-container-content. Shown from
+ * --ds-nav-inline-n-above (below it, repeat its links in the drawer
+ * footer); the compact docked header drops it [D183]. Put it in the bar's
+ * `utility` slot.
+ */
+export declare function NavigationBarUtility(props: NavigationBarUtilityProps): React.JSX.Element;
+/** Props for NavigationBarUtilityLink: anchor props. */
+export type NavigationBarUtilityLinkProps = React.ComponentProps<'a'>;
+/**
+ * A utility link: `type-label` caps, no rest underline, the bare-text
+ * underline on hover [D181], a 24 px target at a 24 px pitch (the §1.5.12
+ * utility exemption). The current page (its path equals the bar's
+ * `currentPath`) takes `aria-current="page"` and the --ds-stroke-3 bar.
+ */
+export declare function NavigationBarUtilityLink(props: NavigationBarUtilityLinkProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=NavigationBar.d.ts.map

package/components/NavigationBar/NavigationBar.d.ts.map

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