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]