v3.0.0-alpha.0

[3.0.0-alpha.0] - July, 6, 2023

React

Added

• [Header] New Header component to wrap all its child components
• [Header.UniversalBar] Optional component to display useful quick links
• [Header.ActionBar] Mandatory component to display service logo, language selection, search and user login
• [Header.NavigationMenu] Mandatory component to display navigation links

Changed

• [LinkBox] Property name withBorder changed to border
• [Koros] Renamed variants Wave to Vibration and Storm to Wave
• Supported browserlist updated

Deprecated

• [Navigation] New Header component will be the replacement
• [Tag] Rectangular version (default)
• [StatusLabel] Rectangular version (default)

Core

Changed

• [Koros] Renamed variants Wave to Vibration and Storm to Wave

Documentation

Added

• [Header] Documentation - still a work in progress
• Helpful tooltip to explain statuses

Changed

• [Koros] Renamed variants Wave to Vibration and Storm to Wave

Design kit

Added

• [Header] Add HDS Header.sketch file to shared libraries for HDS 3.0.0 Alpha release purposes. The shared library file includes new Header and Side navigation symbols.

v2.16.0

[2.16.0] - June, 28, 2023

React

Added

• [Select] New optional string property 'optionKeyField'
• [Combobox] New optional string property 'optionKeyField'

Fixed

• [FileInput] Max file size to accept sizes which equal the given limit
• [FileInput] Empty file.type prevented file uploads of unknown types

Documentation

Changed

• Radio buttons should not have a default value

Design kit

Changed

• [Accordion] Upgrade to Sketch version 97.1
• [Breadcrumbs] Upgrade to Sketch version 97.1
• [Buttons] Upgrade to Sketch version 97.1
• [Cards] Upgrade to Sketch version 97.1
• [Color] Upgrade to Sketch version 97.1
• [Cookies] Upgrade to Sketch version 97.1
• [Errors] Upgrade to Sketch version 97.1
• [Filters] Upgrade to Sketch version 97.1
• [Footer] Upgrade to Sketch version 97.1
• [Form Components] Upgrade to Sketch version 97.1
• [Grids and Breakpoints] Upgrade to Sketch version 97.1
• [Hero] Upgrade to Sketch version 97.1
• [Icons] Upgrade to Sketch version 97.1
• [Koros] Upgrade to Sketch version 97.1
• [Labels and Tags] Upgrade to Sketch version 97.1
• [Links] Upgrade to Sketch version 97.1 and update link-external icon
• [Loaders] Upgrade to Sketch version 97.1
• [Logo] Upgrade to Sketch version 97.1
• [Modals and Notifications] Upgrade to Sketch version 97.1
• [Navigation] Upgrade to Sketch version 97.1
• [Page templates] Upgrade to Sketch version 97.1
• [Pagination] Upgrade to Sketch version 97.1
• [Placeholders and templates] Upgrade to Sketch version 97.1
• [Shadow] Upgrade to Sketch version 97.1
• [Spacing] Upgrade to Sketch version 97.1
• [Step-by-step] Upgrade to Sketch version 97.1
• [Table] Upgrade to Sketch version 97.1
• [Tabs] Upgrade to Sketch version 97.1
• [Typography] Upgrade to Sketch version 97.1

v2.15.0

[2.15.0] - May, 25, 2023

React

Added

• [Breadcrumb] New Breadcrumb component

• [Hero] New Hero component

• [StepByStep] New StepByStep component

• [Tooltip] Tooltips for status labels

• [Icon] 16 new UI icons

Fixed

• [Accordion] Fixed accordion with borders

Changed

• [StatusLabel] Marked default rectangular StatusLabel as deprecated. This will be removed in 3.0.0
• [Icon] New icon for link-external

Core

Added

• [Breadcrumb] New Breadcrumb component

• [Hero] New Hero component

• [StepByStep] New StepByStep component

• [Tooltip] Tooltips for StatusLabels

• [Icon] 16 new UI icons

Changed

• [StatusLabel] Marked default rectangular StatusLabel as deprecated. This will be removed in 3.0.0
• [Icon] New icon for link-external

Documentation

Added

• [Breadcrumbs] Documentation for new Breadcrumbs component

• [Hero] Documentation for new Hero component

• [StepByStep] Documentation for new StepByStep component

• [Tooltip] Tooltip documentation for all status labels

• [Button] Added example of button as a link

Fixed

• [Gatsby] Check and fix headers and their styles in Gatsby (H1-H6)
• [Accordion] Improve accordion examples and documentation

Changed

• Improved docs for creating new react components
• New and changed icons added to icon list

Design kit

Added

• [Breadcrumbs] Breadcrumbs symbols for all HDS breakpoints
• [Hero] Eight Hero symbols for all HDS breakpoints
  – [Icons] Added 16 new UI icons (arrow-right-dashed, bag-cogwheel, binoculars, cogwheels, collapse, graph-columns, hammers, history, lightbulb, money-bag, money-bag-fill, scroll, scroll-cogwheel, scroll-content, scroll-group, shield)
• [Step-by-step] Step-by-step symbols for top, middle and bottom parts (two sizes: small & extra-large)

Changed

– [Accordion] Upgraded to Sketch version 96.3
– [Buttons] Upgraded to Sketch version 96.3
– [Cards] Upgraded to Sketch version 96.3
– [Color] Upgraded to Sketch version 96.3
– [Cookies] Upgraded to Sketch version 96.3
– [Footer] Upgraded to Sketch version 96.3
– [Form Components] Upgraded to Sketch version 96.3
– [Grids and Breakpoints] Upgraded to Sketch version 96.3
– [Icons] Upgraded to Sketch version 96.3
– [Icons] New icon for link-external
– [Koros] Upgraded to Sketch version 96.3
– [Labels and Tags] Upgraded to Sketch version 96.3
– [Links] Upgraded to Sketch version 96.3
– [Loaders] Upgraded to Sketch version 96.3
– [Logo] Upgraded to Sketch version 96.3
– [Modals and Notifications] Upgraded to Sketch version 96.3
– [Navigation] Upgraded to Sketch version 96.3
– [Pagination] Upgraded to Sketch version 96.3
– [Placeholders and templates] Upgraded to Sketch version 96.3
– [Shadow] Upgraded to Sketch version 96.3
– [Spacing] Upgraded to Sketch version 96.3
– [Table] Upgraded to Sketch version 96.3
– [Tabs] Upgraded to Sketch version 96.3
– [Typography] Upgraded to Sketch version 96.3

Icon kit

Added

– [Icons] Added 16 new UI icons (arrow-right-dashed, bag-cogwheel, binoculars, cogwheels, collapse, graph-columns, hammers, history, lightbulb, money-bag, money-bag-fill, scroll, scroll-cogwheel, scroll-content, scroll-group, shield)

Changed

– [Icons] New icon for link-external

v2.14.0

[2.14.0] - May, 9, 2023

React

Fixed

• [Accordion] Prevent page scroll when accordion is opened with the spacebar
• [SearchInput] SearchInput uses hds-core's SearchInput styles instead of TextInput's

Changed

• [SelectionGroup] Refactor code using deprecating React.Children API
• [SideNavigation] Refactor code using deprecating React.Children API
• [Tabs] Refactor code using deprecating React.Children API

Core

Fixed

• [SearchInput] Unified CSS with TextInput

Documentation

Fixed

• [FileInput] Added missing import
• Repository's README files updated to match current branch policy

Changed

• [StatusLabel] Rectangular variant marked as deprected
• Refactor code using deprecating React.Children API

Design tokens

Added

• New token for focus color

Design

Changed

• [Tag] Rectangular version marked as deprecated

v2.13.0

[2.13.0] - March, 27, 2023

React

Added

• [FileInput] Supports defaultValue prop
• Styles are linted for better quality CSS

Changed

• [Tag] Deprecation warning for rectangular tag
• [Navigation] Deprecation warnings for Navigation components
• Storybook form validation library changed to a more stable one
• License updated

Fixed

• [Dialog] Fixed console error about useEffect returning null
• [NumberInput] Slow down number scrolling with mouse
• Normalized CSS doesnt' affect elements outside components anymore

Core

Added

• License information added
• Styles are linted for better quality CSS

Documentation

Added

• [Tag] Deprecation warning for rectangular tag
• [Navigation] Deprecation warning for Navigation

Changed

• Improve Stepper's accessibility documentation
• Improve repository's developer documentation on problem solving
• License updated

Design tokens

Added

• License information added

Design

• Sketch update 95.3

v2.12.1

[2.12.1] - February, 23, 2023

React

Fixed

• Added missing helper texts and tooltips

Documentation

• Added documentation for helper texts and tooltips
• Fixed version documentation

v2.12.0

[2.12.0] - February, 21, 2023

React

Changed

• [Checkbox] Support for tooltips
• [Fieldset] Support for tooltips

Fixed

• [DateInput] Changed input type to textual so that even iOS users can write the date in addition of picking it from calendar
• [Navigation] Fixed sizing 320px screens where title overlapped menu button

Documentation

Added

• Information about breaking changes and versioning in HDS

Fixed

• Date input default values for min and max
• Required field asterisk position to match the components

v2.11.0

[2.11.0] - February, 9, 2023

React

Changed

• [CookieConsent] Updated missing Matomo cookies
• [CookieConsent] Improved translations

Fixed

• Updated dependencies
• [Dialog] Fixed background position jumping on some specific environments

Design

Changed

• Update Design kit to Sketch 95.2

Documentation

Added

• More component properties available in Storybook
• FAQ section about keyboard focus on Safari

Fixed

• Fix broken links in documentation

v2.10.0

[2.10.0] - January, 10, 2023

Core

Changed

• [Button] Replace focus styles with focus-visible styles

React Components

Added

• [CookieConsent] Add Tunnistamo signing cookies into default settings

Changed

• [CookieConsent] Change Matomo default domain to hel.fi

Fixed

• [Combobox] Keep available options visible after selecting
• [Combobox] Fix removing selected items when the options list is open
• [Tag] Remove false aria-hidden to improve accessibility in screen readers
• [SearchInput] Fix cursor jumping to the end when typing into the start or to the middle of the value
• [SearchInput] Trigger search on Enter keypress
• [SearchInput] Fix Home and End keypress functionality

Documentation

Added

• [Noscript pattern] Add Finnish and Swedish translations to notification label and body texts
• [Tag] Mention the importance of the delete button aria-label in Tag accessibility documentation

Fixed

• [Tag] Fix Core and React accessibility examples

Removed

• Remove Git LFS instructions and guides since it is not used anymore in the repository
• Remove obsolete roadmap and what-is-new pages

v2.9.0

[2.9.0] - December, 21, 2022

Design kit

Added

• [Tag] Possibility to override colours when using Tag symbols in Sketch

React Components

Added

• [Accordion] Possibility to set notification heading level
• [Tag] Support for labelClass property

Fixed

• [DateInput] Datepicker performance improvements
• [DateInput] Unnecessary error logs removed from the tests
• [Dropdown] First dropdown tag is truncated if it's longer than the container

Documentation

Changed

• Contributing guide on Github has been updated to serve a more streamlined process

Fixed

• Navigation component's language selector is now focusable