altitude-design 0.2.1 → 0.3.0

package/dist/tokens.json

@@ -5,19 +5,17 @@
     "themes": [
       {
         "id": "daylight",
-        "name": "Daylight"
+        "name": "Daylight",
+        "retired": [
+          "mesa"
+        ]
       },
       {
         "id": "nightfall",
-        "name": "Nightfall"
-      },
-      {
-        "id": "mesa",
-        "name": "Mesa"
-      },
-      {
-        "id": "alpine",
-        "name": "Alpine"
+        "name": "Nightfall",
+        "retired": [
+          "alpine"
+        ]
       }
     ],
     "tokens": [
@@ -25,9 +23,7 @@
         "name": "surface-trench",
         "value": {
           "daylight": "#e1e4ea",
-          "nightfall": "#08090c",
-          "mesa": "#e5ddd2",
-          "alpine": "#060a09"
+          "nightfall": "#08090c"
         },
         "usage": "Level -2. Deep wells: slider, switch and progress tracks. Never holds body text larger than a label."
       },
@@ -35,9 +31,7 @@
         "name": "surface-well",
         "value": {
           "daylight": "#eaedf1",
-          "nightfall": "#0c0e12",
-          "mesa": "#eee7dd",
-          "alpine": "#0a0f0e"
+          "nightfall": "#0c0e12"
         },
         "usage": "Level -1. Receptacles: inputs, textareas, the tab track. Things you put something into."
       },
@@ -45,9 +39,7 @@
         "name": "surface-ground",
         "value": {
           "daylight": "#f3f4f7",
-          "nightfall": "#121419",
-          "mesa": "#f6f1ea",
-          "alpine": "#0f1513"
+          "nightfall": "#121419"
         },
         "usage": "Level 0. The page itself, and anything flush with it: badges, ghost buttons, skeletons, disabled controls."
       },
@@ -55,9 +47,7 @@
         "name": "surface-raised",
         "value": {
           "daylight": "#ffffff",
-          "nightfall": "#191c23",
-          "mesa": "#fffcf8",
-          "alpine": "#151e1b"
+          "nightfall": "#191c23"
         },
         "usage": "Level 1. Resting interactive and grouping surfaces: cards, buttons, the switch thumb, the active tab."
       },
@@ -65,9 +55,7 @@
         "name": "surface-lifted",
         "value": {
           "daylight": "#ffffff",
-          "nightfall": "#1f232b",
-          "mesa": "#fffdfa",
-          "alpine": "#1a2522"
+          "nightfall": "#1f232b"
         },
         "usage": "Level 2. A raised surface under the pointer, and the primary action at rest."
       },
@@ -75,9 +63,7 @@
         "name": "surface-floating",
         "value": {
           "daylight": "#ffffff",
-          "nightfall": "#252a33",
-          "mesa": "#ffffff",
-          "alpine": "#202c28"
+          "nightfall": "#252a33"
         },
         "usage": "Level 3. Tooltips, popovers, menus, a dragged item."
       },
@@ -85,9 +71,7 @@
         "name": "surface-overlay",
         "value": {
           "daylight": "#ffffff",
-          "nightfall": "#2a303a",
-          "mesa": "#ffffff",
-          "alpine": "#25332f"
+          "nightfall": "#2a303a"
         },
         "usage": "Level 4. Toasts and sheets."
       },
@@ -95,9 +79,7 @@
         "name": "surface-modal",
         "value": {
           "daylight": "#ffffff",
-          "nightfall": "#2f3541",
-          "mesa": "#ffffff",
-          "alpine": "#2a3935"
+          "nightfall": "#2f3541"
         },
         "usage": "Level 5. Dialogs. The highest thing on screen, one at a time."
       },
@@ -105,9 +87,7 @@
         "name": "ink",
         "value": {
           "daylight": "#12161f",
-          "nightfall": "#eef1f6",
-          "mesa": "#221b14",
-          "alpine": "#eaf3ef"
+          "nightfall": "#eef1f6"
         },
         "usage": "Primary text on every surface-* level and on accent-soft."
       },
@@ -115,9 +95,7 @@
         "name": "ink-muted",
         "value": {
           "daylight": "#4f5767",
-          "nightfall": "#a3abb9",
-          "mesa": "#62564a",
-          "alpine": "#9db0a9"
+          "nightfall": "#a3abb9"
         },
         "usage": "Secondary text, hints, placeholders; on every surface-* level."
       },
@@ -125,9 +103,7 @@
         "name": "ink-faint",
         "value": {
           "daylight": "#8a92a0",
-          "nightfall": "#5f6775",
-          "mesa": "#a09484",
-          "alpine": "#5d6c67"
+          "nightfall": "#5f6775"
         },
         "usage": "Disabled labels only (exempt from contrast minimums). Never for content."
       },
@@ -135,9 +111,7 @@
         "name": "line",
         "value": {
           "daylight": "#e0e3e9",
-          "nightfall": "#262a33",
-          "mesa": "#e6ded3",
-          "alpine": "#222c29"
+          "nightfall": "#262a33"
         },
         "usage": "Decorative hairlines: dividers, the separators between flush accordion rows. Not a control boundary."
       },
@@ -145,9 +119,7 @@
         "name": "line-control",
         "value": {
           "daylight": "#737b89",
-          "nightfall": "#6a7280",
-          "mesa": "#807467",
-          "alpine": "#62736d"
+          "nightfall": "#6a7280"
         },
         "usage": "Control boundaries (input, checkbox, radio, switch track): at least 3:1 on ground, well and raised."
       },
@@ -155,9 +127,7 @@
         "name": "accent",
         "value": {
           "daylight": "#2b56d6",
-          "nightfall": "#86a2ff",
-          "mesa": "#b4441b",
-          "alpine": "#5fd6b2"
+          "nightfall": "#86a2ff"
         },
         "usage": "The scheme's one hue: primary fills, checked controls, the switch and slider fill, progress."
       },
@@ -165,9 +135,7 @@
         "name": "on-accent",
         "value": {
           "daylight": "#ffffff",
-          "nightfall": "#0b1022",
-          "mesa": "#ffffff",
-          "alpine": "#04140f"
+          "nightfall": "#0b1022"
         },
         "usage": "Text and icons on an accent fill."
       },
@@ -175,9 +143,7 @@
         "name": "accent-ink",
         "value": {
           "daylight": "#2a52c8",
-          "nightfall": "#93acff",
-          "mesa": "#a63e17",
-          "alpine": "#6fdcbc"
+          "nightfall": "#93acff"
         },
         "usage": "Accent as text, links and the focus ring; 4.5:1 on every surface-* level."
       },
@@ -185,9 +151,7 @@
         "name": "accent-soft",
         "value": {
           "daylight": "#e3eafc",
-          "nightfall": "#1c2440",
-          "mesa": "#f8e4d9",
-          "alpine": "#13302a"
+          "nightfall": "#1c2440"
         },
         "usage": "Tinted ground behind accent-ink or ink: the accent badge, the selected menu row."
       },
@@ -195,9 +159,7 @@
         "name": "positive",
         "value": {
           "daylight": "#13734f",
-          "nightfall": "#56cf9f",
-          "mesa": "#2c6e3f",
-          "alpine": "#8ed67a"
+          "nightfall": "#56cf9f"
         },
         "usage": "Success text and icons on every surface-* level and on positive-soft. Always paired with a word or icon."
       },
@@ -205,9 +167,7 @@
         "name": "positive-soft",
         "value": {
           "daylight": "#dcf2e8",
-          "nightfall": "#10291f",
-          "mesa": "#e3efdc",
-          "alpine": "#1a2e17"
+          "nightfall": "#10291f"
         },
         "usage": "Tinted ground behind positive text: success alerts, badges, toasts."
       },
@@ -215,9 +175,7 @@
         "name": "caution",
         "value": {
           "daylight": "#875400",
-          "nightfall": "#ebb550",
-          "mesa": "#8a5000",
-          "alpine": "#efbd5b"
+          "nightfall": "#ebb550"
         },
         "usage": "Warning text and icons on every surface-* level and on caution-soft. Always paired with a word or icon."
       },
@@ -225,9 +183,7 @@
         "name": "caution-soft",
         "value": {
           "daylight": "#fbefd3",
-          "nightfall": "#2e2411",
-          "mesa": "#fbeccf",
-          "alpine": "#2f2712"
+          "nightfall": "#2e2411"
         },
         "usage": "Tinted ground behind caution text."
       },
@@ -235,9 +191,7 @@
         "name": "critical",
         "value": {
           "daylight": "#b52e16",
-          "nightfall": "#ff8064",
-          "mesa": "#b3261e",
-          "alpine": "#ff8a70"
+          "nightfall": "#ff8064"
         },
         "usage": "Errors and destructive actions: text and icons on every surface-* level and on critical-soft; the danger button fill."
       },
@@ -245,9 +199,7 @@
         "name": "critical-soft",
         "value": {
           "daylight": "#fbe4de",
-          "nightfall": "#3a1913",
-          "mesa": "#f9e1dc",
-          "alpine": "#3a1a14"
+          "nightfall": "#3a1913"
         },
         "usage": "Tinted ground behind critical text; the invalid field's well."
       },
@@ -255,9 +207,7 @@
         "name": "on-critical",
         "value": {
           "daylight": "#ffffff",
-          "nightfall": "#1a0905",
-          "mesa": "#ffffff",
-          "alpine": "#1a0905"
+          "nightfall": "#1a0905"
         },
         "usage": "Text on a critical fill (the danger button)."
       },
@@ -265,9 +215,7 @@
         "name": "presence-1",
         "value": {
           "daylight": "#b0256f",
-          "nightfall": "#f07ab8",
-          "mesa": "#a8256a",
-          "alpine": "#f07ab8"
+          "nightfall": "#f07ab8"
         },
         "usage": "Collaborator presence: the ring and name tag on something another person is holding or editing. 3:1 on every surface."
       },
@@ -275,9 +223,7 @@
         "name": "presence-2",
         "value": {
           "daylight": "#0b7285",
-          "nightfall": "#3fc1d0",
-          "mesa": "#0b7285",
-          "alpine": "#5cc8e0"
+          "nightfall": "#3fc1d0"
         },
         "usage": "Second collaborator's presence colour."
       },
@@ -285,9 +231,7 @@
         "name": "presence-3",
         "value": {
           "daylight": "#7046c9",
-          "nightfall": "#b39dff",
-          "mesa": "#6e44c2",
-          "alpine": "#b9a3ff"
+          "nightfall": "#b39dff"
         },
         "usage": "Third collaborator's presence colour."
       },
@@ -295,19 +239,191 @@
         "name": "on-presence",
         "value": {
           "daylight": "#ffffff",
-          "nightfall": "#0b0d12",
-          "mesa": "#ffffff",
-          "alpine": "#06100d"
+          "nightfall": "#0b0d12"
         },
         "usage": "Name-tag text on any presence-* fill."
       },
+      {
+        "name": "data-1",
+        "value": {
+          "daylight": "#5d7bff",
+          "nightfall": "#455ee1"
+        },
+        "usage": "Categorical series 1, in the accent's hue (or the nearest that clears status and presence). Charts only, as presence-* is only for people; never text, surfaces or status."
+      },
+      {
+        "name": "data-2",
+        "value": {
+          "daylight": "#e65000",
+          "nightfall": "#989902"
+        },
+        "usage": "Categorical series 2: identity only, in config order. Charts only, as presence-* is only for people; never text, surfaces or status."
+      },
+      {
+        "name": "data-3",
+        "value": {
+          "daylight": "#0498b9",
+          "nightfall": "#983dbc"
+        },
+        "usage": "Categorical series 3: identity only, in config order. Charts only, as presence-* is only for people; never text, surfaces or status."
+      },
+      {
+        "name": "data-4",
+        "value": {
+          "daylight": "#2a8f00",
+          "nightfall": "#ce3401"
+        },
+        "usage": "Categorical series 4: identity only, in config order. Charts only, as presence-* is only for people; never text, surfaces or status."
+      },
+      {
+        "name": "data-5",
+        "value": {
+          "daylight": "#643980",
+          "nightfall": "#0397d2"
+        },
+        "usage": "Categorical series 5: identity only, in config order. Charts only, as presence-* is only for people; never text, surfaces or status."
+      },
+      {
+        "name": "data-6",
+        "value": {
+          "daylight": "#c56f99",
+          "nightfall": "#227702"
+        },
+        "usage": "Categorical series 6: identity only, in config order. Charts only, as presence-* is only for people; never text, surfaces or status."
+      },
+      {
+        "name": "data-other",
+        "value": {
+          "daylight": "#31343c",
+          "nightfall": "#676a73"
+        },
+        "usage": "The fold for a seventh and later series: a neutral that holds 3:1 on ground and raised."
+      },
+      {
+        "name": "data-context",
+        "value": {
+          "daylight": "#898a8e",
+          "nightfall": "#86888b"
+        },
+        "usage": "What a chart isn't about: series and records outside its focus. A neutral at 3:1, apart from line and data-other; never the only cue for a series."
+      },
+      {
+        "name": "data-seq-1",
+        "value": {
+          "daylight": "#e4ebff",
+          "nightfall": "#2d3242"
+        },
+        "usage": "Magnitude ramp, step 1 of 7 (1 is least). One hue, monotone lightness; dark schemes climb from their ground."
+      },
+      {
+        "name": "data-seq-2",
+        "value": {
+          "daylight": "#c1cdef",
+          "nightfall": "#404966"
+        },
+        "usage": "Magnitude ramp, step 2 of 7 (1 is least). One hue, monotone lightness; dark schemes climb from their ground."
+      },
+      {
+        "name": "data-seq-3",
+        "value": {
+          "daylight": "#a0b0de",
+          "nightfall": "#54618c"
+        },
+        "usage": "Magnitude ramp, step 3 of 7 (1 is least). One hue, monotone lightness; dark schemes climb from their ground."
+      },
+      {
+        "name": "data-seq-4",
+        "value": {
+          "daylight": "#8093cd",
+          "nightfall": "#687ab3"
+        },
+        "usage": "Magnitude ramp, step 4 of 7 (1 is least). One hue, monotone lightness; dark schemes climb from their ground."
+      },
+      {
+        "name": "data-seq-5",
+        "value": {
+          "daylight": "#6176bb",
+          "nightfall": "#7e94dc"
+        },
+        "usage": "Magnitude ramp, step 5 of 7 (1 is least). One hue, monotone lightness; dark schemes climb from their ground."
+      },
+      {
+        "name": "data-seq-6",
+        "value": {
+          "daylight": "#4559a9",
+          "nightfall": "#97b0ff"
+        },
+        "usage": "Magnitude ramp, step 6 of 7 (1 is least). One hue, monotone lightness; dark schemes climb from their ground."
+      },
+      {
+        "name": "data-seq-7",
+        "value": {
+          "daylight": "#2b3c97",
+          "nightfall": "#bfd0ff"
+        },
+        "usage": "Magnitude ramp, step 7 of 7 (1 is least). One hue, monotone lightness; dark schemes climb from their ground."
+      },
+      {
+        "name": "data-div-neg-3",
+        "value": {
+          "daylight": "#503000",
+          "nightfall": "#ffc580"
+        },
+        "usage": "Diverging ramp, 3 steps below the midpoint (orange). Never a status hue."
+      },
+      {
+        "name": "data-div-neg-2",
+        "value": {
+          "daylight": "#966112",
+          "nightfall": "#c68e48"
+        },
+        "usage": "Diverging ramp, 2 steps below the midpoint (orange). Never a status hue."
+      },
+      {
+        "name": "data-div-neg-1",
+        "value": {
+          "daylight": "#c6a178",
+          "nightfall": "#816038"
+        },
+        "usage": "Diverging ramp, 1 step below the midpoint (orange). Never a status hue."
+      },
+      {
+        "name": "data-div-mid",
+        "value": {
+          "daylight": "#e6e8ed",
+          "nightfall": "#36383c"
+        },
+        "usage": "Diverging ramp midpoint: a neutral for the meaningful middle (zero, target, average)."
+      },
+      {
+        "name": "data-div-pos-1",
+        "value": {
+          "daylight": "#97a7d6",
+          "nightfall": "#576590"
+        },
+        "usage": "Diverging ramp, 1 step above the midpoint (blue). Never a status hue."
+      },
+      {
+        "name": "data-div-pos-2",
+        "value": {
+          "daylight": "#5569ad",
+          "nightfall": "#8097df"
+        },
+        "usage": "Diverging ramp, 2 steps above the midpoint (blue). Never a status hue."
+      },
+      {
+        "name": "data-div-pos-3",
+        "value": {
+          "daylight": "#1d2a84",
+          "nightfall": "#bfd0ff"
+        },
+        "usage": "Diverging ramp, 3 steps above the midpoint (blue). Never a status hue."
+      },
       {
         "name": "scrim",
         "value": {
           "daylight": "#12161f52",
-          "nightfall": "#00000080",
-          "mesa": "#221b144d",
-          "alpine": "#00000080"
+          "nightfall": "#00000080"
         },
         "usage": "The veil a dialog lays over everything beneath it."
       }
@@ -402,7 +518,7 @@
     ]
   },
   "spacing": {
-    "note": "4px base. Padding inside a raised surface grows with its level: cards space-5, popovers space-2 to space-3, dialogs space-6.",
+    "note": "4px base. Padding inside a raised surface grows with its level: cards space-5, popovers space-2 to space-3, dialogs space-6. On a phone, insets ease to space-4 below the compact breakpoint (bundle.css --alt-inset-page and --alt-inset-box; Mobile, M11).",
     "tokens": [
       {
         "name": "space-1",
@@ -481,6 +597,58 @@
       }
     ]
   },
+  "size": {
+    "note": "Control sizes, and the target every control reaches (#245). Under a coarse pointer (a finger) the face sizes step up, unless an AltitudeProvider pins density=\"compact\"; density=\"comfortable\" steps them up everywhere. The hit-area minimum follows the pointer alone. The two breakpoints are the widths every layout switch uses: CSS can't read a token in a media query, so they're written as numbers and checked.",
+    "tokens": [
+      {
+        "name": "size-target-min",
+        "value": "24px",
+        "coarse": "44px",
+        "density": false,
+        "usage": "The hit area every control reaches, with a transparent ::before where its face is smaller (WCAG 2.5.8; 2.5.5 on touch)."
+      },
+      {
+        "name": "size-control-sm",
+        "value": "30px",
+        "coarse": "40px",
+        "usage": "Small buttons, tab triggers, breadcrumb steps."
+      },
+      {
+        "name": "size-control-md",
+        "value": "36px",
+        "coarse": "44px",
+        "usage": "Buttons, menu items, sidebar items."
+      },
+      {
+        "name": "size-field-sm",
+        "value": "34px",
+        "coarse": "44px",
+        "usage": "Small inputs and select triggers."
+      },
+      {
+        "name": "size-field-md",
+        "value": "40px",
+        "coarse": "48px",
+        "usage": "Inputs, select triggers, command palette rows."
+      },
+      {
+        "name": "size-row-md",
+        "value": "32px",
+        "coarse": "44px",
+        "usage": "Tree, list and filter rows."
+      },
+      {
+        "name": "breakpoint-narrow",
+        "value": "480px",
+        "usage": "A component's own narrow layout (container queries): pagination words, a calendar, a narrow card."
+      },
+      {
+        "name": "breakpoint-compact",
+        "value": "640px",
+        "usage": "Page chrome on a phone: the sidebar becomes a drawer, panels become sheets."
+      }
+    ]
+  },
   "shadow": {
     "note": "The elevation ladder. Light falls from straight above, so shadows only fall down. Every level uses the same four layers (rim, hairline, key, ambient): any two interpolate smoothly. The hairline fades as a surface climbs; the shadow takes over the separating.",
     "tokens": [
@@ -488,9 +656,7 @@
         "name": "trench",
         "value": {
           "daylight": "inset 0 1px 3px #0f17292e, 0 0 0 0 #0f172900, 0 0 0 0 #0f172900, 0 0 0 0 #0f172900",
-          "nightfall": "inset 0 2px 4px #000000b3, 0 0 0 0 #00000000, 0 0 0 0 #00000000, 0 0 0 0 #00000000",
-          "mesa": "inset 0 1px 3px #2a1a0c2e, 0 0 0 0 #2a1a0c00, 0 0 0 0 #2a1a0c00, 0 0 0 0 #2a1a0c00",
-          "alpine": "inset 0 2px 4px #000000b3, 0 0 0 0 #00000000, 0 0 0 0 #00000000, 0 0 0 0 #00000000"
+          "nightfall": "inset 0 2px 4px #000000b3, 0 0 0 0 #00000000, 0 0 0 0 #00000000, 0 0 0 0 #00000000"
         },
         "usage": "Level -2, inset. Slider, switch and progress tracks; the invalid field."
       },
@@ -498,9 +664,7 @@
         "name": "well",
         "value": {
           "daylight": "inset 0 1px 2px #0f17291a, 0 0 0 0 #0f172900, 0 0 0 0 #0f172900, 0 0 0 0 #0f172900",
-          "nightfall": "inset 0 1px 2px #00000099, 0 0 0 0 #00000000, 0 0 0 0 #00000000, 0 0 0 0 #00000000",
-          "mesa": "inset 0 1px 2px #2a1a0c1a, 0 0 0 0 #2a1a0c00, 0 0 0 0 #2a1a0c00, 0 0 0 0 #2a1a0c00",
-          "alpine": "inset 0 1px 2px #00000099, 0 0 0 0 #00000000, 0 0 0 0 #00000000, 0 0 0 0 #00000000"
+          "nightfall": "inset 0 1px 2px #00000099, 0 0 0 0 #00000000, 0 0 0 0 #00000000, 0 0 0 0 #00000000"
         },
         "usage": "Level -1, inset. Inputs, textareas, the tab track, unchecked checkboxes and radios."
       },
@@ -508,9 +672,7 @@
         "name": "elev-0",
         "value": {
           "daylight": "inset 0 1px 0 #ffffff00, 0 0 0 0 #0f172900, 0 0 0 0 #0f172900, 0 0 0 0 #0f172900",
-          "nightfall": "inset 0 1px 0 #ffffff00, 0 0 0 0 #00000000, 0 0 0 0 #00000000, 0 0 0 0 #00000000",
-          "mesa": "inset 0 1px 0 #ffffff00, 0 0 0 0 #2a1a0c00, 0 0 0 0 #2a1a0c00, 0 0 0 0 #2a1a0c00",
-          "alpine": "inset 0 1px 0 #ffffff00, 0 0 0 0 #00000000, 0 0 0 0 #00000000, 0 0 0 0 #00000000"
+          "nightfall": "inset 0 1px 0 #ffffff00, 0 0 0 0 #00000000, 0 0 0 0 #00000000, 0 0 0 0 #00000000"
         },
         "usage": "Level 0, flush. Ghost buttons, badges, skeletons, disabled and pressed controls. Same four-layer shape as every level, so transitions interpolate."
       },
@@ -518,9 +680,7 @@
         "name": "elev-1",
         "value": {
           "daylight": "inset 0 1px 0 #ffffffb3, 0 0 0 1px #0f172917, 0 1px 2px #0f172912, 0 2px 4px -1px #0f17290f",
-          "nightfall": "inset 0 1px 0 #ffffff12, 0 0 0 1px #ffffff0a, 0 1px 2px #00000080, 0 2px 6px -1px #00000052",
-          "mesa": "inset 0 1px 0 #ffffffb3, 0 0 0 1px #2a1a0c17, 0 1px 2px #2a1a0c12, 0 2px 4px -1px #2a1a0c0f",
-          "alpine": "inset 0 1px 0 #ffffff12, 0 0 0 1px #ffffff0a, 0 1px 2px #00000080, 0 2px 6px -1px #00000052"
+          "nightfall": "inset 0 1px 0 #ffffff12, 0 0 0 1px #ffffff0a, 0 1px 2px #00000080, 0 2px 6px -1px #00000052"
         },
         "usage": "Level 1, raised. Cards, secondary buttons, the switch thumb, the active tab, avatars, keys."
       },
@@ -528,9 +688,7 @@
         "name": "elev-2",
         "value": {
           "daylight": "inset 0 1px 0 #ffffffcc, 0 0 0 1px #0f172912, 0 2px 4px -1px #0f172914, 0 8px 16px -6px #0f172924",
-          "nightfall": "inset 0 1px 0 #ffffff17, 0 0 0 1px #ffffff0d, 0 2px 4px -1px #00000073, 0 10px 20px -6px #00000066",
-          "mesa": "inset 0 1px 0 #ffffffcc, 0 0 0 1px #2a1a0c12, 0 2px 4px -1px #2a1a0c14, 0 8px 16px -6px #2a1a0c24",
-          "alpine": "inset 0 1px 0 #ffffff17, 0 0 0 1px #ffffff0d, 0 2px 4px -1px #00000073, 0 10px 20px -6px #00000066"
+          "nightfall": "inset 0 1px 0 #ffffff17, 0 0 0 1px #ffffff0d, 0 2px 4px -1px #00000073, 0 10px 20px -6px #00000066"
         },
         "usage": "Level 2, lifted. Primary button at rest; anything raised while hovered or focused."
       },
@@ -538,9 +696,7 @@
         "name": "elev-3",
         "value": {
           "daylight": "inset 0 1px 0 #ffffffe6, 0 0 0 1px #0f17290f, 0 4px 8px -2px #0f172914, 0 16px 32px -10px #0f172933",
-          "nightfall": "inset 0 1px 0 #ffffff1c, 0 0 0 1px #ffffff0f, 0 4px 8px -2px #00000073, 0 18px 36px -10px #00000080",
-          "mesa": "inset 0 1px 0 #ffffffe6, 0 0 0 1px #2a1a0c0f, 0 4px 8px -2px #2a1a0c14, 0 16px 32px -10px #2a1a0c33",
-          "alpine": "inset 0 1px 0 #ffffff1c, 0 0 0 1px #ffffff0f, 0 4px 8px -2px #00000073, 0 18px 36px -10px #00000080"
+          "nightfall": "inset 0 1px 0 #ffffff1c, 0 0 0 1px #ffffff0f, 0 4px 8px -2px #00000073, 0 18px 36px -10px #00000080"
         },
         "usage": "Level 3, floating. Tooltips, popovers, menus, a dragged slider thumb."
       },
@@ -548,9 +704,7 @@
         "name": "elev-4",
         "value": {
           "daylight": "inset 0 1px 0 #ffffff, 0 0 0 1px #0f17290d, 0 8px 16px -4px #0f172917, 0 28px 56px -16px #0f17293d",
-          "nightfall": "inset 0 1px 0 #ffffff21, 0 0 0 1px #ffffff12, 0 8px 16px -4px #00000080, 0 30px 60px -16px #0000008c",
-          "mesa": "inset 0 1px 0 #ffffff, 0 0 0 1px #2a1a0c0d, 0 8px 16px -4px #2a1a0c17, 0 28px 56px -16px #2a1a0c3d",
-          "alpine": "inset 0 1px 0 #ffffff21, 0 0 0 1px #ffffff12, 0 8px 16px -4px #00000080, 0 30px 60px -16px #0000008c"
+          "nightfall": "inset 0 1px 0 #ffffff21, 0 0 0 1px #ffffff12, 0 8px 16px -4px #00000080, 0 30px 60px -16px #0000008c"
         },
         "usage": "Level 4, overlay. The front toast; sheets."
       },
@@ -558,9 +712,7 @@
         "name": "elev-5",
         "value": {
           "daylight": "inset 0 1px 0 #ffffff, 0 0 0 1px #0f17290a, 0 12px 24px -6px #0f17291a, 0 48px 96px -24px #0f17294d",
-          "nightfall": "inset 0 1px 0 #ffffff26, 0 0 0 1px #ffffff14, 0 12px 24px -6px #0000008c, 0 48px 96px -24px #00000099",
-          "mesa": "inset 0 1px 0 #ffffff, 0 0 0 1px #2a1a0c0a, 0 12px 24px -6px #2a1a0c1a, 0 48px 96px -24px #2a1a0c4d",
-          "alpine": "inset 0 1px 0 #ffffff26, 0 0 0 1px #ffffff14, 0 12px 24px -6px #0000008c, 0 48px 96px -24px #00000099"
+          "nightfall": "inset 0 1px 0 #ffffff26, 0 0 0 1px #ffffff14, 0 12px 24px -6px #0000008c, 0 48px 96px -24px #00000099"
         },
         "usage": "Level 5, modal. Dialogs only."
       },
@@ -568,9 +720,7 @@
         "name": "lip-top",
         "value": {
           "daylight": "inset 0 18px 18px -18px #0f17293d",
-          "nightfall": "inset 0 18px 18px -18px #000000cc",
-          "mesa": "inset 0 18px 18px -18px #2a1a0c3d",
-          "alpine": "inset 0 18px 18px -18px #000000cc"
+          "nightfall": "inset 0 18px 18px -18px #000000cc"
         },
         "usage": "Overflow cue: the inner shadow at the top edge of a scroll area when content continues above it."
       },
@@ -578,9 +728,7 @@
         "name": "lip-bottom",
         "value": {
           "daylight": "inset 0 -18px 18px -18px #0f17293d",
-          "nightfall": "inset 0 -18px 18px -18px #000000cc",
-          "mesa": "inset 0 -18px 18px -18px #2a1a0c3d",
-          "alpine": "inset 0 -18px 18px -18px #000000cc"
+          "nightfall": "inset 0 -18px 18px -18px #000000cc"
         },
         "usage": "Overflow cue: the inner shadow at the bottom edge of a scroll area when content continues below it."
       }
@@ -624,6 +772,16 @@
         "value": "1600ms",
         "usage": "One pass of the skeleton's light sweep; the indeterminate progress loop."
       },
+      {
+        "name": "dur-breath",
+        "value": "4800ms",
+        "usage": "One breath of a waiting imprint under loading=\"breath\": its floor deepens over 40% and releases over the rest, slower and less even than a pending write."
+      },
+      {
+        "name": "dur-wave",
+        "value": "1800ms",
+        "usage": "How long the swell of breathing imprints takes to cross the view from top to bottom (each imprint lags by its height in the view)."
+      },
       {
         "name": "dur-grace",
         "value": "300ms",
@@ -644,10 +802,25 @@
         "value": "1800ms",
         "usage": "One breath of a pending surface hovering above the ground."
       },
+      {
+        "name": "dur-linger",
+        "value": "2000ms",
+        "usage": "How long a removed item's receipt holds in its slot before the gap closes: long enough to read and Undo."
+      },
       {
         "name": "dur-settle",
         "value": "8000ms",
         "usage": "Afterglow: new or changed content arrives at level 2 and settles to its resting level over this long."
+      },
+      {
+        "name": "dur-arrive",
+        "value": "1100ms",
+        "usage": "Under loading=\"breath\", raised content rises a level past its rest as it lands and settles back over this long."
+      },
+      {
+        "name": "dur-plate",
+        "value": "600ms",
+        "usage": "Under loading=\"breath\", the plate under content that arrives into a view already showing dissolves over this long. No tint, so it is not an afterglow."
       }
     ]
   },