Update Digdir design system to v1.3.0

[renovate]

This PR contains the following updates:

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

---

Release Notes

digdir/designsystemet (@​digdir/designsystemet-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.

---

🪧 Tips

Chat

There are 3 ways to chat with CodeRabbit:

• Review comments: Directly reply to a review comment made by CodeRabbit. Example:
  • I pushed a fix in commit <commit_id>, please review it.
  • Open a follow-up GitHub issue for this discussion.
• Files and specific lines of code (under the "Files changed" tab): Tag @coderabbitai in a new review comment at the desired location with your query.
• PR comments: Tag @coderabbitai in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
  • @coderabbitai gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.
  • @coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.

Support

Need help? Join our Discord community for assistance with any issues or questions.

CodeRabbit Commands (Invoked using PR/Issue comments)

Type @coderabbitai help to get the list of available commands.

Other keywords and placeholders

• Add @coderabbitai ignore or @coderabbit ignore anywhere in the PR description to prevent this PR from being reviewed.
• Add @coderabbitai summary to generate the high-level summary at a specific location in the PR description.
• Add @coderabbitai anywhere in the PR title to generate the title automatically.

CodeRabbit Configuration File (.coderabbit.yaml)

• You can programmatically configure CodeRabbit by adding a .coderabbit.yaml file to the root of your repository.
• Please see the configuration documentation for more information.
• If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: # yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json

Status, Documentation and Community

• Visit our Status Page to check the current availability of CodeRabbit.
• Visit our Documentation for detailed information on how to use CodeRabbit.
• Join our Discord Community to get help, request features, and share feedback.
• Follow us on X/Twitter for updates and announcements.