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

package/CHANGELOG.md

@@ -3,7 +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)
+
+
+### Bug Fixes
+
+* **many:** hide required asterisks from screenreaders ([78aec71](https://github.com/instructure/instructure-ui/commit/78aec71d1056df3a43ffd226d993c451a8fe9c1d))
 
 
 ### Features

package/es/NumberInput/index.js

@@ -183,8 +183,9 @@ let NumberInput = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle
     const interaction = this.interaction;
     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, Object.assign({}, pickProps(this.props, FormField.allowedProps), {
       label: label,
       inline: display === 'inline-block',

package/lib/NumberInput/index.js

@@ -195,8 +195,9 @@ let NumberInput = exports.NumberInput = (_dec = (0, _withDeterministicId.withDet
     const interaction = this.interaction;
     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, Object.assign({}, (0, _pickProps.pickProps)(this.props, _FormField.FormField.allowedProps), {
       label: label,
       inline: display === 'inline-block',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-number-input",
-  "version": "10.6.2-snapshot-9",
+  "version": "10.7.0",
   "description": "A UI component library made by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "homepage": "https://instructure.github.io/instructure-ui/",
@@ -23,11 +23,11 @@
     "ts:check": "tsc -p tsconfig.build.json --noEmit --emitDeclarationOnly false"
   },
   "devDependencies": {
-    "@instructure/ui-axe-check": "10.6.2-snapshot-9",
-    "@instructure/ui-babel-preset": "10.6.2-snapshot-9",
-    "@instructure/ui-scripts": "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-scripts": "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",
@@ -35,14 +35,14 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.25.6",
-    "@instructure/emotion": "10.6.2-snapshot-9",
-    "@instructure/shared-types": "10.6.2-snapshot-9",
-    "@instructure/ui-form-field": "10.6.2-snapshot-9",
-    "@instructure/ui-icons": "10.6.2-snapshot-9",
-    "@instructure/ui-react-utils": "10.6.2-snapshot-9",
-    "@instructure/ui-testable": "10.6.2-snapshot-9",
-    "@instructure/ui-utils": "10.6.2-snapshot-9",
-    "@instructure/uid": "10.6.2-snapshot-9",
+    "@instructure/emotion": "10.7.0",
+    "@instructure/shared-types": "10.7.0",
+    "@instructure/ui-form-field": "10.7.0",
+    "@instructure/ui-icons": "10.7.0",
+    "@instructure/ui-react-utils": "10.7.0",
+    "@instructure/ui-testable": "10.7.0",
+    "@instructure/ui-utils": "10.7.0",
+    "@instructure/uid": "10.7.0",
     "keycode": "^2",
     "prop-types": "^15.8.1"
   },

package/src/NumberInput/index.tsx

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