All notable changes to this project will be documented in this file.
- Add new icon: podcast
- Added fallback font to fix Firefox issue related to custom font in option element
- Fix margin on Alert
- Add Alert component
- added width size property (sizeW) in the Modal component
- Added three new icons: Comic, Film and Music
- Added ButtonGroup component
- Fix: Include Radio in exports component
- Added Radio component
- New logo added
- Loader-component updated to reflect new logo
- Added extra animate-in directions:
left
andright
.
- New
Blockquote
component.
- New
disabled
prop added to Tag, for cases where the tag is not clickable. - New
withSpacing
prop added to Accordion, for uniform spacing of contents.
-
.link
and<a>
changes:- Hover-effect added, this might cause unwanted effects if you've used a link as a basis for another component.
-
Button
component changes:- Hover-effect added, this might cause unwanted effects if you've used the button as a basis for another component. (only visually)
Container
component changes:- Increased max-width for huge screens.
- Not really a breaking change, but worth checking large screens (> 1680px).
Button
component changes:- Updated disabled styling, use this for non-interactive buttons only
- For loading-states, use the
loading
prop
- New
showClose
prop added to modal. Non-breaking. - New icons for "game" and "event" added.
- Overhaul of font-sizes in input elements (Input, Select, Button) to ensure safari/iPhone users won't zoom in when using input fields. Read more
- There should be none, but if you've created your own input elements these may need to be updated to match the new font-size and line-heights.
- Icons now take a
rotation
prop which can be used to rotate an icon (like an arrow) by a set amount of degrees.
- Table component: Minor change to
<th>
cells in vertical mode to prevent text wrapping. Only affects you if you have any<Table>
components with thevertical
prop set to true.
- A11y:
:focus
system modified. Look at the "About" section in the storybook for details on implementation. If you just want to keep the same focus-styles as before, addbody--a11y
class to your<body />
tag.
- New
arrow-large-right
icon added
- The icon previously named
arrow
is now namedarrow-large-up-right
to fit into the system
- New version of storybook (Only affects docs)
- Updated to backpack.css v 2.0.0 changelog
- New banner component with pattern example
Block
now acceptsresponsive
prop, see docs for info
Container
with background colors now takes up 100% site width instead of max site width
- Markup for
Container
has changed for non-react users! Check the docs.