@atlaskit/button 23.4.9 → 23.4.11

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/button
 
+## 23.4.11
+
+### Patch Changes
+
+- [`437668dfbdec9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/437668dfbdec9) -
+  Add explicit types to a number of DST components
+- Updated dependencies
+
+## 23.4.10
+
+### Patch Changes
+
+- [`39e543109ec09`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/39e543109ec09) -
+  add type info to forwardRef components
+- Updated dependencies
+
 ## 23.4.9
 
 ### Patch Changes

package/dist/cjs/new-button/containers/split-button/split-button.compiled.css

@@ -5,12 +5,13 @@
 ._1mouu2gc{margin-block:var(--ds-space-100,8px)}._12ji13gt{outline-color:var(--ds-border-disabled,#091e420f)}
 ._12jimuej{outline-color:var(--ds-border,#091e4224)}
 ._12y3t94y{outline-width:1px}
+._1553idpf button{border-end-start-radius:0}
 ._1bsbe4h9{width:var(--ds-border-width,1px)}
 ._1cwg1n1a{outline-offset:-1px}
 ._1e0c116y{display:inline-flex}
-._1j4hidpf a, ._1553idpf button{border-end-start-radius:0}
+._1j4hidpf a{border-end-start-radius:0}
 ._1pbykb7n{z-index:1}
-._1qgbidpf a, ._y1n3idpf button{border-start-start-radius:0}
+._1qgbidpf a{border-start-start-radius:0}
 ._1qu2nqa1{outline-style:solid}
 ._4cvr1h6o{align-items:center}
 ._4t3i1hvu{height:calc(1.5rem - var(--ds-border-width, 1px) - var(--ds-border-width, 1px))}
@@ -19,6 +20,8 @@
 ._4t3im1ee{height:calc(2rem - var(--ds-border-width, 1px) - var(--ds-border-width, 1px))}
 ._4t3iviql{height:2rem}
 ._80om13gf{cursor:not-allowed}
+._anlpidpf button{border-end-end-radius:0}
+._bepvidpf button{border-start-end-radius:0}
 ._bfhk15cr{background-color:var(--ds-text-inverse,#fff)}
 ._bfhk1fxt{background-color:var(--ds-text,#172b4d)}
 ._bfhk9xzm{background-color:var(--ds-border-disabled,#091e4224)}
@@ -28,8 +31,9 @@
 ._bfhkveue{background-color:var(--ds-border-inverse,#fff)}
 ._kqswh2mm{position:relative}
 ._o5721q9c{white-space:nowrap}
-._p9ykidpf a, ._bepvidpf button{border-start-end-radius:0}
-._traeidpf a, ._anlpidpf button{border-end-end-radius:0}
+._p9ykidpf a{border-start-end-radius:0}
+._traeidpf a{border-end-end-radius:0}
 ._tzy419lr{opacity:.62}
 ._tzy41uwv{opacity:.51}
-._tzy41wzo{opacity:.64}
+._tzy41wzo{opacity:.64}
+._y1n3idpf button{border-start-start-radius:0}

package/dist/cjs/new-button/containers/split-button/split-button.js

@@ -1,4 +1,4 @@
-/* split-button.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* split-button.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");

package/dist/cjs/new-button/variants/default/link.js

@@ -1,4 +1,4 @@
-/* link.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* link.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/new-button/variants/icon/link.js

@@ -1,4 +1,4 @@
-/* link.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* link.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -1,4 +1,4 @@
-/* button-base.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* button-base.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -91,7 +91,10 @@ var selectedStyles = {
  *
  * @private
  */
-var ButtonBase = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
+var ButtonBase = /*#__PURE__*/_react.default.forwardRef(
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore: to unblock React 18.2.0 -> 18.3.1 version bump in Jira
+function (_ref, ref) {
   var propAppearance = _ref.appearance,
     _ref$autoFocus = _ref.autoFocus,
     autoFocus = _ref$autoFocus === void 0 ? false : _ref$autoFocus,

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

@@ -1,4 +1,4 @@
-/* content.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* content.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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.4.8",
+    packageVersion: "0.0.0-development",
     analyticsData: analyticsContext
   });
 

package/dist/es2019/new-button/containers/split-button/split-button.compiled.css

@@ -5,12 +5,13 @@
 ._1mouu2gc{margin-block:var(--ds-space-100,8px)}._12ji13gt{outline-color:var(--ds-border-disabled,#091e420f)}
 ._12jimuej{outline-color:var(--ds-border,#091e4224)}
 ._12y3t94y{outline-width:1px}
+._1553idpf button{border-end-start-radius:0}
 ._1bsbe4h9{width:var(--ds-border-width,1px)}
 ._1cwg1n1a{outline-offset:-1px}
 ._1e0c116y{display:inline-flex}
-._1j4hidpf a, ._1553idpf button{border-end-start-radius:0}
+._1j4hidpf a{border-end-start-radius:0}
 ._1pbykb7n{z-index:1}
-._1qgbidpf a, ._y1n3idpf button{border-start-start-radius:0}
+._1qgbidpf a{border-start-start-radius:0}
 ._1qu2nqa1{outline-style:solid}
 ._4cvr1h6o{align-items:center}
 ._4t3i1hvu{height:calc(1.5rem - var(--ds-border-width, 1px) - var(--ds-border-width, 1px))}
@@ -19,6 +20,8 @@
 ._4t3im1ee{height:calc(2rem - var(--ds-border-width, 1px) - var(--ds-border-width, 1px))}
 ._4t3iviql{height:2rem}
 ._80om13gf{cursor:not-allowed}
+._anlpidpf button{border-end-end-radius:0}
+._bepvidpf button{border-start-end-radius:0}
 ._bfhk15cr{background-color:var(--ds-text-inverse,#fff)}
 ._bfhk1fxt{background-color:var(--ds-text,#172b4d)}
 ._bfhk9xzm{background-color:var(--ds-border-disabled,#091e4224)}
@@ -28,8 +31,9 @@
 ._bfhkveue{background-color:var(--ds-border-inverse,#fff)}
 ._kqswh2mm{position:relative}
 ._o5721q9c{white-space:nowrap}
-._p9ykidpf a, ._bepvidpf button{border-start-end-radius:0}
-._traeidpf a, ._anlpidpf button{border-end-end-radius:0}
+._p9ykidpf a{border-start-end-radius:0}
+._traeidpf a{border-end-end-radius:0}
 ._tzy419lr{opacity:.62}
 ._tzy41uwv{opacity:.51}
-._tzy41wzo{opacity:.64}
+._tzy41wzo{opacity:.64}
+._y1n3idpf button{border-start-start-radius:0}

package/dist/es2019/new-button/containers/split-button/split-button.js

@@ -1,4 +1,4 @@
-/* split-button.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* split-button.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./split-button.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/new-button/variants/default/link.js

@@ -1,4 +1,4 @@
-/* link.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* link.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./link.compiled.css";
 import * as React from 'react';

package/dist/es2019/new-button/variants/icon/link.js

@@ -1,4 +1,4 @@
-/* link.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* link.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./link.compiled.css";
 import * as React from 'react';

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

@@ -1,4 +1,4 @@
-/* button-base.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* button-base.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./button-base.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
@@ -79,7 +79,10 @@ const selectedStyles = {
  *
  * @private
  */
-const ButtonBase = /*#__PURE__*/React.forwardRef(({
+const ButtonBase = /*#__PURE__*/React.forwardRef(
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore: to unblock React 18.2.0 -> 18.3.1 version bump in Jira
+({
   appearance: propAppearance,
   autoFocus = false,
   isDisabled: propIsDisabled = false,

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

@@ -1,4 +1,4 @@
-/* content.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* content.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./content.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

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.4.8",
+    packageVersion: "0.0.0-development",
     analyticsData: analyticsContext
   });
 

package/dist/esm/new-button/containers/split-button/split-button.compiled.css

@@ -5,12 +5,13 @@
 ._1mouu2gc{margin-block:var(--ds-space-100,8px)}._12ji13gt{outline-color:var(--ds-border-disabled,#091e420f)}
 ._12jimuej{outline-color:var(--ds-border,#091e4224)}
 ._12y3t94y{outline-width:1px}
+._1553idpf button{border-end-start-radius:0}
 ._1bsbe4h9{width:var(--ds-border-width,1px)}
 ._1cwg1n1a{outline-offset:-1px}
 ._1e0c116y{display:inline-flex}
-._1j4hidpf a, ._1553idpf button{border-end-start-radius:0}
+._1j4hidpf a{border-end-start-radius:0}
 ._1pbykb7n{z-index:1}
-._1qgbidpf a, ._y1n3idpf button{border-start-start-radius:0}
+._1qgbidpf a{border-start-start-radius:0}
 ._1qu2nqa1{outline-style:solid}
 ._4cvr1h6o{align-items:center}
 ._4t3i1hvu{height:calc(1.5rem - var(--ds-border-width, 1px) - var(--ds-border-width, 1px))}
@@ -19,6 +20,8 @@
 ._4t3im1ee{height:calc(2rem - var(--ds-border-width, 1px) - var(--ds-border-width, 1px))}
 ._4t3iviql{height:2rem}
 ._80om13gf{cursor:not-allowed}
+._anlpidpf button{border-end-end-radius:0}
+._bepvidpf button{border-start-end-radius:0}
 ._bfhk15cr{background-color:var(--ds-text-inverse,#fff)}
 ._bfhk1fxt{background-color:var(--ds-text,#172b4d)}
 ._bfhk9xzm{background-color:var(--ds-border-disabled,#091e4224)}
@@ -28,8 +31,9 @@
 ._bfhkveue{background-color:var(--ds-border-inverse,#fff)}
 ._kqswh2mm{position:relative}
 ._o5721q9c{white-space:nowrap}
-._p9ykidpf a, ._bepvidpf button{border-start-end-radius:0}
-._traeidpf a, ._anlpidpf button{border-end-end-radius:0}
+._p9ykidpf a{border-start-end-radius:0}
+._traeidpf a{border-end-end-radius:0}
 ._tzy419lr{opacity:.62}
 ._tzy41uwv{opacity:.51}
-._tzy41wzo{opacity:.64}
+._tzy41wzo{opacity:.64}
+._y1n3idpf button{border-start-start-radius:0}

package/dist/esm/new-button/containers/split-button/split-button.js

@@ -1,4 +1,4 @@
-/* split-button.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* split-button.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./split-button.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/new-button/variants/default/link.js

@@ -1,4 +1,4 @@
-/* link.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* link.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["analyticsContext", "appearance", "aria-label", "aria-labelledby", "autoFocus", "children", "href", "iconAfter", "iconBefore", "interactionName", "isDisabled", "isSelected", "onClick", "onClickCapture", "onKeyDownCapture", "onKeyUpCapture", "onMouseDownCapture", "onMouseUpCapture", "onPointerDownCapture", "onPointerUpCapture", "onTouchEndCapture", "onTouchStartCapture", "shouldFitContainer", "spacing", "testId"],

package/dist/esm/new-button/variants/icon/link.js

@@ -1,4 +1,4 @@
-/* link.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* link.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["aria-label", "aria-labelledby", "analyticsContext", "appearance", "autoFocus", "href", "icon", "interactionName", "isDisabled", "isSelected", "isTooltipDisabled", "label", "onClick", "onClickCapture", "onKeyDownCapture", "onKeyUpCapture", "onMouseDownCapture", "onMouseUpCapture", "onPointerDownCapture", "onPointerUpCapture", "onTouchEndCapture", "onTouchStartCapture", "shape", "spacing", "testId", "tooltip"],

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

@@ -1,4 +1,4 @@
-/* button-base.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* button-base.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["appearance", "autoFocus", "isDisabled", "isLoading", "isSelected", "isIconButton", "isCircle", "hasIconBefore", "hasIconAfter", "shouldFitContainer", "spacing", "ariaLabel", "ariaLabelledBy", "children", "interactionName", "onClick", "onMouseDown", "onMouseDownCapture", "onMouseUp", "onMouseUpCapture", "onKeyDown", "onKeyDownCapture", "onKeyUp", "onKeyUpCapture", "onTouchStart", "onTouchStartCapture", "onTouchEnd", "onTouchEndCapture", "onPointerDown", "onPointerDownCapture", "onPointerUp", "onPointerUpCapture", "onClickCapture", "testId", "analyticsContext", "componentName", "role", "onMouseOver", "onMouseOut", "onFocus", "onBlur", "onMouseMove", "type"],
@@ -82,7 +82,10 @@ var selectedStyles = {
  *
  * @private
  */
-var ButtonBase = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+var ButtonBase = /*#__PURE__*/React.forwardRef(
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore: to unblock React 18.2.0 -> 18.3.1 version bump in Jira
+function (_ref, ref) {
   var propAppearance = _ref.appearance,
     _ref$autoFocus = _ref.autoFocus,
     autoFocus = _ref$autoFocus === void 0 ? false : _ref$autoFocus,

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

@@ -1,4 +1,4 @@
-/* content.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* content.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./content.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

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.4.8",
+    packageVersion: "0.0.0-development",
     analyticsData: analyticsContext
   });
 

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

@@ -11,11 +11,5 @@ export type ButtonProps = CommonDefaultButtonProps & CommonButtonVariantProps;
  * - [Code](https://atlassian.design/components/button/code)
  * - [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'?: never;
-}, "onFocus" | "onBlur" | "onClick" | keyof import("../types").CommonBaseProps> & import("../types").CommonBaseProps & {
-    onBlur?: React.FocusEventHandler<HTMLButtonElement> | undefined;
-    onFocus?: React.FocusEventHandler<HTMLButtonElement> | undefined;
-    onClick?: ((e: React.MouseEvent<HTMLButtonElement, MouseEvent>, analyticsEvent: import("@atlaskit/analytics-next").UIAnalyticsEvent) => void) | undefined;
-} & React.RefAttributes<HTMLButtonElement>>>;
+declare const Button: React.MemoExoticComponent<React.ForwardRefExoticComponent<React.PropsWithoutRef<ButtonProps> & React.RefAttributes<HTMLButtonElement>>>;
 export default Button;

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

@@ -11,11 +11,5 @@ export type IconButtonProps = CommonIconButtonProps & CommonButtonVariantProps;
  * - [Code](https://atlassian.design/components/button/icon-button/code)
  * - [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'?: never;
-}, "onFocus" | "onBlur" | "onClick" | keyof import("../types").CommonBaseProps> & import("../types").CommonBaseProps & {
-    onBlur?: React.FocusEventHandler<HTMLButtonElement> | undefined;
-    onFocus?: React.FocusEventHandler<HTMLButtonElement> | undefined;
-    onClick?: ((e: React.MouseEvent<HTMLButtonElement, MouseEvent>, analyticsEvent: import("@atlaskit/analytics-next").UIAnalyticsEvent) => void) | undefined;
-} & React.RefAttributes<HTMLButtonElement>>>;
+declare const IconButton: React.MemoExoticComponent<React.ForwardRefExoticComponent<React.PropsWithoutRef<IconButtonProps> & React.RefAttributes<HTMLButtonElement>>>;
 export default IconButton;

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

@@ -41,5 +41,5 @@ type ButtonBaseProps<TagName extends HTMLElement> = CommonBaseProps & Pick<Commo
  *
  * @private
  */
-declare const ButtonBase: React.ForwardRefExoticComponent<Omit<ButtonBaseProps<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const ButtonBase: React.ForwardRefExoticComponent<React.PropsWithoutRef<ButtonBaseProps<HTMLButtonElement>> & React.RefAttributes<HTMLButtonElement>>;
 export default ButtonBase;

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

@@ -1,16 +1,8 @@
 import { type CSSObject } from '@emotion/react';
+import { createTheme } from '@atlaskit/theme/components';
 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;
-declare const Theme: {
-    Consumer: import("react").ComponentType<{
-        children: (tokens: ThemeTokens) => import("react").ReactNode;
-    } & Omit<ThemeProps, "children">>;
-    Provider: import("react").ComponentType<{
-        children?: import("react").ReactNode;
-        value?: import("@atlaskit/theme/components").ThemeProp<ThemeTokens, ThemeProps> | undefined;
-    }>;
-    useTheme: (props: ThemeProps) => ThemeTokens;
-};
+declare const Theme: ReturnType<typeof createTheme<ThemeTokens, ThemeProps>>;
 export default Theme;

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

@@ -15,5 +15,5 @@ export type LoadingButtonProps = Omit<BaseProps, 'overlay'> & LoadingButtonOwnPr
  *
  * - [Examples](https://atlassian.design/components/button/examples#loading-button)
  */
-declare const LoadingButton: React.ForwardRefExoticComponent<Omit<BaseProps, "overlay"> & LoadingButtonOwnProps & React.RefAttributes<HTMLElement>>;
+declare const LoadingButton: React.ForwardRefExoticComponent<React.PropsWithoutRef<LoadingButtonProps> & React.RefAttributes<HTMLElement>>;
 export default LoadingButton;

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

@@ -4,10 +4,9 @@
  */
 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'?: never;
-    'data-has-overlay'?: never;
-}, keyof import("../types").BaseOwnProps> & import("../types").BaseOwnProps & {
+import { type BaseProps } from '../types';
+type ButtonBaseProps = BaseProps & {
     buttonCss: CSSObject;
-} & React.RefAttributes<HTMLElement>>;
+};
+declare const ButtonBase: React.ForwardRefExoticComponent<React.PropsWithoutRef<ButtonBaseProps> & React.RefAttributes<HTMLElement>>;
 export default ButtonBase;

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

@@ -41,18 +41,18 @@ type DefaultButtonVariants = DefaultButtonVariant | LinkButtonVariant;
 type LinkButtonVariants = LinkButtonVariant | LinkIconButtonVariant;
 type IconButtonVariants = IconButtonVariant | LinkIconButtonVariant;
 export type Variant = DefaultButtonVariant | LinkButtonVariant | IconButtonVariant | LinkIconButtonVariant;
-declare const LinkButtonRender: React.ForwardRefExoticComponent<Omit<LinkButtonProps, "href"> & {
-    href?: LinkButtonProps["href"];
-} & React.RefAttributes<HTMLAnchorElement>>;
-declare const IconButtonRender: React.ForwardRefExoticComponent<Omit<IconButtonProps, "label" | "icon"> & {
-    icon?: IconButtonProps["icon"];
-    label?: IconButtonProps["label"];
-} & React.RefAttributes<HTMLButtonElement>>;
-declare const LinkIconButtonRender: React.ForwardRefExoticComponent<Omit<LinkIconButtonProps, "label" | "href" | "icon"> & {
-    href?: LinkIconButtonProps["href"];
-    icon?: LinkIconButtonProps["icon"];
-    label?: LinkIconButtonProps["label"];
-} & React.RefAttributes<HTMLAnchorElement>>;
+declare const LinkButtonRender: React.ForwardRefExoticComponent<React.PropsWithoutRef<Omit<LinkButtonProps, 'href'> & {
+    href?: LinkButtonProps['href'];
+}> & React.RefAttributes<HTMLAnchorElement>>;
+declare const IconButtonRender: React.ForwardRefExoticComponent<React.PropsWithoutRef<Omit<IconButtonProps, 'icon' | 'label'> & {
+    icon?: IconButtonProps['icon'];
+    label?: IconButtonProps['label'];
+}> & React.RefAttributes<HTMLButtonElement>>;
+declare const LinkIconButtonRender: React.ForwardRefExoticComponent<React.PropsWithoutRef<Omit<LinkIconButtonProps, 'href' | 'icon' | 'label'> & {
+    href?: LinkIconButtonProps['href'];
+    icon?: LinkIconButtonProps['icon'];
+    label?: LinkIconButtonProps['label'];
+}> & React.RefAttributes<HTMLAnchorElement>>;
 declare const variants: Variant[];
 export declare const defaultButtonVariants: DefaultButtonVariants[];
 export declare const linkButtonVariants: LinkButtonVariants[];

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

@@ -11,11 +11,5 @@ export type ButtonProps = CommonDefaultButtonProps & CommonButtonVariantProps;
  * - [Code](https://atlassian.design/components/button/code)
  * - [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'?: never;
-}, "onFocus" | "onBlur" | "onClick" | keyof import("../types").CommonBaseProps> & import("../types").CommonBaseProps & {
-    onBlur?: React.FocusEventHandler<HTMLButtonElement> | undefined;
-    onFocus?: React.FocusEventHandler<HTMLButtonElement> | undefined;
-    onClick?: ((e: React.MouseEvent<HTMLButtonElement, MouseEvent>, analyticsEvent: import("@atlaskit/analytics-next").UIAnalyticsEvent) => void) | undefined;
-} & React.RefAttributes<HTMLButtonElement>>>;
+declare const Button: React.MemoExoticComponent<React.ForwardRefExoticComponent<React.PropsWithoutRef<ButtonProps> & React.RefAttributes<HTMLButtonElement>>>;
 export default Button;

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

@@ -11,11 +11,5 @@ export type IconButtonProps = CommonIconButtonProps & CommonButtonVariantProps;
  * - [Code](https://atlassian.design/components/button/icon-button/code)
  * - [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'?: never;
-}, "onFocus" | "onBlur" | "onClick" | keyof import("../types").CommonBaseProps> & import("../types").CommonBaseProps & {
-    onBlur?: React.FocusEventHandler<HTMLButtonElement> | undefined;
-    onFocus?: React.FocusEventHandler<HTMLButtonElement> | undefined;
-    onClick?: ((e: React.MouseEvent<HTMLButtonElement, MouseEvent>, analyticsEvent: import("@atlaskit/analytics-next").UIAnalyticsEvent) => void) | undefined;
-} & React.RefAttributes<HTMLButtonElement>>>;
+declare const IconButton: React.MemoExoticComponent<React.ForwardRefExoticComponent<React.PropsWithoutRef<IconButtonProps> & React.RefAttributes<HTMLButtonElement>>>;
 export default IconButton;

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

@@ -41,5 +41,5 @@ type ButtonBaseProps<TagName extends HTMLElement> = CommonBaseProps & Pick<Commo
  *
  * @private
  */
-declare const ButtonBase: React.ForwardRefExoticComponent<Omit<ButtonBaseProps<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const ButtonBase: React.ForwardRefExoticComponent<React.PropsWithoutRef<ButtonBaseProps<HTMLButtonElement>> & React.RefAttributes<HTMLButtonElement>>;
 export default ButtonBase;

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

@@ -1,16 +1,8 @@
 import { type CSSObject } from '@emotion/react';
+import { createTheme } from '@atlaskit/theme/components';
 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;
-declare const Theme: {
-    Consumer: import("react").ComponentType<{
-        children: (tokens: ThemeTokens) => import("react").ReactNode;
-    } & Omit<ThemeProps, "children">>;
-    Provider: import("react").ComponentType<{
-        children?: import("react").ReactNode;
-        value?: import("@atlaskit/theme/components").ThemeProp<ThemeTokens, ThemeProps> | undefined;
-    }>;
-    useTheme: (props: ThemeProps) => ThemeTokens;
-};
+declare const Theme: ReturnType<typeof createTheme<ThemeTokens, ThemeProps>>;
 export default Theme;

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

@@ -15,5 +15,5 @@ export type LoadingButtonProps = Omit<BaseProps, 'overlay'> & LoadingButtonOwnPr
  *
  * - [Examples](https://atlassian.design/components/button/examples#loading-button)
  */
-declare const LoadingButton: React.ForwardRefExoticComponent<Omit<BaseProps, "overlay"> & LoadingButtonOwnProps & React.RefAttributes<HTMLElement>>;
+declare const LoadingButton: React.ForwardRefExoticComponent<React.PropsWithoutRef<LoadingButtonProps> & React.RefAttributes<HTMLElement>>;
 export default LoadingButton;

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

@@ -4,10 +4,9 @@
  */
 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'?: never;
-    'data-has-overlay'?: never;
-}, keyof import("../types").BaseOwnProps> & import("../types").BaseOwnProps & {
+import { type BaseProps } from '../types';
+type ButtonBaseProps = BaseProps & {
     buttonCss: CSSObject;
-} & React.RefAttributes<HTMLElement>>;
+};
+declare const ButtonBase: React.ForwardRefExoticComponent<React.PropsWithoutRef<ButtonBaseProps> & React.RefAttributes<HTMLElement>>;
 export default ButtonBase;

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

@@ -41,18 +41,18 @@ type DefaultButtonVariants = DefaultButtonVariant | LinkButtonVariant;
 type LinkButtonVariants = LinkButtonVariant | LinkIconButtonVariant;
 type IconButtonVariants = IconButtonVariant | LinkIconButtonVariant;
 export type Variant = DefaultButtonVariant | LinkButtonVariant | IconButtonVariant | LinkIconButtonVariant;
-declare const LinkButtonRender: React.ForwardRefExoticComponent<Omit<LinkButtonProps, "href"> & {
-    href?: LinkButtonProps["href"];
-} & React.RefAttributes<HTMLAnchorElement>>;
-declare const IconButtonRender: React.ForwardRefExoticComponent<Omit<IconButtonProps, "label" | "icon"> & {
-    icon?: IconButtonProps["icon"];
-    label?: IconButtonProps["label"];
-} & React.RefAttributes<HTMLButtonElement>>;
-declare const LinkIconButtonRender: React.ForwardRefExoticComponent<Omit<LinkIconButtonProps, "label" | "href" | "icon"> & {
-    href?: LinkIconButtonProps["href"];
-    icon?: LinkIconButtonProps["icon"];
-    label?: LinkIconButtonProps["label"];
-} & React.RefAttributes<HTMLAnchorElement>>;
+declare const LinkButtonRender: React.ForwardRefExoticComponent<React.PropsWithoutRef<Omit<LinkButtonProps, 'href'> & {
+    href?: LinkButtonProps['href'];
+}> & React.RefAttributes<HTMLAnchorElement>>;
+declare const IconButtonRender: React.ForwardRefExoticComponent<React.PropsWithoutRef<Omit<IconButtonProps, 'icon' | 'label'> & {
+    icon?: IconButtonProps['icon'];
+    label?: IconButtonProps['label'];
+}> & React.RefAttributes<HTMLButtonElement>>;
+declare const LinkIconButtonRender: React.ForwardRefExoticComponent<React.PropsWithoutRef<Omit<LinkIconButtonProps, 'href' | 'icon' | 'label'> & {
+    href?: LinkIconButtonProps['href'];
+    icon?: LinkIconButtonProps['icon'];
+    label?: LinkIconButtonProps['label'];
+}> & React.RefAttributes<HTMLAnchorElement>>;
 declare const variants: Variant[];
 export declare const defaultButtonVariants: DefaultButtonVariants[];
 export declare const linkButtonVariants: LinkButtonVariants[];

package/offerings.json

@@ -20,11 +20,7 @@
 			"Limit to one primary button per section",
 			"Use subtle buttons for secondary actions",
 			"Use danger buttons sparingly for destructive actions",
-			"Group related buttons together with ButtonGroup",
-			"Use action verbs that describe the interaction",
-			"Keep text concise (1-3 words ideal)",
-			"Use buttons for actions, links for navigation",
-			"Only include one primary call to action (CTA) per area"
+			"Group related buttons together with ButtonGroup"
 		],
 		"contentGuidelines": [
 			"Use action verbs that describe the interaction",

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/button",
-	"version": "23.4.9",
+	"version": "23.4.11",
 	"description": "A button triggers an event or action. They let users know what will happen next.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -76,16 +76,16 @@
 	"dependencies": {
 		"@atlaskit/analytics-next": "^11.1.0",
 		"@atlaskit/css": "^0.14.0",
-		"@atlaskit/ds-lib": "^5.0.0",
+		"@atlaskit/ds-lib": "^5.1.0",
 		"@atlaskit/focus-ring": "^3.0.0",
-		"@atlaskit/icon": "^28.2.0",
-		"@atlaskit/interaction-context": "^3.0.0",
+		"@atlaskit/icon": "^28.3.0",
+		"@atlaskit/interaction-context": "^3.1.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/primitives": "^14.14.0",
+		"@atlaskit/primitives": "^14.15.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tokens": "^6.3.0",
-		"@atlaskit/tooltip": "^20.4.0",
+		"@atlaskit/tokens": "^6.4.0",
+		"@atlaskit/tooltip": "^20.5.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.3",
@@ -102,11 +102,11 @@
 		"@atlaskit/checkbox": "^17.1.0",
 		"@atlaskit/docs": "^11.1.0",
 		"@atlaskit/dropdown-menu": "^16.3.0",
-		"@atlaskit/form": "^12.7.0",
+		"@atlaskit/form": "^14.2.0",
 		"@atlaskit/heading": "^5.2.0",
 		"@atlaskit/link": "^3.2.0",
-		"@atlaskit/logo": "^19.7.0",
-		"@atlaskit/modal-dialog": "^14.3.0",
+		"@atlaskit/logo": "^19.8.0",
+		"@atlaskit/modal-dialog": "^14.4.0",
 		"@atlaskit/section-message": "^8.7.0",
 		"@atlaskit/select": "^21.3.0",
 		"@atlaskit/ssr": "workspace:^",