@hirobius/design-system 0.20.0 → 0.22.0

package/dist/types/src/app/components/metric-tiles.d.ts

@@ -22,6 +22,7 @@ export interface MetricTileProps extends Omit<React.HTMLAttributes<HTMLDivElemen
  * surface at one fixed min-height. Wraps `Card.Metric` (the sibling with the
  * eyebrow / h2 / caption scale) and adds the surface and the fixed height, so a
  * tile needs no enclosing `Card`.
+ * @figma https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=2075-114
  */
 export declare const MetricTile: React.ForwardRefExoticComponent<MetricTileProps & React.RefAttributes<HTMLDivElement>>;
 /** @public */

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

@@ -5,7 +5,7 @@
  * @usage Move between pages of a long result set, with truncated page numbers.
  * @whenNot A hierarchy trail, or a short list that fits on one page.
  * @useInstead Breadcrumb a hierarchy trail
- * @figma https://www.figma.com/design/c8MaVgwxOlxm4wr8wnH0Z4/HDS-Tokens-Components?node-id=86-194
+ * @figma https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=86-194
  */
 import * as React from 'react';
 type PageToken = number | 'ellipsis';

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

@@ -2,7 +2,7 @@
  * Popover — floating surface anchored to a trigger (shadcn baseline, compound parts).
  * @category Overlays
  * @tier primitive
- * @figma https://www.figma.com/design/c8MaVgwxOlxm4wr8wnH0Z4/HDS-Tokens-Components?node-id=93-32
+ * @figma https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=93-32
  * @doc-exempt: no Overlays doc page yet — add demo when the overlays page is created
  *
  * Radix Popover (@radix-ui/react-popover) themed with role tokens. Provides

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

@@ -6,7 +6,7 @@
  * @whenNot A wait of unknown length with no bar, or content that is still loading.
  * @useInstead Spinner a wait of unknown length
  * @useInstead Skeleton placeholder shapes for loading content
- * @figma https://www.figma.com/design/c8MaVgwxOlxm4wr8wnH0Z4/HDS-Tokens-Components?node-id=88-91
+ * @figma https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=88-91
  */
 import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
@@ -15,7 +15,7 @@ declare const progressTrackVariants: (props?: ({
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 declare const PROGRESS_TONES: {
     readonly neutral: {
-        readonly bar: "bg-accent";
+        readonly bar: "bg-primary";
         readonly ring: "text-primary";
     };
     readonly danger: {

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

@@ -7,7 +7,7 @@
  * @useInstead Checkbox independent options that can be ticked together
  * @useInstead Select a long list that can collapse into a dropdown
  * @useInstead SegmentedControl a compact switch between two to five views or modes
- * @figma https://www.figma.com/design/c8MaVgwxOlxm4wr8wnH0Z4/HDS-Tokens-Components?node-id=36-17
+ * @figma https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=36-17
  */
 import type { InputHTMLAttributes } from 'react';
 /** Radio — radio button with animated selection indicator. */

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

@@ -13,7 +13,7 @@
  * @keyboard Enter Commits the highlighted option and returns focus to the trigger.
  * @keyboard Escape Closes the listbox and returns focus to the trigger.
  * @keyboard Tab Does not leave the open listbox.
- * @figma https://www.figma.com/design/c8MaVgwxOlxm4wr8wnH0Z4/HDS-Tokens-Components?node-id=82-49
+ * @figma https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=82-49
  */
 /**
  * Select — dropdown selector built on Radix Select (ADR-001 Radix convention).

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

@@ -6,7 +6,7 @@
  * @whenNot A task with measurable progress, or a wait with no layout to reserve.
  * @useInstead Progress a task with measurable progress
  * @useInstead Spinner a short wait with no layout to reserve
- * @figma https://www.figma.com/design/c8MaVgwxOlxm4wr8wnH0Z4/HDS-Tokens-Components?node-id=88-95
+ * @figma https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=88-95
  */
 import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
@@ -18,7 +18,7 @@ type SkeletonVariantProps = VariantProps<typeof skeletonVariants>;
 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;
 }
 /**

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

@@ -5,7 +5,7 @@
  * @usage Pick a number within a known range by dragging, when the exact value matters less than the position.
  * @whenNot A precise number the person must type or read exactly.
  * @useInstead Input a precise typed value (type="number")
- * @figma https://www.figma.com/design/c8MaVgwxOlxm4wr8wnH0Z4/HDS-Tokens-Components?node-id=82-265
+ * @figma https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=82-265
  */
 /** Slider — range slider with label and value display. */
 export interface SliderProps {

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

@@ -6,7 +6,7 @@
  * @whenNot A task with measurable progress, or a region whose layout is known.
  * @useInstead Progress a task with measurable progress
  * @useInstead Skeleton a region whose layout is known
- * @figma https://www.figma.com/design/c8MaVgwxOlxm4wr8wnH0Z4/HDS-Tokens-Components?node-id=88-106
+ * @figma https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=88-106
  */
 import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';

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

@@ -1,7 +1,7 @@
 /**
  * @category Display
  * @tier primitive
- * @figma https://www.figma.com/design/c8MaVgwxOlxm4wr8wnH0Z4/HDS-Tokens-Components?node-id=88-247
+ * @figma https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=88-247
  */
 import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
@@ -16,9 +16,10 @@ 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
  */

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

@@ -1,7 +1,7 @@
 /**
  * @category Display
  * @tier pattern
- * @figma https://www.figma.com/design/c8MaVgwxOlxm4wr8wnH0Z4/HDS-Tokens-Components?node-id=88-350
+ * @figma https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=88-350
  */
 import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';

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

@@ -1,7 +1,7 @@
 /**
  * @category Display
  * @tier pattern
- * @figma https://www.figma.com/design/c8MaVgwxOlxm4wr8wnH0Z4/HDS-Tokens-Components?node-id=88-292
+ * @figma https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=88-292
  */
 import * as React from 'react';
 export type StatusTileTone = 'success' | 'warning' | 'danger' | 'info' | 'neutral';
@@ -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/table.d.ts

@@ -6,7 +6,7 @@
  * @whenNot A single record, a short list of links, or content that reflows as cards.
  * @useInstead Field one record as label and value pairs
  * @useInstead Stack a short list of items
- * @figma https://www.figma.com/design/c8MaVgwxOlxm4wr8wnH0Z4/HDS-Tokens-Components?node-id=89-300
+ * @figma https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=89-300
  */
 import { type ReactNode } from 'react';
 /** @public */
@@ -75,6 +75,11 @@ 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;

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

@@ -29,7 +29,7 @@ import * as TabsPrimitive from '@radix-ui/react-tabs';
  * @whenNot A compact mode switch with no panels, or content that must all be visible.
  * @useInstead SegmentedControl a compact switch with no panels
  * @useInstead Disclosure optional content that expands in place
- * @figma https://www.figma.com/design/c8MaVgwxOlxm4wr8wnH0Z4/HDS-Tokens-Components?node-id=86-89
+ * @figma https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=86-89
  */
 export declare const Tabs: import("react").ForwardRefExoticComponent<TabsPrimitive.TabsProps & import("react").RefAttributes<HTMLDivElement>>;
 export declare function TabsList({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.List>): import("react/jsx-runtime").JSX.Element;

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

@@ -5,7 +5,7 @@
  * @usage Show an interactive filter or category chip that people can toggle.
  * @whenNot A read-only status or count label.
  * @useInstead Badge a read-only status or count
- * @figma https://www.figma.com/design/c8MaVgwxOlxm4wr8wnH0Z4/HDS-Tokens-Components?node-id=32-11
+ * @figma https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=32-11
  *
  * The outer <button> carries the accessible 44px hit target directly via the
  * size token while the inner pill keeps the visible surface compact. Colors

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?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 = {

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

@@ -5,7 +5,7 @@
  * @usage Collect multi-line free text such as a message, note or description.
  * @whenNot A single line of text, or choosing from a list.
  * @useInstead Input a single line of text
- * @figma https://www.figma.com/design/c8MaVgwxOlxm4wr8wnH0Z4/HDS-Tokens-Components?node-id=85-14
+ * @figma https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=85-14
  *
  * Mirrors Input's shell + token skin as a native `<textarea>`. Figma parity:
  * the four states Default / Focus / Error / Disabled map to the focus-ring,

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?node-id=2031-11
  */
 import * as React from 'react';
 /** @public */

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

@@ -6,7 +6,7 @@
  * @whenNot A message people must act on or that must stay next to its content.
  * @useInstead Alert a message that stays next to its content
  * @useInstead Dialog a message that needs a decision
- * @figma https://www.figma.com/design/c8MaVgwxOlxm4wr8wnH0Z4/HDS-Tokens-Components?node-id=93-367
+ * @figma https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=93-367
  * @doc-exempt: no Overlays/Feedback-overlay doc page yet — add demo when created
  *
  * Imperative API: wrap the app once in <ToastProvider>, then call

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

@@ -6,7 +6,7 @@
  * @whenNot A choice that only takes effect after submitting a form, or picking from several options.
  * @useInstead Checkbox a form option confirmed on submit
  * @useInstead Radio one choice from a set
- * @figma https://www.figma.com/design/c8MaVgwxOlxm4wr8wnH0Z4/HDS-Tokens-Components?node-id=37-19
+ * @figma https://www.figma.com/design/2VgBbVpKiDnu0aftJEVyBQ/HDS-Tokens-Components?node-id=37-19
  */
 import type { InputHTMLAttributes } from 'react';
 /** Toggle — boolean on/off toggle with animated thumb. */

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>;
@@ -129,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)";
@@ -389,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)";
@@ -433,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)";
@@ -449,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)";
             };

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";

package/dist/types/src/app/design-system/tokens.d.ts

@@ -159,41 +159,143 @@ declare const hds: {
             };
         };
         typography: {
+            /** @deprecated hds#483 — use `typeStyles.ui`.
+             * @removeIn 1.0.0 */
             label: React.CSSProperties;
+            /** @deprecated hds#483 — use `typeStyles.ui`.
+             * @removeIn 1.0.0 */
             labelDescriptive: React.CSSProperties;
+            /** @deprecated hds#483 — use `typeStyles.mono`.
+             * @removeIn 1.0.0 */
             labelTechnical: React.CSSProperties;
         };
     };
     typeStyles: {
         display: React.CSSProperties;
-        h1: React.CSSProperties;
-        h2: React.CSSProperties;
-        h3: React.CSSProperties;
+        title: React.CSSProperties;
         body: React.CSSProperties;
         ui: React.CSSProperties;
-        eyebrow: React.CSSProperties;
-        mono: React.CSSProperties;
-        small: React.CSSProperties;
         caption: React.CSSProperties;
+        mono: React.CSSProperties;
+        /**
+         * @deprecated hds#483 — use `typeStyles.title`.
+         * @removeIn 1.0.0
+         */
+        h1: React.CSSProperties;
+        /**
+         * @deprecated hds#483 — use `typeStyles.title`.
+         * @removeIn 1.0.0
+         */
+        h2: React.CSSProperties;
+        /**
+         * @deprecated hds#483 — use `typeStyles.title`.
+         * @removeIn 1.0.0
+         */
+        h3: React.CSSProperties;
+        /**
+         * @deprecated hds#483 — use `typeStyles.title`.
+         * @removeIn 1.0.0
+         */
         heading1: React.CSSProperties;
+        /**
+         * @deprecated hds#483 — use `typeStyles.title`.
+         * @removeIn 1.0.0
+         */
         heading2: React.CSSProperties;
+        /**
+         * @deprecated hds#483 — use `typeStyles.title`.
+         * @removeIn 1.0.0
+         */
         heading3: React.CSSProperties;
-        technical: React.CSSProperties;
-        badge: React.CSSProperties;
-        micro: React.CSSProperties;
-        displayXl: React.CSSProperties;
-        display1: React.CSSProperties;
-        display2: React.CSSProperties;
+        /**
+         * @deprecated hds#483 — use `typeStyles.title`.
+         * @removeIn 1.0.0
+         */
         headingHero: React.CSSProperties;
+        /**
+         * @deprecated hds#483 — use `typeStyles.title`.
+         * @removeIn 1.0.0
+         */
         headingSection: React.CSSProperties;
-        title: React.CSSProperties;
+        /**
+         * @deprecated hds#483 — use `typeStyles.title`.
+         * @removeIn 1.0.0
+         */
+        display2: React.CSSProperties;
+        /**
+         * @deprecated hds#483 — use `typeStyles.display`.
+         * @removeIn 1.0.0
+         */
+        displayXl: React.CSSProperties;
+        /**
+         * @deprecated hds#483 — use `typeStyles.display`.
+         * @removeIn 1.0.0
+         */
+        display1: React.CSSProperties;
+        /**
+         * @deprecated hds#483 — use `typeStyles.body`.
+         * @removeIn 1.0.0
+         */
         body2: React.CSSProperties;
+        /**
+         * @deprecated hds#483 — use `typeStyles.body`.
+         * @removeIn 1.0.0
+         */
         bodyLarge: React.CSSProperties;
+        /**
+         * @deprecated hds#483 — use `typeStyles.ui`.
+         * @removeIn 1.0.0
+         */
+        small: React.CSSProperties;
+        /**
+         * @deprecated hds#483 — use `typeStyles.ui`.
+         * @removeIn 1.0.0
+         */
         bodySmall: React.CSSProperties;
-        monoXs: React.CSSProperties;
-        monoSm: React.CSSProperties;
+        /**
+         * @deprecated hds#483 — use `typeStyles.ui`.
+         * @removeIn 1.0.0
+         */
         label: React.CSSProperties;
+        /**
+         * @deprecated hds#483 — use `typeStyles.ui`.
+         * @removeIn 1.0.0
+         */
         labelDescriptive: React.CSSProperties;
+        /**
+         * @deprecated hds#483 — use `typeStyles.caption`.
+         * @removeIn 1.0.0
+         */
+        eyebrow: React.CSSProperties;
+        /**
+         * @deprecated hds#483 — use `typeStyles.caption`.
+         * @removeIn 1.0.0
+         */
+        badge: React.CSSProperties;
+        /**
+         * @deprecated hds#483 — use `typeStyles.caption`.
+         * @removeIn 1.0.0
+         */
+        micro: React.CSSProperties;
+        /**
+         * @deprecated hds#483 — use `typeStyles.mono`.
+         * @removeIn 1.0.0
+         */
+        technical: React.CSSProperties;
+        /**
+         * @deprecated hds#483 — use `typeStyles.mono`.
+         * @removeIn 1.0.0
+         */
+        monoXs: React.CSSProperties;
+        /**
+         * @deprecated hds#483 — use `typeStyles.mono`.
+         * @removeIn 1.0.0
+         */
+        monoSm: React.CSSProperties;
+        /**
+         * @deprecated hds#483 — use `typeStyles.mono`.
+         * @removeIn 1.0.0
+         */
         labelTechnical: React.CSSProperties;
     };
     iconSize: {