@atlaskit/button 16.11.0 → 16.13.0

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

@@ -1,17 +1,22 @@
-import React from 'react';
-import { type AdditionalHTMLElementPropsExtender, type CombinedButtonProps } from '../types';
+import React, { type Ref } from 'react';
+import { type CommonLinkVariantProps } from '../types';
 import { type CommonDefaultButtonProps } from './types';
-type Element = HTMLAnchorElement;
-type AdditionalHTMLElementProps = AdditionalHTMLElementPropsExtender<React.AnchorHTMLAttributes<Element>>;
-export type LinkButtonProps = CommonDefaultButtonProps & CombinedButtonProps<Element, AdditionalHTMLElementProps>;
+export type LinkButtonProps<RouterLinkConfig extends Record<string, any> = never> = CommonDefaultButtonProps & CommonLinkVariantProps<RouterLinkConfig>;
+declare const LinkButtonBase: <RouterLinkConfig extends Record<string, any> = never>({ analyticsContext, autoFocus, appearance, spacing, isDisabled, isSelected, iconBefore, iconAfter, children, shouldFitContainer, interactionName, overlay, onClick, onMouseDownCapture, onMouseUpCapture, onKeyDownCapture, onKeyUpCapture, onTouchStartCapture, onTouchEndCapture, onPointerDownCapture, onPointerUpCapture, onClickCapture, testId, href, ...rest }: LinkButtonProps<RouterLinkConfig>, ref: Ref<HTMLAnchorElement>) => JSX.Element;
 /**
  * __Link Button__
  *
- * A link button renders a link in the style of a button.
+ * @private __UNSAFE__ LinkButton is not yet safe for production use.
+ *
+ * Renders a link in the style of a button.
  *
  * - [Examples](https://atlassian.design/components/button/examples)
  * - [Code](https://atlassian.design/components/button/code)
  * - [Usage](https://atlassian.design/components/button/usage)
  */
-declare const LinkButton: React.MemoExoticComponent<React.ForwardRefExoticComponent<CommonDefaultButtonProps & Omit<AdditionalHTMLElementProps, keyof import("../types").CommonButtonProps<TagName>> & import("../types").CommonButtonProps<HTMLAnchorElement> & React.RefAttributes<HTMLAnchorElement>>>;
+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> & {
+    ref?: React.Ref<HTMLAnchorElement> | undefined;
+}) => ReturnType<typeof LinkButtonBase>;
 export default LinkButton;

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

@@ -1,17 +1,17 @@
 import React from 'react';
-import { type AdditionalHTMLElementPropsExtender, type CombinedButtonProps } from '../types';
+import { type CommonButtonVariantProps } from '../types';
 import { type CommonIconButtonProps } from './types';
-type Element = HTMLButtonElement;
-type AdditionalHTMLElementProps = AdditionalHTMLElementPropsExtender<React.ButtonHTMLAttributes<Element>>;
-export type IconButtonProps = CommonIconButtonProps & CombinedButtonProps<Element, AdditionalHTMLElementProps>;
+export type IconButtonProps = CommonIconButtonProps & CommonButtonVariantProps;
 /**
  * __Icon Button__
  *
+ * @private __UNSAFE__ IconButton is not yet safe for production use.
+ *
  * TODO: Description
  *
  * - [Examples](https://atlassian.design/components/button/examples)
  * - [Code](https://atlassian.design/components/button/code)
  * - [Usage](https://atlassian.design/components/button/usage)
  */
-declare const IconButton: React.MemoExoticComponent<React.ForwardRefExoticComponent<CommonIconButtonProps & Omit<AdditionalHTMLElementProps, keyof import("../types").CommonButtonProps<TagName>> & import("../types").CommonButtonProps<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>>;
+declare const IconButton: React.MemoExoticComponent<React.ForwardRefExoticComponent<CommonIconButtonProps & Omit<import("../types").AdditionalHTMLElementPropsExtender<React.ButtonHTMLAttributes<HTMLButtonElement>>, keyof import("../types").CommonButtonProps<TagName>> & import("../types").CommonButtonProps<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>>;
 export default IconButton;

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

@@ -1,17 +1,22 @@
-import React from 'react';
-import { type AdditionalHTMLElementPropsExtender, type CombinedButtonProps } from '../types';
+import React, { type Ref } from 'react';
+import { type CommonLinkVariantProps } from '../types';
 import { type CommonIconButtonProps } from './types';
-type Element = HTMLAnchorElement;
-type AdditionalHTMLElementProps = AdditionalHTMLElementPropsExtender<React.AnchorHTMLAttributes<Element>>;
-export type LinkIconButtonProps = CommonIconButtonProps & CombinedButtonProps<Element, AdditionalHTMLElementProps>;
+export type LinkIconButtonProps<RouterLinkConfig extends Record<string, any> = never> = CommonIconButtonProps & CommonLinkVariantProps<RouterLinkConfig>;
+declare const LinkIconButtonBase: <RouterLinkConfig extends Record<string, any> = never>({ analyticsContext, autoFocus, appearance, spacing, isDisabled, isSelected, icon, children, interactionName, overlay, onClick, onMouseDownCapture, onMouseUpCapture, onKeyDownCapture, onKeyUpCapture, onTouchStartCapture, onTouchEndCapture, onPointerDownCapture, onPointerUpCapture, onClickCapture, testId, href, ...rest }: LinkIconButtonProps<RouterLinkConfig>, ref: Ref<HTMLAnchorElement>) => JSX.Element;
 /**
- * __Link Button__
+ * __Link Icon Button__
  *
- * A link button renders a link in the style of a button.
+ * @private __UNSAFE__ LinkIconButton is not yet safe for production use.
+ *
+ * Renders a link in the style of an icon button.
  *
  * - [Examples](https://atlassian.design/components/button/examples)
  * - [Code](https://atlassian.design/components/button/code)
  * - [Usage](https://atlassian.design/components/button/usage)
  */
-declare const LinkIconButton: React.MemoExoticComponent<React.ForwardRefExoticComponent<CommonIconButtonProps & Omit<AdditionalHTMLElementProps, keyof import("../types").CommonButtonProps<TagName>> & import("../types").CommonButtonProps<HTMLAnchorElement> & React.RefAttributes<HTMLAnchorElement>>>;
+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> & {
+    ref?: React.Ref<HTMLAnchorElement> | undefined;
+}) => ReturnType<typeof LinkIconButtonBase>;
 export default LinkIconButton;

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

@@ -63,7 +63,17 @@ export type AdditionalHTMLElementPropsExtender<Props extends SupportedElementAtt
     'data-testid'?: never;
 }>;
 /**
- * Combines common buttom props with additional HTML attributes.
+ * Combines common button props with additional HTML attributes.
  */
 export type CombinedButtonProps<TagName extends HTMLElement, HTMLAttributes extends SupportedElementAttributes> = Combine<HTMLAttributes, CommonButtonProps<TagName>>;
+/**
+ * Common props for Button `<button>` variants
+ */
+export type CommonButtonVariantProps = CombinedButtonProps<HTMLButtonElement, AdditionalHTMLElementPropsExtender<React.ButtonHTMLAttributes<HTMLButtonElement>>>;
+/**
+ * Common props for Link `<a>` Button variants
+ */
+export type CommonLinkVariantProps<RouterLinkConfig extends Record<string, any> = never> = {
+    href: string | RouterLinkConfig;
+} & CombinedButtonProps<HTMLAnchorElement, AdditionalHTMLElementPropsExtender<Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>>>;
 export {};

package/dist/types/utils/variants.d.ts

@@ -1,5 +1,7 @@
 import React from 'react';
 import Button from '../new-button/variants/default/button';
+import { LinkButtonProps } from '../new-button/variants/default/link';
+import { LinkIconButtonProps } from '../new-button/variants/icon/link';
 export type Variant = {
     name: string;
     Component: typeof Button | typeof LinkButtonRender;
@@ -8,8 +10,28 @@ export type Variant = {
      */
     elementType: typeof HTMLButtonElement | typeof HTMLAnchorElement;
 };
-declare const LinkButtonRender: React.ForwardRefExoticComponent<import("../new-button/variants/default/types").CommonDefaultButtonProps & Omit<Omit<Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "style" | "disabled" | "className" | "role">, "data-testid"> & {
-    'data-testid'?: undefined;
-}, keyof import("../new-button/variants/types").CommonButtonProps<TagName>> & import("../new-button/variants/types").CommonButtonProps<HTMLAnchorElement> & React.RefAttributes<HTMLAnchorElement>>;
+declare const LinkButtonRender: React.ForwardRefExoticComponent<Omit<LinkButtonProps<never>, "href"> & {
+    href?: string | undefined;
+} & React.RefAttributes<HTMLAnchorElement>>;
 export declare const variants: Variant[];
 export default variants;
+export declare const linkButtonVariants: ({
+    name: string;
+    Component: React.ForwardRefExoticComponent<Omit<LinkButtonProps<never>, "href"> & {
+        href?: string | undefined;
+    } & React.RefAttributes<HTMLAnchorElement>>;
+    elementType: {
+        new (): HTMLAnchorElement;
+        prototype: HTMLAnchorElement;
+    };
+} | {
+    name: string;
+    Component: React.ForwardRefExoticComponent<Omit<LinkIconButtonProps<never>, "href" | "icon"> & {
+        href?: string | undefined;
+        icon?: React.ReactChild | undefined;
+    } & React.RefAttributes<HTMLAnchorElement>>;
+    elementType: {
+        new (): HTMLAnchorElement;
+        prototype: HTMLAnchorElement;
+    };
+})[];

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

@@ -1,4 +1,6 @@
 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/new-button/containers/split-button/split-button.d.ts

@@ -29,6 +29,10 @@ type SplitButtonProps = {
     isDisabled?: boolean;
 };
 /**
+ * __Split Button__
+ *
+ * @private __UNSAFE__ SplitButton is not yet safe for production use.
+ *
  * TODO: Add description when adding docs
  */
 export declare const SplitButton: ({ children, appearance, spacing, isDisabled, }: SplitButtonProps) => jsx.JSX.Element;

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

@@ -1,13 +1,11 @@
 import React from 'react';
-import { type AdditionalHTMLElementPropsExtender, type CombinedButtonProps } from '../types';
+import { type CommonButtonVariantProps } from '../types';
 import { type CommonDefaultButtonProps } from './types';
-type Element = HTMLButtonElement;
-type AdditionalHTMLElementProps = AdditionalHTMLElementPropsExtender<React.ButtonHTMLAttributes<Element>>;
-export type ButtonProps = CommonDefaultButtonProps & CombinedButtonProps<Element, AdditionalHTMLElementProps>;
+export type ButtonProps = CommonDefaultButtonProps & CommonButtonVariantProps;
 /**
  * __Button__
  *
- * @warning __UNSAFE__ Button is not yet safe for production use.
+ * @private __UNSAFE__ Button is not yet safe for production use.
  *
  * A button triggers an event or action.
  *
@@ -15,5 +13,5 @@ export type ButtonProps = CommonDefaultButtonProps & CombinedButtonProps<Element
  * - [Code](https://atlassian.design/components/button/code)
  * - [Usage](https://atlassian.design/components/button/usage)
  */
-declare const Button: React.MemoExoticComponent<React.ForwardRefExoticComponent<CommonDefaultButtonProps & Omit<AdditionalHTMLElementProps, keyof import("../types").CommonButtonProps<TagName>> & import("../types").CommonButtonProps<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>>;
+declare const Button: React.MemoExoticComponent<React.ForwardRefExoticComponent<CommonDefaultButtonProps & Omit<import("../types").AdditionalHTMLElementPropsExtender<React.ButtonHTMLAttributes<HTMLButtonElement>>, keyof import("../types").CommonButtonProps<TagName>> & import("../types").CommonButtonProps<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>>;
 export default Button;

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

@@ -1,17 +1,22 @@
-import React from 'react';
-import { type AdditionalHTMLElementPropsExtender, type CombinedButtonProps } from '../types';
+import React, { type Ref } from 'react';
+import { type CommonLinkVariantProps } from '../types';
 import { type CommonDefaultButtonProps } from './types';
-type Element = HTMLAnchorElement;
-type AdditionalHTMLElementProps = AdditionalHTMLElementPropsExtender<React.AnchorHTMLAttributes<Element>>;
-export type LinkButtonProps = CommonDefaultButtonProps & CombinedButtonProps<Element, AdditionalHTMLElementProps>;
+export type LinkButtonProps<RouterLinkConfig extends Record<string, any> = never> = CommonDefaultButtonProps & CommonLinkVariantProps<RouterLinkConfig>;
+declare const LinkButtonBase: <RouterLinkConfig extends Record<string, any> = never>({ analyticsContext, autoFocus, appearance, spacing, isDisabled, isSelected, iconBefore, iconAfter, children, shouldFitContainer, interactionName, overlay, onClick, onMouseDownCapture, onMouseUpCapture, onKeyDownCapture, onKeyUpCapture, onTouchStartCapture, onTouchEndCapture, onPointerDownCapture, onPointerUpCapture, onClickCapture, testId, href, ...rest }: LinkButtonProps<RouterLinkConfig>, ref: Ref<HTMLAnchorElement>) => JSX.Element;
 /**
  * __Link Button__
  *
- * A link button renders a link in the style of a button.
+ * @private __UNSAFE__ LinkButton is not yet safe for production use.
+ *
+ * Renders a link in the style of a button.
  *
  * - [Examples](https://atlassian.design/components/button/examples)
  * - [Code](https://atlassian.design/components/button/code)
  * - [Usage](https://atlassian.design/components/button/usage)
  */
-declare const LinkButton: React.MemoExoticComponent<React.ForwardRefExoticComponent<CommonDefaultButtonProps & Omit<AdditionalHTMLElementProps, keyof import("../types").CommonButtonProps<TagName>> & import("../types").CommonButtonProps<HTMLAnchorElement> & React.RefAttributes<HTMLAnchorElement>>>;
+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> & {
+    ref?: React.Ref<HTMLAnchorElement> | undefined;
+}) => ReturnType<typeof LinkButtonBase>;
 export default LinkButton;

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

@@ -1,17 +1,17 @@
 import React from 'react';
-import { type AdditionalHTMLElementPropsExtender, type CombinedButtonProps } from '../types';
+import { type CommonButtonVariantProps } from '../types';
 import { type CommonIconButtonProps } from './types';
-type Element = HTMLButtonElement;
-type AdditionalHTMLElementProps = AdditionalHTMLElementPropsExtender<React.ButtonHTMLAttributes<Element>>;
-export type IconButtonProps = CommonIconButtonProps & CombinedButtonProps<Element, AdditionalHTMLElementProps>;
+export type IconButtonProps = CommonIconButtonProps & CommonButtonVariantProps;
 /**
  * __Icon Button__
  *
+ * @private __UNSAFE__ IconButton is not yet safe for production use.
+ *
  * TODO: Description
  *
  * - [Examples](https://atlassian.design/components/button/examples)
  * - [Code](https://atlassian.design/components/button/code)
  * - [Usage](https://atlassian.design/components/button/usage)
  */
-declare const IconButton: React.MemoExoticComponent<React.ForwardRefExoticComponent<CommonIconButtonProps & Omit<AdditionalHTMLElementProps, keyof import("../types").CommonButtonProps<TagName>> & import("../types").CommonButtonProps<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>>;
+declare const IconButton: React.MemoExoticComponent<React.ForwardRefExoticComponent<CommonIconButtonProps & Omit<import("../types").AdditionalHTMLElementPropsExtender<React.ButtonHTMLAttributes<HTMLButtonElement>>, keyof import("../types").CommonButtonProps<TagName>> & import("../types").CommonButtonProps<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>>;
 export default IconButton;

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

@@ -1,17 +1,22 @@
-import React from 'react';
-import { type AdditionalHTMLElementPropsExtender, type CombinedButtonProps } from '../types';
+import React, { type Ref } from 'react';
+import { type CommonLinkVariantProps } from '../types';
 import { type CommonIconButtonProps } from './types';
-type Element = HTMLAnchorElement;
-type AdditionalHTMLElementProps = AdditionalHTMLElementPropsExtender<React.AnchorHTMLAttributes<Element>>;
-export type LinkIconButtonProps = CommonIconButtonProps & CombinedButtonProps<Element, AdditionalHTMLElementProps>;
+export type LinkIconButtonProps<RouterLinkConfig extends Record<string, any> = never> = CommonIconButtonProps & CommonLinkVariantProps<RouterLinkConfig>;
+declare const LinkIconButtonBase: <RouterLinkConfig extends Record<string, any> = never>({ analyticsContext, autoFocus, appearance, spacing, isDisabled, isSelected, icon, children, interactionName, overlay, onClick, onMouseDownCapture, onMouseUpCapture, onKeyDownCapture, onKeyUpCapture, onTouchStartCapture, onTouchEndCapture, onPointerDownCapture, onPointerUpCapture, onClickCapture, testId, href, ...rest }: LinkIconButtonProps<RouterLinkConfig>, ref: Ref<HTMLAnchorElement>) => JSX.Element;
 /**
- * __Link Button__
+ * __Link Icon Button__
  *
- * A link button renders a link in the style of a button.
+ * @private __UNSAFE__ LinkIconButton is not yet safe for production use.
+ *
+ * Renders a link in the style of an icon button.
  *
  * - [Examples](https://atlassian.design/components/button/examples)
  * - [Code](https://atlassian.design/components/button/code)
  * - [Usage](https://atlassian.design/components/button/usage)
  */
-declare const LinkIconButton: React.MemoExoticComponent<React.ForwardRefExoticComponent<CommonIconButtonProps & Omit<AdditionalHTMLElementProps, keyof import("../types").CommonButtonProps<TagName>> & import("../types").CommonButtonProps<HTMLAnchorElement> & React.RefAttributes<HTMLAnchorElement>>>;
+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> & {
+    ref?: React.Ref<HTMLAnchorElement> | undefined;
+}) => ReturnType<typeof LinkIconButtonBase>;
 export default LinkIconButton;

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

@@ -63,7 +63,17 @@ export type AdditionalHTMLElementPropsExtender<Props extends SupportedElementAtt
     'data-testid'?: never;
 }>;
 /**
- * Combines common buttom props with additional HTML attributes.
+ * Combines common button props with additional HTML attributes.
  */
 export type CombinedButtonProps<TagName extends HTMLElement, HTMLAttributes extends SupportedElementAttributes> = Combine<HTMLAttributes, CommonButtonProps<TagName>>;
+/**
+ * Common props for Button `<button>` variants
+ */
+export type CommonButtonVariantProps = CombinedButtonProps<HTMLButtonElement, AdditionalHTMLElementPropsExtender<React.ButtonHTMLAttributes<HTMLButtonElement>>>;
+/**
+ * Common props for Link `<a>` Button variants
+ */
+export type CommonLinkVariantProps<RouterLinkConfig extends Record<string, any> = never> = {
+    href: string | RouterLinkConfig;
+} & CombinedButtonProps<HTMLAnchorElement, AdditionalHTMLElementPropsExtender<Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>>>;
 export {};

package/dist/types-ts4.5/utils/variants.d.ts

@@ -1,5 +1,7 @@
 import React from 'react';
 import Button from '../new-button/variants/default/button';
+import { LinkButtonProps } from '../new-button/variants/default/link';
+import { LinkIconButtonProps } from '../new-button/variants/icon/link';
 export type Variant = {
     name: string;
     Component: typeof Button | typeof LinkButtonRender;
@@ -8,8 +10,28 @@ export type Variant = {
      */
     elementType: typeof HTMLButtonElement | typeof HTMLAnchorElement;
 };
-declare const LinkButtonRender: React.ForwardRefExoticComponent<import("../new-button/variants/default/types").CommonDefaultButtonProps & Omit<Omit<Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "style" | "disabled" | "className" | "role">, "data-testid"> & {
-    'data-testid'?: undefined;
-}, keyof import("../new-button/variants/types").CommonButtonProps<TagName>> & import("../new-button/variants/types").CommonButtonProps<HTMLAnchorElement> & React.RefAttributes<HTMLAnchorElement>>;
+declare const LinkButtonRender: React.ForwardRefExoticComponent<Omit<LinkButtonProps<never>, "href"> & {
+    href?: string | undefined;
+} & React.RefAttributes<HTMLAnchorElement>>;
 export declare const variants: Variant[];
 export default variants;
+export declare const linkButtonVariants: ({
+    name: string;
+    Component: React.ForwardRefExoticComponent<Omit<LinkButtonProps<never>, "href"> & {
+        href?: string | undefined;
+    } & React.RefAttributes<HTMLAnchorElement>>;
+    elementType: {
+        new (): HTMLAnchorElement;
+        prototype: HTMLAnchorElement;
+    };
+} | {
+    name: string;
+    Component: React.ForwardRefExoticComponent<Omit<LinkIconButtonProps<never>, "href" | "icon"> & {
+        href?: string | undefined;
+        icon?: React.ReactChild | undefined;
+    } & React.RefAttributes<HTMLAnchorElement>>;
+    elementType: {
+        new (): HTMLAnchorElement;
+        prototype: HTMLAnchorElement;
+    };
+})[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/button",
-  "version": "16.11.0",
+  "version": "16.13.0",
   "description": "A button triggers an event or action. They let users know what will happen next.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -27,7 +27,38 @@
     "releaseModel": "continuous",
     "website": {
       "name": "Button",
-      "category": "Components"
+      "category": "Components",
+      "subPages": [
+        {
+          "title": "Button (new)",
+          "id": "button-new",
+          "status": {
+            "type": "draft"
+          },
+          "sortKey": 1
+        },
+        {
+          "title": "Icon button",
+          "id": "icon-button",
+          "status": {
+            "type": "draft"
+          },
+          "sortKey": 2
+        },
+        {
+          "title": "Button group",
+          "id": "button-group",
+          "sortKey": 3
+        },
+        {
+          "title": "Split button",
+          "id": "split-button",
+          "status": {
+            "type": "draft"
+          },
+          "sortKey": 4
+        }
+      ]
     }
   },
   "af:exports": {
@@ -50,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.6.0",
+    "@atlaskit/primitives": "^1.9.0",
     "@atlaskit/spinner": "^15.6.0",
     "@atlaskit/theme": "^12.6.0",
     "@atlaskit/tokens": "^1.28.0",
@@ -65,6 +96,7 @@
     "@af/accessibility-testing": "*",
     "@af/integration-testing": "*",
     "@af/visual-regression": "*",
+    "@atlaskit/app-provider": "^0.4.0",
     "@atlaskit/icon": "^21.12.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",