Skip to content

Releases: nl-design-system/utrecht

@utrecht/mark-css@1.2.2

06 Oct 09:46
Compare
Choose a tag to compare

Patch Changes

  • 8edf86e: Changed value for Figma support metadata.

@utrecht/map-control-button-css@2.0.2

06 Oct 09:46
Compare
Choose a tag to compare

Patch Changes

  • e177ced: Start using :focus-visible, Safari support has caught up.

@utrecht/link-css@1.3.0

06 Oct 09:46
Compare
Choose a tag to compare

Minor Changes

  • c71f875: Move the Link text-underline effect from focus to focus-visible. The goal is to not change the text-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

06 Oct 09:46
Compare
Choose a tag to compare

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

06 Oct 09:45
Compare
Choose a tag to compare

Minor Changes

  • 200e34b: Add utrecht.number-badge.border-color and utrecht.number-badge.border-width design tokens.

Patch Changes

  • e177ced: Start using :focus-visible, Safari support has caught up.
  • 95901d6: Add CSS variables fallback, so disabled radio button looks like normal radio button when no design tokens are set.

@utrecht/component-library-vue@2.2.0

06 Oct 09:46
Compare
Choose a tag to compare

Minor Changes

  • 200e34b: Add utrecht.number-badge.border-color and utrecht.number-badge.border-width design tokens.

@utrecht/component-library-react@7.0.0

06 Oct 09:46
Compare
Choose a tag to compare

Major Changes

  • c3660c1: Rename design token utrecht.button.icon.gap to utrecht.button.column-gap

Minor Changes

  • 200e34b: Add utrecht.number-badge.border-color and utrecht.number-badge.border-width design tokens.
  • 27f15a9: Add required state to the Fieldset component in React.'
  • c09705f: Add "heading" to the accordion provider.
    Add "heading level" to the accordion provider.
  • 24b4813: Add an optional label property to React Button component, to support better styling of icons.

Patch Changes

  • 27f15a9: Fix Fieldset component in React to only render aria-invalid for role="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

06 Oct 09:46
Compare
Choose a tag to compare

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 to utrecht.button.column-gap

Minor Changes

  • 200e34b: Add utrecht.number-badge.border-color and utrecht.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.

@utrecht/calendar-react@1.0.2

06 Oct 09:46
Compare
Choose a tag to compare

Patch Changes

  • Updated dependencies [c3660c1]
  • Updated dependencies [24b4813]
    • @utrecht/button-react@2.0.0

@utrecht/button-react@2.0.0

06 Oct 09:46
Compare
Choose a tag to compare

Major Changes

  • c3660c1: Rename design token utrecht.button.icon.gap to utrecht.button.column-gap

Minor Changes

  • 24b4813: Add an optional label property to React Button component, to support better styling of icons.