@instructure/ui-text-input 10.6.2-snapshot-9 → 10.7.0

package/CHANGELOG.md

@@ -3,9 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [10.6.2-snapshot-9](https://github.com/instructure/instructure-ui/compare/v10.6.1...v10.6.2-snapshot-9) (2024-12-03)
+# [10.7.0](https://github.com/instructure/instructure-ui/compare/v10.6.1...v10.7.0) (2024-12-03)
 
-**Note:** Version bump only for package @instructure/ui-text-input
+
+### Bug Fixes
+
+* **many:** hide required asterisks from screenreaders ([78aec71](https://github.com/instructure/instructure-ui/commit/78aec71d1056df3a43ffd226d993c451a8fe9c1d))
 
 
 

package/es/TextInput/index.js

@@ -250,8 +250,9 @@ let TextInput = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle,
     const renderBeforeOrAfter = !!beforeElement || !!afterElement;
     const rawLabel = callRenderProp(renderLabel);
     const label = hasVisibleChildren(rawLabel) ? jsx(React.Fragment, null, rawLabel, isRequired && jsx("span", {
-      css: this.invalid ? styles === null || styles === void 0 ? void 0 : styles.requiredInvalid : {}
-    }, " *")) : rawLabel;
+      css: this.invalid ? styles === null || styles === void 0 ? void 0 : styles.requiredInvalid : {},
+      "aria-hidden": true
+    }, ' ', "*")) : rawLabel;
     return jsx(FormField, {
       id: this.id,
       label: label,

package/lib/TextInput/index.js

@@ -260,8 +260,9 @@ let TextInput = exports.TextInput = (_dec = (0, _withDeterministicId.withDetermi
     const renderBeforeOrAfter = !!beforeElement || !!afterElement;
     const rawLabel = (0, _callRenderProp.callRenderProp)(renderLabel);
     const label = (0, _hasVisibleChildren.hasVisibleChildren)(rawLabel) ? (0, _emotion.jsx)(_react.default.Fragment, null, rawLabel, isRequired && (0, _emotion.jsx)("span", {
-      css: this.invalid ? styles === null || styles === void 0 ? void 0 : styles.requiredInvalid : {}
-    }, " *")) : rawLabel;
+      css: this.invalid ? styles === null || styles === void 0 ? void 0 : styles.requiredInvalid : {},
+      "aria-hidden": true
+    }, ' ', "*")) : rawLabel;
     return (0, _emotion.jsx)(_FormField.FormField, {
       id: this.id,
       label: label,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-text-input",
-  "version": "10.6.2-snapshot-9",
+  "version": "10.7.0",
   "description": "A styled HTML text input component.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -23,12 +23,12 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-axe-check": "10.6.2-snapshot-9",
-    "@instructure/ui-babel-preset": "10.6.2-snapshot-9",
-    "@instructure/ui-badge": "10.6.2-snapshot-9",
-    "@instructure/ui-color-utils": "10.6.2-snapshot-9",
-    "@instructure/ui-test-utils": "10.6.2-snapshot-9",
-    "@instructure/ui-themes": "10.6.2-snapshot-9",
+    "@instructure/ui-axe-check": "10.7.0",
+    "@instructure/ui-babel-preset": "10.7.0",
+    "@instructure/ui-badge": "10.7.0",
+    "@instructure/ui-color-utils": "10.7.0",
+    "@instructure/ui-test-utils": "10.7.0",
+    "@instructure/ui-themes": "10.7.0",
     "@testing-library/jest-dom": "^6.4.6",
     "@testing-library/react": "^16.0.1",
     "@testing-library/user-event": "^14.5.2",
@@ -36,15 +36,15 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.25.6",
-    "@instructure/emotion": "10.6.2-snapshot-9",
-    "@instructure/shared-types": "10.6.2-snapshot-9",
-    "@instructure/ui-dom-utils": "10.6.2-snapshot-9",
-    "@instructure/ui-form-field": "10.6.2-snapshot-9",
-    "@instructure/ui-icons": "10.6.2-snapshot-9",
-    "@instructure/ui-prop-types": "10.6.2-snapshot-9",
-    "@instructure/ui-react-utils": "10.6.2-snapshot-9",
-    "@instructure/ui-tag": "10.6.2-snapshot-9",
-    "@instructure/ui-testable": "10.6.2-snapshot-9",
+    "@instructure/emotion": "10.7.0",
+    "@instructure/shared-types": "10.7.0",
+    "@instructure/ui-dom-utils": "10.7.0",
+    "@instructure/ui-form-field": "10.7.0",
+    "@instructure/ui-icons": "10.7.0",
+    "@instructure/ui-prop-types": "10.7.0",
+    "@instructure/ui-react-utils": "10.7.0",
+    "@instructure/ui-tag": "10.7.0",
+    "@instructure/ui-testable": "10.7.0",
     "prop-types": "^15.8.1"
   },
   "peerDependencies": {

package/src/TextInput/index.tsx

@@ -333,7 +333,13 @@ class TextInput extends Component<TextInputProps, TextInputState> {
       <React.Fragment>
         {rawLabel}
         {isRequired && (
-          <span css={this.invalid ? styles?.requiredInvalid : {}}> *</span>
+          <span
+            css={this.invalid ? styles?.requiredInvalid : {}}
+            aria-hidden={true}
+          >
+            {' '}
+            *
+          </span>
         )}
       </React.Fragment>
     ) : (