Skip to content

Latest commit

 

History

History
188 lines (111 loc) · 5.91 KB

CHANGELOG.md

File metadata and controls

188 lines (111 loc) · 5.91 KB

@utrecht/component-library-css

7.1.0

Minor Changes

  • 32b2d96: Add 4 new CSS components: .utrecht-root, .utrecht-body, .utrecht-page-layout and .utrecht-page-body.

7.0.0

Major Changes

  • 513cf8d: Remove the following (rarely used) components: map control button, menulijst, topnav.

6.1.0

Minor Changes

  • 275db34: Add design tokens to Blockquote:

    • utrecht.blockquote.border-width
    • utrecht.blockquote.row-gap

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 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.

5.2.0

Minor Changes

  • 1227678: Add Table of Contents component for the PDF component library.

5.1.0

Minor Changes

  • 8431fb9: Add the following design tokens to breadcrumb navigation:

    • utrecht.breadcrumb-nav.line-height
    • utrecht.breadcrumb-nav.link.active.color
    • utrecht.breadcrumb-nav.link.active.text-decoration

  • 48ccd57: Support bold form controls.

    Add the following design tokens:

    • utrecht.form-control.font-weight (common token)
    • utrecht.listbox.font-weight
    • utrecht.select.font-weight
    • utrecht.textarea.font-weight
    • utrecht.textbox.font-weight

  • c8520fe: Support styling of a form field <label> element that contains a checkbox or radio button, within class="utrecht-html".

Patch Changes

  • 5695c6c: Improve table component CSS to explicitly fallback to background-color: transparent to have a valid CSS value. (GitHub Issue nl-design-system/utrecht#2435)
  • 9aa2be4: Fix regression in utrecht.button.font-family support.

5.0.0

Major Changes

  • ecf877a: Refactor the Alert component for more consistent token names and use flex instead of grid layout. Adding support for content and message sections.

    • Rename utrecht.alert.icon.gap to utrecht.alert.column-gap
    • Add utrecht.alert.message.row-gap token
    • Add utrecht.alert.content.row-gap token
    • Add utrecht.alert.icon.size token
    • Add utrecht.alert.icon.inset-block-start token
    • Add utrecht-alert__content class
    • Change implementation of layout from grid to flex

4.2.0

Minor Changes

  • 59c225a: Add CSS file for the component library that works with Prince XML: dist/prince-xml.css.

  • 4037f4c: Add two new design tokens to "Badge counter":

    • utrecht.badge-counter.min-block-size
    • utrecht.badge-counter.min-inline-size: the primary token to configure the size.

    The following design token is now deprecated. Reason for deprecation: it does not follow naming conventions, to use existing CSS property names — "min-size" is a made-up property.

    • utrecht.badge-counter.min-size

  • 5299695: Button now support two new design tokens for each appearance: font-size and a matching line-height. These are optional, by default the button still uses utrecht.button.font-size and utrecht.button.line-height.

    These are the 6 new design tokens:

    • utrecht.button.primary-action.font-size
    • utrecht.button.primary-action.line-height
    • utrecht.button.secondary-action.font-size
    • utrecht.button.secondary-action.line-height
    • utrecht.button.subtle.font-size
    • utrecht.button.subtle.line-height

Patch Changes

  • f50c984: Remove empty dist/*.js files from the CSS component library.

4.1.0

Minor Changes

  • c5a7e71: Add margin tokens to the Accordion component:

    • utrecht.accordion.margin-block-end
    • utrecht.accordion.margin-block-start

4.0.0

Major Changes

  • 14c8559: Replace utrecht.link-list.item.margin-block-start design token with utrecht.link-list.row-gap.

  • bd0514c: Rename tokens in the Link list component, because they should be on link instead of on item. "Item" currently only exists in CSS, but is not necessary to build the Link list in Figma.

    • Rename utrecht.link-list.item.font-weight to utrecht.link-list.link.font-weight.
    • Rename utrecht.link-list.item.column-gap to utrecht.link-list.link.column-gap.

Minor Changes

  • e2b188d: Add design token to Link list component: utrecht.link-list.link.text-decoration, so you can enable or disable the underline. By default the links have no underline.

Patch Changes

  • 0e2e4da: Fix rendering of the checkbox component in the combined indeterminate and checked state, to have an indeterminate icon instead of a checked icon.'

3.2.0

Minor Changes

  • 8d8babe: Add 5 missing CSS components to CSS component library bundle.

    • utrecht-combobox
    • utrecht-currency-data
    • utrecht-data-placeholder
    • utrecht-listbox
    • utrecht-logo-image
    • utrecht-preserve-data

3.1.0

Minor Changes

  • f9c23c6: Add utrecht-accordion__button--utrecht class name. Add utrecht-accordion__button-icon class name.
  • f9c23c6: Add utrecht.accordion.button.icon.gap design token.

3.0.0

Major Changes

  • af24025682: rename utrecht-button-group--vertical mixin and class name to utrecht-button-group--column'

Patch Changes

  • af24025682: inline button link component no longer automatically stretches to match size of button group

1.0.1

Patch Changes

  • 0e434e0a19: fix rendering glitch in Firefox when hovering over a button

1.0.0

Patch Changes

  • c7cae76a0d: allow word wrap for URL data, so it is fully readable in print and on screen
  • 28a3ef848a: Support rendering of <select> element with multiple attribute.