Bump hds-core from 3.10.1 to 4.0.0 #1012

dependabot · 2024-12-10T06:01:11Z

Bumps hds-core from 3.10.1 to 4.0.0.

Release notes

v4.0.0

[4.0.0] - November, 21, 2024

React

Breaking

[Tag] Rewritten Tag component

[Button] Renewed Button component with theming support

[Link] iconLeft prop is renamed to iconStart, size prop is now enum (LinkSize.Small, .Medium and .Large). Aria-label is now native so ariaLabel prop is now obsolete -> use aria-label.

[Accordion] Changed size prop to use AccordionSize enum (AccordionSize.Small, AccordionSize.Medium and AccordionSize.Large) or without usin Typescript ("small", "medium" and "large"). Also theming has changed variables.

[Notification] Changed size prop to enum (NotificationSize.Small, NotificationSize.Medium and NotificationSize.Large) or without using Typescript ("small", "medium" and "large"). The "default" size was removed and replaced with "medium".

[ErrorSummary] Changed size prop to enum (ErrorSummarySize.Medium and ErrorSummarySize.Large) or without using Typescript ("medium" and "large"). The "default" size was removed and replaced with "medium".

[Icon] Icon size changed to enum (IconSize.ExtraSmall, IconSize.Small, IconSize.Medium, IconSize.Large and IconSize.ExtraLarge) or without Typescript ("extraSmall", "small", "medium", "large" and "extraLarge").

[Hero] The optional arrow icon takes vertical space and may require background color to be set.

[SelectionGroup] Updated element spacings

Typography changes to heading line-heights and letter-spacings

[Hero] heading typography changes

[Header] heading typography changes

[Header.ActionBarSubItem] iconLeft and iconRight props renamed to iconStart and iconEnd

[Dialog] heading typography changes

[Dialog.Header] iconLeft prop renamed to iconStart

[CookieConsent] heading typography changes

[Accordion] heading typography changes

[Pagination] Active element changed from "a" element to "span" element

[Hero] content spacing changes

[Icon] ariaLabel, ariaLabelledby and ariaHidden replaced by native aria-* counterparts.

[StatusLabel] iconLeft prop renamed to iconStart

[Table] dataTestId prop changed to "data-testid"

[Notification] dataTestId prop changed to "data-testid"

[Logo] dataTestId prop changed to "data-testid"

[Pagination] dataTestId prop changed to "data-testid"

[StatusLabel] dataTestId prop changed to "data-testid"

[Stepper] dataTestId prop changed to "data-testid"

[Breadcrumb] ariaLabel prop changed to "aria-label"

[Footer] ariaLabel prop changed to "aria-label"

[Footer.Base] ariaLabel prop changed to "aria-label"

[Footer.Custom] ariaLabel prop changed to "aria-label"

[Footer.Utilities] ariaLabel prop changed to "aria-label"

[Footer.Navigation] ariaLabel prop changed to "aria-label"

[Footer.Link] ariaLabel prop changed to "aria-label"

[Header] ariaLabel prop changed to "aria-label"

[Header.ActionBar] ariaLabel prop changed to "aria-label"

[Header.ActionBarItem] ariaLabel prop changed to "aria-label"

[Header.LanguageSelector] ariaLabel prop changed to "aria-label"

[Header.NavigationMenu] ariaLabel prop changed to "aria-label"

[Header.Universalbar] ariaLabel prop changed to "aria-label"

[SideNavigation] ariaLabel prop changed to "aria-label"

[SkipLink] ariaLabel prop changed to "aria-label"

[CookieConsent] Rewritten CookieConsent component

... (truncated)

Changelog

Sourced from hds-core's changelog.

[4.0.0] - November, 21, 2024

React

Breaking

[Tag] Rewritten Tag component

[Button] Renewed Button component with theming support

[Link] iconLeft prop is renamed to iconStart, size prop is now enum (LinkSize.Small, .Medium and .Large). Aria-label is now native so ariaLabel prop is now obsolete -> use aria-label.

[Accordion] Changed size prop to use AccordionSize enum (AccordionSize.Small, AccordionSize.Medium and AccordionSize.Large) or without usin Typescript ("small", "medium" and "large"). Also theming has changed variables.

[Notification] Changed size prop to enum (NotificationSize.Small, NotificationSize.Medium and NotificationSize.Large) or without using Typescript ("small", "medium" and "large"). The "default" size was removed and replaced with "medium".

[ErrorSummary] Changed size prop to enum (ErrorSummarySize.Medium and ErrorSummarySize.Large) or without using Typescript ("medium" and "large"). The "default" size was removed and replaced with "medium".

[Icon] Icon size changed to enum (IconSize.ExtraSmall, IconSize.Small, IconSize.Medium, IconSize.Large and IconSize.ExtraLarge) or without Typescript ("extraSmall", "small", "medium", "large" and "extraLarge").

[Hero] The optional arrow icon takes vertical space and may require background color to be set.

[SelectionGroup] Updated element spacings

Typography changes to heading line-heights and letter-spacings

[Hero] heading typography changes

[Header] heading typography changes

[Header.ActionBarSubItem] iconLeft and iconRight props renamed to iconStart and iconEnd

[Dialog] heading typography changes

[Dialog.Header] iconLeft prop renamed to iconStart

[CookieConsent] heading typography changes

[Accordion] heading typography changes

[Pagination] Active element changed from "a" element to "span" element

[Hero] content spacing changes

[Icon] ariaLabel, ariaLabelledby and ariaHidden replaced by native aria-* counterparts.

[StatusLabel] iconLeft prop renamed to iconStart

[Table] dataTestId prop changed to "data-testid"

[Notification] dataTestId prop changed to "data-testid"

[Logo] dataTestId prop changed to "data-testid"

[Pagination] dataTestId prop changed to "data-testid"

[StatusLabel] dataTestId prop changed to "data-testid"

[Stepper] dataTestId prop changed to "data-testid"

[Breadcrumb] ariaLabel prop changed to "aria-label"

[Footer] ariaLabel prop changed to "aria-label"

[Footer.Base] ariaLabel prop changed to "aria-label"

[Footer.Custom] ariaLabel prop changed to "aria-label"

[Footer.Utilities] ariaLabel prop changed to "aria-label"

[Footer.Navigation] ariaLabel prop changed to "aria-label"

[Footer.Link] ariaLabel prop changed to "aria-label"

[Header] ariaLabel prop changed to "aria-label"

[Header.ActionBar] ariaLabel prop changed to "aria-label"

[Header.ActionBarItem] ariaLabel prop changed to "aria-label"

[Header.LanguageSelector] ariaLabel prop changed to "aria-label"

[Header.NavigationMenu] ariaLabel prop changed to "aria-label"

[Header.Universalbar] ariaLabel prop changed to "aria-label"

[SideNavigation] ariaLabel prop changed to "aria-label"

[SkipLink] ariaLabel prop changed to "aria-label"

[CookieConsent] Rewritten CookieConsent component

[Dropdown/Combobox] replaced with Select

... (truncated)

Commits

d936f63 Merge pull request #1439 from City-of-Helsinki/release-4.0.0
333e5a1 Updated icon library
f4690b9 bump versions
36d42d3 update changelog
91e22ac Merge pull request #1438 from City-of-Helsinki/revert-login-props
da22ed2 fix: refactor
e20c07d fix: reroute urls of missing component (of version) urls to the component roo...
6822e4b Revert login props
3cead4c fix: fixed common_sitesettings.json references
0a628c4 fix: change cookie setting file name in documentation
Additional commits viewable in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

@dependabot rebase will rebase this PR
@dependabot recreate will recreate this PR, overwriting any edits that have been made to it
@dependabot merge will merge this PR after your CI passes on it
@dependabot squash and merge will squash and merge this PR after your CI passes on it
@dependabot cancel merge will cancel a previously requested merge and block automerging
@dependabot reopen will reopen this PR if it is closed
@dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
@dependabot show <dependency name> ignore conditions will show all of the ignore conditions of the specified dependency
@dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
@dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
@dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)