Skip to content

v3.1.0
Compare
Choose a tag to compare
@NikoHelle NikoHelle released this 01 Nov 06:41
· 1023 commits to master since this release
v3.1.0
027e477
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Learn about vigilant mode.

[3.1.0] - October, 31, 2023

React

Added

  • [Footer] Added onLogoClick callback
  • [Container] Added a new attribute to align it with Header
  • [Login] New login components and utilities to provide OIDC authentication and api tokens

Changed

  • [Checkbox, DateInput, Dropdowns, FileInput, NumberInput, PasswordInput, PhoneInput, SelectionGroup, NumberInput, TextInput, TextArea, TimeInput] Improved readability and accessibility of error, success and info states

Fixed

  • [StepByStep] Fixed React warnings about missing keys.
  • [Header] onDidChangeLanguage is now called only when language is changed.
  • [Header] Fixed header dropdown overflow issues
  • [DatePicker] Fixed selected date getting reseted in a controlled state
  • [CookieConsent, Dropdown, FileInput, NumberInput, SearchInput, TextInput] Fixed button focus inside input components
  • [Tag] Fixed margins with several lines long texts

Core

Changed

  • [Checkbox, NumberInput, PasswordInput, PhoneInput, SelectionGroup, NumberInput, TextInput, TextArea] Improved readability and accessibility of error, success and info states

Fixed

  • [Tag] Border-radiuses and paddings to match designs
  • [Link] Removed underline when using Button styles with Link

Documentation

Added

  • [Footer] Added onLogoClick callback
  • [Form validation] Live examples for validation pattern
  • [Form validation] Links to multi-page guidelines and components
  • [Login] Documentation for the new Login system

Changed

  • [FileInput] Changed from beta to stable
  • [Pagination] Changed from beta to stable
  • [SearchInput] Changed from beta to stable

Fixed

Several new line issues breaking the documentation and examples
This is HDS -competition page was broken and not available
Unified error message implementation, examples and documentation

Design kit

Figma

We're excited to announce the availability of the HDS UI Kit in Figma (.fig) format! You can access it within the "hds-design-kit.zip" and import the file to use in your projects. Please be aware that this Figma file is independent and won't receive automatic updates from the original file.

If you're looking for an updatable Figma library, feel free to get in touch with the HDS team. An updatable version is accessible with Helsinki licenses, and we plan to make it available as a community file in the future. Stay tuned for updates!

Changed

  • [Color styles] Quality of life improvement: added hex codes after color names for ease of access
  • [Color styles] Changed greyscale color names to match token names, e.g. Grey-10 -> Black-10
  • [Highlight] Changed the Quote to be a variant of Highlight component, not its own component, to match implementation

[HDS Form Components] Updated error, success and info text shared symbols in all input components

Removed

[Radio button] Removed error states for individual radio buttons, because individual radio buttons should not have an error state in any use cases.

Fixed

  • [Highlight] Fixed paddings on all sizes and font, line-height to match implementation
  • [Highlight] Linked text properties back to quote variants
  • [Highlight] Correct color style attached to text color

Sketch/Abstract

Changed

  • [HDS Form Components] Updated error, success and info text shared symbols in all input symbols

Removed

  • [Radio button] Removed error states for individual radio buttons, because individual radio buttons should not have an error state in any use cases.

Fixed

  • [Dropdown] Border for dropdown menu fixed from 2px to 1px and example updated according to that
Assets 5
Loading