Overview
Getting Started
About
Releases
Theme
Iconography
Layout
Responsive
Theming
Typography
Layout Components
Box
Alpha
Container
Alpha
Grid
Alpha
Flex
Alpha
Components
Avatar
Alpha
Button
Alpha
Checkbox
Alpha
Collapsible
Alpha
Heading
Alpha
Icon
Alpha
IconButton
Alpha
Link
Alpha
Menu
Alpha
Select
Alpha
Table
In Progress
Text
Alpha
TextField
Alpha

Releases

Version 0.3.0

Main updates

  • Add DataTable component - (#29484, #29603)
  • Add Select component - (#29440)
  • Add Avatar component - (#29594)
  • Add Collapsible component - (#29617)
  • Add TextField component instead of Field + Input - (#29364)
  • Add TableCellProfile - (#29600)
  • Add breakpoint hooks - up() and down() - (#29564)
  • Add gray scale css tokens - (#29543)
  • Update CSS styling API using [data-___] instead of class names for props - (#29560)
  • Update Checkbox dark mode - (#29544)
  • Update Container styles - (#29475)
  • Update Menu styles - (#29351)
  • Fix Select styles on small sizes + with long option names - (#29545)
  • Fix render prop on Link - (#29247)
  • Remove Field from TextField + Select - (#29482)
  • Update textDecoration to none on Text / Heading - (#29357)

Notable fixes

  • Docs - Use stories from Storybook for all examples in Nextjs - (#29306)
  • Docs - Add release page (this one 🤗) - (#29461)
  • Docs - Add docs for Menu, Link - (#29576)
  • Fix CSS watch mode - (#29352)

Version 0.2.0

Main updates

  • New Tooltip component (#29241)
  • New Menu component. (#29151)
  • New IconButton component. (#29239)
  • New ScrollArea component. (#29240)
  • Improve Button & Checkbox styles. (#29127) (#28789)
  • Improve Text styles. (#29200)
  • Renamed CanonProvider to IconProvider. (#29002)
  • Added about 40+ new icons. (#29264)
  • Simplified styling into a unique styles.css file (#29199)
  • Added Canon styles to Backstage (#29137)
  • Update global CSS tokens (#28804)
  • Merge Stack + Inline into Flex (#28634)

Notable fixes:

  • Improve Button types. (#29205)
  • Move font weight and family back to each components (#28972)
  • Fix custom values in spacing props (#28770)
  • Multiple updates on the Canon Docs site (#28760) (#28591)

Version 0.1.0

We're excited to share the initial release of Canon 💚 In this first alpha version, you'll find the foundation of our design system: a set of versatile layout components and a handful of essential atomic elements to help you get started. While Canon is still in its early stages, it's ready for exploration and we'd love for you to give it a try and share your feedback.