@zendeskgarden/react-forms 8.69.2 → 8.69.4

package/dist/index.esm.js

@@ -41,7 +41,7 @@ const useFieldContext = () => {
 const COMPONENT_ID$K = 'forms.field';
 const StyledField = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$K,
-  'data-garden-version': '8.69.2'
+  'data-garden-version': '8.69.4'
 }).withConfig({
   displayName: "StyledField",
   componentId: "sc-12gzfsu-0"
@@ -54,7 +54,7 @@ const COMPONENT_ID$J = 'forms.fieldset';
 const StyledFieldset = styled(StyledField).attrs({
   as: 'fieldset',
   'data-garden-id': COMPONENT_ID$J,
-  'data-garden-version': '8.69.2'
+  'data-garden-version': '8.69.4'
 }).withConfig({
   displayName: "StyledFieldset",
   componentId: "sc-1vr4mxv-0"
@@ -64,10 +64,10 @@ StyledFieldset.defaultProps = {
 };
 
 const COMPONENT_ID$I = 'forms.input_label';
-const StyledLabel = styled.label.attrs({
-  'data-garden-id': COMPONENT_ID$I,
-  'data-garden-version': '8.69.2'
-}).withConfig({
+const StyledLabel = styled.label.attrs(props => ({
+  'data-garden-id': props['data-garden-id'] || COMPONENT_ID$I,
+  'data-garden-version': props['data-garden-version'] || '8.69.4'
+})).withConfig({
   displayName: "StyledLabel",
   componentId: "sc-2utmsz-0"
 })(["direction:", ";vertical-align:middle;line-height:", ";color:", ";font-size:", ";font-weight:", ";&[hidden]{display:", ";vertical-align:", ";text-indent:", ";font-size:", ";", ";}", ";"], props => props.theme.rtl && 'rtl', props => getLineHeight(props.theme.space.base * 5, props.theme.fontSizes.md), props => props.theme.colors.foreground, props => props.theme.fontSizes.md, props => props.isRegular ? props.theme.fontWeights.regular : props.theme.fontWeights.semibold, props => props.isRadio ? 'inline-block' : 'inline', props => props.isRadio && 'top', props => props.isRadio && '-100%', props => props.isRadio && '0', props => !props.isRadio && hideVisually(), props => retrieveComponentStyles(COMPONENT_ID$I, props));
@@ -79,7 +79,7 @@ const COMPONENT_ID$H = 'forms.fieldset_legend';
 const StyledLegend = styled(StyledLabel).attrs({
   as: 'legend',
   'data-garden-id': COMPONENT_ID$H,
-  'data-garden-version': '8.69.2'
+  'data-garden-version': '8.69.4'
 }).withConfig({
   displayName: "StyledLegend",
   componentId: "sc-6s0zwq-0"
@@ -89,10 +89,10 @@ StyledLegend.defaultProps = {
 };
 
 const COMPONENT_ID$G = 'forms.input_hint';
-const StyledHint = styled.div.attrs({
-  'data-garden-id': COMPONENT_ID$G,
-  'data-garden-version': '8.69.2'
-}).withConfig({
+const StyledHint = styled.div.attrs(props => ({
+  'data-garden-id': props['data-garden-id'] || COMPONENT_ID$G,
+  'data-garden-version': props['data-garden-version'] || '8.69.4'
+})).withConfig({
   displayName: "StyledHint",
   componentId: "sc-17c2wu8-0"
 })(["direction:", ";display:block;vertical-align:middle;line-height:", ";color:", ";font-size:", ";", ";"], props => props.theme.rtl && 'rtl', props => getLineHeight(props.theme.space.base * 5, props.theme.fontSizes.md), props => getColor('neutralHue', 600, props.theme), props => props.theme.fontSizes.md, props => retrieveComponentStyles(COMPONENT_ID$G, props));
@@ -196,7 +196,7 @@ const MessageIcon = _ref => {
 const COMPONENT_ID$F = 'forms.input_message_icon';
 const StyledMessageIcon = styled(MessageIcon).attrs({
   'data-garden-id': COMPONENT_ID$F,
-  'data-garden-version': '8.69.2',
+  'data-garden-version': '8.69.4',
   'aria-hidden': null
 }).withConfig({
   displayName: "StyledMessageIcon",
@@ -222,10 +222,10 @@ const validationStyles = props => {
   return css(["padding-", ":", ";color:", ";"], rtl ? 'right' : 'left', props.validation && padding, color);
 };
 const COMPONENT_ID$E = 'forms.input_message';
-const StyledMessage = styled.div.attrs({
-  'data-garden-id': COMPONENT_ID$E,
-  'data-garden-version': '8.69.2'
-}).withConfig({
+const StyledMessage = styled.div.attrs(props => ({
+  'data-garden-id': props['data-garden-id'] || COMPONENT_ID$E,
+  'data-garden-version': props['data-garden-version'] || '8.69.4'
+})).withConfig({
   displayName: "StyledMessage",
   componentId: "sc-30hgg7-0"
 })(["direction:", ";display:inline-block;position:relative;vertical-align:middle;line-height:", ";font-size:", ";", ";& ", "{position:absolute;top:-1px;", ":0;}", ":not([hidden]) + &{display:block;margin-top:", ";}", ";"], props => props.theme.rtl && 'rtl', props => getLineHeight(props.theme.iconSizes.md, props.theme.fontSizes.sm), props => props.theme.fontSizes.sm, props => validationStyles(props), StyledMessageIcon, props => props.theme.rtl ? 'right' : 'left', StyledLabel, props => math(`${props.theme.space.base} * 1px`), props => retrieveComponentStyles(COMPONENT_ID$E, props));
@@ -314,7 +314,7 @@ const sizeStyles$f = props => {
 };
 const StyledTextInput = styled.input.attrs(props => ({
   'data-garden-id': COMPONENT_ID$D,
-  'data-garden-version': '8.69.2',
+  'data-garden-version': '8.69.4',
   'aria-invalid': isInvalid(props.validation)
 })).withConfig({
   displayName: "StyledTextInput",
@@ -337,7 +337,7 @@ const hiddenStyles = `
 const StyledTextarea = styled(StyledTextInput).attrs({
   as: 'textarea',
   'data-garden-id': COMPONENT_ID$C,
-  'data-garden-version': '8.69.2'
+  'data-garden-version': '8.69.4'
 }).withConfig({
   displayName: "StyledTextarea",
   componentId: "sc-wxschl-0"
@@ -383,7 +383,7 @@ _ref => {
   return React__default.cloneElement(Children.only(children), props);
 }).attrs({
   'data-garden-id': COMPONENT_ID$B,
-  'data-garden-version': '8.69.2'
+  'data-garden-version': '8.69.4'
 }).withConfig({
   displayName: "StyledTextMediaFigure",
   componentId: "sc-1qepknj-0"
@@ -430,7 +430,7 @@ const StyledTextFauxInput = styled(StyledTextInput).attrs(props => ({
   'aria-readonly': props.isReadOnly,
   'aria-disabled': props.isDisabled,
   'data-garden-id': COMPONENT_ID$A,
-  'data-garden-version': '8.69.2'
+  'data-garden-version': '8.69.4'
 })).withConfig({
   displayName: "StyledTextFauxInput",
   componentId: "sc-yqw7j9-0"
@@ -442,7 +442,7 @@ StyledTextFauxInput.defaultProps = {
 const COMPONENT_ID$z = 'forms.media_input';
 const StyledTextMediaInput = styled(StyledTextInput).attrs({
   'data-garden-id': COMPONENT_ID$z,
-  'data-garden-version': '8.69.2',
+  'data-garden-version': '8.69.4',
   isBare: true
 }).withConfig({
   displayName: "StyledTextMediaInput",
@@ -464,7 +464,7 @@ const itemStyles = props => {
 };
 const StyledInputGroup = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$y,
-  'data-garden-version': '8.69.2'
+  'data-garden-version': '8.69.4'
 }).withConfig({
   displayName: "StyledInputGroup",
   componentId: "sc-kjh1f0-0"
@@ -482,7 +482,7 @@ const sizeStyles$d = props => {
 };
 const StyledRadioLabel = styled(StyledLabel).attrs({
   'data-garden-id': COMPONENT_ID$x,
-  'data-garden-version': '8.69.2',
+  'data-garden-version': '8.69.4',
   isRadio: true
 }).withConfig({
   displayName: "StyledRadioLabel",
@@ -495,7 +495,7 @@ StyledRadioLabel.defaultProps = {
 const COMPONENT_ID$w = 'forms.checkbox_label';
 const StyledCheckLabel = styled(StyledRadioLabel).attrs({
   'data-garden-id': COMPONENT_ID$w,
-  'data-garden-version': '8.69.2'
+  'data-garden-version': '8.69.4'
 }).withConfig({
   displayName: "StyledCheckLabel",
   componentId: "sc-x7nr1-0"
@@ -507,7 +507,7 @@ StyledCheckLabel.defaultProps = {
 const COMPONENT_ID$v = 'forms.radio_hint';
 const StyledRadioHint = styled(StyledHint).attrs({
   'data-garden-id': COMPONENT_ID$v,
-  'data-garden-version': '8.69.2'
+  'data-garden-version': '8.69.4'
 }).withConfig({
   displayName: "StyledRadioHint",
   componentId: "sc-eo8twg-0"
@@ -519,7 +519,7 @@ StyledRadioHint.defaultProps = {
 const COMPONENT_ID$u = 'forms.checkbox_hint';
 const StyledCheckHint = styled(StyledRadioHint).attrs({
   'data-garden-id': COMPONENT_ID$u,
-  'data-garden-version': '8.69.2'
+  'data-garden-version': '8.69.4'
 }).withConfig({
   displayName: "StyledCheckHint",
   componentId: "sc-1kl8e8c-0"
@@ -566,7 +566,7 @@ const sizeStyles$c = props => {
 };
 const StyledRadioInput = styled.input.attrs({
   'data-garden-id': COMPONENT_ID$t,
-  'data-garden-version': '8.69.2',
+  'data-garden-version': '8.69.4',
   type: 'radio'
 }).withConfig({
   displayName: "StyledRadioInput",
@@ -588,7 +588,7 @@ const colorStyles$8 = props => {
 };
 const StyledCheckInput = styled(StyledRadioInput).attrs({
   'data-garden-id': COMPONENT_ID$s,
-  'data-garden-version': '8.69.2',
+  'data-garden-version': '8.69.4',
   type: 'checkbox'
 }).withConfig({
   displayName: "StyledCheckInput",
@@ -601,7 +601,7 @@ StyledCheckInput.defaultProps = {
 const COMPONENT_ID$r = 'forms.radio_message';
 const StyledRadioMessage = styled(StyledMessage).attrs({
   'data-garden-id': COMPONENT_ID$r,
-  'data-garden-version': '8.69.2'
+  'data-garden-version': '8.69.4'
 }).withConfig({
   displayName: "StyledRadioMessage",
   componentId: "sc-1pmi0q8-0"
@@ -613,7 +613,7 @@ StyledRadioMessage.defaultProps = {
 const COMPONENT_ID$q = 'forms.checkbox_message';
 const StyledCheckMessage = styled(StyledRadioMessage).attrs({
   'data-garden-id': COMPONENT_ID$q,
-  'data-garden-version': '8.69.2'
+  'data-garden-version': '8.69.4'
 }).withConfig({
   displayName: "StyledCheckMessage",
   componentId: "sc-s4p6kd-0"
@@ -645,11 +645,11 @@ var SvgCheckSmFill = function SvgCheckSmFill(props) {
 const COMPONENT_ID$p = 'forms.check_svg';
 const StyledCheckSvg = styled(SvgCheckSmFill).attrs({
   'data-garden-id': COMPONENT_ID$p,
-  'data-garden-version': '8.69.2'
+  'data-garden-version': '8.69.4'
 }).withConfig({
   displayName: "StyledCheckSvg",
   componentId: "sc-fvxetk-0"
-})(["transition:opacity 0.25 ease-in-out;opacity:0;pointer-events:none;", ":checked ~ ", " > &{opacity:1;}", ":indeterminate ~ ", " > &{opacity:0;}", ";"], StyledCheckInput, StyledCheckLabel, StyledCheckInput, StyledCheckLabel, props => retrieveComponentStyles(COMPONENT_ID$p, props));
+})(["transition:opacity 0.25s ease-in-out;opacity:0;pointer-events:none;", ":checked ~ ", " > &{opacity:1;}", ":indeterminate ~ ", " > &{opacity:0;}", ";"], StyledCheckInput, StyledCheckLabel, StyledCheckInput, StyledCheckLabel, props => retrieveComponentStyles(COMPONENT_ID$p, props));
 StyledCheckSvg.defaultProps = {
   theme: DEFAULT_THEME
 };
@@ -675,11 +675,11 @@ var SvgDashFill = function SvgDashFill(props) {
 const COMPONENT_ID$o = 'forms.dash_svg';
 const StyledDashSvg = styled(SvgDashFill).attrs({
   'data-garden-id': COMPONENT_ID$o,
-  'data-garden-version': '8.69.2'
+  'data-garden-version': '8.69.4'
 }).withConfig({
   displayName: "StyledDashSvg",
   componentId: "sc-z3vq71-0"
-})(["transition:opacity 0.25 ease-in-out;opacity:0;pointer-events:none;", ":indeterminate ~ ", " > &{opacity:1;}", ";"], StyledCheckInput, StyledCheckLabel, props => retrieveComponentStyles(COMPONENT_ID$o, props));
+})(["transition:opacity 0.25s ease-in-out;opacity:0;pointer-events:none;", ":indeterminate ~ ", " > &{opacity:1;}", ";"], StyledCheckInput, StyledCheckLabel, props => retrieveComponentStyles(COMPONENT_ID$o, props));
 StyledDashSvg.defaultProps = {
   theme: DEFAULT_THEME
 };
@@ -706,7 +706,7 @@ const sizeStyles$b = props => {
 };
 const StyledFileUpload = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$n,
-  'data-garden-version': '8.69.2'
+  'data-garden-version': '8.69.4'
 }).withConfig({
   displayName: "StyledFileUpload",
   componentId: "sc-1rodjgn-0"
@@ -718,7 +718,7 @@ StyledFileUpload.defaultProps = {
 const COMPONENT_ID$m = 'forms.file.close';
 const StyledFileClose = styled.button.attrs({
   'data-garden-id': COMPONENT_ID$m,
-  'data-garden-version': '8.69.2'
+  'data-garden-version': '8.69.4'
 }).withConfig({
   displayName: "StyledFileClose",
   componentId: "sc-1m31jbf-0"
@@ -781,7 +781,7 @@ const sizeStyles$a = props => {
 };
 const StyledFile = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$l,
-  'data-garden-version': '8.69.2'
+  'data-garden-version': '8.69.4'
 }).withConfig({
   displayName: "StyledFile",
   componentId: "sc-195lzp1-0"
@@ -793,7 +793,7 @@ StyledFile.defaultProps = {
 const COMPONENT_ID$k = 'forms.file.delete';
 const StyledFileDelete = styled(StyledFileClose).attrs({
   'data-garden-id': COMPONENT_ID$k,
-  'data-garden-version': '8.69.2'
+  'data-garden-version': '8.69.4'
 }).withConfig({
   displayName: "StyledFileDelete",
   componentId: "sc-a8nnhx-0"
@@ -813,7 +813,7 @@ const StyledFileIcon = styled(_ref => {
   return React__default.cloneElement(Children.only(children), props);
 }).attrs({
   'data-garden-id': COMPONENT_ID$j,
-  'data-garden-version': '8.69.2'
+  'data-garden-version': '8.69.4'
 }).withConfig({
   displayName: "StyledFileIcon",
   componentId: "sc-7b3q0c-0"
@@ -825,7 +825,7 @@ StyledFileIcon.defaultProps = {
 const COMPONENT_ID$i = 'forms.file_list';
 const StyledFileList = styled.ul.attrs({
   'data-garden-id': COMPONENT_ID$i,
-  'data-garden-version': '8.69.2'
+  'data-garden-version': '8.69.4'
 }).withConfig({
   displayName: "StyledFileList",
   componentId: "sc-gbahjg-0"
@@ -837,7 +837,7 @@ StyledFileList.defaultProps = {
 const COMPONENT_ID$h = 'forms.file_list.item';
 const StyledFileListItem = styled.li.attrs({
   'data-garden-id': COMPONENT_ID$h,
-  'data-garden-version': '8.69.2'
+  'data-garden-version': '8.69.4'
 }).withConfig({
   displayName: "StyledFileListItem",
   componentId: "sc-1ova3lo-0"
@@ -867,11 +867,11 @@ var SvgCircleSmFill$1 = function SvgCircleSmFill(props) {
 const COMPONENT_ID$g = 'forms.radio_svg';
 const StyledRadioSvg = styled(SvgCircleSmFill$1).attrs({
   'data-garden-id': COMPONENT_ID$g,
-  'data-garden-version': '8.69.2'
+  'data-garden-version': '8.69.4'
 }).withConfig({
   displayName: "StyledRadioSvg",
   componentId: "sc-1r1qtr1-0"
-})(["transition:opacity 0.25 ease-in-out;opacity:0;", ":checked ~ ", " > &{opacity:1;}", ";"], StyledRadioInput, StyledRadioLabel, props => retrieveComponentStyles(COMPONENT_ID$g, props));
+})(["transition:opacity 0.25s ease-in-out;opacity:0;", ":checked ~ ", " > &{opacity:1;}", ";"], StyledRadioInput, StyledRadioLabel, props => retrieveComponentStyles(COMPONENT_ID$g, props));
 StyledRadioSvg.defaultProps = {
   theme: DEFAULT_THEME
 };
@@ -884,7 +884,7 @@ const sizeStyles$9 = props => {
 };
 const StyledToggleLabel = styled(StyledCheckLabel).attrs({
   'data-garden-id': COMPONENT_ID$f,
-  'data-garden-version': '8.69.2'
+  'data-garden-version': '8.69.4'
 }).withConfig({
   displayName: "StyledToggleLabel",
   componentId: "sc-e0asdk-0"
@@ -896,7 +896,7 @@ StyledToggleLabel.defaultProps = {
 const COMPONENT_ID$e = 'forms.toggle_hint';
 const StyledToggleHint = styled(StyledHint).attrs({
   'data-garden-id': COMPONENT_ID$e,
-  'data-garden-version': '8.69.2'
+  'data-garden-version': '8.69.4'
 }).withConfig({
   displayName: "StyledToggleHint",
   componentId: "sc-nziggu-0"
@@ -923,7 +923,7 @@ const sizeStyles$8 = props => {
 };
 const StyledToggleInput = styled(StyledCheckInput).attrs({
   'data-garden-id': COMPONENT_ID$d,
-  'data-garden-version': '8.69.2'
+  'data-garden-version': '8.69.4'
 }).withConfig({
   displayName: "StyledToggleInput",
   componentId: "sc-sgp47s-0"
@@ -935,7 +935,7 @@ StyledToggleInput.defaultProps = {
 const COMPONENT_ID$c = 'forms.toggle_message';
 const StyledToggleMessage = styled(StyledMessage).attrs({
   'data-garden-id': COMPONENT_ID$c,
-  'data-garden-version': '8.69.2'
+  'data-garden-version': '8.69.4'
 }).withConfig({
   displayName: "StyledToggleMessage",
   componentId: "sc-13vuvl1-0"
@@ -965,7 +965,7 @@ var SvgCircleSmFill = function SvgCircleSmFill(props) {
 const COMPONENT_ID$b = 'forms.toggle_svg';
 const StyledToggleSvg = styled(SvgCircleSmFill).attrs({
   'data-garden-id': COMPONENT_ID$b,
-  'data-garden-version': '8.69.2'
+  'data-garden-version': '8.69.4'
 }).withConfig({
   displayName: "StyledToggleSvg",
   componentId: "sc-162xbyx-0"
@@ -987,7 +987,7 @@ const sizeStyles$7 = props => {
 };
 const StyledSelect = styled(StyledTextInput).attrs({
   'data-garden-id': COMPONENT_ID$a,
-  'data-garden-version': '8.69.2',
+  'data-garden-version': '8.69.4',
   as: 'select'
 }).withConfig({
   displayName: "StyledSelect",
@@ -1000,7 +1000,7 @@ StyledSelect.defaultProps = {
 const COMPONENT_ID$9 = 'forms.select_wrapper';
 const StyledSelectWrapper = styled(StyledTextFauxInput).attrs({
   'data-garden-id': COMPONENT_ID$9,
-  'data-garden-version': '8.69.2'
+  'data-garden-version': '8.69.4'
 }).withConfig({
   displayName: "StyledSelectWrapper",
   componentId: "sc-i7b6hw-0"
@@ -1125,7 +1125,7 @@ const sizeStyles$6 = props => {
 };
 const StyledRangeInput = styled.input.attrs(props => ({
   'data-garden-id': COMPONENT_ID$8,
-  'data-garden-version': '8.69.2',
+  'data-garden-version': '8.69.4',
   type: 'range',
   style: {
     backgroundSize: props.hasLowerTrack && props.backgroundSize
@@ -1158,7 +1158,7 @@ StyledRangeInput.defaultProps = {
 const COMPONENT_ID$7 = 'forms.slider';
 const StyledSlider = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$7,
-  'data-garden-version': '8.69.2'
+  'data-garden-version': '8.69.4'
 }).withConfig({
   displayName: "StyledSlider",
   componentId: "sc-1di437a-0"
@@ -1190,7 +1190,7 @@ const sizeStyles$5 = props => {
 };
 const StyledSliderThumb = styled.div.attrs(props => ({
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '8.69.2',
+  'data-garden-version': '8.69.4',
   'aria-disabled': props.isDisabled
 })).withConfig({
   displayName: "StyledSliderThumb",
@@ -1220,7 +1220,7 @@ const sizeStyles$4 = props => {
 };
 const StyledSliderTrack = styled.div.attrs(props => ({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.69.2',
+  'data-garden-version': '8.69.4',
   'aria-disabled': props.isDisabled
 })).withConfig({
   displayName: "StyledSliderTrack",
@@ -1240,7 +1240,7 @@ const sizeStyles$3 = props => {
 };
 const StyledSliderTrackRail = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.69.2'
+  'data-garden-version': '8.69.4'
 }).withConfig({
   displayName: "StyledSliderTrackRail",
   componentId: "sc-1o5owbd-0"
@@ -1267,7 +1267,7 @@ const sizeStyles$2 = props => {
 };
 const StyledTileIcon = styled.span.attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '8.69.2'
+  'data-garden-version': '8.69.4'
 }).withConfig({
   displayName: "StyledTileIcon",
   componentId: "sc-1wazhg4-0"
@@ -1308,7 +1308,7 @@ const colorStyles = props => {
 };
 const StyledTile = styled.label.attrs(props => ({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.69.2',
+  'data-garden-version': '8.69.4',
   'data-garden-selected': props.isSelected
 })).withConfig({
   displayName: "StyledTile",
@@ -1332,7 +1332,7 @@ const sizeStyles$1 = props => {
 };
 const StyledTileDescription = styled.span.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.69.2'
+  'data-garden-version': '8.69.4'
 }).withConfig({
   displayName: "StyledTileDescription",
   componentId: "sc-xfuu7u-0"
@@ -1365,7 +1365,7 @@ const sizeStyles = props => {
 };
 const StyledTileLabel = styled.span.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.69.2'
+  'data-garden-version': '8.69.4'
 }).withConfig({
   displayName: "StyledTileLabel",
   componentId: "sc-1mypv27-0"

package/dist/typings/elements/Checkbox.d.ts

@@ -1,12 +1,12 @@
-/**
- * Copyright Zendesk, Inc.
- *
- * Use of this source code is governed under the Apache License, Version 2.0
- * found at http://www.apache.org/licenses/LICENSE-2.0.
- */
-import React from 'react';
-import { ICheckboxProps } from '../types';
-/**
- * @extends InputHTMLAttributes<HTMLInputElement>
- */
-export declare const Checkbox: React.ForwardRefExoticComponent<ICheckboxProps & React.RefAttributes<HTMLInputElement>>;
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+import React from 'react';
+import { ICheckboxProps } from '../types';
+/**
+ * @extends InputHTMLAttributes<HTMLInputElement>
+ */
+export declare const Checkbox: React.ForwardRefExoticComponent<ICheckboxProps & React.RefAttributes<HTMLInputElement>>;

package/dist/typings/elements/FileUpload.d.ts

@@ -1,15 +1,15 @@
-/**
- * Copyright Zendesk, Inc.
- *
- * Use of this source code is governed under the Apache License, Version 2.0
- * found at http://www.apache.org/licenses/LICENSE-2.0.
- */
-import React from 'react';
-import { IFileUploadProps } from '../types';
-/**
- * [1] A generic div is used for best support with `react-dropzone`.
- */
-/**
- * @extends HTMLAttributes<HTMLDivElement>
- */
-export declare const FileUpload: React.ForwardRefExoticComponent<IFileUploadProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+import React from 'react';
+import { IFileUploadProps } from '../types';
+/**
+ * [1] A generic div is used for best support with `react-dropzone`.
+ */
+/**
+ * @extends HTMLAttributes<HTMLDivElement>
+ */
+export declare const FileUpload: React.ForwardRefExoticComponent<IFileUploadProps & React.RefAttributes<HTMLDivElement>>;

package/dist/typings/elements/Input.d.ts

@@ -1,12 +1,12 @@
-/**
- * Copyright Zendesk, Inc.
- *
- * Use of this source code is governed under the Apache License, Version 2.0
- * found at http://www.apache.org/licenses/LICENSE-2.0.
- */
-import React from 'react';
-import { IInputProps } from '../types';
-/**
- * @extends InputHTMLAttributes<HTMLInputElement>
- */
-export declare const Input: React.ForwardRefExoticComponent<IInputProps & React.RefAttributes<HTMLInputElement>>;
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+import React from 'react';
+import { IInputProps } from '../types';
+/**
+ * @extends InputHTMLAttributes<HTMLInputElement>
+ */
+export declare const Input: React.ForwardRefExoticComponent<IInputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/typings/elements/MediaInput.d.ts

@@ -1,12 +1,12 @@
-/**
- * Copyright Zendesk, Inc.
- *
- * Use of this source code is governed under the Apache License, Version 2.0
- * found at http://www.apache.org/licenses/LICENSE-2.0.
- */
-import React from 'react';
-import { IMediaInputProps } from '../types';
-/**
- * @extends InputHTMLAttributes<HTMLInputElement>
- */
-export declare const MediaInput: React.ForwardRefExoticComponent<IMediaInputProps & React.RefAttributes<HTMLInputElement>>;
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+import React from 'react';
+import { IMediaInputProps } from '../types';
+/**
+ * @extends InputHTMLAttributes<HTMLInputElement>
+ */
+export declare const MediaInput: React.ForwardRefExoticComponent<IMediaInputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/typings/elements/MultiThumbRange.d.ts

@@ -1,12 +1,12 @@
-/**
- * Copyright Zendesk, Inc.
- *
- * Use of this source code is governed under the Apache License, Version 2.0
- * found at http://www.apache.org/licenses/LICENSE-2.0.
- */
-import React from 'react';
-import { IMultiThumbRangeProps } from '../types';
-/**
- * @extends HTMLAttributes<HTMLDivElement>
- */
-export declare const MultiThumbRange: React.ForwardRefExoticComponent<IMultiThumbRangeProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+import React from 'react';
+import { IMultiThumbRangeProps } from '../types';
+/**
+ * @extends HTMLAttributes<HTMLDivElement>
+ */
+export declare const MultiThumbRange: React.ForwardRefExoticComponent<IMultiThumbRangeProps & React.RefAttributes<HTMLDivElement>>;

package/dist/typings/elements/Radio.d.ts

@@ -1,12 +1,12 @@
-/**
- * Copyright Zendesk, Inc.
- *
- * Use of this source code is governed under the Apache License, Version 2.0
- * found at http://www.apache.org/licenses/LICENSE-2.0.
- */
-import React from 'react';
-import { IRadioProps } from '../types';
-/**
- * @extends InputHTMLAttributes<HTMLInputElement>
- */
-export declare const Radio: React.ForwardRefExoticComponent<IRadioProps & React.RefAttributes<HTMLInputElement>>;
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+import React from 'react';
+import { IRadioProps } from '../types';
+/**
+ * @extends InputHTMLAttributes<HTMLInputElement>
+ */
+export declare const Radio: React.ForwardRefExoticComponent<IRadioProps & React.RefAttributes<HTMLInputElement>>;

package/dist/typings/elements/Range.d.ts

@@ -1,12 +1,12 @@
-/**
- * Copyright Zendesk, Inc.
- *
- * Use of this source code is governed under the Apache License, Version 2.0
- * found at http://www.apache.org/licenses/LICENSE-2.0.
- */
-import React from 'react';
-import { IRangeProps } from '../types';
-/**
- * @extends InputHTMLAttributes<HTMLInputElement>
- */
-export declare const Range: React.ForwardRefExoticComponent<IRangeProps & React.RefAttributes<HTMLInputElement>>;
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+import React from 'react';
+import { IRangeProps } from '../types';
+/**
+ * @extends InputHTMLAttributes<HTMLInputElement>
+ */
+export declare const Range: React.ForwardRefExoticComponent<IRangeProps & React.RefAttributes<HTMLInputElement>>;

package/dist/typings/elements/Select.d.ts

@@ -1,12 +1,12 @@
-/**
- * Copyright Zendesk, Inc.
- *
- * Use of this source code is governed under the Apache License, Version 2.0
- * found at http://www.apache.org/licenses/LICENSE-2.0.
- */
-import React from 'react';
-import { ISelectProps } from '../types';
-/**
- * @extends SelectHTMLAttributes<HTMLSelectElement>
- */
-export declare const Select: React.ForwardRefExoticComponent<ISelectProps & React.RefAttributes<HTMLSelectElement>>;
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+import React from 'react';
+import { ISelectProps } from '../types';
+/**
+ * @extends SelectHTMLAttributes<HTMLSelectElement>
+ */
+export declare const Select: React.ForwardRefExoticComponent<ISelectProps & React.RefAttributes<HTMLSelectElement>>;