@flood-md/tokens 0.2.1 → 0.2.3

package/README.md

@@ -1,6 +1,6 @@
 # @flood-md/tokens
 
-Typed reference values and semantic CSS roles for Flood **0.2.1**. Keep Flood
+Typed reference values and semantic CSS roles for Flood **0.2.3**. Keep Flood
 package versions aligned. Existing 0.1.1 installs use their earlier token contract.
 
 React consumers import @flood-md/react/styles.css and use FloodRoot. Token-only
@@ -19,9 +19,14 @@ on their scope; repeat both attributes for nested scopes. See the
 [foundations guide](../../docs/foundations.md) for supported types and limits.
 
 The React package bundles Inter and its OFL license. Token-only consumers provide
-their own font setup. Quiet field outlines need their separate necessary
-boundary signal; decorative line contrast is distinct from text accessibility.
+their own font setup. Version 0.2.3 maps the quiet field.border role to the
+container-outline tone. field.boundary remains a stronger opt-in; the quiet
+default does not establish 3:1 non-text contrast. Evaluate actual recognition
+and accessibility for the host composition.
 
 Legacy ./tokens.css and JSON retain the earlier shared/light/dark contract and
 --flood-* names. Legacy controls outside FloodRoot remain compatible; legacy
 overrides do not automatically change separately scoped foundations roles.
+
+Version 0.2.3 adds scrollbar size/inset/min-thumb roles and semantic thumb/hover
+colors, expanding the profile to 168 roles. Install matching package versions.

package/dist/foundations.css

@@ -60,6 +60,7 @@
   --flood-ref-control-xs-line-height: 1.3333333333333333;
   --flood-ref-control-xs-padding-inline: 0.75rem;
   --flood-ref-control-xs-text-size: 0.75rem;
+  --flood-ref-font-mono: "SFMono-Regular", "Consolas", "Liberation Mono", monospace;
   --flood-ref-font-sans: "Inter", "Arial", sans-serif;
   --flood-ref-layer-base: 0;
   --flood-ref-layer-modal: 30;
@@ -75,6 +76,9 @@
   --flood-ref-radius-field: 1rem;
   --flood-ref-radius-indicator: 0.375rem;
   --flood-ref-radius-surface: 2rem;
+  --flood-ref-scrollbar-inset: 0.25rem;
+  --flood-ref-scrollbar-min-thumb: 1.5rem;
+  --flood-ref-scrollbar-size: 0.375rem;
   --flood-ref-size-choice: 1.125rem;
   --flood-ref-size-switch-height: 1.375rem;
   --flood-ref-size-switch-thumb: 1rem;
@@ -102,6 +106,10 @@
   --flood-ref-type-control-size: 0.875rem;
   --flood-ref-type-control-tracking: -0.005em;
   --flood-ref-type-control-weight: 500;
+  --flood-ref-type-display-line-height: 1.12;
+  --flood-ref-type-display-size: 5.5rem;
+  --flood-ref-type-display-tracking: -0.04em;
+  --flood-ref-type-display-weight: 500;
   --flood-ref-type-helper-line-height: 1.5;
   --flood-ref-type-helper-size: 0.75rem;
   --flood-ref-type-helper-tracking: -0.01em;
@@ -114,6 +122,10 @@
   --flood-ref-type-large-size: 2rem;
   --flood-ref-type-large-tracking: -0.02em;
   --flood-ref-type-large-weight: 500;
+  --flood-ref-type-lead-line-height: 1.45;
+  --flood-ref-type-lead-size: 1.375rem;
+  --flood-ref-type-lead-tracking: -0.01em;
+  --flood-ref-type-lead-weight: 400;
   --flood-ref-type-page-line-height: 1.3333333333333333;
   --flood-ref-type-page-size: 1.5rem;
   --flood-ref-type-page-tracking: -0.02em;
@@ -158,13 +170,15 @@
   --flood-sys-color-feedback-success: var(--flood-ref-color-feedback-success);
   --flood-sys-color-feedback-warning: var(--flood-ref-color-feedback-warning);
   --flood-sys-color-field-background: var(--flood-ref-color-neutral-850);
-  --flood-sys-color-field-border: var(--flood-ref-color-neutral-650);
+  --flood-sys-color-field-border: var(--flood-ref-color-neutral-750);
   --flood-sys-color-field-boundary: var(--flood-ref-color-neutral-500);
   --flood-sys-color-field-content: var(--flood-ref-color-neutral-0);
   --flood-sys-color-field-disabled: var(--flood-ref-color-neutral-900);
   --flood-sys-color-field-disabled-content: var(--flood-ref-color-neutral-550);
   --flood-sys-color-field-placeholder: var(--flood-ref-color-neutral-320);
   --flood-sys-color-focus-ring: var(--flood-ref-color-accent-default);
+  --flood-sys-color-scrollbar-thumb: var(--flood-ref-color-neutral-550);
+  --flood-sys-color-scrollbar-thumb-hover: var(--flood-ref-color-neutral-320);
   --flood-sys-color-selection-background: var(--flood-ref-color-neutral-750);
   --flood-sys-color-selection-content: var(--flood-ref-color-neutral-0);
   --flood-sys-color-surface-canvas: var(--flood-ref-color-neutral-950);
@@ -215,6 +229,7 @@
   --flood-sys-control-xs-text-size: var(--flood-ref-control-xs-text-size);
   --flood-sys-focus-offset: var(--flood-ref-space-0);
   --flood-sys-focus-width: var(--flood-ref-stroke-width-2);
+  --flood-sys-font-mono: var(--flood-ref-font-mono);
   --flood-sys-font-sans: var(--flood-ref-font-sans);
   --flood-sys-layer-base: var(--flood-ref-layer-base);
   --flood-sys-layer-modal: var(--flood-ref-layer-modal);
@@ -230,6 +245,9 @@
   --flood-sys-radius-field: var(--flood-ref-radius-field);
   --flood-sys-radius-indicator: var(--flood-ref-radius-indicator);
   --flood-sys-radius-surface: var(--flood-ref-radius-surface);
+  --flood-sys-scrollbar-inset: var(--flood-ref-scrollbar-inset);
+  --flood-sys-scrollbar-min-thumb: var(--flood-ref-scrollbar-min-thumb);
+  --flood-sys-scrollbar-size: var(--flood-ref-scrollbar-size);
   --flood-sys-size-choice: var(--flood-ref-size-choice);
   --flood-sys-size-switch-height: var(--flood-ref-size-switch-height);
   --flood-sys-size-switch-thumb: var(--flood-ref-size-switch-thumb);
@@ -256,6 +274,10 @@
   --flood-sys-type-control-size: var(--flood-ref-type-control-size);
   --flood-sys-type-control-tracking: var(--flood-ref-type-control-tracking);
   --flood-sys-type-control-weight: var(--flood-ref-type-control-weight);
+  --flood-sys-type-display-line-height: var(--flood-ref-type-display-line-height);
+  --flood-sys-type-display-size: var(--flood-ref-type-display-size);
+  --flood-sys-type-display-tracking: var(--flood-ref-type-display-tracking);
+  --flood-sys-type-display-weight: var(--flood-ref-type-display-weight);
   --flood-sys-type-helper-line-height: var(--flood-ref-type-helper-line-height);
   --flood-sys-type-helper-size: var(--flood-ref-type-helper-size);
   --flood-sys-type-helper-tracking: var(--flood-ref-type-helper-tracking);
@@ -268,6 +290,10 @@
   --flood-sys-type-large-size: var(--flood-ref-type-large-size);
   --flood-sys-type-large-tracking: var(--flood-ref-type-large-tracking);
   --flood-sys-type-large-weight: var(--flood-ref-type-large-weight);
+  --flood-sys-type-lead-line-height: var(--flood-ref-type-lead-line-height);
+  --flood-sys-type-lead-size: var(--flood-ref-type-lead-size);
+  --flood-sys-type-lead-tracking: var(--flood-ref-type-lead-tracking);
+  --flood-sys-type-lead-weight: var(--flood-ref-type-lead-weight);
   --flood-sys-type-page-line-height: var(--flood-ref-type-page-line-height);
   --flood-sys-type-page-size: var(--flood-ref-type-page-size);
   --flood-sys-type-page-tracking: var(--flood-ref-type-page-tracking);

package/dist/foundations.d.ts

@@ -43,6 +43,8 @@ export declare const tokenNames: Readonly<{
   readonly "sys.color.field.disabled-content": "--flood-sys-color-field-disabled-content";
   readonly "sys.color.field.placeholder": "--flood-sys-color-field-placeholder";
   readonly "sys.color.focus.ring": "--flood-sys-color-focus-ring";
+  readonly "sys.color.scrollbar.thumb": "--flood-sys-color-scrollbar-thumb";
+  readonly "sys.color.scrollbar.thumb-hover": "--flood-sys-color-scrollbar-thumb-hover";
   readonly "sys.color.selection.background": "--flood-sys-color-selection-background";
   readonly "sys.color.selection.content": "--flood-sys-color-selection-content";
   readonly "sys.color.surface.canvas": "--flood-sys-color-surface-canvas";
@@ -93,6 +95,7 @@ export declare const tokenNames: Readonly<{
   readonly "sys.control.xs.text-size": "--flood-sys-control-xs-text-size";
   readonly "sys.focus.offset": "--flood-sys-focus-offset";
   readonly "sys.focus.width": "--flood-sys-focus-width";
+  readonly "sys.font.mono": "--flood-sys-font-mono";
   readonly "sys.font.sans": "--flood-sys-font-sans";
   readonly "sys.layer.base": "--flood-sys-layer-base";
   readonly "sys.layer.modal": "--flood-sys-layer-modal";
@@ -108,6 +111,9 @@ export declare const tokenNames: Readonly<{
   readonly "sys.radius.field": "--flood-sys-radius-field";
   readonly "sys.radius.indicator": "--flood-sys-radius-indicator";
   readonly "sys.radius.surface": "--flood-sys-radius-surface";
+  readonly "sys.scrollbar.inset": "--flood-sys-scrollbar-inset";
+  readonly "sys.scrollbar.min-thumb": "--flood-sys-scrollbar-min-thumb";
+  readonly "sys.scrollbar.size": "--flood-sys-scrollbar-size";
   readonly "sys.size.choice": "--flood-sys-size-choice";
   readonly "sys.size.switch-height": "--flood-sys-size-switch-height";
   readonly "sys.size.switch-thumb": "--flood-sys-size-switch-thumb";
@@ -134,6 +140,10 @@ export declare const tokenNames: Readonly<{
   readonly "sys.type.control.size": "--flood-sys-type-control-size";
   readonly "sys.type.control.tracking": "--flood-sys-type-control-tracking";
   readonly "sys.type.control.weight": "--flood-sys-type-control-weight";
+  readonly "sys.type.display.line-height": "--flood-sys-type-display-line-height";
+  readonly "sys.type.display.size": "--flood-sys-type-display-size";
+  readonly "sys.type.display.tracking": "--flood-sys-type-display-tracking";
+  readonly "sys.type.display.weight": "--flood-sys-type-display-weight";
   readonly "sys.type.helper.line-height": "--flood-sys-type-helper-line-height";
   readonly "sys.type.helper.size": "--flood-sys-type-helper-size";
   readonly "sys.type.helper.tracking": "--flood-sys-type-helper-tracking";
@@ -146,6 +156,10 @@ export declare const tokenNames: Readonly<{
   readonly "sys.type.large.size": "--flood-sys-type-large-size";
   readonly "sys.type.large.tracking": "--flood-sys-type-large-tracking";
   readonly "sys.type.large.weight": "--flood-sys-type-large-weight";
+  readonly "sys.type.lead.line-height": "--flood-sys-type-lead-line-height";
+  readonly "sys.type.lead.size": "--flood-sys-type-lead-size";
+  readonly "sys.type.lead.tracking": "--flood-sys-type-lead-tracking";
+  readonly "sys.type.lead.weight": "--flood-sys-type-lead-weight";
   readonly "sys.type.page.line-height": "--flood-sys-type-page-line-height";
   readonly "sys.type.page.size": "--flood-sys-type-page-size";
   readonly "sys.type.page.tracking": "--flood-sys-type-page-tracking";

package/dist/foundations.js

@@ -43,6 +43,8 @@ export const tokenNames = Object.freeze({
   "sys.color.field.disabled-content": "--flood-sys-color-field-disabled-content",
   "sys.color.field.placeholder": "--flood-sys-color-field-placeholder",
   "sys.color.focus.ring": "--flood-sys-color-focus-ring",
+  "sys.color.scrollbar.thumb": "--flood-sys-color-scrollbar-thumb",
+  "sys.color.scrollbar.thumb-hover": "--flood-sys-color-scrollbar-thumb-hover",
   "sys.color.selection.background": "--flood-sys-color-selection-background",
   "sys.color.selection.content": "--flood-sys-color-selection-content",
   "sys.color.surface.canvas": "--flood-sys-color-surface-canvas",
@@ -93,6 +95,7 @@ export const tokenNames = Object.freeze({
   "sys.control.xs.text-size": "--flood-sys-control-xs-text-size",
   "sys.focus.offset": "--flood-sys-focus-offset",
   "sys.focus.width": "--flood-sys-focus-width",
+  "sys.font.mono": "--flood-sys-font-mono",
   "sys.font.sans": "--flood-sys-font-sans",
   "sys.layer.base": "--flood-sys-layer-base",
   "sys.layer.modal": "--flood-sys-layer-modal",
@@ -108,6 +111,9 @@ export const tokenNames = Object.freeze({
   "sys.radius.field": "--flood-sys-radius-field",
   "sys.radius.indicator": "--flood-sys-radius-indicator",
   "sys.radius.surface": "--flood-sys-radius-surface",
+  "sys.scrollbar.inset": "--flood-sys-scrollbar-inset",
+  "sys.scrollbar.min-thumb": "--flood-sys-scrollbar-min-thumb",
+  "sys.scrollbar.size": "--flood-sys-scrollbar-size",
   "sys.size.choice": "--flood-sys-size-choice",
   "sys.size.switch-height": "--flood-sys-size-switch-height",
   "sys.size.switch-thumb": "--flood-sys-size-switch-thumb",
@@ -134,6 +140,10 @@ export const tokenNames = Object.freeze({
   "sys.type.control.size": "--flood-sys-type-control-size",
   "sys.type.control.tracking": "--flood-sys-type-control-tracking",
   "sys.type.control.weight": "--flood-sys-type-control-weight",
+  "sys.type.display.line-height": "--flood-sys-type-display-line-height",
+  "sys.type.display.size": "--flood-sys-type-display-size",
+  "sys.type.display.tracking": "--flood-sys-type-display-tracking",
+  "sys.type.display.weight": "--flood-sys-type-display-weight",
   "sys.type.helper.line-height": "--flood-sys-type-helper-line-height",
   "sys.type.helper.size": "--flood-sys-type-helper-size",
   "sys.type.helper.tracking": "--flood-sys-type-helper-tracking",
@@ -146,6 +156,10 @@ export const tokenNames = Object.freeze({
   "sys.type.large.size": "--flood-sys-type-large-size",
   "sys.type.large.tracking": "--flood-sys-type-large-tracking",
   "sys.type.large.weight": "--flood-sys-type-large-weight",
+  "sys.type.lead.line-height": "--flood-sys-type-lead-line-height",
+  "sys.type.lead.size": "--flood-sys-type-lead-size",
+  "sys.type.lead.tracking": "--flood-sys-type-lead-tracking",
+  "sys.type.lead.weight": "--flood-sys-type-lead-weight",
   "sys.type.page.line-height": "--flood-sys-type-page-line-height",
   "sys.type.page.size": "--flood-sys-type-page-size",
   "sys.type.page.tracking": "--flood-sys-type-page-tracking",

package/dist/foundations.manifest.json

@@ -1,6 +1,6 @@
 {
   "schemaVersion": 1,
-  "version": "0.2.1",
+  "version": "0.2.3",
   "status": "experimental",
   "contexts": [
     {
@@ -1114,29 +1114,29 @@
           "id": "sys.color.field.border",
           "type": "color",
           "cssName": "--flood-sys-color-field-border",
-          "description": "Quiet field outline; supplement with field.boundary when boundary is necessary",
+          "description": "Quiet default control outline; use field.boundary explicitly when a stronger recognition signal is required",
           "status": "experimental",
           "visibility": "public",
           "owner": "foundations",
           "since": "0.2.0",
           "usage": {
             "allowed": [
-              "Quiet field outline; supplement with field.boundary when boundary is necessary"
+              "Quiet default control outline; use field.boundary explicitly when a stronger recognition signal is required"
             ],
             "avoid": []
           },
           "value": {
             "colorSpace": "srgb",
             "components": [
-              0.2901960784313726,
-              0.2901960784313726,
-              0.2901960784313726
+              0.2196078431372549,
+              0.2196078431372549,
+              0.2196078431372549
             ],
             "alpha": 1
           },
-          "alias": "ref.color.neutral.650",
+          "alias": "ref.color.neutral.750",
           "dependencies": [
-            "ref.color.neutral.650"
+            "ref.color.neutral.750"
           ],
           "dependents": []
         },
@@ -1320,6 +1320,66 @@
           ],
           "dependents": []
         },
+        {
+          "id": "sys.color.scrollbar.thumb",
+          "type": "color",
+          "cssName": "--flood-sys-color-scrollbar-thumb",
+          "description": "Overlay scrollbar thumb",
+          "status": "experimental",
+          "visibility": "public",
+          "owner": "foundations",
+          "since": "0.2.3",
+          "usage": {
+            "allowed": [
+              "Overlay scrollbar thumb"
+            ],
+            "avoid": []
+          },
+          "value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.47843137254901963,
+              0.47843137254901963,
+              0.47843137254901963
+            ],
+            "alpha": 1
+          },
+          "alias": "ref.color.neutral.550",
+          "dependencies": [
+            "ref.color.neutral.550"
+          ],
+          "dependents": []
+        },
+        {
+          "id": "sys.color.scrollbar.thumb-hover",
+          "type": "color",
+          "cssName": "--flood-sys-color-scrollbar-thumb-hover",
+          "description": "Hovered or dragged overlay scrollbar thumb",
+          "status": "experimental",
+          "visibility": "public",
+          "owner": "foundations",
+          "since": "0.2.3",
+          "usage": {
+            "allowed": [
+              "Hovered or dragged overlay scrollbar thumb"
+            ],
+            "avoid": []
+          },
+          "value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.6980392156862745,
+              0.6980392156862745,
+              0.6980392156862745
+            ],
+            "alpha": 1
+          },
+          "alias": "ref.color.neutral.320",
+          "dependencies": [
+            "ref.color.neutral.320"
+          ],
+          "dependents": []
+        },
         {
           "id": "sys.color.selection.background",
           "type": "color",
@@ -2579,6 +2639,33 @@
           ],
           "dependents": []
         },
+        {
+          "id": "sys.font.mono",
+          "type": "fontFamily",
+          "cssName": "--flood-sys-font-mono",
+          "description": "Code font stack; no font download",
+          "status": "experimental",
+          "visibility": "public",
+          "owner": "foundations",
+          "since": "0.2.2",
+          "usage": {
+            "allowed": [
+              "Code font stack; no font download"
+            ],
+            "avoid": []
+          },
+          "value": [
+            "SFMono-Regular",
+            "Consolas",
+            "Liberation Mono",
+            "monospace"
+          ],
+          "alias": "ref.font.mono",
+          "dependencies": [
+            "ref.font.mono"
+          ],
+          "dependents": []
+        },
         {
           "id": "sys.font.sans",
           "type": "fontFamily",
@@ -2942,6 +3029,81 @@
           ],
           "dependents": []
         },
+        {
+          "id": "sys.scrollbar.inset",
+          "type": "dimension",
+          "cssName": "--flood-sys-scrollbar-inset",
+          "description": "Overlay scrollbar inset",
+          "status": "experimental",
+          "visibility": "public",
+          "owner": "foundations",
+          "since": "0.2.3",
+          "usage": {
+            "allowed": [
+              "Overlay scrollbar inset"
+            ],
+            "avoid": []
+          },
+          "value": {
+            "value": 0.25,
+            "unit": "rem"
+          },
+          "alias": "ref.scrollbar.inset",
+          "dependencies": [
+            "ref.scrollbar.inset"
+          ],
+          "dependents": []
+        },
+        {
+          "id": "sys.scrollbar.min-thumb",
+          "type": "dimension",
+          "cssName": "--flood-sys-scrollbar-min-thumb",
+          "description": "Overlay scrollbar min-thumb",
+          "status": "experimental",
+          "visibility": "public",
+          "owner": "foundations",
+          "since": "0.2.3",
+          "usage": {
+            "allowed": [
+              "Overlay scrollbar min-thumb"
+            ],
+            "avoid": []
+          },
+          "value": {
+            "value": 1.5,
+            "unit": "rem"
+          },
+          "alias": "ref.scrollbar.min-thumb",
+          "dependencies": [
+            "ref.scrollbar.min-thumb"
+          ],
+          "dependents": []
+        },
+        {
+          "id": "sys.scrollbar.size",
+          "type": "dimension",
+          "cssName": "--flood-sys-scrollbar-size",
+          "description": "Overlay scrollbar size",
+          "status": "experimental",
+          "visibility": "public",
+          "owner": "foundations",
+          "since": "0.2.3",
+          "usage": {
+            "allowed": [
+              "Overlay scrollbar size"
+            ],
+            "avoid": []
+          },
+          "value": {
+            "value": 0.375,
+            "unit": "rem"
+          },
+          "alias": "ref.scrollbar.size",
+          "dependencies": [
+            "ref.scrollbar.size"
+          ],
+          "dependents": []
+        },
         {
           "id": "sys.size.choice",
           "type": "dimension",
@@ -3574,6 +3736,100 @@
           ],
           "dependents": []
         },
+        {
+          "id": "sys.type.display.line-height",
+          "type": "number",
+          "cssName": "--flood-sys-type-display-line-height",
+          "description": "Display heading line-height",
+          "status": "experimental",
+          "visibility": "public",
+          "owner": "foundations",
+          "since": "0.2.2",
+          "usage": {
+            "allowed": [
+              "Display heading line-height"
+            ],
+            "avoid": []
+          },
+          "value": 1.12,
+          "alias": "ref.type.display.line-height",
+          "dependencies": [
+            "ref.type.display.line-height"
+          ],
+          "dependents": []
+        },
+        {
+          "id": "sys.type.display.size",
+          "type": "dimension",
+          "cssName": "--flood-sys-type-display-size",
+          "description": "Display heading size",
+          "status": "experimental",
+          "visibility": "public",
+          "owner": "foundations",
+          "since": "0.2.2",
+          "usage": {
+            "allowed": [
+              "Display heading size"
+            ],
+            "avoid": []
+          },
+          "value": {
+            "value": 5.5,
+            "unit": "rem"
+          },
+          "alias": "ref.type.display.size",
+          "dependencies": [
+            "ref.type.display.size"
+          ],
+          "dependents": []
+        },
+        {
+          "id": "sys.type.display.tracking",
+          "type": "dimension",
+          "cssName": "--flood-sys-type-display-tracking",
+          "description": "Display heading tracking",
+          "status": "experimental",
+          "visibility": "public",
+          "owner": "foundations",
+          "since": "0.2.2",
+          "usage": {
+            "allowed": [
+              "Display heading tracking"
+            ],
+            "avoid": []
+          },
+          "value": {
+            "value": -0.04,
+            "unit": "em"
+          },
+          "alias": "ref.type.display.tracking",
+          "dependencies": [
+            "ref.type.display.tracking"
+          ],
+          "dependents": []
+        },
+        {
+          "id": "sys.type.display.weight",
+          "type": "fontWeight",
+          "cssName": "--flood-sys-type-display-weight",
+          "description": "Display heading weight",
+          "status": "experimental",
+          "visibility": "public",
+          "owner": "foundations",
+          "since": "0.2.2",
+          "usage": {
+            "allowed": [
+              "Display heading weight"
+            ],
+            "avoid": []
+          },
+          "value": 500,
+          "alias": "ref.type.display.weight",
+          "dependencies": [
+            "ref.type.display.weight"
+          ],
+          "dependents": []
+        },
         {
           "id": "sys.type.helper.line-height",
           "type": "number",
@@ -3856,6 +4112,100 @@
           ],
           "dependents": []
         },
+        {
+          "id": "sys.type.lead.line-height",
+          "type": "number",
+          "cssName": "--flood-sys-type-lead-line-height",
+          "description": "Lead introductory text line-height",
+          "status": "experimental",
+          "visibility": "public",
+          "owner": "foundations",
+          "since": "0.2.2",
+          "usage": {
+            "allowed": [
+              "Lead introductory text line-height"
+            ],
+            "avoid": []
+          },
+          "value": 1.45,
+          "alias": "ref.type.lead.line-height",
+          "dependencies": [
+            "ref.type.lead.line-height"
+          ],
+          "dependents": []
+        },
+        {
+          "id": "sys.type.lead.size",
+          "type": "dimension",
+          "cssName": "--flood-sys-type-lead-size",
+          "description": "Lead introductory text size",
+          "status": "experimental",
+          "visibility": "public",
+          "owner": "foundations",
+          "since": "0.2.2",
+          "usage": {
+            "allowed": [
+              "Lead introductory text size"
+            ],
+            "avoid": []
+          },
+          "value": {
+            "value": 1.375,
+            "unit": "rem"
+          },
+          "alias": "ref.type.lead.size",
+          "dependencies": [
+            "ref.type.lead.size"
+          ],
+          "dependents": []
+        },
+        {
+          "id": "sys.type.lead.tracking",
+          "type": "dimension",
+          "cssName": "--flood-sys-type-lead-tracking",
+          "description": "Lead introductory text tracking",
+          "status": "experimental",
+          "visibility": "public",
+          "owner": "foundations",
+          "since": "0.2.2",
+          "usage": {
+            "allowed": [
+              "Lead introductory text tracking"
+            ],
+            "avoid": []
+          },
+          "value": {
+            "value": -0.01,
+            "unit": "em"
+          },
+          "alias": "ref.type.lead.tracking",
+          "dependencies": [
+            "ref.type.lead.tracking"
+          ],
+          "dependents": []
+        },
+        {
+          "id": "sys.type.lead.weight",
+          "type": "fontWeight",
+          "cssName": "--flood-sys-type-lead-weight",
+          "description": "Lead introductory text weight",
+          "status": "experimental",
+          "visibility": "public",
+          "owner": "foundations",
+          "since": "0.2.2",
+          "usage": {
+            "allowed": [
+              "Lead introductory text weight"
+            ],
+            "avoid": []
+          },
+          "value": 400,
+          "alias": "ref.type.lead.weight",
+          "dependencies": [
+            "ref.type.lead.weight"
+          ],
+          "dependents": []
+        },
         {
           "id": "sys.type.page.line-height",
           "type": "number",

package/dist/neutral.dark.tokens.json

@@ -1414,6 +1414,30 @@
       }
     },
     "font": {
+      "mono": {
+        "$type": "fontFamily",
+        "$value": [
+          "SFMono-Regular",
+          "Consolas",
+          "Liberation Mono",
+          "monospace"
+        ],
+        "$description": "System monospace code font stack",
+        "$extensions": {
+          "md.flood": {
+            "status": "experimental",
+            "visibility": "internal",
+            "owner": "foundations",
+            "since": "0.2.2",
+            "usage": {
+              "allowed": [
+                "System monospace code font stack"
+              ],
+              "avoid": []
+            }
+          }
+        }
+      },
       "sans": {
         "$type": "fontFamily",
         "$value": [
@@ -1739,6 +1763,74 @@
         }
       }
     },
+    "scrollbar": {
+      "inset": {
+        "$type": "dimension",
+        "$value": {
+          "value": 0.25,
+          "unit": "rem"
+        },
+        "$description": "Overlay scrollbar inset",
+        "$extensions": {
+          "md.flood": {
+            "status": "experimental",
+            "visibility": "internal",
+            "owner": "foundations",
+            "since": "0.2.3",
+            "usage": {
+              "allowed": [
+                "Overlay scrollbar inset"
+              ],
+              "avoid": []
+            }
+          }
+        }
+      },
+      "min-thumb": {
+        "$type": "dimension",
+        "$value": {
+          "value": 1.5,
+          "unit": "rem"
+        },
+        "$description": "Overlay scrollbar min-thumb",
+        "$extensions": {
+          "md.flood": {
+            "status": "experimental",
+            "visibility": "internal",
+            "owner": "foundations",
+            "since": "0.2.3",
+            "usage": {
+              "allowed": [
+                "Overlay scrollbar min-thumb"
+              ],
+              "avoid": []
+            }
+          }
+        }
+      },
+      "size": {
+        "$type": "dimension",
+        "$value": {
+          "value": 0.375,
+          "unit": "rem"
+        },
+        "$description": "Overlay scrollbar size",
+        "$extensions": {
+          "md.flood": {
+            "status": "experimental",
+            "visibility": "internal",
+            "owner": "foundations",
+            "since": "0.2.3",
+            "usage": {
+              "allowed": [
+                "Overlay scrollbar size"
+              ],
+              "avoid": []
+            }
+          }
+        }
+      }
+    },
     "size": {
       "choice": {
         "$type": "dimension",
@@ -2330,6 +2422,90 @@
           }
         }
       },
+      "display": {
+        "line-height": {
+          "$type": "number",
+          "$value": 1.12,
+          "$description": "Display heading line-height",
+          "$extensions": {
+            "md.flood": {
+              "status": "experimental",
+              "visibility": "internal",
+              "owner": "foundations",
+              "since": "0.2.2",
+              "usage": {
+                "allowed": [
+                  "Display heading line-height"
+                ],
+                "avoid": []
+              }
+            }
+          }
+        },
+        "size": {
+          "$type": "dimension",
+          "$value": {
+            "value": 5.5,
+            "unit": "rem"
+          },
+          "$description": "Display heading size",
+          "$extensions": {
+            "md.flood": {
+              "status": "experimental",
+              "visibility": "internal",
+              "owner": "foundations",
+              "since": "0.2.2",
+              "usage": {
+                "allowed": [
+                  "Display heading size"
+                ],
+                "avoid": []
+              }
+            }
+          }
+        },
+        "tracking": {
+          "$type": "dimension",
+          "$value": {
+            "value": -0.04,
+            "unit": "em"
+          },
+          "$description": "Display heading tracking",
+          "$extensions": {
+            "md.flood": {
+              "status": "experimental",
+              "visibility": "internal",
+              "owner": "foundations",
+              "since": "0.2.2",
+              "usage": {
+                "allowed": [
+                  "Display heading tracking"
+                ],
+                "avoid": []
+              }
+            }
+          }
+        },
+        "weight": {
+          "$type": "fontWeight",
+          "$value": 500,
+          "$description": "Display heading weight",
+          "$extensions": {
+            "md.flood": {
+              "status": "experimental",
+              "visibility": "internal",
+              "owner": "foundations",
+              "since": "0.2.2",
+              "usage": {
+                "allowed": [
+                  "Display heading weight"
+                ],
+                "avoid": []
+              }
+            }
+          }
+        }
+      },
       "helper": {
         "line-height": {
           "$type": "number",
@@ -2582,6 +2758,90 @@
           }
         }
       },
+      "lead": {
+        "line-height": {
+          "$type": "number",
+          "$value": 1.45,
+          "$description": "Lead introductory text line-height",
+          "$extensions": {
+            "md.flood": {
+              "status": "experimental",
+              "visibility": "internal",
+              "owner": "foundations",
+              "since": "0.2.2",
+              "usage": {
+                "allowed": [
+                  "Lead introductory text line-height"
+                ],
+                "avoid": []
+              }
+            }
+          }
+        },
+        "size": {
+          "$type": "dimension",
+          "$value": {
+            "value": 1.375,
+            "unit": "rem"
+          },
+          "$description": "Lead introductory text size",
+          "$extensions": {
+            "md.flood": {
+              "status": "experimental",
+              "visibility": "internal",
+              "owner": "foundations",
+              "since": "0.2.2",
+              "usage": {
+                "allowed": [
+                  "Lead introductory text size"
+                ],
+                "avoid": []
+              }
+            }
+          }
+        },
+        "tracking": {
+          "$type": "dimension",
+          "$value": {
+            "value": -0.01,
+            "unit": "em"
+          },
+          "$description": "Lead introductory text tracking",
+          "$extensions": {
+            "md.flood": {
+              "status": "experimental",
+              "visibility": "internal",
+              "owner": "foundations",
+              "since": "0.2.2",
+              "usage": {
+                "allowed": [
+                  "Lead introductory text tracking"
+                ],
+                "avoid": []
+              }
+            }
+          }
+        },
+        "weight": {
+          "$type": "fontWeight",
+          "$value": 400,
+          "$description": "Lead introductory text weight",
+          "$extensions": {
+            "md.flood": {
+              "status": "experimental",
+              "visibility": "internal",
+              "owner": "foundations",
+              "since": "0.2.2",
+              "usage": {
+                "allowed": [
+                  "Lead introductory text weight"
+                ],
+                "avoid": []
+              }
+            }
+          }
+        }
+      },
       "page": {
         "line-height": {
           "$type": "number",
@@ -3773,13 +4033,13 @@
           "$value": {
             "colorSpace": "srgb",
             "components": [
-              0.2901960784313726,
-              0.2901960784313726,
-              0.2901960784313726
+              0.2196078431372549,
+              0.2196078431372549,
+              0.2196078431372549
             ],
             "alpha": 1
           },
-          "$description": "Quiet field outline; supplement with field.boundary when boundary is necessary",
+          "$description": "Quiet default control outline; use field.boundary explicitly when a stronger recognition signal is required",
           "$extensions": {
             "md.flood": {
               "status": "experimental",
@@ -3788,7 +4048,7 @@
               "since": "0.2.0",
               "usage": {
                 "allowed": [
-                  "Quiet field outline; supplement with field.boundary when boundary is necessary"
+                  "Quiet default control outline; use field.boundary explicitly when a stronger recognition signal is required"
                 ],
                 "avoid": []
               }
@@ -3960,6 +4220,62 @@
           }
         }
       },
+      "scrollbar": {
+        "thumb": {
+          "$type": "color",
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.47843137254901963,
+              0.47843137254901963,
+              0.47843137254901963
+            ],
+            "alpha": 1
+          },
+          "$description": "Overlay scrollbar thumb",
+          "$extensions": {
+            "md.flood": {
+              "status": "experimental",
+              "visibility": "public",
+              "owner": "foundations",
+              "since": "0.2.3",
+              "usage": {
+                "allowed": [
+                  "Overlay scrollbar thumb"
+                ],
+                "avoid": []
+              }
+            }
+          }
+        },
+        "thumb-hover": {
+          "$type": "color",
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.6980392156862745,
+              0.6980392156862745,
+              0.6980392156862745
+            ],
+            "alpha": 1
+          },
+          "$description": "Hovered or dragged overlay scrollbar thumb",
+          "$extensions": {
+            "md.flood": {
+              "status": "experimental",
+              "visibility": "public",
+              "owner": "foundations",
+              "since": "0.2.3",
+              "usage": {
+                "allowed": [
+                  "Hovered or dragged overlay scrollbar thumb"
+                ],
+                "avoid": []
+              }
+            }
+          }
+        }
+      },
       "selection": {
         "background": {
           "$type": "color",
@@ -5093,6 +5409,30 @@
       }
     },
     "font": {
+      "mono": {
+        "$type": "fontFamily",
+        "$value": [
+          "SFMono-Regular",
+          "Consolas",
+          "Liberation Mono",
+          "monospace"
+        ],
+        "$description": "Code font stack; no font download",
+        "$extensions": {
+          "md.flood": {
+            "status": "experimental",
+            "visibility": "public",
+            "owner": "foundations",
+            "since": "0.2.2",
+            "usage": {
+              "allowed": [
+                "Code font stack; no font download"
+              ],
+              "avoid": []
+            }
+          }
+        }
+      },
       "sans": {
         "$type": "fontFamily",
         "$value": [
@@ -5418,6 +5758,74 @@
         }
       }
     },
+    "scrollbar": {
+      "inset": {
+        "$type": "dimension",
+        "$value": {
+          "value": 0.25,
+          "unit": "rem"
+        },
+        "$description": "Overlay scrollbar inset",
+        "$extensions": {
+          "md.flood": {
+            "status": "experimental",
+            "visibility": "public",
+            "owner": "foundations",
+            "since": "0.2.3",
+            "usage": {
+              "allowed": [
+                "Overlay scrollbar inset"
+              ],
+              "avoid": []
+            }
+          }
+        }
+      },
+      "min-thumb": {
+        "$type": "dimension",
+        "$value": {
+          "value": 1.5,
+          "unit": "rem"
+        },
+        "$description": "Overlay scrollbar min-thumb",
+        "$extensions": {
+          "md.flood": {
+            "status": "experimental",
+            "visibility": "public",
+            "owner": "foundations",
+            "since": "0.2.3",
+            "usage": {
+              "allowed": [
+                "Overlay scrollbar min-thumb"
+              ],
+              "avoid": []
+            }
+          }
+        }
+      },
+      "size": {
+        "$type": "dimension",
+        "$value": {
+          "value": 0.375,
+          "unit": "rem"
+        },
+        "$description": "Overlay scrollbar size",
+        "$extensions": {
+          "md.flood": {
+            "status": "experimental",
+            "visibility": "public",
+            "owner": "foundations",
+            "since": "0.2.3",
+            "usage": {
+              "allowed": [
+                "Overlay scrollbar size"
+              ],
+              "avoid": []
+            }
+          }
+        }
+      }
+    },
     "size": {
       "choice": {
         "$type": "dimension",
@@ -5985,6 +6393,90 @@
           }
         }
       },
+      "display": {
+        "line-height": {
+          "$type": "number",
+          "$value": 1.12,
+          "$description": "Display heading line-height",
+          "$extensions": {
+            "md.flood": {
+              "status": "experimental",
+              "visibility": "public",
+              "owner": "foundations",
+              "since": "0.2.2",
+              "usage": {
+                "allowed": [
+                  "Display heading line-height"
+                ],
+                "avoid": []
+              }
+            }
+          }
+        },
+        "size": {
+          "$type": "dimension",
+          "$value": {
+            "value": 5.5,
+            "unit": "rem"
+          },
+          "$description": "Display heading size",
+          "$extensions": {
+            "md.flood": {
+              "status": "experimental",
+              "visibility": "public",
+              "owner": "foundations",
+              "since": "0.2.2",
+              "usage": {
+                "allowed": [
+                  "Display heading size"
+                ],
+                "avoid": []
+              }
+            }
+          }
+        },
+        "tracking": {
+          "$type": "dimension",
+          "$value": {
+            "value": -0.04,
+            "unit": "em"
+          },
+          "$description": "Display heading tracking",
+          "$extensions": {
+            "md.flood": {
+              "status": "experimental",
+              "visibility": "public",
+              "owner": "foundations",
+              "since": "0.2.2",
+              "usage": {
+                "allowed": [
+                  "Display heading tracking"
+                ],
+                "avoid": []
+              }
+            }
+          }
+        },
+        "weight": {
+          "$type": "fontWeight",
+          "$value": 500,
+          "$description": "Display heading weight",
+          "$extensions": {
+            "md.flood": {
+              "status": "experimental",
+              "visibility": "public",
+              "owner": "foundations",
+              "since": "0.2.2",
+              "usage": {
+                "allowed": [
+                  "Display heading weight"
+                ],
+                "avoid": []
+              }
+            }
+          }
+        }
+      },
       "helper": {
         "line-height": {
           "$type": "number",
@@ -6237,6 +6729,90 @@
           }
         }
       },
+      "lead": {
+        "line-height": {
+          "$type": "number",
+          "$value": 1.45,
+          "$description": "Lead introductory text line-height",
+          "$extensions": {
+            "md.flood": {
+              "status": "experimental",
+              "visibility": "public",
+              "owner": "foundations",
+              "since": "0.2.2",
+              "usage": {
+                "allowed": [
+                  "Lead introductory text line-height"
+                ],
+                "avoid": []
+              }
+            }
+          }
+        },
+        "size": {
+          "$type": "dimension",
+          "$value": {
+            "value": 1.375,
+            "unit": "rem"
+          },
+          "$description": "Lead introductory text size",
+          "$extensions": {
+            "md.flood": {
+              "status": "experimental",
+              "visibility": "public",
+              "owner": "foundations",
+              "since": "0.2.2",
+              "usage": {
+                "allowed": [
+                  "Lead introductory text size"
+                ],
+                "avoid": []
+              }
+            }
+          }
+        },
+        "tracking": {
+          "$type": "dimension",
+          "$value": {
+            "value": -0.01,
+            "unit": "em"
+          },
+          "$description": "Lead introductory text tracking",
+          "$extensions": {
+            "md.flood": {
+              "status": "experimental",
+              "visibility": "public",
+              "owner": "foundations",
+              "since": "0.2.2",
+              "usage": {
+                "allowed": [
+                  "Lead introductory text tracking"
+                ],
+                "avoid": []
+              }
+            }
+          }
+        },
+        "weight": {
+          "$type": "fontWeight",
+          "$value": 400,
+          "$description": "Lead introductory text weight",
+          "$extensions": {
+            "md.flood": {
+              "status": "experimental",
+              "visibility": "public",
+              "owner": "foundations",
+              "since": "0.2.2",
+              "usage": {
+                "allowed": [
+                  "Lead introductory text weight"
+                ],
+                "avoid": []
+              }
+            }
+          }
+        }
+      },
       "page": {
         "line-height": {
           "$type": "number",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flood-md/tokens",
-  "version": "0.2.1",
+  "version": "0.2.3",
   "type": "module",
   "description": "Flood semantic design tokens and light/dark themes.",
   "license": "MIT",