New component and some style & technical improvements

✨ Features

⭐️ Checkbox

• Added checkbox component to the library (PR #315)

Link

• Added accessible skip link variant for the link component (PR #305)

🐛 Bug fixes

Toggle

• Controlled state should now work correctly (PR #321)
• No longer using UNSAFE_componentWillReceiveProps (PR #321)

General

• Focus styles aligned with the latest design (PR #324)

Fixes for library typings

Features

• Fixes for typing related issues when compiler option skipLibCheck was set to false.
• Internal fixes for typings
• Changes in dependencies and peer dependencies (#309)

Peer Dependencies

• Typings for styled components downgraded to exact version 4.1.8
• Typings for warning added

Update all dependencies to latest

Features

Dependencies

• All dependencies updated to the latest available version (#309)
• Tests and snapshots adjusted accordingly
• Implementation and typings adjusted accordingly
• No changes to component public APIs

Build CSS handling

• Support for CSS handling in build (#308)
• Bundle structure changed due to TS loader change
• CSS imports removed from typings

Documentation fixes

• Fixes for documentation (#307)
• Fixes for Link's styleguidist page (#306)

Spacing design tokens 5px base

🚨 Breaking changes

Design tokens

• Spacing design tokens have been updated to 5px base tokens and inset tokens added (#302)

token | old | new
------------------
xxs      2     5
 xs      4    10
  s      8    15
  m     16    20
  l     32    25
 xl     64    30

• Added the new spacing sizes

token | size
-------------
  xxl    40
 xxxl    60
xxxxl    80

• Added inset-spacing tokens

token | size
-------------
  xxs     2
   xs     4
    s     6
    m     8
    l    10
   xl    16
  xxl    20

Documentation fixes

• Documentation fixes for repository description (#303 )

Dropdown and LanguageMenu fixes

🚨 Breaking changes

LanguageMenu

• languageMenuListProps prop renamed to languageMenuPopoverProps due to underlying Reach UI component change. Prop types also changed accordingly. (#300)
• Classnames for targeting LanguageMenu internals changed, no changes to API (#300 )

Dropdown

• dropdownListProps prop renamed to dropdownPopoverProps due to underlying Reach UI component change. Prop types also changed accordingly. (#300)

✨ Features

• LanguageMenu now supports variable menu names
• Reach library updated to latest available version.

🐛 Bug fixes

• Accessibility issues with keyboard navigation fixed for LanguageMenu and Dropdown

TextInput status & LanguageMenu improvements

🚨 Breaking changes

TextInput

• variant prop renamed to status (#295)
• Able to use static variants removed: TextInput.success & TextInput.error (#295)

✨ Features

TextInput

• statusText prop to show under the field (#295)
  • added an example how to use it conjuction with status prop

🐛 Bug fixes

TextInput/SearchInput

• input-field will now take all width the component can (#297)

LanguageMenu

• Menu icon will now rotate if the menu is open (#298)
• Button size changed to match with the design (#298)

Update color token names to be more generic

Breaking changes

Some color token names are now named in a more generic way. They used to contain information related to the actual values of the tokens. Example changes:

highlightLight45 --> highlighLight2
depthDark27 --> depthDark1

📰 Updated dependencies

• suomifi-design-tokens updated to 0.7.1

Related pull requests:

#294

Update Icons and Button's Assertive component

Breaking changes

• Icons have been added and renamed. Up-to-date documentation can be found from https://vrk-kpa.github.io/suomifi-ui-components/
• Icon component divided to Icon, StaticIcon and ComponentIcon.
• Icon only supports base icons (with some names changed), otherwise API remains unchanged
• StaticIcon provides illustrative icons and doctype icons with same API as Icon without support for color.

🐛 Bug fixes

• Button's Assertive component (#206)

📰 Updated dependencies

• suomifi-icons updated to 0.1.0

Related pull requests:

#289
#290

v0.6.1

🐛 Bug fixes

• Toggle focus (#284)
• Breadcrumb alignment (#285)

📰 Updated dependencies

• @reach/menu-button updated (#286)
  • Updated to version 0.8.5
  • Removed @reach/component-component
  • Added @reach/popover

v0.6.0

🚨 Breaking changes

Styles

• CSS is now available in dist/main.css and not automatically included in the bundle. These styles must be included when the library is used.

✨ Features

• Style handling can now be configured as needed since css styles are no longer bundled.
• Also updated README regarding this version update