v1.14.0

@digdir/[email protected]

Patch Changes

• Update npm non-major dependencies (#4809)

• Update npm non-major dependencies (#4859)

• Update npm non-major dependencies (#4783)

• Updated dependencies []:

  • @digdir/[email protected]

@digdir/[email protected]

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

@digdir/[email protected]

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

@digdir/[email protected]

@digdir/[email protected]

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)

v1.13.3

@digdir/[email protected]

Patch Changes

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

• Updated dependencies []:

  • @digdir/[email protected]

@digdir/[email protected]

Patch Changes

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

• Updated dependencies []:

  • @digdir/[email protected]

@digdir/[email protected]

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

@digdir/[email protected]

@digdir/[email protected]

Patch Changes

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

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

v1.13.2

@digdir/[email protected]

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

@digdir/[email protected]

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

@digdir/[email protected]

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

@digdir/[email protected]

@digdir/[email protected]

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)

v1.13.1

@digdir/[email protected]

Patch Changes

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

• Updated dependencies []:

  • @digdir/[email protected]

@digdir/[email protected]

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

@digdir/[email protected]

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

@digdir/[email protected]

@digdir/[email protected]

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

v1.13.0

@digdir/[email protected]

Patch Changes

• update npm non-major dependencie (#4607)

• update npm non-major dependencies (#4548)

• update npm non-major dependencies (#4573)

• Updated dependencies []:

  • @digdir/[email protected]

@digdir/[email protected]

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

@digdir/[email protected]

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

@digdir/[email protected]

@digdir/[email protected]

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

Patch Changes

• Updated dependencies []:
  • @digdir/[email protected]

@digdir/[email protected]

Patch Changes

• Updated dependencies []:
  • @digdir/[email protected]

@digdir/[email protected]

Patch Changes

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

• Updated dependencies [d81048f, d81048f]:

  • @digdir/[email protected]
  • @digdir/[email protected]

@digdir/[email protected]

@digdir/[email protected]

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

Patch Changes

• update npm non-major dependencies (#4517)

• update npm non-major dependencies (#4497)

• Updated dependencies []:

  • @digdir/[email protected]

@digdir/[email protected]

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

@digdir/[email protected]

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

@digdir/[email protected]

@digdir/[email protected]

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

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

@digdir/[email protected]

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

@digdir/[email protected]

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

@digdir/[email protected]

v1.11.0

@digdir/[email protected]

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

@digdir/[email protected]

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

@digdir/[email protected]

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

@digdir/[email protected]

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

@digdir/[email protected]

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

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

@digdir/[email protected]

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

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

@digdir/[email protected]

Patch Changes

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

• Updated dependencies []:

  • @digdir/[email protected]

@digdir/[email protected]