@zendeskgarden/react-forms 8.65.0 → 8.67.0

package/dist/index.cjs.js

@@ -68,7 +68,7 @@ const useFieldContext = () => {
 const COMPONENT_ID$K = 'forms.field';
 const StyledField = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$K,
-  'data-garden-version': '8.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledField",
   componentId: "sc-12gzfsu-0"
@@ -81,7 +81,7 @@ const COMPONENT_ID$J = 'forms.fieldset';
 const StyledFieldset = styled__default.default(StyledField).attrs({
   as: 'fieldset',
   'data-garden-id': COMPONENT_ID$J,
-  'data-garden-version': '8.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledFieldset",
   componentId: "sc-1vr4mxv-0"
@@ -93,7 +93,7 @@ StyledFieldset.defaultProps = {
 const COMPONENT_ID$I = 'forms.input_label';
 const StyledLabel = styled__default.default.label.attrs({
   'data-garden-id': COMPONENT_ID$I,
-  'data-garden-version': '8.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledLabel",
   componentId: "sc-2utmsz-0"
@@ -106,7 +106,7 @@ const COMPONENT_ID$H = 'forms.fieldset_legend';
 const StyledLegend = styled__default.default(StyledLabel).attrs({
   as: 'legend',
   'data-garden-id': COMPONENT_ID$H,
-  'data-garden-version': '8.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledLegend",
   componentId: "sc-6s0zwq-0"
@@ -118,7 +118,7 @@ StyledLegend.defaultProps = {
 const COMPONENT_ID$G = 'forms.input_hint';
 const StyledHint = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$G,
-  'data-garden-version': '8.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledHint",
   componentId: "sc-17c2wu8-0"
@@ -223,7 +223,7 @@ const MessageIcon = _ref => {
 const COMPONENT_ID$F = 'forms.input_message_icon';
 const StyledMessageIcon = styled__default.default(MessageIcon).attrs({
   'data-garden-id': COMPONENT_ID$F,
-  'data-garden-version': '8.65.0',
+  'data-garden-version': '8.67.0',
   'aria-hidden': null
 }).withConfig({
   displayName: "StyledMessageIcon",
@@ -251,7 +251,7 @@ const validationStyles = props => {
 const COMPONENT_ID$E = 'forms.input_message';
 const StyledMessage = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$E,
-  'data-garden-version': '8.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledMessage",
   componentId: "sc-30hgg7-0"
@@ -330,7 +330,7 @@ const sizeStyles$f = props => {
 };
 const StyledTextInput = styled__default.default.input.attrs(props => ({
   'data-garden-id': COMPONENT_ID$D,
-  'data-garden-version': '8.65.0',
+  'data-garden-version': '8.67.0',
   'aria-invalid': isInvalid(props.validation)
 })).withConfig({
   displayName: "StyledTextInput",
@@ -353,7 +353,7 @@ const hiddenStyles = `
 const StyledTextarea = styled__default.default(StyledTextInput).attrs({
   as: 'textarea',
   'data-garden-id': COMPONENT_ID$C,
-  'data-garden-version': '8.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledTextarea",
   componentId: "sc-wxschl-0"
@@ -399,7 +399,7 @@ _ref => {
   return React__namespace.default.cloneElement(React.Children.only(children), props);
 }).attrs({
   'data-garden-id': COMPONENT_ID$B,
-  'data-garden-version': '8.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledTextMediaFigure",
   componentId: "sc-1qepknj-0"
@@ -414,7 +414,7 @@ const StyledTextFauxInput = styled__default.default(StyledTextInput).attrs(props
   'aria-readonly': props.isReadOnly,
   'aria-disabled': props.isDisabled,
   'data-garden-id': COMPONENT_ID$A,
-  'data-garden-version': '8.65.0'
+  'data-garden-version': '8.67.0'
 })).withConfig({
   displayName: "StyledTextFauxInput",
   componentId: "sc-yqw7j9-0"
@@ -426,7 +426,7 @@ StyledTextFauxInput.defaultProps = {
 const COMPONENT_ID$z = 'forms.media_input';
 const StyledTextMediaInput = styled__default.default(StyledTextInput).attrs({
   'data-garden-id': COMPONENT_ID$z,
-  'data-garden-version': '8.65.0',
+  'data-garden-version': '8.67.0',
   isBare: true
 }).withConfig({
   displayName: "StyledTextMediaInput",
@@ -448,7 +448,7 @@ const itemStyles = props => {
 };
 const StyledInputGroup = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$y,
-  'data-garden-version': '8.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledInputGroup",
   componentId: "sc-kjh1f0-0"
@@ -466,7 +466,7 @@ const sizeStyles$d = props => {
 };
 const StyledRadioLabel = styled__default.default(StyledLabel).attrs({
   'data-garden-id': COMPONENT_ID$x,
-  'data-garden-version': '8.65.0',
+  'data-garden-version': '8.67.0',
   isRadio: true
 }).withConfig({
   displayName: "StyledRadioLabel",
@@ -479,7 +479,7 @@ StyledRadioLabel.defaultProps = {
 const COMPONENT_ID$w = 'forms.checkbox_label';
 const StyledCheckLabel = styled__default.default(StyledRadioLabel).attrs({
   'data-garden-id': COMPONENT_ID$w,
-  'data-garden-version': '8.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledCheckLabel",
   componentId: "sc-x7nr1-0"
@@ -491,7 +491,7 @@ StyledCheckLabel.defaultProps = {
 const COMPONENT_ID$v = 'forms.radio_hint';
 const StyledRadioHint = styled__default.default(StyledHint).attrs({
   'data-garden-id': COMPONENT_ID$v,
-  'data-garden-version': '8.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledRadioHint",
   componentId: "sc-eo8twg-0"
@@ -503,7 +503,7 @@ StyledRadioHint.defaultProps = {
 const COMPONENT_ID$u = 'forms.checkbox_hint';
 const StyledCheckHint = styled__default.default(StyledRadioHint).attrs({
   'data-garden-id': COMPONENT_ID$u,
-  'data-garden-version': '8.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledCheckHint",
   componentId: "sc-1kl8e8c-0"
@@ -545,7 +545,7 @@ const sizeStyles$c = props => {
 };
 const StyledRadioInput = styled__default.default.input.attrs({
   'data-garden-id': COMPONENT_ID$t,
-  'data-garden-version': '8.65.0',
+  'data-garden-version': '8.67.0',
   type: 'radio'
 }).withConfig({
   displayName: "StyledRadioInput",
@@ -567,7 +567,7 @@ const colorStyles$8 = props => {
 };
 const StyledCheckInput = styled__default.default(StyledRadioInput).attrs({
   'data-garden-id': COMPONENT_ID$s,
-  'data-garden-version': '8.65.0',
+  'data-garden-version': '8.67.0',
   type: 'checkbox'
 }).withConfig({
   displayName: "StyledCheckInput",
@@ -580,7 +580,7 @@ StyledCheckInput.defaultProps = {
 const COMPONENT_ID$r = 'forms.radio_message';
 const StyledRadioMessage = styled__default.default(StyledMessage).attrs({
   'data-garden-id': COMPONENT_ID$r,
-  'data-garden-version': '8.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledRadioMessage",
   componentId: "sc-1pmi0q8-0"
@@ -592,7 +592,7 @@ StyledRadioMessage.defaultProps = {
 const COMPONENT_ID$q = 'forms.checkbox_message';
 const StyledCheckMessage = styled__default.default(StyledRadioMessage).attrs({
   'data-garden-id': COMPONENT_ID$q,
-  'data-garden-version': '8.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledCheckMessage",
   componentId: "sc-s4p6kd-0"
@@ -624,7 +624,7 @@ var SvgCheckSmFill = function SvgCheckSmFill(props) {
 const COMPONENT_ID$p = 'forms.check_svg';
 const StyledCheckSvg = styled__default.default(SvgCheckSmFill).attrs({
   'data-garden-id': COMPONENT_ID$p,
-  'data-garden-version': '8.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledCheckSvg",
   componentId: "sc-fvxetk-0"
@@ -654,7 +654,7 @@ var SvgDashFill = function SvgDashFill(props) {
 const COMPONENT_ID$o = 'forms.dash_svg';
 const StyledDashSvg = styled__default.default(SvgDashFill).attrs({
   'data-garden-id': COMPONENT_ID$o,
-  'data-garden-version': '8.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledDashSvg",
   componentId: "sc-z3vq71-0"
@@ -683,7 +683,7 @@ const sizeStyles$b = props => {
 };
 const StyledFileUpload = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$n,
-  'data-garden-version': '8.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledFileUpload",
   componentId: "sc-1rodjgn-0"
@@ -695,7 +695,7 @@ StyledFileUpload.defaultProps = {
 const COMPONENT_ID$m = 'forms.file.close';
 const StyledFileClose = styled__default.default.button.attrs({
   'data-garden-id': COMPONENT_ID$m,
-  'data-garden-version': '8.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledFileClose",
   componentId: "sc-1m31jbf-0"
@@ -762,7 +762,7 @@ const sizeStyles$a = props => {
 };
 const StyledFile = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$l,
-  'data-garden-version': '8.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledFile",
   componentId: "sc-195lzp1-0"
@@ -774,7 +774,7 @@ StyledFile.defaultProps = {
 const COMPONENT_ID$k = 'forms.file.delete';
 const StyledFileDelete = styled__default.default(StyledFileClose).attrs({
   'data-garden-id': COMPONENT_ID$k,
-  'data-garden-version': '8.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledFileDelete",
   componentId: "sc-a8nnhx-0"
@@ -794,7 +794,7 @@ const StyledFileIcon = styled__default.default(_ref => {
   return React__namespace.default.cloneElement(React.Children.only(children), props);
 }).attrs({
   'data-garden-id': COMPONENT_ID$j,
-  'data-garden-version': '8.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledFileIcon",
   componentId: "sc-7b3q0c-0"
@@ -806,7 +806,7 @@ StyledFileIcon.defaultProps = {
 const COMPONENT_ID$i = 'forms.file_list';
 const StyledFileList = styled__default.default.ul.attrs({
   'data-garden-id': COMPONENT_ID$i,
-  'data-garden-version': '8.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledFileList",
   componentId: "sc-gbahjg-0"
@@ -818,7 +818,7 @@ StyledFileList.defaultProps = {
 const COMPONENT_ID$h = 'forms.file_list.item';
 const StyledFileListItem = styled__default.default.li.attrs({
   'data-garden-id': COMPONENT_ID$h,
-  'data-garden-version': '8.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledFileListItem",
   componentId: "sc-1ova3lo-0"
@@ -848,7 +848,7 @@ var SvgCircleSmFill$1 = function SvgCircleSmFill(props) {
 const COMPONENT_ID$g = 'forms.radio_svg';
 const StyledRadioSvg = styled__default.default(SvgCircleSmFill$1).attrs({
   'data-garden-id': COMPONENT_ID$g,
-  'data-garden-version': '8.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledRadioSvg",
   componentId: "sc-1r1qtr1-0"
@@ -865,7 +865,7 @@ const sizeStyles$9 = props => {
 };
 const StyledToggleLabel = styled__default.default(StyledCheckLabel).attrs({
   'data-garden-id': COMPONENT_ID$f,
-  'data-garden-version': '8.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledToggleLabel",
   componentId: "sc-e0asdk-0"
@@ -877,7 +877,7 @@ StyledToggleLabel.defaultProps = {
 const COMPONENT_ID$e = 'forms.toggle_hint';
 const StyledToggleHint = styled__default.default(StyledHint).attrs({
   'data-garden-id': COMPONENT_ID$e,
-  'data-garden-version': '8.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledToggleHint",
   componentId: "sc-nziggu-0"
@@ -904,7 +904,7 @@ const sizeStyles$8 = props => {
 };
 const StyledToggleInput = styled__default.default(StyledCheckInput).attrs({
   'data-garden-id': COMPONENT_ID$d,
-  'data-garden-version': '8.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledToggleInput",
   componentId: "sc-sgp47s-0"
@@ -916,7 +916,7 @@ StyledToggleInput.defaultProps = {
 const COMPONENT_ID$c = 'forms.toggle_message';
 const StyledToggleMessage = styled__default.default(StyledMessage).attrs({
   'data-garden-id': COMPONENT_ID$c,
-  'data-garden-version': '8.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledToggleMessage",
   componentId: "sc-13vuvl1-0"
@@ -946,7 +946,7 @@ var SvgCircleSmFill = function SvgCircleSmFill(props) {
 const COMPONENT_ID$b = 'forms.toggle_svg';
 const StyledToggleSvg = styled__default.default(SvgCircleSmFill).attrs({
   'data-garden-id': COMPONENT_ID$b,
-  'data-garden-version': '8.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledToggleSvg",
   componentId: "sc-162xbyx-0"
@@ -968,7 +968,7 @@ const sizeStyles$7 = props => {
 };
 const StyledSelect = styled__default.default(StyledTextInput).attrs({
   'data-garden-id': COMPONENT_ID$a,
-  'data-garden-version': '8.65.0',
+  'data-garden-version': '8.67.0',
   as: 'select'
 }).withConfig({
   displayName: "StyledSelect",
@@ -981,7 +981,7 @@ StyledSelect.defaultProps = {
 const COMPONENT_ID$9 = 'forms.select_wrapper';
 const StyledSelectWrapper = styled__default.default(StyledTextFauxInput).attrs({
   'data-garden-id': COMPONENT_ID$9,
-  'data-garden-version': '8.65.0',
+  'data-garden-version': '8.67.0',
   isBare: true
 }).withConfig({
   displayName: "StyledSelectWrapper",
@@ -1105,7 +1105,7 @@ const sizeStyles$6 = props => {
 };
 const StyledRangeInput = styled__default.default.input.attrs(props => ({
   'data-garden-id': COMPONENT_ID$8,
-  'data-garden-version': '8.65.0',
+  'data-garden-version': '8.67.0',
   type: 'range',
   style: {
     backgroundSize: props.hasLowerTrack && props.backgroundSize
@@ -1138,7 +1138,7 @@ StyledRangeInput.defaultProps = {
 const COMPONENT_ID$7 = 'forms.slider';
 const StyledSlider = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$7,
-  'data-garden-version': '8.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledSlider",
   componentId: "sc-1di437a-0"
@@ -1169,7 +1169,7 @@ const sizeStyles$5 = props => {
 };
 const StyledSliderThumb = styled__default.default.div.attrs(props => ({
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '8.65.0',
+  'data-garden-version': '8.67.0',
   'aria-disabled': props.isDisabled
 })).withConfig({
   displayName: "StyledSliderThumb",
@@ -1199,7 +1199,7 @@ const sizeStyles$4 = props => {
 };
 const StyledSliderTrack = styled__default.default.div.attrs(props => ({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.65.0',
+  'data-garden-version': '8.67.0',
   'aria-disabled': props.isDisabled
 })).withConfig({
   displayName: "StyledSliderTrack",
@@ -1219,7 +1219,7 @@ const sizeStyles$3 = props => {
 };
 const StyledSliderTrackRail = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledSliderTrackRail",
   componentId: "sc-1o5owbd-0"
@@ -1246,7 +1246,7 @@ const sizeStyles$2 = props => {
 };
 const StyledTileIcon = styled__default.default.span.attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '8.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledTileIcon",
   componentId: "sc-1wazhg4-0"
@@ -1281,7 +1281,7 @@ const colorStyles = props => {
 };
 const StyledTile = styled__default.default.label.attrs(props => ({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.65.0',
+  'data-garden-version': '8.67.0',
   'data-garden-focus-visible': props.isFocused,
   'data-garden-selected': props.isSelected
 })).withConfig({
@@ -1306,7 +1306,7 @@ const sizeStyles$1 = props => {
 };
 const StyledTileDescription = styled__default.default.span.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledTileDescription",
   componentId: "sc-xfuu7u-0"
@@ -1339,7 +1339,7 @@ const sizeStyles = props => {
 };
 const StyledTileLabel = styled__default.default.span.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledTileLabel",
   componentId: "sc-1mypv27-0"
@@ -1590,7 +1590,7 @@ const Message = React__namespace.default.forwardRef((_ref, ref) => {
   if (getMessageProps) {
     combinedProps = getMessageProps(combinedProps);
   }
-  const ariaLabel = reactTheming.useText(Message, combinedProps, 'validationLabel', validation);
+  const ariaLabel = reactTheming.useText(Message, combinedProps, 'validationLabel', validation, validation !== undefined);
   return React__namespace.default.createElement(MessageComponent, _extends$t({
     ref: ref
   }, combinedProps), validation && React__namespace.default.createElement(StyledMessageIcon, {

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.65.0'
+  'data-garden-version': '8.67.0'
 }).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.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledFieldset",
   componentId: "sc-1vr4mxv-0"
@@ -66,7 +66,7 @@ StyledFieldset.defaultProps = {
 const COMPONENT_ID$I = 'forms.input_label';
 const StyledLabel = styled.label.attrs({
   'data-garden-id': COMPONENT_ID$I,
-  'data-garden-version': '8.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledLabel",
   componentId: "sc-2utmsz-0"
@@ -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.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledLegend",
   componentId: "sc-6s0zwq-0"
@@ -91,7 +91,7 @@ StyledLegend.defaultProps = {
 const COMPONENT_ID$G = 'forms.input_hint';
 const StyledHint = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$G,
-  'data-garden-version': '8.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledHint",
   componentId: "sc-17c2wu8-0"
@@ -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.65.0',
+  'data-garden-version': '8.67.0',
   'aria-hidden': null
 }).withConfig({
   displayName: "StyledMessageIcon",
@@ -224,7 +224,7 @@ const validationStyles = props => {
 const COMPONENT_ID$E = 'forms.input_message';
 const StyledMessage = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$E,
-  'data-garden-version': '8.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledMessage",
   componentId: "sc-30hgg7-0"
@@ -303,7 +303,7 @@ const sizeStyles$f = props => {
 };
 const StyledTextInput = styled.input.attrs(props => ({
   'data-garden-id': COMPONENT_ID$D,
-  'data-garden-version': '8.65.0',
+  'data-garden-version': '8.67.0',
   'aria-invalid': isInvalid(props.validation)
 })).withConfig({
   displayName: "StyledTextInput",
@@ -326,7 +326,7 @@ const hiddenStyles = `
 const StyledTextarea = styled(StyledTextInput).attrs({
   as: 'textarea',
   'data-garden-id': COMPONENT_ID$C,
-  'data-garden-version': '8.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledTextarea",
   componentId: "sc-wxschl-0"
@@ -372,7 +372,7 @@ _ref => {
   return React__default.cloneElement(Children.only(children), props);
 }).attrs({
   'data-garden-id': COMPONENT_ID$B,
-  'data-garden-version': '8.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledTextMediaFigure",
   componentId: "sc-1qepknj-0"
@@ -387,7 +387,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.65.0'
+  'data-garden-version': '8.67.0'
 })).withConfig({
   displayName: "StyledTextFauxInput",
   componentId: "sc-yqw7j9-0"
@@ -399,7 +399,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.65.0',
+  'data-garden-version': '8.67.0',
   isBare: true
 }).withConfig({
   displayName: "StyledTextMediaInput",
@@ -421,7 +421,7 @@ const itemStyles = props => {
 };
 const StyledInputGroup = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$y,
-  'data-garden-version': '8.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledInputGroup",
   componentId: "sc-kjh1f0-0"
@@ -439,7 +439,7 @@ const sizeStyles$d = props => {
 };
 const StyledRadioLabel = styled(StyledLabel).attrs({
   'data-garden-id': COMPONENT_ID$x,
-  'data-garden-version': '8.65.0',
+  'data-garden-version': '8.67.0',
   isRadio: true
 }).withConfig({
   displayName: "StyledRadioLabel",
@@ -452,7 +452,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.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledCheckLabel",
   componentId: "sc-x7nr1-0"
@@ -464,7 +464,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.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledRadioHint",
   componentId: "sc-eo8twg-0"
@@ -476,7 +476,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.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledCheckHint",
   componentId: "sc-1kl8e8c-0"
@@ -518,7 +518,7 @@ const sizeStyles$c = props => {
 };
 const StyledRadioInput = styled.input.attrs({
   'data-garden-id': COMPONENT_ID$t,
-  'data-garden-version': '8.65.0',
+  'data-garden-version': '8.67.0',
   type: 'radio'
 }).withConfig({
   displayName: "StyledRadioInput",
@@ -540,7 +540,7 @@ const colorStyles$8 = props => {
 };
 const StyledCheckInput = styled(StyledRadioInput).attrs({
   'data-garden-id': COMPONENT_ID$s,
-  'data-garden-version': '8.65.0',
+  'data-garden-version': '8.67.0',
   type: 'checkbox'
 }).withConfig({
   displayName: "StyledCheckInput",
@@ -553,7 +553,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.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledRadioMessage",
   componentId: "sc-1pmi0q8-0"
@@ -565,7 +565,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.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledCheckMessage",
   componentId: "sc-s4p6kd-0"
@@ -597,7 +597,7 @@ 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.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledCheckSvg",
   componentId: "sc-fvxetk-0"
@@ -627,7 +627,7 @@ 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.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledDashSvg",
   componentId: "sc-z3vq71-0"
@@ -656,7 +656,7 @@ const sizeStyles$b = props => {
 };
 const StyledFileUpload = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$n,
-  'data-garden-version': '8.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledFileUpload",
   componentId: "sc-1rodjgn-0"
@@ -668,7 +668,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.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledFileClose",
   componentId: "sc-1m31jbf-0"
@@ -735,7 +735,7 @@ const sizeStyles$a = props => {
 };
 const StyledFile = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$l,
-  'data-garden-version': '8.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledFile",
   componentId: "sc-195lzp1-0"
@@ -747,7 +747,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.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledFileDelete",
   componentId: "sc-a8nnhx-0"
@@ -767,7 +767,7 @@ const StyledFileIcon = styled(_ref => {
   return React__default.cloneElement(Children.only(children), props);
 }).attrs({
   'data-garden-id': COMPONENT_ID$j,
-  'data-garden-version': '8.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledFileIcon",
   componentId: "sc-7b3q0c-0"
@@ -779,7 +779,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.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledFileList",
   componentId: "sc-gbahjg-0"
@@ -791,7 +791,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.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledFileListItem",
   componentId: "sc-1ova3lo-0"
@@ -821,7 +821,7 @@ 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.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledRadioSvg",
   componentId: "sc-1r1qtr1-0"
@@ -838,7 +838,7 @@ const sizeStyles$9 = props => {
 };
 const StyledToggleLabel = styled(StyledCheckLabel).attrs({
   'data-garden-id': COMPONENT_ID$f,
-  'data-garden-version': '8.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledToggleLabel",
   componentId: "sc-e0asdk-0"
@@ -850,7 +850,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.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledToggleHint",
   componentId: "sc-nziggu-0"
@@ -877,7 +877,7 @@ const sizeStyles$8 = props => {
 };
 const StyledToggleInput = styled(StyledCheckInput).attrs({
   'data-garden-id': COMPONENT_ID$d,
-  'data-garden-version': '8.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledToggleInput",
   componentId: "sc-sgp47s-0"
@@ -889,7 +889,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.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledToggleMessage",
   componentId: "sc-13vuvl1-0"
@@ -919,7 +919,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.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledToggleSvg",
   componentId: "sc-162xbyx-0"
@@ -941,7 +941,7 @@ const sizeStyles$7 = props => {
 };
 const StyledSelect = styled(StyledTextInput).attrs({
   'data-garden-id': COMPONENT_ID$a,
-  'data-garden-version': '8.65.0',
+  'data-garden-version': '8.67.0',
   as: 'select'
 }).withConfig({
   displayName: "StyledSelect",
@@ -954,7 +954,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.65.0',
+  'data-garden-version': '8.67.0',
   isBare: true
 }).withConfig({
   displayName: "StyledSelectWrapper",
@@ -1078,7 +1078,7 @@ const sizeStyles$6 = props => {
 };
 const StyledRangeInput = styled.input.attrs(props => ({
   'data-garden-id': COMPONENT_ID$8,
-  'data-garden-version': '8.65.0',
+  'data-garden-version': '8.67.0',
   type: 'range',
   style: {
     backgroundSize: props.hasLowerTrack && props.backgroundSize
@@ -1111,7 +1111,7 @@ StyledRangeInput.defaultProps = {
 const COMPONENT_ID$7 = 'forms.slider';
 const StyledSlider = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$7,
-  'data-garden-version': '8.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledSlider",
   componentId: "sc-1di437a-0"
@@ -1142,7 +1142,7 @@ const sizeStyles$5 = props => {
 };
 const StyledSliderThumb = styled.div.attrs(props => ({
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '8.65.0',
+  'data-garden-version': '8.67.0',
   'aria-disabled': props.isDisabled
 })).withConfig({
   displayName: "StyledSliderThumb",
@@ -1172,7 +1172,7 @@ const sizeStyles$4 = props => {
 };
 const StyledSliderTrack = styled.div.attrs(props => ({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.65.0',
+  'data-garden-version': '8.67.0',
   'aria-disabled': props.isDisabled
 })).withConfig({
   displayName: "StyledSliderTrack",
@@ -1192,7 +1192,7 @@ const sizeStyles$3 = props => {
 };
 const StyledSliderTrackRail = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledSliderTrackRail",
   componentId: "sc-1o5owbd-0"
@@ -1219,7 +1219,7 @@ const sizeStyles$2 = props => {
 };
 const StyledTileIcon = styled.span.attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '8.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledTileIcon",
   componentId: "sc-1wazhg4-0"
@@ -1254,7 +1254,7 @@ const colorStyles = props => {
 };
 const StyledTile = styled.label.attrs(props => ({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.65.0',
+  'data-garden-version': '8.67.0',
   'data-garden-focus-visible': props.isFocused,
   'data-garden-selected': props.isSelected
 })).withConfig({
@@ -1279,7 +1279,7 @@ const sizeStyles$1 = props => {
 };
 const StyledTileDescription = styled.span.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledTileDescription",
   componentId: "sc-xfuu7u-0"
@@ -1312,7 +1312,7 @@ const sizeStyles = props => {
 };
 const StyledTileLabel = styled.span.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.65.0'
+  'data-garden-version': '8.67.0'
 }).withConfig({
   displayName: "StyledTileLabel",
   componentId: "sc-1mypv27-0"
@@ -1563,7 +1563,7 @@ const Message = React__default.forwardRef((_ref, ref) => {
   if (getMessageProps) {
     combinedProps = getMessageProps(combinedProps);
   }
-  const ariaLabel = useText(Message, combinedProps, 'validationLabel', validation);
+  const ariaLabel = useText(Message, combinedProps, 'validationLabel', validation, validation !== undefined);
   return React__default.createElement(MessageComponent, _extends$t({
     ref: ref
   }, combinedProps), validation && React__default.createElement(StyledMessageIcon, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-forms",
-  "version": "8.65.0",
+  "version": "8.67.0",
   "description": "Components relating to form elements in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -30,14 +30,14 @@
     "react-merge-refs": "^1.1.0"
   },
   "peerDependencies": {
-    "@zendeskgarden/react-theming": "^8.1.0",
+    "@zendeskgarden/react-theming": "^8.65.0",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
     "styled-components": "^4.2.0 || ^5.0.0"
   },
   "devDependencies": {
     "@types/lodash.debounce": "4.0.7",
-    "@zendeskgarden/react-theming": "^8.65.0",
+    "@zendeskgarden/react-theming": "^8.67.0",
     "@zendeskgarden/svg-icons": "6.33.0",
     "react-dropzone": "14.2.3"
   },
@@ -51,5 +51,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "b702124a0055fdb7540f0d27b34ccbc9d552fc7a"
+  "gitHead": "50a98b0cd7c85bed2ed88ad869e6f2cd3fc68f62"
 }