@atlaskit/button 16.18.1 → 17.0.0

package/CHANGELOG.md

@@ -1,5 +1,39 @@
 # @atlaskit/button
 
+## 17.0.0
+
+### Major Changes
+
+- [#60024](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/60024) [`c6418d429d47`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c6418d429d47) - New Button goes Open Beta!
+
+  Check out the exports under `@atlaskit/button/new` and the [docs](/components/button/button-new/examples) for our new approach.
+
+  ## Button
+
+  [Read the docs here.](/components/button/button-new/examples)
+
+  ```js
+  import Button from '@atlaskit/button/new';
+  import { LinkButton } from '@atlaskit/button/new';
+  ```
+
+  ## Icon button
+
+  [Read the docs here.](/components/button/icon-button/examples)
+
+  ```js
+  import { IconButton } from '@atlaskit/button/new';
+  import { LinkIconButton } from '@atlaskit/button/new';
+  ```
+
+  ## Split button
+
+  [Read the docs here.](/components/button/split-button/examples)
+
+  ```js
+  import { SplitButton } from '@atlaskit/button/new';
+  ```
+
 ## 16.18.1
 
 ### Patch Changes

package/dist/cjs/index.js

@@ -29,60 +29,6 @@ Object.defineProperty(exports, "Theme", {
     return _customThemeButton.Theme;
   }
 });
-Object.defineProperty(exports, "UNSAFE_BUTTON", {
-  enumerable: true,
-  get: function get() {
-    return _unsafe.UNSAFE_BUTTON;
-  }
-});
-Object.defineProperty(exports, "UNSAFE_DIVIDER", {
-  enumerable: true,
-  get: function get() {
-    return _unsafe.UNSAFE_DIVIDER;
-  }
-});
-Object.defineProperty(exports, "UNSAFE_GET_ACTIONS", {
-  enumerable: true,
-  get: function get() {
-    return _unsafe.UNSAFE_GET_ACTIONS;
-  }
-});
-Object.defineProperty(exports, "UNSAFE_ICON_BUTTON", {
-  enumerable: true,
-  get: function get() {
-    return _unsafe.UNSAFE_ICON_BUTTON;
-  }
-});
-Object.defineProperty(exports, "UNSAFE_LINK_BUTTON", {
-  enumerable: true,
-  get: function get() {
-    return _unsafe.UNSAFE_LINK_BUTTON;
-  }
-});
-Object.defineProperty(exports, "UNSAFE_LINK_ICON_BUTTON", {
-  enumerable: true,
-  get: function get() {
-    return _unsafe.UNSAFE_LINK_ICON_BUTTON;
-  }
-});
-Object.defineProperty(exports, "UNSAFE_SPLIT_BUTTON", {
-  enumerable: true,
-  get: function get() {
-    return _unsafe.UNSAFE_SPLIT_BUTTON;
-  }
-});
-Object.defineProperty(exports, "UNSAFE_SPLIT_BUTTON_CONTAINER", {
-  enumerable: true,
-  get: function get() {
-    return _unsafe.UNSAFE_SPLIT_BUTTON_CONTAINER;
-  }
-});
-Object.defineProperty(exports, "UNSAFE_SPLIT_BUTTON_CONTEXT", {
-  enumerable: true,
-  get: function get() {
-    return _unsafe.UNSAFE_SPLIT_BUTTON_CONTEXT;
-  }
-});
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
@@ -93,6 +39,5 @@ var _standardButton = _interopRequireDefault(require("./entry-points/standard-bu
 var _loadingButton = _interopRequireDefault(require("./entry-points/loading-button"));
 var _customThemeButton = _interopRequireWildcard(require("./entry-points/custom-theme-button"));
 var _buttonGroup = _interopRequireDefault(require("./entry-points/button-group"));
-var _unsafe = require("./entry-points/unsafe");
 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); }
 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; }

package/dist/cjs/new-button/variants/shared/use-button-base.js

@@ -117,7 +117,7 @@ var useButtonBase = function useButtonBase(_ref) {
     action: 'clicked',
     componentName: 'button',
     packageName: "@atlaskit/button",
-    packageVersion: "16.18.1",
+    packageVersion: "17.0.0",
     analyticsData: analyticsContext,
     actionSubject: buttonType
   });

package/dist/cjs/old-button/shared/button-base.js

@@ -118,7 +118,7 @@ var _default = exports.default = /*#__PURE__*/_react.default.forwardRef(function
     action: 'clicked',
     componentName: 'button',
     packageName: "@atlaskit/button",
-    packageVersion: "16.18.1",
+    packageVersion: "17.0.0",
     analyticsData: analyticsContext
   });
 

package/dist/es2019/index.js

@@ -5,12 +5,4 @@ export {
 default } from './entry-points/standard-button';
 export { default as LoadingButton } from './entry-points/loading-button';
 export { default as CustomThemeButton, Theme } from './entry-points/custom-theme-button';
-export { default as ButtonGroup } from './entry-points/button-group';
-
-// New Button
-export { UNSAFE_BUTTON } from './entry-points/unsafe';
-export { UNSAFE_LINK_BUTTON } from './entry-points/unsafe';
-export { UNSAFE_ICON_BUTTON } from './entry-points/unsafe';
-export { UNSAFE_LINK_ICON_BUTTON } from './entry-points/unsafe';
-export { UNSAFE_SPLIT_BUTTON, UNSAFE_SPLIT_BUTTON_CONTAINER, UNSAFE_DIVIDER, UNSAFE_GET_ACTIONS } from './entry-points/unsafe';
-export { UNSAFE_SPLIT_BUTTON_CONTEXT } from './entry-points/unsafe';
+export { default as ButtonGroup } from './entry-points/button-group';

package/dist/es2019/new-button/variants/shared/use-button-base.js

@@ -98,7 +98,7 @@ const useButtonBase = ({
     action: 'clicked',
     componentName: 'button',
     packageName: "@atlaskit/button",
-    packageVersion: "16.18.1",
+    packageVersion: "17.0.0",
     analyticsData: analyticsContext,
     actionSubject: buttonType
   });

package/dist/es2019/old-button/shared/button-base.js

@@ -103,7 +103,7 @@ export default /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref) {
     action: 'clicked',
     componentName: 'button',
     packageName: "@atlaskit/button",
-    packageVersion: "16.18.1",
+    packageVersion: "17.0.0",
     analyticsData: analyticsContext
   });
 

package/dist/esm/index.js

@@ -5,12 +5,4 @@ export {
 default } from './entry-points/standard-button';
 export { default as LoadingButton } from './entry-points/loading-button';
 export { default as CustomThemeButton, Theme } from './entry-points/custom-theme-button';
-export { default as ButtonGroup } from './entry-points/button-group';
-
-// New Button
-export { UNSAFE_BUTTON } from './entry-points/unsafe';
-export { UNSAFE_LINK_BUTTON } from './entry-points/unsafe';
-export { UNSAFE_ICON_BUTTON } from './entry-points/unsafe';
-export { UNSAFE_LINK_ICON_BUTTON } from './entry-points/unsafe';
-export { UNSAFE_SPLIT_BUTTON, UNSAFE_SPLIT_BUTTON_CONTAINER, UNSAFE_DIVIDER, UNSAFE_GET_ACTIONS } from './entry-points/unsafe';
-export { UNSAFE_SPLIT_BUTTON_CONTEXT } from './entry-points/unsafe';
+export { default as ButtonGroup } from './entry-points/button-group';

package/dist/esm/new-button/variants/shared/use-button-base.js

@@ -109,7 +109,7 @@ var useButtonBase = function useButtonBase(_ref) {
     action: 'clicked',
     componentName: 'button',
     packageName: "@atlaskit/button",
-    packageVersion: "16.18.1",
+    packageVersion: "17.0.0",
     analyticsData: analyticsContext,
     actionSubject: buttonType
   });

package/dist/esm/old-button/shared/button-base.js

@@ -109,7 +109,7 @@ export default /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref) {
     action: 'clicked',
     componentName: 'button',
     packageName: "@atlaskit/button",
-    packageVersion: "16.18.1",
+    packageVersion: "17.0.0",
     analyticsData: analyticsContext
   });
 

package/dist/types/index.d.ts

@@ -6,9 +6,3 @@ export type { LoadingButtonProps, LoadingButtonOwnProps, } from './entry-points/
 export { default as CustomThemeButton, Theme, } from './entry-points/custom-theme-button';
 export type { ThemeTokens, ThemeProps, InteractionState, CustomThemeButtonProps, CustomThemeButtonOwnProps, } from './entry-points/custom-theme-button';
 export { default as ButtonGroup } from './entry-points/button-group';
-export { UNSAFE_BUTTON } from './entry-points/unsafe';
-export { UNSAFE_LINK_BUTTON } from './entry-points/unsafe';
-export { UNSAFE_ICON_BUTTON } from './entry-points/unsafe';
-export { UNSAFE_LINK_ICON_BUTTON } from './entry-points/unsafe';
-export { UNSAFE_SPLIT_BUTTON, UNSAFE_SPLIT_BUTTON_CONTAINER, UNSAFE_DIVIDER, UNSAFE_GET_ACTIONS, } from './entry-points/unsafe';
-export { UNSAFE_SPLIT_BUTTON_CONTEXT } from './entry-points/unsafe';

package/dist/types/new-button/variants/types.d.ts

@@ -83,7 +83,7 @@ export type CommonButtonVariantProps = AdditionalButtonVariantProps & CombinedBu
  */
 export type AdditionalCommonLinkVariantProps<RouterLinkConfig extends Record<string, any> = never> = {
     /**
-     * Provides a URL for link buttons. When using an AppProvider with a configured router link component, a `RouterLinkConfig` object type can be provided for advanced usage. See the [Link Button routing example](https://atlassian.design/components/button/button-new/examples#routing) for more details.
+     * Provides a URL for link buttons. When using an AppProvider with a configured router link component, a `RouterLinkConfig` object type can be provided for advanced usage. See the [Link Button routing example](/components/button/button-new/examples#routing) for more details.
      */
     href: string | RouterLinkConfig;
 };

package/dist/types-ts4.5/index.d.ts

@@ -6,9 +6,3 @@ export type { LoadingButtonProps, LoadingButtonOwnProps, } from './entry-points/
 export { default as CustomThemeButton, Theme, } from './entry-points/custom-theme-button';
 export type { ThemeTokens, ThemeProps, InteractionState, CustomThemeButtonProps, CustomThemeButtonOwnProps, } from './entry-points/custom-theme-button';
 export { default as ButtonGroup } from './entry-points/button-group';
-export { UNSAFE_BUTTON } from './entry-points/unsafe';
-export { UNSAFE_LINK_BUTTON } from './entry-points/unsafe';
-export { UNSAFE_ICON_BUTTON } from './entry-points/unsafe';
-export { UNSAFE_LINK_ICON_BUTTON } from './entry-points/unsafe';
-export { UNSAFE_SPLIT_BUTTON, UNSAFE_SPLIT_BUTTON_CONTAINER, UNSAFE_DIVIDER, UNSAFE_GET_ACTIONS, } from './entry-points/unsafe';
-export { UNSAFE_SPLIT_BUTTON_CONTEXT } from './entry-points/unsafe';

package/dist/types-ts4.5/new-button/variants/types.d.ts

@@ -83,7 +83,7 @@ export type CommonButtonVariantProps = AdditionalButtonVariantProps & CombinedBu
  */
 export type AdditionalCommonLinkVariantProps<RouterLinkConfig extends Record<string, any> = never> = {
     /**
-     * Provides a URL for link buttons. When using an AppProvider with a configured router link component, a `RouterLinkConfig` object type can be provided for advanced usage. See the [Link Button routing example](https://atlassian.design/components/button/button-new/examples#routing) for more details.
+     * Provides a URL for link buttons. When using an AppProvider with a configured router link component, a `RouterLinkConfig` object type can be provided for advanced usage. See the [Link Button routing example](/components/button/button-new/examples#routing) for more details.
      */
     href: string | RouterLinkConfig;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/button",
-  "version": "16.18.1",
+  "version": "17.0.0",
   "description": "A button triggers an event or action. They let users know what will happen next.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -36,7 +36,7 @@
           "title": "Button (new)",
           "id": "button-new",
           "status": {
-            "type": "closed-beta"
+            "type": "beta"
           },
           "sortKey": 1
         },
@@ -44,7 +44,7 @@
           "title": "Icon button",
           "id": "icon-button",
           "status": {
-            "type": "draft"
+            "type": "beta"
           },
           "sortKey": 2
         },
@@ -57,7 +57,7 @@
           "title": "Split button",
           "id": "split-button",
           "status": {
-            "type": "closed-beta"
+            "type": "beta"
           },
           "sortKey": 4
         }
@@ -69,7 +69,6 @@
     "./custom-theme-button": "./src/entry-points/custom-theme-button.tsx",
     "./loading-button": "./src/entry-points/loading-button.tsx",
     "./standard-button": "./src/entry-points/standard-button.tsx",
-    "./unsafe": "./src/entry-points/unsafe.tsx",
     "./new": "./src/entry-points/new.tsx",
     "./types": "./src/entry-points/types.tsx",
     ".": "./src/index.tsx"
@@ -86,10 +85,10 @@
     "@atlaskit/icon": "^22.0.0",
     "@atlaskit/interaction-context": "^2.1.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
-    "@atlaskit/primitives": "^1.13.0",
+    "@atlaskit/primitives": "^1.15.0",
     "@atlaskit/spinner": "^16.0.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.29.0",
+    "@atlaskit/tokens": "^1.30.0",
     "@atlaskit/visually-hidden": "^1.2.4",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1"

package/dist/cjs/entry-points/unsafe.js

@@ -1,66 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "UNSAFE_BUTTON", {
-  enumerable: true,
-  get: function get() {
-    return _button.default;
-  }
-});
-Object.defineProperty(exports, "UNSAFE_DIVIDER", {
-  enumerable: true,
-  get: function get() {
-    return _splitButton.Divider;
-  }
-});
-Object.defineProperty(exports, "UNSAFE_GET_ACTIONS", {
-  enumerable: true,
-  get: function get() {
-    return _splitButton.getActions;
-  }
-});
-Object.defineProperty(exports, "UNSAFE_ICON_BUTTON", {
-  enumerable: true,
-  get: function get() {
-    return _button2.default;
-  }
-});
-Object.defineProperty(exports, "UNSAFE_LINK_BUTTON", {
-  enumerable: true,
-  get: function get() {
-    return _link.default;
-  }
-});
-Object.defineProperty(exports, "UNSAFE_LINK_ICON_BUTTON", {
-  enumerable: true,
-  get: function get() {
-    return _link2.default;
-  }
-});
-Object.defineProperty(exports, "UNSAFE_SPLIT_BUTTON", {
-  enumerable: true,
-  get: function get() {
-    return _splitButton.SplitButton;
-  }
-});
-Object.defineProperty(exports, "UNSAFE_SPLIT_BUTTON_CONTAINER", {
-  enumerable: true,
-  get: function get() {
-    return _splitButton.SplitButtonContainer;
-  }
-});
-Object.defineProperty(exports, "UNSAFE_SPLIT_BUTTON_CONTEXT", {
-  enumerable: true,
-  get: function get() {
-    return _splitButtonContext.SplitButtonContext;
-  }
-});
-var _button = _interopRequireDefault(require("../new-button/variants/default/button"));
-var _link = _interopRequireDefault(require("../new-button/variants/default/link"));
-var _button2 = _interopRequireDefault(require("../new-button/variants/icon/button"));
-var _link2 = _interopRequireDefault(require("../new-button/variants/icon/link"));
-var _splitButton = require("../new-button/containers/split-button");
-var _splitButtonContext = require("../new-button/containers/split-button/split-button-context");

package/dist/es2019/entry-points/unsafe.js

@@ -1,6 +0,0 @@
-export { default as UNSAFE_BUTTON } from '../new-button/variants/default/button';
-export { default as UNSAFE_LINK_BUTTON } from '../new-button/variants/default/link';
-export { default as UNSAFE_ICON_BUTTON } from '../new-button/variants/icon/button';
-export { default as UNSAFE_LINK_ICON_BUTTON } from '../new-button/variants/icon/link';
-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';
-export { SplitButtonContext as UNSAFE_SPLIT_BUTTON_CONTEXT } from '../new-button/containers/split-button/split-button-context';

package/dist/esm/entry-points/unsafe.js

@@ -1,6 +0,0 @@
-export { default as UNSAFE_BUTTON } from '../new-button/variants/default/button';
-export { default as UNSAFE_LINK_BUTTON } from '../new-button/variants/default/link';
-export { default as UNSAFE_ICON_BUTTON } from '../new-button/variants/icon/button';
-export { default as UNSAFE_LINK_ICON_BUTTON } from '../new-button/variants/icon/link';
-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';
-export { SplitButtonContext as UNSAFE_SPLIT_BUTTON_CONTEXT } from '../new-button/containers/split-button/split-button-context';

package/dist/types/entry-points/unsafe.d.ts

@@ -1,6 +0,0 @@
-export { default as UNSAFE_BUTTON } from '../new-button/variants/default/button';
-export { default as UNSAFE_LINK_BUTTON } from '../new-button/variants/default/link';
-export { default as UNSAFE_ICON_BUTTON } from '../new-button/variants/icon/button';
-export { default as UNSAFE_LINK_ICON_BUTTON } from '../new-button/variants/icon/link';
-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';
-export { SplitButtonContext as UNSAFE_SPLIT_BUTTON_CONTEXT } from '../new-button/containers/split-button/split-button-context';

package/dist/types-ts4.5/entry-points/unsafe.d.ts

@@ -1,6 +0,0 @@
-export { default as UNSAFE_BUTTON } from '../new-button/variants/default/button';
-export { default as UNSAFE_LINK_BUTTON } from '../new-button/variants/default/link';
-export { default as UNSAFE_ICON_BUTTON } from '../new-button/variants/icon/button';
-export { default as UNSAFE_LINK_ICON_BUTTON } from '../new-button/variants/icon/link';
-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';
-export { SplitButtonContext as UNSAFE_SPLIT_BUTTON_CONTEXT } from '../new-button/containers/split-button/split-button-context';

package/unsafe/package.json

@@ -1,15 +0,0 @@
-{
-  "name": "@atlaskit/button/unsafe",
-  "main": "../dist/cjs/entry-points/unsafe.js",
-  "module": "../dist/esm/entry-points/unsafe.js",
-  "module:es2019": "../dist/es2019/entry-points/unsafe.js",
-  "sideEffects": false,
-  "types": "../dist/types/entry-points/unsafe.d.ts",
-  "typesVersions": {
-    ">=4.5 <4.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/unsafe.d.ts"
-      ]
-    }
-  }
-}