Update Digdir design system to v1.5.1

[renovate]

Coming soon: The Renovate bot (GitHub App) will be renamed to Mend. PRs from Renovate will soon appear from 'Mend'. Learn more here.

This PR contains the following updates:

Package	Change	Age	Confidence
@digdir/designsystemet-css (source)	1.1.10 -> 1.5.1
@digdir/designsystemet-react (source)	1.1.10 -> 1.5.1
@digdir/designsystemet-theme (source)	1.1.10 -> 1.5.1

---

Release Notes

digdir/designsystemet (@​digdir/designsystemet-css)

v1.5.1

Compare Source

@​digdir/designsystemet@​1.5.1

Patch Changes

• Update dependency @​types/ramda to ^0.31.1 (#​4060)

@​digdir/designsystemet-css@​1.5.1

Patch Changes

• Field: Make sure <select> and <textarea> is not on same line as label (#​4048)

@​digdir/designsystemet-react@​1.5.1

Patch Changes

• Field.Counter: Update count when react controls the input (#​4047)

• Popover: Only call onClose when Popover is open (#​4065)

@​digdir/designsystemet-theme@​1.5.1

v1.5.0

Compare Source

@​digdir/designsystemet@​1.5.0

Minor Changes

• Sizing and size modes have been reimplemented align code and Figma implementations, and to support setting size mode in css queries. (#​3866)

  --ds-size-* variables are now independent of the element's font size, and only depend on the size mode, which aligns the code implementation with how the modes already worked in Figma. Important: This will have a large visual impact on existing code where size variables have been used to style Heading elements (e.g. margin).

  Read Sizes in code for info on how size modes work after these changes.

Patch Changes

• Update npm non-major dependencies (#​4039)

@​digdir/designsystemet-css@​1.5.0

Minor Changes

• Sizing and size modes have been reimplemented align code and Figma implementations, and to support setting size mode in css queries. (#​3866)

  --ds-size-* variables are now independent of the element's font size, and only depend on the size mode, which aligns the code implementation with how the modes already worked in Figma. Important: This will have a large visual impact on existing code where size variables have been used to style Heading elements (e.g. margin).

  Read Sizes in code for info on how size modes work after these changes.

@​digdir/designsystemet-react@​1.5.0

Minor Changes

• Sizing and size modes have been reimplemented align code and Figma implementations, and to support setting size mode in css queries. (#​3866)

  --ds-size-* variables are now independent of the element's font size, and only depend on the size mode, which aligns the code implementation with how the modes already worked in Figma. Important: This will have a large visual impact on existing code where size variables have been used to style Heading elements (e.g. margin).

  Read Sizes in code for info on how size modes work after these changes.

Patch Changes

• Update npm non-major dependencies (#​4039)

• Details: Updated u-details package to adress an issue where you could tab into the content when details was closed (firefox only) (#​4022)

@​digdir/designsystemet-theme@​1.5.0

Minor Changes

• Sizing and size modes have been reimplemented align code and Figma implementations, and to support setting size mode in css queries. (#​3866)

  --ds-size-* variables are now independent of the element's font size, and only depend on the size mode, which aligns the code implementation with how the modes already worked in Figma. Important: This will have a large visual impact on existing code where size variables have been used to style Heading elements (e.g. margin).

  Read Sizes in code for info on how size modes work after these changes.

v1.4.0

Compare Source

@​digdir/designsystemet@​1.4.0

Patch Changes

• Update npm non-major dependencies (#​3989)

• Update npm non-major dependencies (#​4014)

@​digdir/designsystemet-css@​1.4.0

Patch Changes

• Card: If .ds-link is used in a heading, remove focus and active styling (#​4005)

• Fieldset: Removed uneccessary margin when visually hiding Fieldset.Legend with .ds-sr-only (#​3996)

• Update npm non-major dependencies (#​3989)

• Button: Change sizes of svg and icon (#​3998)

  • In icon button ([data-icon]), it is 1.5em
  • In normal button, it is 1.3em

@​digdir/designsystemet-react@​1.4.0

Patch Changes

• Update npm non-major dependencies (#​3989)

• Update npm non-major dependencies (#​4014)

• Switch: correct jsdoc on label prop (#​3984)

@​digdir/designsystemet-theme@​1.4.0

Minor Changes

• Default export: changed color values and removed brand3 (#​4008)
  • The old values are still available from import '@​digdir/designsystemet-theme/digdir.css';

v1.3.0

Compare Source

@​digdir/designsystemet@​1.3.0

Minor Changes

• Renamed $designsystemet.json to $designsystemet.jsonc so token-studio ignores the file (#​3970)

Patch Changes

• Update npm non-major dependencies (#​3973)

@​digdir/designsystemet-css@​1.3.0

@​digdir/designsystemet-react@​1.3.0

Minor Changes

• Suggestion: TypeScript typing now depends on whether multiple is true or false. When multiple is true, selected, defaultSelected and onSelectedChange are typed for arrays of items. Otherwise, they are typed for single items. (#​3909)

• Suggestion: Removed type SuggestionValues, as this union is no longer useful. Use string or SuggestionItem when multiple is false, and string[] or SuggestionItem[] when multiple is true. (#​3909)

• Suggestion: remove deprecated props value, defaultValue and onValueChange. Use selected, defaultSelected and onSelectedChange instead. (#​3909)

Patch Changes

• update u-elements/u-details to 0.1.3 (#​3981)

• update u-elements/u-combobox to 1.0.1 (#​3981)

• Suggestion: Remove deprecated Suggestion.Chips (#​3981)

• update u-elements/u-datalist to 1.0.14 (#​3981)

• Update npm non-major dependencies (#​3973)

@​digdir/designsystemet-theme@​1.3.0

v1.2.0

Compare Source

@​digdir/designsystemet@​1.2.0

Patch Changes

• Update npm non-major dependencies (#​3923)

• Replace chalk with picocolors (#​3910)

@​digdir/designsystemet-css@​1.2.0

Minor Changes

• Badge: Allow adjusting the position of the badge using css variables --dsc-badge-{top,bottom,left,right} (#​3965)

• Link: Automatically add recommended spacing to icons (svg or img), when there is also a <span> present. (#​3942)

  • <Link><Icon />Text</Link> will not get spacing
  • <Link><Icon /> Text</Link> will get a leading underlined space character between icon and text, which looks bad
  • <Link><Icon /><span>Text</span></Link> will get recommended spacing

Patch Changes

• Dialog: Rework close button (#​3959)
  • An empty button with data-command="close" will get an "X" icon
  • If button[data-command="close"] is the first child of .ds-dialog, it will float to the top right

@​digdir/designsystemet-react@​1.2.0

Patch Changes

• Field: Don't check for hidden elements (#​3950)

• Dialog: Add data-command="close", which you can use to close the modal. (#​3959)

  • This removes use of <form> on our close button

• Dialog: Deprecate asChild. Should always be a <dialog> element. Will be removed in the next major version (#​3940)

• Tabs.Panel: Add aria-labelledby to associated button (#​3939)

• Tabs: Don't conditionally render TabPanel, use hidden instead (#​3936)

  • If any of your TabPanel components have heavy code, consider conditional rendering to improve performance

• Update dependency @​u-elements/u-details to ^0.1.2 (#​3955)

• Update npm non-major dependencies (#​3923)

• Skeleton: Deprecate characters prop, which never had any effect. (#​3961)

• Tooltip: Close on click outside, applicable for mobile devices (#​3957)

@​digdir/designsystemet-theme@​1.2.0

---

Configuration

📅 Schedule: Branch creation - Between 12:00 AM and 07:59 AM, Monday through Friday ( * 0-7 * * 1-5 ) in timezone Europe/Oslo, Automerge - At any time (no schedule defined).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about these updates again.

---

• If you want to rebase/retry this PR, check this box

---

This PR was generated by Mend Renovate. View the repository job log.

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[coderabbitai]

Important

Review skipped

Bot user detected.

To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

---

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[renovate]

Edited/Blocked Notification

Renovate will not automatically rebase this PR, because it does not recognize the last commit author and assumes somebody else may have edited the PR.

You can manually request rebase by checking the rebase/retry box above.

⚠️ Warning: custom changes will be lost.

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
81.8% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud