v0.4.0
What's Changed
Breaking Changes
- [T#17] Tables Revisions by @Jeremy-Walton in #155
- The color of the header was changed to be a more muted color
- The density options are changed to use height instead of padding.
- If your application is customizing this component, I recommend reviewing the PR for any changes.
- [TR#12] Button Revisions by @Jeremy-Walton in #156
- The default
btn
state is now whatbtn-secondary
was. btn
will now show the primary color on hover or active state.- The default button size is now large instead of medium.
btn--outline
has been removed in favor of using thebtn
orbtn--active
stylesbtn--active
was added to create active states.btn--icon-with-label
was added to create a stacked button with icon.- A Warning button was added.
- All button styles have been adjusted to reflect current Figma styles.
- I recommend reviewing the PR for any changes as this changes existing implementation as well as affects customization considerations.
- The default
- [TR#22] Flash Alert Revisions by @Jeremy-Walton in #158
- The Alert component has been changed to be outlined by default with an option for filled instead of the other way round.
- The Alert component has an added option so it can be used as a flash message
alert--flash
. - The Flash component has been removed in favor of using the Alert Component
- I recommend reviewing the PR for any changes as this changes existing implementation, removes a component as well as affects customization considerations.
- [TR#107] Sidebar Revisions by @Jeremy-Walton in #160
- The Subtle Primary option has been removed.
- Sidebar item styles have been removed in favor of just using the existing button styles in the sidebar.
- A new compact version of the sidebar has been added as an option between drawer and rail.
- I recommend reviewing the PR for any changes as this changes existing implementation as well as affects customization considerations.
- [TR#14] Modal Revisions by @Jeremy-Walton in #159
- The Modal addon has been removed.
- Modal Component has been added!
- I recommend reviewing the PR for any changes If you are using the existing addon and need to switch to using the component.
- [TR#21] Form Revisions by @Jeremy-Walton in #164
- A no Border variation of form controls has been added.
- Size modifiers for small, medium, and large (with large being default) have been added.
- The focus states of form controls have been updated to match buttons in a more consistent way.
- I recommend reviewing the PR for any changes as the placeholder selector interface for customization has changed significantly.
Component Changes
- [TR#11] Update badge to reflect design by @Jeremy-Walton in #152
- A white box shadow has been added when using the badge on a button for things like a notification indicator.
- Icons used inside of a badge will have a smaller font size.
- Add confirm dialog with documentation by @Jeremy-Walton in #157
- A new component for Confirm Dialogs has been created!
- This can be used with something like https://github.com/RoleModel/turbo-confirm for a rails implementation
Bug Fixes
- Table token bug by @Jeremy-Walton in #163
- There was a token being used that was incorrect. It was a rare case where using a checkbox in a table header will highlight the header when checked. The text color was using a non-existent token.
- Button Focus Fix by @Jeremy-Walton in #162
- Focus on Buttons was triggering on both click and keyboard navigation. This fix changes it to only trigger on keyboard or assistive device (I.E. screen reader) navigation.
Documentation Changes
- Storybook upgrade by @Jeremy-Walton in #161
- Storybook has been updated to the latest version (v7)
- As part of this update, the documentation interface has been simplified. Items with no relevance to this project have been hidden and the documentation pages live as their own items in the sidebar instead of being hidden in the docs tab
- All the documentation has been refactored to clean up and simplify writing new or modifying it. It is also organized to reflect the sidebar organization.
- [TR#18] Card Revisions by @Jeremy-Walton in #154
- The Card documentation has been updated to better reflect real world usage. This mainly removed the color from the example as it was potentially misleading.
- [TR#116] Token Naming Structure Docs by @Jeremy-Walton in #165
- The token documentation has been updated to define and explain the structure of how we name our tokens along with a few examples.
- [TR#117] Folder Structure Documentation by @Jeremy-Walton in #166
- A new documentation page has been added to explain how to organize your css and the import order that is recommended.
Full Changelog: v0.3.1...v0.4.0