@instructure/ui-checkbox 10.2.3-snapshot-3 → 10.2.3-snapshot-6

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 (8) hide show
  1. package/CHANGELOG.md +5 -2
  2. package/es/Checkbox/index.js +4 -2
  3. package/lib/Checkbox/index.js +4 -2
  4. package/package.json +19 -19
  5. package/src/Checkbox/README.md +11 -0
  6. package/src/Checkbox/index.tsx +2 -0
  7. package/tsconfig.build.tsbuildinfo +1 -1
  8. package/types/Checkbox/index.d.ts.map +1 -1
package/CHANGELOG.md CHANGED
@@ -3,9 +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
- ## [10.2.3-snapshot-3](https://github.com/instructure/instructure-ui/compare/v10.2.2...v10.2.3-snapshot-3) (2024-09-20)
6
+ ## [10.2.3-snapshot-6](https://github.com/instructure/instructure-ui/compare/v10.2.2...v10.2.3-snapshot-6) (2024-09-27)
7
7
 
8
- **Note:** Version bump only for package @instructure/ui-checkbox
8
+
9
+ ### Bug Fixes
10
+
11
+ * **ui-progress,ui-range-input:** use just the native HTML elements instead of ARIA tags ([f0fa72c](https://github.com/instructure/instructure-ui/commit/f0fa72c7d716ab2cb0af191debe27db1e911c19a))
9
12
 
10
13
 
11
14
 
package/es/Checkbox/index.js CHANGED
@@ -195,8 +195,10 @@ let Checkbox = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, n
195
195
  const props = omitProps(this.props, Checkbox.allowedProps);
196
196
  error(!(variant === 'toggle' && indeterminate), `[Checkbox] The \`toggle\` variant does not support the \`indeterminate\` property. Use the \`simple\` variant instead.`);
197
197
  return jsx("div", {
198
- css: styles === null || styles === void 0 ? void 0 : styles.checkbox,
199
- onMouseOver: createChainedFunction(onMouseOver, this.handleMouseOver),
198
+ css: styles === null || styles === void 0 ? void 0 : styles.checkbox
199
+ /* eslint-disable-next-line jsx-a11y/mouse-events-have-key-events */,
200
+ onMouseOver: createChainedFunction(onMouseOver, this.handleMouseOver)
201
+ /* eslint-disable-next-line jsx-a11y/mouse-events-have-key-events */,
200
202
  onMouseOut: createChainedFunction(onMouseOut, this.handleMouseOut),
201
203
  ref: this.handleRef
202
204
  }, jsx("div", {
package/lib/Checkbox/index.js CHANGED
@@ -216,8 +216,10 @@ let Checkbox = exports.Checkbox = (_dec = (0, _withDeterministicId.withDetermini
216
216
  const props = (0, _omitProps.omitProps)(this.props, Checkbox.allowedProps);
217
217
  (0, _console.logError)(!(variant === 'toggle' && indeterminate), `[Checkbox] The \`toggle\` variant does not support the \`indeterminate\` property. Use the \`simple\` variant instead.`);
218
218
  return (0, _emotion.jsx)("div", {
219
- css: styles === null || styles === void 0 ? void 0 : styles.checkbox,
220
- onMouseOver: (0, _createChainedFunction.createChainedFunction)(onMouseOver, this.handleMouseOver),
219
+ css: styles === null || styles === void 0 ? void 0 : styles.checkbox
220
+ /* eslint-disable-next-line jsx-a11y/mouse-events-have-key-events */,
221
+ onMouseOver: (0, _createChainedFunction.createChainedFunction)(onMouseOver, this.handleMouseOver)
222
+ /* eslint-disable-next-line jsx-a11y/mouse-events-have-key-events */,
221
223
  onMouseOut: (0, _createChainedFunction.createChainedFunction)(onMouseOut, this.handleMouseOut),
222
224
  ref: this.handleRef
223
225
  }, (0, _emotion.jsx)("div", {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-checkbox",
3
- "version": "10.2.3-snapshot-3",
3
+ "version": "10.2.3-snapshot-6",
4
4
  "description": " styled HTML input type='checkbox' component.",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "module": "./es/index.js",
@@ -24,28 +24,28 @@
24
24
  "license": "MIT",
25
25
  "dependencies": {
26
26
  "@babel/runtime": "^7.24.5",
27
- "@instructure/console": "10.2.3-snapshot-3",
28
- "@instructure/emotion": "10.2.3-snapshot-3",
29
- "@instructure/shared-types": "10.2.3-snapshot-3",
30
- "@instructure/ui-dom-utils": "10.2.3-snapshot-3",
31
- "@instructure/ui-form-field": "10.2.3-snapshot-3",
32
- "@instructure/ui-icons": "10.2.3-snapshot-3",
33
- "@instructure/ui-prop-types": "10.2.3-snapshot-3",
34
- "@instructure/ui-react-utils": "10.2.3-snapshot-3",
35
- "@instructure/ui-svg-images": "10.2.3-snapshot-3",
36
- "@instructure/ui-testable": "10.2.3-snapshot-3",
37
- "@instructure/ui-utils": "10.2.3-snapshot-3",
38
- "@instructure/ui-view": "10.2.3-snapshot-3",
39
- "@instructure/uid": "10.2.3-snapshot-3",
27
+ "@instructure/console": "10.2.3-snapshot-6",
28
+ "@instructure/emotion": "10.2.3-snapshot-6",
29
+ "@instructure/shared-types": "10.2.3-snapshot-6",
30
+ "@instructure/ui-dom-utils": "10.2.3-snapshot-6",
31
+ "@instructure/ui-form-field": "10.2.3-snapshot-6",
32
+ "@instructure/ui-icons": "10.2.3-snapshot-6",
33
+ "@instructure/ui-prop-types": "10.2.3-snapshot-6",
34
+ "@instructure/ui-react-utils": "10.2.3-snapshot-6",
35
+ "@instructure/ui-svg-images": "10.2.3-snapshot-6",
36
+ "@instructure/ui-testable": "10.2.3-snapshot-6",
37
+ "@instructure/ui-utils": "10.2.3-snapshot-6",
38
+ "@instructure/ui-view": "10.2.3-snapshot-6",
39
+ "@instructure/uid": "10.2.3-snapshot-6",
40
40
  "keycode": "^2",
41
41
  "prop-types": "^15.8.1"
42
42
  },
43
43
  "devDependencies": {
44
- "@instructure/ui-axe-check": "10.2.3-snapshot-3",
45
- "@instructure/ui-babel-preset": "10.2.3-snapshot-3",
46
- "@instructure/ui-color-utils": "10.2.3-snapshot-3",
47
- "@instructure/ui-test-utils": "10.2.3-snapshot-3",
48
- "@instructure/ui-themes": "10.2.3-snapshot-3",
44
+ "@instructure/ui-axe-check": "10.2.3-snapshot-6",
45
+ "@instructure/ui-babel-preset": "10.2.3-snapshot-6",
46
+ "@instructure/ui-color-utils": "10.2.3-snapshot-6",
47
+ "@instructure/ui-test-utils": "10.2.3-snapshot-6",
48
+ "@instructure/ui-themes": "10.2.3-snapshot-6",
49
49
  "@testing-library/jest-dom": "^6.4.6",
50
50
  "@testing-library/react": "^15.0.7",
51
51
  "@testing-library/user-event": "^14.5.2",
package/src/Checkbox/README.md CHANGED
@@ -273,3 +273,14 @@ type: embed
273
273
  </Figure>
274
274
  </Guidelines>
275
275
  ```
276
+
277
+ ```js
278
+ ---
279
+ type: embed
280
+ ---
281
+ <Guidelines>
282
+ <Figure recommendation="a11y" title="Accessibility">
283
+ <Figure.Item>Do not add business logic to `onMouseOver` or `onMouseOut` events. These events are not triggered by keyboard navigation</Figure.Item>
284
+ </Figure>
285
+ </Guidelines>
286
+ ```
package/src/Checkbox/index.tsx CHANGED
@@ -269,7 +269,9 @@ class Checkbox extends Component<CheckboxProps, CheckboxState> {
269
269
  return (
270
270
  <div
271
271
  css={styles?.checkbox}
272
+ /* eslint-disable-next-line jsx-a11y/mouse-events-have-key-events */
272
273
  onMouseOver={createChainedFunction(onMouseOver, this.handleMouseOver)}
274
+ /* eslint-disable-next-line jsx-a11y/mouse-events-have-key-events */
273
275
  onMouseOut={createChainedFunction(onMouseOut, this.handleMouseOut)}
274
276
  ref={this.handleRef}
275
277
  >