@instructure/ui-checkbox 11.7.4-snapshot-113 → 11.7.4-snapshot-116

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.
 
-## [11.7.4-snapshot-113](https://github.com/instructure/instructure-ui/compare/v11.7.3...v11.7.4-snapshot-113) (2026-07-20)
+## [11.7.4-snapshot-116](https://github.com/instructure/instructure-ui/compare/v11.7.3...v11.7.4-snapshot-116) (2026-07-20)
 
-**Note:** Version bump only for package @instructure/ui-checkbox
+
+### Features
+
+* **ui-checkbox:** add aria-invalid attribute to Checkbox when validation errors are present ([8301bf9](https://github.com/instructure/instructure-ui/commit/8301bf9f2e2b5e498b601c064d02d9d3f8f4b863))
 
 
 

package/es/Checkbox/v1/index.js

@@ -260,6 +260,7 @@ let Checkbox = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, g
           required: isRequired,
           disabled: disabled || readOnly,
           "aria-checked": indeterminate ? 'mixed' : undefined,
+          "aria-invalid": this.invalid ? 'true' : undefined,
           css: styles?.input,
           onChange: this.handleChange,
           onKeyDown: createChainedFunction(onKeyDown, this.handleKeyDown),

package/es/Checkbox/v2/index.js

@@ -268,6 +268,7 @@ let Checkbox = (_dec = withDeterministicId(), _dec2 = withStyleNew(generateStyle
           readOnly: readOnly,
           "aria-readonly": readOnly ? true : undefined,
           "aria-checked": indeterminate ? 'mixed' : undefined,
+          "aria-invalid": this.invalid ? 'true' : undefined,
           css: styles?.input,
           onClickCapture: e => {
             if (readOnly) {

package/lib/Checkbox/v1/index.js

@@ -280,6 +280,7 @@ let Checkbox = exports.Checkbox = (_dec = (0, _withDeterministicId.withDetermini
           required: isRequired,
           disabled: disabled || readOnly,
           "aria-checked": indeterminate ? 'mixed' : undefined,
+          "aria-invalid": this.invalid ? 'true' : undefined,
           css: styles?.input,
           onChange: this.handleChange,
           onKeyDown: (0, _createChainedFunction.createChainedFunction)(onKeyDown, this.handleKeyDown),

package/lib/Checkbox/v2/index.js

@@ -288,6 +288,7 @@ let Checkbox = exports.Checkbox = (_dec = (0, _withDeterministicId.withDetermini
           readOnly: readOnly,
           "aria-readonly": readOnly ? true : undefined,
           "aria-checked": indeterminate ? 'mixed' : undefined,
+          "aria-invalid": this.invalid ? 'true' : undefined,
           css: styles?.input,
           onClickCapture: e => {
             if (readOnly) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-checkbox",
-  "version": "11.7.4-snapshot-113",
+  "version": "11.7.4-snapshot-116",
   "description": " styled HTML input type='checkbox' component.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -16,27 +16,27 @@
   "dependencies": {
     "@babel/runtime": "^7.29.7",
     "keycode": "^2",
-    "@instructure/console": "11.7.4-snapshot-113",
-    "@instructure/emotion": "11.7.4-snapshot-113",
-    "@instructure/ui-dom-utils": "11.7.4-snapshot-113",
-    "@instructure/shared-types": "11.7.4-snapshot-113",
-    "@instructure/ui-form-field": "11.7.4-snapshot-113",
-    "@instructure/ui-icons": "11.7.4-snapshot-113",
-    "@instructure/ui-react-utils": "11.7.4-snapshot-113",
-    "@instructure/ui-utils": "11.7.4-snapshot-113",
-    "@instructure/ui-view": "11.7.4-snapshot-113",
-    "@instructure/ui-themes": "11.7.4-snapshot-113",
-    "@instructure/ui-svg-images": "11.7.4-snapshot-113",
-    "@instructure/uid": "11.7.4-snapshot-113"
+    "@instructure/console": "11.7.4-snapshot-116",
+    "@instructure/ui-dom-utils": "11.7.4-snapshot-116",
+    "@instructure/emotion": "11.7.4-snapshot-116",
+    "@instructure/ui-form-field": "11.7.4-snapshot-116",
+    "@instructure/shared-types": "11.7.4-snapshot-116",
+    "@instructure/ui-react-utils": "11.7.4-snapshot-116",
+    "@instructure/ui-svg-images": "11.7.4-snapshot-116",
+    "@instructure/ui-utils": "11.7.4-snapshot-116",
+    "@instructure/ui-view": "11.7.4-snapshot-116",
+    "@instructure/ui-icons": "11.7.4-snapshot-116",
+    "@instructure/uid": "11.7.4-snapshot-116",
+    "@instructure/ui-themes": "11.7.4-snapshot-116"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "16.3.2",
     "@testing-library/user-event": "^14.6.1",
     "vitest": "^4.1.9",
-    "@instructure/ui-axe-check": "11.7.4-snapshot-113",
-    "@instructure/ui-babel-preset": "11.7.4-snapshot-113",
-    "@instructure/ui-color-utils": "11.7.4-snapshot-113"
+    "@instructure/ui-babel-preset": "11.7.4-snapshot-116",
+    "@instructure/ui-axe-check": "11.7.4-snapshot-116",
+    "@instructure/ui-color-utils": "11.7.4-snapshot-116"
   },
   "peerDependencies": {
     "react": ">=18 <=19"

package/src/Checkbox/v1/index.tsx

@@ -333,6 +333,7 @@ class Checkbox extends Component<CheckboxProps, CheckboxState> {
             required={isRequired}
             disabled={disabled || readOnly}
             aria-checked={indeterminate ? 'mixed' : undefined}
+            aria-invalid={this.invalid ? 'true' : undefined}
             css={styles?.input}
             onChange={this.handleChange}
             onKeyDown={createChainedFunction(onKeyDown, this.handleKeyDown)}

package/src/Checkbox/v2/index.tsx

@@ -337,6 +337,7 @@ class Checkbox extends Component<CheckboxProps, CheckboxState> {
             readOnly={readOnly}
             aria-readonly={readOnly ? true : undefined}
             aria-checked={indeterminate ? 'mixed' : undefined}
+            aria-invalid={this.invalid ? 'true' : undefined}
             css={styles?.input}
             onClickCapture={(e) => {
               if (readOnly) {