v1.22.0

@digdir/designsystemet@1.22.0

No changes in this release.

@digdir/designsystemet-css@1.22.0

Minor Changes

• Suggestion: Now supports setting localization through CSS Custom Properties (thanks @unekinn) (#5321)

Patch Changes

• Tag: Now gets accessible focus outline if rendered as interactive element to support tag clouds etc. (#5361)

• Radio: Fixed tiny rendering glitch gap between hover outline and border at 400% zoom. (#5341)

• Avatar: Now scales initials text to match avatar size (#5340)

• Breadcrumbs: Now correctly announced as a list by VoiceOver in Safari (#5367)

• Chip: Improve optical spacing between input/icon and text, which leads to slightly slimmer chip width. (#5330)

• Dropdown: Now correctly announced as a list by VoiceOver in Safari (#5367)

• AvatarStack: Now correctly announced as a list by VoiceOver in Safari (#5367)

• Chip: Removable chips now automatically include screen reader instructions. Customize the instructions using aria-label or the new --dsc-chip-removable-label CSS custom property. (#5330)

• Avatar: Now supports direct text content, removing the need for inner <span> or data-initials. (#5340)

  • deprecated data-initials will be removed in next major release.

• Link: Adjusted the default --dsc-link-text-decoration-thickness to 0.06em (from 0.0625em) and --dsc-link-text-decoration-thickness--hover to 0.12em (from 0.125em) for slimmer, more consistent underlines across cards, headings, and links. (#5365)

• Card: Now supports --dsc-card-link-text-decoration-thickness and --dsc-card-link-text-decoration-thickness--hover aligning underline behaviour with link component (#5365)

• Pagination: Now correctly announced as a list by VoiceOver in Safari (#5367)

@digdir/designsystemet-react@1.22.0

Minor Changes

• Suggestion.Clear: aria-label prop deprecated in React. Please use CSS custom properties --dsc-suggestion-sr-clear or attribute data-sr-clear on Suggestion. (#5321)

• Suggestion: singular and plural props deprecated in React. Please use CSS custom properties --dsc-suggestion-sr-singular and --dsc-suggestion-sr-plural or attributes data-sr-singular and data-sr-plural. (#5321)

• Suggestion: Now supports setting localization through CSS Custom Properties (thanks @unekinn) (#5321)

• Search.Clear: aria-label prop deprecated in React. Please use CSS custom properties --dsc-suggestion-sr-clear or attribute data-sr-clear on Search. (#5321)

Patch Changes

• Utils: Correctly unescapes quotes in localized CSS custom property texts (thanks @unekinn) (#5321)

• Search: Now correctly sets state of clear button also when programmatically changing value (thanks @unekinn) (#5321)

• Suggestion: Now correctly renders focus ring in Safari (thanks @ssb-cgn) (#5321)

• Suggestion: Now correctly renders clear button state when rendered asynchronously (thanks @stianmorsund) (#5321)

• Search: No longer causes hydration warning when server side rendered. (#5368)

• Tag: Now supports asChild property (#5361)

• Avatar: Now supports direct text content, removing the need for inner <span> or data-initials. (#5340)

  • deprecated data-initials will be removed in next major release.

• Suggestion: Now correctly handles internal state when preventing a selection (thanks @olemartinorg) (#5321)

• Suggestion: Now correctly renders data-empty option when not creatable (thanks @lassopicasso) (#5321)

@digdir/designsystemet-types@1.22.0

No changes in this release.

@digdir/designsystemet-web@1.22.0

Minor Changes

• Suggestion: Now supports setting localization through CSS Custom Properties (thanks @unekinn) (#5321)

Patch Changes

• Utils: Correctly unescapes quotes in localized CSS custom property texts (thanks @unekinn) (#5321)

• Search: Now correctly sets state of clear button also when programmatically changing value (thanks @unekinn) (#5321)

• Suggestion: Now correctly renders focus ring in Safari (thanks @ssb-cgn) (#5321)

• Suggestion: Now correctly renders clear button state when rendered asynchronously (thanks @stianmorsund) (#5321)

• Tooltips: Now only warns about missing tabindex if not explicitly set and not if label which has implicit interaction (#5353)

• Suggestion: Now correctly handles internal state when preventing a selection (thanks @olemartinorg) (#5321)

• Suggestion: Now correctly renders data-empty option when not creatable (thanks @lassopicasso) (#5321)