@atlaskit/button 23.3.1 → 23.4.0

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/button
 
+## 23.4.0
+
+### Minor Changes
+
+- [`6c62bb96f6bdf`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6c62bb96f6bdf) -
+  Updates to loading animation overlay not to overflow in scrollable containers.
+
+## 23.3.2
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 23.3.1
 
 ### Patch Changes

package/button-group/package.json

@@ -8,7 +8,7 @@
   ],
   "types": "../dist/types/entry-points/button-group.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/entry-points/button-group.d.ts"
       ]

package/custom-theme-button/package.json

@@ -8,7 +8,7 @@
   ],
   "types": "../dist/types/entry-points/custom-theme-button.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/entry-points/custom-theme-button.d.ts"
       ]

package/dist/cjs/new-button/variants/shared/button-base.compiled.css

@@ -15,6 +15,7 @@
 ._8l3mmuej:after{border-color:var(--ds-border,#091e4224)}
 ._11fnglyw:after{pointer-events:none}
 ._152tze3t{inset-block-start:var(--ds-space-0,0)}
+._18m915vq{overflow-y:hidden}
 ._18postnw:after{position:absolute}
 ._1bah1h6o{justify-content:center}
 ._1bsb1k8s{width:1.5rem}
@@ -28,6 +29,7 @@
 ._1hmsglyw{text-decoration-line:none}
 ._1o9zidpf{flex-shrink:0}
 ._1pbycs5v{z-index:2}
+._1reo15vq{overflow-x:hidden}
 ._4bfu1r31{text-decoration-color:currentColor}
 ._4cvr1h6o{align-items:center}
 ._4cvr1q9y{align-items:baseline}

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

@@ -40,7 +40,7 @@ var styles = {
   buttonIconBefore: "_bozgu2gc",
   buttonIconAfter: "_y4tiu2gc",
   splitButton: "_g0pbb4wl",
-  loadingOverlay: "_1e0c1txw _kqswstnw _4cvr1h6o _1bah1h6o _u7coze3t _152tze3t _rjxpze3t _1e02ze3t",
+  loadingOverlay: "_1reo15vq _18m915vq _1e0c1txw _kqswstnw _4cvr1h6o _1bah1h6o _u7coze3t _152tze3t _rjxpze3t _1e02ze3t",
   navigationSplitButton: "_1bsb1tcg _bfhksm61 _y4ti12x7 _bozg12x7"
 };
 var defaultStyles = {

package/dist/cjs/new-button/variants/shared/icon-renderer.js

@@ -23,12 +23,16 @@ function isIconRenderProp(func) {
  */
 var IconRenderer = function IconRenderer(_ref) {
   var Icon = _ref.icon;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isIconRenderProp(Icon) ? Icon({
-    label: '',
-    color: 'currentColor'
-  }) : /*#__PURE__*/_react.default.createElement(Icon, {
-    label: "",
-    color: 'currentColor'
-  }));
+  return (
+    /*#__PURE__*/
+    // @ts-ignore - TS2322 TypeScript 5.9.2 upgrade
+    _react.default.createElement(_react.default.Fragment, null, isIconRenderProp(Icon) ? Icon({
+      label: '',
+      color: 'currentColor'
+    }) : /*#__PURE__*/_react.default.createElement(Icon, {
+      label: "",
+      color: 'currentColor'
+    }))
+  );
 };
 var _default = exports.default = IconRenderer;

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

@@ -132,7 +132,7 @@ var ButtonBase = /*#__PURE__*/_react.default.forwardRef(function ButtonBase(prop
     action: 'clicked',
     componentName: 'button',
     packageName: "@atlaskit/button",
-    packageVersion: "23.3.0",
+    packageVersion: "23.3.2",
     analyticsData: analyticsContext
   });
 

package/dist/es2019/new-button/variants/shared/button-base.compiled.css

@@ -15,6 +15,7 @@
 ._8l3mmuej:after{border-color:var(--ds-border,#091e4224)}
 ._11fnglyw:after{pointer-events:none}
 ._152tze3t{inset-block-start:var(--ds-space-0,0)}
+._18m915vq{overflow-y:hidden}
 ._18postnw:after{position:absolute}
 ._1bah1h6o{justify-content:center}
 ._1bsb1k8s{width:1.5rem}
@@ -28,6 +29,7 @@
 ._1hmsglyw{text-decoration-line:none}
 ._1o9zidpf{flex-shrink:0}
 ._1pbycs5v{z-index:2}
+._1reo15vq{overflow-x:hidden}
 ._4bfu1r31{text-decoration-color:currentColor}
 ._4cvr1h6o{align-items:center}
 ._4cvr1q9y{align-items:baseline}

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

@@ -28,7 +28,7 @@ const styles = {
   buttonIconBefore: "_bozgu2gc",
   buttonIconAfter: "_y4tiu2gc",
   splitButton: "_g0pbb4wl",
-  loadingOverlay: "_1e0c1txw _kqswstnw _4cvr1h6o _1bah1h6o _u7coze3t _152tze3t _rjxpze3t _1e02ze3t",
+  loadingOverlay: "_1reo15vq _18m915vq _1e0c1txw _kqswstnw _4cvr1h6o _1bah1h6o _u7coze3t _152tze3t _rjxpze3t _1e02ze3t",
   navigationSplitButton: "_1bsb1tcg _bfhksm61 _y4ti12x7 _bozg12x7"
 };
 const defaultStyles = {

package/dist/es2019/new-button/variants/shared/icon-renderer.js

@@ -17,12 +17,16 @@ function isIconRenderProp(func) {
 const IconRenderer = ({
   icon: Icon
 }) => {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, isIconRenderProp(Icon) ? Icon({
-    label: '',
-    color: 'currentColor'
-  }) : /*#__PURE__*/React.createElement(Icon, {
-    label: "",
-    color: 'currentColor'
-  }));
+  return (
+    /*#__PURE__*/
+    // @ts-ignore - TS2322 TypeScript 5.9.2 upgrade
+    React.createElement(React.Fragment, null, isIconRenderProp(Icon) ? Icon({
+      label: '',
+      color: 'currentColor'
+    }) : /*#__PURE__*/React.createElement(Icon, {
+      label: "",
+      color: 'currentColor'
+    }))
+  );
 };
 export default IconRenderer;

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

@@ -119,7 +119,7 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref)
     action: 'clicked',
     componentName: 'button',
     packageName: "@atlaskit/button",
-    packageVersion: "23.3.0",
+    packageVersion: "23.3.2",
     analyticsData: analyticsContext
   });
 

package/dist/esm/new-button/variants/shared/button-base.compiled.css

@@ -15,6 +15,7 @@
 ._8l3mmuej:after{border-color:var(--ds-border,#091e4224)}
 ._11fnglyw:after{pointer-events:none}
 ._152tze3t{inset-block-start:var(--ds-space-0,0)}
+._18m915vq{overflow-y:hidden}
 ._18postnw:after{position:absolute}
 ._1bah1h6o{justify-content:center}
 ._1bsb1k8s{width:1.5rem}
@@ -28,6 +29,7 @@
 ._1hmsglyw{text-decoration-line:none}
 ._1o9zidpf{flex-shrink:0}
 ._1pbycs5v{z-index:2}
+._1reo15vq{overflow-x:hidden}
 ._4bfu1r31{text-decoration-color:currentColor}
 ._4cvr1h6o{align-items:center}
 ._4cvr1q9y{align-items:baseline}

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

@@ -31,7 +31,7 @@ var styles = {
   buttonIconBefore: "_bozgu2gc",
   buttonIconAfter: "_y4tiu2gc",
   splitButton: "_g0pbb4wl",
-  loadingOverlay: "_1e0c1txw _kqswstnw _4cvr1h6o _1bah1h6o _u7coze3t _152tze3t _rjxpze3t _1e02ze3t",
+  loadingOverlay: "_1reo15vq _18m915vq _1e0c1txw _kqswstnw _4cvr1h6o _1bah1h6o _u7coze3t _152tze3t _rjxpze3t _1e02ze3t",
   navigationSplitButton: "_1bsb1tcg _bfhksm61 _y4ti12x7 _bozg12x7"
 };
 var defaultStyles = {

package/dist/esm/new-button/variants/shared/icon-renderer.js

@@ -16,12 +16,16 @@ function isIconRenderProp(func) {
  */
 var IconRenderer = function IconRenderer(_ref) {
   var Icon = _ref.icon;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, isIconRenderProp(Icon) ? Icon({
-    label: '',
-    color: 'currentColor'
-  }) : /*#__PURE__*/React.createElement(Icon, {
-    label: "",
-    color: 'currentColor'
-  }));
+  return (
+    /*#__PURE__*/
+    // @ts-ignore - TS2322 TypeScript 5.9.2 upgrade
+    React.createElement(React.Fragment, null, isIconRenderProp(Icon) ? Icon({
+      label: '',
+      color: 'currentColor'
+    }) : /*#__PURE__*/React.createElement(Icon, {
+      label: "",
+      color: 'currentColor'
+    }))
+  );
 };
 export default IconRenderer;

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

@@ -125,7 +125,7 @@ var ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref) {
     action: 'clicked',
     componentName: 'button',
     packageName: "@atlaskit/button",
-    packageVersion: "23.3.0",
+    packageVersion: "23.3.2",
     analyticsData: analyticsContext
   });
 

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

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

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

@@ -19,7 +19,7 @@ export declare const Divider: ({ appearance, spacing, isDisabled }: DividerProps
 export declare const SplitButtonContainer: ({ appearance, children, isDisabled, }: {
     appearance: SplitButtonAppearance;
     children: ReactNode;
-    isDisabled?: boolean | undefined;
+    isDisabled?: boolean;
 }) => JSX.Element;
 /**
  * __Split Button__

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

@@ -12,7 +12,7 @@ export type ButtonProps = CommonDefaultButtonProps & CommonButtonVariantProps;
  * - [Usage](https://atlassian.design/components/button/usage)
  */
 declare const Button: React.MemoExoticComponent<React.ForwardRefExoticComponent<CommonDefaultButtonProps & import("../types").AdditionalButtonVariantProps & Omit<Omit<Omit<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children">, "style" | "disabled" | "className">, "data-testid"> & {
-    'data-testid'?: undefined;
+    'data-testid'?: never;
 }, "onFocus" | "onBlur" | "onClick" | keyof import("../types").CommonBaseProps> & import("../types").CommonBaseProps & {
     onBlur?: React.FocusEventHandler<HTMLButtonElement> | undefined;
     onFocus?: React.FocusEventHandler<HTMLButtonElement> | undefined;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { AdditionalDefaultLinkVariantProps, CommonLinkVariantProps } from '../types';
 import type { CommonDefaultButtonProps } from './types';
 export type LinkButtonProps<RouterLinkConfig extends Record<string, any> = never> = CommonDefaultButtonProps & CommonLinkVariantProps<RouterLinkConfig> & AdditionalDefaultLinkVariantProps;
@@ -24,6 +23,6 @@ declare const LinkButtonBase: <RouterLinkConfig extends Record<string, any> = ne
 declare const LinkButton: (<RouterLinkConfig extends Record<string, any> = never>(props: LinkButtonProps<RouterLinkConfig> & {
     ref?: React.Ref<HTMLAnchorElement>;
 }) => ReturnType<typeof LinkButtonBase>) & {
-    displayName?: string | undefined;
+    displayName?: string;
 };
 export default LinkButton;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type ButtonSpacing, type IconProp } from '../types';
 export type CommonDefaultButtonProps = {
     /**

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

@@ -12,7 +12,7 @@ export type IconButtonProps = CommonIconButtonProps & CommonButtonVariantProps;
  * - [Usage](https://atlassian.design/components/button/icon-button/usage)
  */
 declare const IconButton: React.MemoExoticComponent<React.ForwardRefExoticComponent<CommonIconButtonProps & import("../types").AdditionalButtonVariantProps & Omit<Omit<Omit<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children">, "style" | "disabled" | "className">, "data-testid"> & {
-    'data-testid'?: undefined;
+    'data-testid'?: never;
 }, "onFocus" | "onBlur" | "onClick" | keyof import("../types").CommonBaseProps> & import("../types").CommonBaseProps & {
     onBlur?: React.FocusEventHandler<HTMLButtonElement> | undefined;
     onFocus?: React.FocusEventHandler<HTMLButtonElement> | undefined;

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

@@ -7,6 +7,9 @@ import type { CommonAnchorProps, CommonLinkVariantProps } from '../types';
 import { type CommonIconButtonProps } from './types';
 export type LinkIconButtonProps<RouterLinkConfig extends Record<string, any> = never> = CommonIconButtonProps & CommonLinkVariantProps<RouterLinkConfig> & CommonAnchorProps<RouterLinkConfig>;
 declare const LinkIconButtonBase: <RouterLinkConfig extends Record<string, any> = never>({ "aria-label": preventedAriaLabel, "aria-labelledby": ariaLabelledBy, analyticsContext, appearance, autoFocus, href, icon, interactionName, isDisabled, isSelected, isTooltipDisabled, label, onClick, onClickCapture, onKeyDownCapture, onKeyUpCapture, onMouseDownCapture, onMouseUpCapture, onPointerDownCapture, onPointerUpCapture, onTouchEndCapture, onTouchStartCapture, shape, spacing, testId, tooltip, ...unsafeRest }: LinkIconButtonProps<RouterLinkConfig>, ref: Ref<HTMLAnchorElement>) => JSX.Element;
+declare const WithRef: <RouterLinkConfig extends Record<string, any> = never>(props: LinkIconButtonProps<RouterLinkConfig> & {
+    ref?: Ref<HTMLAnchorElement>;
+}) => ReturnType<typeof LinkIconButtonBase>;
 /**
  * __Link Icon Button__
  *
@@ -16,7 +19,5 @@ declare const LinkIconButtonBase: <RouterLinkConfig extends Record<string, any>
  * - [Code](https://atlassian.design/components/button/link-icon-button/code)
  * - [Usage](https://atlassian.design/components/button/link-icon-button/usage)
  */
-declare const LinkIconButton: <RouterLinkConfig extends Record<string, any> = never>(props: LinkIconButtonProps<RouterLinkConfig> & {
-    ref?: Ref<HTMLAnchorElement>;
-}) => ReturnType<typeof LinkIconButtonBase>;
+declare const LinkIconButton: typeof WithRef;
 export default LinkIconButton;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type TooltipProps } from '@atlaskit/tooltip';
 import { type IconButtonAppearance, type IconButtonSpacing, type IconProp } from '../types';
 export type CommonIconButtonProps = {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 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;

package/dist/types/old-button/shared/block-events.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export default function blockEvents({ isInteractive, }: {
     isInteractive: boolean;
 }): React.DOMAttributes<HTMLElement>;

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

@@ -5,8 +5,8 @@
 import React from 'react';
 import { type CSSObject } from '@emotion/react';
 declare const ButtonBase: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.AllHTMLAttributes<HTMLElement>, "disabled">, "data-testid" | "data-has-overlay"> & {
-    'data-testid'?: undefined;
-    'data-has-overlay'?: undefined;
+    'data-testid'?: never;
+    'data-has-overlay'?: never;
 }, keyof import("../types").BaseOwnProps> & import("../types").BaseOwnProps & {
     buttonCss: CSSObject;
 } & React.RefAttributes<HTMLElement>>;

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

@@ -42,16 +42,16 @@ type LinkButtonVariants = LinkButtonVariant | LinkIconButtonVariant;
 type IconButtonVariants = IconButtonVariant | LinkIconButtonVariant;
 export type Variant = DefaultButtonVariant | LinkButtonVariant | IconButtonVariant | LinkIconButtonVariant;
 declare const LinkButtonRender: React.ForwardRefExoticComponent<Omit<LinkButtonProps, "href"> & {
-    href?: string | undefined;
+    href?: LinkButtonProps["href"];
 } & React.RefAttributes<HTMLAnchorElement>>;
 declare const IconButtonRender: React.ForwardRefExoticComponent<Omit<IconButtonProps, "label" | "icon"> & {
-    icon?: import("../entry-points/new").IconProp | undefined;
-    label?: IconButtonProps['label'];
+    icon?: IconButtonProps["icon"];
+    label?: IconButtonProps["label"];
 } & React.RefAttributes<HTMLButtonElement>>;
 declare const LinkIconButtonRender: React.ForwardRefExoticComponent<Omit<LinkIconButtonProps, "label" | "href" | "icon"> & {
-    href?: string | undefined;
-    icon?: import("../entry-points/new").IconProp | undefined;
-    label?: LinkIconButtonProps['label'];
+    href?: LinkIconButtonProps["href"];
+    icon?: LinkIconButtonProps["icon"];
+    label?: LinkIconButtonProps["label"];
 } & React.RefAttributes<HTMLAnchorElement>>;
 declare const variants: Variant[];
 export declare const defaultButtonVariants: DefaultButtonVariants[];

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

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

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

@@ -19,7 +19,7 @@ export declare const Divider: ({ appearance, spacing, isDisabled }: DividerProps
 export declare const SplitButtonContainer: ({ appearance, children, isDisabled, }: {
     appearance: SplitButtonAppearance;
     children: ReactNode;
-    isDisabled?: boolean | undefined;
+    isDisabled?: boolean;
 }) => JSX.Element;
 /**
  * __Split Button__

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

@@ -12,7 +12,7 @@ export type ButtonProps = CommonDefaultButtonProps & CommonButtonVariantProps;
  * - [Usage](https://atlassian.design/components/button/usage)
  */
 declare const Button: React.MemoExoticComponent<React.ForwardRefExoticComponent<CommonDefaultButtonProps & import("../types").AdditionalButtonVariantProps & Omit<Omit<Omit<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children">, "style" | "disabled" | "className">, "data-testid"> & {
-    'data-testid'?: undefined;
+    'data-testid'?: never;
 }, "onFocus" | "onBlur" | "onClick" | keyof import("../types").CommonBaseProps> & import("../types").CommonBaseProps & {
     onBlur?: React.FocusEventHandler<HTMLButtonElement> | undefined;
     onFocus?: React.FocusEventHandler<HTMLButtonElement> | undefined;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { AdditionalDefaultLinkVariantProps, CommonLinkVariantProps } from '../types';
 import type { CommonDefaultButtonProps } from './types';
 export type LinkButtonProps<RouterLinkConfig extends Record<string, any> = never> = CommonDefaultButtonProps & CommonLinkVariantProps<RouterLinkConfig> & AdditionalDefaultLinkVariantProps;
@@ -24,6 +23,6 @@ declare const LinkButtonBase: <RouterLinkConfig extends Record<string, any> = ne
 declare const LinkButton: (<RouterLinkConfig extends Record<string, any> = never>(props: LinkButtonProps<RouterLinkConfig> & {
     ref?: React.Ref<HTMLAnchorElement>;
 }) => ReturnType<typeof LinkButtonBase>) & {
-    displayName?: string | undefined;
+    displayName?: string;
 };
 export default LinkButton;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type ButtonSpacing, type IconProp } from '../types';
 export type CommonDefaultButtonProps = {
     /**

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

@@ -12,7 +12,7 @@ export type IconButtonProps = CommonIconButtonProps & CommonButtonVariantProps;
  * - [Usage](https://atlassian.design/components/button/icon-button/usage)
  */
 declare const IconButton: React.MemoExoticComponent<React.ForwardRefExoticComponent<CommonIconButtonProps & import("../types").AdditionalButtonVariantProps & Omit<Omit<Omit<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children">, "style" | "disabled" | "className">, "data-testid"> & {
-    'data-testid'?: undefined;
+    'data-testid'?: never;
 }, "onFocus" | "onBlur" | "onClick" | keyof import("../types").CommonBaseProps> & import("../types").CommonBaseProps & {
     onBlur?: React.FocusEventHandler<HTMLButtonElement> | undefined;
     onFocus?: React.FocusEventHandler<HTMLButtonElement> | undefined;

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

@@ -7,6 +7,9 @@ import type { CommonAnchorProps, CommonLinkVariantProps } from '../types';
 import { type CommonIconButtonProps } from './types';
 export type LinkIconButtonProps<RouterLinkConfig extends Record<string, any> = never> = CommonIconButtonProps & CommonLinkVariantProps<RouterLinkConfig> & CommonAnchorProps<RouterLinkConfig>;
 declare const LinkIconButtonBase: <RouterLinkConfig extends Record<string, any> = never>({ "aria-label": preventedAriaLabel, "aria-labelledby": ariaLabelledBy, analyticsContext, appearance, autoFocus, href, icon, interactionName, isDisabled, isSelected, isTooltipDisabled, label, onClick, onClickCapture, onKeyDownCapture, onKeyUpCapture, onMouseDownCapture, onMouseUpCapture, onPointerDownCapture, onPointerUpCapture, onTouchEndCapture, onTouchStartCapture, shape, spacing, testId, tooltip, ...unsafeRest }: LinkIconButtonProps<RouterLinkConfig>, ref: Ref<HTMLAnchorElement>) => JSX.Element;
+declare const WithRef: <RouterLinkConfig extends Record<string, any> = never>(props: LinkIconButtonProps<RouterLinkConfig> & {
+    ref?: Ref<HTMLAnchorElement>;
+}) => ReturnType<typeof LinkIconButtonBase>;
 /**
  * __Link Icon Button__
  *
@@ -16,7 +19,5 @@ declare const LinkIconButtonBase: <RouterLinkConfig extends Record<string, any>
  * - [Code](https://atlassian.design/components/button/link-icon-button/code)
  * - [Usage](https://atlassian.design/components/button/link-icon-button/usage)
  */
-declare const LinkIconButton: <RouterLinkConfig extends Record<string, any> = never>(props: LinkIconButtonProps<RouterLinkConfig> & {
-    ref?: Ref<HTMLAnchorElement>;
-}) => ReturnType<typeof LinkIconButtonBase>;
+declare const LinkIconButton: typeof WithRef;
 export default LinkIconButton;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type TooltipProps } from '@atlaskit/tooltip';
 import { type IconButtonAppearance, type IconButtonSpacing, type IconProp } from '../types';
 export type CommonIconButtonProps = {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 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;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export default function blockEvents({ isInteractive, }: {
     isInteractive: boolean;
 }): React.DOMAttributes<HTMLElement>;

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

@@ -5,8 +5,8 @@
 import React from 'react';
 import { type CSSObject } from '@emotion/react';
 declare const ButtonBase: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.AllHTMLAttributes<HTMLElement>, "disabled">, "data-testid" | "data-has-overlay"> & {
-    'data-testid'?: undefined;
-    'data-has-overlay'?: undefined;
+    'data-testid'?: never;
+    'data-has-overlay'?: never;
 }, keyof import("../types").BaseOwnProps> & import("../types").BaseOwnProps & {
     buttonCss: CSSObject;
 } & React.RefAttributes<HTMLElement>>;

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

@@ -42,16 +42,16 @@ type LinkButtonVariants = LinkButtonVariant | LinkIconButtonVariant;
 type IconButtonVariants = IconButtonVariant | LinkIconButtonVariant;
 export type Variant = DefaultButtonVariant | LinkButtonVariant | IconButtonVariant | LinkIconButtonVariant;
 declare const LinkButtonRender: React.ForwardRefExoticComponent<Omit<LinkButtonProps, "href"> & {
-    href?: string | undefined;
+    href?: LinkButtonProps["href"];
 } & React.RefAttributes<HTMLAnchorElement>>;
 declare const IconButtonRender: React.ForwardRefExoticComponent<Omit<IconButtonProps, "label" | "icon"> & {
-    icon?: import("../entry-points/new").IconProp | undefined;
-    label?: IconButtonProps['label'];
+    icon?: IconButtonProps["icon"];
+    label?: IconButtonProps["label"];
 } & React.RefAttributes<HTMLButtonElement>>;
 declare const LinkIconButtonRender: React.ForwardRefExoticComponent<Omit<LinkIconButtonProps, "label" | "href" | "icon"> & {
-    href?: string | undefined;
-    icon?: import("../entry-points/new").IconProp | undefined;
-    label?: LinkIconButtonProps['label'];
+    href?: LinkIconButtonProps["href"];
+    icon?: LinkIconButtonProps["icon"];
+    label?: LinkIconButtonProps["label"];
 } & React.RefAttributes<HTMLAnchorElement>>;
 declare const variants: Variant[];
 export declare const defaultButtonVariants: DefaultButtonVariants[];

package/loading-button/package.json

@@ -8,7 +8,7 @@
   ],
   "types": "../dist/types/entry-points/loading-button.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/entry-points/loading-button.d.ts"
       ]

package/new/package.json

@@ -8,7 +8,7 @@
   ],
   "types": "../dist/types/entry-points/new.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/entry-points/new.d.ts"
       ]

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/button",
-	"version": "23.3.1",
+	"version": "23.4.0",
 	"description": "A button triggers an event or action. They let users know what will happen next.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -87,13 +87,13 @@
 		"@atlaskit/css": "^0.12.0",
 		"@atlaskit/ds-lib": "^5.0.0",
 		"@atlaskit/focus-ring": "^3.0.0",
-		"@atlaskit/icon": "^27.7.0",
+		"@atlaskit/icon": "^27.12.0",
 		"@atlaskit/interaction-context": "^3.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/primitives": "^14.10.0",
+		"@atlaskit/primitives": "^14.11.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/theme": "^19.0.0",
-		"@atlaskit/tokens": "^5.6.0",
+		"@atlaskit/tokens": "^6.0.0",
 		"@atlaskit/tooltip": "^20.4.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",
@@ -107,14 +107,14 @@
 		"@af/accessibility-testing": "workspace:^",
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/app-provider": "^2.3.0",
+		"@atlaskit/app-provider": "^3.1.0",
 		"@atlaskit/checkbox": "^17.1.0",
 		"@atlaskit/docs": "^11.0.0",
 		"@atlaskit/dropdown-menu": "^16.3.0",
-		"@atlaskit/form": "^12.0.0",
+		"@atlaskit/form": "^12.1.0",
 		"@atlaskit/heading": "^5.2.0",
 		"@atlaskit/link": "^3.2.0",
-		"@atlaskit/logo": "^19.6.0",
+		"@atlaskit/logo": "^19.7.0",
 		"@atlaskit/modal-dialog": "^14.3.0",
 		"@atlaskit/section-message": "^8.5.0",
 		"@atlaskit/select": "^21.2.0",
@@ -127,8 +127,7 @@
 		"ast-types": "^0.13.3",
 		"jscodeshift": "^17.0.0",
 		"lodash": "^4.17.21",
-		"react-dom": "^18.2.0",
-		"typescript": "~5.4.2"
+		"react-dom": "^18.2.0"
 	},
 	"homepage": "https://atlassian.design/components/button/",
 	"platform-feature-flags": {

package/standard-button/package.json

@@ -8,7 +8,7 @@
   ],
   "types": "../dist/types/entry-points/standard-button.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/entry-points/standard-button.d.ts"
       ]

package/types/package.json

@@ -8,7 +8,7 @@
   ],
   "types": "../dist/types/entry-points/types.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/entry-points/types.d.ts"
       ]