v1.7.0

@digdir/designsystemet@1.7.0

Minor Changes

• Restructure design tokens: (#4105)

  • Removes primitives/modes/color-scheme/[dark/light]/global.json
  • Removes global colors (red, green, blue, orange, purple)
  • Moved severity colors directly to your theme file
  • "link.color.visited" now references "$value": "color.link.visited" from your theme file

  Make sure to regenerate your design tokens: npx @digdir/designsystemet tokens create <options> --clean

Patch Changes

• Update npm non-major dependencies (#4147)

• Export zod schema and type for config file: (#4170)

  • configSchema
  • type ConfigSchema

• Add option override severity colors from config. (#4105)
  You can override the base-hexcode, as well as individual steps:

  "theme": {
    "overrides": {
      "colors": {
        "danger": {
          "background-default": {
            "light": "#0000ff",
            "dark": "#0000ff"
          }
        }
      },
      "severity": {
        "danger": "#ff00ff"
      }
    }
  }

• Update npm non-major dependencies (#4167)

• Update dependency ramda to ^0.32.0 (#4146)

@digdir/designsystemet-css@1.7.0

Patch Changes

• Field: Set display: block on <label> (#4134)

• ToggleGroup: ensure ToggleGroup has same height as Button, and that individual buttons within the group never wrap their text (#4139)

• ToggleGroup: use correct border-color (--ds-color-text-default) to match text/icon color on selected button in secondary variant (#4139)

• Label: Use line-height: var(--ds-body-md-line-height); (#4134)

• Field: data-field="description" no longer gets margin-top (#4134)

• chip: Remove hover effect on .ds-input (#4165)

@digdir/designsystemet-react@1.7.0

Patch Changes

• Update npm non-major dependencies (#4147)

• Suggestion, Tooltip, Popover: Positioning of floating elements rounded to nearest pixel (#4142)

• Update npm non-major dependencies (#4167)

• Dialog: Removed the autofocus attribute from built in closeButton, which prevented setting autofocus on other elements in Dialog. (#4159)

• Field.Counter: Adjustments to how it works internally. (#4140)
  Now, none of the validation messages underneath are aria-described on the input/textarea. This is done by an aria-live region only for screenreaders.

  A new hint prop has been added, to announce how many characters are allowed when entering the input/textarea. Default value is 'Maks %d tegn tillatt.'.

@digdir/designsystemet-theme@1.7.0

Patch Changes

• Update design-tokens to reflect changes made in @digdir/designsystemet. See changelog for changes (#4105)