Skip to content

Design: setup core design tokens #6455

@urmauur

Description

@urmauur

Implement design tokens for consistent theming across the UI library. Tokens should be defined in :root CSS variables and able to use for Figma for designers.
Create foundational UI components that use tokens and follow accessibility best practices.

Foundation

  • Colors
  • Typography
  • Spacing
  • Elevation
  • Iconography

Core Components

  • Button (variants + sizes + icons)
  • Input (text field, password, with label & error state)
  • Textarea
  • Select / Dropdown
  • Checkbox
  • Radio group
  • Switch / Toggle
  • Card (with shadow & radius tokens)

Theme

  • All component should work with dynamic theme

Documentation

  • Setup Documentation for Design System

Metadata

Metadata

Assignees

Labels

No labels
No labels

Projects

Status

Todo

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions