Skip to content

v3.9.0

Latest
Latest
Compare
Choose a tag to compare
@mrTuomoK mrTuomoK released this 02 Jul 12:52
v3.9.0
b2713bb
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Learn about vigilant mode.

[3.9.0] - June, 2nd, 2024

React

Added

  • [Login] GraphQL module with api token integration
  • [Header.LoginButton] Button to start the login process and handle errors.
  • [Header.LogoutSubmenuButton] Button to start the logout process from the menu and handle errors.
  • [Header.UserMenuButton] Button for a user menu that renders user's name and initials.
  • [Header.ActionBarButton] A Button without dropdown items (as in Header.ActionBarItem)
  • [Header.ActionBar] Add possibility to give the menu button a label with menuButtonLabel prop.
  • [Header.ActionBarSubItem] Component for creating menus in Header
  • [Header.ActionBarSubItemGroup] Container for creating grouped subitems with headings.

Changed

  • FileInput Added minSize property (default 0) for cases when the uploaded file must have non-zero length content

Fixed

  • [TextInput, TextArea] Fix read-only input focus styles.

Core

Fixed

  • [TextInput, TextArea] Fix read-only input focus styles.

Documentation

Added

  • [Patterns] New page for Login pattern, instructions how HDS Login and Header.login should work together
  • [Getting started] Added a link to HDS Figma tutorial
  • [Header] Documented new features.
  • [Login] GraphQL module documentation
  • More detailed information on upcoming releases 4.0.0 and 5.0.0

Changed

  • [Header] New documentation for ActionBarItems and Header.Login

Fixed

  • [Getting started] Fixed old mentions of Abstract & Sketch

Figma

Added

  • [Header] New functionalities for Actionbar: Action items can have an option for dropdown menus. For now only Logged in user has custom user menu and button (Header.Login)
  • [Header] In mobile breakpoints (XS-M) login button and logged-in user menu jump inside the Header.Mobilemenu that has a special accordion menu for dropdown.
  • [Header] Added missing Breadcrumbs to dark theme.
  • [Linkbox] Added four more tags into all variants. Reveal more tags from the layers. Nested instances also revealed. Example added to component frame.
  • [Navigation pattern] Added header functionalities documentation for Header.Login (in the future these will be on Header component page)
  • [TextInput, TextArea] Added missing read-only variants and redesigned focus ring.
  • [PhoneInput, PasswordInput] Added missing read-only focus ring.

Fixed

  • [Header] Mobilemenu link 2nd level names changed to Second level.
  • [Header] Mobilemenu now aligned to right border. Menu button should always be the rightmost element in mobile breakpoints.
  • [Hero] Flipped image 180 degrees in imageLeft, imageRight, imageBottom in XS size and diagonalKoros in all sizes.

Changed

  • [Header] Login button now has sign-in icon instead of user - old Login actionitem is removed, please use Header.Login.
  • [Header] Breakpoint width numbers added to property names to match Footer
  • [Header] Nested instances revealed
  • [Header] Actionitems have an updated focus styles
  • [Header] Some header subcomponents have updated names. Header.Actionbar.Mobilemenu -> Header.Mobilemenu , to accommodate new features such as Header.Mobilemenu.Login
  • [Header] Language select dropdown is now 320px wide like other Actionbar dropdowns.
  • [Linkbox] Border-variants now have inside stroke, for better experience when building layouts
  • [PhoneInput, PasswordInput] Read-only variants renamed to ReadOnly for consistency.
Assets 5
Loading