@instructure/ui-checkbox 9.0.2-snapshot-1 → 9.0.2-snapshot-3

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 (13) hide show
  1. package/CHANGELOG.md +1 -1
  2. package/es/Checkbox/CheckboxFacade/index.js +4 -4
  3. package/es/Checkbox/ToggleFacade/index.js +4 -4
  4. package/es/Checkbox/index.js +4 -4
  5. package/es/Checkbox/styles.js +0 -1
  6. package/es/CheckboxGroup/index.js +4 -4
  7. package/lib/Checkbox/CheckboxFacade/index.js +4 -4
  8. package/lib/Checkbox/ToggleFacade/index.js +4 -4
  9. package/lib/Checkbox/index.js +4 -4
  10. package/lib/Checkbox/styles.js +0 -1
  11. package/lib/CheckboxGroup/index.js +4 -4
  12. package/package.json +23 -23
  13. package/tsconfig.build.tsbuildinfo +1 -1
package/CHANGELOG.md CHANGED
@@ -3,7 +3,7 @@
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
- ## [9.0.2-snapshot-1](https://github.com/instructure/instructure-ui/compare/v9.0.1...v9.0.2-snapshot-1) (2024-05-22)
6
+ ## [9.0.2-snapshot-3](https://github.com/instructure/instructure-ui/compare/v9.0.1...v9.0.2-snapshot-3) (2024-05-28)
7
7
 
8
8
  **Note:** Version bump only for package @instructure/ui-checkbox
9
9
 
package/es/Checkbox/CheckboxFacade/index.js CHANGED
@@ -1,4 +1,4 @@
1
- var _dec, _class, _class2, _SVGIcon, _IconCheckMarkSolid;
1
+ var _dec, _class, _CheckboxFacade, _SVGIcon, _IconCheckMarkSolid;
2
2
  /*
3
3
  * The MIT License (MIT)
4
4
  *
@@ -36,7 +36,7 @@ import { propTypes, allowedProps } from './props';
36
36
  parent: Checkbox
37
37
  ---
38
38
  **/
39
- let CheckboxFacade = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_class2 = class CheckboxFacade extends Component {
39
+ let CheckboxFacade = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_CheckboxFacade = class CheckboxFacade extends Component {
40
40
  constructor(...args) {
41
41
  super(...args);
42
42
  this.ref = null;
@@ -85,12 +85,12 @@ let CheckboxFacade = (_dec = withStyle(generateStyle, generateComponentTheme), _
85
85
  css: styles === null || styles === void 0 ? void 0 : styles.label
86
86
  }, children));
87
87
  }
88
- }, _class2.displayName = "CheckboxFacade", _class2.componentId = 'CheckboxFacade', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {
88
+ }, _CheckboxFacade.displayName = "CheckboxFacade", _CheckboxFacade.componentId = 'CheckboxFacade', _CheckboxFacade.propTypes = propTypes, _CheckboxFacade.allowedProps = allowedProps, _CheckboxFacade.defaultProps = {
89
89
  checked: false,
90
90
  focused: false,
91
91
  hovered: false,
92
92
  size: 'medium',
93
93
  indeterminate: false
94
- }, _class2)) || _class);
94
+ }, _CheckboxFacade)) || _class);
95
95
  export default CheckboxFacade;
96
96
  export { CheckboxFacade };
package/es/Checkbox/ToggleFacade/index.js CHANGED
@@ -1,4 +1,4 @@
1
- var _dec, _class, _class2;
1
+ var _dec, _class, _ToggleFacade;
2
2
  /*
3
3
  * The MIT License (MIT)
4
4
  *
@@ -35,7 +35,7 @@ import { propTypes, allowedProps } from './props';
35
35
  parent: Checkbox
36
36
  ---
37
37
  **/
38
- let ToggleFacade = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_class2 = class ToggleFacade extends Component {
38
+ let ToggleFacade = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_ToggleFacade = class ToggleFacade extends Component {
39
39
  constructor(...args) {
40
40
  super(...args);
41
41
  this.ref = null;
@@ -89,13 +89,13 @@ let ToggleFacade = (_dec = withStyle(generateStyle, generateComponentTheme), _de
89
89
  css: styles === null || styles === void 0 ? void 0 : styles.iconToggle
90
90
  }, this.renderIcon()))), labelPlacement === 'end' && this.renderLabel());
91
91
  }
92
- }, _class2.displayName = "ToggleFacade", _class2.componentId = 'ToggleFacade', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {
92
+ }, _ToggleFacade.displayName = "ToggleFacade", _ToggleFacade.componentId = 'ToggleFacade', _ToggleFacade.propTypes = propTypes, _ToggleFacade.allowedProps = allowedProps, _ToggleFacade.defaultProps = {
93
93
  checked: false,
94
94
  focused: false,
95
95
  size: 'medium',
96
96
  disabled: false,
97
97
  readOnly: false,
98
98
  labelPlacement: 'end'
99
- }, _class2)) || _class);
99
+ }, _ToggleFacade)) || _class);
100
100
  export default ToggleFacade;
101
101
  export { ToggleFacade };
package/es/Checkbox/index.js CHANGED
@@ -1,4 +1,4 @@
1
- var _dec, _dec2, _dec3, _class, _class2;
1
+ var _dec, _dec2, _dec3, _class, _Checkbox;
2
2
  /*
3
3
  * The MIT License (MIT)
4
4
  *
@@ -44,7 +44,7 @@ category: components
44
44
  tags: toggle, switch
45
45
  ---
46
46
  **/
47
- let Checkbox = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, null), _dec3 = testable(), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class Checkbox extends Component {
47
+ let Checkbox = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, null), _dec3 = testable(), _dec(_class = _dec2(_class = _dec3(_class = (_Checkbox = class Checkbox extends Component {
48
48
  constructor(props) {
49
49
  super(props);
50
50
  this._defaultId = void 0;
@@ -224,7 +224,7 @@ let Checkbox = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, n
224
224
 
225
225
  /* eslint-enable jsx-a11y/mouse-events-have-key-events */
226
226
  }
227
- }, _class2.displayName = "Checkbox", _class2.componentId = 'Checkbox', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {
227
+ }, _Checkbox.displayName = "Checkbox", _Checkbox.componentId = 'Checkbox', _Checkbox.propTypes = propTypes, _Checkbox.allowedProps = allowedProps, _Checkbox.defaultProps = {
228
228
  size: 'medium',
229
229
  variant: 'simple',
230
230
  disabled: false,
@@ -232,6 +232,6 @@ let Checkbox = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, n
232
232
  indeterminate: false,
233
233
  readOnly: false,
234
234
  labelPlacement: 'end'
235
- }, _class2)) || _class) || _class) || _class);
235
+ }, _Checkbox)) || _class) || _class) || _class);
236
236
  export default Checkbox;
237
237
  export { Checkbox, CheckboxFacade, ToggleFacade };
package/es/Checkbox/styles.js CHANGED
@@ -64,7 +64,6 @@ const generateStyle = (_componentTheme, props) => {
64
64
  insetInlineEnd: 'auto',
65
65
  opacity: 0.0001 /* selenium cannot find fully transparent elements */
66
66
  },
67
-
68
67
  control: {
69
68
  label: 'checkbox__control',
70
69
  all: 'initial',
package/es/CheckboxGroup/index.js CHANGED
@@ -1,4 +1,4 @@
1
- var _dec, _dec2, _class, _class2;
1
+ var _dec, _dec2, _class, _CheckboxGroup;
2
2
  /*
3
3
  * The MIT License (MIT)
4
4
  *
@@ -34,7 +34,7 @@ import { propTypes, allowedProps } from './props';
34
34
  category: components
35
35
  ---
36
36
  **/
37
- let CheckboxGroup = (_dec = withDeterministicId(), _dec2 = testable(), _dec(_class = _dec2(_class = (_class2 = class CheckboxGroup extends Component {
37
+ let CheckboxGroup = (_dec = withDeterministicId(), _dec2 = testable(), _dec(_class = _dec2(_class = (_CheckboxGroup = class CheckboxGroup extends Component {
38
38
  constructor(props) {
39
39
  super(props);
40
40
  this._messagesId = void 0;
@@ -110,12 +110,12 @@ let CheckboxGroup = (_dec = withDeterministicId(), _dec2 = testable(), _dec(_cla
110
110
  elementRef: this.handleRef
111
111
  }), this.renderChildren());
112
112
  }
113
- }, _class2.displayName = "CheckboxGroup", _class2.componentId = 'CheckboxGroup', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {
113
+ }, _CheckboxGroup.displayName = "CheckboxGroup", _CheckboxGroup.componentId = 'CheckboxGroup', _CheckboxGroup.propTypes = propTypes, _CheckboxGroup.allowedProps = allowedProps, _CheckboxGroup.defaultProps = {
114
114
  disabled: false,
115
115
  readOnly: false,
116
116
  size: 'medium',
117
117
  layout: 'stacked',
118
118
  children: null
119
- }, _class2)) || _class) || _class);
119
+ }, _CheckboxGroup)) || _class) || _class);
120
120
  export default CheckboxGroup;
121
121
  export { CheckboxGroup };
package/lib/Checkbox/CheckboxFacade/index.js CHANGED
@@ -12,7 +12,7 @@ var _emotion = require("@instructure/emotion");
12
12
  var _styles = _interopRequireDefault(require("./styles"));
13
13
  var _theme = _interopRequireDefault(require("./theme"));
14
14
  var _props = require("./props");
15
- var _dec, _class, _class2, _SVGIcon, _IconCheckMarkSolid;
15
+ var _dec, _class, _CheckboxFacade, _SVGIcon, _IconCheckMarkSolid;
16
16
  /*
17
17
  * The MIT License (MIT)
18
18
  *
@@ -42,7 +42,7 @@ var _dec, _class, _class2, _SVGIcon, _IconCheckMarkSolid;
42
42
  parent: Checkbox
43
43
  ---
44
44
  **/
45
- let CheckboxFacade = exports.CheckboxFacade = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_class2 = class CheckboxFacade extends _react.Component {
45
+ let CheckboxFacade = exports.CheckboxFacade = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_CheckboxFacade = class CheckboxFacade extends _react.Component {
46
46
  constructor(...args) {
47
47
  super(...args);
48
48
  this.ref = null;
@@ -91,11 +91,11 @@ let CheckboxFacade = exports.CheckboxFacade = (_dec = (0, _emotion.withStyle)(_s
91
91
  css: styles === null || styles === void 0 ? void 0 : styles.label
92
92
  }, children));
93
93
  }
94
- }, _class2.displayName = "CheckboxFacade", _class2.componentId = 'CheckboxFacade', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {
94
+ }, _CheckboxFacade.displayName = "CheckboxFacade", _CheckboxFacade.componentId = 'CheckboxFacade', _CheckboxFacade.propTypes = _props.propTypes, _CheckboxFacade.allowedProps = _props.allowedProps, _CheckboxFacade.defaultProps = {
95
95
  checked: false,
96
96
  focused: false,
97
97
  hovered: false,
98
98
  size: 'medium',
99
99
  indeterminate: false
100
- }, _class2)) || _class);
100
+ }, _CheckboxFacade)) || _class);
101
101
  var _default = exports.default = CheckboxFacade;
package/lib/Checkbox/ToggleFacade/index.js CHANGED
@@ -12,7 +12,7 @@ var _emotion = require("@instructure/emotion");
12
12
  var _styles = _interopRequireDefault(require("./styles"));
13
13
  var _theme = _interopRequireDefault(require("./theme"));
14
14
  var _props = require("./props");
15
- var _dec, _class, _class2;
15
+ var _dec, _class, _ToggleFacade;
16
16
  /*
17
17
  * The MIT License (MIT)
18
18
  *
@@ -42,7 +42,7 @@ var _dec, _class, _class2;
42
42
  parent: Checkbox
43
43
  ---
44
44
  **/
45
- let ToggleFacade = exports.ToggleFacade = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_class2 = class ToggleFacade extends _react.Component {
45
+ let ToggleFacade = exports.ToggleFacade = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_ToggleFacade = class ToggleFacade extends _react.Component {
46
46
  constructor(...args) {
47
47
  super(...args);
48
48
  this.ref = null;
@@ -96,12 +96,12 @@ let ToggleFacade = exports.ToggleFacade = (_dec = (0, _emotion.withStyle)(_style
96
96
  css: styles === null || styles === void 0 ? void 0 : styles.iconToggle
97
97
  }, this.renderIcon()))), labelPlacement === 'end' && this.renderLabel());
98
98
  }
99
- }, _class2.displayName = "ToggleFacade", _class2.componentId = 'ToggleFacade', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {
99
+ }, _ToggleFacade.displayName = "ToggleFacade", _ToggleFacade.componentId = 'ToggleFacade', _ToggleFacade.propTypes = _props.propTypes, _ToggleFacade.allowedProps = _props.allowedProps, _ToggleFacade.defaultProps = {
100
100
  checked: false,
101
101
  focused: false,
102
102
  size: 'medium',
103
103
  disabled: false,
104
104
  readOnly: false,
105
105
  labelPlacement: 'end'
106
- }, _class2)) || _class);
106
+ }, _ToggleFacade)) || _class);
107
107
  var _default = exports.default = ToggleFacade;
package/lib/Checkbox/index.js CHANGED
@@ -34,7 +34,7 @@ var _CheckboxFacade = require("./CheckboxFacade");
34
34
  var _ToggleFacade = require("./ToggleFacade");
35
35
  var _styles = _interopRequireDefault(require("./styles"));
36
36
  var _props = require("./props");
37
- var _dec, _dec2, _dec3, _class, _class2;
37
+ var _dec, _dec2, _dec3, _class, _Checkbox;
38
38
  /*
39
39
  * The MIT License (MIT)
40
40
  *
@@ -65,7 +65,7 @@ category: components
65
65
  tags: toggle, switch
66
66
  ---
67
67
  **/
68
- let Checkbox = exports.Checkbox = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, null), _dec3 = (0, _testable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class Checkbox extends _react.Component {
68
+ let Checkbox = exports.Checkbox = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, null), _dec3 = (0, _testable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = (_Checkbox = class Checkbox extends _react.Component {
69
69
  constructor(props) {
70
70
  super(props);
71
71
  this._defaultId = void 0;
@@ -245,7 +245,7 @@ let Checkbox = exports.Checkbox = (_dec = (0, _withDeterministicId.withDetermini
245
245
 
246
246
  /* eslint-enable jsx-a11y/mouse-events-have-key-events */
247
247
  }
248
- }, _class2.displayName = "Checkbox", _class2.componentId = 'Checkbox', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {
248
+ }, _Checkbox.displayName = "Checkbox", _Checkbox.componentId = 'Checkbox', _Checkbox.propTypes = _props.propTypes, _Checkbox.allowedProps = _props.allowedProps, _Checkbox.defaultProps = {
249
249
  size: 'medium',
250
250
  variant: 'simple',
251
251
  disabled: false,
@@ -253,5 +253,5 @@ let Checkbox = exports.Checkbox = (_dec = (0, _withDeterministicId.withDetermini
253
253
  indeterminate: false,
254
254
  readOnly: false,
255
255
  labelPlacement: 'end'
256
- }, _class2)) || _class) || _class) || _class);
256
+ }, _Checkbox)) || _class) || _class) || _class);
257
257
  var _default = exports.default = Checkbox;
package/lib/Checkbox/styles.js CHANGED
@@ -70,7 +70,6 @@ const generateStyle = (_componentTheme, props) => {
70
70
  insetInlineEnd: 'auto',
71
71
  opacity: 0.0001 /* selenium cannot find fully transparent elements */
72
72
  },
73
-
74
73
  control: {
75
74
  label: 'checkbox__control',
76
75
  all: 'initial',
package/lib/CheckboxGroup/index.js CHANGED
@@ -15,7 +15,7 @@ var _withDeterministicId = require("@instructure/ui-react-utils/lib/Deterministi
15
15
  var _testable = require("@instructure/ui-testable/lib/testable.js");
16
16
  var _Checkbox = require("../Checkbox");
17
17
  var _props = require("./props");
18
- var _dec, _dec2, _class, _class2;
18
+ var _dec, _dec2, _class, _CheckboxGroup;
19
19
  /*
20
20
  * The MIT License (MIT)
21
21
  *
@@ -44,7 +44,7 @@ var _dec, _dec2, _class, _class2;
44
44
  category: components
45
45
  ---
46
46
  **/
47
- let CheckboxGroup = exports.CheckboxGroup = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class CheckboxGroup extends _react.Component {
47
+ let CheckboxGroup = exports.CheckboxGroup = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_CheckboxGroup = class CheckboxGroup extends _react.Component {
48
48
  constructor(props) {
49
49
  super(props);
50
50
  this._messagesId = void 0;
@@ -120,11 +120,11 @@ let CheckboxGroup = exports.CheckboxGroup = (_dec = (0, _withDeterministicId.wit
120
120
  elementRef: this.handleRef
121
121
  }), this.renderChildren());
122
122
  }
123
- }, _class2.displayName = "CheckboxGroup", _class2.componentId = 'CheckboxGroup', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {
123
+ }, _CheckboxGroup.displayName = "CheckboxGroup", _CheckboxGroup.componentId = 'CheckboxGroup', _CheckboxGroup.propTypes = _props.propTypes, _CheckboxGroup.allowedProps = _props.allowedProps, _CheckboxGroup.defaultProps = {
124
124
  disabled: false,
125
125
  readOnly: false,
126
126
  size: 'medium',
127
127
  layout: 'stacked',
128
128
  children: null
129
- }, _class2)) || _class) || _class);
129
+ }, _CheckboxGroup)) || _class) || _class);
130
130
  var _default = exports.default = CheckboxGroup;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-checkbox",
3
- "version": "9.0.2-snapshot-1",
3
+ "version": "9.0.2-snapshot-3",
4
4
  "description": " styled HTML input type='checkbox' component.",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "module": "./es/index.js",
@@ -23,32 +23,32 @@
23
23
  },
24
24
  "license": "MIT",
25
25
  "dependencies": {
26
- "@babel/runtime": "^7.23.2",
27
- "@instructure/console": "9.0.2-snapshot-1",
28
- "@instructure/emotion": "9.0.2-snapshot-1",
29
- "@instructure/shared-types": "9.0.2-snapshot-1",
30
- "@instructure/ui-dom-utils": "9.0.2-snapshot-1",
31
- "@instructure/ui-form-field": "9.0.2-snapshot-1",
32
- "@instructure/ui-icons": "9.0.2-snapshot-1",
33
- "@instructure/ui-prop-types": "9.0.2-snapshot-1",
34
- "@instructure/ui-react-utils": "9.0.2-snapshot-1",
35
- "@instructure/ui-svg-images": "9.0.2-snapshot-1",
36
- "@instructure/ui-testable": "9.0.2-snapshot-1",
37
- "@instructure/ui-utils": "9.0.2-snapshot-1",
38
- "@instructure/ui-view": "9.0.2-snapshot-1",
39
- "@instructure/uid": "9.0.2-snapshot-1",
26
+ "@babel/runtime": "^7.24.5",
27
+ "@instructure/console": "9.0.2-snapshot-3",
28
+ "@instructure/emotion": "9.0.2-snapshot-3",
29
+ "@instructure/shared-types": "9.0.2-snapshot-3",
30
+ "@instructure/ui-dom-utils": "9.0.2-snapshot-3",
31
+ "@instructure/ui-form-field": "9.0.2-snapshot-3",
32
+ "@instructure/ui-icons": "9.0.2-snapshot-3",
33
+ "@instructure/ui-prop-types": "9.0.2-snapshot-3",
34
+ "@instructure/ui-react-utils": "9.0.2-snapshot-3",
35
+ "@instructure/ui-svg-images": "9.0.2-snapshot-3",
36
+ "@instructure/ui-testable": "9.0.2-snapshot-3",
37
+ "@instructure/ui-utils": "9.0.2-snapshot-3",
38
+ "@instructure/ui-view": "9.0.2-snapshot-3",
39
+ "@instructure/uid": "9.0.2-snapshot-3",
40
40
  "keycode": "^2.2.1",
41
41
  "prop-types": "^15.8.1"
42
42
  },
43
43
  "devDependencies": {
44
- "@instructure/ui-axe-check": "9.0.2-snapshot-1",
45
- "@instructure/ui-babel-preset": "9.0.2-snapshot-1",
46
- "@instructure/ui-color-utils": "9.0.2-snapshot-1",
47
- "@instructure/ui-test-utils": "9.0.2-snapshot-1",
48
- "@instructure/ui-themes": "9.0.2-snapshot-1",
49
- "@testing-library/jest-dom": "^6.1.4",
50
- "@testing-library/react": "^14.1.2",
51
- "@testing-library/user-event": "^14.5.1"
44
+ "@instructure/ui-axe-check": "9.0.2-snapshot-3",
45
+ "@instructure/ui-babel-preset": "9.0.2-snapshot-3",
46
+ "@instructure/ui-color-utils": "9.0.2-snapshot-3",
47
+ "@instructure/ui-test-utils": "9.0.2-snapshot-3",
48
+ "@instructure/ui-themes": "9.0.2-snapshot-3",
49
+ "@testing-library/jest-dom": "^6.4.5",
50
+ "@testing-library/react": "^15.0.7",
51
+ "@testing-library/user-event": "^14.5.2"
52
52
  },
53
53
  "peerDependencies": {
54
54
  "react": ">=16.8 <=18"