@hirobius/design-system 0.19.1 → 0.21.0

package/dist/types/src/app/components/skeleton.d.ts

@@ -11,14 +11,14 @@
 import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
 declare const skeletonVariants: (props?: ({
-    variant?: "text" | "rectangular" | "circular" | null | undefined;
+    variant?: "text" | "circular" | "rectangular" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 type SkeletonVariantProps = VariantProps<typeof skeletonVariants>;
 /** @public */
 export interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement>, SkeletonVariantProps {
     /** Explicit width (number → px, or any CSS length). */
     width?: number | string;
-    /** Explicit height (number → px, or any CSS length). For `text`, defaults to 1em. */
+    /** Explicit height (number → px, or any CSS length). For `text`, defaults to 1em; for `rectangular`, 5rem. */
     height?: number | string;
 }
 /**
@@ -26,5 +26,4 @@ export interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement>, Ske
  * state on the surrounding region (e.g. aria-busy) rather than per skeleton.
  */
 export declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLDivElement>>;
-/** @internal — CVA variant helper; compose via Skeleton props instead. */
-export { skeletonVariants };
+export {};

package/dist/types/src/app/components/spinner.d.ts

@@ -21,5 +21,4 @@ export interface SpinnerProps extends React.HTMLAttributes<HTMLSpanElement>, Spi
 }
 /** Indeterminate spinner. Inherits the surrounding text color via currentColor. */
 export declare const Spinner: React.ForwardRefExoticComponent<SpinnerProps & React.RefAttributes<HTMLSpanElement>>;
-/** @internal — CVA variant helper; compose via Spinner props instead. */
-export { spinnerVariants };
+export {};

package/dist/types/src/app/components/stack.d.ts

@@ -23,7 +23,10 @@ export interface StackProps {
     children: React.ReactNode;
     /** Flex direction for the stack. */
     direction?: 'row' | 'column';
-    /** Gap token: semantic (tight, normal, inset, spacious) or primitive (px4, px8, etc). Defaults to 'tight' (16px). */
+    /**
+     * Gap token: semantic (tight, normal, inset, spacious) or primitive (px4, px8, etc). Defaults to 'tight' (16px).
+     * Not the t-shirt scale: Stack's 'xs' is the 2px subgrid step, while Box `sx` 'xs' is scale.xs (8px), until the 1.0 rename (hds#206).
+     */
     gap?: GapOption;
     /** Cross-axis alignment: start | center | end | stretch. */
     align?: FlexAlign;

package/dist/types/src/app/components/stat.d.ts

@@ -16,12 +16,12 @@ export interface StatProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'c
     sub?: React.ReactNode;
 }
 /**
- * Headline metric — large value, uppercase caption label, optional sub-line.
- * @usage Show one standalone headline figure with its label and an optional sub-line.
- * @whenNot A figure inside a Card, or a status with a trailing badge.
+ * Headline metric — large value, caption label, optional sub-line.
+ * @usage Show one headline figure inline, inside prose or a dense list, with its label and an optional sub-line.
+ * @whenNot A row of headline numbers on a screen, a figure inside a Card, or a status with a trailing badge.
+ * @useInstead MetricTiles a row of headline numbers (one MetricTile per number)
  * @useInstead Card.Metric a figure inside a Card (hds#254 folds Stat into the Card slot)
  * @useInstead StatusTile a titled status with notes and a trailing badge
  */
 export declare const Stat: React.ForwardRefExoticComponent<StatProps & React.RefAttributes<HTMLDivElement>>;
-/** @internal — CVA variant helper; compose via Stat props instead. */
-export { statVariants };
+export {};

package/dist/types/src/app/components/status-list-item.d.ts

@@ -21,5 +21,4 @@ export interface StatusListItemProps extends Omit<React.HTMLAttributes<HTMLDivEl
  * Status dot + title row with optional muted notes and trailing slot (e.g. badge).
  */
 export declare const StatusListItem: React.ForwardRefExoticComponent<StatusListItemProps & React.RefAttributes<HTMLDivElement>>;
-/** @internal — CVA variant helper; compose via StatusListItem props instead. */
-export { statusListItemDotVariants };
+export {};

package/dist/types/src/app/components/status-tile.d.ts

@@ -20,8 +20,9 @@ export interface StatusTileProps extends Omit<React.HTMLAttributes<HTMLDivElemen
  * — every tile should look the same so feedback signals stay reserved for
  * genuinely interrupting states.
  * @usage Show a titled status block with optional notes and a trailing badge or affordance.
- * @whenNot A single headline figure, or a row inside a list.
- * @useInstead Card.Metric a headline figure (hds#254 folds StatusTile into the Card slot)
+ * @whenNot A headline number (never a value), or a row inside a list.
+ * @useInstead MetricTiles a row of headline numbers
+ * @useInstead Card.Metric a headline figure inside a Card (hds#254 folds StatusTile into the Card slot)
  * @useInstead StatusListItem a status row inside a list
  */
 export declare const StatusTile: React.ForwardRefExoticComponent<StatusTileProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/src/app/components/surface.d.ts

@@ -2,7 +2,7 @@ import React, { type CSSProperties, type HTMLAttributes, type ReactNode } from '
 import { type VariantProps } from 'class-variance-authority';
 import type { PaddingOption } from './surface-padding.js';
 declare const surfaceVariants: (props?: ({
-    padding?: "none" | "item" | "px16" | "px24" | "component" | null | undefined;
+    padding?: "none" | "item" | "component" | "px16" | "px24" | null | undefined;
     shadow?: boolean | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 type SurfaceVariantProps = VariantProps<typeof surfaceVariants>;
@@ -26,5 +26,4 @@ export interface SurfaceProps extends Omit<HTMLAttributes<HTMLDivElement>, 'styl
 }
 /** @public */
 export declare const Surface: React.ForwardRefExoticComponent<SurfaceProps & React.RefAttributes<HTMLDivElement>>;
-/** @internal — CVA variant helper; compose via Surface props instead. */
-export { surfaceVariants };
+export {};

package/dist/types/src/app/components/switcher.d.ts

@@ -14,7 +14,7 @@
  * (column) layout once there are more than `limit` children, regardless of
  * container width — use it to stop a row from thinning out into an
  * unreadable N-up strip. Do NOT use Switcher for content that should always
- * wrap in place — use Cluster.
+ * wrap in place — use Stack with `direction="row"` and `wrap="wrap"`.
  *
  * Every Layout reference: https://every-layout.dev/layouts/the-switcher/
  */

package/dist/types/src/app/components/table.d.ts

@@ -9,19 +9,6 @@
  * @figma https://www.figma.com/design/c8MaVgwxOlxm4wr8wnH0Z4/HDS-Tokens-Components?node-id=89-300
  */
 import { type ReactNode } from 'react';
-declare const tableHeaderCellVariants: (props?: ({
-    align?: "center" | "left" | "right" | null | undefined;
-    density?: "compact" | "comfortable" | "follow" | null | undefined;
-    sticky?: boolean | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-declare const tableSortButtonVariants: (props?: ({
-    align?: "center" | "left" | "right" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-declare const tableDataCellVariants: (props?: ({
-    align?: "center" | "left" | "right" | null | undefined;
-    density?: "compact" | "comfortable" | "follow" | null | undefined;
-    divider?: boolean | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 /** @public */
 export type TableColumnAlign = 'left' | 'center' | 'right';
 /** @public */
@@ -88,8 +75,12 @@ export declare function Table({ columns, rows, caption, captionAction, descripti
      * default, compact inside `[data-density="compact"]`); pass a value to fix it.
      */
     density?: TableDensity;
+    /**
+     * Drop the scroll region's own inset. On by default: every cell already carries the
+     * surface inset, so a padded region doubled it (48px at the edges, hds#522). Pass
+     * `flush={false}` to restore the extra region padding.
+     */
     flush?: boolean;
     stickyHeader?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
-/** @internal — CVA variant helpers; compose via Table props instead. */
-export { tableHeaderCellVariants, tableDataCellVariants, tableSortButtonVariants };
+export {};

package/dist/types/src/app/components/tag.d.ts

@@ -20,10 +20,6 @@
  * contract expects, just keyed by selection instead of tone/size/density.
  */
 import * as React from 'react';
-declare const tagButtonVariants: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
-declare const tagPillVariants: (props?: ({
-    selected?: boolean | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 /** @public */
 export interface TagProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {
     /** Tag content displayed inside the pill. */
@@ -33,5 +29,3 @@ export interface TagProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElem
 }
 /** @public */
 export declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLButtonElement>>;
-/** @internal — CVA variant helpers; compose via Tag props instead. */
-export { tagButtonVariants, tagPillVariants };

package/dist/types/src/app/components/text.d.ts

@@ -3,6 +3,7 @@
  *
  * @category Typography
  * @tier primitive
+ * @figma https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components-Copy?node-id=2022-31
  * @usage Set any text on the type ramp, with the element chosen by `as`.
  * @whenNot Navigation links, or a keyboard hint.
  * @useInstead InlineLink a link inside body copy
@@ -10,12 +11,58 @@
  * @doc-exempt: typography primitive is documented through the Typography ramp page (TypographyPage), not as a standalone component card
  */
 import { type CSSProperties, type ElementType, type HTMLAttributes, type ReactNode } from 'react';
-import { type VariantProps } from 'class-variance-authority';
-declare const textVariants: (props?: ({
-    variant?: "display" | "caption" | "body" | "heading1" | "heading2" | "heading3" | "ui" | "eyebrow" | "technical" | "badge" | "docLede" | "docBody" | "docSmall" | "docCode" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-type TextVariantProps = VariantProps<typeof textVariants>;
-type TextVariant = NonNullable<TextVariantProps['variant']>;
+/** The six roles of the type ramp, plus the deprecated names that still resolve. */
+export type TextVariant = 'display' | 'title' | 'body' | 'ui' | 'caption' | 'mono'
+/**
+ * @deprecated hds#483 — use `title`.
+ * @removeIn 1.0.0
+ */
+ | 'heading1'
+/**
+ * @deprecated hds#483 — use `title`.
+ * @removeIn 1.0.0
+ */
+ | 'heading2'
+/**
+ * @deprecated hds#483 — use `title`.
+ * @removeIn 1.0.0
+ */
+ | 'heading3'
+/**
+ * @deprecated hds#483 — use `mono`.
+ * @removeIn 1.0.0
+ */
+ | 'technical'
+/**
+ * @deprecated hds#483 — use `caption`.
+ * @removeIn 1.0.0
+ */
+ | 'eyebrow'
+/**
+ * @deprecated hds#483 — use `caption`.
+ * @removeIn 1.0.0
+ */
+ | 'badge'
+/**
+ * @deprecated hds#483 — use `body`.
+ * @removeIn 1.0.0
+ */
+ | 'docLede'
+/**
+ * @deprecated hds#483 — use `body`.
+ * @removeIn 1.0.0
+ */
+ | 'docBody'
+/**
+ * @deprecated hds#483 — use `ui`.
+ * @removeIn 1.0.0
+ */
+ | 'docSmall'
+/**
+ * @deprecated hds#483 — use `mono`.
+ * @removeIn 1.0.0
+ */
+ | 'docCode';
 type TextTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'div';
 /** @public */
 export type TextProps = {
@@ -32,5 +79,4 @@ export declare const Text: import("react").ForwardRefExoticComponent<{
     className?: string;
     style?: CSSProperties;
 } & HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLElement>>;
-/** @internal — CVA variant helper; compose via Text props instead. */
-export { textVariants };
+export {};

package/dist/types/src/app/components/textarea.d.ts

@@ -38,5 +38,4 @@ export interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTex
     textareaClassName?: string;
 }
 export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
-/** @internal — CVA variant helper; compose via Textarea props instead. */
-export { textareaVariants };
+export {};

package/dist/types/src/app/components/timestamp.d.ts

@@ -2,6 +2,7 @@
  * Timestamp — renders a date/time as a semantic <time> element.
  * @category Display
  * @tier primitive
+ * @figma https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components-Copy?node-id=2031-11
  */
 import * as React from 'react';
 /** @public */

package/dist/types/src/app/components/toast.d.ts

@@ -63,5 +63,4 @@ export interface ToastProviderProps {
  * @public
  */
 export declare function ToastProvider({ children, duration, swipeDirection, }: ToastProviderProps): import("react/jsx-runtime").JSX.Element;
-/** @internal — CVA variant helper; compose via ToastOptions.tone instead. */
-export { toastIconVariants };
+export {};

package/dist/types/src/app/components/tooltip.d.ts

@@ -5,7 +5,7 @@
 /**
  * ExpandTooltip — HDS image interaction tooltip
  *
- * A pill-shaped label (brand blue / white text) that indicates an image
+ * A pill-shaped label (accent fill / onAccent text) that indicates an image
  * is expandable. Supports two render modes:
  *
  *   'cursor'   — fixed-positioned portal tracking the mouse cursor.

package/dist/types/src/app/context/DemoStateContext.d.ts

@@ -1,7 +1,7 @@
 /**
  * DemoStateContext — React context for freezing HDS component demos into a fixed visual state.
  *
- * Replaces the forceHover/forceFocus/forcePressed prop trio on Button and NavItem.
+ * Replaces the forceHover/forceFocus/forcePressed prop trio on Button.
  * Wrap any demo with <FreezeState state="hover"> and every HDS component inside will
  * render that visual state without wiring individual force props.
  *

package/dist/types/src/app/context/RouterContext.d.ts

@@ -8,17 +8,17 @@
  *      falls back to window.location. Drop-in for apps with no router
  *      (e.g. job-hunt, a plain Vite/React app).
  *   2. react-router consumers — wrap the app once in <HdsRouterProvider> with an
- *      adapter that bridges useNavigate()/useLocation()/<Link>. The docs site
- *      does this internally via ReactRouterBridge (NOT exported).
+ *      adapter that bridges useNavigate()/useLocation()/<Link>.
  *   3. Next.js / other routers — same seam: provide an adapter mapping to that
  *      router's navigation + Link.
  *
  * IMPORTANT: this module MUST NOT import react-router (or any router). It is the
  * router-free contract every consumer can satisfy.
  *
- * @doc-ignore — provider/hook seam (like ThemeProvider et al.), not a visual
- *   component; it carries no Figma specimen or docs page, so manifest discovery
- *   must skip it despite the Hds* name prefix.
+ * @category Theming
+ * @tier primitive
+ * @usage Wrap the app root once so HDS links and navigation use your client router; with no provider they stay plain anchors.
+ * @doc-exempt: provider/hook seam like HdsThemeProvider, not a visual component; no Figma node or docs page, documented in README.md and docs/CONSUMING.md
  */
 import { type AnchorHTMLAttributes, type ReactNode } from 'react';
 /** Options forwarded to a router's navigate call (state preserved for SPA nav). */

package/dist/types/src/app/data/manifest-types.d.ts

@@ -78,6 +78,8 @@ export type ManifestComponentSpec = {
     hidden?: boolean;
     docExempt?: boolean;
     tier?: string;
+    /** In the ratified core set (hds#254, ADR-031). Present only as `true`; independent of `tier`. */
+    core?: true;
     stability?: 'stable' | 'beta';
     consumers?: string[];
     tokenMapping?: Record<string, string>;
@@ -93,12 +95,13 @@ export type ManifestComponentSpec = {
     usage?: ManifestUsage;
     keyboard?: ManifestKeyboardEntry[];
     aiRules?: string;
+    /** Deprecation notice from the component's `@deprecated` JSDoc tag (hds#390). */
+    deprecated?: string;
+    /** Release that removes the deprecated component, from `@removeIn`. */
+    removeIn?: string;
+    /** Replacement for the deprecated component, from `@useInstead` in the same block. */
+    useInstead?: string;
 };
-/**
- * Alias of ManifestComponentSpec for hds-search.ts back-compat.
- * @deprecated Use ManifestComponentSpec directly in new code.
- */
-export type ManifestSpec = ManifestComponentSpec;
 /** The root SystemManifest shape (virtual:hds-manifest). */
 export type SystemManifest = {
     name?: string;
@@ -128,6 +131,8 @@ export type ManifestApiComponent = {
     hidden?: boolean;
     figmaUrl?: string | null;
     description?: string;
+    /** In the ratified core set (hds#254, ADR-031). Present only as `true`. */
+    core?: true;
     usage?: ManifestUsage;
     keyboard?: ManifestKeyboardEntry[];
     aiRules?: string;

package/dist/types/src/app/design-system/generated-token-refs.d.ts

@@ -148,6 +148,7 @@ export declare const tokenRefs: {
                 readonly "4xl": "var(--primitive-typography-size-4xl)";
                 readonly "5xl": "var(--primitive-typography-size-5xl)";
                 readonly "6xl": "var(--primitive-typography-size-6xl)";
+                readonly code: "var(--primitive-typography-size-code)";
             };
             readonly weight: {
                 readonly regular: "var(--primitive-typography-weight-regular)";
@@ -161,6 +162,8 @@ export declare const tokenRefs: {
                 readonly snug: "var(--primitive-typography-lineHeight-snug)";
                 readonly normal: "var(--primitive-typography-lineHeight-normal)";
                 readonly relaxed: "var(--primitive-typography-lineHeight-relaxed)";
+                readonly display: "var(--primitive-typography-lineHeight-display)";
+                readonly body: "var(--primitive-typography-lineHeight-body)";
             };
             readonly letterSpacing: {
                 readonly tight: "var(--primitive-typography-letterSpacing-tight)";
@@ -203,6 +206,7 @@ export declare const tokenRefs: {
             readonly "64": "var(--primitive-size-64)";
             readonly "80": "var(--primitive-size-80)";
             readonly "96": "var(--primitive-size-96)";
+            readonly "120": "var(--primitive-size-120)";
             readonly interactive: {
                 readonly min: "var(--primitive-size-interactive-min)";
                 readonly minCompact: "var(--primitive-size-interactive-minCompact)";
@@ -304,6 +308,11 @@ export declare const tokenRefs: {
                     readonly inProgress: "var(--semantic-color-feedback-bg-inProgress)";
                 };
             };
+            readonly state: {
+                readonly pressed: {
+                    readonly overlay: "var(--semantic-color-state-pressed-overlay)";
+                };
+            };
         };
         readonly space: {
             readonly scale: {
@@ -383,26 +392,12 @@ export declare const tokenRefs: {
                 readonly letterSpacing: "var(--semantic-typography-display-letter-spacing)";
                 readonly lineHeight: "var(--semantic-typography-display-line-height)";
             };
-            readonly h1: {
-                readonly fontFamily: "var(--semantic-typography-h1-font-family)";
-                readonly fontSize: "var(--semantic-typography-h1-font-size)";
-                readonly fontWeight: "var(--semantic-typography-h1-font-weight)";
-                readonly letterSpacing: "var(--semantic-typography-h1-letter-spacing)";
-                readonly lineHeight: "var(--semantic-typography-h1-line-height)";
-            };
-            readonly h2: {
-                readonly fontFamily: "var(--semantic-typography-h2-font-family)";
-                readonly fontSize: "var(--semantic-typography-h2-font-size)";
-                readonly fontWeight: "var(--semantic-typography-h2-font-weight)";
-                readonly letterSpacing: "var(--semantic-typography-h2-letter-spacing)";
-                readonly lineHeight: "var(--semantic-typography-h2-line-height)";
-            };
-            readonly h3: {
-                readonly fontFamily: "var(--semantic-typography-h3-font-family)";
-                readonly fontSize: "var(--semantic-typography-h3-font-size)";
-                readonly fontWeight: "var(--semantic-typography-h3-font-weight)";
-                readonly letterSpacing: "var(--semantic-typography-h3-letter-spacing)";
-                readonly lineHeight: "var(--semantic-typography-h3-line-height)";
+            readonly title: {
+                readonly fontFamily: "var(--semantic-typography-title-font-family)";
+                readonly fontSize: "var(--semantic-typography-title-font-size)";
+                readonly fontWeight: "var(--semantic-typography-title-font-weight)";
+                readonly letterSpacing: "var(--semantic-typography-title-letter-spacing)";
+                readonly lineHeight: "var(--semantic-typography-title-line-height)";
             };
             readonly body: {
                 readonly fontFamily: "var(--semantic-typography-body-font-family)";
@@ -427,14 +422,6 @@ export declare const tokenRefs: {
                 readonly letterSpacing: "var(--semantic-typography-caption-letter-spacing)";
                 readonly lineHeight: "var(--semantic-typography-caption-line-height)";
             };
-            readonly eyebrow: {
-                readonly fontFamily: "var(--semantic-typography-eyebrow-font-family)";
-                readonly fontSize: "var(--semantic-typography-eyebrow-font-size)";
-                readonly fontWeight: "var(--semantic-typography-eyebrow-font-weight)";
-                readonly letterSpacing: "var(--semantic-typography-eyebrow-letter-spacing)";
-                readonly lineHeight: "var(--semantic-typography-eyebrow-line-height)";
-                readonly textTransform: "var(--semantic-typography-eyebrow-text-transform)";
-            };
             readonly mono: {
                 readonly fontFamily: "var(--semantic-typography-mono-font-family)";
                 readonly fontSize: "var(--semantic-typography-mono-font-size)";
@@ -443,6 +430,34 @@ export declare const tokenRefs: {
                 readonly lineHeight: "var(--semantic-typography-mono-line-height)";
                 readonly maxWidth: "var(--semantic-typography-mono-max-width)";
             };
+            readonly h1: {
+                readonly fontFamily: "var(--semantic-typography-h1-font-family)";
+                readonly fontSize: "var(--semantic-typography-h1-font-size)";
+                readonly fontWeight: "var(--semantic-typography-h1-font-weight)";
+                readonly letterSpacing: "var(--semantic-typography-h1-letter-spacing)";
+                readonly lineHeight: "var(--semantic-typography-h1-line-height)";
+            };
+            readonly h2: {
+                readonly fontFamily: "var(--semantic-typography-h2-font-family)";
+                readonly fontSize: "var(--semantic-typography-h2-font-size)";
+                readonly fontWeight: "var(--semantic-typography-h2-font-weight)";
+                readonly letterSpacing: "var(--semantic-typography-h2-letter-spacing)";
+                readonly lineHeight: "var(--semantic-typography-h2-line-height)";
+            };
+            readonly h3: {
+                readonly fontFamily: "var(--semantic-typography-h3-font-family)";
+                readonly fontSize: "var(--semantic-typography-h3-font-size)";
+                readonly fontWeight: "var(--semantic-typography-h3-font-weight)";
+                readonly letterSpacing: "var(--semantic-typography-h3-letter-spacing)";
+                readonly lineHeight: "var(--semantic-typography-h3-line-height)";
+            };
+            readonly eyebrow: {
+                readonly fontFamily: "var(--semantic-typography-eyebrow-font-family)";
+                readonly fontSize: "var(--semantic-typography-eyebrow-font-size)";
+                readonly fontWeight: "var(--semantic-typography-eyebrow-font-weight)";
+                readonly letterSpacing: "var(--semantic-typography-eyebrow-letter-spacing)";
+                readonly lineHeight: "var(--semantic-typography-eyebrow-line-height)";
+            };
             readonly lineHeight: {
                 readonly none: "var(--semantic-typography-lineHeight-none)";
             };
@@ -511,6 +526,7 @@ export declare const tokenRefs: {
                 readonly lg: "var(--semantic-size-icon-lg)";
             };
             readonly avatar: "var(--semantic-size-avatar)";
+            readonly tile: "var(--semantic-size-tile)";
             readonly row: {
                 readonly compact: "var(--semantic-size-row-compact)";
                 readonly comfortable: "var(--semantic-size-row-comfortable)";
@@ -641,6 +657,7 @@ export declare const tokenRefs: {
         readonly "card-foreground": "var(--role-card-foreground)";
         readonly popover: "var(--role-popover)";
         readonly scrim: "var(--role-scrim)";
+        readonly "pressed-overlay": "var(--role-pressed-overlay)";
         readonly "popover-foreground": "var(--role-popover-foreground)";
         readonly primary: "var(--role-primary)";
         readonly "primary-foreground": "var(--role-primary-foreground)";

package/dist/types/src/app/design-system/generated-token-values.d.ts

@@ -149,6 +149,7 @@ export declare const tokenValues: {
                 readonly "4xl": "36px";
                 readonly "5xl": "48px";
                 readonly "6xl": "60px";
+                readonly code: "13px";
             };
             readonly weight: {
                 readonly regular: "400";
@@ -162,6 +163,8 @@ export declare const tokenValues: {
                 readonly snug: "1.375";
                 readonly normal: "1.5";
                 readonly relaxed: "1.625";
+                readonly display: "1.05";
+                readonly body: "1.6";
             };
             readonly letterSpacing: {
                 readonly tight: "-0.01em";
@@ -204,6 +207,7 @@ export declare const tokenValues: {
             readonly "64": "64px";
             readonly "80": "80px";
             readonly "96": "96px";
+            readonly "120": "120px";
             readonly interactive: {
                 readonly min: "44px";
                 readonly minCompact: "24px";