v1.16.0

@digdir/designsystemet@1.16.0

Patch Changes

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

@digdir/designsystemet-css@1.16.0

Minor Changes

• Root: Add --ds-icon-size variable for easier consistent icon sizing. Size --ds-size-6 by default. (#4971)
  Root: Increased read-only icon size from 1.2em to 6 for consistency and configurable using --ds-icon-size
  Alert, Chip, Suggestion Chip, Search, IconButton: Decreased icon size from 7 to 6 for consistency and configurable using --ds-icon-size
  Dialog: Add missing --dsc-dialog-icon-size variable

Patch Changes

• Avatar: Now fully supports rendering as a <button> (#4968)
  Button, Tabs, Tag: No longer shrink inside display: flex, preventing unintended multi-line text wrapping
  Button: Added missing --dsc-button-border-radius CSS custom property
  Button: Added missing --dsc-button-color--active CSS custom property
  Chip: Now correctly inherits text-align when rendered as a <button>
  Chip: Prevents the remove icon (x) from shrinking when data-variant="removable" contains long text
  Dialog: Now centers correctly when placed inside a display: flex container
  Field: Now uses column-gap instead of padding to create spacing between radio/checkbox inputs and their labels.
  Heading: Prevents page breaks immediately after headings when printing
  Input: Added missing --dsc-input-border-radius CSS custom property
  Input: Placeholder text is now styled using the --dsc-input-color-placeholder CSS custom property
  Input: Fixes a Safari bug where input[type="date"] placeholder text could appear cyan
  Input: Enforces a minimum font-size of 16px to prevent mobile browser zooming, and adds --dsc-input-font-size for overwriting this
  Pagination, ToggleGroup: Interactive elements are now styled correctly regardless of data-variant
  ToggleGroup: Now supports <a> elements as interactive controls
  ToggleGroup: Outer edge now uses outline instead of border in both primary and secondary variants for consistent rendering
  Table: Added --dsc-table-vertical-align CSS custom property
  Table: Prevents page breaks within tables when printing
  Tag: Added missing --dsc-tag-border-radius CSS custom property
• Updated dependencies []:
  • @digdir/designsystemet-types@1.16.0

@digdir/designsystemet-react@1.16.0

Patch Changes

• Suggestion: Better handle React async rendering child <u-datalist> element (#4933)

• Dialog: do not trigger close event when using controlled mode (#4965)

• Label: Removed unneeded default value for weight prop. (#4955)

• Suggestion: Updated VoiceOver compatibility - both with and without QuickNav (#4970)

• Dialog: Apply autofocus only for dialog-level animations, not nested element animations (#4958)

• Button: No longer renders a redundant data-variant attribute in HTML when no variant is specified. (#4968)
  Field: Added missing TypeScript support for data-position when using radio or checkbox inputs.
  usePagination: No longer outputs redundant variant props

• Export missing types DefaultProps and Placement (#4978)

• Updated dependencies [4e8fa0f, ae3a92b, ef2bf9c]:

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

@digdir/designsystemet-types@1.16.0

@digdir/designsystemet-web@1.16.0

Patch Changes

• Suggestion: Updated VoiceOver compatibility - both with and without QuickNav (#4970)

• Popover, Tooltip, Dropdown: No longer requires arrow to be drawn by ::before element to correctly calculate arrow size (#4951)

• Popover: Automatically run Popover API polyfill if needed in older browsers (#4983)