@atlaskit/button 20.3.2 → 20.3.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/dist/cjs/new-button/variants/icon/button.js +4 -4
- package/dist/cjs/new-button/variants/icon/link.js +3 -3
- package/dist/cjs/old-button/shared/button-base.js +1 -1
- package/dist/es2019/new-button/variants/icon/button.js +4 -4
- package/dist/es2019/new-button/variants/icon/link.js +3 -3
- package/dist/es2019/old-button/shared/button-base.js +1 -1
- package/dist/esm/new-button/variants/icon/button.js +4 -4
- package/dist/esm/new-button/variants/icon/link.js +3 -3
- package/dist/esm/old-button/shared/button-base.js +1 -1
- package/dist/types/new-button/variants/icon/button.d.ts +4 -4
- package/dist/types/new-button/variants/icon/link.d.ts +3 -3
- package/dist/types-ts4.5/new-button/variants/icon/button.d.ts +4 -4
- package/dist/types-ts4.5/new-button/variants/icon/link.d.ts +3 -3
- package/package.json +8 -8
package/CHANGELOG.md
CHANGED
|
@@ -16,11 +16,11 @@ var _excluded = ["aria-label", "aria-labelledby", "analyticsContext", "appearanc
|
|
|
16
16
|
/**
|
|
17
17
|
* __Icon Button__
|
|
18
18
|
*
|
|
19
|
-
*
|
|
19
|
+
* Renders an icon-only button lets people take a common and recognizable action where space is limited.
|
|
20
20
|
*
|
|
21
|
-
* - [Examples](https://atlassian.design/components/icon-button/examples)
|
|
22
|
-
* - [Code](https://atlassian.design/components/icon-button/code)
|
|
23
|
-
* - [Usage](https://atlassian.design/components/icon-button/usage)
|
|
21
|
+
* - [Examples](https://atlassian.design/components/button/icon-button/examples)
|
|
22
|
+
* - [Code](https://atlassian.design/components/button/icon-button/code)
|
|
23
|
+
* - [Usage](https://atlassian.design/components/button/icon-button/usage)
|
|
24
24
|
*/
|
|
25
25
|
var IconButton = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(function Button(_ref, ref) {
|
|
26
26
|
var preventedAriaLabel = _ref['aria-label'],
|
|
@@ -212,9 +212,9 @@ var WithRef = /*#__PURE__*/(0, _react.forwardRef)(LinkIconButtonBase);
|
|
|
212
212
|
*
|
|
213
213
|
* Renders a link in the style of an icon button.
|
|
214
214
|
*
|
|
215
|
-
* - [Examples](https://atlassian.design/components/link-icon-button/examples)
|
|
216
|
-
* - [Code](https://atlassian.design/components/link-icon-button/code)
|
|
217
|
-
* - [Usage](https://atlassian.design/components/link-icon-button/usage)
|
|
215
|
+
* - [Examples](https://atlassian.design/components/button/link-icon-button/examples)
|
|
216
|
+
* - [Code](https://atlassian.design/components/button/link-icon-button/code)
|
|
217
|
+
* - [Usage](https://atlassian.design/components/button/link-icon-button/usage)
|
|
218
218
|
*/
|
|
219
219
|
var LinkIconButton = /*#__PURE__*/(0, _react.memo)(WithRef);
|
|
220
220
|
var _default = exports.default = LinkIconButton;
|
|
@@ -133,7 +133,7 @@ var ButtonBase = /*#__PURE__*/_react.default.forwardRef(function ButtonBase(prop
|
|
|
133
133
|
action: 'clicked',
|
|
134
134
|
componentName: 'button',
|
|
135
135
|
packageName: "@atlaskit/button",
|
|
136
|
-
packageVersion: "20.3.
|
|
136
|
+
packageVersion: "20.3.3",
|
|
137
137
|
analyticsData: analyticsContext
|
|
138
138
|
});
|
|
139
139
|
|
|
@@ -6,11 +6,11 @@ import useIconButton from './use-icon-button';
|
|
|
6
6
|
/**
|
|
7
7
|
* __Icon Button__
|
|
8
8
|
*
|
|
9
|
-
*
|
|
9
|
+
* Renders an icon-only button lets people take a common and recognizable action where space is limited.
|
|
10
10
|
*
|
|
11
|
-
* - [Examples](https://atlassian.design/components/icon-button/examples)
|
|
12
|
-
* - [Code](https://atlassian.design/components/icon-button/code)
|
|
13
|
-
* - [Usage](https://atlassian.design/components/icon-button/usage)
|
|
11
|
+
* - [Examples](https://atlassian.design/components/button/icon-button/examples)
|
|
12
|
+
* - [Code](https://atlassian.design/components/button/icon-button/code)
|
|
13
|
+
* - [Usage](https://atlassian.design/components/button/icon-button/usage)
|
|
14
14
|
*/
|
|
15
15
|
const IconButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function Button({
|
|
16
16
|
// Prevent duplicate labels being added.
|
|
@@ -200,9 +200,9 @@ const WithRef = /*#__PURE__*/forwardRef(LinkIconButtonBase);
|
|
|
200
200
|
*
|
|
201
201
|
* Renders a link in the style of an icon button.
|
|
202
202
|
*
|
|
203
|
-
* - [Examples](https://atlassian.design/components/link-icon-button/examples)
|
|
204
|
-
* - [Code](https://atlassian.design/components/link-icon-button/code)
|
|
205
|
-
* - [Usage](https://atlassian.design/components/link-icon-button/usage)
|
|
203
|
+
* - [Examples](https://atlassian.design/components/button/link-icon-button/examples)
|
|
204
|
+
* - [Code](https://atlassian.design/components/button/link-icon-button/code)
|
|
205
|
+
* - [Usage](https://atlassian.design/components/button/link-icon-button/usage)
|
|
206
206
|
*/
|
|
207
207
|
const LinkIconButton = /*#__PURE__*/memo(WithRef);
|
|
208
208
|
export default LinkIconButton;
|
|
@@ -119,7 +119,7 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref)
|
|
|
119
119
|
action: 'clicked',
|
|
120
120
|
componentName: 'button',
|
|
121
121
|
packageName: "@atlaskit/button",
|
|
122
|
-
packageVersion: "20.3.
|
|
122
|
+
packageVersion: "20.3.3",
|
|
123
123
|
analyticsData: analyticsContext
|
|
124
124
|
});
|
|
125
125
|
|
|
@@ -9,11 +9,11 @@ import useIconButton from './use-icon-button';
|
|
|
9
9
|
/**
|
|
10
10
|
* __Icon Button__
|
|
11
11
|
*
|
|
12
|
-
*
|
|
12
|
+
* Renders an icon-only button lets people take a common and recognizable action where space is limited.
|
|
13
13
|
*
|
|
14
|
-
* - [Examples](https://atlassian.design/components/icon-button/examples)
|
|
15
|
-
* - [Code](https://atlassian.design/components/icon-button/code)
|
|
16
|
-
* - [Usage](https://atlassian.design/components/icon-button/usage)
|
|
14
|
+
* - [Examples](https://atlassian.design/components/button/icon-button/examples)
|
|
15
|
+
* - [Code](https://atlassian.design/components/button/icon-button/code)
|
|
16
|
+
* - [Usage](https://atlassian.design/components/button/icon-button/usage)
|
|
17
17
|
*/
|
|
18
18
|
var IconButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function Button(_ref, ref) {
|
|
19
19
|
var preventedAriaLabel = _ref['aria-label'],
|
|
@@ -202,9 +202,9 @@ var WithRef = /*#__PURE__*/forwardRef(LinkIconButtonBase);
|
|
|
202
202
|
*
|
|
203
203
|
* Renders a link in the style of an icon button.
|
|
204
204
|
*
|
|
205
|
-
* - [Examples](https://atlassian.design/components/link-icon-button/examples)
|
|
206
|
-
* - [Code](https://atlassian.design/components/link-icon-button/code)
|
|
207
|
-
* - [Usage](https://atlassian.design/components/link-icon-button/usage)
|
|
205
|
+
* - [Examples](https://atlassian.design/components/button/link-icon-button/examples)
|
|
206
|
+
* - [Code](https://atlassian.design/components/button/link-icon-button/code)
|
|
207
|
+
* - [Usage](https://atlassian.design/components/button/link-icon-button/usage)
|
|
208
208
|
*/
|
|
209
209
|
var LinkIconButton = /*#__PURE__*/memo(WithRef);
|
|
210
210
|
export default LinkIconButton;
|
|
@@ -125,7 +125,7 @@ var ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref) {
|
|
|
125
125
|
action: 'clicked',
|
|
126
126
|
componentName: 'button',
|
|
127
127
|
packageName: "@atlaskit/button",
|
|
128
|
-
packageVersion: "20.3.
|
|
128
|
+
packageVersion: "20.3.3",
|
|
129
129
|
analyticsData: analyticsContext
|
|
130
130
|
});
|
|
131
131
|
|
|
@@ -5,11 +5,11 @@ export type IconButtonProps = CommonIconButtonProps & CommonButtonVariantProps;
|
|
|
5
5
|
/**
|
|
6
6
|
* __Icon Button__
|
|
7
7
|
*
|
|
8
|
-
*
|
|
8
|
+
* Renders an icon-only button lets people take a common and recognizable action where space is limited.
|
|
9
9
|
*
|
|
10
|
-
* - [Examples](https://atlassian.design/components/icon-button/examples)
|
|
11
|
-
* - [Code](https://atlassian.design/components/icon-button/code)
|
|
12
|
-
* - [Usage](https://atlassian.design/components/icon-button/usage)
|
|
10
|
+
* - [Examples](https://atlassian.design/components/button/icon-button/examples)
|
|
11
|
+
* - [Code](https://atlassian.design/components/button/icon-button/code)
|
|
12
|
+
* - [Usage](https://atlassian.design/components/button/icon-button/usage)
|
|
13
13
|
*/
|
|
14
14
|
declare const IconButton: React.MemoExoticComponent<React.ForwardRefExoticComponent<CommonIconButtonProps & import("../types").AdditionalButtonVariantProps & Omit<import("../types").AdditionalHTMLElementPropsExtender<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children">>, keyof import("../types").CommonButtonProps<TagName>> & import("../types").CommonButtonProps<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>>;
|
|
15
15
|
export default IconButton;
|
|
@@ -8,9 +8,9 @@ declare const LinkIconButtonBase: <RouterLinkConfig extends Record<string, any>
|
|
|
8
8
|
*
|
|
9
9
|
* Renders a link in the style of an icon button.
|
|
10
10
|
*
|
|
11
|
-
* - [Examples](https://atlassian.design/components/link-icon-button/examples)
|
|
12
|
-
* - [Code](https://atlassian.design/components/link-icon-button/code)
|
|
13
|
-
* - [Usage](https://atlassian.design/components/link-icon-button/usage)
|
|
11
|
+
* - [Examples](https://atlassian.design/components/button/link-icon-button/examples)
|
|
12
|
+
* - [Code](https://atlassian.design/components/button/link-icon-button/code)
|
|
13
|
+
* - [Usage](https://atlassian.design/components/button/link-icon-button/usage)
|
|
14
14
|
*/
|
|
15
15
|
declare const LinkIconButton: <RouterLinkConfig extends Record<string, any> = never>(props: LinkIconButtonProps<RouterLinkConfig> & {
|
|
16
16
|
ref?: Ref<HTMLAnchorElement>;
|
|
@@ -5,11 +5,11 @@ export type IconButtonProps = CommonIconButtonProps & CommonButtonVariantProps;
|
|
|
5
5
|
/**
|
|
6
6
|
* __Icon Button__
|
|
7
7
|
*
|
|
8
|
-
*
|
|
8
|
+
* Renders an icon-only button lets people take a common and recognizable action where space is limited.
|
|
9
9
|
*
|
|
10
|
-
* - [Examples](https://atlassian.design/components/icon-button/examples)
|
|
11
|
-
* - [Code](https://atlassian.design/components/icon-button/code)
|
|
12
|
-
* - [Usage](https://atlassian.design/components/icon-button/usage)
|
|
10
|
+
* - [Examples](https://atlassian.design/components/button/icon-button/examples)
|
|
11
|
+
* - [Code](https://atlassian.design/components/button/icon-button/code)
|
|
12
|
+
* - [Usage](https://atlassian.design/components/button/icon-button/usage)
|
|
13
13
|
*/
|
|
14
14
|
declare const IconButton: React.MemoExoticComponent<React.ForwardRefExoticComponent<CommonIconButtonProps & import("../types").AdditionalButtonVariantProps & Omit<import("../types").AdditionalHTMLElementPropsExtender<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children">>, keyof import("../types").CommonButtonProps<TagName>> & import("../types").CommonButtonProps<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>>;
|
|
15
15
|
export default IconButton;
|
|
@@ -8,9 +8,9 @@ declare const LinkIconButtonBase: <RouterLinkConfig extends Record<string, any>
|
|
|
8
8
|
*
|
|
9
9
|
* Renders a link in the style of an icon button.
|
|
10
10
|
*
|
|
11
|
-
* - [Examples](https://atlassian.design/components/link-icon-button/examples)
|
|
12
|
-
* - [Code](https://atlassian.design/components/link-icon-button/code)
|
|
13
|
-
* - [Usage](https://atlassian.design/components/link-icon-button/usage)
|
|
11
|
+
* - [Examples](https://atlassian.design/components/button/link-icon-button/examples)
|
|
12
|
+
* - [Code](https://atlassian.design/components/button/link-icon-button/code)
|
|
13
|
+
* - [Usage](https://atlassian.design/components/button/link-icon-button/usage)
|
|
14
14
|
*/
|
|
15
15
|
declare const LinkIconButton: <RouterLinkConfig extends Record<string, any> = never>(props: LinkIconButtonProps<RouterLinkConfig> & {
|
|
16
16
|
ref?: Ref<HTMLAnchorElement>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/button",
|
|
3
|
-
"version": "20.3.
|
|
3
|
+
"version": "20.3.3",
|
|
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/"
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
"team": "Design System Team",
|
|
29
29
|
"website": {
|
|
30
30
|
"name": "Button",
|
|
31
|
-
"category": "
|
|
31
|
+
"category": "Forms and input",
|
|
32
32
|
"subPages": [
|
|
33
33
|
{
|
|
34
34
|
"title": "Icon button",
|
|
@@ -86,14 +86,14 @@
|
|
|
86
86
|
"dependencies": {
|
|
87
87
|
"@atlaskit/analytics-next": "^10.1.0",
|
|
88
88
|
"@atlaskit/ds-lib": "^3.2.0",
|
|
89
|
-
"@atlaskit/focus-ring": "^
|
|
90
|
-
"@atlaskit/icon": "^22.
|
|
89
|
+
"@atlaskit/focus-ring": "^2.0.0",
|
|
90
|
+
"@atlaskit/icon": "^22.26.0",
|
|
91
91
|
"@atlaskit/interaction-context": "^2.1.0",
|
|
92
92
|
"@atlaskit/platform-feature-flags": "^0.3.0",
|
|
93
|
-
"@atlaskit/primitives": "^13.
|
|
93
|
+
"@atlaskit/primitives": "^13.3.0",
|
|
94
94
|
"@atlaskit/spinner": "^16.3.0",
|
|
95
95
|
"@atlaskit/theme": "^14.0.0",
|
|
96
|
-
"@atlaskit/tokens": "^2.
|
|
96
|
+
"@atlaskit/tokens": "^2.3.0",
|
|
97
97
|
"@atlaskit/tooltip": "^18.9.0",
|
|
98
98
|
"@atlaskit/visually-hidden": "^1.5.0",
|
|
99
99
|
"@babel/runtime": "^7.0.0",
|
|
@@ -108,8 +108,8 @@
|
|
|
108
108
|
"@af/visual-regression": "*",
|
|
109
109
|
"@atlaskit/app-provider": "^1.4.0",
|
|
110
110
|
"@atlaskit/calendar": "^15.1.0",
|
|
111
|
-
"@atlaskit/checkbox": "^15.
|
|
112
|
-
"@atlaskit/dropdown-menu": "^12.
|
|
111
|
+
"@atlaskit/checkbox": "^15.2.0",
|
|
112
|
+
"@atlaskit/dropdown-menu": "^12.23.0",
|
|
113
113
|
"@atlaskit/ssr": "*",
|
|
114
114
|
"@atlaskit/toggle": "^13.4.0",
|
|
115
115
|
"@atlaskit/visual-regression": "*",
|