@atlaskit/button 17.16.0 → 17.17.1

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

@@ -12,11 +12,13 @@ var isFirefox = typeof navigator !== 'undefined' && navigator.userAgent.toLowerC
 /**
  * __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)
  */
 var Button = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function Button(_ref, ref) {
   var _ref$appearance = _ref.appearance,

package/dist/esm/old-button/loading-button.js

@@ -7,6 +7,8 @@ import LoadingSpinner from './shared/loading-spinner';
 /**
  * __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/esm/old-button/shared/button-base.js

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

package/dist/types/containers/button-group.d.ts

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import React from 'react';
 import { jsx } from '@emotion/react';
-import { Appearance } from '../old-button/types';
+import { type Appearance } from '../old-button/types';
 export type ButtonGroupProps = {
     /**
      * The appearance to apply to all buttons.

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { SplitButtonAppearance, SplitButtonSpacing } from './types';
+import { type SplitButtonAppearance, type SplitButtonSpacing } from './types';
 type NavigationSplitButtonContextProps = {
     appearance: 'navigation';
     isHighlighted: boolean;

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

@@ -8,9 +8,9 @@ declare const LinkButtonBase: <RouterLinkConfig extends Record<string, any> = ne
  *
  * 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/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/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/new-button/variants/shared/loading-overlay.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Appearance, type ButtonSpacing } from '../types';
+import { type Appearance, type ButtonSpacing } from '../types';
 export default function renderLoadingOverlay({ appearance, spacing, isDisabled, isSelected, }: {
     spacing?: ButtonSpacing;
     appearance?: Appearance;

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

@@ -1,15 +1,17 @@
 import React from 'react';
-import { BaseProps } from './types';
+import { type BaseProps } from './types';
 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/custom-theme-button/custom-theme-button-types.d.ts

@@ -1,6 +1,6 @@
-import { CSSObject } from '@emotion/react';
-import { ThemeModes } from '@atlaskit/theme/types';
-import { BaseProps } from '../types';
+import { type CSSObject } from '@emotion/react';
+import { type ThemeModes } from '@atlaskit/theme/types';
+import { type BaseProps } from '../types';
 export type ThemeTokens = {
     buttonStyles: CSSObject;
     spinnerStyles: CSSObject;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { CSSObject } from '@emotion/react';
-import { ThemeProps, ThemeTokens } from './custom-theme-button-types';
+import { type CSSObject } from '@emotion/react';
+import { type ThemeProps, type ThemeTokens } from './custom-theme-button-types';
 export declare function getCustomCss({ appearance, spacing, mode, isSelected, shouldFitContainer, iconIsOnlyChild, isLoading, state, }: ThemeProps): CSSObject;
 export declare function getSpecifiers(styles: CSSObject): CSSObject;
 export declare function defaultThemeFn(current: (values: ThemeProps) => ThemeTokens, values: ThemeProps): ThemeTokens;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BaseProps } from './types';
+import { type BaseProps } from './types';
 export type LoadingButtonOwnProps = {
     isLoading?: boolean;
 };
@@ -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/old-button/shared/colors.d.ts

@@ -1,5 +1,5 @@
-import { ThemeModes } from '@atlaskit/theme/types';
-import { Appearance } from '../types';
+import { type ThemeModes } from '@atlaskit/theme/types';
+import { type Appearance } from '../types';
 export type ColorRule = {
     [key in ThemeModes]: string;
 };

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

@@ -1,6 +1,6 @@
-import { CSSObject } from '@emotion/react';
-import { ThemeModes } from '@atlaskit/theme/types';
-import { Appearance, Spacing } from '../types';
+import { type CSSObject } from '@emotion/react';
+import { type ThemeModes } from '@atlaskit/theme/types';
+import { type Appearance, type Spacing } from '../types';
 export type GetCssArgs = {
     appearance: Appearance;
     spacing: Spacing;

package/dist/types/old-button/shared/get-is-only-single-icon.d.ts

@@ -1,2 +1,2 @@
-import { BaseProps } from '../types';
+import { type BaseProps } from '../types';
 export default function getIsOnlySingleIcon({ children, iconBefore, iconAfter, }: Pick<BaseProps, 'children' | 'iconBefore' | 'iconAfter'>): boolean;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BaseProps } from '../types';
+import { type BaseProps } from '../types';
 type LoadingSpinnerProps = Pick<BaseProps, 'appearance' | 'isDisabled' | 'isSelected' | 'spacing'>;
 export default function LoadingSpinner({ appearance, isDisabled, isSelected, spacing, }: LoadingSpinnerProps): JSX.Element;
 export {};

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import Button from '../new-button/variants/default/button';
-import { LinkButtonProps } from '../new-button/variants/default/link';
+import { type LinkButtonProps } from '../new-button/variants/default/link';
 import { type IconButtonProps } from '../new-button/variants/icon/button';
 import { type LinkIconButtonProps } from '../new-button/variants/icon/link';
 import { buttonAppearances, iconButtonAppearances, linkButtonAppearances } from './appearances';

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

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import React from 'react';
 import { jsx } from '@emotion/react';
-import { Appearance } from '../old-button/types';
+import { type Appearance } from '../old-button/types';
 export type ButtonGroupProps = {
     /**
      * The appearance to apply to all buttons.

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { SplitButtonAppearance, SplitButtonSpacing } from './types';
+import { type SplitButtonAppearance, type SplitButtonSpacing } from './types';
 type NavigationSplitButtonContextProps = {
     appearance: 'navigation';
     isHighlighted: boolean;

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

@@ -8,9 +8,9 @@ declare const LinkButtonBase: <RouterLinkConfig extends Record<string, any> = ne
  *
  * 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/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/shared/loading-overlay.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Appearance, type ButtonSpacing } from '../types';
+import { type Appearance, type ButtonSpacing } from '../types';
 export default function renderLoadingOverlay({ appearance, spacing, isDisabled, isSelected, }: {
     spacing?: ButtonSpacing;
     appearance?: Appearance;

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

@@ -1,15 +1,17 @@
 import React from 'react';
-import { BaseProps } from './types';
+import { type BaseProps } from './types';
 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/custom-theme-button/custom-theme-button-types.d.ts

@@ -1,6 +1,6 @@
-import { CSSObject } from '@emotion/react';
-import { ThemeModes } from '@atlaskit/theme/types';
-import { BaseProps } from '../types';
+import { type CSSObject } from '@emotion/react';
+import { type ThemeModes } from '@atlaskit/theme/types';
+import { type BaseProps } from '../types';
 export type ThemeTokens = {
     buttonStyles: CSSObject;
     spinnerStyles: CSSObject;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { CSSObject } from '@emotion/react';
-import { ThemeProps, ThemeTokens } from './custom-theme-button-types';
+import { type CSSObject } from '@emotion/react';
+import { type ThemeProps, type ThemeTokens } from './custom-theme-button-types';
 export declare function getCustomCss({ appearance, spacing, mode, isSelected, shouldFitContainer, iconIsOnlyChild, isLoading, state, }: ThemeProps): CSSObject;
 export declare function getSpecifiers(styles: CSSObject): CSSObject;
 export declare function defaultThemeFn(current: (values: ThemeProps) => ThemeTokens, values: ThemeProps): ThemeTokens;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BaseProps } from './types';
+import { type BaseProps } from './types';
 export type LoadingButtonOwnProps = {
     isLoading?: boolean;
 };
@@ -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/old-button/shared/colors.d.ts

@@ -1,5 +1,5 @@
-import { ThemeModes } from '@atlaskit/theme/types';
-import { Appearance } from '../types';
+import { type ThemeModes } from '@atlaskit/theme/types';
+import { type Appearance } from '../types';
 export type ColorRule = {
     [key in ThemeModes]: string;
 };

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

@@ -1,6 +1,6 @@
-import { CSSObject } from '@emotion/react';
-import { ThemeModes } from '@atlaskit/theme/types';
-import { Appearance, Spacing } from '../types';
+import { type CSSObject } from '@emotion/react';
+import { type ThemeModes } from '@atlaskit/theme/types';
+import { type Appearance, type Spacing } from '../types';
 export type GetCssArgs = {
     appearance: Appearance;
     spacing: Spacing;

package/dist/types-ts4.5/old-button/shared/get-is-only-single-icon.d.ts

@@ -1,2 +1,2 @@
-import { BaseProps } from '../types';
+import { type BaseProps } from '../types';
 export default function getIsOnlySingleIcon({ children, iconBefore, iconAfter, }: Pick<BaseProps, 'children' | 'iconBefore' | 'iconAfter'>): boolean;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BaseProps } from '../types';
+import { type BaseProps } from '../types';
 type LoadingSpinnerProps = Pick<BaseProps, 'appearance' | 'isDisabled' | 'isSelected' | 'spacing'>;
 export default function LoadingSpinner({ appearance, isDisabled, isSelected, spacing, }: LoadingSpinnerProps): JSX.Element;
 export {};

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import Button from '../new-button/variants/default/button';
-import { LinkButtonProps } from '../new-button/variants/default/link';
+import { type LinkButtonProps } from '../new-button/variants/default/link';
 import { type IconButtonProps } from '../new-button/variants/icon/button';
 import { type LinkIconButtonProps } from '../new-button/variants/icon/link';
 import { buttonAppearances, iconButtonAppearances, linkButtonAppearances } from './appearances';

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

@@ -1,4 +1,4 @@
-import { CustomThemeButtonOwnProps } from '../src/old-button/custom-theme-button/custom-theme-button-types';
+import { type CustomThemeButtonOwnProps } from '../src/old-button/custom-theme-button/custom-theme-button-types';
 
 export default function CustomThemeButtonProps(
   props: CustomThemeButtonOwnProps,

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

@@ -1,4 +1,4 @@
-import { CustomThemeButtonOwnProps } from '../../src/old-button/custom-theme-button/custom-theme-button-types';
+import { type CustomThemeButtonOwnProps } from '../../src/old-button/custom-theme-button/custom-theme-button-types';
 
 export default function CustomThemeButtonProps(
   props: CustomThemeButtonOwnProps,

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

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

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

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

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

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

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

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

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

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/button",
-  "version": "17.16.0",
+  "version": "17.17.1",
   "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
         }
       ]
@@ -96,6 +134,7 @@
     "@atlaskit/focus-ring": "^1.4.0",
     "@atlaskit/icon": "^22.3.0",
     "@atlaskit/interaction-context": "^2.1.0",
+    "@atlaskit/platform-feature-flags": "^0.2.5",
     "@atlaskit/primitives": "^6.3.0",
     "@atlaskit/spinner": "^16.1.0",
     "@atlaskit/theme": "^12.8.0",
@@ -156,5 +195,10 @@
     }
   },
   "homepage": "https://atlassian.design/components/button/",
-  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
+  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1",
+  "platform-feature-flags": {
+    "platform.design-system-team.button-tokenised-typography-styles": {
+      "type": "boolean"
+    }
+  }
 }