@instructure/ui-buttons 11.7.4-snapshot-11 → 11.7.4-snapshot-49

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 (89) hide show
  1. package/CHANGELOG.md +1 -1
  2. package/LICENSE.md +1 -0
  3. package/es/BaseButton/v1/index.js +5 -5
  4. package/es/BaseButton/v2/index.js +4 -4
  5. package/es/Button/v1/index.js +4 -4
  6. package/es/Button/v1/theme.js +2 -1
  7. package/es/Button/v2/index.js +3 -3
  8. package/es/CloseButton/v1/index.js +5 -5
  9. package/es/CloseButton/v2/index.js +4 -4
  10. package/es/CondensedButton/v1/index.js +4 -4
  11. package/es/CondensedButton/v1/theme.js +2 -1
  12. package/es/CondensedButton/v2/index.js +3 -3
  13. package/es/IconButton/v1/index.js +4 -4
  14. package/es/IconButton/v1/theme.js +2 -1
  15. package/es/IconButton/v2/index.js +3 -3
  16. package/es/ToggleButton/v1/index.js +3 -3
  17. package/es/ToggleButton/v2/index.js +3 -3
  18. package/es/exports/a.js +7 -6
  19. package/es/exports/b.js +7 -6
  20. package/lib/BaseButton/v1/index.js +5 -5
  21. package/lib/BaseButton/v2/index.js +4 -4
  22. package/lib/Button/v1/index.js +5 -5
  23. package/lib/Button/v1/theme.js +1 -1
  24. package/lib/Button/v2/index.js +4 -4
  25. package/lib/CloseButton/v1/index.js +6 -6
  26. package/lib/CloseButton/v2/index.js +5 -5
  27. package/lib/CondensedButton/v1/index.js +5 -5
  28. package/lib/CondensedButton/v1/theme.js +1 -1
  29. package/lib/CondensedButton/v2/index.js +4 -4
  30. package/lib/IconButton/v1/index.js +5 -5
  31. package/lib/IconButton/v1/theme.js +1 -1
  32. package/lib/IconButton/v2/index.js +4 -4
  33. package/lib/ToggleButton/v1/index.js +4 -4
  34. package/lib/ToggleButton/v2/index.js +4 -4
  35. package/lib/exports/a.js +12 -12
  36. package/lib/exports/b.js +12 -12
  37. package/package.json +17 -17
  38. package/src/BaseButton/v1/index.tsx +5 -4
  39. package/src/BaseButton/v2/index.tsx +4 -3
  40. package/src/Button/v1/index.tsx +4 -3
  41. package/src/Button/v1/theme.ts +1 -1
  42. package/src/Button/v2/index.tsx +3 -2
  43. package/src/CloseButton/v1/index.tsx +5 -4
  44. package/src/CloseButton/v2/index.tsx +4 -3
  45. package/src/CondensedButton/v1/index.tsx +4 -3
  46. package/src/CondensedButton/v1/theme.ts +1 -1
  47. package/src/CondensedButton/v2/index.tsx +3 -2
  48. package/src/IconButton/v1/index.tsx +4 -3
  49. package/src/IconButton/v1/theme.ts +1 -1
  50. package/src/IconButton/v2/index.tsx +3 -2
  51. package/src/ToggleButton/v1/index.tsx +3 -2
  52. package/src/ToggleButton/v2/index.tsx +3 -2
  53. package/src/exports/a.ts +6 -6
  54. package/src/exports/b.ts +6 -6
  55. package/tsconfig.build.tsbuildinfo +1 -1
  56. package/types/BaseButton/v1/index.d.ts +3 -2
  57. package/types/BaseButton/v1/index.d.ts.map +1 -1
  58. package/types/BaseButton/v2/index.d.ts +3 -2
  59. package/types/BaseButton/v2/index.d.ts.map +1 -1
  60. package/types/Button/v1/index.d.ts +2 -1
  61. package/types/Button/v1/index.d.ts.map +1 -1
  62. package/types/Button/v1/theme.d.ts +1 -1
  63. package/types/Button/v1/theme.d.ts.map +1 -1
  64. package/types/Button/v2/index.d.ts +2 -1
  65. package/types/Button/v2/index.d.ts.map +1 -1
  66. package/types/CloseButton/v1/index.d.ts +1 -0
  67. package/types/CloseButton/v1/index.d.ts.map +1 -1
  68. package/types/CloseButton/v2/index.d.ts +1 -0
  69. package/types/CloseButton/v2/index.d.ts.map +1 -1
  70. package/types/CondensedButton/v1/index.d.ts +2 -1
  71. package/types/CondensedButton/v1/index.d.ts.map +1 -1
  72. package/types/CondensedButton/v1/theme.d.ts +1 -1
  73. package/types/CondensedButton/v1/theme.d.ts.map +1 -1
  74. package/types/CondensedButton/v2/index.d.ts +2 -1
  75. package/types/CondensedButton/v2/index.d.ts.map +1 -1
  76. package/types/IconButton/v1/index.d.ts +2 -1
  77. package/types/IconButton/v1/index.d.ts.map +1 -1
  78. package/types/IconButton/v1/theme.d.ts +1 -1
  79. package/types/IconButton/v1/theme.d.ts.map +1 -1
  80. package/types/IconButton/v2/index.d.ts +2 -1
  81. package/types/IconButton/v2/index.d.ts.map +1 -1
  82. package/types/ToggleButton/v1/index.d.ts +1 -0
  83. package/types/ToggleButton/v1/index.d.ts.map +1 -1
  84. package/types/ToggleButton/v2/index.d.ts +1 -0
  85. package/types/ToggleButton/v2/index.d.ts.map +1 -1
  86. package/types/exports/a.d.ts +6 -6
  87. package/types/exports/a.d.ts.map +1 -1
  88. package/types/exports/b.d.ts +6 -6
  89. package/types/exports/b.d.ts.map +1 -1
@@ -10,9 +10,9 @@ var _passthroughProps = require("@instructure/ui-react-utils/lib/passthroughProp
10
10
  var _ScreenReaderContent = require("@instructure/ui-a11y-content/lib/ScreenReaderContent");
11
11
  var _combineDataCid = require("@instructure/ui-utils/lib/combineDataCid.js");
12
12
  var _emotion = require("@instructure/emotion");
13
- var _theme = _interopRequireDefault(require("./theme"));
14
- var _v = require("../../BaseButton/v1");
15
- var _props = require("./props");
13
+ var _theme = _interopRequireDefault(require("./theme.js"));
14
+ var _index = require("../../BaseButton/v1/index.js");
15
+ var _props = require("./props.js");
16
16
  var _jsxRuntime = require("@emotion/react/jsx-runtime");
17
17
  var _dec, _class;
18
18
  /*
@@ -45,7 +45,7 @@ category: components
45
45
  **/
46
46
  // needed for listing the available theme variables on docs page
47
47
  let IconButton = exports.IconButton = (_dec = (0, _emotion.withStyle)(null, _theme.default), _dec(_class = class IconButton extends _react.Component {
48
- static displayName = "IconButton";
48
+ static displayName = 'IconButton';
49
49
  static componentId = 'IconButton';
50
50
  static allowedProps = _props.allowedProps;
51
51
  static defaultProps = {
@@ -99,7 +99,7 @@ let IconButton = exports.IconButton = (_dec = (0, _emotion.withStyle)(null, _the
99
99
  ...props
100
100
  } = this.props;
101
101
  const themeOverride = this.props.themeOverride;
102
- return (0, _jsxRuntime.jsx)(_v.BaseButton, {
102
+ return (0, _jsxRuntime.jsx)(_index.BaseButton, {
103
103
  ...(0, _passthroughProps.passthroughProps)(props),
104
104
  type: type,
105
105
  size: size,
@@ -10,4 +10,4 @@ Object.defineProperty(exports, "default", {
10
10
  return _theme.default;
11
11
  }
12
12
  });
13
- var _theme = _interopRequireDefault(require("../../BaseButton/v1/theme"));
13
+ var _theme = _interopRequireDefault(require("../../BaseButton/v1/theme.js"));
@@ -9,8 +9,8 @@ var _passthroughProps = require("@instructure/ui-react-utils/lib/passthroughProp
9
9
  var _ScreenReaderContent = require("@instructure/ui-a11y-content/lib/ScreenReaderContent");
10
10
  var _combineDataCid = require("@instructure/ui-utils/lib/combineDataCid.js");
11
11
  var _emotion = require("@instructure/emotion");
12
- var _v = require("../../BaseButton/v2");
13
- var _props = require("./props");
12
+ var _index = require("../../BaseButton/v2/index.js");
13
+ var _props = require("./props.js");
14
14
  var _jsxRuntime = require("@emotion/react/jsx-runtime");
15
15
  var _dec, _class;
16
16
  /*
@@ -43,7 +43,7 @@ category: components
43
43
  **/
44
44
  // needed for listing the available theme variables on docs page
45
45
  let IconButton = exports.IconButton = (_dec = (0, _emotion.withStyleNew)(null, 'BaseButton'), _dec(_class = class IconButton extends _react.Component {
46
- static displayName = "IconButton";
46
+ static displayName = 'IconButton';
47
47
  static componentId = 'IconButton';
48
48
  static allowedProps = _props.allowedProps;
49
49
  static defaultProps = {
@@ -97,7 +97,7 @@ let IconButton = exports.IconButton = (_dec = (0, _emotion.withStyleNew)(null, '
97
97
  ...props
98
98
  } = this.props;
99
99
  const themeOverride = this.props.themeOverride;
100
- return (0, _jsxRuntime.jsx)(_v.BaseButton, {
100
+ return (0, _jsxRuntime.jsx)(_index.BaseButton, {
101
101
  ...(0, _passthroughProps.passthroughProps)(props),
102
102
  type: type,
103
103
  size: size,
@@ -8,8 +8,8 @@ var _react = require("react");
8
8
  var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
9
9
  var _passthroughProps = require("@instructure/ui-react-utils/lib/passthroughProps.js");
10
10
  var _v11_ = require("@instructure/ui-tooltip/v11_6");
11
- var _v = require("../../IconButton/v1");
12
- var _props = require("./props");
11
+ var _index = require("../../IconButton/v1/index.js");
12
+ var _props = require("./props.js");
13
13
  var _jsxRuntime = require("@emotion/react/jsx-runtime");
14
14
  /*
15
15
  * The MIT License (MIT)
@@ -42,7 +42,7 @@ category: components
42
42
  **/
43
43
 
44
44
  class ToggleButton extends _react.Component {
45
- static displayName = "ToggleButton";
45
+ static displayName = 'ToggleButton';
46
46
  static componentId = 'ToggleButton';
47
47
  static allowedProps = _props.allowedProps;
48
48
  static defaultProps = {
@@ -107,7 +107,7 @@ class ToggleButton extends _react.Component {
107
107
  },
108
108
  mountNode: mountNode,
109
109
  elementRef: el => this.ref = el,
110
- children: (0, _jsxRuntime.jsx)(_v.IconButton, {
110
+ children: (0, _jsxRuntime.jsx)(_index.IconButton, {
111
111
  ...(0, _passthroughProps.passthroughProps)(props),
112
112
  screenReaderLabel: screenReaderLabel,
113
113
  withBackground: false,
@@ -7,8 +7,8 @@ exports.default = exports.ToggleButton = void 0;
7
7
  var _react = require("react");
8
8
  var _passthroughProps = require("@instructure/ui-react-utils/lib/passthroughProps.js");
9
9
  var _latest = require("@instructure/ui-tooltip/latest");
10
- var _v = require("../../IconButton/v2");
11
- var _props = require("./props");
10
+ var _index = require("../../IconButton/v2/index.js");
11
+ var _props = require("./props.js");
12
12
  var _jsxRuntime = require("@emotion/react/jsx-runtime");
13
13
  /*
14
14
  * The MIT License (MIT)
@@ -41,7 +41,7 @@ category: components
41
41
  **/
42
42
 
43
43
  class ToggleButton extends _react.Component {
44
- static displayName = "ToggleButton";
44
+ static displayName = 'ToggleButton';
45
45
  static componentId = 'ToggleButton';
46
46
  static allowedProps = _props.allowedProps;
47
47
  static defaultProps = {
@@ -106,7 +106,7 @@ class ToggleButton extends _react.Component {
106
106
  },
107
107
  mountNode: mountNode,
108
108
  elementRef: el => this.ref = el,
109
- children: (0, _jsxRuntime.jsx)(_v.IconButton, {
109
+ children: (0, _jsxRuntime.jsx)(_index.IconButton, {
110
110
  ...(0, _passthroughProps.passthroughProps)(props),
111
111
  screenReaderLabel: screenReaderLabel,
112
112
  withBackground: false,
package/lib/exports/a.js CHANGED
@@ -6,42 +6,42 @@ Object.defineProperty(exports, "__esModule", {
6
6
  Object.defineProperty(exports, "BaseButton", {
7
7
  enumerable: true,
8
8
  get: function () {
9
- return _v.BaseButton;
9
+ return _index.BaseButton;
10
10
  }
11
11
  });
12
12
  Object.defineProperty(exports, "Button", {
13
13
  enumerable: true,
14
14
  get: function () {
15
- return _v2.Button;
15
+ return _index2.Button;
16
16
  }
17
17
  });
18
18
  Object.defineProperty(exports, "CloseButton", {
19
19
  enumerable: true,
20
20
  get: function () {
21
- return _v3.CloseButton;
21
+ return _index3.CloseButton;
22
22
  }
23
23
  });
24
24
  Object.defineProperty(exports, "CondensedButton", {
25
25
  enumerable: true,
26
26
  get: function () {
27
- return _v4.CondensedButton;
27
+ return _index4.CondensedButton;
28
28
  }
29
29
  });
30
30
  Object.defineProperty(exports, "IconButton", {
31
31
  enumerable: true,
32
32
  get: function () {
33
- return _v5.IconButton;
33
+ return _index5.IconButton;
34
34
  }
35
35
  });
36
36
  Object.defineProperty(exports, "ToggleButton", {
37
37
  enumerable: true,
38
38
  get: function () {
39
- return _v6.ToggleButton;
39
+ return _index6.ToggleButton;
40
40
  }
41
41
  });
42
- var _v = require("../BaseButton/v1");
43
- var _v2 = require("../Button/v1");
44
- var _v3 = require("../CloseButton/v1");
45
- var _v4 = require("../CondensedButton/v1");
46
- var _v5 = require("../IconButton/v1");
47
- var _v6 = require("../ToggleButton/v1");
42
+ var _index = require("../BaseButton/v1/index.js");
43
+ var _index2 = require("../Button/v1/index.js");
44
+ var _index3 = require("../CloseButton/v1/index.js");
45
+ var _index4 = require("../CondensedButton/v1/index.js");
46
+ var _index5 = require("../IconButton/v1/index.js");
47
+ var _index6 = require("../ToggleButton/v1/index.js");
package/lib/exports/b.js CHANGED
@@ -6,42 +6,42 @@ Object.defineProperty(exports, "__esModule", {
6
6
  Object.defineProperty(exports, "BaseButton", {
7
7
  enumerable: true,
8
8
  get: function () {
9
- return _v.BaseButton;
9
+ return _index.BaseButton;
10
10
  }
11
11
  });
12
12
  Object.defineProperty(exports, "Button", {
13
13
  enumerable: true,
14
14
  get: function () {
15
- return _v2.Button;
15
+ return _index2.Button;
16
16
  }
17
17
  });
18
18
  Object.defineProperty(exports, "CloseButton", {
19
19
  enumerable: true,
20
20
  get: function () {
21
- return _v3.CloseButton;
21
+ return _index3.CloseButton;
22
22
  }
23
23
  });
24
24
  Object.defineProperty(exports, "CondensedButton", {
25
25
  enumerable: true,
26
26
  get: function () {
27
- return _v4.CondensedButton;
27
+ return _index4.CondensedButton;
28
28
  }
29
29
  });
30
30
  Object.defineProperty(exports, "IconButton", {
31
31
  enumerable: true,
32
32
  get: function () {
33
- return _v5.IconButton;
33
+ return _index5.IconButton;
34
34
  }
35
35
  });
36
36
  Object.defineProperty(exports, "ToggleButton", {
37
37
  enumerable: true,
38
38
  get: function () {
39
- return _v6.ToggleButton;
39
+ return _index6.ToggleButton;
40
40
  }
41
41
  });
42
- var _v = require("../BaseButton/v2");
43
- var _v2 = require("../Button/v2");
44
- var _v3 = require("../CloseButton/v2");
45
- var _v4 = require("../CondensedButton/v2");
46
- var _v5 = require("../IconButton/v2");
47
- var _v6 = require("../ToggleButton/v2");
42
+ var _index = require("../BaseButton/v2/index.js");
43
+ var _index2 = require("../Button/v2/index.js");
44
+ var _index3 = require("../CloseButton/v2/index.js");
45
+ var _index4 = require("../CondensedButton/v2/index.js");
46
+ var _index5 = require("../IconButton/v2/index.js");
47
+ var _index6 = require("../ToggleButton/v2/index.js");
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-buttons",
3
- "version": "11.7.4-snapshot-11",
3
+ "version": "11.7.4-snapshot-49",
4
4
  "description": "Accessible button components",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "module": "./es/index.js",
@@ -16,28 +16,28 @@
16
16
  "dependencies": {
17
17
  "@babel/runtime": "^7.29.2",
18
18
  "keycode": "^2",
19
- "@instructure/console": "11.7.4-snapshot-11",
20
- "@instructure/shared-types": "11.7.4-snapshot-11",
21
- "@instructure/emotion": "11.7.4-snapshot-11",
22
- "@instructure/ui-a11y-content": "11.7.4-snapshot-11",
23
- "@instructure/ui-a11y-utils": "11.7.4-snapshot-11",
24
- "@instructure/ui-dom-utils": "11.7.4-snapshot-11",
25
- "@instructure/ui-icons": "11.7.4-snapshot-11",
26
- "@instructure/ui-position": "11.7.4-snapshot-11",
27
- "@instructure/ui-themes": "11.7.4-snapshot-11",
28
- "@instructure/ui-react-utils": "11.7.4-snapshot-11",
29
- "@instructure/ui-color-utils": "11.7.4-snapshot-11",
30
- "@instructure/ui-utils": "11.7.4-snapshot-11",
31
- "@instructure/ui-tooltip": "11.7.4-snapshot-11",
32
- "@instructure/ui-view": "11.7.4-snapshot-11"
19
+ "@instructure/console": "11.7.4-snapshot-49",
20
+ "@instructure/emotion": "11.7.4-snapshot-49",
21
+ "@instructure/shared-types": "11.7.4-snapshot-49",
22
+ "@instructure/ui-a11y-utils": "11.7.4-snapshot-49",
23
+ "@instructure/ui-a11y-content": "11.7.4-snapshot-49",
24
+ "@instructure/ui-color-utils": "11.7.4-snapshot-49",
25
+ "@instructure/ui-dom-utils": "11.7.4-snapshot-49",
26
+ "@instructure/ui-position": "11.7.4-snapshot-49",
27
+ "@instructure/ui-react-utils": "11.7.4-snapshot-49",
28
+ "@instructure/ui-themes": "11.7.4-snapshot-49",
29
+ "@instructure/ui-icons": "11.7.4-snapshot-49",
30
+ "@instructure/ui-utils": "11.7.4-snapshot-49",
31
+ "@instructure/ui-tooltip": "11.7.4-snapshot-49",
32
+ "@instructure/ui-view": "11.7.4-snapshot-49"
33
33
  },
34
34
  "devDependencies": {
35
35
  "@testing-library/jest-dom": "^6.6.3",
36
36
  "@testing-library/react": "15.0.7",
37
37
  "@testing-library/user-event": "^14.6.1",
38
38
  "vitest": "^3.2.2",
39
- "@instructure/ui-axe-check": "11.7.4-snapshot-11",
40
- "@instructure/ui-babel-preset": "11.7.4-snapshot-11"
39
+ "@instructure/ui-axe-check": "11.7.4-snapshot-49",
40
+ "@instructure/ui-babel-preset": "11.7.4-snapshot-49"
41
41
  },
42
42
  "peerDependencies": {
43
43
  "react": ">=18 <=19"
@@ -43,20 +43,21 @@ import { combineDataCid } from '@instructure/ui-utils'
43
43
 
44
44
  import { withStyle } from '@instructure/emotion'
45
45
 
46
- import generateStyles from './styles'
47
- import generateComponentTheme from './theme'
46
+ import generateStyles from './styles.js'
47
+ import generateComponentTheme from './theme.js'
48
48
 
49
- import { allowedProps } from './props'
49
+ import { allowedProps } from './props.js'
50
50
  import type { BaseButtonProps, BaseButtonStyleProps } from './props'
51
51
 
52
52
  /**
53
53
  ---
54
- category: components/utilities
54
+ category: components/Util Components
55
55
  ---
56
56
  **/
57
57
 
58
58
  @withStyle(generateStyles, generateComponentTheme)
59
59
  class BaseButton extends Component<BaseButtonProps> {
60
+ static displayName = 'BaseButton'
60
61
  static readonly componentId = 'BaseButton'
61
62
 
62
63
  static allowedProps = allowedProps
@@ -43,9 +43,9 @@ import { combineDataCid } from '@instructure/ui-utils'
43
43
 
44
44
  import { withStyleNew } from '@instructure/emotion'
45
45
 
46
- import generateStyles from './styles'
46
+ import generateStyles from './styles.js'
47
47
 
48
- import { allowedProps } from './props'
48
+ import { allowedProps } from './props.js'
49
49
  import type { BaseButtonProps, BaseButtonStyleProps } from './props'
50
50
 
51
51
  const buttonSizeToIconSize = {
@@ -68,11 +68,12 @@ const buttonColorToIconColor = {
68
68
 
69
69
  /**
70
70
  ---
71
- category: components/utilities
71
+ category: components/Util Components
72
72
  ---
73
73
  **/
74
74
  @withStyleNew(generateStyles)
75
75
  class BaseButton extends Component<BaseButtonProps> {
76
+ static displayName = 'BaseButton'
76
77
  static readonly componentId = 'BaseButton'
77
78
 
78
79
  static allowedProps = allowedProps
@@ -28,10 +28,10 @@ import { getInteraction, passthroughProps } from '@instructure/ui-react-utils'
28
28
 
29
29
  import { withStyle } from '@instructure/emotion'
30
30
 
31
- import generateComponentTheme from './theme'
32
- import { BaseButton } from '../../BaseButton/v1'
31
+ import generateComponentTheme from './theme.js'
32
+ import { BaseButton } from '../../BaseButton/v1/index.js'
33
33
 
34
- import { allowedProps } from './props'
34
+ import { allowedProps } from './props.js'
35
35
  import type { ButtonProps } from './props'
36
36
 
37
37
  /**
@@ -42,6 +42,7 @@ category: components
42
42
  // needed for listing the available theme variables on docs page
43
43
  @withStyle(null, generateComponentTheme)
44
44
  class Button extends Component<ButtonProps> {
45
+ static displayName = 'Button'
45
46
  static readonly componentId = 'Button'
46
47
 
47
48
  static allowedProps = allowedProps
@@ -22,4 +22,4 @@
22
22
  * SOFTWARE.
23
23
  */
24
24
 
25
- export { default } from '../../BaseButton/v1/theme'
25
+ export { default } from '../../BaseButton/v1/theme.js'
@@ -27,9 +27,9 @@ import { Component } from 'react'
27
27
  import { getInteraction, passthroughProps } from '@instructure/ui-react-utils'
28
28
 
29
29
  import { withStyleNew } from '@instructure/emotion'
30
- import { BaseButton } from '../../BaseButton/v2'
30
+ import { BaseButton } from '../../BaseButton/v2/index.js'
31
31
 
32
- import { allowedProps } from './props'
32
+ import { allowedProps } from './props.js'
33
33
  import type { ButtonProps } from './props'
34
34
 
35
35
  /**
@@ -40,6 +40,7 @@ category: components
40
40
  // needed for listing the available theme variables on docs page
41
41
  @withStyleNew(null, 'BaseButton')
42
42
  class Button extends Component<ButtonProps> {
43
+ static displayName = 'Button'
43
44
  static readonly componentId = 'Button'
44
45
 
45
46
  static allowedProps = allowedProps
@@ -30,11 +30,11 @@ import { getInteraction, passthroughProps } from '@instructure/ui-react-utils'
30
30
 
31
31
  import { withStyle } from '@instructure/emotion'
32
32
 
33
- import generateStyle from './styles'
34
- import generateComponentTheme from './theme'
35
- import { BaseButton } from '../../BaseButton/v1'
33
+ import generateStyle from './styles.js'
34
+ import generateComponentTheme from './theme.js'
35
+ import { BaseButton } from '../../BaseButton/v1/index.js'
36
36
 
37
- import { allowedProps } from './props'
37
+ import { allowedProps } from './props.js'
38
38
  import type { CloseButtonProps } from './props'
39
39
 
40
40
  /**
@@ -44,6 +44,7 @@ category: components
44
44
  **/
45
45
  @withStyle(generateStyle, generateComponentTheme)
46
46
  class CloseButton extends Component<CloseButtonProps> {
47
+ static displayName = 'CloseButton'
47
48
  static readonly componentId = 'CloseButton'
48
49
 
49
50
  static allowedProps = allowedProps
@@ -30,10 +30,10 @@ import { getInteraction, passthroughProps } from '@instructure/ui-react-utils'
30
30
 
31
31
  import { withStyleNew } from '@instructure/emotion'
32
32
 
33
- import generateStyle from './styles'
34
- import { BaseButton } from '../../BaseButton/v2'
33
+ import generateStyle from './styles.js'
34
+ import { BaseButton } from '../../BaseButton/v2/index.js'
35
35
 
36
- import { allowedProps } from './props'
36
+ import { allowedProps } from './props.js'
37
37
  import type { CloseButtonProps } from './props'
38
38
 
39
39
  /**
@@ -43,6 +43,7 @@ category: components
43
43
  **/
44
44
  @withStyleNew(generateStyle, 'BaseButton')
45
45
  class CloseButton extends Component<CloseButtonProps> {
46
+ static displayName = 'CloseButton'
46
47
  static readonly componentId = 'CloseButton'
47
48
 
48
49
  static allowedProps = allowedProps
@@ -28,10 +28,10 @@ import { passthroughProps } from '@instructure/ui-react-utils'
28
28
 
29
29
  import { withStyle } from '@instructure/emotion'
30
30
 
31
- import generateComponentTheme from './theme'
32
- import { BaseButton } from '../../BaseButton/v1'
31
+ import generateComponentTheme from './theme.js'
32
+ import { BaseButton } from '../../BaseButton/v1/index.js'
33
33
 
34
- import { allowedProps } from './props'
34
+ import { allowedProps } from './props.js'
35
35
  import type { CondensedButtonProps } from './props'
36
36
 
37
37
  /**
@@ -42,6 +42,7 @@ category: components
42
42
  // needed for listing the available theme variables on docs page
43
43
  @withStyle(null, generateComponentTheme)
44
44
  class CondensedButton extends Component<CondensedButtonProps> {
45
+ static displayName = 'CondensedButton'
45
46
  static readonly componentId = 'CondensedButton'
46
47
 
47
48
  static allowedProps = allowedProps
@@ -22,4 +22,4 @@
22
22
  * SOFTWARE.
23
23
  */
24
24
 
25
- export { default } from '../../BaseButton/v1/theme'
25
+ export { default } from '../../BaseButton/v1/theme.js'
@@ -27,9 +27,9 @@ import { Component } from 'react'
27
27
  import { passthroughProps } from '@instructure/ui-react-utils'
28
28
 
29
29
  import { withStyleNew } from '@instructure/emotion'
30
- import { BaseButton } from '../../BaseButton/v2'
30
+ import { BaseButton } from '../../BaseButton/v2/index.js'
31
31
 
32
- import { allowedProps } from './props'
32
+ import { allowedProps } from './props.js'
33
33
  import type { CondensedButtonProps } from './props'
34
34
 
35
35
  /**
@@ -40,6 +40,7 @@ category: components
40
40
  // needed for listing the available theme variables on docs page
41
41
  @withStyleNew(null, 'BaseButton')
42
42
  class CondensedButton extends Component<CondensedButtonProps> {
43
+ static displayName = 'CondensedButton'
43
44
  static readonly componentId = 'CondensedButton'
44
45
 
45
46
  static allowedProps = allowedProps
@@ -30,10 +30,10 @@ import { combineDataCid } from '@instructure/ui-utils'
30
30
 
31
31
  import { withStyle } from '@instructure/emotion'
32
32
 
33
- import generateComponentTheme from './theme'
34
- import { BaseButton } from '../../BaseButton/v1'
33
+ import generateComponentTheme from './theme.js'
34
+ import { BaseButton } from '../../BaseButton/v1/index.js'
35
35
 
36
- import { allowedProps } from './props'
36
+ import { allowedProps } from './props.js'
37
37
  import type { IconButtonProps } from './props'
38
38
 
39
39
  /**
@@ -45,6 +45,7 @@ category: components
45
45
  // needed for listing the available theme variables on docs page
46
46
  @withStyle(null, generateComponentTheme)
47
47
  class IconButton extends Component<IconButtonProps> {
48
+ static displayName = 'IconButton'
48
49
  static readonly componentId = 'IconButton'
49
50
 
50
51
  static allowedProps = allowedProps
@@ -22,4 +22,4 @@
22
22
  * SOFTWARE.
23
23
  */
24
24
 
25
- export { default } from '../../BaseButton/v1/theme'
25
+ export { default } from '../../BaseButton/v1/theme.js'
@@ -29,9 +29,9 @@ import { ScreenReaderContent } from '@instructure/ui-a11y-content'
29
29
  import { combineDataCid } from '@instructure/ui-utils'
30
30
 
31
31
  import { withStyleNew } from '@instructure/emotion'
32
- import { BaseButton } from '../../BaseButton/v2'
32
+ import { BaseButton } from '../../BaseButton/v2/index.js'
33
33
 
34
- import { allowedProps } from './props'
34
+ import { allowedProps } from './props.js'
35
35
  import type { IconButtonProps } from './props'
36
36
 
37
37
  /**
@@ -43,6 +43,7 @@ category: components
43
43
  // needed for listing the available theme variables on docs page
44
44
  @withStyleNew(null, 'BaseButton')
45
45
  class IconButton extends Component<IconButtonProps> {
46
+ static displayName = 'IconButton'
46
47
  static readonly componentId = 'IconButton'
47
48
 
48
49
  static allowedProps = allowedProps
@@ -27,9 +27,9 @@ import { Component } from 'react'
27
27
  import { callRenderProp, passthroughProps } from '@instructure/ui-react-utils'
28
28
 
29
29
  import { Tooltip } from '@instructure/ui-tooltip/v11_6'
30
- import { IconButton } from '../../IconButton/v1'
30
+ import { IconButton } from '../../IconButton/v1/index.js'
31
31
 
32
- import { allowedProps } from './props'
32
+ import { allowedProps } from './props.js'
33
33
  import type { ToggleButtonProps, ToggleButtonState } from './props'
34
34
 
35
35
  /**
@@ -39,6 +39,7 @@ category: components
39
39
  **/
40
40
 
41
41
  class ToggleButton extends Component<ToggleButtonProps, ToggleButtonState> {
42
+ static displayName = 'ToggleButton'
42
43
  static readonly componentId = 'ToggleButton'
43
44
 
44
45
  static allowedProps = allowedProps
@@ -27,9 +27,9 @@ import { Component } from 'react'
27
27
  import { passthroughProps } from '@instructure/ui-react-utils'
28
28
 
29
29
  import { Tooltip } from '@instructure/ui-tooltip/latest'
30
- import { IconButton } from '../../IconButton/v2'
30
+ import { IconButton } from '../../IconButton/v2/index.js'
31
31
 
32
- import { allowedProps } from './props'
32
+ import { allowedProps } from './props.js'
33
33
  import type { ToggleButtonProps, ToggleButtonState } from './props'
34
34
 
35
35
  /**
@@ -39,6 +39,7 @@ category: components
39
39
  **/
40
40
 
41
41
  class ToggleButton extends Component<ToggleButtonProps, ToggleButtonState> {
42
+ static displayName = 'ToggleButton'
42
43
  static readonly componentId = 'ToggleButton'
43
44
 
44
45
  static allowedProps = allowedProps
package/src/exports/a.ts CHANGED
@@ -22,12 +22,12 @@
22
22
  * SOFTWARE.
23
23
  */
24
24
 
25
- export { BaseButton } from '../BaseButton/v1'
26
- export { Button } from '../Button/v1'
27
- export { CloseButton } from '../CloseButton/v1'
28
- export { CondensedButton } from '../CondensedButton/v1'
29
- export { IconButton } from '../IconButton/v1'
30
- export { ToggleButton } from '../ToggleButton/v1'
25
+ export { BaseButton } from '../BaseButton/v1/index.js'
26
+ export { Button } from '../Button/v1/index.js'
27
+ export { CloseButton } from '../CloseButton/v1/index.js'
28
+ export { CondensedButton } from '../CondensedButton/v1/index.js'
29
+ export { IconButton } from '../IconButton/v1/index.js'
30
+ export { ToggleButton } from '../ToggleButton/v1/index.js'
31
31
 
32
32
  export type {
33
33
  BaseButtonProps,
package/src/exports/b.ts CHANGED
@@ -22,12 +22,12 @@
22
22
  * SOFTWARE.
23
23
  */
24
24
 
25
- export { BaseButton } from '../BaseButton/v2'
26
- export { Button } from '../Button/v2'
27
- export { CloseButton } from '../CloseButton/v2'
28
- export { CondensedButton } from '../CondensedButton/v2'
29
- export { IconButton } from '../IconButton/v2'
30
- export { ToggleButton } from '../ToggleButton/v2'
25
+ export { BaseButton } from '../BaseButton/v2/index.js'
26
+ export { Button } from '../Button/v2/index.js'
27
+ export { CloseButton } from '../CloseButton/v2/index.js'
28
+ export { CondensedButton } from '../CondensedButton/v2/index.js'
29
+ export { IconButton } from '../IconButton/v2/index.js'
30
+ export { ToggleButton } from '../ToggleButton/v2/index.js'
31
31
 
32
32
  export type {
33
33
  BaseButtonProps,