Releases

Version 0.4.0

Main updates

• ✨ Add new Tab 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

Notable fixes

• 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

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.