@instructure/ui-checkbox 11.7.5-snapshot-36 → 11.7.5-snapshot-41

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/CHANGELOG.md +2 -1
  2. package/es/Checkbox/v2/index.js +2 -0
  3. package/lib/Checkbox/v2/index.js +2 -0
  4. package/package.json +16 -16
  5. package/src/Checkbox/v2/index.tsx +2 -0
  6. package/tsconfig.build.tsbuildinfo +1 -1
  7. package/types/Checkbox/v2/index.d.ts.map +1 -1
package/CHANGELOG.md CHANGED
@@ -3,11 +3,12 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
- ## [11.7.5-snapshot-36](https://github.com/instructure/instructure-ui/compare/v11.7.4...v11.7.5-snapshot-36) (2026-08-12)
6
+ ## [11.7.5-snapshot-41](https://github.com/instructure/instructure-ui/compare/v11.7.4...v11.7.5-snapshot-41) (2026-08-17)
7
7
 
8
8
 
9
9
  ### Bug Fixes
10
10
 
11
+ * **ui-checkbox:** announce the toggle variant as a toggle button ([c713660](https://github.com/instructure/instructure-ui/commit/c7136606d91ef7dd59c7479a6d65565b24dea972))
11
12
  * **ui-checkbox:** fix message indentation ([dfaa13a](https://github.com/instructure/instructure-ui/commit/dfaa13ad61ca4f53bd445211e661fae6cd9a02e1))
12
13
 
13
14
 
package/es/Checkbox/v2/index.js CHANGED
@@ -278,6 +278,8 @@ let Checkbox = (_dec = withDeterministicId(), _dec2 = withStyleNew(generateStyle
278
278
  readOnly: readOnly,
279
279
  "aria-readonly": readOnly ? true : undefined,
280
280
  "aria-checked": indeterminate ? 'mixed' : undefined,
281
+ role: variant === 'toggle' ? 'button' : undefined,
282
+ "aria-pressed": variant === 'toggle' ? this.checked : undefined,
281
283
  "aria-invalid": this.invalid ? 'true' : undefined
282
284
  // Keep messages in the description so the accessible name contains only the label.
283
285
  ,
package/lib/Checkbox/v2/index.js CHANGED
@@ -298,6 +298,8 @@ let Checkbox = exports.Checkbox = (_dec = (0, _withDeterministicId.withDetermini
298
298
  readOnly: readOnly,
299
299
  "aria-readonly": readOnly ? true : undefined,
300
300
  "aria-checked": indeterminate ? 'mixed' : undefined,
301
+ role: variant === 'toggle' ? 'button' : undefined,
302
+ "aria-pressed": variant === 'toggle' ? this.checked : undefined,
301
303
  "aria-invalid": this.invalid ? 'true' : undefined
302
304
  // Keep messages in the description so the accessible name contains only the label.
303
305
  ,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-checkbox",
3
- "version": "11.7.5-snapshot-36",
3
+ "version": "11.7.5-snapshot-41",
4
4
  "description": " styled HTML input type='checkbox' component.",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "module": "./es/index.js",
@@ -16,27 +16,27 @@
16
16
  "dependencies": {
17
17
  "@babel/runtime": "^7.29.7",
18
18
  "keycode": "^2",
19
- "@instructure/console": "11.7.5-snapshot-36",
20
- "@instructure/shared-types": "11.7.5-snapshot-36",
21
- "@instructure/ui-form-field": "11.7.5-snapshot-36",
22
- "@instructure/ui-dom-utils": "11.7.5-snapshot-36",
23
- "@instructure/emotion": "11.7.5-snapshot-36",
24
- "@instructure/ui-icons": "11.7.5-snapshot-36",
25
- "@instructure/ui-react-utils": "11.7.5-snapshot-36",
26
- "@instructure/ui-themes": "11.7.5-snapshot-36",
27
- "@instructure/ui-svg-images": "11.7.5-snapshot-36",
28
- "@instructure/ui-utils": "11.7.5-snapshot-36",
29
- "@instructure/ui-view": "11.7.5-snapshot-36",
30
- "@instructure/uid": "11.7.5-snapshot-36"
19
+ "@instructure/console": "11.7.5-snapshot-41",
20
+ "@instructure/shared-types": "11.7.5-snapshot-41",
21
+ "@instructure/ui-dom-utils": "11.7.5-snapshot-41",
22
+ "@instructure/ui-form-field": "11.7.5-snapshot-41",
23
+ "@instructure/emotion": "11.7.5-snapshot-41",
24
+ "@instructure/ui-icons": "11.7.5-snapshot-41",
25
+ "@instructure/ui-react-utils": "11.7.5-snapshot-41",
26
+ "@instructure/ui-svg-images": "11.7.5-snapshot-41",
27
+ "@instructure/ui-themes": "11.7.5-snapshot-41",
28
+ "@instructure/ui-utils": "11.7.5-snapshot-41",
29
+ "@instructure/ui-view": "11.7.5-snapshot-41",
30
+ "@instructure/uid": "11.7.5-snapshot-41"
31
31
  },
32
32
  "devDependencies": {
33
33
  "@testing-library/jest-dom": "^6.9.1",
34
34
  "@testing-library/react": "16.3.2",
35
35
  "@testing-library/user-event": "^14.6.1",
36
36
  "vitest": "^4.1.9",
37
- "@instructure/ui-axe-check": "11.7.5-snapshot-36",
38
- "@instructure/ui-babel-preset": "11.7.5-snapshot-36",
39
- "@instructure/ui-color-utils": "11.7.5-snapshot-36"
37
+ "@instructure/ui-babel-preset": "11.7.5-snapshot-41",
38
+ "@instructure/ui-axe-check": "11.7.5-snapshot-41",
39
+ "@instructure/ui-color-utils": "11.7.5-snapshot-41"
40
40
  },
41
41
  "peerDependencies": {
42
42
  "react": ">=18 <=19"
package/src/Checkbox/v2/index.tsx CHANGED
@@ -342,6 +342,8 @@ class Checkbox extends Component<CheckboxProps, CheckboxState> {
342
342
  readOnly={readOnly}
343
343
  aria-readonly={readOnly ? true : undefined}
344
344
  aria-checked={indeterminate ? 'mixed' : undefined}
345
+ role={variant === 'toggle' ? 'button' : undefined}
346
+ aria-pressed={variant === 'toggle' ? this.checked : undefined}
345
347
  aria-invalid={this.invalid ? 'true' : undefined}
346
348
  // Keep messages in the description so the accessible name contains only the label.
347
349
  aria-labelledby={