@fairgarden/design 0.1.0-alpha.0

package/components/IndexRows/index-rows.module.css

@@ -0,0 +1,460 @@
+/*
+ * Ruled Index Rows (§12.11). The root `base` is the listing's inline-size
+ * container (unnamed); the row layout queries it. Parts: base, header,
+ * list, row, key (with rank, date or thumb), rule (the text column: it
+ * carries the row rule, from the text column to the module edge, and the
+ * event column rule), title (`titleUi` for ranked and related), titleLink
+ * (a title Link), count, meta (`metaCaps` for articles), dek, currentBar
+ * (the rule's ::before), disclosure, eventHeading, trigger, triggerLabel,
+ * glyph (the shared LTA glyph), details (the Collapsible Panel), footer.
+ * Dense module: line semantics only. Colors are role variables only; local
+ * custom properties carry dimensions only:
+ *   --index-rows-pad   the row's vertical padding (--ds-space-12 ranked and
+ *                      related, --size-px-3 article and event)
+ *   --index-rows-gap   the gap between the key column and the text column
+ */
+
+/* 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. */
+.title {
+  composes: typeItemhead from '../../utils/type.module.css';
+}
+
+.titleUi {
+  composes: typeBodyUi from '../../utils/type.module.css';
+}
+
+.rank {
+  composes: typeBodyUi typeMuted from '../../utils/type.module.css';
+}
+
+.count {
+  composes: typeBodyUi typeMuted from '../../utils/type.module.css';
+}
+
+.date {
+  composes: typeData from '../../utils/type.module.css';
+}
+
+.meta {
+  composes: typeCaption typeMuted from '../../utils/type.module.css';
+}
+
+.metaCaps {
+  composes: typeLabel typeMuted from '../../utils/type.module.css';
+}
+
+.dek {
+  composes: typeBodyUi from '../../utils/type.module.css';
+}
+
+.trigger {
+  composes: typeItemhead from '../../utils/type.module.css';
+}
+
+.rule {
+  composes: lineSolid from '../../utils/line.module.css';
+}
+
+@layer base {
+  .base {
+    --index-rows-pad: var(--size-px-3);
+    --index-rows-gap: var(--size-px-3);
+
+    container-type: inline-size;
+    /* Size containment leaves no intrinsic width: fill the box, never collapse as a flex or shrink-to-fit item. */
+    inline-size: 100%;
+    min-inline-size: 0;
+    margin: 0;
+    color: var(--primary12);
+  }
+
+  .header {
+    margin-block-end: var(--size-px-3);
+  }
+
+  .list {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+
+  /* The row: key column (optional) and text column; the item is the stretched link's anchor. */
+  .row {
+    position: relative;
+    display: grid;
+    grid-template-columns: minmax(0, 1fr);
+    column-gap: var(--index-rows-gap);
+    min-inline-size: 0;
+  }
+
+  .key {
+    min-inline-size: 0;
+    padding-block: var(--index-rows-pad);
+  }
+
+  /* The text column carries the row rule; rules never run under the key column (LTA). */
+  .rule {
+    position: relative;
+    display: grid;
+    align-content: start;
+    gap: var(--size-px-1);
+    min-inline-size: 0;
+    padding-block: var(--index-rows-pad);
+    border-width: 0;
+    border-block-end-width: var(--border-size-1);
+    border-color: var(--role-hairline);
+  }
+
+  .title,
+  .titleUi {
+    max-inline-size: var(--ds-measure-reading);
+    margin: 0;
+    color: var(--primary12);
+  }
+
+  .count {
+    margin-inline-start: var(--size-px-1);
+  }
+
+  .meta,
+  .metaCaps {
+    margin: 0;
+  }
+
+  .dek {
+    max-inline-size: var(--ds-measure-reading);
+    margin: var(--size-px-1) 0 0;
+    color: var(--primary12);
+  }
+
+  .date {
+    color: var(--primary12);
+    white-space: nowrap;
+  }
+
+  .footer {
+    margin-block-start: var(--size-px-5);
+  }
+
+  /* Event disclosure (§10.13): the title is the trigger, the LTA glyph trails it. */
+  .disclosure {
+    display: grid;
+    gap: var(--size-px-1);
+    min-inline-size: 0;
+  }
+
+  .eventHeading {
+    margin: 0;
+  }
+
+  /* The details: body, key–value pairs and a sm Button, within the reading measure. */
+  .details {
+    max-inline-size: var(--ds-measure-reading);
+  }
+
+  .trigger {
+    display: flex;
+    align-items: flex-start;
+    justify-content: space-between;
+    gap: var(--size-px-3);
+    box-sizing: border-box;
+    inline-size: 100%;
+    min-block-size: var(--ds-size-hit);
+    margin: 0;
+    padding: 0;
+    border: 0;
+    background: none;
+    color: var(--role-muted);
+    text-align: start;
+    cursor: pointer;
+    appearance: none;
+  }
+
+  .triggerLabel {
+    flex: 1 1 auto;
+    min-inline-size: 0;
+    max-inline-size: var(--ds-measure-reading);
+    text-decoration-color: var(--role-accent);
+    text-decoration-thickness: var(--ds-stroke-1-5);
+    text-underline-offset: 0.15em;
+  }
+
+  /* Hover transition [D181]: --ds-duration-quick, --ease-out-3; instant under --motionNotOK. */
+  @media (prefers-reduced-motion: no-preference) {
+    .trigger {
+      transition-property: color;
+      transition-duration: var(--ds-duration-quick);
+      transition-timing-function: var(--ease-out-3);
+    }
+  }
+
+  /* Aligned to the title's first line. */
+  .glyph {
+    margin-block-start: calc((1lh - var(--size-px-4)) / 2);
+  }
+}
+
+@layer variants {
+  /* Ranked and related titles: type-body-ui at --font-weight-6 (above the composed role's own weight). */
+  .titleUi {
+    font-weight: var(--font-weight-6);
+  }
+
+  /* Ranked (LTA): a 2.5ch muted rank column, labels with counts, --ds-space-12 rows. */
+  .ranked {
+    --index-rows-pad: var(--ds-space-12);
+  }
+
+  .ranked .row {
+    grid-template-columns: 2.5ch minmax(0, 1fr);
+  }
+
+  .ranked .rank {
+    font-variant-numeric: var(--ds-numerals-data);
+    text-align: end;
+  }
+
+  /* Related (Audubon): a --ds-size-thumb thumbnail --size-px-2 from the title. */
+  .related {
+    --index-rows-pad: var(--ds-space-12);
+    --index-rows-gap: var(--size-px-2);
+  }
+
+  .related .row {
+    grid-template-columns: var(--ds-size-thumb) minmax(0, 1fr);
+  }
+
+  .thumb > img {
+    display: block;
+    inline-size: var(--ds-size-thumb);
+    block-size: var(--ds-size-thumb);
+    border-radius: var(--ds-radius-8);
+    object-fit: cover;
+  }
+
+  /* Event (Desaina): table-like, so --role-rule rules; the date sits above the title at base. */
+  .event .rule {
+    border-color: var(--role-rule);
+  }
+
+  .event .date {
+    padding-block-end: 0;
+  }
+
+  .event .date + .rule {
+    padding-block-start: var(--size-px-1);
+  }
+
+  /* Viewport fallback: the date key column from --md-n-above, right-aligned from --lg-n-above. */
+  @media (min-width: 768px) {
+    .event .row {
+      grid-template-columns: minmax(0, 3fr) minmax(0, 5fr);
+    }
+
+    .event .date {
+      padding-block-end: var(--index-rows-pad);
+    }
+
+    .event .date + .rule {
+      padding-block-start: var(--index-rows-pad);
+      padding-inline-start: var(--size-px-3);
+      border-inline-start-width: var(--border-size-1);
+    }
+  }
+
+  @media (min-width: 1024px) {
+    .event .row {
+      grid-template-columns: minmax(0, 3fr) minmax(0, 9fr);
+    }
+
+    .event .date {
+      text-align: end;
+    }
+
+    .article .rule {
+      grid-template-columns: minmax(0, 1fr) auto;
+      column-gap: var(--size-px-5);
+    }
+
+    .article .rule > * {
+      grid-column: 1;
+    }
+
+    .article .rule > .metaCaps {
+      grid-column: 2;
+      grid-row: 1;
+      text-align: end;
+    }
+  }
+
+  /* Container (§5.10.2): date above title below 768 px; key 3 of 8 from 768; 3 of 12 from 1024. */
+  @container (width < 768px) {
+    .event .row {
+      grid-template-columns: minmax(0, 1fr);
+    }
+
+    .event .date {
+      padding-block-end: 0;
+      text-align: start;
+    }
+
+    .event .date + .rule {
+      padding-block-start: var(--size-px-1);
+      padding-inline-start: 0;
+      border-inline-start-width: 0;
+    }
+  }
+
+  @container (width >= 768px) {
+    .event .row {
+      grid-template-columns: minmax(0, 3fr) minmax(0, 5fr);
+    }
+
+    .event .date {
+      padding-block-end: var(--index-rows-pad);
+      text-align: start;
+    }
+
+    .event .date + .rule {
+      padding-block-start: var(--index-rows-pad);
+      padding-inline-start: var(--size-px-3);
+      border-inline-start-width: var(--border-size-1);
+    }
+  }
+
+  @container (width >= 1024px) {
+    .event .row {
+      grid-template-columns: minmax(0, 3fr) minmax(0, 9fr);
+    }
+
+    .event .date {
+      text-align: end;
+    }
+  }
+
+  /* Article: the meta moves to a right-aligned column only from 1024 px of container. */
+  @container (width < 1024px) {
+    .article .rule {
+      grid-template-columns: minmax(0, 1fr);
+    }
+
+    .article .rule > .metaCaps {
+      grid-column: 1;
+      grid-row: auto;
+      text-align: start;
+    }
+  }
+
+  @container (width >= 1024px) {
+    .article .rule {
+      grid-template-columns: minmax(0, 1fr) auto;
+      column-gap: var(--size-px-5);
+    }
+
+    .article .rule > * {
+      grid-column: 1;
+    }
+
+    .article .rule > .metaCaps {
+      grid-column: 2;
+      grid-row: 1;
+      text-align: end;
+    }
+  }
+}
+
+@layer states {
+  /* Focus: the ring around the row, inside the rules, keyboard only; it replaces the link's own. */
+  .row .titleLink:focus-visible {
+    outline: none;
+  }
+
+  .row:has(.titleLink:focus-visible) {
+    outline: var(--border-size-2) solid var(--primary12);
+    outline-offset: calc(-1 * var(--border-size-2));
+  }
+
+  /* Current: a --ds-stroke-3 --primary12 bar at the start edge of the text column
+     (titles already sit at --font-weight-6 or heavier). */
+  .rule:has(.titleLink[aria-current]:not([aria-current='false']))::before {
+    content: '';
+    position: absolute;
+    inset-block: 0;
+    inset-inline-start: calc(-1 * (var(--size-px-2) + var(--ds-stroke-3)));
+    border-inline-start: var(--ds-stroke-3) solid var(--primary12);
+  }
+
+  /*
+   * Event hover (not disabled): the title takes --role-link-hover, color
+   * only, as a title link; the underline (--ds-stroke-1-5, --role-accent)
+   * is added where that ink is --primary12, and under forced colors
+   * (§12.11) [D181].
+   */
+  .trigger:not([data-disabled]):hover {
+    color: var(--role-link-hover);
+  }
+
+  .trigger:not([data-disabled]):hover .triggerLabel {
+    text-decoration-line: var(--ds-link-hover-line);
+  }
+
+  @media (forced-colors: active) {
+    .trigger:not([data-disabled]):hover .triggerLabel {
+      text-decoration-line: underline;
+    }
+  }
+
+  .trigger:focus-visible {
+    outline: var(--border-size-2) solid var(--primary12);
+    outline-offset: var(--border-size-2);
+  }
+
+  /* Expanded: the title moves from --role-muted to --primary12 and grows to type-h2 (Desaina). */
+  .trigger[data-panel-open] {
+    color: var(--primary12);
+    font-size: var(--ds-font-size-h2);
+  }
+}
+
+@layer print {
+  @media print {
+    /* A text list: rows whole, thumbnails dropped, event rows expanded with the date column left. */
+    .header {
+      break-after: avoid;
+    }
+
+    .row {
+      break-inside: avoid;
+    }
+
+    .thumb {
+      display: none;
+    }
+
+    .related .row {
+      grid-template-columns: minmax(0, 1fr);
+    }
+
+    .event .row {
+      grid-template-columns: minmax(0, 3fr) minmax(0, 9fr);
+    }
+
+    .event .date {
+      padding-block-end: var(--index-rows-pad);
+      text-align: start;
+    }
+
+    .event .date + .rule {
+      padding-block-start: var(--index-rows-pad);
+      padding-inline-start: var(--size-px-3);
+      border-inline-start-width: var(--border-size-1);
+    }
+
+    .trigger {
+      min-block-size: auto;
+      color: var(--primary12);
+    }
+  }
+}

package/components/IndexRows/index.d.ts

@@ -0,0 +1,2 @@
+export * from './IndexRows';
+//# sourceMappingURL=index.d.ts.map

package/components/IndexRows/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/IndexRows/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA"}

package/components/IndexRows/index.js

@@ -0,0 +1,2 @@
+export * from './IndexRows';
+//# sourceMappingURL=index.js.map

package/components/IndexRows/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/IndexRows/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA"}

package/components/Input/Input.d.ts

@@ -0,0 +1,154 @@
+import * as React from 'react';
+import { Input as BaseInput } from '@base-ui/react/input';
+import { type VariantProps } from 'class-variance-authority';
+import { type IconName } from '../Icon';
+export declare const input: (props?: ({
+    variant?: "outline" | "underline" | null | undefined;
+    labelInside?: boolean | null | undefined;
+    multiline?: boolean | null | undefined;
+    plate?: boolean | null | undefined;
+    butted?: "end" | 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;
+/**
+ * The module's part classes, for composed components that build a field box
+ * around another Base UI control (Search's Autocomplete input) and leave the
+ * box's parts to this module (§1.11.1).
+ */
+export declare const inputParts: {
+    readonly control: string;
+    readonly icon: string;
+    readonly affix: string;
+    readonly actionSlot: string;
+    readonly actionIcon: string;
+    readonly actionText: string;
+    readonly edge: string;
+    readonly edgeLine: string;
+};
+type InputVariants = VariantProps<typeof input>;
+/** The butted action cell (§10.3): a solid Button joined to the box's end. */
+export interface InputAction {
+    /**
+     * The action's accessible name, and its visible `type-button` label from
+     * `--md-n-above` when `labelled`. Title case, no tracking [D160].
+     */
+    label: string;
+    /**
+     * Shows `label` in the cell from `--md-n-above` (with `--size-px-5`
+     * padding). It stays the icon-only 64 × 48 px cell at base, below
+     * `--xs-n-below` and below 360 px of Form width. Default `false`.
+     */
+    labelled?: boolean;
+    /** Busy: the cell is inert and reads `busyLabel`; an icon-only cell shows "…" [D84]. */
+    busy?: boolean;
+    /** The "-ing…" wording while busy, e.g. "Sending…". Default "Sending…". */
+    busyLabel?: string;
+    /** Default `submit`. */
+    type?: 'submit' | 'button';
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    disabled?: boolean;
+}
+type ControlProps = Omit<BaseInput.Props, 'className' | 'style' | 'render' | 'prefix'>;
+interface InputOwnProps {
+    /** Class names for the box (the root), added after the module's own. */
+    className?: string;
+    /** Inline style for the box: set its width to the expected answer (postcode `8ch`). */
+    style?: React.CSSProperties;
+    /**
+     * Primary Radix scale: box edge, value, placeholder, icon and focus ring.
+     * Never defaulted; omitted, it inherits the scope [D133].
+     */
+    primary?: InputVariants['primary'];
+    /**
+     * Secondary Radix scale. Unused at rest; while the Field is invalid it is
+     * the danger scale (the error edge).
+     */
+    secondary?: InputVariants['secondary'];
+    /** A leading icon: Material Symbols Rounded, inline tier (§6.10). */
+    icon?: IconName;
+    /** A prefix unit inside the box, in --role-muted ("$"). */
+    prefix?: React.ReactNode;
+    /** A suffix unit inside the box, in --role-muted ("USD"). Never the unit only in the placeholder. */
+    suffix?: React.ReactNode;
+}
+interface SingleLineProps {
+    /** `true` renders the textarea. Default `false`. */
+    multiline?: false;
+    rows?: never;
+    limit?: never;
+    /**
+     * Password fields: adds a "Show" / "Hide" text toggle, never an eye icon
+     * alone (§10.3).
+     */
+    reveal?: boolean;
+    /** The toggle's two labels. Default `['Show', 'Hide']`. */
+    revealLabels?: readonly [show: string, hide: string];
+}
+interface MultilineProps {
+    /** The textarea: at least 3 lines, vertical resize only. */
+    multiline: true;
+    /** Visible lines. Default 3 (the minimum). */
+    rows?: number;
+    /**
+     * Shows a `type-data` count against this soft limit; over it, the count
+     * turns --primary12 with the danger ◆. Validate the limit in the Field.
+     */
+    limit?: number;
+    reveal?: never;
+    revealLabels?: never;
+}
+type LabelInsideProps = {
+    /** The `--ds-size-control-xl` box with the label inside (Audubon). Default `false`. */
+    labelInside: true;
+    /** The label drawn inside the box, title case [D160]. Required with `labelInside`. */
+    label: React.ReactNode;
+} | {
+    labelInside?: false;
+    label?: never;
+};
+type ButtedProps = {
+    /** Joins the action cell at the box's end: --ds-radius-none at the seam. */
+    butted: 'end';
+    /** The butted action cell; one-field forms only. */
+    action: InputAction;
+} | {
+    butted?: never;
+    action?: never;
+};
+type NotLabelInside = {
+    labelInside?: false;
+    label?: never;
+};
+type NotButted = {
+    butted?: never;
+    action?: never;
+};
+type OutlineSingleProps = {
+    /** `outline` (default) is the §10.1 field box; `underline` a lone bottom rule. */
+    variant?: 'outline';
+    /** The box face becomes a nested `white` scope; patterned grounds only (§10.1). */
+    plate?: boolean;
+} & SingleLineProps & LabelInsideProps & ButtedProps;
+type OutlineMultilineProps = {
+    variant?: 'outline';
+    plate?: boolean;
+} & MultilineProps & NotLabelInside & NotButted;
+type UnderlineProps = {
+    /** A lone `--border-size-1` bottom rule: dense settings rows and printable blanks. */
+    variant: 'underline';
+    plate?: false;
+} & (SingleLineProps | MultilineProps) & NotLabelInside & NotButted;
+/**
+ * Props for Input: Base UI Input props (for the control) plus the variant,
+ * slot and color props. `className` and `style` go to the box.
+ */
+export type InputProps = ControlProps & InputOwnProps & (OutlineSingleProps | OutlineMultilineProps | UnderlineProps);
+/**
+ * A text field on Base UI's Input (Field.Control), inside a `Field`. The
+ * placeholder is never the label; end it with "…". A plate belongs only on
+ * a patterned ground; everywhere else the box is open.
+ */
+export declare function Input(props: InputProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=Input.d.ts.map

package/components/Input/Input.d.ts.map

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