@digdir/designsystemet@1.18.0

Patch Changes

• Now correctly creates CSS variables when color name has hyphen (#5044)

• Updated dependencies []:

  • @digdir/designsystemet-types@1.18.0

@digdir/designsystemet-css@1.18.0

Minor Changes

• Chip: now by default keeps text on a single line and truncates with ellipsis if needed, but allows text wrapping by adding data-wrap="wrap" (#5040)

Patch Changes

• @charset: remove redundant @charset as this simplifies merging Designsystemet with other CSS files (#5041)

• Updated dependencies []:

  • @digdir/designsystemet-types@1.18.0

@digdir/designsystemet-react@1.18.0

Minor Changes

• Chip: now by default keeps text on a single line and truncates with ellipsis if needed, but allows text wrapping by adding data-wrap="wrap" (#5040)

Patch Changes

• Suggestion: now always correctly syncs input value in single mode (#5043)

• Updated dependencies []:

  • @digdir/designsystemet-types@1.18.0
  • @digdir/designsystemet-web@1.18.0

@digdir/designsystemet-types@1.18.0

@digdir/designsystemet-web@1.18.0

@digdir/designsystemet@1.17.0

Minor Changes

• Removed color categories main and support. All colors are now defined in config file under themes.<name>.colors (just like neutral). (#4917)

• Remove UNSAFE_COLOR_GROUPS env variable as its no longer relevant (#4917)

• Added support for auto-migrations which checks files and prompts users about needed migrations. (#4917)

Patch Changes

• Increased minimum required node version 24.16.0. (#4917)

• Updated dependencies []:

  • @digdir/designsystemet-types@1.17.0

@digdir/designsystemet-css@1.17.0

Patch Changes

• Avatar: now scales correctly also when rendered as <button> (#5029)

• Field, Fieldset: disabled and read only styling is now only affected by form elements with class name set to ds-input (#5028)

• Updated dependencies []:

  • @digdir/designsystemet-types@1.17.0

@digdir/designsystemet-react@1.17.0

Patch Changes

• Tabs: enhanced support for server side rendering (#5032)

• Avatar: now scales correctly also when rendered as <button> (#5029)

• Avatar, Badge, Card, Details, Paragraph, Popover, Skeleton, Tag: Remove redundant default value for variant prop: (#4999)

  • Avatar - circle
  • Badge - base
  • Card - default
  • Details - default
  • Paragraph - default
  • Popover - default
  • Skeleton - rectangle
  • Tag - default

• Updated dependencies [f45f4a3]:

  • @digdir/designsystemet-web@1.17.0
  • @digdir/designsystemet-types@1.17.0

@digdir/designsystemet-types@1.17.0

@digdir/designsystemet-web@1.17.0

Patch Changes

• tooltip: Fixes a bug where tooltip would reappear on mousedown outside trigger (#5012)

@digdir/designsystemet@1.16.1

Patch Changes

• fix(deps): update npm non-major dependencies (#4945)

• Updated dependencies []:

  • @digdir/designsystemet-types@1.16.1

@digdir/designsystemet-css@1.16.1

Patch Changes

• fix(deps): update npm non-major dependencies (#4945)

• base: ds-icon no longer defines fill. Users must make sure their icons inherit color the correct way for their icons. (#5013)

• Updated dependencies []:

  • @digdir/designsystemet-types@1.16.1

@digdir/designsystemet-react@1.16.1

Patch Changes

• fix(deps): update npm non-major dependencies (#4945)

• Updated dependencies [b4a2853]:

  • @digdir/designsystemet-web@1.16.1
  • @digdir/designsystemet-types@1.16.1

@digdir/designsystemet-types@1.16.1

@digdir/designsystemet-web@1.16.1

Patch Changes

• fix(deps): update npm non-major dependencies (#4945)

@digdir/designsystemet@1.16.0

Patch Changes

• Updated dependencies []:
  • @digdir/designsystemet-types@1.16.0

@digdir/designsystemet-css@1.16.0

Minor Changes

• Root: Add --ds-icon-size variable for easier consistent icon sizing. Size --ds-size-6 by default. (#4971)
  Root: Increased read-only icon size from 1.2em to 6 for consistency and configurable using --ds-icon-size
  Alert, Chip, Suggestion Chip, Search, IconButton: Decreased icon size from 7 to 6 for consistency and configurable using --ds-icon-size
  Dialog: Add missing --dsc-dialog-icon-size variable

Patch Changes

• Avatar: Now fully supports rendering as a <button> (#4968)
  Button, Tabs, Tag: No longer shrink inside display: flex, preventing unintended multi-line text wrapping
  Button: Added missing --dsc-button-border-radius CSS custom property
  Button: Added missing --dsc-button-color--active CSS custom property
  Chip: Now correctly inherits text-align when rendered as a <button>
  Chip: Prevents the remove icon (x) from shrinking when data-variant="removable" contains long text
  Dialog: Now centers correctly when placed inside a display: flex container
  Field: Now uses column-gap instead of padding to create spacing between radio/checkbox inputs and their labels.
  Heading: Prevents page breaks immediately after headings when printing
  Input: Added missing --dsc-input-border-radius CSS custom property
  Input: Placeholder text is now styled using the --dsc-input-color-placeholder CSS custom property
  Input: Fixes a Safari bug where input[type="date"] placeholder text could appear cyan
  Input: Enforces a minimum font-size of 16px to prevent mobile browser zooming, and adds --dsc-input-font-size for overwriting this
  Pagination, ToggleGroup: Interactive elements are now styled correctly regardless of data-variant
  ToggleGroup: Now supports <a> elements as interactive controls
  ToggleGroup: Outer edge now uses outline instead of border in both primary and secondary variants for consistent rendering
  Table: Added --dsc-table-vertical-align CSS custom property
  Table: Prevents page breaks within tables when printing
  Tag: Added missing --dsc-tag-border-radius CSS custom property
• Updated dependencies []:
  • @digdir/designsystemet-types@1.16.0

@digdir/designsystemet-react@1.16.0

Patch Changes

• Suggestion: Better handle React async rendering child <u-datalist> element (#4933)

• Dialog: do not trigger close event when using controlled mode (#4965)

• Label: Removed unneeded default value for weight prop. (#4955)

• Suggestion: Updated VoiceOver compatibility - both with and without QuickNav (#4970)

• Dialog: Apply autofocus only for dialog-level animations, not nested element animations (#4958)

• Button: No longer renders a redundant data-variant attribute in HTML when no variant is specified. (#4968)
  Field: Added missing TypeScript support for data-position when using radio or checkbox inputs.
  usePagination: No longer outputs redundant variant props

• Export missing types DefaultProps and Placement (#4978)

• Updated dependencies [4e8fa0f, ae3a92b, ef2bf9c]:

  • @digdir/designsystemet-web@1.16.0
  • @digdir/designsystemet-types@1.16.0

@digdir/designsystemet-types@1.16.0

@digdir/designsystemet-web@1.16.0

Patch Changes

• Suggestion: Updated VoiceOver compatibility - both with and without QuickNav (#4970)

• Popover, Tooltip, Dropdown: No longer requires arrow to be drawn by ::before element to correctly calculate arrow size (#4951)

• Popover: Automatically run Popover API polyfill if needed in older browsers (#4983)

@digdir/designsystemet@1.15.0

Patch Changes

• Update npm non-major dependencies (#4889)

• Add deprecation warning for cli options --main-colors, --support-colors, --neutral-color, --font-family, --border-radius and --theme. Use JSON config file instead. (#4912)

• Update npm non-major dependencies (#4910)

• Updated dependencies []:

  • @digdir/designsystemet-types@1.15.0

@digdir/designsystemet-css@1.15.0

Patch Changes

• Update npm non-major dependencies (#4889)

• Dropdown: Removed hardcoded font-weight on some heading elements. (#4903)

• Added new export for testing experimental changes. Use this by appending /experimental_v2 to your package import: @digdir/designsystemet-css/experimental_v2. (#4903)

• Suggestion: Added --dsc-suggestion-option-checkmark-border-color. (#4903)

• Field: Added --dsc-field-description-color, --dsc-field-affix-background, and --dsc-field-affix-color. (#4903)

• Fieldset: Added --dsc-fieldset-description-color. (#4903)

• Card: when using a link in a Card, ensure plain <a> tags without class="ds-link" also get the correct focus styling. (#4896)

• Update npm non-major dependencies (#4910)

• Updated dependencies []:

  • @digdir/designsystemet-types@1.15.0

@digdir/designsystemet-react@1.15.0

Minor Changes

• SuggestionInput: Remove unsupported props role and data-indeterminate that would break Suggestion (#4883)

Patch Changes

• Update npm non-major dependencies (#4889)

• Tooltip: deprecate type prop, as it no longer does anything (#4898)

• Tooltip: the React component will no longer override existing accessible text. It now correctly sets aria-description in that case. If there is no accessible text, aria-label will be used as before. (#4898)

• useCheckboxGroup and useRadioGroup: these hooks now also accept the prop variant, which sets the variant for all the checkboxes or radios in the group. (#4864)

• Dialog: Fix dialog with nested dialog getting a close event when the nested one was closed (#4899)

• Popover: now correctly calculates width of source element also in Firefox (#4921)

• Popover: No longer closes with "Escape" key if a Dialog element is open above the popover (#4788)

• Heading: fix wrong default in HeadingProps for data-size (#4926)

• Update npm non-major dependencies (#4910)

• Updated dependencies [f54563f, dc93a59, 14975a1, dc93a59]:

  • @digdir/designsystemet-web@1.15.0
  • @digdir/designsystemet-types@1.15.0

@digdir/designsystemet-types@1.15.0

@digdir/designsystemet-web@1.15.0

Patch Changes

• Update npm non-major dependencies (#4889)

• Error summary: Now only sets aria-labelledby based on heading element if aria-label or aria-labelledby is not already set, and logs a warning if neither of these are set and no heading element is present. (#4895)

• Popover: now correctly calculates width of source element also in Firefox (#4921)

• Error summary: Set role="group" since the implicit role "generic" does not allow aria-labelledby, which is used in the component (#4895)

@digdir/designsystemet@1.14.0

Patch Changes

• Update npm non-major dependencies (#4809)

• Update npm non-major dependencies (#4859)

• Update npm non-major dependencies (#4783)

• Updated dependencies []:

  • @digdir/designsystemet-types@1.14.0

@digdir/designsystemet-css@1.14.0

Minor Changes

• Field / Radio / Checkbox / Switch: Now supports data-variant="outline" for an outlined tile look. (#4625)

Patch Changes

• Suggestion: fixed dropdown so it no longer has a brief flash in wrong position (#4731)

• Update npm non-major dependencies (#4809)

• Suggestion: now uses attribute data-activedescendant under the hood to add focus styling on option elements (#4816)

• Update npm non-major dependencies (#4859)

• Suggestion: fixed icons being invisible in forced colors mode (#4731)

• Update npm non-major dependencies (#4783)

• base: added .ds-focus--middle / .ds-focus--visible--middle classes for use in the suggestion redesign (#4731)

• Suggestion: changes to design: (#4731)

  • dropdown border and background-color to neutral
  • new hover styles on items
  • adjusted spacings
  • multiple now has checkboxes
  • CSS variables:
    • Added:
      • --dsc-suggestion-option-background--hover
      • --dsc-suggestion-list-padding
      • --dsc-suggestion-list-offset
      • --dsc-suggestion-option-gap
    • Removed:
      • --dsc-suggestion-option-border-color
    • Changed default value:
      • --dsc-suggestion-option-background--selected
      • --dsc-suggestion-option-border-radius
      • --dsc-suggestion-option-padding
      • --dsc-suggestion-list-background
      • --dsc-suggestion-list-gap

• Updated dependencies []:

  • @digdir/designsystemet-types@1.14.0

@digdir/designsystemet-react@1.14.0

Minor Changes

• Suggestion: Suggestion.Clear underlying element changed from delto button type='reset'. This means types, props and ref are now HTMLButtonElement instead of HTMLModElement. (#4731)

• ErrorSummary: fix ErrorSummaryProps and ref types to use the correct type; DSErrorSummaryElement (instead of HTMLDivElement) (#4817)

• Field / Radio / Checkbox / Switch: added variant='outline' for an outlined tile look (#4625)

Patch Changes

• Suggestion: fixed an issue where value did not properly clear when moving focus between multiple instances (#4816)

• Suggestion: fixed dropdown so it no longer has a brief flash in wrong position (#4731)

• Update npm non-major dependencies (#4809)

• Tabs: fix issue where aria-controls combined with aria-selected was not respected on initial render (#4821)

• Update npm non-major dependencies (#4859)

• Update npm non-major dependencies (#4783)

• Updated dependencies [3a1f7d5, fb79b3b, 1438369, 2baf80c, 8c7af0a, 3a1f7d5, 3a1f7d5, 05e842f]:

  • @digdir/designsystemet-web@1.14.0
  • @digdir/designsystemet-types@1.14.0

@digdir/designsystemet-types@1.14.0

@digdir/designsystemet-web@1.14.0

Patch Changes

• Suggestion: fixed an issue where value did not properly clear when moving focus between multiple instances (#4816)

• Suggestion: fixed dropdown so it no longer has a brief flash in wrong position (#4731)

• Update npm non-major dependencies (#4809)

• Update invokers-polyfill to 1.0.3 (#4784)

• Tabs: fix issue where aria-controls combined with aria-selected was not respected on initial render (#4821)

• update dependencies to new major version: (#4816)

  • @u-elements/u-combobox to 2.0.4
  • @u-elements/u-datalist to 2.0.1

• Suggestion: fix to ensure input has role combobox (not textbox) on first render. (#4816)

• Update npm non-major dependencies (#4783)

@digdir/designsystemet@1.13.3

Patch Changes

• Remove included /configs files that were used internally (#4763)

• Updated dependencies []:

  • @digdir/designsystemet-types@1.13.3

@digdir/designsystemet-css@1.13.3

Patch Changes

• card: use designsystemet focus outline when card itself is a link or button (#4768)

• Updated dependencies []:

  • @digdir/designsystemet-types@1.13.3

@digdir/designsystemet-react@1.13.3

Patch Changes

• Tabs: Has improved synchronous rendering for easier snapshot testing (#4745)

• Field: Now respects manually set aria-invalid attribute (#4765)

• Textfield: when aria-invalid is now correcly both set and removed based on the error prop (#4765)

• Updated dependencies [7ad8a16, 3223805]:

  • @digdir/designsystemet-web@1.13.3
  • @digdir/designsystemet-types@1.13.3

@digdir/designsystemet-types@1.13.3

@digdir/designsystemet-web@1.13.3

Patch Changes

• Tabs: Has improved synchronous rendering for easier snapshot testing (#4745)

• Field: Now respects manually set aria-invalid attribute (#4765)

@digdir/designsystemet@1.13.2

Patch Changes

• update npm non-major dependencies (#4694)

• Pin @digdir dependencies (#4725)

• update npm non-major dependencies (#4677)

• update npm non-major dependencies (#4668)

• Updated dependencies []:

  • @digdir/designsystemet-types@1.13.2

@digdir/designsystemet-css@1.13.2

Patch Changes

• update npm non-major dependencies (#4694)

• Card: ensure underline on link in heading has same thickness as in version 1.11.1 (#4723)

• Link: Spacing for icons in links are now the same as in version 1.11.1 (#4722)

• Pin @digdir dependencies (#4725)

• Breadcrumbs: Renders correcly as display: block (#4672)

• details: support details in nested cards where the inner is variant default and the outer is tinted (#4724)

• Link: Fix spacing when icon is present (#4707)

• toggle-group: fix overflow scroll and remove user-agent set inline margins (#4702)

• Updated dependencies []:

  • @digdir/designsystemet-types@1.13.2

@digdir/designsystemet-react@1.13.2

Patch Changes

• update npm non-major dependencies (#4694)

• Field: <ds-field> should now respect existing aria-describedby and aria-invalid (#4672)

• Pagination: fix PaginationButton missing some Button props (#4672)

• Tabs: Now supports programmatically triggering click on controlled Tabs (#4672)

• Tabs: defaultValue now works as expected (#4709)

• Pin @digdir dependencies (#4725)

• update npm non-major dependencies (#4677)

• Button: add commandand commandforas explicit types on ButtonProps (#4676)

• Link: Fix spacing when icon is present (#4707)

• Dialog: Use ref in Dialog.TriggerContext for better performance (#4672)

• update npm non-major dependencies (#4668)

• Field Counter: Now includes fallback texts to support test environments without CSS (#4727)

• Updated dependencies [bb600db, d129260, d129260, d129260, d8286ee, 381a51d, d129260, cfb204d, 52c0527, d129260, 47758af, 86f4434]:

  • @digdir/designsystemet-web@1.13.2
  • @digdir/designsystemet-types@1.13.2

@digdir/designsystemet-types@1.13.2

@digdir/designsystemet-web@1.13.2

Patch Changes

• update npm non-major dependencies (#4694)

• Field: <ds-field> should now respect existing aria-describedby and aria-invalid (#4672)

• Field: No longer uses CSS.supports to play nice with Jest + JSDOM (#4672)

• fixed some native keystrokes being ignored if readonly fields were focused (#4672)

• Pin @digdir dependencies (#4725)

• update npm non-major dependencies (#4677)

• invokers-polyfill is now bundled inline as part of source files for better compatibility with Jest module resolving. (#4672)

• update dependency invokers-polyfill to v1 (#4683)

• Remove @u-elements/u-progress as a dependency (#4736)

• All components: Renders instantly for easier test setup (#4672)

• update dependency @u-elements/u-details to v1 (#4734)

• Field Counter: Now includes fallback texts to support test environments without CSS (#4727)

@digdir/designsystemet@1.13.1

Patch Changes

• fix: add missing references for token sync in Figma (#4659)

• Updated dependencies []:

  • @digdir/designsystemet-types@1.13.1

@digdir/designsystemet-css@1.13.1

Patch Changes

• input: fix height of empty date and time inputs on iOS Safari (#4634)

• define browser field in package.json for easier use client-side in browser and CDN. (#4646)

• dropdown: don't style button, a, [role="button"] in a nested <dialog> (#4651)

• dropdown: selector only targeting direct children (#4656)

• Updated dependencies []:

  • @digdir/designsystemet-types@1.13.1

@digdir/designsystemet-react@1.13.1

Patch Changes

• update npm non-major dependencies (cc33a61)

• Tabs: onChange was not called when keyboard changes active tab (#4616)

• Dropdown: className in subcomponents was not forwarded to DOM-element (#4655)

• dropdown: selector only targeting direct children (#4656)

• Tabs: fix controlled version not behaving properly (#4635)

• input: add suppressHydrationWarning as attributes will be added by ds-field (#4656)

• Updated dependencies [cc33a61, 811fa99, 80f9305, 97ebdb3, f403286]:

  • @digdir/designsystemet-web@1.13.1
  • @digdir/designsystemet-types@1.13.1

@digdir/designsystemet-types@1.13.1

@digdir/designsystemet-web@1.13.1

Patch Changes

• update npm non-major dependencies (cc33a61)

• update dependency rolldown to v1.0.0-rc.9 (#4642)

• Fixed an issue in tooltip that caused delay on all touch interactions on iOS devices (#4657)

• dropdown: selector only targeting direct children (#4656)

• popover: stop positioning non-popovers. (#4651)

  • This fixes an issue with nested <dialog>s in popovers

@digdir/designsystemet@1.13.0

Patch Changes

• update npm non-major dependencie (#4607)

• update npm non-major dependencies (#4548)

• update npm non-major dependencies (#4573)

• Updated dependencies []:

  • @digdir/designsystemet-types@1.13.0

@digdir/designsystemet-css@1.13.0

Patch Changes

• Badge, Button, Spinner, Tabs, Tag: Icons now scale in Safari when zooming (#4484)

• update npm non-major dependencie (#4607)

• select: fixed missing chevron icon when readonly (#4585)

• badge: ensure badge is positioned above focus-ring when using .ds-badge--position (#4511)

• card: Fix deeply nested .ds-details removing padding (#4576)

• update npm non-major dependencies (#4573)

• Updated dependencies []:

  • @digdir/designsystemet-types@1.13.0

@digdir/designsystemet-react@1.13.0

Patch Changes

• Badge, Button, Spinner, Tabs, Tag: Icons now scale in Safari when zooming (#4484)

• ToggleGroupItem: Add missing props for backward compatibility. An internal rewrite from button to label+input in version v1.12.0 led to a lack of some props on ToggleGroupItem related to button. (#4580)

• update npm non-major dependencie (#4607)

• update npm non-major dependencies (#4548)

• toggle-group: re-introduce support for disabled items (#4618)

• update npm non-major dependencies (#4573)

• Details: use DetailsHTMLAttributes type to allow name attribute (#4557)

• Dialog: fixed non-modal Dialog not opening when using Dialog.Trigger (#4611)

• AvatarStack: changed underlying element from figure to span to avoid html-validation issues when used inside a span (#4579)

• AvatarStack: replaced tabindex="-1" with no tabindex at all when expandableis not set (#4579)

• Updated dependencies [5776e4b, dc023a4, 9f7d318, 303ee66, 4bd54bd]:

  • @digdir/designsystemet-web@1.13.0
  • @digdir/designsystemet-types@1.13.0

@digdir/designsystemet-types@1.13.0

@digdir/designsystemet-web@1.13.0

Minor Changes

• Add individual exports (#4565)

Patch Changes

• Tooltip now supports being changed programmatically (#4562)

• update npm non-major dependencie (#4607)

• toggle-group: re-introduce support for disabled items (#4618)

• Update dependency rolldown to v1.0.0-rc.7 (#4606)