v1.6.0

@digdir/[email protected]

Patch Changes

• Add possiblity to override colors in config: (#4073)

  "theme": {
    "overrides": {
      "colors": {
        "dominant": {
          "background-default": {
            "light": "#ff0000",
            "dark": "#000fff"
          },
          "background-tinted": {
            "light": "#f0ff00",
            "dark": "#ff00ff"
          }
        }
      }
    }
  }

• Font size variables are now rounded to the nearest pixel. This affects size modes "sm" and "lg", which had subpixel values after v1.5.0. (#4070)

• Update npm non-major dependencies (#4093)

• Update supported engines. Now supports node >=20 <25 (#3925)

@digdir/[email protected]

Minor Changes

• toggle-group: Added new secondary design available with data-variant="secondary" (or variant="secondary" in react) (#4092)

• toggle-group: Changed border-radius to --ds-border-radius-default, border-color to --ds-color-border-default and color to --ds-color-text-default. (#4092)

Patch Changes

• link: Change :focus-visible styling to use border, not background (#4095)

  • Removes --dsc-link-background--focus
  • Removes --dsc-link-color--focus

• link: Add --dsc-link-border-radius, default is var(--ds-border-radius-md) (#4095)

• Dropdown: Dropdown.Heading (h2-h6) - changed color to text-default and font-weight to 500 (#4076)

@digdir/[email protected]

Minor Changes

• ToggleGroup: Added new prop variant to enable new secondary design option (#4092)

Patch Changes

• Spinner: Allow using aria-hidden when aria-label is set, which can be useful to hide or show the element from the accessibility tree based on some UI state like whether a visual label is also rendered. (#4077)

• Update npm non-major dependencies (#4093)

• Avatar: Allow using aria-hidden instead of aria-label in situations with visible text (#4077)

@digdir/[email protected]

Patch Changes

• Font size variables are now rounded to the nearest pixel. This affects size modes "sm" and "lg", which had subpixel values after v1.5.0. (#4070)

v1.5.1

@digdir/[email protected]

Patch Changes

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

@digdir/[email protected]

Patch Changes

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

@digdir/[email protected]

Patch Changes

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

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

@digdir/[email protected]

v1.5.0

@digdir/[email protected]

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/[email protected]

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/[email protected]

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/[email protected]

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

@digdir/[email protected]

Patch Changes

• Update npm non-major dependencies (#3989)

• Update npm non-major dependencies (#4014)

@digdir/[email protected]

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/[email protected]

Patch Changes

• Update npm non-major dependencies (#3989)

• Update npm non-major dependencies (#4014)

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

@digdir/[email protected]

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

@digdir/[email protected]

Minor Changes

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

Patch Changes

• Update npm non-major dependencies (#3973)

@digdir/[email protected]

@digdir/[email protected]

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/[email protected]

v1.2.0

@digdir/[email protected]

Patch Changes

• Update npm non-major dependencies (#3923)

• Replace chalk with picocolors (#3910)

@digdir/[email protected]

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/[email protected]

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/[email protected]

v1.1.10

@digdir/[email protected]

Patch Changes

• Update dependency zod-validation-error to v4 (#3897)

• update dependency @types/ramda to ^0.31.0 (#3922)

• Update dependency zod to v4 (#3896)

• Updated non-major dependencies (#3890)

• Updated non-major dependencies (#3894)

@digdir/[email protected]

Patch Changes

• Details: Using margin instead of padding to style children of Details to allow direct children such as Button (#3883)

• Updated non-major dependencies (#3890)

@digdir/[email protected]

Patch Changes

• Dialog: Respect default prevented keydown event (#3908)

• Update @u-elements/u-datalist to 1.0.12 (#3908)

• Updated non-major dependencies (#3890)

• Update @u-elements/u-combobox to 0.0.20 (#3908)

• RovingFocus: Eliminate unnecessary rerender (#3929)

• Updated non-major dependencies (#3894)

@digdir/[email protected]

v1.1.9

@digdir/[email protected]

@digdir/[email protected]

@digdir/[email protected]

Patch Changes

• Add documentation for augmented React data attribute types (data-color, data-size, data-color-scheme) (#3881)

@digdir/[email protected]

v1.1.8

@digdir/[email protected]

Patch Changes

• Add typings for ColorScheme (used for data-color-scheme) (#3879)

@digdir/[email protected]

@digdir/[email protected]

Patch Changes

• Add typings for data-color-scheme on JSX elements in React using react-types.d.ts (#3879)

@digdir/[email protected]

v1.1.7

@digdir/[email protected]

@digdir/[email protected]

@digdir/[email protected]

Patch Changes

• Deprecate unintended exported omit utility (#3873)

• Deprecate useDebounceCallback, useIsomorphicLayoutEffect and useMediaQuery. Use utility libraries or create your own utility function. (#3873)

@digdir/[email protected]