Skip to main content

Interface: ThemeTokensV2

Defined in: ThemeTokensTemplate.ts:537

Full ttoss Design Tokens v2 Theme contract.

Two layers:

  • core — raw primitives and responsive engines
  • semantic — stable aliases consumed by components

Properties​

core​

core: object

Defined in: ThemeTokensTemplate.ts:538

borders​

borders: CoreBorders

breakpoints​

breakpoints: CoreBreakpoints

colors​

colors: CoreColors

elevation​

elevation: object

elevation.level​

level: CoreElevationLevels

font​

font: CoreFont

motion​

motion: CoreMotion

opacity​

opacity: CoreOpacity

radii​

radii: CoreRadii

size​

size: CoreSize

space​

space: CoreSpaceSteps

type​

type: object

type.ramp​

ramp: CoreTypeRamp

zIndex​

zIndex: CoreZIndex

semantic​

semantic: object

Defined in: ThemeTokensTemplate.ts:552

border​

border: SemanticBorder

colors​

colors: SemanticColors

elevation​

elevation: SemanticElevation

motion​

motion: SemanticMotion

opacity​

opacity: SemanticOpacity

radii​

radii: SemanticRadii

sizing​

sizing: SemanticSizing

spacing​

spacing: SemanticSpacing

text​

text: SemanticText

zIndex​

zIndex: SemanticZIndex