@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.
- package/CHANGELOG.md +1 -1
- package/LICENSE.md +1 -0
- package/es/BaseButton/v1/index.js +5 -5
- package/es/BaseButton/v2/index.js +4 -4
- package/es/Button/v1/index.js +4 -4
- package/es/Button/v1/theme.js +2 -1
- package/es/Button/v2/index.js +3 -3
- package/es/CloseButton/v1/index.js +5 -5
- package/es/CloseButton/v2/index.js +4 -4
- package/es/CondensedButton/v1/index.js +4 -4
- package/es/CondensedButton/v1/theme.js +2 -1
- package/es/CondensedButton/v2/index.js +3 -3
- package/es/IconButton/v1/index.js +4 -4
- package/es/IconButton/v1/theme.js +2 -1
- package/es/IconButton/v2/index.js +3 -3
- package/es/ToggleButton/v1/index.js +3 -3
- package/es/ToggleButton/v2/index.js +3 -3
- package/es/exports/a.js +7 -6
- package/es/exports/b.js +7 -6
- package/lib/BaseButton/v1/index.js +5 -5
- package/lib/BaseButton/v2/index.js +4 -4
- package/lib/Button/v1/index.js +5 -5
- package/lib/Button/v1/theme.js +1 -1
- package/lib/Button/v2/index.js +4 -4
- package/lib/CloseButton/v1/index.js +6 -6
- package/lib/CloseButton/v2/index.js +5 -5
- package/lib/CondensedButton/v1/index.js +5 -5
- package/lib/CondensedButton/v1/theme.js +1 -1
- package/lib/CondensedButton/v2/index.js +4 -4
- package/lib/IconButton/v1/index.js +5 -5
- package/lib/IconButton/v1/theme.js +1 -1
- package/lib/IconButton/v2/index.js +4 -4
- package/lib/ToggleButton/v1/index.js +4 -4
- package/lib/ToggleButton/v2/index.js +4 -4
- package/lib/exports/a.js +12 -12
- package/lib/exports/b.js +12 -12
- package/package.json +17 -17
- package/src/BaseButton/v1/index.tsx +5 -4
- package/src/BaseButton/v2/index.tsx +4 -3
- package/src/Button/v1/index.tsx +4 -3
- package/src/Button/v1/theme.ts +1 -1
- package/src/Button/v2/index.tsx +3 -2
- package/src/CloseButton/v1/index.tsx +5 -4
- package/src/CloseButton/v2/index.tsx +4 -3
- package/src/CondensedButton/v1/index.tsx +4 -3
- package/src/CondensedButton/v1/theme.ts +1 -1
- package/src/CondensedButton/v2/index.tsx +3 -2
- package/src/IconButton/v1/index.tsx +4 -3
- package/src/IconButton/v1/theme.ts +1 -1
- package/src/IconButton/v2/index.tsx +3 -2
- package/src/ToggleButton/v1/index.tsx +3 -2
- package/src/ToggleButton/v2/index.tsx +3 -2
- package/src/exports/a.ts +6 -6
- package/src/exports/b.ts +6 -6
- package/tsconfig.build.tsbuildinfo +1 -1
- package/types/BaseButton/v1/index.d.ts +3 -2
- package/types/BaseButton/v1/index.d.ts.map +1 -1
- package/types/BaseButton/v2/index.d.ts +3 -2
- package/types/BaseButton/v2/index.d.ts.map +1 -1
- package/types/Button/v1/index.d.ts +2 -1
- package/types/Button/v1/index.d.ts.map +1 -1
- package/types/Button/v1/theme.d.ts +1 -1
- package/types/Button/v1/theme.d.ts.map +1 -1
- package/types/Button/v2/index.d.ts +2 -1
- package/types/Button/v2/index.d.ts.map +1 -1
- package/types/CloseButton/v1/index.d.ts +1 -0
- package/types/CloseButton/v1/index.d.ts.map +1 -1
- package/types/CloseButton/v2/index.d.ts +1 -0
- package/types/CloseButton/v2/index.d.ts.map +1 -1
- package/types/CondensedButton/v1/index.d.ts +2 -1
- package/types/CondensedButton/v1/index.d.ts.map +1 -1
- package/types/CondensedButton/v1/theme.d.ts +1 -1
- package/types/CondensedButton/v1/theme.d.ts.map +1 -1
- package/types/CondensedButton/v2/index.d.ts +2 -1
- package/types/CondensedButton/v2/index.d.ts.map +1 -1
- package/types/IconButton/v1/index.d.ts +2 -1
- package/types/IconButton/v1/index.d.ts.map +1 -1
- package/types/IconButton/v1/theme.d.ts +1 -1
- package/types/IconButton/v1/theme.d.ts.map +1 -1
- package/types/IconButton/v2/index.d.ts +2 -1
- package/types/IconButton/v2/index.d.ts.map +1 -1
- package/types/ToggleButton/v1/index.d.ts +1 -0
- package/types/ToggleButton/v1/index.d.ts.map +1 -1
- package/types/ToggleButton/v2/index.d.ts +1 -0
- package/types/ToggleButton/v2/index.d.ts.map +1 -1
- package/types/exports/a.d.ts +6 -6
- package/types/exports/a.d.ts.map +1 -1
- package/types/exports/b.d.ts +6 -6
- 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
|
|
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 =
|
|
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)(
|
|
102
|
+
return (0, _jsxRuntime.jsx)(_index.BaseButton, {
|
|
103
103
|
...(0, _passthroughProps.passthroughProps)(props),
|
|
104
104
|
type: type,
|
|
105
105
|
size: size,
|
|
@@ -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
|
|
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 =
|
|
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)(
|
|
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
|
|
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 =
|
|
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)(
|
|
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
|
|
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 =
|
|
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)(
|
|
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
|
|
9
|
+
return _index.BaseButton;
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
12
|
Object.defineProperty(exports, "Button", {
|
|
13
13
|
enumerable: true,
|
|
14
14
|
get: function () {
|
|
15
|
-
return
|
|
15
|
+
return _index2.Button;
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
18
|
Object.defineProperty(exports, "CloseButton", {
|
|
19
19
|
enumerable: true,
|
|
20
20
|
get: function () {
|
|
21
|
-
return
|
|
21
|
+
return _index3.CloseButton;
|
|
22
22
|
}
|
|
23
23
|
});
|
|
24
24
|
Object.defineProperty(exports, "CondensedButton", {
|
|
25
25
|
enumerable: true,
|
|
26
26
|
get: function () {
|
|
27
|
-
return
|
|
27
|
+
return _index4.CondensedButton;
|
|
28
28
|
}
|
|
29
29
|
});
|
|
30
30
|
Object.defineProperty(exports, "IconButton", {
|
|
31
31
|
enumerable: true,
|
|
32
32
|
get: function () {
|
|
33
|
-
return
|
|
33
|
+
return _index5.IconButton;
|
|
34
34
|
}
|
|
35
35
|
});
|
|
36
36
|
Object.defineProperty(exports, "ToggleButton", {
|
|
37
37
|
enumerable: true,
|
|
38
38
|
get: function () {
|
|
39
|
-
return
|
|
39
|
+
return _index6.ToggleButton;
|
|
40
40
|
}
|
|
41
41
|
});
|
|
42
|
-
var
|
|
43
|
-
var
|
|
44
|
-
var
|
|
45
|
-
var
|
|
46
|
-
var
|
|
47
|
-
var
|
|
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
|
|
9
|
+
return _index.BaseButton;
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
12
|
Object.defineProperty(exports, "Button", {
|
|
13
13
|
enumerable: true,
|
|
14
14
|
get: function () {
|
|
15
|
-
return
|
|
15
|
+
return _index2.Button;
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
18
|
Object.defineProperty(exports, "CloseButton", {
|
|
19
19
|
enumerable: true,
|
|
20
20
|
get: function () {
|
|
21
|
-
return
|
|
21
|
+
return _index3.CloseButton;
|
|
22
22
|
}
|
|
23
23
|
});
|
|
24
24
|
Object.defineProperty(exports, "CondensedButton", {
|
|
25
25
|
enumerable: true,
|
|
26
26
|
get: function () {
|
|
27
|
-
return
|
|
27
|
+
return _index4.CondensedButton;
|
|
28
28
|
}
|
|
29
29
|
});
|
|
30
30
|
Object.defineProperty(exports, "IconButton", {
|
|
31
31
|
enumerable: true,
|
|
32
32
|
get: function () {
|
|
33
|
-
return
|
|
33
|
+
return _index5.IconButton;
|
|
34
34
|
}
|
|
35
35
|
});
|
|
36
36
|
Object.defineProperty(exports, "ToggleButton", {
|
|
37
37
|
enumerable: true,
|
|
38
38
|
get: function () {
|
|
39
|
-
return
|
|
39
|
+
return _index6.ToggleButton;
|
|
40
40
|
}
|
|
41
41
|
});
|
|
42
|
-
var
|
|
43
|
-
var
|
|
44
|
-
var
|
|
45
|
-
var
|
|
46
|
-
var
|
|
47
|
-
var
|
|
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-
|
|
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-
|
|
20
|
-
"@instructure/
|
|
21
|
-
"@instructure/
|
|
22
|
-
"@instructure/ui-a11y-
|
|
23
|
-
"@instructure/ui-a11y-
|
|
24
|
-
"@instructure/ui-
|
|
25
|
-
"@instructure/ui-
|
|
26
|
-
"@instructure/ui-position": "11.7.4-snapshot-
|
|
27
|
-
"@instructure/ui-
|
|
28
|
-
"@instructure/ui-
|
|
29
|
-
"@instructure/ui-
|
|
30
|
-
"@instructure/ui-utils": "11.7.4-snapshot-
|
|
31
|
-
"@instructure/ui-tooltip": "11.7.4-snapshot-
|
|
32
|
-
"@instructure/ui-view": "11.7.4-snapshot-
|
|
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-
|
|
40
|
-
"@instructure/ui-babel-preset": "11.7.4-snapshot-
|
|
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/
|
|
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/
|
|
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
|
package/src/Button/v1/index.tsx
CHANGED
|
@@ -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
|
package/src/Button/v1/theme.ts
CHANGED
package/src/Button/v2/index.tsx
CHANGED
|
@@ -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
|
|
@@ -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
|
|
@@ -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,
|