@instructure/ui-checkbox 10.13.0 → 10.13.1-pr-snapshot-1741357986437
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.
- package/CHANGELOG.md +8 -0
- package/lib/Checkbox/CheckboxFacade/__new-tests__/CheckboxFacade.test.js +2 -2
- package/lib/Checkbox/CheckboxFacade/index.js +4 -4
- package/lib/Checkbox/ToggleFacade/__new-tests__/ToggleFacade.test.js +2 -2
- package/lib/Checkbox/ToggleFacade/index.js +3 -4
- package/lib/Checkbox/__new-tests__/Checkbox.test.js +3 -3
- package/lib/Checkbox/index.js +16 -17
- package/lib/Checkbox/props.js +4 -4
- package/lib/CheckboxGroup/__new-tests__/CheckboxGroup.test.js +2 -2
- package/lib/CheckboxGroup/index.js +7 -11
- package/lib/CheckboxGroup/props.js +5 -6
- package/package.json +19 -19
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,14 @@
|
|
|
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.13.1-pr-snapshot-1741357986437](https://github.com/instructure/instructure-ui/compare/v10.13.0...v10.13.1-pr-snapshot-1741357986437) (2025-03-07)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @instructure/ui-checkbox
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
6
14
|
# [10.13.0](https://github.com/instructure/instructure-ui/compare/v10.12.0...v10.13.0) (2025-03-06)
|
|
7
15
|
|
|
8
16
|
|
|
@@ -5,7 +5,7 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
5
5
|
var _react2 = require("@testing-library/react");
|
|
6
6
|
var _vitest = require("vitest");
|
|
7
7
|
require("@testing-library/jest-dom");
|
|
8
|
-
var
|
|
8
|
+
var _uiAxeCheck = require("@instructure/ui-axe-check");
|
|
9
9
|
var _index = require("../index");
|
|
10
10
|
var _CheckboxFacade, _CheckboxFacade2;
|
|
11
11
|
/*
|
|
@@ -52,7 +52,7 @@ describe('<CheckboxFacade />', () => {
|
|
|
52
52
|
it('should meet a11y standards', async () => {
|
|
53
53
|
const _render = (0, _react2.render)(_CheckboxFacade2 || (_CheckboxFacade2 = /*#__PURE__*/_react.default.createElement(_index.CheckboxFacade, null, TEST_TEXT))),
|
|
54
54
|
container = _render.container;
|
|
55
|
-
const axeCheck = await (0,
|
|
55
|
+
const axeCheck = await (0, _uiAxeCheck.runAxeCheck)(container);
|
|
56
56
|
expect(axeCheck).toBe(true);
|
|
57
57
|
});
|
|
58
58
|
});
|
|
@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.default = exports.CheckboxFacade = void 0;
|
|
8
8
|
var _react = require("react");
|
|
9
|
-
var
|
|
10
|
-
var
|
|
9
|
+
var _uiSvgImages = require("@instructure/ui-svg-images");
|
|
10
|
+
var _uiIcons = require("@instructure/ui-icons");
|
|
11
11
|
var _emotion = require("@instructure/emotion");
|
|
12
12
|
var _styles = _interopRequireDefault(require("./styles"));
|
|
13
13
|
var _theme = _interopRequireDefault(require("./theme"));
|
|
@@ -60,7 +60,7 @@ let CheckboxFacade = exports.CheckboxFacade = (_dec = (0, _emotion.withStyle)(_s
|
|
|
60
60
|
}
|
|
61
61
|
renderIcon() {
|
|
62
62
|
if (this.props.indeterminate) {
|
|
63
|
-
return _SVGIcon || (_SVGIcon = (0, _emotion.jsx)(
|
|
63
|
+
return _SVGIcon || (_SVGIcon = (0, _emotion.jsx)(_uiSvgImages.SVGIcon, {
|
|
64
64
|
viewBox: "0 0 1920 1920",
|
|
65
65
|
inline: false
|
|
66
66
|
}, (0, _emotion.jsx)("rect", {
|
|
@@ -70,7 +70,7 @@ let CheckboxFacade = exports.CheckboxFacade = (_dec = (0, _emotion.withStyle)(_s
|
|
|
70
70
|
height: "280"
|
|
71
71
|
})));
|
|
72
72
|
} else if (this.props.checked) {
|
|
73
|
-
return _IconCheckMarkSolid || (_IconCheckMarkSolid = (0, _emotion.jsx)(
|
|
73
|
+
return _IconCheckMarkSolid || (_IconCheckMarkSolid = (0, _emotion.jsx)(_uiIcons.IconCheckMarkSolid, {
|
|
74
74
|
inline: false
|
|
75
75
|
}));
|
|
76
76
|
} else {
|
|
@@ -5,7 +5,7 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
5
5
|
var _react2 = require("@testing-library/react");
|
|
6
6
|
var _vitest = require("vitest");
|
|
7
7
|
require("@testing-library/jest-dom");
|
|
8
|
-
var
|
|
8
|
+
var _uiAxeCheck = require("@instructure/ui-axe-check");
|
|
9
9
|
var _index = require("../index");
|
|
10
10
|
var _ToggleFacade, _ToggleFacade2;
|
|
11
11
|
/*
|
|
@@ -52,7 +52,7 @@ describe('<ToggleFacade />', () => {
|
|
|
52
52
|
it('should meet a11y standards', async () => {
|
|
53
53
|
const _render = (0, _react2.render)(_ToggleFacade2 || (_ToggleFacade2 = /*#__PURE__*/_react.default.createElement(_index.ToggleFacade, null, TEST_TEXT))),
|
|
54
54
|
container = _render.container;
|
|
55
|
-
const axeCheck = await (0,
|
|
55
|
+
const axeCheck = await (0, _uiAxeCheck.runAxeCheck)(container);
|
|
56
56
|
expect(axeCheck).toBe(true);
|
|
57
57
|
});
|
|
58
58
|
});
|
|
@@ -6,8 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.default = exports.ToggleFacade = void 0;
|
|
8
8
|
var _react = require("react");
|
|
9
|
-
var
|
|
10
|
-
var _IconXSolid = require("@instructure/ui-icons/lib/IconXSolid.js");
|
|
9
|
+
var _uiIcons = require("@instructure/ui-icons");
|
|
11
10
|
var _emotion = require("@instructure/emotion");
|
|
12
11
|
var _styles = _interopRequireDefault(require("./styles"));
|
|
13
12
|
var _theme = _interopRequireDefault(require("./theme"));
|
|
@@ -63,11 +62,11 @@ let ToggleFacade = exports.ToggleFacade = (_dec = (0, _emotion.withStyle)(_style
|
|
|
63
62
|
styles = _this$props3.styles,
|
|
64
63
|
checked = _this$props3.checked;
|
|
65
64
|
if (checked) {
|
|
66
|
-
return (0, _emotion.jsx)(
|
|
65
|
+
return (0, _emotion.jsx)(_uiIcons.IconCheckSolid, {
|
|
67
66
|
css: styles === null || styles === void 0 ? void 0 : styles.iconSVG
|
|
68
67
|
});
|
|
69
68
|
} else {
|
|
70
|
-
return (0, _emotion.jsx)(
|
|
69
|
+
return (0, _emotion.jsx)(_uiIcons.IconXSolid, {
|
|
71
70
|
css: styles === null || styles === void 0 ? void 0 : styles.iconSVG
|
|
72
71
|
});
|
|
73
72
|
}
|
|
@@ -6,7 +6,7 @@ var _react2 = require("@testing-library/react");
|
|
|
6
6
|
var _vitest = require("vitest");
|
|
7
7
|
var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
|
|
8
8
|
require("@testing-library/jest-dom");
|
|
9
|
-
var
|
|
9
|
+
var _uiAxeCheck = require("@instructure/ui-axe-check");
|
|
10
10
|
var _index = require("../index");
|
|
11
11
|
/*
|
|
12
12
|
* The MIT License (MIT)
|
|
@@ -210,7 +210,7 @@ describe('<Checkbox />', () => {
|
|
|
210
210
|
variant: 'simple'
|
|
211
211
|
}),
|
|
212
212
|
container = _renderCheckbox2.container;
|
|
213
|
-
const axeCheck = await (0,
|
|
213
|
+
const axeCheck = await (0, _uiAxeCheck.runAxeCheck)(container);
|
|
214
214
|
expect(axeCheck).toBe(true);
|
|
215
215
|
});
|
|
216
216
|
it('`toggle` variant should meet standards', async () => {
|
|
@@ -218,7 +218,7 @@ describe('<Checkbox />', () => {
|
|
|
218
218
|
variant: 'toggle'
|
|
219
219
|
}),
|
|
220
220
|
container = _renderCheckbox3.container;
|
|
221
|
-
const axeCheck = await (0,
|
|
221
|
+
const axeCheck = await (0, _uiAxeCheck.runAxeCheck)(container);
|
|
222
222
|
expect(axeCheck).toBe(true);
|
|
223
223
|
});
|
|
224
224
|
});
|
package/lib/Checkbox/index.js
CHANGED
|
@@ -21,14 +21,13 @@ Object.defineProperty(exports, "ToggleFacade", {
|
|
|
21
21
|
exports.default = void 0;
|
|
22
22
|
var _react = _interopRequireWildcard(require("react"));
|
|
23
23
|
var _keycode = _interopRequireDefault(require("keycode"));
|
|
24
|
-
var
|
|
25
|
-
var
|
|
24
|
+
var _uiFormField = require("@instructure/ui-form-field");
|
|
25
|
+
var _uiUtils = require("@instructure/ui-utils");
|
|
26
26
|
var _console = require("@instructure/console");
|
|
27
|
-
var
|
|
28
|
-
var
|
|
29
|
-
var
|
|
30
|
-
var
|
|
31
|
-
var _testable = require("@instructure/ui-testable/lib/testable.js");
|
|
27
|
+
var _uiDomUtils = require("@instructure/ui-dom-utils");
|
|
28
|
+
var _uiReactUtils = require("@instructure/ui-react-utils");
|
|
29
|
+
var _uiView = require("@instructure/ui-view");
|
|
30
|
+
var _uiTestable = require("@instructure/ui-testable");
|
|
32
31
|
var _emotion = require("@instructure/emotion");
|
|
33
32
|
var _CheckboxFacade = require("./CheckboxFacade");
|
|
34
33
|
var _ToggleFacade = require("./ToggleFacade");
|
|
@@ -66,7 +65,7 @@ category: components
|
|
|
66
65
|
tags: toggle, switch
|
|
67
66
|
---
|
|
68
67
|
**/
|
|
69
|
-
let Checkbox = exports.Checkbox = (_dec = (0,
|
|
68
|
+
let Checkbox = exports.Checkbox = (_dec = (0, _uiReactUtils.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec3 = (0, _uiTestable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = (_Checkbox = class Checkbox extends _react.Component {
|
|
70
69
|
constructor(props) {
|
|
71
70
|
super(props);
|
|
72
71
|
this._defaultId = void 0;
|
|
@@ -152,7 +151,7 @@ let Checkbox = exports.Checkbox = (_dec = (0, _withDeterministicId.withDetermini
|
|
|
152
151
|
return typeof this.props.checked === 'undefined' ? this.state.checked : this.props.checked;
|
|
153
152
|
}
|
|
154
153
|
get focused() {
|
|
155
|
-
return (0,
|
|
154
|
+
return (0, _uiDomUtils.isActiveElement)(this._input);
|
|
156
155
|
}
|
|
157
156
|
get isNewError() {
|
|
158
157
|
var _this$props$messages;
|
|
@@ -215,11 +214,11 @@ let Checkbox = exports.Checkbox = (_dec = (0, _withDeterministicId.withDetermini
|
|
|
215
214
|
messages = _this$props5.messages,
|
|
216
215
|
styles = _this$props5.styles,
|
|
217
216
|
variant = _this$props5.variant;
|
|
218
|
-
return messages && messages.length > 0 ? (0, _emotion.jsx)(
|
|
217
|
+
return messages && messages.length > 0 ? (0, _emotion.jsx)(_uiView.View, {
|
|
219
218
|
display: "block",
|
|
220
219
|
margin: "small 0 0",
|
|
221
220
|
css: this.isNewError && (variant === 'toggle' ? styles === null || styles === void 0 ? void 0 : styles.indentedToggleError : styles === null || styles === void 0 ? void 0 : styles.indentedError)
|
|
222
|
-
}, (0, _emotion.jsx)(
|
|
221
|
+
}, (0, _emotion.jsx)(_uiFormField.FormFieldMessages, {
|
|
223
222
|
messages: messages
|
|
224
223
|
})) : null;
|
|
225
224
|
}
|
|
@@ -237,14 +236,14 @@ let Checkbox = exports.Checkbox = (_dec = (0, _withDeterministicId.withDetermini
|
|
|
237
236
|
variant = _this$props6.variant,
|
|
238
237
|
styles = _this$props6.styles,
|
|
239
238
|
isRequired = _this$props6.isRequired;
|
|
240
|
-
const props = (0,
|
|
239
|
+
const props = (0, _uiReactUtils.omitProps)(this.props, Checkbox.allowedProps);
|
|
241
240
|
(0, _console.logError)(!(variant === 'toggle' && indeterminate), `[Checkbox] The \`toggle\` variant does not support the \`indeterminate\` property. Use the \`simple\` variant instead.`);
|
|
242
241
|
return (0, _emotion.jsx)("div", {
|
|
243
242
|
css: styles === null || styles === void 0 ? void 0 : styles.checkbox
|
|
244
243
|
/* eslint-disable-next-line jsx-a11y/mouse-events-have-key-events */,
|
|
245
|
-
onMouseOver: (0,
|
|
244
|
+
onMouseOver: (0, _uiUtils.createChainedFunction)(onMouseOver, this.handleMouseOver)
|
|
246
245
|
/* eslint-disable-next-line jsx-a11y/mouse-events-have-key-events */,
|
|
247
|
-
onMouseOut: (0,
|
|
246
|
+
onMouseOut: (0, _uiUtils.createChainedFunction)(onMouseOut, this.handleMouseOut),
|
|
248
247
|
ref: this.handleRef
|
|
249
248
|
}, (0, _emotion.jsx)("div", {
|
|
250
249
|
css: styles === null || styles === void 0 ? void 0 : styles.container
|
|
@@ -260,9 +259,9 @@ let Checkbox = exports.Checkbox = (_dec = (0, _withDeterministicId.withDetermini
|
|
|
260
259
|
"aria-checked": indeterminate ? 'mixed' : void 0,
|
|
261
260
|
css: styles === null || styles === void 0 ? void 0 : styles.input,
|
|
262
261
|
onChange: this.handleChange,
|
|
263
|
-
onKeyDown: (0,
|
|
264
|
-
onFocus: (0,
|
|
265
|
-
onBlur: (0,
|
|
262
|
+
onKeyDown: (0, _uiUtils.createChainedFunction)(onKeyDown, this.handleKeyDown),
|
|
263
|
+
onFocus: (0, _uiUtils.createChainedFunction)(onFocus, this.handleFocus),
|
|
264
|
+
onBlur: (0, _uiUtils.createChainedFunction)(onBlur, this.handleBlur),
|
|
266
265
|
checked: this.checked
|
|
267
266
|
})), (0, _emotion.jsx)("label", {
|
|
268
267
|
htmlFor: this.id,
|
package/lib/Checkbox/props.js
CHANGED
|
@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.propTypes = exports.allowedProps = void 0;
|
|
8
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
-
var
|
|
10
|
-
var
|
|
9
|
+
var _uiFormField = require("@instructure/ui-form-field");
|
|
10
|
+
var _uiPropTypes = require("@instructure/ui-prop-types");
|
|
11
11
|
/*
|
|
12
12
|
* The MIT License (MIT)
|
|
13
13
|
*
|
|
@@ -36,9 +36,9 @@ const propTypes = exports.propTypes = {
|
|
|
36
36
|
label: _propTypes.default.node.isRequired,
|
|
37
37
|
id: _propTypes.default.string,
|
|
38
38
|
value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
|
|
39
|
-
messages: _propTypes.default.arrayOf(
|
|
39
|
+
messages: _propTypes.default.arrayOf(_uiFormField.FormPropTypes.message),
|
|
40
40
|
defaultChecked: _propTypes.default.bool,
|
|
41
|
-
checked: (0,
|
|
41
|
+
checked: (0, _uiPropTypes.controllable)(_propTypes.default.bool, 'onChange', 'defaultChecked'),
|
|
42
42
|
onChange: _propTypes.default.func,
|
|
43
43
|
onKeyDown: _propTypes.default.func,
|
|
44
44
|
onFocus: _propTypes.default.func,
|
|
@@ -6,7 +6,7 @@ var _react2 = require("@testing-library/react");
|
|
|
6
6
|
var _vitest = require("vitest");
|
|
7
7
|
var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
|
|
8
8
|
require("@testing-library/jest-dom");
|
|
9
|
-
var
|
|
9
|
+
var _uiAxeCheck = require("@instructure/ui-axe-check");
|
|
10
10
|
var _index = require("../index");
|
|
11
11
|
var _Checkbox3 = require("../../Checkbox");
|
|
12
12
|
var _Checkbox, _Checkbox2;
|
|
@@ -203,7 +203,7 @@ describe('<CheckboxGroup />', () => {
|
|
|
203
203
|
it('should meet standards', async () => {
|
|
204
204
|
const _renderCheckboxGroup3 = renderCheckboxGroup(),
|
|
205
205
|
container = _renderCheckboxGroup3.container;
|
|
206
|
-
const axeCheck = await (0,
|
|
206
|
+
const axeCheck = await (0, _uiAxeCheck.runAxeCheck)(container);
|
|
207
207
|
expect(axeCheck).toBe(true);
|
|
208
208
|
});
|
|
209
209
|
it('adds the correct ARIA attributes', () => {
|
|
@@ -6,13 +6,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.default = exports.CheckboxGroup = void 0;
|
|
8
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
var
|
|
10
|
-
var
|
|
11
|
-
var
|
|
12
|
-
var _pickProps = require("@instructure/ui-react-utils/lib/pickProps.js");
|
|
13
|
-
var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
|
|
14
|
-
var _withDeterministicId = require("@instructure/ui-react-utils/lib/DeterministicIdContext/withDeterministicId.js");
|
|
15
|
-
var _testable = require("@instructure/ui-testable/lib/testable.js");
|
|
9
|
+
var _uiFormField = require("@instructure/ui-form-field");
|
|
10
|
+
var _uiReactUtils = require("@instructure/ui-react-utils");
|
|
11
|
+
var _uiTestable = require("@instructure/ui-testable");
|
|
16
12
|
var _Checkbox = require("../Checkbox");
|
|
17
13
|
var _props = require("./props");
|
|
18
14
|
var _dec, _dec2, _class, _CheckboxGroup;
|
|
@@ -44,7 +40,7 @@ var _dec, _dec2, _class, _CheckboxGroup;
|
|
|
44
40
|
category: components
|
|
45
41
|
---
|
|
46
42
|
**/
|
|
47
|
-
let CheckboxGroup = exports.CheckboxGroup = (_dec = (0,
|
|
43
|
+
let CheckboxGroup = exports.CheckboxGroup = (_dec = (0, _uiReactUtils.withDeterministicId)(), _dec2 = (0, _uiTestable.testable)(), _dec(_class = _dec2(_class = (_CheckboxGroup = class CheckboxGroup extends _react.Component {
|
|
48
44
|
constructor(props) {
|
|
49
45
|
super(props);
|
|
50
46
|
this._messagesId = void 0;
|
|
@@ -93,8 +89,8 @@ let CheckboxGroup = exports.CheckboxGroup = (_dec = (0, _withDeterministicId.wit
|
|
|
93
89
|
disabled = _this$props.disabled,
|
|
94
90
|
readOnly = _this$props.readOnly;
|
|
95
91
|
return _react.Children.map(children, child => {
|
|
96
|
-
if ((0,
|
|
97
|
-
return (0,
|
|
92
|
+
if ((0, _uiReactUtils.matchComponentTypes)(child, [_Checkbox.Checkbox])) {
|
|
93
|
+
return (0, _uiReactUtils.safeCloneElement)(child, {
|
|
98
94
|
key: `${child.props.name}`,
|
|
99
95
|
name,
|
|
100
96
|
label: child.props.label,
|
|
@@ -112,7 +108,7 @@ let CheckboxGroup = exports.CheckboxGroup = (_dec = (0, _withDeterministicId.wit
|
|
|
112
108
|
});
|
|
113
109
|
}
|
|
114
110
|
render() {
|
|
115
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
111
|
+
return /*#__PURE__*/_react.default.createElement(_uiFormField.FormFieldGroup, Object.assign({}, (0, _uiReactUtils.omitProps)(this.props, CheckboxGroup.allowedProps), (0, _uiReactUtils.pickProps)(this.props, _uiFormField.FormFieldGroup.allowedProps), {
|
|
116
112
|
description: this.props.description,
|
|
117
113
|
rowSpacing: "small",
|
|
118
114
|
vAlign: "top",
|
|
@@ -6,9 +6,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.propTypes = exports.allowedProps = void 0;
|
|
8
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
-
var
|
|
10
|
-
var
|
|
11
|
-
var _Children = require("@instructure/ui-prop-types/lib/Children.js");
|
|
9
|
+
var _uiFormField = require("@instructure/ui-form-field");
|
|
10
|
+
var _uiPropTypes = require("@instructure/ui-prop-types");
|
|
12
11
|
var _Checkbox = require("../Checkbox");
|
|
13
12
|
/*
|
|
14
13
|
* The MIT License (MIT)
|
|
@@ -44,7 +43,7 @@ const propTypes = exports.propTypes = {
|
|
|
44
43
|
/**
|
|
45
44
|
* the selected values (must be accompanied by an `onChange` prop)
|
|
46
45
|
*/
|
|
47
|
-
value: (0,
|
|
46
|
+
value: (0, _uiPropTypes.controllable)(_propTypes.default.array),
|
|
48
47
|
/**
|
|
49
48
|
* when used with the `value` prop, the component will not control its own state
|
|
50
49
|
*/
|
|
@@ -57,11 +56,11 @@ const propTypes = exports.propTypes = {
|
|
|
57
56
|
type: PropTypes.oneOf(['error', 'hint', 'success', 'screenreader-only'])
|
|
58
57
|
}`
|
|
59
58
|
*/
|
|
60
|
-
messages: _propTypes.default.arrayOf(
|
|
59
|
+
messages: _propTypes.default.arrayOf(_uiFormField.FormPropTypes.message),
|
|
61
60
|
/**
|
|
62
61
|
* children of type `Checkbox`
|
|
63
62
|
*/
|
|
64
|
-
children:
|
|
63
|
+
children: _uiPropTypes.Children.oneOf([_Checkbox.Checkbox]),
|
|
65
64
|
size: _propTypes.default.oneOf(['small', 'medium', 'large']),
|
|
66
65
|
layout: _propTypes.default.oneOf(['stacked', 'columns', 'inline'])
|
|
67
66
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@instructure/ui-checkbox",
|
|
3
|
-
"version": "10.13.
|
|
3
|
+
"version": "10.13.1-pr-snapshot-1741357986437",
|
|
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.26.0",
|
|
27
|
-
"@instructure/console": "10.13.
|
|
28
|
-
"@instructure/emotion": "10.13.
|
|
29
|
-
"@instructure/shared-types": "10.13.
|
|
30
|
-
"@instructure/ui-dom-utils": "10.13.
|
|
31
|
-
"@instructure/ui-form-field": "10.13.
|
|
32
|
-
"@instructure/ui-icons": "10.13.
|
|
33
|
-
"@instructure/ui-prop-types": "10.13.
|
|
34
|
-
"@instructure/ui-react-utils": "10.13.
|
|
35
|
-
"@instructure/ui-svg-images": "10.13.
|
|
36
|
-
"@instructure/ui-testable": "10.13.
|
|
37
|
-
"@instructure/ui-utils": "10.13.
|
|
38
|
-
"@instructure/ui-view": "10.13.
|
|
39
|
-
"@instructure/uid": "10.13.
|
|
27
|
+
"@instructure/console": "10.13.1-pr-snapshot-1741357986437",
|
|
28
|
+
"@instructure/emotion": "10.13.1-pr-snapshot-1741357986437",
|
|
29
|
+
"@instructure/shared-types": "10.13.1-pr-snapshot-1741357986437",
|
|
30
|
+
"@instructure/ui-dom-utils": "10.13.1-pr-snapshot-1741357986437",
|
|
31
|
+
"@instructure/ui-form-field": "10.13.1-pr-snapshot-1741357986437",
|
|
32
|
+
"@instructure/ui-icons": "10.13.1-pr-snapshot-1741357986437",
|
|
33
|
+
"@instructure/ui-prop-types": "10.13.1-pr-snapshot-1741357986437",
|
|
34
|
+
"@instructure/ui-react-utils": "10.13.1-pr-snapshot-1741357986437",
|
|
35
|
+
"@instructure/ui-svg-images": "10.13.1-pr-snapshot-1741357986437",
|
|
36
|
+
"@instructure/ui-testable": "10.13.1-pr-snapshot-1741357986437",
|
|
37
|
+
"@instructure/ui-utils": "10.13.1-pr-snapshot-1741357986437",
|
|
38
|
+
"@instructure/ui-view": "10.13.1-pr-snapshot-1741357986437",
|
|
39
|
+
"@instructure/uid": "10.13.1-pr-snapshot-1741357986437",
|
|
40
40
|
"keycode": "^2",
|
|
41
41
|
"prop-types": "^15.8.1"
|
|
42
42
|
},
|
|
43
43
|
"devDependencies": {
|
|
44
|
-
"@instructure/ui-axe-check": "10.13.
|
|
45
|
-
"@instructure/ui-babel-preset": "10.13.
|
|
46
|
-
"@instructure/ui-color-utils": "10.13.
|
|
47
|
-
"@instructure/ui-test-utils": "10.13.
|
|
48
|
-
"@instructure/ui-themes": "10.13.
|
|
44
|
+
"@instructure/ui-axe-check": "10.13.1-pr-snapshot-1741357986437",
|
|
45
|
+
"@instructure/ui-babel-preset": "10.13.1-pr-snapshot-1741357986437",
|
|
46
|
+
"@instructure/ui-color-utils": "10.13.1-pr-snapshot-1741357986437",
|
|
47
|
+
"@instructure/ui-test-utils": "10.13.1-pr-snapshot-1741357986437",
|
|
48
|
+
"@instructure/ui-themes": "10.13.1-pr-snapshot-1741357986437",
|
|
49
49
|
"@testing-library/jest-dom": "^6.6.3",
|
|
50
50
|
"@testing-library/react": "^16.0.1",
|
|
51
51
|
"@testing-library/user-event": "^14.5.2",
|