terra-form-field
Advanced tools
Comparing version 4.8.0 to 4.9.0
@@ -5,2 +5,7 @@ # Changelog | ||
## 4.9.0 - (September 29, 2020) | ||
* Fixed | ||
* Fixed voiceover issues in label-group. | ||
## 4.8.0 - (August 6, 2020) | ||
@@ -7,0 +12,0 @@ |
@@ -220,3 +220,4 @@ "use strict"; | ||
}), required && (isInvalid || !hideRequired) && /*#__PURE__*/_react.default.createElement("div", { | ||
className: cx('required') | ||
className: cx('required'), | ||
"aria-hidden": "true" | ||
}, "*"), label, required && !isInvalid && hideRequired && /*#__PURE__*/_react.default.createElement("div", { | ||
@@ -227,3 +228,3 @@ className: cx('required-hidden') | ||
}, function (optionalText) { | ||
return /*#__PURE__*/_react.default.createElement("div", { | ||
return /*#__PURE__*/_react.default.createElement("span", { | ||
className: cx('optional') | ||
@@ -230,0 +231,0 @@ }, optionalText); |
{ | ||
"name": "terra-form-field", | ||
"main": "lib/Field.js", | ||
"version": "4.8.0", | ||
"version": "4.9.0", | ||
"description": "The Form Field component handles the layout of the label, help text and error text associated with a form element.", | ||
@@ -48,3 +48,3 @@ "repository": { | ||
}, | ||
"gitHead": "93790f21ad3382b31afbbbea59a67fc5353ed378" | ||
"gitHead": "95141beff02c3e36ad8e83433fdda3881fcc083a" | ||
} |
@@ -181,3 +181,3 @@ import React from 'react'; | ||
<label htmlFor={htmlFor} {...labelAttrs} className={labelClassNames}> | ||
{required && (isInvalid || !hideRequired) && <div className={cx('required')}>*</div>} | ||
{required && (isInvalid || !hideRequired) && <div className={cx('required')} aria-hidden="true">*</div>} | ||
{label} | ||
@@ -189,3 +189,3 @@ {required && !isInvalid && hideRequired && <div className={cx('required-hidden')}>*</div>} | ||
{optionalText => ( | ||
<div className={cx('optional')}>{optionalText}</div> | ||
<span className={cx('optional')}>{optionalText}</span> | ||
)} | ||
@@ -192,0 +192,0 @@ </FormattedMessage> |
114154
1950