v11.7.0

Minor Changes

• #1349 4bedeb1 Thanks @lukasoppermann! - Remove redundant lineBoxHeight tokens

  The following tokens have been removed:

  • text-display-lineBoxHeight - Duplicated text-display-lineHeight value
  • control-xsmall-lineBoxHeight
  • control-small-lineBoxHeight
  • control-medium-lineBoxHeight
  • control-large-lineBoxHeight
  • control-xlarge-lineBoxHeight

  These tokens were inconsistently defined (typography used unitless multipliers while controls used absolute dimensions) and were not providing clear value. The control sizing formula (size = lineBoxHeight + 2 × paddingBlock) can be derived from existing size and paddingBlock tokens. Breaking changes have been mitigated on the platform.

Patch Changes

• #1344 cb7c706 Thanks @lukasoppermann! - Consolidate focus outline tokens into src/tokens/component/focus.json5 with consistent kebab-case naming (focus-outline-color, focus-outline-width, focus-outline-offset). Deprecated aliases for the old names are included for backward compatibility.

  Route focus dimension tokens (--focus-outline-width, --focus-outline-offset, --outline-focus-offset, --outline-focus-width) to css/functional/size/border.css instead of theme CSS files, since these values are static and don't vary by theme.

• #1345 35d9a90 Thanks @lukasoppermann! - Remove shadow.floating.legacy. Reduce shadow.floating.small light mode border alpha from 0.5 to 0.25.

• #1346 7728903 Thanks @copilot-swe-agent! - Update light-high-contrast fgColor tokens to custom hex values between scale levels 5 and 6

  Improves visual differentiation between status colors (open/closed/done) in the light high-contrast theme. The three affected tokens (fgColor.success, fgColor.danger, fgColor.done) previously resolved to base color scale level 6, making them too dark and visually indistinct. No single scale step satisfies both the 7:1 contrast minimum and chromatic distinction, so custom hex values interpolated between levels 5 and 6 are used instead, following the precedent set by dark high-contrast theme overrides.

v11.6.0

Minor Changes

• #1332 358a22e Thanks @lukasoppermann! - Add 'Mona Sans VF' as the primary font in system, sansSerif, and sansSerifDisplay font stacks

v11.5.1

Patch Changes

• #1322 af16c12 Thanks @lukasoppermann! - Changing dark dimmed fgColor-default to previous value

v11.5.0

Minor Changes

• #1319 dccf2af Thanks @lukasoppermann! - Add z-index design tokens for managing stacking context. Introduces base z-index scale (0-600) and 8 semantic functional tokens: behind, default, sticky, dropdown, overlay, modal, popover, and skipLink. Includes LLM metadata with usage guidance and shadow-to-z-index alignment rules.

• #1315 8bb3e76 Thanks @lukasoppermann! - Add some missing tokens that confused the AI

• #1320 6c1af22 Thanks @lukasoppermann! - Add negative base size tokens (negative-2 through negative-48) for sizes 2–48

Patch Changes

• #1301 423b6e1 Thanks @lukasoppermann! - Convert duration tokens to w3c

• #1318 4d0f257 Thanks @lukasoppermann! - Fix dark mode contrast for controlTrack and controlKnob tokens. The track now recedes (darker) and the knob stands out (lighter) in all dark mode variants, fixing the inverted visual hierarchy in SegmentedControl and ToggleSwitch.

• #1308 135dd9b Thanks @lukasoppermann! - Update shadow tokens to use W3C DTCG object format for dimension values

  • Shadow token dimension properties (offsetX, offsetY, blur, spread) now use object format { value: number, unit: "px" } instead of legacy strings like "1px"
  • Updated shadowToCss transformer to handle W3C dimension objects
  • Updated ShadowTokenValue type to require DimensionTokenValue for dimension properties
  • Legacy string format for shadow dimensions is no longer supported

• #1306 e4e355f Thanks @lukasoppermann! - Adding metadata for:

  • shadow tokens
  • display tokens
  • ansi colors
  • syntax colors

• #1305 305c559 Thanks @lukasoppermann! - Change dimension tokens to W3C DTCG format (breaking change)

  • The transformers dimensionToRem, dimensionToRemPxArray, and dimensionToPixelUnitless now only accept W3C DTCG object-format dimension tokens. Legacy string-based dimension values are no longer supported and will throw errors.
  • In the W3C DTCG format, only px and rem units are supported. Support for em units has been removed.

• #1302 d5a7908 Thanks @lukasoppermann! - Improve context for agents

v11.4.0

Minor Changes

• #1298 3cec8c2 Thanks @lukasoppermann! - Adding text size scale

• #1295 b9e6685 Thanks @lukasoppermann! - Add LLM context metadata and a new build process to build a markdown file with all token context.

• #1297 bfe0d46 Thanks @lukasoppermann! - Added lineHeight tokens

Patch Changes

• #1289 4c0bf67 Thanks @tfeijo! - fix: correct @Custom-Media syntax for narrowLandscape viewport range

• #1294 6e285f2 Thanks @jonrohan! - Remove the ::backdrop css selectors from the color themes queries

• #1300 dcde6af Thanks @lukasoppermann! - Adding metadata to borders and more colors

• #1299 e4333ea Thanks @lukasoppermann! - Add metadata for some more size and color tokens

v11.3.2

Patch Changes

• #1281 49baecd Thanks @lukasoppermann! - Improve invalid.illegal tokens for syntax

v11.3.1

Patch Changes

• #1271 c160d8b Thanks @langermank! - Add one more digit to line-height values

v11.3.0

Minor Changes

• #1269 0dd1e26 Thanks @langermank! - Add new color tokens for buttons with keybinding hint

Patch Changes

• #1265 394d649 Thanks @langermank! - Fix overlay bg color for dark dimmed high contrast

v11.2.1

Patch Changes

• #1261 b42c900 Thanks @langermank! - add token

v11.2.0

Minor Changes

• #1255 092dea7 Thanks @lukasoppermann! - Adding new draft role token

• #1247 d1deb93 Thanks @lukasoppermann! - Change primer.css to using imports