@atlaskit/button 16.13.0 → 16.15.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/button
 
+## 16.15.0
+
+### Minor Changes
+
+- [#42950](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/42950) [`9691abc55ce`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9691abc55ce) - Restructure new Button (in Alpha) types for documentation purposes
+
+## 16.14.0
+
+### Minor Changes
+
+- [#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
+
 ## 16.13.0
 
 ### Minor Changes

package/dist/cjs/index.js

@@ -29,6 +29,60 @@ 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() {
@@ -39,5 +93,6 @@ 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

@@ -115,7 +115,7 @@ var useButtonBase = function useButtonBase(_ref) {
     action: 'clicked',
     componentName: 'button',
     packageName: "@atlaskit/button",
-    packageVersion: "16.13.0",
+    packageVersion: "16.15.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.13.0",
+    packageVersion: "16.15.0",
     analyticsData: analyticsContext
   });
 

package/dist/es2019/index.js

@@ -5,4 +5,12 @@ 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';
+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';

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

@@ -97,7 +97,7 @@ const useButtonBase = ({
     action: 'clicked',
     componentName: 'button',
     packageName: "@atlaskit/button",
-    packageVersion: "16.13.0",
+    packageVersion: "16.15.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.13.0",
+    packageVersion: "16.15.0",
     analyticsData: analyticsContext
   });
 

package/dist/esm/index.js

@@ -5,4 +5,12 @@ 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';
+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';

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

@@ -107,7 +107,7 @@ var useButtonBase = function useButtonBase(_ref) {
     action: 'clicked',
     componentName: 'button',
     packageName: "@atlaskit/button",
-    packageVersion: "16.13.0",
+    packageVersion: "16.15.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.13.0",
+    packageVersion: "16.15.0",
     analyticsData: analyticsContext
   });
 

package/dist/types/index.d.ts

@@ -6,3 +6,9 @@ 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/default/link.d.ts

@@ -14,9 +14,7 @@ declare const LinkButtonBase: <RouterLinkConfig extends Record<string, any> = ne
  * - [Code](https://atlassian.design/components/button/code)
  * - [Usage](https://atlassian.design/components/button/usage)
  */
-declare const LinkButton: <RouterLinkConfig extends Record<string, any> = never>(props: CommonDefaultButtonProps & {
-    href: string | RouterLinkConfig;
-} & Omit<import("../types").AdditionalHTMLElementPropsExtender<Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "href">>, keyof import("../types").CommonButtonProps<TagName>> & import("../types").CommonButtonProps<HTMLAnchorElement> & {
+declare const LinkButton: <RouterLinkConfig extends Record<string, any> = never>(props: CommonDefaultButtonProps & import("../types").AdditionalLinkVariantProps<RouterLinkConfig> & Omit<import("../types").AdditionalHTMLElementPropsExtender<Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "href">>, keyof import("../types").CommonButtonProps<TagName>> & import("../types").CommonButtonProps<HTMLAnchorElement> & {
     ref?: React.Ref<HTMLAnchorElement> | undefined;
 }) => ReturnType<typeof LinkButtonBase>;
 export default LinkButton;

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

@@ -14,9 +14,7 @@ declare const LinkIconButtonBase: <RouterLinkConfig extends Record<string, any>
  * - [Code](https://atlassian.design/components/button/code)
  * - [Usage](https://atlassian.design/components/button/usage)
  */
-declare const LinkIconButton: <RouterLinkConfig extends Record<string, any> = never>(props: CommonIconButtonProps & {
-    href: string | RouterLinkConfig;
-} & Omit<import("../types").AdditionalHTMLElementPropsExtender<Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "href">>, keyof import("../types").CommonButtonProps<TagName>> & import("../types").CommonButtonProps<HTMLAnchorElement> & {
+declare const LinkIconButton: <RouterLinkConfig extends Record<string, any> = never>(props: CommonIconButtonProps & import("../types").AdditionalLinkVariantProps<RouterLinkConfig> & Omit<import("../types").AdditionalHTMLElementPropsExtender<Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "href">>, keyof import("../types").CommonButtonProps<TagName>> & import("../types").CommonButtonProps<HTMLAnchorElement> & {
     ref?: React.Ref<HTMLAnchorElement> | undefined;
 }) => ReturnType<typeof LinkIconButtonBase>;
 export default LinkIconButton;

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

@@ -5,7 +5,7 @@ export type Spacing = 'compact' | 'default' | 'none';
 type Combine<First, Second> = Omit<First, keyof Second> & Second;
 export type CommonButtonProps<TagName extends HTMLElement> = {
     /**
-     * The base styling to apply to the button
+     * The button style variation
      */
     appearance?: Appearance;
     /**
@@ -17,11 +17,11 @@ export type CommonButtonProps<TagName extends HTMLElement> = {
      */
     overlay?: React.ReactNode;
     /**
-     * Set if the button is disabled
+     * Disable the button to prevent user interaction
      */
     isDisabled?: boolean;
     /**
-     * Change the style to indicate the button is selected
+     * Indicates that the button is selected
      */
     isSelected?: boolean;
     /**
@@ -37,11 +37,11 @@ export type CommonButtonProps<TagName extends HTMLElement> = {
      */
     onFocus?: React.FocusEventHandler<TagName>;
     /**
-     * Set the amount of padding in the button
+     * Controls the amount of padding in the button
      */
     spacing?: Spacing;
     /**
-     * Text content to be rendered in the button
+     * Text content to be rendered in the button. Required so that screen readers always have an accessible label provided for the button.
      */
     children: React.ReactNode;
     /**
@@ -49,8 +49,8 @@ export type CommonButtonProps<TagName extends HTMLElement> = {
      */
     testId?: string;
     /**
-     * An optional name used to identify this component to press listeners. E.g. interaction tracing
-     * @see https://hello.atlassian.net/wiki/spaces/UFO/pages/2010358949/UFO+Integration+into+Design+System+components
+     * An optional name used to identify this component to press listeners. For example, interaction tracing. For more information,
+     * see [UFO integration into Design System components](https://go.atlassian.com/react-ufo-dst-integration)
      */
     interactionName?: string;
     /**
@@ -58,10 +58,15 @@ export type CommonButtonProps<TagName extends HTMLElement> = {
      */
     analyticsContext?: Record<string, any>;
 };
+export type SupportedElements = HTMLButtonElement | HTMLAnchorElement;
 type SupportedElementAttributes = React.ButtonHTMLAttributes<HTMLButtonElement> | React.AnchorHTMLAttributes<HTMLAnchorElement>;
 export type AdditionalHTMLElementPropsExtender<Props extends SupportedElementAttributes> = Combine<Omit<Props, 'className' | 'style' | 'role' | 'disabled'>, {
     'data-testid'?: never;
 }>;
+/**
+ * Common additional props for button `<button>` variants
+ */
+export type AdditionalButtonVariantProps = {};
 /**
  * Combines common button props with additional HTML attributes.
  */
@@ -69,11 +74,18 @@ export type CombinedButtonProps<TagName extends HTMLElement, HTMLAttributes exte
 /**
  * Common props for Button `<button>` variants
  */
-export type CommonButtonVariantProps = CombinedButtonProps<HTMLButtonElement, AdditionalHTMLElementPropsExtender<React.ButtonHTMLAttributes<HTMLButtonElement>>>;
+export type CommonButtonVariantProps = AdditionalButtonVariantProps & CombinedButtonProps<HTMLButtonElement, AdditionalHTMLElementPropsExtender<React.ButtonHTMLAttributes<HTMLButtonElement>>>;
 /**
- * Common props for Link `<a>` Button variants
+ * Common additional props for Link `<a>` Button variants
  */
-export type CommonLinkVariantProps<RouterLinkConfig extends Record<string, any> = never> = {
+export type AdditionalLinkVariantProps<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.
+     */
     href: string | RouterLinkConfig;
-} & CombinedButtonProps<HTMLAnchorElement, AdditionalHTMLElementPropsExtender<Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>>>;
+};
+/**
+ * Common props for Link `<a>` Button variants
+ */
+export type CommonLinkVariantProps<RouterLinkConfig extends Record<string, any> = never> = AdditionalLinkVariantProps<RouterLinkConfig> & CombinedButtonProps<HTMLAnchorElement, AdditionalHTMLElementPropsExtender<Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>>>;
 export {};

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

@@ -6,3 +6,9 @@ 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/default/link.d.ts

@@ -14,9 +14,7 @@ declare const LinkButtonBase: <RouterLinkConfig extends Record<string, any> = ne
  * - [Code](https://atlassian.design/components/button/code)
  * - [Usage](https://atlassian.design/components/button/usage)
  */
-declare const LinkButton: <RouterLinkConfig extends Record<string, any> = never>(props: CommonDefaultButtonProps & {
-    href: string | RouterLinkConfig;
-} & Omit<import("../types").AdditionalHTMLElementPropsExtender<Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "href">>, keyof import("../types").CommonButtonProps<TagName>> & import("../types").CommonButtonProps<HTMLAnchorElement> & {
+declare const LinkButton: <RouterLinkConfig extends Record<string, any> = never>(props: CommonDefaultButtonProps & import("../types").AdditionalLinkVariantProps<RouterLinkConfig> & Omit<import("../types").AdditionalHTMLElementPropsExtender<Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "href">>, keyof import("../types").CommonButtonProps<TagName>> & import("../types").CommonButtonProps<HTMLAnchorElement> & {
     ref?: React.Ref<HTMLAnchorElement> | undefined;
 }) => ReturnType<typeof LinkButtonBase>;
 export default LinkButton;

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

@@ -14,9 +14,7 @@ declare const LinkIconButtonBase: <RouterLinkConfig extends Record<string, any>
  * - [Code](https://atlassian.design/components/button/code)
  * - [Usage](https://atlassian.design/components/button/usage)
  */
-declare const LinkIconButton: <RouterLinkConfig extends Record<string, any> = never>(props: CommonIconButtonProps & {
-    href: string | RouterLinkConfig;
-} & Omit<import("../types").AdditionalHTMLElementPropsExtender<Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "href">>, keyof import("../types").CommonButtonProps<TagName>> & import("../types").CommonButtonProps<HTMLAnchorElement> & {
+declare const LinkIconButton: <RouterLinkConfig extends Record<string, any> = never>(props: CommonIconButtonProps & import("../types").AdditionalLinkVariantProps<RouterLinkConfig> & Omit<import("../types").AdditionalHTMLElementPropsExtender<Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "href">>, keyof import("../types").CommonButtonProps<TagName>> & import("../types").CommonButtonProps<HTMLAnchorElement> & {
     ref?: React.Ref<HTMLAnchorElement> | undefined;
 }) => ReturnType<typeof LinkIconButtonBase>;
 export default LinkIconButton;

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

@@ -5,7 +5,7 @@ export type Spacing = 'compact' | 'default' | 'none';
 type Combine<First, Second> = Omit<First, keyof Second> & Second;
 export type CommonButtonProps<TagName extends HTMLElement> = {
     /**
-     * The base styling to apply to the button
+     * The button style variation
      */
     appearance?: Appearance;
     /**
@@ -17,11 +17,11 @@ export type CommonButtonProps<TagName extends HTMLElement> = {
      */
     overlay?: React.ReactNode;
     /**
-     * Set if the button is disabled
+     * Disable the button to prevent user interaction
      */
     isDisabled?: boolean;
     /**
-     * Change the style to indicate the button is selected
+     * Indicates that the button is selected
      */
     isSelected?: boolean;
     /**
@@ -37,11 +37,11 @@ export type CommonButtonProps<TagName extends HTMLElement> = {
      */
     onFocus?: React.FocusEventHandler<TagName>;
     /**
-     * Set the amount of padding in the button
+     * Controls the amount of padding in the button
      */
     spacing?: Spacing;
     /**
-     * Text content to be rendered in the button
+     * Text content to be rendered in the button. Required so that screen readers always have an accessible label provided for the button.
      */
     children: React.ReactNode;
     /**
@@ -49,8 +49,8 @@ export type CommonButtonProps<TagName extends HTMLElement> = {
      */
     testId?: string;
     /**
-     * An optional name used to identify this component to press listeners. E.g. interaction tracing
-     * @see https://hello.atlassian.net/wiki/spaces/UFO/pages/2010358949/UFO+Integration+into+Design+System+components
+     * An optional name used to identify this component to press listeners. For example, interaction tracing. For more information,
+     * see [UFO integration into Design System components](https://go.atlassian.com/react-ufo-dst-integration)
      */
     interactionName?: string;
     /**
@@ -58,10 +58,15 @@ export type CommonButtonProps<TagName extends HTMLElement> = {
      */
     analyticsContext?: Record<string, any>;
 };
+export type SupportedElements = HTMLButtonElement | HTMLAnchorElement;
 type SupportedElementAttributes = React.ButtonHTMLAttributes<HTMLButtonElement> | React.AnchorHTMLAttributes<HTMLAnchorElement>;
 export type AdditionalHTMLElementPropsExtender<Props extends SupportedElementAttributes> = Combine<Omit<Props, 'className' | 'style' | 'role' | 'disabled'>, {
     'data-testid'?: never;
 }>;
+/**
+ * Common additional props for button `<button>` variants
+ */
+export type AdditionalButtonVariantProps = {};
 /**
  * Combines common button props with additional HTML attributes.
  */
@@ -69,11 +74,18 @@ export type CombinedButtonProps<TagName extends HTMLElement, HTMLAttributes exte
 /**
  * Common props for Button `<button>` variants
  */
-export type CommonButtonVariantProps = CombinedButtonProps<HTMLButtonElement, AdditionalHTMLElementPropsExtender<React.ButtonHTMLAttributes<HTMLButtonElement>>>;
+export type CommonButtonVariantProps = AdditionalButtonVariantProps & CombinedButtonProps<HTMLButtonElement, AdditionalHTMLElementPropsExtender<React.ButtonHTMLAttributes<HTMLButtonElement>>>;
 /**
- * Common props for Link `<a>` Button variants
+ * Common additional props for Link `<a>` Button variants
  */
-export type CommonLinkVariantProps<RouterLinkConfig extends Record<string, any> = never> = {
+export type AdditionalLinkVariantProps<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.
+     */
     href: string | RouterLinkConfig;
-} & CombinedButtonProps<HTMLAnchorElement, AdditionalHTMLElementPropsExtender<Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>>>;
+};
+/**
+ * Common props for Link `<a>` Button variants
+ */
+export type CommonLinkVariantProps<RouterLinkConfig extends Record<string, any> = never> = AdditionalLinkVariantProps<RouterLinkConfig> & CombinedButtonProps<HTMLAnchorElement, AdditionalHTMLElementPropsExtender<Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>>>;
 export {};

package/extract-react-types/legacy-button/custom-theme-button-props.tsx

@@ -0,0 +1,7 @@
+import { CustomThemeButtonOwnProps } from '../../src/old-button/custom-theme-button/custom-theme-button-types';
+
+export default function CustomThemeButtonProps(
+  props: CustomThemeButtonOwnProps,
+) {
+  return null;
+}

package/extract-react-types/legacy-button/loading-button-props.tsx

@@ -0,0 +1,5 @@
+import { LoadingButtonOwnProps } from '../../src/old-button/loading-button';
+
+export default function LoadingButtonProps(props: LoadingButtonOwnProps) {
+  return null;
+}

package/extract-react-types/legacy-button/shared-props.tsx

@@ -0,0 +1,5 @@
+import { BaseOwnProps } from '../../src/old-button/types';
+
+export default function SharedProps(props: BaseOwnProps) {
+  return null;
+}

package/extract-react-types/new-button/variants/default/button-props.tsx

@@ -0,0 +1,5 @@
+import { AdditionalButtonVariantProps } from '../../../../src/new-button/variants/types';
+
+export default function ButtonProps(props: AdditionalButtonVariantProps) {
+  return null;
+}

package/extract-react-types/new-button/variants/default/common-props.tsx

@@ -0,0 +1,11 @@
+import { type CommonDefaultButtonProps } from '../../../../src/new-button/variants/default/types';
+import {
+  type CommonButtonProps,
+  type SupportedElements,
+} from '../../../../src/new-button/variants/types';
+
+export default function CommonProps(
+  props: CommonButtonProps<SupportedElements> & CommonDefaultButtonProps,
+) {
+  return null;
+}

package/extract-react-types/new-button/variants/default/link-button-props.tsx

@@ -0,0 +1,5 @@
+import { AdditionalLinkVariantProps } from '../../../../src/new-button/variants/types';
+
+export default function LinkButtonProps(props: AdditionalLinkVariantProps) {
+  return null;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/button",
-  "version": "16.13.0",
+  "version": "16.15.0",
   "description": "A button triggers an event or action. They let users know what will happen next.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -33,7 +33,7 @@
           "title": "Button (new)",
           "id": "button-new",
           "status": {
-            "type": "draft"
+            "type": "alpha"
           },
           "sortKey": 1
         },
@@ -81,7 +81,7 @@
     "@atlaskit/focus-ring": "^1.3.0",
     "@atlaskit/interaction-context": "^2.1.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
-    "@atlaskit/primitives": "^1.9.0",
+    "@atlaskit/primitives": "^1.10.0",
     "@atlaskit/spinner": "^15.6.0",
     "@atlaskit/theme": "^12.6.0",
     "@atlaskit/tokens": "^1.28.0",

package/tmp/api-report-tmp.d.ts

@@ -1,133 +0,0 @@
-## API Report File for "@atlaskit/button"
-
-> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
-
-```ts
-
-/// <reference types="react" />
-
-import { ComponentType } from 'react';
-import { CSSObject } from '@emotion/react';
-import { jsx } from '@emotion/react';
-import { default as React_2 } from 'react';
-import { ReactNode } from 'react';
-import { ThemeModes } from '@atlaskit/theme/types';
-import { ThemeModes as ThemeModes_2 } from '@atlaskit/theme';
-import { ThemeProp } from '@atlaskit/theme/components';
-import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
-
-// @public (undocumented)
-export type Appearance = 'danger' | 'default' | 'link' | 'primary' | 'subtle' | 'subtle-link' | 'warning';
-
-// @public (undocumented)
-export type BaseOwnProps = {
-    appearance?: Appearance;
-    autoFocus?: boolean;
-    className?: string;
-    overlay?: React_2.ReactNode;
-    href?: string;
-    iconAfter?: React_2.ReactChild;
-    iconBefore?: React_2.ReactChild;
-    isDisabled?: boolean;
-    isSelected?: boolean;
-    onBlur?: React_2.FocusEventHandler<HTMLElement>;
-    onClick?: (e: React_2.MouseEvent<HTMLElement>, analyticsEvent: UIAnalyticsEvent) => void;
-    onFocus?: React_2.FocusEventHandler<HTMLElement>;
-    spacing?: Spacing;
-    target?: React_2.AnchorHTMLAttributes<HTMLAnchorElement>['target'];
-    type?: React_2.ButtonHTMLAttributes<HTMLButtonElement>['type'];
-    shouldFitContainer?: boolean;
-    children?: React_2.ReactNode;
-    testId?: string;
-    component?: React_2.ComponentType<React_2.AllHTMLAttributes<HTMLElement>> | React_2.ElementType;
-    interactionName?: string;
-    analyticsContext?: Record<string, any>;
-};
-
-// @public (undocumented)
-export type BaseProps = Combine<Combine<Omit<React_2.AllHTMLAttributes<HTMLElement>, 'disabled'>, {
-    'data-testid'?: never;
-    'data-has-overlay'?: never;
-}>, BaseOwnProps>;
-
-// @public
-const Button: React_2.MemoExoticComponent<React_2.ForwardRefExoticComponent<ButtonProps & React_2.RefAttributes<HTMLElement>>>;
-export default Button;
-
-// @public (undocumented)
-export function ButtonGroup({ appearance, children, }: ButtonGroupProps): jsx.JSX.Element;
-
-// @public (undocumented)
-type ButtonGroupProps = {
-    appearance?: Appearance;
-    children?: React_2.ReactNode;
-};
-
-// @public (undocumented)
-export interface ButtonProps extends BaseProps {
-}
-
-// @public (undocumented)
-type Combine<First, Second> = Omit<First, keyof Second> & Second;
-
-// @public
-export const CustomThemeButton: React_2.MemoExoticComponent<React_2.ForwardRefExoticComponent<Omit<BaseProps, "overlay"> & CustomThemeButtonOwnProps & React_2.RefAttributes<HTMLElement>>>;
-
-// @public (undocumented)
-export type CustomThemeButtonOwnProps = {
-    isLoading?: boolean;
-    theme?: (current: (props: ThemeProps) => ThemeTokens, props: ThemeProps) => ThemeTokens;
-};
-
-// @public (undocumented)
-export type CustomThemeButtonProps = Omit<BaseProps, 'overlay'> & CustomThemeButtonOwnProps;
-
-// @public (undocumented)
-export type InteractionState = 'active' | 'default' | 'disabled' | 'focus' | 'focusSelected' | 'hover' | 'selected';
-
-// @public
-export const LoadingButton: React_2.ForwardRefExoticComponent<Omit<BaseProps, "overlay"> & LoadingButtonOwnProps & React_2.RefAttributes<HTMLElement>>;
-
-// @public (undocumented)
-export type LoadingButtonOwnProps = {
-    isLoading?: boolean;
-};
-
-// @public (undocumented)
-export type LoadingButtonProps = Omit<BaseProps, 'overlay'> & LoadingButtonOwnProps;
-
-// @public (undocumented)
-export type Spacing = 'compact' | 'default' | 'none';
-
-// @public (undocumented)
-export const Theme: {
-    Consumer: ComponentType<    {
-    children: (tokens: ThemeTokens) => ReactNode;
-    } & Partial<CustomThemeButtonProps> & {
-    state: InteractionState;
-    iconIsOnlyChild?: boolean | undefined;
-    mode?: ThemeModes_2 | undefined;
-    }>;
-    Provider: ComponentType<    {
-    children?: ReactNode;
-    value?: ThemeProp<ThemeTokens, ThemeProps> | undefined;
-    }>;
-    useTheme: (props: ThemeProps) => ThemeTokens;
-};
-
-// @public (undocumented)
-export type ThemeProps = Partial<CustomThemeButtonProps> & {
-    state: InteractionState;
-    iconIsOnlyChild?: boolean;
-    mode?: ThemeModes;
-};
-
-// @public (undocumented)
-export type ThemeTokens = {
-    buttonStyles: CSSObject;
-    spinnerStyles: CSSObject;
-};
-
-// (No @packageDocumentation comment for this package)
-
-```