Changelog

Version 0.5.0

  • ✨ Add new Switch component #30251

Version 0.4.0

  • ✨ Add new Tabs component #29996
  • ✨ Add truncate prop to Text and Heading #29988
  • ✨ Add combobox option to Menu #29986
  • ✨ Add icon prop on TextField #29820
  • Improve icon props on Button and IconButton #29667
  • Improve the way we treat custom render on Text and Heading #29989
  • Improve Menu styles #29986
  • Improve TextField styles #29974
  • Improve clear button on TextField #29878
  • Fix spacing props on all layout components #30013
  • Fix - Pin Base UI version #29782
  • Fix - Clicking Select label moves focus to trigger #29755
  • Fix DataTable.Pagination count issue #29688

Version 0.3.0

  • 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
  • Update textDecoration to none on Text / Heading #29357
  • 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

  • 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
  • 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

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.