v1.13.0

@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)

v1.12.1

@digdir/designsystemet@1.12.1

Patch Changes

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

@digdir/designsystemet-css@1.12.1

Patch Changes

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

@digdir/designsystemet-react@1.12.1

Patch Changes

• Avatar: fixed an issue where tooltip could not be set (#4534)

• Updated dependencies [d81048f, d81048f]:

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

@digdir/designsystemet-types@1.12.1

@digdir/designsystemet-web@1.12.1

Patch Changes

• tooltip: prevent errors when pressing esc before tooltip is mounted (#4535)

• field: update counter when data-limit attribute changes (#4535)

v1.12.0

@digdir/designsystemet@1.12.0

Patch Changes

• update npm non-major dependencies (#4517)

• update npm non-major dependencies (#4497)

• Updated dependencies []:

  • @digdir/designsystemet-types@1.12.0

@digdir/designsystemet-css@1.12.0

Minor Changes

• input: add support for [aria-readonly='true'] (#4409)

• field: add new css variables: (#4409)
  --dsc-field-counter-over: '%d tegn for mye';
--dsc-field-counter-under: '%d tegn igjen';

• Support for new package with custom elements and observers for Designsystemet. (#4409)

• popover: add --dsc-popover-placement with default value top (#4409)

• fieldset: add --dsc-fieldset-gap with default value var(--ds-size-4) (#4409)

• tooltip: add --dsc-tooltip-placement with default value top (#4409)

• dropdown: add --dsc-dropdown-placement with default value bottom (#4409)

• pagination: (#4409)

  • add --dsc-pagination-ellipsis with default value '\2026'
  • set --dsc-pagination-label: 'Bla i sider'; if language is 'nn', 'nb' or 'no'

Patch Changes

• suggestion: various changes to chip styling. You no longer need to pass a class to <data> (#4409)

• link: don't set :visited color and set default border-radius to 0 (#4409)

• dialog: style .ds-dialog button[command='close']:empty::before with X-icon (#4409)

• toggle-group: remove --dsc-togglegroup-text-color, as this was not used (#4409)

• update npm non-major dependencies (#4517)

• Card: fix issues with deeply nested heading links. Now uses web observer data-clickdelegatefor internally. (#4409)

• toggle-group: add styling for new DOM structure introduced in @digdir/designsystemet-web (#4409)

• field: add styling for <ds-field> counter. (#4409)

• tabs: add support for <ds-tabs> (#4409)

• breadcrumbs: don't remove underline on a[aria-current='page'], but on li:last-child a (#4409)

• added class ds-floating, which is used on floating elements internally (#4409)

• Updated dependencies []:

  • @digdir/designsystemet-types@1.12.0

@digdir/designsystemet-react@1.12.0

Minor Changes

• Input Support for new attribute data-indeterminate to toggle indeterminate state when type="checkbox" inside Field/ds-field. (#4409)

• Support for new package with custom elements and observers for Designsystemet. (#4409)

• ToggleGroup: Updated DOM structure and now uses new web observer data-toggle-group. (#4409)

• Add suppressHydrationWarning to various components. This is to support @digdir/designsystemet-web being used internally. (#4409)

• Field.Counter: Deprecate hint (#4409)

• Field: Deprecated asChild as this component now uses <ds-field> internally. (#4409)

• ErrorSummary: Deprecate asChild as this component now uses <ds-error-summary> internally. (#4409)

• Select: Deprecate readOnly. Use aria-readonly instead. (#4409)

• RovingFocus: Deprecate component. This will be removed in the next major version (#4409)

• Tooltip: Deprecate open. This should not be used on Tooltip. Use a Popover instead. (#4409)

• Dialog: Deprecate data-command="close". Use command="close" and commandfor="DIALOG-ID" instead. (#4409)

Patch Changes

• Breadcrumbs: Now uses <ds-breadcrumbs> internally. (#4409)

• Card: Fix deeply nested anchors in headings causing navigation (#4409)

• update npm non-major dependencies (#4517)

• Card: fix issues with deeply nested heading links. Now uses web observer data-clickdelegatefor internally. (#4409)

• Pagination: Now uses <ds-pagination> internally. (#4409)

• update npm non-major dependencies (#4497)

• Tabs: Now uses <ds-tabs> and related web components internally (#4409)

• Tooltip: Now uses data-tooltip from @digdir/designsystemet-web internally (#4409)

• Details: Use <details> and <summary> internally. (#4409)

• Updated dependencies [6bde739, 34c1ca7]:

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

@digdir/designsystemet-types@1.12.0

@digdir/designsystemet-web@1.12.0

Minor Changes

• New package with custom elements and observers for Designsystemet. (#4409)

  Custom elements
  ds-breadcrumbs
  ds-error-summary
  ds-field
  ds-pagination
  ds-suggestion
  ds-tabs
  ds-tablist
  ds-tab
  ds-tabpanel

  Observer
  data-clickdelegatefor	Used for delegating click event
  data-toggle-group	Used for adding arrow navigation plus Enter-key support
  data-tooltip	Used for adding tooltip text on element
  readonly	Used for fixing readonly support on select and input elements
  popover	Event listnener on popovertarget for placement of ds-floating elements.

  Polyfill
  details & summary	Bugfix for Firefox.
  dialog	Support for closedby="any".
  command & commandfor	Support for invokers.

Patch Changes

• update npm non-major dependencies (#4517)

v1.11.1

@digdir/designsystemet@1.11.1

Patch Changes

• update npm non-major dependencies (#4469)

• update dependency colorjs.io to ^0.6.1 (#4422)

• update npm non-major dependencies (#4445)

• update npm non-major dependencies (#4423)

• Updated dependencies []:

  • @digdir/designsystemet-types@1.11.1

@digdir/designsystemet-css@1.11.1

Patch Changes

• update npm non-major dependencies (#4469)

• AvatarStack: override user-agent margins on figure (#4431)

• update dependency postcss-nesting to v14 (#4424)

• Removed browserlist entry "cover 90% in NO" due to an apparent error in the dataset causing excessive irrelevant prefixing. This reduces the size of index.css from 157 to 113kb. (#4434)

• Updated dependencies []:

  • @digdir/designsystemet-types@1.11.1

@digdir/designsystemet-react@1.11.1

Patch Changes

• update npm non-major dependencies (#4469)

• Avatar: fix - removed aria-hidden and role=img when asChild (#4445)

• update npm non-major dependencies (#4445)

• update dependency @navikt/aksel-icons to v8 (#4447)

• update npm non-major dependencies (#4423)

• Updated dependencies []:

  • @digdir/designsystemet-types@1.11.1

@digdir/designsystemet-types@1.11.1

v1.11.0

@digdir/designsystemet@1.11.0

Minor Changes

• Version 1.10.0 was released by accident, and we are skipping to 1.11.0 (#4392)
  • Version 1.10.0 is deprecated on npm, and not accessible on Github. Use 1.11.0 or newer.

Patch Changes

• update npm non-major dependencies (#4373)

• Update dependency zod-validation-error to v5 (#4401)

• Update dependency colorjs.io to ^0.6.0 (#4372)

• Remove change-case as dependency (#4343)

• Update @types/node to 24.10.7 (#4396)

  • This does not affect the node versions we support

• update npm non-major dependencies (#4336)

• update npm non-major dependencies (#4398)

• Update npm non-major dependencies (#4347)

• Updated dependencies [4d48a81]:

  • @digdir/designsystemet-types@1.11.0

@digdir/designsystemet-css@1.11.0

Minor Changes

• Version 1.10.0 was released by accident, and we are skipping to 1.11.0 (#4392)

  • Version 1.10.0 is deprecated on npm, and not accessible on Github. Use 1.11.0 or newer.

• avatar-stack: New experimental component (#4331)

Patch Changes

• avatar: added --dsc-avatar-font-size to easier override font size (#4331)

• Hover styles for cards containing <a> inside a heading will no longer propagate to wrapping cards (#4360)

• update npm non-major dependencies (#4336)

• card: Fix focus being clipped on nested <summary> (#4379)

• Dialog: removed media-query that forces 100% width under 640px (#4345)

• dialog: More gentle animations when using data-placement (#4350)

• Updated dependencies [4d48a81]:

  • @digdir/designsystemet-types@1.11.0

@digdir/designsystemet-react@1.11.0

Minor Changes

• Version 1.10.0 was released by accident, and we are skipping to 1.11.0 (#4392)

  • Version 1.10.0 is deprecated on npm, and not accessible on Github. Use 1.11.0 or newer.

• Avatar: added asChild prop (#4331)

• AvatarStack: New experimental component (#4331)

• Suggestion: Add new prop autoPlacement, which is by default true (#4359)

  • This means that Suggestion will now try to stay within the viewport on the y-axis

Patch Changes

• update npm non-major dependencies (#4373)

• Removed sideEffects:false property used by some bundlers to help tree-shake cjs files. (#4376)

• update npm non-major dependencies (#4336)

• update npm non-major dependencies (#4398)

• Suggestion: Always call onSelectedChange, and return null instead of undefined (#4388)

• Update npm non-major dependencies (#4347)

• Updated dependencies [4d48a81]:

  • @digdir/designsystemet-types@1.11.0

@digdir/designsystemet-theme@1.11.0

Minor Changes

• Version 1.10.0 was released by accident, and we are skipping to 1.11.0 (#4392)

  • Version 1.10.0 is deprecated on npm, and not accessible on Github. Use 1.11.0 or newer.

• ⚠️ THIS PACKAGE IS DEPRECATED ⚠️ (#4366)
  Use @digdir/designsystemet-css/theme for default theme or make your own using the Theme builder

Patch Changes

• Updated dependencies [4d48a81]:
  • @digdir/designsystemet-types@1.11.0

@digdir/designsystemet-types@1.11.0

Minor Changes

• Version 1.10.0 was released by accident, and we are skipping to 1.11.0 (#4392)
  • Version 1.10.0 is deprecated on npm, and not accessible on Github. Use 1.11.0 or newer.

v1.9.0

@digdir/designsystemet@1.9.0

Minor Changes

• Add ability to override focus colors from config: (#4320)

  {
    "overrides": {
      "focus": {
        "inner": { "light": "HEX", "dark": "HEX" },
        "outer": { "light": "HEX", "dark": "HEX" }
      }
    }
  }

  This comes with a change to you design tokens, where focus colors are now on the theme layer.
  Make sure you rebuild your tokens: npx @digdir/designsystemet tokens create <options> --clean

Patch Changes

• Update @tokens-studio/sd-transforms to 2.0.3 (#4315)

• Updated dependencies []:

  • @digdir/designsystemet-types@1.9.0

@digdir/designsystemet-css@1.9.0

Minor Changes

• Dialog: data-placement selector styles the Dialog as a "drawer"-component from the direction given (left | right | top | bottom or center which is the default) (#4323)
  Added 3 new local variables:
  • --dsc-dialog-placement-inline-max-width (max-width when placement="left | right")
  • --dsc-dialog-placement-block-max-width (max-width when placement="top | bottom")
  • --dsc-dialog-transition-duration (duration for the slide in animations)

Patch Changes

• Input, Search, Suggestion, Textfield: Uppercase Å was cut off at the top in Chrome and Safari, making it look like Ă (#4301)

• link: Style background, border, and padding regardless of default browser styles (#4231) (#4302)

• Add export for a default theme under /theme. (#4328)
  If you are using the default theme from @digdir/designsystemet-theme, we recommend importing the CSS from @digdir/designsystemet-css/theme.css and removing @digdir/designsystemet-theme from your dependencies.

@digdir/designsystemet-react@1.9.0

Minor Changes

• Dialog: added placement prop. This will set data-placement and style the Dialog as a "drawer"-component from the direction given: left | right | top | bottom or center (default) (#4323)

Patch Changes

• SuggestionClear: send onClick. In earlier versions onClick was never called (#4327)

• Popover: Fix controlled open state going out of sync (#4314)

• Update npm non-major dependencies (#4308)

• Updated dependencies []:

  • @digdir/designsystemet-types@1.9.0

@digdir/designsystemet-theme@1.9.0

Patch Changes

• Export designsystemet.css under @digdir/designsystemet-theme/index.css (#4291)

• Updated dependencies []:

  • @digdir/designsystemet-types@1.9.0

@digdir/designsystemet-types@1.9.0

v1.8.0

@digdir/designsystemet-theme

Minor Changes

• Move submodule @digdir/designsystemet/types to a new package @digdir/designsystemet-types and change all references. (#4241)

  After re-running tokens build downstream, this removes transitive dependencies on runtime dependencies on CLI tools like commander and style-dictionary which are never used in runtime, but are required for the CLI to function. It also makes code which doesn't use the CLI unaffected by our node version limitations (currently >= 22 due to style-dictionary).

  @digdir/designsystemet/types is preserved for now as a deprecated re-export of @digdir/designsystemet-types to avoid breaking people's builds.

Patch Changes

• Update npm non-major dependencies (#4262)

• Updated dependencies [c2faf2e]:

  • @digdir/designsystemet-types@1.8.0

@digdir/designsystemet-react

Minor Changes

• Move submodule @digdir/designsystemet/types to a new package @digdir/designsystemet-types and change all references. (#4241)

  After re-running tokens build downstream, this removes transitive dependencies on runtime dependencies on CLI tools like commander and style-dictionary which are never used in runtime, but are required for the CLI to function. It also makes code which doesn't use the CLI unaffected by our node version limitations (currently >= 22 due to style-dictionary).

  @digdir/designsystemet/types is preserved for now as a deprecated re-export of @digdir/designsystemet-types to avoid breaking people's builds.

Patch Changes

• Update npm non-major dependencies (#4275)

• Update npm non-major dependencies (#4242)

• Popover: Fix unnecesary call of onOpen and missing call of onClose (#4230)

  • Don't call onOpen when clicking Popover.Trigger when Popover is already open.
  • Call onClose when a controlled Popover is closed by clicking on Popover.Trigger.

• Update npm non-major dependencies (#4262)

• Update react and react-dom to 19.2.1 (#4276)

• Updated dependencies [c2faf2e]:

  • @digdir/designsystemet-types@1.8.0

@digdir/designsystemet-css

Patch Changes

• badge: Set display: inline-flex on .ds-badge (#4269)

• Update npm non-major dependencies (#4242)

• select: Fix :hover on <label> adding border to <select> (#4248)

• Update npm non-major dependencies (#4262)

@digdir/designsystemet

Minor Changes

• Move submodule @digdir/designsystemet/types to a new package @digdir/designsystemet-types and change all references. (#4241)

  After re-running tokens build downstream, this removes transitive dependencies on runtime dependencies on CLI tools like commander and style-dictionary which are never used in runtime, but are required for the CLI to function. It also makes code which doesn't use the CLI unaffected by our node version limitations (currently >= 22 due to style-dictionary).

  @digdir/designsystemet/types is preserved for now as a deprecated re-export of @digdir/designsystemet-types to avoid breaking people's builds.

Patch Changes

• Update npm non-major dependencies (#4275)

• Update npm non-major dependencies (#4242)

• Update npm non-major dependencies (#4262)

• Update dependency @tokens-studio/sd-transforms to v2 (#4271)

• Updated dependencies [c2faf2e]:

  • @digdir/designsystemet-types@1.8.0

@digdir/designsystemet-types@1.8.0

Minor Changes

• Move submodule @digdir/designsystemet/types to a new package @digdir/designsystemet-types and change all references. (#4241)

  After re-running tokens build downstream, this removes transitive dependencies on runtime dependencies on CLI tools like commander and style-dictionary which are never used in runtime, but are required for the CLI to function. It also makes code which doesn't use the CLI unaffected by our node version limitations (currently >= 22 due to style-dictionary).

  @digdir/designsystemet/types is preserved for now as a deprecated re-export of @digdir/designsystemet-types to avoid breaking people's builds.

v1.7.3

@digdir/designsystemet@1.7.3

@digdir/designsystemet-css@1.7.3

@digdir/designsystemet-react@1.7.3

Patch Changes

• Update npm non-major dependencies (#4233)

• Tooltip: Check if trim() is available (#4239)

  • Fixes if Tooltip has <svg> as a child

@digdir/designsystemet-theme@1.7.3

v1.7.2

@digdir/designsystemet@1.7.2

Patch Changes

• Add option to override linkVisited color in config: (#4182)

  "theme": {
    "overrides": {
      "linkVisited": {
        "light": "#ff1234",
        "dark": "#1234ff"
      }
    }
  }

• New command that lets you generate a config file from your design tokens: (#4207)
  npx @digdir/designsystemet generate-config-from-tokens --dir <path to design tokens>

  • This command does not include any overrides you may have done.

• Update npm non-major dependencies (#4193)

• Update npm non-major dependencies (#4214)

• For your config file, you can now get the schema file from designsystemet.no (#4195)

  "$schema": "https://designsystemet.no/schemas/cli/[VERSION].json"

@digdir/designsystemet-css@1.7.2

Patch Changes

• input: Remove hover effect when <label> is hovered (#4196)

• tag: Add new variant, [data-variant="outline"]. (#4173)

  • To use the old variant, either don't set data-variant, or set it to default.

• Update npm non-major dependencies (#4214)

• card: Add support for <picture> (#4137)

• search: Don't set position: relative, but use isolation: isolate on .ds-search (#4212)

  • This removes z-index on button[type="reset"]

• tag: New css variables to go with [data-variant="outline"]: (#4173)

  • --dsc-tag-border-width
  • --dsc-tag-border-color
  • --dsc-tag-border-style

@digdir/designsystemet-react@1.7.2

Patch Changes

• Update @u-elements/combobox to v1.0.4 (#4226)

• Dialog: If the browser supports closedBy on <dialog>, we let the browser handle it (#4210)

• Tooltip: Tooltip is now automatically aria-describedby or aria-labelledby based on the content of the trigger component. (#4202)

  • This can be overridden with the new type-prop that accepts decribedby or labelledby.

• Update npm non-major dependencies (#4193)

• Update npm non-major dependencies (#4214)

• Tag: Add new prop variant (#4173)

  • Accepts default|outline. default is the default value.

@digdir/designsystemet-theme@1.7.2

Patch Changes

• Update npm non-major dependencies (#4214)

v1.7.1

@digdir/designsystemet@1.7.1

@digdir/designsystemet-css@1.7.1

@digdir/designsystemet-react@1.7.1

Patch Changes

• Suggestion: Fix onSelectedChange not always calling the latest callback (#4176)

@digdir/designsystemet-theme@1.7.1