Skip to content

Releases: CMSgov/design-system

1.21.0

05 Apr 15:34
Compare
Choose a tag to compare

💅 Changes

  • Added an optional className prop to Autocomplete component

🛠 Fixed

  • Ensure cloned masked field receives updated props (#264)

1.20.1

31 Mar 19:39
Compare
Choose a tag to compare

🛠 Fixed

  • Fix issue on FormLabel component when hint and a requirementLabel of type node was present. #262
  • Top-align multiline choice labels #261

1.20.0

22 Mar 18:03
Compare
Choose a tag to compare

🚀 Added

  • <Choice> components now accept a hint prop like other form field components.
    image
  • Added an optional id prop to <FormLabel>

💅 Changes

  • Added id and aria-describedby attributes to the rendered <DateField> elements

1.19.1

19 Mar 01:17
Compare
Choose a tag to compare

🛠 Fixed

  • Fixed issue where unmaskValue was removing whitespace from all values, even those without a valid or undefined mask

1.19.0

15 Mar 21:30
Compare
Choose a tag to compare

💅 Changes

  • Added responsive styling to ds-h1 so page titles scale down on small screens
    image

  • Fixed obnoxious size of dropdown arrow to be consistent with USWDS styling
    image

  • Fixed weight of the date fields labels
    image

1.18.0

12 Mar 22:32
Compare
Choose a tag to compare

🚀 Added

  • An unmaskValue method is now exported from design-system-core, which can be called to remove any masking characters from a text field's value
  • Added new mask values to TextField: phone, ssn, and zip
    image

1.17.1

09 Mar 19:59
Compare
Choose a tag to compare

💅 Changes

  • Moved react and react-dom to peerDependencies in the core package

🛠 Fixed

  • Accept a negative number in a masked currency text field

1.17.0

07 Mar 20:42
Compare
Choose a tag to compare

🚀 Added

  • Added ds-c-field--small and ds-c-field--medium modifiers:
    image
  • Added a "Currency field" component. This extends the default text field component and applies additional styling to indicate the expected value (by default: a dollar amount). To use in React, add a mask="currency" prop to the TextField component.
    currency-mask

1.16.0

02 Mar 15:07
Compare
Choose a tag to compare

💅 Changes

  • Changed the $input-border-width variable from 1px to 2px

    Before After
    image image image image
  • Made form labels bold.

    Before After
    image image
  • Adds the ds-base class to the Dialog's main dialog element in case its appended to a DOM node that is missing the base design system styles.

  • Added closeButtonSize prop to Dialog component

1.15.0

26 Feb 18:50
48e4691
Compare
Choose a tag to compare

🚀 Added

  • Added size, closeButtonVariation, and additional classNames props to <Dialog> component #242
  • Added more documentation about Sass variables and theming #241
    • Added Guidelines > Theming page to documentation
    • Lists corresponding Sass-variable names for typography and font-size