Skip to content

Design System Reference

Exports from mlform/design-system include:

  • attachDesignSystem
  • resolveDesignSystem
  • mergeDesignSystemConfig
  • writeDesignSystemTokenDeclarations
  • createDesignSystemStylesheet
  • createDesignSystemRegistry
  • defineGlobalTokens
  • defineComponentTokens
  • defineTheme
  • defineRecipe
  • builtinDesignSystemRegistry
  • built-in themes and recipes

Important types:

  • DesignSystemConfig
  • ThemeManifest
  • RecipeManifest
  • DesignSystemOverrides
  • ResolvedDesignSystem
  • DesignSystemWarning
  • GlobalTokenMap
  • ComponentTokenMap
  • DesignSystemRegistry
  • AttachedDesignSystem

Use custom themes for brand colors and custom recipes for density, motion, and component token packages.