Releases: CMSgov/design-system
Releases · CMSgov/design-system
1.21.0
💅 Changes
- Added an optional
className
prop to Autocomplete
component
🛠 Fixed
- Ensure cloned masked field receives updated props (#264)
1.20.1
🛠 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
🚀 Added
<Choice>
components now accept a hint
prop like other form field components.

- Added an optional
id
prop to <FormLabel>
💅 Changes
- Added
id
and aria-describedby
attributes to the rendered <DateField>
elements
1.19.1
🛠 Fixed
- Fixed issue where
unmaskValue
was removing whitespace from all values, even those without a valid or undefined mask
1.19.0
💅 Changes
-
Added responsive styling to ds-h1
so page titles scale down on small screens

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

-
Fixed weight of the date fields labels

1.18.0
🚀 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

1.17.1
💅 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
🚀 Added
- Added
ds-c-field--small
and ds-c-field--medium
modifiers:

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

1.16.0
💅 Changes
-
Changed the $input-border-width
variable from 1px
to 2px
-
Made form labels bold.
Before |
After |
 |
 |
-
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
🚀 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