@instructure/ui-checkbox 11.7.3 → 11.7.4-pr-snapshot-1781695314229

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 (78) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/LICENSE.md +1 -0
  3. package/{lib/Checkbox/v1/ToggleFacade/props.js → babel.config.cjs} +12 -7
  4. package/es/Checkbox/v1/CheckboxFacade/index.js +4 -4
  5. package/es/Checkbox/v1/ToggleFacade/index.js +4 -4
  6. package/es/Checkbox/v1/index.js +6 -6
  7. package/es/Checkbox/v2/CheckboxFacade/index.js +3 -3
  8. package/es/Checkbox/v2/ToggleFacade/index.js +3 -3
  9. package/es/Checkbox/v2/index.js +5 -5
  10. package/es/CheckboxGroup/v1/index.js +3 -3
  11. package/es/CheckboxGroup/v2/index.js +3 -3
  12. package/es/exports/a.js +2 -2
  13. package/es/exports/b.js +2 -2
  14. package/package.json +18 -23
  15. package/src/Checkbox/v1/CheckboxFacade/index.tsx +4 -3
  16. package/src/Checkbox/v1/ToggleFacade/index.tsx +4 -3
  17. package/src/Checkbox/v1/index.tsx +6 -5
  18. package/src/Checkbox/v2/CheckboxFacade/index.tsx +3 -2
  19. package/src/Checkbox/v2/ToggleFacade/index.tsx +3 -2
  20. package/src/Checkbox/v2/index.tsx +5 -4
  21. package/src/CheckboxGroup/v1/index.tsx +3 -2
  22. package/src/CheckboxGroup/v1/props.ts +1 -1
  23. package/src/CheckboxGroup/v2/index.tsx +3 -2
  24. package/src/CheckboxGroup/v2/props.ts +1 -1
  25. package/src/exports/a.ts +2 -2
  26. package/src/exports/b.ts +2 -2
  27. package/tsconfig.build.tsbuildinfo +1 -1
  28. package/types/Checkbox/v1/CheckboxFacade/index.d.ts +1 -0
  29. package/types/Checkbox/v1/CheckboxFacade/index.d.ts.map +1 -1
  30. package/types/Checkbox/v1/ToggleFacade/index.d.ts +1 -0
  31. package/types/Checkbox/v1/ToggleFacade/index.d.ts.map +1 -1
  32. package/types/Checkbox/v1/index.d.ts +3 -2
  33. package/types/Checkbox/v1/index.d.ts.map +1 -1
  34. package/types/Checkbox/v2/CheckboxFacade/index.d.ts +1 -0
  35. package/types/Checkbox/v2/CheckboxFacade/index.d.ts.map +1 -1
  36. package/types/Checkbox/v2/ToggleFacade/index.d.ts +1 -0
  37. package/types/Checkbox/v2/ToggleFacade/index.d.ts.map +1 -1
  38. package/types/Checkbox/v2/index.d.ts +3 -2
  39. package/types/Checkbox/v2/index.d.ts.map +1 -1
  40. package/types/CheckboxGroup/v1/index.d.ts +1 -0
  41. package/types/CheckboxGroup/v1/index.d.ts.map +1 -1
  42. package/types/CheckboxGroup/v1/props.d.ts +1 -1
  43. package/types/CheckboxGroup/v1/props.d.ts.map +1 -1
  44. package/types/CheckboxGroup/v2/index.d.ts +1 -0
  45. package/types/CheckboxGroup/v2/index.d.ts.map +1 -1
  46. package/types/CheckboxGroup/v2/props.d.ts +1 -1
  47. package/types/CheckboxGroup/v2/props.d.ts.map +1 -1
  48. package/types/exports/a.d.ts +2 -2
  49. package/types/exports/a.d.ts.map +1 -1
  50. package/types/exports/b.d.ts +2 -2
  51. package/types/exports/b.d.ts.map +1 -1
  52. package/lib/Checkbox/v1/CheckboxFacade/index.js +0 -105
  53. package/lib/Checkbox/v1/CheckboxFacade/props.js +0 -31
  54. package/lib/Checkbox/v1/CheckboxFacade/styles.js +0 -148
  55. package/lib/Checkbox/v1/CheckboxFacade/theme.js +0 -89
  56. package/lib/Checkbox/v1/ToggleFacade/index.js +0 -114
  57. package/lib/Checkbox/v1/ToggleFacade/styles.js +0 -200
  58. package/lib/Checkbox/v1/ToggleFacade/theme.js +0 -90
  59. package/lib/Checkbox/v1/index.js +0 -298
  60. package/lib/Checkbox/v1/props.js +0 -31
  61. package/lib/Checkbox/v1/styles.js +0 -97
  62. package/lib/Checkbox/v1/theme.js +0 -51
  63. package/lib/Checkbox/v2/CheckboxFacade/index.js +0 -110
  64. package/lib/Checkbox/v2/CheckboxFacade/props.js +0 -31
  65. package/lib/Checkbox/v2/CheckboxFacade/styles.js +0 -184
  66. package/lib/Checkbox/v2/ToggleFacade/index.js +0 -123
  67. package/lib/Checkbox/v2/ToggleFacade/props.js +0 -31
  68. package/lib/Checkbox/v2/ToggleFacade/styles.js +0 -239
  69. package/lib/Checkbox/v2/index.js +0 -316
  70. package/lib/Checkbox/v2/props.js +0 -31
  71. package/lib/Checkbox/v2/styles.js +0 -109
  72. package/lib/CheckboxGroup/v1/index.js +0 -138
  73. package/lib/CheckboxGroup/v1/props.js +0 -31
  74. package/lib/CheckboxGroup/v2/index.js +0 -138
  75. package/lib/CheckboxGroup/v2/props.js +0 -31
  76. package/lib/exports/a.js +0 -31
  77. package/lib/exports/b.js +0 -31
  78. package/lib/package.json +0 -1
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
+ ## [11.7.4-pr-snapshot-1781695314229](https://github.com/instructure/instructure-ui/compare/v11.7.3...v11.7.4-pr-snapshot-1781695314229) (2026-06-17)
7
+
8
+ **Note:** Version bump only for package @instructure/ui-checkbox
9
+
10
+
11
+
12
+
13
+
6
14
  ## [11.7.3](https://github.com/instructure/instructure-ui/compare/v11.7.2...v11.7.3) (2026-05-07)
7
15
 
8
16
 
package/LICENSE.md CHANGED
@@ -2,6 +2,7 @@
2
2
  title: The MIT License (MIT)
3
3
  category: Getting Started
4
4
  order: 9
5
+ isWIP: true
5
6
  ---
6
7
 
7
8
  # The MIT License (MIT)
@@ -1,9 +1,3 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.allowedProps = void 0;
7
1
  /*
8
2
  * The MIT License (MIT)
9
3
  *
@@ -28,4 +22,15 @@ exports.allowedProps = void 0;
28
22
  * SOFTWARE.
29
23
  */
30
24
 
31
- const allowedProps = exports.allowedProps = ['children', 'checked', 'disabled', 'readOnly', 'focused', 'size', 'labelPlacement'];
25
+ module.exports = {
26
+ presets: [
27
+ [
28
+ require('@instructure/ui-babel-preset'),
29
+ {
30
+ esModules: Boolean(process.env.ES_MODULES),
31
+ removeConsole: process.env.NODE_ENV === 'production',
32
+ transformImports: Boolean(process.env.TRANSFORM_IMPORTS)
33
+ }
34
+ ]
35
+ ]
36
+ }
@@ -27,9 +27,9 @@ import { Component } from 'react';
27
27
  import { SVGIcon } from '@instructure/ui-svg-images';
28
28
  import { IconCheckMarkSolid } from '@instructure/ui-icons';
29
29
  import { withStyle } from '@instructure/emotion';
30
- import generateStyle from "./styles.js";
31
- import generateComponentTheme from "./theme.js";
32
- import { allowedProps } from "./props.js";
30
+ import generateStyle from './styles.js';
31
+ import generateComponentTheme from './theme.js';
32
+ import { allowedProps } from './props.js';
33
33
  import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
34
34
  /**
35
35
  ---
@@ -37,7 +37,7 @@ parent: Checkbox
37
37
  ---
38
38
  **/
39
39
  let CheckboxFacade = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = class CheckboxFacade extends Component {
40
- static displayName = "CheckboxFacade";
40
+ static displayName = 'CheckboxFacade';
41
41
  static componentId = 'CheckboxFacade';
42
42
  static allowedProps = allowedProps;
43
43
  static defaultProps = {
@@ -26,9 +26,9 @@ var _dec, _class;
26
26
  import { Component } from 'react';
27
27
  import { IconCheckSolid, IconXSolid } from '@instructure/ui-icons';
28
28
  import { withStyle } from '@instructure/emotion';
29
- import generateStyle from "./styles.js";
30
- import generateComponentTheme from "./theme.js";
31
- import { allowedProps } from "./props.js";
29
+ import generateStyle from './styles.js';
30
+ import generateComponentTheme from './theme.js';
31
+ import { allowedProps } from './props.js';
32
32
  import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
33
33
  /**
34
34
  ---
@@ -36,7 +36,7 @@ parent: Checkbox
36
36
  ---
37
37
  **/
38
38
  let ToggleFacade = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = class ToggleFacade extends Component {
39
- static displayName = "ToggleFacade";
39
+ static displayName = 'ToggleFacade';
40
40
  static componentId = 'ToggleFacade';
41
41
  static allowedProps = allowedProps;
42
42
  static defaultProps = {
@@ -32,11 +32,11 @@ import { isActiveElement } from '@instructure/ui-dom-utils';
32
32
  import { omitProps, withDeterministicId } from '@instructure/ui-react-utils';
33
33
  import { View } from '@instructure/ui-view/v11_6';
34
34
  import { withStyle } from '@instructure/emotion';
35
- import { CheckboxFacade } from "./CheckboxFacade/index.js";
36
- import { ToggleFacade } from "./ToggleFacade/index.js";
37
- import generateStyle from "./styles.js";
38
- import generateComponentTheme from "./theme.js";
39
- import { allowedProps } from "./props.js";
35
+ import { CheckboxFacade } from './CheckboxFacade/index.js';
36
+ import { ToggleFacade } from './ToggleFacade/index.js';
37
+ import generateStyle from './styles.js';
38
+ import generateComponentTheme from './theme.js';
39
+ import { allowedProps } from './props.js';
40
40
  import { jsxs as _jsxs, jsx as _jsx } from "@emotion/react/jsx-runtime";
41
41
  /**
42
42
  ---
@@ -45,7 +45,7 @@ tags: toggle, switch
45
45
  ---
46
46
  **/
47
47
  let Checkbox = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, generateComponentTheme), _dec(_class = _dec2(_class = class Checkbox extends Component {
48
- static displayName = "Checkbox";
48
+ static displayName = 'Checkbox';
49
49
  static componentId = 'Checkbox';
50
50
  static allowedProps = allowedProps;
51
51
  static defaultProps = {
@@ -26,8 +26,8 @@ var _dec, _class;
26
26
  import { Component } from 'react';
27
27
  import { CheckInstUIIcon, MinusInstUIIcon, renderIconWithProps } from '@instructure/ui-icons';
28
28
  import { withStyleNew } from '@instructure/emotion';
29
- import generateStyle from "./styles.js";
30
- import { allowedProps } from "./props.js";
29
+ import generateStyle from './styles.js';
30
+ import { allowedProps } from './props.js';
31
31
  import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
32
32
  /**
33
33
  ---
@@ -35,7 +35,7 @@ parent: Checkbox
35
35
  ---
36
36
  **/
37
37
  let CheckboxFacade = (_dec = withStyleNew(generateStyle, 'Checkbox'), _dec(_class = class CheckboxFacade extends Component {
38
- static displayName = "CheckboxFacade";
38
+ static displayName = 'CheckboxFacade';
39
39
  static componentId = 'CheckboxFacade';
40
40
  static allowedProps = allowedProps;
41
41
  static defaultProps = {
@@ -26,8 +26,8 @@ var _dec, _class;
26
26
  import { Component } from 'react';
27
27
  import { CheckInstUIIcon, XInstUIIcon, renderIconWithProps } from '@instructure/ui-icons';
28
28
  import { withStyleNew } from '@instructure/emotion';
29
- import generateStyle from "./styles.js";
30
- import { allowedProps } from "./props.js";
29
+ import generateStyle from './styles.js';
30
+ import { allowedProps } from './props.js';
31
31
  import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
32
32
  /**
33
33
  ---
@@ -35,7 +35,7 @@ parent: Checkbox
35
35
  ---
36
36
  **/
37
37
  let ToggleFacade = (_dec = withStyleNew(generateStyle, 'Toggle'), _dec(_class = class ToggleFacade extends Component {
38
- static displayName = "ToggleFacade";
38
+ static displayName = 'ToggleFacade';
39
39
  static componentId = 'ToggleFacade';
40
40
  static allowedProps = allowedProps;
41
41
  static defaultProps = {
@@ -32,10 +32,10 @@ import { isActiveElement } from '@instructure/ui-dom-utils';
32
32
  import { omitProps, withDeterministicId } from '@instructure/ui-react-utils';
33
33
  import { View } from '@instructure/ui-view/latest';
34
34
  import { withStyleNew } from '@instructure/emotion';
35
- import { CheckboxFacade } from "./CheckboxFacade/index.js";
36
- import { ToggleFacade } from "./ToggleFacade/index.js";
37
- import generateStyle from "./styles.js";
38
- import { allowedProps } from "./props.js";
35
+ import { CheckboxFacade } from './CheckboxFacade/index.js';
36
+ import { ToggleFacade } from './ToggleFacade/index.js';
37
+ import generateStyle from './styles.js';
38
+ import { allowedProps } from './props.js';
39
39
  import { jsxs as _jsxs, jsx as _jsx } from "@emotion/react/jsx-runtime";
40
40
  /**
41
41
  ---
@@ -44,7 +44,7 @@ tags: toggle, switch
44
44
  ---
45
45
  **/
46
46
  let Checkbox = (_dec = withDeterministicId(), _dec2 = withStyleNew(generateStyle), _dec(_class = _dec2(_class = class Checkbox extends Component {
47
- static displayName = "Checkbox";
47
+ static displayName = 'Checkbox';
48
48
  static componentId = 'Checkbox';
49
49
  static allowedProps = allowedProps;
50
50
  static defaultProps = {
@@ -26,8 +26,8 @@ var _dec, _class;
26
26
  import { Children, Component } from 'react';
27
27
  import { FormFieldGroup } from '@instructure/ui-form-field/v11_6';
28
28
  import { matchComponentTypes, safeCloneElement, pickProps, omitProps, withDeterministicId } from '@instructure/ui-react-utils';
29
- import { Checkbox } from "../../Checkbox/v1/index.js";
30
- import { allowedProps } from "./props.js";
29
+ import { Checkbox } from '../../Checkbox/v1/index.js';
30
+ import { allowedProps } from './props.js';
31
31
  import { jsx as _jsx } from "@emotion/react/jsx-runtime";
32
32
  /**
33
33
  ---
@@ -35,7 +35,7 @@ category: components
35
35
  ---
36
36
  **/
37
37
  let CheckboxGroup = (_dec = withDeterministicId(), _dec(_class = class CheckboxGroup extends Component {
38
- static displayName = "CheckboxGroup";
38
+ static displayName = 'CheckboxGroup';
39
39
  static componentId = 'CheckboxGroup';
40
40
  static allowedProps = allowedProps;
41
41
  static defaultProps = {
@@ -26,8 +26,8 @@ var _dec, _class;
26
26
  import { Children, Component } from 'react';
27
27
  import { FormFieldGroup } from '@instructure/ui-form-field/latest';
28
28
  import { matchComponentTypes, safeCloneElement, pickProps, omitProps, withDeterministicId } from '@instructure/ui-react-utils';
29
- import { Checkbox } from "../../Checkbox/v2/index.js";
30
- import { allowedProps } from "./props.js";
29
+ import { Checkbox } from '../../Checkbox/v2/index.js';
30
+ import { allowedProps } from './props.js';
31
31
  import { jsx as _jsx } from "@emotion/react/jsx-runtime";
32
32
  /**
33
33
  ---
@@ -35,7 +35,7 @@ category: components
35
35
  ---
36
36
  **/
37
37
  let CheckboxGroup = (_dec = withDeterministicId(), _dec(_class = class CheckboxGroup extends Component {
38
- static displayName = "CheckboxGroup";
38
+ static displayName = 'CheckboxGroup';
39
39
  static componentId = 'CheckboxGroup';
40
40
  static allowedProps = allowedProps;
41
41
  static defaultProps = {
package/es/exports/a.js CHANGED
@@ -21,5 +21,5 @@
21
21
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
22
22
  * SOFTWARE.
23
23
  */
24
- export { Checkbox, CheckboxFacade, ToggleFacade } from "../Checkbox/v1/index.js";
25
- export { CheckboxGroup } from "../CheckboxGroup/v1/index.js";
24
+ export { Checkbox, CheckboxFacade, ToggleFacade } from '../Checkbox/v1/index.js';
25
+ export { CheckboxGroup } from '../CheckboxGroup/v1/index.js';
package/es/exports/b.js CHANGED
@@ -21,5 +21,5 @@
21
21
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
22
22
  * SOFTWARE.
23
23
  */
24
- export { Checkbox, CheckboxFacade, ToggleFacade } from "../Checkbox/v2/index.js";
25
- export { CheckboxGroup } from "../CheckboxGroup/v2/index.js";
24
+ export { Checkbox, CheckboxFacade, ToggleFacade } from '../Checkbox/v2/index.js';
25
+ export { CheckboxGroup } from '../CheckboxGroup/v2/index.js';
package/package.json CHANGED
@@ -1,10 +1,10 @@
1
1
  {
2
2
  "name": "@instructure/ui-checkbox",
3
- "version": "11.7.3",
3
+ "version": "11.7.4-pr-snapshot-1781695314229",
4
+ "type": "module",
4
5
  "description": " styled HTML input type='checkbox' component.",
5
6
  "author": "Instructure, Inc. Engineering and Product Design",
6
7
  "module": "./es/index.js",
7
- "main": "./lib/index.js",
8
8
  "types": "./types/index.d.ts",
9
9
  "repository": {
10
10
  "type": "git",
@@ -16,27 +16,27 @@
16
16
  "dependencies": {
17
17
  "@babel/runtime": "^7.29.2",
18
18
  "keycode": "^2",
19
- "@instructure/console": "11.7.3",
20
- "@instructure/shared-types": "11.7.3",
21
- "@instructure/ui-form-field": "11.7.3",
22
- "@instructure/ui-dom-utils": "11.7.3",
23
- "@instructure/emotion": "11.7.3",
24
- "@instructure/ui-icons": "11.7.3",
25
- "@instructure/ui-react-utils": "11.7.3",
26
- "@instructure/ui-svg-images": "11.7.3",
27
- "@instructure/ui-themes": "11.7.3",
28
- "@instructure/ui-view": "11.7.3",
29
- "@instructure/uid": "11.7.3",
30
- "@instructure/ui-utils": "11.7.3"
19
+ "@instructure/console": "11.7.4-pr-snapshot-1781695314229",
20
+ "@instructure/emotion": "11.7.4-pr-snapshot-1781695314229",
21
+ "@instructure/shared-types": "11.7.4-pr-snapshot-1781695314229",
22
+ "@instructure/ui-form-field": "11.7.4-pr-snapshot-1781695314229",
23
+ "@instructure/ui-dom-utils": "11.7.4-pr-snapshot-1781695314229",
24
+ "@instructure/ui-react-utils": "11.7.4-pr-snapshot-1781695314229",
25
+ "@instructure/ui-svg-images": "11.7.4-pr-snapshot-1781695314229",
26
+ "@instructure/ui-utils": "11.7.4-pr-snapshot-1781695314229",
27
+ "@instructure/ui-icons": "11.7.4-pr-snapshot-1781695314229",
28
+ "@instructure/ui-themes": "11.7.4-pr-snapshot-1781695314229",
29
+ "@instructure/uid": "11.7.4-pr-snapshot-1781695314229",
30
+ "@instructure/ui-view": "11.7.4-pr-snapshot-1781695314229"
31
31
  },
32
32
  "devDependencies": {
33
33
  "@testing-library/jest-dom": "^6.6.3",
34
34
  "@testing-library/react": "15.0.7",
35
35
  "@testing-library/user-event": "^14.6.1",
36
36
  "vitest": "^3.2.2",
37
- "@instructure/ui-axe-check": "11.7.3",
38
- "@instructure/ui-color-utils": "11.7.3",
39
- "@instructure/ui-babel-preset": "11.7.3"
37
+ "@instructure/ui-axe-check": "11.7.4-pr-snapshot-1781695314229",
38
+ "@instructure/ui-babel-preset": "11.7.4-pr-snapshot-1781695314229",
39
+ "@instructure/ui-color-utils": "11.7.4-pr-snapshot-1781695314229"
40
40
  },
41
41
  "peerDependencies": {
42
42
  "react": ">=18 <=19"
@@ -46,7 +46,6 @@
46
46
  },
47
47
  "sideEffects": false,
48
48
  "exports": {
49
- "./lib/*": "./lib/*",
50
49
  "./es/*": "./es/*",
51
50
  "./types/*": "./types/*",
52
51
  "./package.json": "./package.json",
@@ -55,28 +54,24 @@
55
54
  "src": "./src/exports/a.ts",
56
55
  "types": "./types/exports/a.d.ts",
57
56
  "import": "./es/exports/a.js",
58
- "require": "./lib/exports/a.js",
59
57
  "default": "./es/exports/a.js"
60
58
  },
61
59
  "./v11_6": {
62
60
  "src": "./src/exports/a.ts",
63
61
  "types": "./types/exports/a.d.ts",
64
62
  "import": "./es/exports/a.js",
65
- "require": "./lib/exports/a.js",
66
63
  "default": "./es/exports/a.js"
67
64
  },
68
65
  "./v11_7": {
69
66
  "src": "./src/exports/b.ts",
70
67
  "types": "./types/exports/b.d.ts",
71
68
  "import": "./es/exports/b.js",
72
- "require": "./lib/exports/b.js",
73
69
  "default": "./es/exports/b.js"
74
70
  },
75
71
  "./latest": {
76
72
  "src": "./src/exports/b.ts",
77
73
  "types": "./types/exports/b.d.ts",
78
74
  "import": "./es/exports/b.js",
79
- "require": "./lib/exports/b.js",
80
75
  "default": "./es/exports/b.js"
81
76
  }
82
77
  },
@@ -84,7 +79,7 @@
84
79
  "lint": "ui-scripts lint",
85
80
  "lint:fix": "ui-scripts lint --fix",
86
81
  "clean": "ui-scripts clean",
87
- "build": "ui-scripts build --modules es,cjs",
82
+ "build": "ui-scripts build",
88
83
  "build:watch": "pnpm run ts:check -- --watch & ui-scripts build --watch",
89
84
  "build:types": "tsc -p tsconfig.build.json",
90
85
  "ts:check": "tsc -p tsconfig.build.json --noEmit --emitDeclarationOnly false"
@@ -29,10 +29,10 @@ import { IconCheckMarkSolid } from '@instructure/ui-icons'
29
29
 
30
30
  import { withStyle } from '@instructure/emotion'
31
31
 
32
- import generateStyle from './styles'
33
- import generateComponentTheme from './theme'
32
+ import generateStyle from './styles.js'
33
+ import generateComponentTheme from './theme.js'
34
34
 
35
- import { allowedProps } from './props'
35
+ import { allowedProps } from './props.js'
36
36
  import type { CheckboxFacadeProps } from './props'
37
37
 
38
38
  /**
@@ -42,6 +42,7 @@ parent: Checkbox
42
42
  **/
43
43
  @withStyle(generateStyle, generateComponentTheme)
44
44
  class CheckboxFacade extends Component<CheckboxFacadeProps> {
45
+ static displayName = 'CheckboxFacade'
45
46
  static readonly componentId = 'CheckboxFacade'
46
47
 
47
48
  static allowedProps = allowedProps
@@ -28,10 +28,10 @@ import { IconCheckSolid, IconXSolid } from '@instructure/ui-icons'
28
28
 
29
29
  import { withStyle } from '@instructure/emotion'
30
30
 
31
- import generateStyle from './styles'
32
- import generateComponentTheme from './theme'
31
+ import generateStyle from './styles.js'
32
+ import generateComponentTheme from './theme.js'
33
33
 
34
- import { allowedProps } from './props'
34
+ import { allowedProps } from './props.js'
35
35
  import type { ToggleFacadeProps } from './props'
36
36
 
37
37
  /**
@@ -41,6 +41,7 @@ parent: Checkbox
41
41
  **/
42
42
  @withStyle(generateStyle, generateComponentTheme)
43
43
  class ToggleFacade extends Component<ToggleFacadeProps> {
44
+ static displayName = 'ToggleFacade'
44
45
  static readonly componentId = 'ToggleFacade'
45
46
 
46
47
  static allowedProps = allowedProps
@@ -34,13 +34,13 @@ import { View } from '@instructure/ui-view/v11_6'
34
34
 
35
35
  import { withStyle } from '@instructure/emotion'
36
36
 
37
- import { CheckboxFacade } from './CheckboxFacade'
38
- import { ToggleFacade } from './ToggleFacade'
37
+ import { CheckboxFacade } from './CheckboxFacade/index.js'
38
+ import { ToggleFacade } from './ToggleFacade/index.js'
39
39
 
40
- import generateStyle from './styles'
41
- import generateComponentTheme from './theme'
40
+ import generateStyle from './styles.js'
41
+ import generateComponentTheme from './theme.js'
42
42
 
43
- import { allowedProps } from './props'
43
+ import { allowedProps } from './props.js'
44
44
  import type { CheckboxProps, CheckboxState } from './props'
45
45
 
46
46
  import type {
@@ -58,6 +58,7 @@ tags: toggle, switch
58
58
  @withDeterministicId()
59
59
  @withStyle(generateStyle, generateComponentTheme)
60
60
  class Checkbox extends Component<CheckboxProps, CheckboxState> {
61
+ static displayName = 'Checkbox'
61
62
  static readonly componentId = 'Checkbox'
62
63
 
63
64
  static allowedProps = allowedProps
@@ -32,9 +32,9 @@ import {
32
32
 
33
33
  import { withStyleNew } from '@instructure/emotion'
34
34
 
35
- import generateStyle from './styles'
35
+ import generateStyle from './styles.js'
36
36
 
37
- import { allowedProps } from './props'
37
+ import { allowedProps } from './props.js'
38
38
  import type { CheckboxFacadeProps } from './props'
39
39
 
40
40
  /**
@@ -44,6 +44,7 @@ parent: Checkbox
44
44
  **/
45
45
  @withStyleNew(generateStyle, 'Checkbox')
46
46
  class CheckboxFacade extends Component<CheckboxFacadeProps> {
47
+ static displayName = 'CheckboxFacade'
47
48
  static readonly componentId = 'CheckboxFacade'
48
49
 
49
50
  static allowedProps = allowedProps
@@ -32,9 +32,9 @@ import {
32
32
 
33
33
  import { withStyleNew } from '@instructure/emotion'
34
34
 
35
- import generateStyle from './styles'
35
+ import generateStyle from './styles.js'
36
36
 
37
- import { allowedProps } from './props'
37
+ import { allowedProps } from './props.js'
38
38
  import type { ToggleFacadeProps } from './props'
39
39
 
40
40
  /**
@@ -44,6 +44,7 @@ parent: Checkbox
44
44
  **/
45
45
  @withStyleNew(generateStyle, 'Toggle')
46
46
  class ToggleFacade extends Component<ToggleFacadeProps> {
47
+ static displayName = 'ToggleFacade'
47
48
  static readonly componentId = 'ToggleFacade'
48
49
 
49
50
  static allowedProps = allowedProps
@@ -34,12 +34,12 @@ import { View } from '@instructure/ui-view/latest'
34
34
 
35
35
  import { withStyleNew } from '@instructure/emotion'
36
36
 
37
- import { CheckboxFacade } from './CheckboxFacade'
38
- import { ToggleFacade } from './ToggleFacade'
37
+ import { CheckboxFacade } from './CheckboxFacade/index.js'
38
+ import { ToggleFacade } from './ToggleFacade/index.js'
39
39
 
40
- import generateStyle from './styles'
40
+ import generateStyle from './styles.js'
41
41
 
42
- import { allowedProps } from './props'
42
+ import { allowedProps } from './props.js'
43
43
  import type { CheckboxProps, CheckboxState } from './props'
44
44
 
45
45
  /**
@@ -52,6 +52,7 @@ tags: toggle, switch
52
52
  @withDeterministicId()
53
53
  @withStyleNew(generateStyle)
54
54
  class Checkbox extends Component<CheckboxProps, CheckboxState> {
55
+ static displayName = 'Checkbox'
55
56
  static readonly componentId = 'Checkbox'
56
57
 
57
58
  static allowedProps = allowedProps
@@ -33,9 +33,9 @@ import {
33
33
  withDeterministicId
34
34
  } from '@instructure/ui-react-utils'
35
35
 
36
- import { Checkbox } from '../../Checkbox/v1'
36
+ import { Checkbox } from '../../Checkbox/v1/index.js'
37
37
 
38
- import { allowedProps } from './props'
38
+ import { allowedProps } from './props.js'
39
39
  import type {
40
40
  CheckboxGroupProps,
41
41
  CheckboxGroupState,
@@ -50,6 +50,7 @@ category: components
50
50
 
51
51
  @withDeterministicId()
52
52
  class CheckboxGroup extends Component<CheckboxGroupProps, CheckboxGroupState> {
53
+ static displayName = 'CheckboxGroup'
53
54
  static readonly componentId = 'CheckboxGroup'
54
55
 
55
56
  static allowedProps = allowedProps
@@ -27,7 +27,7 @@ import type { FormMessage } from '@instructure/ui-form-field/v11_6'
27
27
  import type { OtherHTMLAttributes } from '@instructure/shared-types'
28
28
  import type { WithDeterministicIdProps } from '@instructure/ui-react-utils'
29
29
 
30
- import { Checkbox } from '../../Checkbox/v1'
30
+ import { Checkbox } from '../../Checkbox/v1/index.js'
31
31
  import type { CheckboxProps } from '../../Checkbox/v1/props'
32
32
 
33
33
  type CheckboxChild = React.ComponentElement<CheckboxProps, Checkbox>
@@ -33,9 +33,9 @@ import {
33
33
  withDeterministicId
34
34
  } from '@instructure/ui-react-utils'
35
35
 
36
- import { Checkbox } from '../../Checkbox/v2'
36
+ import { Checkbox } from '../../Checkbox/v2/index.js'
37
37
 
38
- import { allowedProps } from './props'
38
+ import { allowedProps } from './props.js'
39
39
  import type {
40
40
  CheckboxGroupProps,
41
41
  CheckboxGroupState,
@@ -50,6 +50,7 @@ category: components
50
50
 
51
51
  @withDeterministicId()
52
52
  class CheckboxGroup extends Component<CheckboxGroupProps, CheckboxGroupState> {
53
+ static displayName = 'CheckboxGroup'
53
54
  static readonly componentId = 'CheckboxGroup'
54
55
 
55
56
  static allowedProps = allowedProps
@@ -27,7 +27,7 @@ import type { FormMessage } from '@instructure/ui-form-field/latest'
27
27
  import type { OtherHTMLAttributes } from '@instructure/shared-types'
28
28
  import type { WithDeterministicIdProps } from '@instructure/ui-react-utils'
29
29
 
30
- import { Checkbox } from '../../Checkbox/v2'
30
+ import { Checkbox } from '../../Checkbox/v2/index.js'
31
31
  import type { CheckboxProps } from '../../Checkbox/v2/props'
32
32
 
33
33
  type CheckboxChild = React.ComponentElement<CheckboxProps, Checkbox>
package/src/exports/a.ts CHANGED
@@ -21,8 +21,8 @@
21
21
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
22
22
  * SOFTWARE.
23
23
  */
24
- export { Checkbox, CheckboxFacade, ToggleFacade } from '../Checkbox/v1'
25
- export { CheckboxGroup } from '../CheckboxGroup/v1'
24
+ export { Checkbox, CheckboxFacade, ToggleFacade } from '../Checkbox/v1/index.js'
25
+ export { CheckboxGroup } from '../CheckboxGroup/v1/index.js'
26
26
 
27
27
  export type { CheckboxProps } from '../Checkbox/v1/props'
28
28
  export type { CheckboxFacadeProps } from '../Checkbox/v1/CheckboxFacade/props'
package/src/exports/b.ts CHANGED
@@ -21,8 +21,8 @@
21
21
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
22
22
  * SOFTWARE.
23
23
  */
24
- export { Checkbox, CheckboxFacade, ToggleFacade } from '../Checkbox/v2'
25
- export { CheckboxGroup } from '../CheckboxGroup/v2'
24
+ export { Checkbox, CheckboxFacade, ToggleFacade } from '../Checkbox/v2/index.js'
25
+ export { CheckboxGroup } from '../CheckboxGroup/v2/index.js'
26
26
 
27
27
  export type { CheckboxProps } from '../Checkbox/v2/props'
28
28
  export type { CheckboxFacadeProps } from '../Checkbox/v2/CheckboxFacade/props'