@atlaskit/button 16.12.0 → 16.13.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.
Files changed (38) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/entry-points/unsafe.js +14 -0
  3. package/dist/cjs/new-button/containers/split-button/split-button.js +4 -0
  4. package/dist/cjs/new-button/variants/default/button.js +1 -1
  5. package/dist/cjs/new-button/variants/default/link.js +2 -0
  6. package/dist/cjs/new-button/variants/icon/button.js +2 -0
  7. package/dist/cjs/new-button/variants/icon/link.js +2 -0
  8. package/dist/cjs/new-button/variants/shared/use-button-base.js +1 -1
  9. package/dist/cjs/old-button/shared/button-base.js +1 -1
  10. package/dist/es2019/entry-points/unsafe.js +2 -0
  11. package/dist/es2019/new-button/containers/split-button/split-button.js +4 -0
  12. package/dist/es2019/new-button/variants/default/button.js +1 -1
  13. package/dist/es2019/new-button/variants/default/link.js +2 -0
  14. package/dist/es2019/new-button/variants/icon/button.js +2 -0
  15. package/dist/es2019/new-button/variants/icon/link.js +2 -0
  16. package/dist/es2019/new-button/variants/shared/use-button-base.js +1 -1
  17. package/dist/es2019/old-button/shared/button-base.js +1 -1
  18. package/dist/esm/entry-points/unsafe.js +2 -0
  19. package/dist/esm/new-button/containers/split-button/split-button.js +4 -0
  20. package/dist/esm/new-button/variants/default/button.js +1 -1
  21. package/dist/esm/new-button/variants/default/link.js +2 -0
  22. package/dist/esm/new-button/variants/icon/button.js +2 -0
  23. package/dist/esm/new-button/variants/icon/link.js +2 -0
  24. package/dist/esm/new-button/variants/shared/use-button-base.js +1 -1
  25. package/dist/esm/old-button/shared/button-base.js +1 -1
  26. package/dist/types/entry-points/unsafe.d.ts +2 -0
  27. package/dist/types/new-button/containers/split-button/split-button.d.ts +4 -0
  28. package/dist/types/new-button/variants/default/button.d.ts +1 -1
  29. package/dist/types/new-button/variants/default/link.d.ts +2 -0
  30. package/dist/types/new-button/variants/icon/button.d.ts +2 -0
  31. package/dist/types/new-button/variants/icon/link.d.ts +2 -0
  32. package/dist/types-ts4.5/entry-points/unsafe.d.ts +2 -0
  33. package/dist/types-ts4.5/new-button/containers/split-button/split-button.d.ts +4 -0
  34. package/dist/types-ts4.5/new-button/variants/default/button.d.ts +1 -1
  35. package/dist/types-ts4.5/new-button/variants/default/link.d.ts +2 -0
  36. package/dist/types-ts4.5/new-button/variants/icon/button.d.ts +2 -0
  37. package/dist/types-ts4.5/new-button/variants/icon/link.d.ts +2 -0
  38. package/package.json +34 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/button
2
2
 
3
+ ## 16.13.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#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.
8
+
3
9
  ## 16.12.0
4
10
 
5
11
  ### 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");
@@ -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
- * @warning __UNSAFE__ Button is not yet safe for production use.
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.12.0",
118
+ packageVersion: "16.13.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.12.0",
121
+ packageVersion: "16.13.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';
@@ -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 = ({
@@ -5,7 +5,7 @@ import useDefaultButton from './use-default-button';
5
5
  /**
6
6
  * __Button__
7
7
  *
8
- * @warning __UNSAFE__ Button is not yet safe for production use.
8
+ * @private __UNSAFE__ Button is not yet safe for production use.
9
9
  *
10
10
  * A button triggers an event or action.
11
11
  *
@@ -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)
@@ -5,6 +5,8 @@ import useIconButton from './use-icon-button';
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)
@@ -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)
@@ -97,7 +97,7 @@ const useButtonBase = ({
97
97
  action: 'clicked',
98
98
  componentName: 'button',
99
99
  packageName: "@atlaskit/button",
100
- packageVersion: "16.12.0",
100
+ packageVersion: "16.13.0",
101
101
  analyticsData: analyticsContext,
102
102
  actionSubject: buttonType
103
103
  });
@@ -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.12.0",
106
+ packageVersion: "16.13.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';
@@ -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
- * @warning __UNSAFE__ Button is not yet safe for production use.
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)
@@ -7,6 +7,8 @@ import useIconButton from './use-icon-button';
7
7
  /**
8
8
  * __Icon Button__
9
9
  *
10
+ * @private __UNSAFE__ IconButton is not yet safe for production use.
11
+ *
10
12
  * TODO: Description
11
13
  *
12
14
  * - [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.12.0",
110
+ packageVersion: "16.13.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.12.0",
112
+ packageVersion: "16.13.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';
@@ -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
- * @warning __UNSAFE__ Button is not yet safe for production use.
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';
@@ -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
- * @warning __UNSAFE__ Button is not yet safe for production use.
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.12.0",
3
+ "version": "16.13.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.8.0",
84
+ "@atlaskit/primitives": "^1.9.0",
54
85
  "@atlaskit/spinner": "^15.6.0",
55
86
  "@atlaskit/theme": "^12.6.0",
56
87
  "@atlaskit/tokens": "^1.28.0",