v7.0.0

What's Changed

Breaking

• <RangeInput> prop hideLabel was renamed to hideRangeValue
• <Select> inputs now have a placeholder value by default ("Select")
• <Button> / <SubmitButton>
  • Use variant prop instead of style
  • Have aria-disabled="true" instead of disabled attribute when props pristine or invalid are true
  • Accept a forwarded ref
• <RadioGroup> / <CheckboxGroup>
  • By default have <legend> element nested under the outermost <fieldset> element (as opposed to <label>)
  • No longer pass className prop to individual inputs
• <FileInput> / <CloudinaryFileInput>
  • Accept multiple files
  • Always return an array
  • No longer accept the onLoad prop
  • Store an object of file data (as opposed to a string)
  • Pass in a file object to previewComponent for file and no longer pass a value prop
  • File input previews now have a remove button by default
• <CloudinaryFileInput> now requires an apiAdapter prop
• <Spinner> has a class of spinner (as opposed to an id)
• <TabBar> now requires options and value props
• <SetterLink> was removed
• <Modal>
  • Accepts preventClose instead of hideClosebutton prop
  • No longer overwrites the default inner modal or overlay classes
  • Accepts an object for className and overlayClassName for styling afterOpen and beforeClose states
  • Targets #root instead of body
• <FlashMessageContainer> now invokes onDismiss with the flash message object
• <DateInput>s underlying react-datepicker dependency updated from v1 to v4
• @launchpadlab/lp-hoc was removed as a dependency

Enhancements

• GitHub Issue templates were added
• <Table> / <SortableTable> now accept a caption prop
• <Column> components now pass additional props down to its underlying <td> element
• <RadioGroup>, <CheckboxGroup>, and <Select> now allow bool as a value prop type
• <LabeledField> now adds a disabled class on the outermost <fieldset> element when the input is disabled
• Relaxed peer dependency requirement to include React 17
• <RadioGroup> allows for specifying props to be passed to individual <input type="radio"> elements via radioInputProps
• <CheckboxGroup> allows for specifying props to be passed to individual <input type="checkbox"> elements via checkboxInputProps

Bugs

• <MaskedInput> now accepts onInit and htmlRef props (supported OOTB by cleave.js/react)

Migration Guide: v7.0.0
Full Changelog: v6.0.3...v7.0.0