@atlaskit/button 17.17.0 → 17.17.2

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

@@ -10,5 +10,5 @@ type ContentProps = {
  *
  * Used for slots within a Button, including icons and text content.
  */
-declare const Content: ({ children, type, hasOverlay, position, }: ContentProps) => JSX.Element;
+declare const Content: ({ children, type, hasOverlay, position }: ContentProps) => JSX.Element;
 export default Content;

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

@@ -84,7 +84,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](/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/examples#routing) for more details.
      */
     href: string | RouterLinkConfig;
 };

package/dist/types/old-button/button.d.ts

@@ -5,11 +5,13 @@ export interface ButtonProps extends BaseProps {
 /**
  * __Button__
  *
+ * CAUTION: Legacy buttons will soon be deprecated. Please use the new Button components from `@atlaskit/button/new`.
+ *
  * A button triggers an event or action. They let users know what will happen next.
  *
- * - [Examples](https://atlassian.design/components/button/examples)
- * - [Code](https://atlassian.design/components/button/code)
- * - [Usage](https://atlassian.design/components/button/usage)
+ * - [Examples](https://atlassian.design/components/button/button-legacy/examples)
+ * - [Code](https://atlassian.design/components/button/button-legacy/code)
+ * - [Usage](https://atlassian.design/components/button/button-legacy/usage)
  */
 declare const Button: React.MemoExoticComponent<React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLElement>>>;
 export default Button;

package/dist/types/old-button/loading-button.d.ts

@@ -7,6 +7,8 @@ export type LoadingButtonProps = Omit<BaseProps, 'overlay'> & LoadingButtonOwnPr
 /**
  * __Loading button__
  *
+ * CAUTION: Legacy loading buttons will soon be deprecated. Please use the new Button components from `@atlaskit/button/new` with the `isLoading` prop.
+ *
  * A small wrapper around Button that allows you to show an @atlaskit/spinner as an overlay on the button when you set an isLoading prop to true.
  *
  * - [Examples](https://atlassian.design/components/button/examples#loading-button)

package/dist/types-ts4.5/new-button/containers/split-button/index.d.ts

@@ -1,3 +1,3 @@
-export { SplitButton, SplitButtonWithSlots, Divider, SplitButtonContainer, } from './split-button';
+export { SplitButton, SplitButtonWithSlots, Divider, SplitButtonContainer } from './split-button';
 export { getActions } from './utils';
-export { SplitButtonContext, useSplitButtonContext, } from './split-button-context';
+export { SplitButtonContext, useSplitButtonContext } from './split-button-context';

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

@@ -10,7 +10,7 @@ type DividerProps = {
 /**
  * TODO: Add JSDoc
  */
-export declare const Divider: ({ appearance, spacing, isDisabled, }: DividerProps) => jsx.JSX.Element;
+export declare const Divider: ({ appearance, spacing, isDisabled }: DividerProps) => jsx.JSX.Element;
 /**
  * TODO: Add JSdoc
  */

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

@@ -2,15 +2,15 @@ import { type Ref } from 'react';
 import { type AdditionalDefaultLinkVariantProps, type CommonLinkVariantProps } from '../types';
 import { type CommonDefaultButtonProps } from './types';
 export type LinkButtonProps<RouterLinkConfig extends Record<string, any> = never> = CommonDefaultButtonProps & CommonLinkVariantProps<RouterLinkConfig> & AdditionalDefaultLinkVariantProps;
-declare const LinkButtonBase: <RouterLinkConfig extends Record<string, any> = never>({ analyticsContext, interactionName, autoFocus, appearance, spacing, isDisabled, isSelected, iconBefore, UNSAFE_iconBefore_size, iconAfter, UNSAFE_iconAfter_size, children, shouldFitContainer, overlay, onClick, onMouseDownCapture, onMouseUpCapture, onKeyDownCapture, onKeyUpCapture, onTouchStartCapture, onTouchEndCapture, onPointerDownCapture, onPointerUpCapture, onClickCapture, testId, href, ...rest }: LinkButtonProps<RouterLinkConfig>, ref: Ref<HTMLAnchorElement>) => JSX.Element;
+declare const LinkButtonBase: <RouterLinkConfig extends Record<string, any> = never>({ analyticsContext, appearance, autoFocus, children, href, iconAfter, iconBefore, interactionName, isDisabled, isSelected, onClick, onClickCapture, onKeyDownCapture, onKeyUpCapture, onMouseDownCapture, onMouseUpCapture, onPointerDownCapture, onPointerUpCapture, onTouchEndCapture, onTouchStartCapture, overlay, shouldFitContainer, spacing, testId, UNSAFE_iconAfter_size, UNSAFE_iconBefore_size, ...rest }: LinkButtonProps<RouterLinkConfig>, ref: Ref<HTMLAnchorElement>) => JSX.Element;
 /**
  * __Link Button__
  *
  * 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)
+ * - [Examples](https://atlassian.design/components/link-button/examples)
+ * - [Code](https://atlassian.design/components/link-button/code)
+ * - [Usage](https://atlassian.design/components/link-button/usage)
  */
 declare const LinkButton: <RouterLinkConfig extends Record<string, any> = never>(props: LinkButtonProps<RouterLinkConfig> & {
     ref?: Ref<HTMLAnchorElement>;

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

@@ -11,5 +11,5 @@ type UseButtonReturn<TagName extends HTMLElement> = UseButtonBaseReturn<TagName>
  *
  * @private
  */
-declare const useDefaultButton: <TagName extends HTMLElement>({ analyticsContext, appearance, autoFocus, buttonType, iconBefore: IconBefore, UNSAFE_iconBefore_size, iconAfter: IconAfter, UNSAFE_iconAfter_size, interactionName, isDisabled, isSelected, isLoading, children, onClick, onMouseDownCapture, onMouseUpCapture, onKeyDownCapture, onKeyUpCapture, onTouchStartCapture, onTouchEndCapture, onPointerDownCapture, onPointerUpCapture, onClickCapture, overlay, ref, shouldFitContainer, spacing, }: UseDefaultButtonArgs<TagName>) => UseButtonReturn<TagName>;
+declare const useDefaultButton: <TagName extends HTMLElement>({ analyticsContext, appearance, autoFocus, buttonType, children, iconAfter: IconAfter, iconBefore: IconBefore, interactionName, isDisabled, isLoading, isSelected, onClick, onClickCapture, onKeyDownCapture, onKeyUpCapture, onMouseDownCapture, onMouseUpCapture, onPointerDownCapture, onPointerUpCapture, onTouchEndCapture, onTouchStartCapture, overlay, ref, shouldFitContainer, spacing, UNSAFE_iconAfter_size, UNSAFE_iconBefore_size, }: UseDefaultButtonArgs<TagName>) => UseButtonReturn<TagName>;
 export default useDefaultButton;

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

@@ -7,9 +7,9 @@ export type IconButtonProps = CommonIconButtonProps & CommonButtonVariantProps;
  *
  * TODO: Description
  *
- * - [Examples](https://atlassian.design/components/button/examples)
- * - [Code](https://atlassian.design/components/button/code)
- * - [Usage](https://atlassian.design/components/button/usage)
+ * - [Examples](https://atlassian.design/components/icon-button/examples)
+ * - [Code](https://atlassian.design/components/icon-button/code)
+ * - [Usage](https://atlassian.design/components/icon-button/usage)
  */
 declare const IconButton: React.MemoExoticComponent<React.ForwardRefExoticComponent<CommonIconButtonProps & import("../types").AdditionalButtonVariantProps & Omit<import("../types").AdditionalHTMLElementPropsExtender<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children">>, keyof import("../types").CommonButtonProps<TagName>> & import("../types").CommonButtonProps<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>>;
 export default IconButton;

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

@@ -8,9 +8,9 @@ declare const LinkIconButtonBase: <RouterLinkConfig extends Record<string, any>
  *
  * 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)
+ * - [Examples](https://atlassian.design/components/link-icon-button/examples)
+ * - [Code](https://atlassian.design/components/link-icon-button/code)
+ * - [Usage](https://atlassian.design/components/link-icon-button/usage)
  */
 declare const LinkIconButton: <RouterLinkConfig extends Record<string, any> = never>(props: LinkIconButtonProps<RouterLinkConfig> & {
     ref?: Ref<HTMLAnchorElement>;

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

@@ -11,5 +11,5 @@ type UseIconButtonReturn<TagName extends HTMLElement> = UseButtonBaseReturn<TagN
  *
  * @private
  */
-declare const useIconButton: <TagName extends HTMLElement>({ analyticsContext, appearance, autoFocus, buttonType, icon: Icon, interactionName, isDisabled, isSelected, isLoading, label, onClick, onMouseDownCapture, onMouseUpCapture, onKeyDownCapture, onKeyUpCapture, onTouchStartCapture, onTouchEndCapture, onPointerDownCapture, onPointerUpCapture, onClickCapture, overlay, ref, shape, shouldFitContainer, spacing, UNSAFE_size, }: UseIconButtonArgs<TagName>) => UseIconButtonReturn<TagName>;
+declare const useIconButton: <TagName extends HTMLElement>({ analyticsContext, appearance, autoFocus, buttonType, icon: Icon, interactionName, isDisabled, isLoading, isSelected, label, onClick, onClickCapture, onKeyDownCapture, onKeyUpCapture, onMouseDownCapture, onMouseUpCapture, onPointerDownCapture, onPointerUpCapture, onTouchEndCapture, onTouchStartCapture, overlay, ref, shape, shouldFitContainer, spacing, UNSAFE_size, }: UseIconButtonArgs<TagName>) => UseIconButtonReturn<TagName>;
 export default useIconButton;

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

@@ -10,5 +10,5 @@ type ContentProps = {
  *
  * Used for slots within a Button, including icons and text content.
  */
-declare const Content: ({ children, type, hasOverlay, position, }: ContentProps) => JSX.Element;
+declare const Content: ({ children, type, hasOverlay, position }: ContentProps) => JSX.Element;
 export default Content;

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

@@ -84,7 +84,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](/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/examples#routing) for more details.
      */
     href: string | RouterLinkConfig;
 };

package/dist/types-ts4.5/old-button/button.d.ts

@@ -5,11 +5,13 @@ export interface ButtonProps extends BaseProps {
 /**
  * __Button__
  *
+ * CAUTION: Legacy buttons will soon be deprecated. Please use the new Button components from `@atlaskit/button/new`.
+ *
  * A button triggers an event or action. They let users know what will happen next.
  *
- * - [Examples](https://atlassian.design/components/button/examples)
- * - [Code](https://atlassian.design/components/button/code)
- * - [Usage](https://atlassian.design/components/button/usage)
+ * - [Examples](https://atlassian.design/components/button/button-legacy/examples)
+ * - [Code](https://atlassian.design/components/button/button-legacy/code)
+ * - [Usage](https://atlassian.design/components/button/button-legacy/usage)
  */
 declare const Button: React.MemoExoticComponent<React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLElement>>>;
 export default Button;

package/dist/types-ts4.5/old-button/loading-button.d.ts

@@ -7,6 +7,8 @@ export type LoadingButtonProps = Omit<BaseProps, 'overlay'> & LoadingButtonOwnPr
 /**
  * __Loading button__
  *
+ * CAUTION: Legacy loading buttons will soon be deprecated. Please use the new Button components from `@atlaskit/button/new` with the `isLoading` prop.
+ *
  * A small wrapper around Button that allows you to show an @atlaskit/spinner as an overlay on the button when you set an isLoading prop to true.
  *
  * - [Examples](https://atlassian.design/components/button/examples#loading-button)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/button",
-  "version": "17.17.0",
+  "version": "17.17.2",
   "description": "A button triggers an event or action. They let users know what will happen next.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -31,50 +31,88 @@
     "website": {
       "name": "Button",
       "category": "Components",
+      "status": {
+        "type": "beta",
+        "description": "New and ready to use. We'll provide comms and support for any major changes. Migrate from legacy buttons using our codemod.",
+        "actions": [
+          {
+            "text": "View the migration guide",
+            "href": "/components/button/button-legacy/migration-guide"
+          }
+        ]
+      },
       "subPages": [
         {
-          "title": "Button (new)",
-          "id": "button-new",
+          "title": "Icon button",
+          "id": "icon-button",
           "status": {
-            "type": "beta"
+            "type": "beta",
+            "description": "New and ready to use. We'll provide comms and support for any major changes. Migrate from legacy buttons using our codemod.",
+            "actions": [
+              {
+                "text": "View the migration guide",
+                "href": "/components/button/button-legacy/migration-guide"
+              }
+            ]
           },
           "sortKey": 1
         },
         {
-          "title": "Icon button",
-          "id": "icon-button",
+          "title": "Link button",
+          "id": "link-button",
           "status": {
-            "type": "beta"
+            "type": "beta",
+            "description": "New and ready to use. We'll provide comms and support for any major changes. Migrate from legacy buttons using our codemod.",
+            "actions": [
+              {
+                "text": "View the migration guide",
+                "href": "/components/button/button-legacy/migration-guide"
+              }
+            ]
           },
           "sortKey": 2
         },
         {
-          "title": "Split button",
-          "id": "split-button",
+          "title": "Link icon button",
+          "id": "link-icon-button",
           "status": {
-            "type": "beta"
+            "type": "beta",
+            "description": "New and ready to use. We'll provide comms and support for any major changes. Migrate from legacy buttons using our codemod.",
+            "actions": [
+              {
+                "text": "View the migration guide",
+                "href": "/components/button/button-legacy/migration-guide"
+              }
+            ]
           },
           "sortKey": 3
         },
         {
-          "title": "Link button",
-          "id": "link-button",
+          "title": "Split button",
+          "id": "split-button",
           "status": {
             "type": "beta"
           },
           "sortKey": 4
         },
         {
-          "title": "Link icon button",
-          "id": "link-icon-button",
-          "status": {
-            "type": "beta"
-          },
+          "title": "Button group",
+          "id": "button-group",
           "sortKey": 5
         },
         {
-          "title": "Button group",
-          "id": "button-group",
+          "title": "Button (legacy)",
+          "id": "button-legacy",
+          "status": {
+            "type": "intent-to-deprecate",
+            "description": "Legacy buttons will soon be deprecated. Please use the new [button](/components/button), [icon button](/components/button/icon-button), [link button](/components/button/link-button), or [link icon button](/components/button/link-icon-button). Migrate from legacy buttons using our codemod.",
+            "actions": [
+              {
+                "text": "View the migration guide",
+                "href": "/components/button/button-legacy/migration-guide"
+              }
+            ]
+          },
           "sortKey": 6
         }
       ]
@@ -97,9 +135,9 @@
     "@atlaskit/icon": "^22.3.0",
     "@atlaskit/interaction-context": "^2.1.0",
     "@atlaskit/platform-feature-flags": "^0.2.5",
-    "@atlaskit/primitives": "^6.3.0",
+    "@atlaskit/primitives": "^7.0.0",
     "@atlaskit/spinner": "^16.1.0",
-    "@atlaskit/theme": "^12.8.0",
+    "@atlaskit/theme": "^12.9.0",
     "@atlaskit/tokens": "^1.49.0",
     "@atlaskit/tooltip": "^18.4.0",
     "@atlaskit/visually-hidden": "^1.3.0",
@@ -115,11 +153,10 @@
     "@af/visual-regression": "*",
     "@atlaskit/app-provider": "^1.3.0",
     "@atlaskit/calendar": "^14.2.0",
-    "@atlaskit/checkbox": "^13.3.0",
+    "@atlaskit/checkbox": "^13.4.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/toggle": "^13.1.0",
     "@atlaskit/visual-regression": "*",
-    "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@testing-library/react": "^12.1.5",
     "@testing-library/user-event": "^14.4.3",
     "@types/react-router-dom": "^4.3.1",
@@ -157,7 +194,6 @@
     }
   },
   "homepage": "https://atlassian.design/components/button/",
-  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1",
   "platform-feature-flags": {
     "platform.design-system-team.button-tokenised-typography-styles": {
       "type": "boolean"