Releases: nl-design-system/utrecht
Releases · nl-design-system/utrecht
@utrecht/mark-css@1.2.2
Patch Changes
- 8edf86e: Changed value for Figma support metadata.
@utrecht/map-control-button-css@2.0.2
Patch Changes
- e177ced: Start using
:focus-visible
, Safari support has caught up.
@utrecht/link-css@1.3.0
Minor Changes
-
c71f875: Move the Link
text-underline
effect fromfocus
tofocus-visible
. The goal is to not change thetext-underline
appearance during the flow of moving the mouse over the link (:hover
) and then clicking the link (:focus
+:active
).Add new
focus-visible
tokens for Link:utrecht.link.focus-visible.text-decoration
utrecht.link.focus-visible.text-decoration-thickness
The following tokens are now deprecated:
utrecht.link.focus.text-decoration
utrecht.link.focus.text-decoration-thickness
Patch Changes
- e177ced: Start using
:focus-visible
, Safari support has caught up.
@utrecht/focus-ring-css@2.0.0
Major Changes
-
c1f8d63: Remove the SCSS variable
$utrecht-focus-visible-fallback
and remove the following mixins:utrecht-focus-ring-reset
utrecht-focus-pseudo-classes-backwards-compatible
@utrecht/components@7.3.0
Minor Changes
- 200e34b: Add
utrecht.number-badge.border-color
andutrecht.number-badge.border-width
design tokens.
Patch Changes
@utrecht/component-library-vue@2.2.0
Minor Changes
- 200e34b: Add
utrecht.number-badge.border-color
andutrecht.number-badge.border-width
design tokens.
@utrecht/component-library-react@7.0.0
Major Changes
- c3660c1: Rename design token
utrecht.button.icon.gap
toutrecht.button.column-gap
Minor Changes
- 200e34b: Add
utrecht.number-badge.border-color
andutrecht.number-badge.border-width
design tokens. - 27f15a9: Add
required
state to theFieldset
component in React.' - c09705f: Add "heading" to the accordion provider.
Add "heading level" to the accordion provider. - 24b4813: Add an optional
label
property to ReactButton
component, to support better styling of icons.
Patch Changes
- 27f15a9: Fix
Fieldset
component in React to only renderaria-invalid
forrole="radiogroup"
. - 9e32a67: - Refactored Icon component: default role="presentation", conditional aria-hidden
- Added possibility for custom roles and ARIA labels
- edited unit tests for accessibility tree hidden or not
- tested in React Storybook
@utrecht/component-library-css@6.0.0
Major Changes
-
fe20468: Breaking change: Removed "lead" and "small" styling from HTML paragraph component. If "lead" or "small" are now used, there will be no styling.
Removed "lead" and "small" stories from html paragraph.
-
c3660c1: Rename design token
utrecht.button.icon.gap
toutrecht.button.column-gap
Minor Changes
- 200e34b: Add
utrecht.number-badge.border-color
andutrecht.number-badge.border-width
design tokens. - 24b4813: Add an optional element class
utrecht-button__label
to support other inline styling without a gap
Patch Changes
- 95901d6: Add CSS variables fallback, so disabled radio button looks like normal radio button when no design tokens are set.