@atlaskit/button 16.12.0 → 16.14.0
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 +12 -0
- package/dist/cjs/entry-points/unsafe.js +14 -0
- package/dist/cjs/index.js +55 -0
- package/dist/cjs/new-button/containers/split-button/split-button.js +4 -0
- package/dist/cjs/new-button/variants/default/button.js +1 -1
- package/dist/cjs/new-button/variants/default/link.js +2 -0
- package/dist/cjs/new-button/variants/icon/button.js +2 -0
- package/dist/cjs/new-button/variants/icon/link.js +2 -0
- package/dist/cjs/new-button/variants/shared/use-button-base.js +1 -1
- package/dist/cjs/old-button/shared/button-base.js +1 -1
- package/dist/es2019/entry-points/unsafe.js +2 -0
- package/dist/es2019/index.js +9 -1
- package/dist/es2019/new-button/containers/split-button/split-button.js +4 -0
- package/dist/es2019/new-button/variants/default/button.js +1 -1
- package/dist/es2019/new-button/variants/default/link.js +2 -0
- package/dist/es2019/new-button/variants/icon/button.js +2 -0
- package/dist/es2019/new-button/variants/icon/link.js +2 -0
- package/dist/es2019/new-button/variants/shared/use-button-base.js +1 -1
- package/dist/es2019/old-button/shared/button-base.js +1 -1
- package/dist/esm/entry-points/unsafe.js +2 -0
- package/dist/esm/index.js +9 -1
- package/dist/esm/new-button/containers/split-button/split-button.js +4 -0
- package/dist/esm/new-button/variants/default/button.js +1 -1
- package/dist/esm/new-button/variants/default/link.js +2 -0
- package/dist/esm/new-button/variants/icon/button.js +2 -0
- package/dist/esm/new-button/variants/icon/link.js +2 -0
- package/dist/esm/new-button/variants/shared/use-button-base.js +1 -1
- package/dist/esm/old-button/shared/button-base.js +1 -1
- package/dist/types/entry-points/unsafe.d.ts +2 -0
- package/dist/types/index.d.ts +6 -0
- package/dist/types/new-button/containers/split-button/split-button.d.ts +4 -0
- package/dist/types/new-button/variants/default/button.d.ts +1 -1
- package/dist/types/new-button/variants/default/link.d.ts +2 -0
- package/dist/types/new-button/variants/icon/button.d.ts +2 -0
- package/dist/types/new-button/variants/icon/link.d.ts +2 -0
- package/dist/types-ts4.5/entry-points/unsafe.d.ts +2 -0
- package/dist/types-ts4.5/index.d.ts +6 -0
- package/dist/types-ts4.5/new-button/containers/split-button/split-button.d.ts +4 -0
- package/dist/types-ts4.5/new-button/variants/default/button.d.ts +1 -1
- package/dist/types-ts4.5/new-button/variants/default/link.d.ts +2 -0
- package/dist/types-ts4.5/new-button/variants/icon/button.d.ts +2 -0
- package/dist/types-ts4.5/new-button/variants/icon/link.d.ts +2 -0
- package/package.json +34 -3
- package/tmp/api-report-tmp.d.ts +0 -133
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# @atlaskit/button
|
|
2
2
|
|
|
3
|
+
## 16.14.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#42928](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/42928) [`f858870ae90`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f858870ae90) - Added new Button variants (in Alpha) unsafe exports to root entrypoint for documentation purposes
|
|
8
|
+
|
|
9
|
+
## 16.13.0
|
|
10
|
+
|
|
11
|
+
### Minor Changes
|
|
12
|
+
|
|
13
|
+
- [#42603](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/42603) [`48423992847`](https://bitbucket.org/atlassian/atlassian-frontend/commits/48423992847) - Add new Link Button variants to unsafe entrypoint for internal testing purposes.
|
|
14
|
+
|
|
3
15
|
## 16.12.0
|
|
4
16
|
|
|
5
17
|
### Minor Changes
|
|
@@ -28,6 +28,18 @@ Object.defineProperty(exports, "UNSAFE_ICON_BUTTON", {
|
|
|
28
28
|
return _button2.default;
|
|
29
29
|
}
|
|
30
30
|
});
|
|
31
|
+
Object.defineProperty(exports, "UNSAFE_LINK_BUTTON", {
|
|
32
|
+
enumerable: true,
|
|
33
|
+
get: function get() {
|
|
34
|
+
return _link.default;
|
|
35
|
+
}
|
|
36
|
+
});
|
|
37
|
+
Object.defineProperty(exports, "UNSAFE_LINK_ICON_BUTTON", {
|
|
38
|
+
enumerable: true,
|
|
39
|
+
get: function get() {
|
|
40
|
+
return _link2.default;
|
|
41
|
+
}
|
|
42
|
+
});
|
|
31
43
|
Object.defineProperty(exports, "UNSAFE_SPLIT_BUTTON", {
|
|
32
44
|
enumerable: true,
|
|
33
45
|
get: function get() {
|
|
@@ -47,6 +59,8 @@ Object.defineProperty(exports, "UNSAFE_SPLIT_BUTTON_CONTEXT", {
|
|
|
47
59
|
}
|
|
48
60
|
});
|
|
49
61
|
var _button = _interopRequireDefault(require("../new-button/variants/default/button"));
|
|
62
|
+
var _link = _interopRequireDefault(require("../new-button/variants/default/link"));
|
|
50
63
|
var _button2 = _interopRequireDefault(require("../new-button/variants/icon/button"));
|
|
64
|
+
var _link2 = _interopRequireDefault(require("../new-button/variants/icon/link"));
|
|
51
65
|
var _splitButton = require("../new-button/containers/split-button");
|
|
52
66
|
var _splitButtonContext = require("../new-button/containers/split-button/split-button-context");
|
package/dist/cjs/index.js
CHANGED
|
@@ -29,6 +29,60 @@ Object.defineProperty(exports, "Theme", {
|
|
|
29
29
|
return _customThemeButton.Theme;
|
|
30
30
|
}
|
|
31
31
|
});
|
|
32
|
+
Object.defineProperty(exports, "UNSAFE_BUTTON", {
|
|
33
|
+
enumerable: true,
|
|
34
|
+
get: function get() {
|
|
35
|
+
return _unsafe.UNSAFE_BUTTON;
|
|
36
|
+
}
|
|
37
|
+
});
|
|
38
|
+
Object.defineProperty(exports, "UNSAFE_DIVIDER", {
|
|
39
|
+
enumerable: true,
|
|
40
|
+
get: function get() {
|
|
41
|
+
return _unsafe.UNSAFE_DIVIDER;
|
|
42
|
+
}
|
|
43
|
+
});
|
|
44
|
+
Object.defineProperty(exports, "UNSAFE_GET_ACTIONS", {
|
|
45
|
+
enumerable: true,
|
|
46
|
+
get: function get() {
|
|
47
|
+
return _unsafe.UNSAFE_GET_ACTIONS;
|
|
48
|
+
}
|
|
49
|
+
});
|
|
50
|
+
Object.defineProperty(exports, "UNSAFE_ICON_BUTTON", {
|
|
51
|
+
enumerable: true,
|
|
52
|
+
get: function get() {
|
|
53
|
+
return _unsafe.UNSAFE_ICON_BUTTON;
|
|
54
|
+
}
|
|
55
|
+
});
|
|
56
|
+
Object.defineProperty(exports, "UNSAFE_LINK_BUTTON", {
|
|
57
|
+
enumerable: true,
|
|
58
|
+
get: function get() {
|
|
59
|
+
return _unsafe.UNSAFE_LINK_BUTTON;
|
|
60
|
+
}
|
|
61
|
+
});
|
|
62
|
+
Object.defineProperty(exports, "UNSAFE_LINK_ICON_BUTTON", {
|
|
63
|
+
enumerable: true,
|
|
64
|
+
get: function get() {
|
|
65
|
+
return _unsafe.UNSAFE_LINK_ICON_BUTTON;
|
|
66
|
+
}
|
|
67
|
+
});
|
|
68
|
+
Object.defineProperty(exports, "UNSAFE_SPLIT_BUTTON", {
|
|
69
|
+
enumerable: true,
|
|
70
|
+
get: function get() {
|
|
71
|
+
return _unsafe.UNSAFE_SPLIT_BUTTON;
|
|
72
|
+
}
|
|
73
|
+
});
|
|
74
|
+
Object.defineProperty(exports, "UNSAFE_SPLIT_BUTTON_CONTAINER", {
|
|
75
|
+
enumerable: true,
|
|
76
|
+
get: function get() {
|
|
77
|
+
return _unsafe.UNSAFE_SPLIT_BUTTON_CONTAINER;
|
|
78
|
+
}
|
|
79
|
+
});
|
|
80
|
+
Object.defineProperty(exports, "UNSAFE_SPLIT_BUTTON_CONTEXT", {
|
|
81
|
+
enumerable: true,
|
|
82
|
+
get: function get() {
|
|
83
|
+
return _unsafe.UNSAFE_SPLIT_BUTTON_CONTEXT;
|
|
84
|
+
}
|
|
85
|
+
});
|
|
32
86
|
Object.defineProperty(exports, "default", {
|
|
33
87
|
enumerable: true,
|
|
34
88
|
get: function get() {
|
|
@@ -39,5 +93,6 @@ var _standardButton = _interopRequireDefault(require("./entry-points/standard-bu
|
|
|
39
93
|
var _loadingButton = _interopRequireDefault(require("./entry-points/loading-button"));
|
|
40
94
|
var _customThemeButton = _interopRequireWildcard(require("./entry-points/custom-theme-button"));
|
|
41
95
|
var _buttonGroup = _interopRequireDefault(require("./entry-points/button-group"));
|
|
96
|
+
var _unsafe = require("./entry-points/unsafe");
|
|
42
97
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
43
98
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
@@ -86,6 +86,10 @@ var SplitButtonContainer = exports.SplitButtonContainer = function SplitButtonCo
|
|
|
86
86
|
}, children);
|
|
87
87
|
};
|
|
88
88
|
/**
|
|
89
|
+
* __Split Button__
|
|
90
|
+
*
|
|
91
|
+
* @private __UNSAFE__ SplitButton is not yet safe for production use.
|
|
92
|
+
*
|
|
89
93
|
* TODO: Add description when adding docs
|
|
90
94
|
*/
|
|
91
95
|
var SplitButton = exports.SplitButton = function SplitButton(_ref3) {
|
|
@@ -14,7 +14,7 @@ var _excluded = ["analyticsContext", "autoFocus", "appearance", "spacing", "isDi
|
|
|
14
14
|
/**
|
|
15
15
|
* __Button__
|
|
16
16
|
*
|
|
17
|
-
* @
|
|
17
|
+
* @private __UNSAFE__ Button is not yet safe for production use.
|
|
18
18
|
*
|
|
19
19
|
* A button triggers an event or action.
|
|
20
20
|
*
|
|
@@ -100,6 +100,8 @@ var WithRef = /*#__PURE__*/(0, _react.forwardRef)(LinkButtonBase);
|
|
|
100
100
|
/**
|
|
101
101
|
* __Link Button__
|
|
102
102
|
*
|
|
103
|
+
* @private __UNSAFE__ LinkButton is not yet safe for production use.
|
|
104
|
+
*
|
|
103
105
|
* Renders a link in the style of a button.
|
|
104
106
|
*
|
|
105
107
|
* - [Examples](https://atlassian.design/components/button/examples)
|
|
@@ -14,6 +14,8 @@ var _excluded = ["analyticsContext", "autoFocus", "appearance", "spacing", "isDi
|
|
|
14
14
|
/**
|
|
15
15
|
* __Icon Button__
|
|
16
16
|
*
|
|
17
|
+
* @private __UNSAFE__ IconButton is not yet safe for production use.
|
|
18
|
+
*
|
|
17
19
|
* TODO: Description
|
|
18
20
|
*
|
|
19
21
|
* - [Examples](https://atlassian.design/components/button/examples)
|
|
@@ -96,6 +96,8 @@ var WithRef = /*#__PURE__*/(0, _react.forwardRef)(LinkIconButtonBase);
|
|
|
96
96
|
/**
|
|
97
97
|
* __Link Icon Button__
|
|
98
98
|
*
|
|
99
|
+
* @private __UNSAFE__ LinkIconButton is not yet safe for production use.
|
|
100
|
+
*
|
|
99
101
|
* Renders a link in the style of an icon button.
|
|
100
102
|
*
|
|
101
103
|
* - [Examples](https://atlassian.design/components/button/examples)
|
|
@@ -115,7 +115,7 @@ var useButtonBase = function useButtonBase(_ref) {
|
|
|
115
115
|
action: 'clicked',
|
|
116
116
|
componentName: 'button',
|
|
117
117
|
packageName: "@atlaskit/button",
|
|
118
|
-
packageVersion: "16.
|
|
118
|
+
packageVersion: "16.14.0",
|
|
119
119
|
analyticsData: analyticsContext,
|
|
120
120
|
actionSubject: buttonType
|
|
121
121
|
});
|
|
@@ -118,7 +118,7 @@ var _default = exports.default = /*#__PURE__*/_react.default.forwardRef(function
|
|
|
118
118
|
action: 'clicked',
|
|
119
119
|
componentName: 'button',
|
|
120
120
|
packageName: "@atlaskit/button",
|
|
121
|
-
packageVersion: "16.
|
|
121
|
+
packageVersion: "16.14.0",
|
|
122
122
|
analyticsData: analyticsContext
|
|
123
123
|
});
|
|
124
124
|
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
export { default as UNSAFE_BUTTON } from '../new-button/variants/default/button';
|
|
2
|
+
export { default as UNSAFE_LINK_BUTTON } from '../new-button/variants/default/link';
|
|
2
3
|
export { default as UNSAFE_ICON_BUTTON } from '../new-button/variants/icon/button';
|
|
4
|
+
export { default as UNSAFE_LINK_ICON_BUTTON } from '../new-button/variants/icon/link';
|
|
3
5
|
export { SplitButton as UNSAFE_SPLIT_BUTTON, SplitButtonContainer as UNSAFE_SPLIT_BUTTON_CONTAINER, Divider as UNSAFE_DIVIDER, getActions as UNSAFE_GET_ACTIONS } from '../new-button/containers/split-button';
|
|
4
6
|
export { SplitButtonContext as UNSAFE_SPLIT_BUTTON_CONTEXT } from '../new-button/containers/split-button/split-button-context';
|
package/dist/es2019/index.js
CHANGED
|
@@ -5,4 +5,12 @@ export {
|
|
|
5
5
|
default } from './entry-points/standard-button';
|
|
6
6
|
export { default as LoadingButton } from './entry-points/loading-button';
|
|
7
7
|
export { default as CustomThemeButton, Theme } from './entry-points/custom-theme-button';
|
|
8
|
-
export { default as ButtonGroup } from './entry-points/button-group';
|
|
8
|
+
export { default as ButtonGroup } from './entry-points/button-group';
|
|
9
|
+
|
|
10
|
+
// New Button
|
|
11
|
+
export { UNSAFE_BUTTON } from './entry-points/unsafe';
|
|
12
|
+
export { UNSAFE_LINK_BUTTON } from './entry-points/unsafe';
|
|
13
|
+
export { UNSAFE_ICON_BUTTON } from './entry-points/unsafe';
|
|
14
|
+
export { UNSAFE_LINK_ICON_BUTTON } from './entry-points/unsafe';
|
|
15
|
+
export { UNSAFE_SPLIT_BUTTON, UNSAFE_SPLIT_BUTTON_CONTAINER, UNSAFE_DIVIDER, UNSAFE_GET_ACTIONS } from './entry-points/unsafe';
|
|
16
|
+
export { UNSAFE_SPLIT_BUTTON_CONTEXT } from './entry-points/unsafe';
|
|
@@ -81,6 +81,10 @@ export const SplitButtonContainer = ({
|
|
|
81
81
|
}, children);
|
|
82
82
|
};
|
|
83
83
|
/**
|
|
84
|
+
* __Split Button__
|
|
85
|
+
*
|
|
86
|
+
* @private __UNSAFE__ SplitButton is not yet safe for production use.
|
|
87
|
+
*
|
|
84
88
|
* TODO: Add description when adding docs
|
|
85
89
|
*/
|
|
86
90
|
export const SplitButton = ({
|
|
@@ -89,6 +89,8 @@ const WithRef = /*#__PURE__*/forwardRef(LinkButtonBase);
|
|
|
89
89
|
/**
|
|
90
90
|
* __Link Button__
|
|
91
91
|
*
|
|
92
|
+
* @private __UNSAFE__ LinkButton is not yet safe for production use.
|
|
93
|
+
*
|
|
92
94
|
* Renders a link in the style of a button.
|
|
93
95
|
*
|
|
94
96
|
* - [Examples](https://atlassian.design/components/button/examples)
|
|
@@ -85,6 +85,8 @@ const WithRef = /*#__PURE__*/forwardRef(LinkIconButtonBase);
|
|
|
85
85
|
/**
|
|
86
86
|
* __Link Icon Button__
|
|
87
87
|
*
|
|
88
|
+
* @private __UNSAFE__ LinkIconButton is not yet safe for production use.
|
|
89
|
+
*
|
|
88
90
|
* Renders a link in the style of an icon button.
|
|
89
91
|
*
|
|
90
92
|
* - [Examples](https://atlassian.design/components/button/examples)
|
|
@@ -103,7 +103,7 @@ export default /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref) {
|
|
|
103
103
|
action: 'clicked',
|
|
104
104
|
componentName: 'button',
|
|
105
105
|
packageName: "@atlaskit/button",
|
|
106
|
-
packageVersion: "16.
|
|
106
|
+
packageVersion: "16.14.0",
|
|
107
107
|
analyticsData: analyticsContext
|
|
108
108
|
});
|
|
109
109
|
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
export { default as UNSAFE_BUTTON } from '../new-button/variants/default/button';
|
|
2
|
+
export { default as UNSAFE_LINK_BUTTON } from '../new-button/variants/default/link';
|
|
2
3
|
export { default as UNSAFE_ICON_BUTTON } from '../new-button/variants/icon/button';
|
|
4
|
+
export { default as UNSAFE_LINK_ICON_BUTTON } from '../new-button/variants/icon/link';
|
|
3
5
|
export { SplitButton as UNSAFE_SPLIT_BUTTON, SplitButtonContainer as UNSAFE_SPLIT_BUTTON_CONTAINER, Divider as UNSAFE_DIVIDER, getActions as UNSAFE_GET_ACTIONS } from '../new-button/containers/split-button';
|
|
4
6
|
export { SplitButtonContext as UNSAFE_SPLIT_BUTTON_CONTEXT } from '../new-button/containers/split-button/split-button-context';
|
package/dist/esm/index.js
CHANGED
|
@@ -5,4 +5,12 @@ export {
|
|
|
5
5
|
default } from './entry-points/standard-button';
|
|
6
6
|
export { default as LoadingButton } from './entry-points/loading-button';
|
|
7
7
|
export { default as CustomThemeButton, Theme } from './entry-points/custom-theme-button';
|
|
8
|
-
export { default as ButtonGroup } from './entry-points/button-group';
|
|
8
|
+
export { default as ButtonGroup } from './entry-points/button-group';
|
|
9
|
+
|
|
10
|
+
// New Button
|
|
11
|
+
export { UNSAFE_BUTTON } from './entry-points/unsafe';
|
|
12
|
+
export { UNSAFE_LINK_BUTTON } from './entry-points/unsafe';
|
|
13
|
+
export { UNSAFE_ICON_BUTTON } from './entry-points/unsafe';
|
|
14
|
+
export { UNSAFE_LINK_ICON_BUTTON } from './entry-points/unsafe';
|
|
15
|
+
export { UNSAFE_SPLIT_BUTTON, UNSAFE_SPLIT_BUTTON_CONTAINER, UNSAFE_DIVIDER, UNSAFE_GET_ACTIONS } from './entry-points/unsafe';
|
|
16
|
+
export { UNSAFE_SPLIT_BUTTON_CONTEXT } from './entry-points/unsafe';
|
|
@@ -80,6 +80,10 @@ export var SplitButtonContainer = function SplitButtonContainer(_ref2) {
|
|
|
80
80
|
}, children);
|
|
81
81
|
};
|
|
82
82
|
/**
|
|
83
|
+
* __Split Button__
|
|
84
|
+
*
|
|
85
|
+
* @private __UNSAFE__ SplitButton is not yet safe for production use.
|
|
86
|
+
*
|
|
83
87
|
* TODO: Add description when adding docs
|
|
84
88
|
*/
|
|
85
89
|
export var SplitButton = function SplitButton(_ref3) {
|
|
@@ -7,7 +7,7 @@ import useDefaultButton from './use-default-button';
|
|
|
7
7
|
/**
|
|
8
8
|
* __Button__
|
|
9
9
|
*
|
|
10
|
-
* @
|
|
10
|
+
* @private __UNSAFE__ Button is not yet safe for production use.
|
|
11
11
|
*
|
|
12
12
|
* A button triggers an event or action.
|
|
13
13
|
*
|
|
@@ -90,6 +90,8 @@ var WithRef = /*#__PURE__*/forwardRef(LinkButtonBase);
|
|
|
90
90
|
/**
|
|
91
91
|
* __Link Button__
|
|
92
92
|
*
|
|
93
|
+
* @private __UNSAFE__ LinkButton is not yet safe for production use.
|
|
94
|
+
*
|
|
93
95
|
* Renders a link in the style of a button.
|
|
94
96
|
*
|
|
95
97
|
* - [Examples](https://atlassian.design/components/button/examples)
|
|
@@ -86,6 +86,8 @@ var WithRef = /*#__PURE__*/forwardRef(LinkIconButtonBase);
|
|
|
86
86
|
/**
|
|
87
87
|
* __Link Icon Button__
|
|
88
88
|
*
|
|
89
|
+
* @private __UNSAFE__ LinkIconButton is not yet safe for production use.
|
|
90
|
+
*
|
|
89
91
|
* Renders a link in the style of an icon button.
|
|
90
92
|
*
|
|
91
93
|
* - [Examples](https://atlassian.design/components/button/examples)
|
|
@@ -107,7 +107,7 @@ var useButtonBase = function useButtonBase(_ref) {
|
|
|
107
107
|
action: 'clicked',
|
|
108
108
|
componentName: 'button',
|
|
109
109
|
packageName: "@atlaskit/button",
|
|
110
|
-
packageVersion: "16.
|
|
110
|
+
packageVersion: "16.14.0",
|
|
111
111
|
analyticsData: analyticsContext,
|
|
112
112
|
actionSubject: buttonType
|
|
113
113
|
});
|
|
@@ -109,7 +109,7 @@ export default /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref) {
|
|
|
109
109
|
action: 'clicked',
|
|
110
110
|
componentName: 'button',
|
|
111
111
|
packageName: "@atlaskit/button",
|
|
112
|
-
packageVersion: "16.
|
|
112
|
+
packageVersion: "16.14.0",
|
|
113
113
|
analyticsData: analyticsContext
|
|
114
114
|
});
|
|
115
115
|
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
export { default as UNSAFE_BUTTON } from '../new-button/variants/default/button';
|
|
2
|
+
export { default as UNSAFE_LINK_BUTTON } from '../new-button/variants/default/link';
|
|
2
3
|
export { default as UNSAFE_ICON_BUTTON } from '../new-button/variants/icon/button';
|
|
4
|
+
export { default as UNSAFE_LINK_ICON_BUTTON } from '../new-button/variants/icon/link';
|
|
3
5
|
export { SplitButton as UNSAFE_SPLIT_BUTTON, SplitButtonContainer as UNSAFE_SPLIT_BUTTON_CONTAINER, Divider as UNSAFE_DIVIDER, getActions as UNSAFE_GET_ACTIONS, } from '../new-button/containers/split-button';
|
|
4
6
|
export { SplitButtonContext as UNSAFE_SPLIT_BUTTON_CONTEXT } from '../new-button/containers/split-button/split-button-context';
|
package/dist/types/index.d.ts
CHANGED
|
@@ -6,3 +6,9 @@ export type { LoadingButtonProps, LoadingButtonOwnProps, } from './entry-points/
|
|
|
6
6
|
export { default as CustomThemeButton, Theme, } from './entry-points/custom-theme-button';
|
|
7
7
|
export type { ThemeTokens, ThemeProps, InteractionState, CustomThemeButtonProps, CustomThemeButtonOwnProps, } from './entry-points/custom-theme-button';
|
|
8
8
|
export { default as ButtonGroup } from './entry-points/button-group';
|
|
9
|
+
export { UNSAFE_BUTTON } from './entry-points/unsafe';
|
|
10
|
+
export { UNSAFE_LINK_BUTTON } from './entry-points/unsafe';
|
|
11
|
+
export { UNSAFE_ICON_BUTTON } from './entry-points/unsafe';
|
|
12
|
+
export { UNSAFE_LINK_ICON_BUTTON } from './entry-points/unsafe';
|
|
13
|
+
export { UNSAFE_SPLIT_BUTTON, UNSAFE_SPLIT_BUTTON_CONTAINER, UNSAFE_DIVIDER, UNSAFE_GET_ACTIONS, } from './entry-points/unsafe';
|
|
14
|
+
export { UNSAFE_SPLIT_BUTTON_CONTEXT } from './entry-points/unsafe';
|
|
@@ -29,6 +29,10 @@ type SplitButtonProps = {
|
|
|
29
29
|
isDisabled?: boolean;
|
|
30
30
|
};
|
|
31
31
|
/**
|
|
32
|
+
* __Split Button__
|
|
33
|
+
*
|
|
34
|
+
* @private __UNSAFE__ SplitButton is not yet safe for production use.
|
|
35
|
+
*
|
|
32
36
|
* TODO: Add description when adding docs
|
|
33
37
|
*/
|
|
34
38
|
export declare const SplitButton: ({ children, appearance, spacing, isDisabled, }: SplitButtonProps) => jsx.JSX.Element;
|
|
@@ -5,7 +5,7 @@ export type ButtonProps = CommonDefaultButtonProps & CommonButtonVariantProps;
|
|
|
5
5
|
/**
|
|
6
6
|
* __Button__
|
|
7
7
|
*
|
|
8
|
-
* @
|
|
8
|
+
* @private __UNSAFE__ Button is not yet safe for production use.
|
|
9
9
|
*
|
|
10
10
|
* A button triggers an event or action.
|
|
11
11
|
*
|
|
@@ -6,6 +6,8 @@ declare const LinkButtonBase: <RouterLinkConfig extends Record<string, any> = ne
|
|
|
6
6
|
/**
|
|
7
7
|
* __Link Button__
|
|
8
8
|
*
|
|
9
|
+
* @private __UNSAFE__ LinkButton is not yet safe for production use.
|
|
10
|
+
*
|
|
9
11
|
* Renders a link in the style of a button.
|
|
10
12
|
*
|
|
11
13
|
* - [Examples](https://atlassian.design/components/button/examples)
|
|
@@ -5,6 +5,8 @@ export type IconButtonProps = CommonIconButtonProps & CommonButtonVariantProps;
|
|
|
5
5
|
/**
|
|
6
6
|
* __Icon Button__
|
|
7
7
|
*
|
|
8
|
+
* @private __UNSAFE__ IconButton is not yet safe for production use.
|
|
9
|
+
*
|
|
8
10
|
* TODO: Description
|
|
9
11
|
*
|
|
10
12
|
* - [Examples](https://atlassian.design/components/button/examples)
|
|
@@ -6,6 +6,8 @@ declare const LinkIconButtonBase: <RouterLinkConfig extends Record<string, any>
|
|
|
6
6
|
/**
|
|
7
7
|
* __Link Icon Button__
|
|
8
8
|
*
|
|
9
|
+
* @private __UNSAFE__ LinkIconButton is not yet safe for production use.
|
|
10
|
+
*
|
|
9
11
|
* Renders a link in the style of an icon button.
|
|
10
12
|
*
|
|
11
13
|
* - [Examples](https://atlassian.design/components/button/examples)
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
export { default as UNSAFE_BUTTON } from '../new-button/variants/default/button';
|
|
2
|
+
export { default as UNSAFE_LINK_BUTTON } from '../new-button/variants/default/link';
|
|
2
3
|
export { default as UNSAFE_ICON_BUTTON } from '../new-button/variants/icon/button';
|
|
4
|
+
export { default as UNSAFE_LINK_ICON_BUTTON } from '../new-button/variants/icon/link';
|
|
3
5
|
export { SplitButton as UNSAFE_SPLIT_BUTTON, SplitButtonContainer as UNSAFE_SPLIT_BUTTON_CONTAINER, Divider as UNSAFE_DIVIDER, getActions as UNSAFE_GET_ACTIONS, } from '../new-button/containers/split-button';
|
|
4
6
|
export { SplitButtonContext as UNSAFE_SPLIT_BUTTON_CONTEXT } from '../new-button/containers/split-button/split-button-context';
|
|
@@ -6,3 +6,9 @@ export type { LoadingButtonProps, LoadingButtonOwnProps, } from './entry-points/
|
|
|
6
6
|
export { default as CustomThemeButton, Theme, } from './entry-points/custom-theme-button';
|
|
7
7
|
export type { ThemeTokens, ThemeProps, InteractionState, CustomThemeButtonProps, CustomThemeButtonOwnProps, } from './entry-points/custom-theme-button';
|
|
8
8
|
export { default as ButtonGroup } from './entry-points/button-group';
|
|
9
|
+
export { UNSAFE_BUTTON } from './entry-points/unsafe';
|
|
10
|
+
export { UNSAFE_LINK_BUTTON } from './entry-points/unsafe';
|
|
11
|
+
export { UNSAFE_ICON_BUTTON } from './entry-points/unsafe';
|
|
12
|
+
export { UNSAFE_LINK_ICON_BUTTON } from './entry-points/unsafe';
|
|
13
|
+
export { UNSAFE_SPLIT_BUTTON, UNSAFE_SPLIT_BUTTON_CONTAINER, UNSAFE_DIVIDER, UNSAFE_GET_ACTIONS, } from './entry-points/unsafe';
|
|
14
|
+
export { UNSAFE_SPLIT_BUTTON_CONTEXT } from './entry-points/unsafe';
|
|
@@ -29,6 +29,10 @@ type SplitButtonProps = {
|
|
|
29
29
|
isDisabled?: boolean;
|
|
30
30
|
};
|
|
31
31
|
/**
|
|
32
|
+
* __Split Button__
|
|
33
|
+
*
|
|
34
|
+
* @private __UNSAFE__ SplitButton is not yet safe for production use.
|
|
35
|
+
*
|
|
32
36
|
* TODO: Add description when adding docs
|
|
33
37
|
*/
|
|
34
38
|
export declare const SplitButton: ({ children, appearance, spacing, isDisabled, }: SplitButtonProps) => jsx.JSX.Element;
|
|
@@ -5,7 +5,7 @@ export type ButtonProps = CommonDefaultButtonProps & CommonButtonVariantProps;
|
|
|
5
5
|
/**
|
|
6
6
|
* __Button__
|
|
7
7
|
*
|
|
8
|
-
* @
|
|
8
|
+
* @private __UNSAFE__ Button is not yet safe for production use.
|
|
9
9
|
*
|
|
10
10
|
* A button triggers an event or action.
|
|
11
11
|
*
|
|
@@ -6,6 +6,8 @@ declare const LinkButtonBase: <RouterLinkConfig extends Record<string, any> = ne
|
|
|
6
6
|
/**
|
|
7
7
|
* __Link Button__
|
|
8
8
|
*
|
|
9
|
+
* @private __UNSAFE__ LinkButton is not yet safe for production use.
|
|
10
|
+
*
|
|
9
11
|
* Renders a link in the style of a button.
|
|
10
12
|
*
|
|
11
13
|
* - [Examples](https://atlassian.design/components/button/examples)
|
|
@@ -5,6 +5,8 @@ export type IconButtonProps = CommonIconButtonProps & CommonButtonVariantProps;
|
|
|
5
5
|
/**
|
|
6
6
|
* __Icon Button__
|
|
7
7
|
*
|
|
8
|
+
* @private __UNSAFE__ IconButton is not yet safe for production use.
|
|
9
|
+
*
|
|
8
10
|
* TODO: Description
|
|
9
11
|
*
|
|
10
12
|
* - [Examples](https://atlassian.design/components/button/examples)
|
|
@@ -6,6 +6,8 @@ declare const LinkIconButtonBase: <RouterLinkConfig extends Record<string, any>
|
|
|
6
6
|
/**
|
|
7
7
|
* __Link Icon Button__
|
|
8
8
|
*
|
|
9
|
+
* @private __UNSAFE__ LinkIconButton is not yet safe for production use.
|
|
10
|
+
*
|
|
9
11
|
* Renders a link in the style of an icon button.
|
|
10
12
|
*
|
|
11
13
|
* - [Examples](https://atlassian.design/components/button/examples)
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/button",
|
|
3
|
-
"version": "16.
|
|
3
|
+
"version": "16.14.0",
|
|
4
4
|
"description": "A button triggers an event or action. They let users know what will happen next.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -27,7 +27,38 @@
|
|
|
27
27
|
"releaseModel": "continuous",
|
|
28
28
|
"website": {
|
|
29
29
|
"name": "Button",
|
|
30
|
-
"category": "Components"
|
|
30
|
+
"category": "Components",
|
|
31
|
+
"subPages": [
|
|
32
|
+
{
|
|
33
|
+
"title": "Button (new)",
|
|
34
|
+
"id": "button-new",
|
|
35
|
+
"status": {
|
|
36
|
+
"type": "draft"
|
|
37
|
+
},
|
|
38
|
+
"sortKey": 1
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
"title": "Icon button",
|
|
42
|
+
"id": "icon-button",
|
|
43
|
+
"status": {
|
|
44
|
+
"type": "draft"
|
|
45
|
+
},
|
|
46
|
+
"sortKey": 2
|
|
47
|
+
},
|
|
48
|
+
{
|
|
49
|
+
"title": "Button group",
|
|
50
|
+
"id": "button-group",
|
|
51
|
+
"sortKey": 3
|
|
52
|
+
},
|
|
53
|
+
{
|
|
54
|
+
"title": "Split button",
|
|
55
|
+
"id": "split-button",
|
|
56
|
+
"status": {
|
|
57
|
+
"type": "draft"
|
|
58
|
+
},
|
|
59
|
+
"sortKey": 4
|
|
60
|
+
}
|
|
61
|
+
]
|
|
31
62
|
}
|
|
32
63
|
},
|
|
33
64
|
"af:exports": {
|
|
@@ -50,7 +81,7 @@
|
|
|
50
81
|
"@atlaskit/focus-ring": "^1.3.0",
|
|
51
82
|
"@atlaskit/interaction-context": "^2.1.0",
|
|
52
83
|
"@atlaskit/platform-feature-flags": "^0.2.0",
|
|
53
|
-
"@atlaskit/primitives": "^1.
|
|
84
|
+
"@atlaskit/primitives": "^1.10.0",
|
|
54
85
|
"@atlaskit/spinner": "^15.6.0",
|
|
55
86
|
"@atlaskit/theme": "^12.6.0",
|
|
56
87
|
"@atlaskit/tokens": "^1.28.0",
|
package/tmp/api-report-tmp.d.ts
DELETED
|
@@ -1,133 +0,0 @@
|
|
|
1
|
-
## API Report File for "@atlaskit/button"
|
|
2
|
-
|
|
3
|
-
> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
|
|
4
|
-
|
|
5
|
-
```ts
|
|
6
|
-
|
|
7
|
-
/// <reference types="react" />
|
|
8
|
-
|
|
9
|
-
import { ComponentType } from 'react';
|
|
10
|
-
import { CSSObject } from '@emotion/react';
|
|
11
|
-
import { jsx } from '@emotion/react';
|
|
12
|
-
import { default as React_2 } from 'react';
|
|
13
|
-
import { ReactNode } from 'react';
|
|
14
|
-
import { ThemeModes } from '@atlaskit/theme/types';
|
|
15
|
-
import { ThemeModes as ThemeModes_2 } from '@atlaskit/theme';
|
|
16
|
-
import { ThemeProp } from '@atlaskit/theme/components';
|
|
17
|
-
import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
|
|
18
|
-
|
|
19
|
-
// @public (undocumented)
|
|
20
|
-
export type Appearance = 'danger' | 'default' | 'link' | 'primary' | 'subtle' | 'subtle-link' | 'warning';
|
|
21
|
-
|
|
22
|
-
// @public (undocumented)
|
|
23
|
-
export type BaseOwnProps = {
|
|
24
|
-
appearance?: Appearance;
|
|
25
|
-
autoFocus?: boolean;
|
|
26
|
-
className?: string;
|
|
27
|
-
overlay?: React_2.ReactNode;
|
|
28
|
-
href?: string;
|
|
29
|
-
iconAfter?: React_2.ReactChild;
|
|
30
|
-
iconBefore?: React_2.ReactChild;
|
|
31
|
-
isDisabled?: boolean;
|
|
32
|
-
isSelected?: boolean;
|
|
33
|
-
onBlur?: React_2.FocusEventHandler<HTMLElement>;
|
|
34
|
-
onClick?: (e: React_2.MouseEvent<HTMLElement>, analyticsEvent: UIAnalyticsEvent) => void;
|
|
35
|
-
onFocus?: React_2.FocusEventHandler<HTMLElement>;
|
|
36
|
-
spacing?: Spacing;
|
|
37
|
-
target?: React_2.AnchorHTMLAttributes<HTMLAnchorElement>['target'];
|
|
38
|
-
type?: React_2.ButtonHTMLAttributes<HTMLButtonElement>['type'];
|
|
39
|
-
shouldFitContainer?: boolean;
|
|
40
|
-
children?: React_2.ReactNode;
|
|
41
|
-
testId?: string;
|
|
42
|
-
component?: React_2.ComponentType<React_2.AllHTMLAttributes<HTMLElement>> | React_2.ElementType;
|
|
43
|
-
interactionName?: string;
|
|
44
|
-
analyticsContext?: Record<string, any>;
|
|
45
|
-
};
|
|
46
|
-
|
|
47
|
-
// @public (undocumented)
|
|
48
|
-
export type BaseProps = Combine<Combine<Omit<React_2.AllHTMLAttributes<HTMLElement>, 'disabled'>, {
|
|
49
|
-
'data-testid'?: never;
|
|
50
|
-
'data-has-overlay'?: never;
|
|
51
|
-
}>, BaseOwnProps>;
|
|
52
|
-
|
|
53
|
-
// @public
|
|
54
|
-
const Button: React_2.MemoExoticComponent<React_2.ForwardRefExoticComponent<ButtonProps & React_2.RefAttributes<HTMLElement>>>;
|
|
55
|
-
export default Button;
|
|
56
|
-
|
|
57
|
-
// @public (undocumented)
|
|
58
|
-
export function ButtonGroup({ appearance, children, }: ButtonGroupProps): jsx.JSX.Element;
|
|
59
|
-
|
|
60
|
-
// @public (undocumented)
|
|
61
|
-
type ButtonGroupProps = {
|
|
62
|
-
appearance?: Appearance;
|
|
63
|
-
children?: React_2.ReactNode;
|
|
64
|
-
};
|
|
65
|
-
|
|
66
|
-
// @public (undocumented)
|
|
67
|
-
export interface ButtonProps extends BaseProps {
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
// @public (undocumented)
|
|
71
|
-
type Combine<First, Second> = Omit<First, keyof Second> & Second;
|
|
72
|
-
|
|
73
|
-
// @public
|
|
74
|
-
export const CustomThemeButton: React_2.MemoExoticComponent<React_2.ForwardRefExoticComponent<Omit<BaseProps, "overlay"> & CustomThemeButtonOwnProps & React_2.RefAttributes<HTMLElement>>>;
|
|
75
|
-
|
|
76
|
-
// @public (undocumented)
|
|
77
|
-
export type CustomThemeButtonOwnProps = {
|
|
78
|
-
isLoading?: boolean;
|
|
79
|
-
theme?: (current: (props: ThemeProps) => ThemeTokens, props: ThemeProps) => ThemeTokens;
|
|
80
|
-
};
|
|
81
|
-
|
|
82
|
-
// @public (undocumented)
|
|
83
|
-
export type CustomThemeButtonProps = Omit<BaseProps, 'overlay'> & CustomThemeButtonOwnProps;
|
|
84
|
-
|
|
85
|
-
// @public (undocumented)
|
|
86
|
-
export type InteractionState = 'active' | 'default' | 'disabled' | 'focus' | 'focusSelected' | 'hover' | 'selected';
|
|
87
|
-
|
|
88
|
-
// @public
|
|
89
|
-
export const LoadingButton: React_2.ForwardRefExoticComponent<Omit<BaseProps, "overlay"> & LoadingButtonOwnProps & React_2.RefAttributes<HTMLElement>>;
|
|
90
|
-
|
|
91
|
-
// @public (undocumented)
|
|
92
|
-
export type LoadingButtonOwnProps = {
|
|
93
|
-
isLoading?: boolean;
|
|
94
|
-
};
|
|
95
|
-
|
|
96
|
-
// @public (undocumented)
|
|
97
|
-
export type LoadingButtonProps = Omit<BaseProps, 'overlay'> & LoadingButtonOwnProps;
|
|
98
|
-
|
|
99
|
-
// @public (undocumented)
|
|
100
|
-
export type Spacing = 'compact' | 'default' | 'none';
|
|
101
|
-
|
|
102
|
-
// @public (undocumented)
|
|
103
|
-
export const Theme: {
|
|
104
|
-
Consumer: ComponentType< {
|
|
105
|
-
children: (tokens: ThemeTokens) => ReactNode;
|
|
106
|
-
} & Partial<CustomThemeButtonProps> & {
|
|
107
|
-
state: InteractionState;
|
|
108
|
-
iconIsOnlyChild?: boolean | undefined;
|
|
109
|
-
mode?: ThemeModes_2 | undefined;
|
|
110
|
-
}>;
|
|
111
|
-
Provider: ComponentType< {
|
|
112
|
-
children?: ReactNode;
|
|
113
|
-
value?: ThemeProp<ThemeTokens, ThemeProps> | undefined;
|
|
114
|
-
}>;
|
|
115
|
-
useTheme: (props: ThemeProps) => ThemeTokens;
|
|
116
|
-
};
|
|
117
|
-
|
|
118
|
-
// @public (undocumented)
|
|
119
|
-
export type ThemeProps = Partial<CustomThemeButtonProps> & {
|
|
120
|
-
state: InteractionState;
|
|
121
|
-
iconIsOnlyChild?: boolean;
|
|
122
|
-
mode?: ThemeModes;
|
|
123
|
-
};
|
|
124
|
-
|
|
125
|
-
// @public (undocumented)
|
|
126
|
-
export type ThemeTokens = {
|
|
127
|
-
buttonStyles: CSSObject;
|
|
128
|
-
spinnerStyles: CSSObject;
|
|
129
|
-
};
|
|
130
|
-
|
|
131
|
-
// (No @packageDocumentation comment for this package)
|
|
132
|
-
|
|
133
|
-
```
|