@digdir/designsystemet@1.0.0-next.50

@digdir/designsystemet@1.0.0-next.50

@digdir/designsystemet-theme@1.0.0-next.50

Minor Changes

• Changed alias for type declaration exports (#3156)
  • React: export alias ./react-types.d.ts was changed to ./react-types
  • Theme: added types field to default export in package.json, so now it should be posssible to use "@digdir/designsystemet-theme"

@digdir/designsystemet-react@1.0.0-next.50

Minor Changes

• Changed alias for type declaration exports (#3156)
  • React: export alias ./react-types.d.ts was changed to ./react-types
  • Theme: added types field to default export in package.json, so now it should be posssible to use "@digdir/designsystemet-theme"

Patch Changes

• Suggestion.Empty: Remove asChild support (#3162)

@digdir/designsystemet-css@1.0.0-next.50

Patch Changes

• Details: Change --dsc-details-heading-* to --dsc-details-summary-* (#3166)

• Details: Hide native <summary> arrow in Safari (#3179)

• Badge: Fix empty badge not being displayed (#3165)

• Dialog: (#3163)

  • Add missing overflow: auto
  • Position with transform for easier translate animation

@digdir/designsystemet@1.0.0-next.49

Minor Changes

• Added token border-width-focus (#3138)

• Renamed background, surface and contrast color tokens and CSS variables (#3053)

• Increased lightness of global orange color (#3094)

• Removed token border-width-highlight (#3138)

• Renamed color step contrast-1 to 16 (#2911)

• Reduced font-size scale by one, from 11 to 10. All sizes above and including font-size-2 have shifted down size by one (#3138)

• Added new step to color scale, now with a total of 16 (#2911)

• Changed order for semantic color tokens in design-tokens (#2911)

• Changed warning colors to use global orange (#3094)

• Renamed color step contrast-2 to 15 (#2911)

• Removed global yellow color. (#3094)

Patch Changes

• clean should only run once during tokens create when multiple themes are defined using config file (#3104)

• Added migration for color tokens renaming. Run designsystemet migrate css-renames-next48-to-next49 --glob "./**/*.css" (#3053)

• typography and borderRadius are now optional in config file (#3104)

• Increased the luminance of the Surface Tinted color in light mode and made Surface Tinted stand out more against Surface Default in dark mode. (#3116)

@digdir/designsystemet-theme@1.0.0-next.49

Minor Changes

• Added token border-width-focus (#3138)

• Renamed background, surface and contrast color tokens and CSS variables (#3053)

• Increased lightness of global orange color (#3094)

• Removed token border-width-highlight (#3138)

• Renamed color step contrast-1 to 16 (#2911)

• Reduced font-size scale by one, from 11 to 10. All sizes above and including font-size-2 have shifted down size by one (#3138)

• Added new step to color scale, now with a total of 16 (#2911)

• Changed order for semantic color tokens in design-tokens (#2911)

• Changed warning colors to use global orange (#3094)

• Renamed color step contrast-2 to 15 (#2911)

• Removed global yellow color. (#3094)

Patch Changes

• Increased the luminance of the Surface Tinted color in light mode and made Surface Tinted stand out more against Surface Default in dark mode. (#3116)

@digdir/designsystemet-react@1.0.0-next.49

Minor Changes

• Disallow arbitrary strings for data-size, and only allow arbitrary strings for data-color if generated color types haven't been added to the downstream TypeScript environment. This fixes missing controls for data-size and data-color in the Storybook docs. (#3042)

Patch Changes

• Card: Add data-variant="default/tinted", default is default (#3131)

• Details: Add data-variant="default/tinted", default is default. (#3131)

  • This can also be controlled from Card

• Button: loading type now correctly accepts a ReactNode (#3074)

• Button: Make loading spinner scale accordion to button size (#3074)

• Fix ref type on useCheckboxGroup and useRadioGroup (#3111)

• Rename to Modal to Dialog (#3106)

• Popover: Add data-variant="default/tinted", default is default (#3131)

• Badge: Add data-variant="base/tinted", base is default (#3131)

@digdir/designsystemet-css@1.0.0-next.49

Minor Changes

• Added token border-width-focus (#3138)

Patch Changes

• Table: New colors on zebra (--ds-color-surface-tinted) and hover (--ds-color-surface-hover) (#3147)

• Dialog: Add border around dialog element (#3106)

• Card: Add data-variant="default/tinted", default is default (#3131)

• *Table: Background is now transparent by default (#3147)

• Details: Add data-variant="default/tinted", default is default. (#3131)

  • This can also be controlled from Card

• Details: Change default variant colors for open and hover (#3159)

• Dialog: (#3148)

  • Correctly centers position also when placed in display: flex
  • Only prevents scroll if opened with .showModal()

• Button: Make loading spinner scale accordion to button size (#3074)

• Table: Add margin-bottom to caption element (#3137)

• Table: Now inherits data-color by default (#3136)

• Breadcrumbs: Prevent shrinking chevron (#3103)

• Table: Added component token --dsc-table-divider-border-color (#3081)

• Popover: Add data-variant="default/tinted", default is default (#3131)

• Suggestion: Add chevron to empty input (#3154)

• Badge: Add data-variant="base/tinted", base is default (#3131)

• Use var(--ds-border-width-default) for border widths (#3125)

• Rename ds-modal to ds-dialog (#3106)

• Card: Add css properties for Card.Block border (--dsc-card-block-border-*) (#3093)

@digdir/designsystemet@1.0.0-next.48

Minor Changes

• Rename config option from --json to --config (#3012)

Patch Changes

• Create & build tokens correctly if support-color is missing (#3035)

• Removed predefined accent variables added during tokens build. Use data-color or generated named color variables instead. (#3041)

@digdir/designsystemet-theme@1.0.0-next.48

@digdir/designsystemet-theme@1.0.0-next.48