@atlaskit/button 16.10.1 → 16.10.2

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

@@ -0,0 +1,44 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import React from 'react';
+import { Box, xcss } from '@atlaskit/primitives';
+var textStyles = xcss({
+  // content can grow and shrink
+  flexGrow: 1,
+  flexShrink: 1,
+  // ellipsis for overflow text
+  overflow: 'hidden',
+  textOverflow: 'ellipsis',
+  whiteSpace: 'nowrap'
+});
+var iconStyles = xcss({
+  display: 'flex',
+  // icon size cannot grow and shrink
+  flexGrow: 0,
+  flexShrink: 0,
+  alignSelf: 'center',
+  fontSize: 0,
+  lineHeight: 0,
+  userSelect: 'none'
+});
+var commonStyles = xcss({
+  transition: 'opacity 0.3s'
+});
+var fadeStyles = xcss({
+  opacity: 0
+});
+/**
+ * __Content__
+ *
+ * Used for slots within a Button, including icons and text content.
+ */
+var Content = function Content(_ref) {
+  var children = _ref.children,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'text' : _ref$type,
+    hasOverlay = _ref.hasOverlay;
+  return /*#__PURE__*/React.createElement(Box, {
+    as: "span",
+    xcss: [commonStyles].concat(_toConsumableArray(type === 'text' ? [textStyles] : [iconStyles]), _toConsumableArray(hasOverlay ? [fadeStyles] : []))
+  }, children);
+};
+export default Content;

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

@@ -7,12 +7,23 @@ import noop from '@atlaskit/ds-lib/noop';
 import useAutoFocus from '@atlaskit/ds-lib/use-auto-focus';
 // eslint-disable-next-line no-duplicate-imports
 import InteractionContext from '@atlaskit/interaction-context';
-import { Box } from '@atlaskit/primitives';
+import { Box, xcss } from '@atlaskit/primitives';
 import blockEvents from './block-events';
-import { getXCSS, overlayStyles } from './xcss';
+import { getXCSS } from './xcss';
 
 // Include modified onClick with analytics
 
+var overlayStyles = xcss({
+  position: 'absolute',
+  insetInlineStart: 'space.0',
+  insetBlockStart: 'space.0',
+  insetInlineEnd: 'space.0',
+  insetBlockEnd: 'space.0',
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'center'
+});
+
 /**
  * __Use button base__
  *
@@ -87,7 +98,7 @@ var useButtonBase = function useButtonBase(_ref) {
     action: 'clicked',
     componentName: 'button',
     packageName: "@atlaskit/button",
-    packageVersion: "16.10.1",
+    packageVersion: "16.10.2",
     analyticsData: analyticsContext,
     actionSubject: buttonType
   });

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

@@ -139,40 +139,4 @@ export function getXCSS(_ref3) {
       transitionDuration: '0s, 0s'
     })
   }));
-}
-export var iconStyles = xcss({
-  display: 'flex',
-  // icon size cannot grow and shrink
-  flexGrow: 0,
-  flexShrink: 0,
-  alignSelf: 'center',
-  fontSize: 0,
-  lineHeight: 0,
-  userSelect: 'none'
-});
-export var contentStyles = xcss({
-  // content can grow and shrink
-  flexGrow: 1,
-  flexShrink: 1,
-  // ellipsis for overflow text
-  overflow: 'hidden',
-  textOverflow: 'ellipsis',
-  whiteSpace: 'nowrap'
-});
-export function getFadingStyles(_ref4) {
-  var hasOverlay = _ref4.hasOverlay;
-  return xcss({
-    opacity: hasOverlay ? 0 : 1,
-    transition: 'opacity 0.3s'
-  });
-}
-export var overlayStyles = xcss({
-  position: 'absolute',
-  left: 'space.0',
-  top: 'space.0',
-  right: 'space.0',
-  bottom: 'space.0',
-  display: 'flex',
-  alignItems: 'center',
-  justifyContent: 'center'
-});
+}

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

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["analyticsContext", "appearance", "autoFocus", "buttonCss", "children", "className", "href", "component", "iconAfter", "iconBefore", "interactionName", "isDisabled", "isSelected", "onBlur", "onClick", "onFocus", "onMouseDown", "overlay", "shouldFitContainer", "spacing", "tabIndex", "type", "testId"];
+/* eslint-disable @atlaskit/design-system/consistent-css-prop-usage */
 /** @jsx jsx */
 import React, { useCallback, useContext, useEffect, useRef } from 'react';
 import { css, jsx } from '@emotion/react';
@@ -108,7 +109,7 @@ export default /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref) {
     action: 'clicked',
     componentName: 'button',
     packageName: "@atlaskit/button",
-    packageVersion: "16.10.1",
+    packageVersion: "16.10.2",
     analyticsData: analyticsContext
   });
 
@@ -128,7 +129,7 @@ export default /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref) {
 
   // we are 'disabling' input with a button when there is an overlay
   var hasOverlay = Boolean(overlay);
-  var fadeCss = css(getFadingCss({
+  var fadeStyles = css(getFadingCss({
     hasOverlay: hasOverlay
   }));
   var isInteractive = !isDisabled && !hasOverlay;
@@ -169,17 +170,17 @@ export default /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref) {
   }, blockEvents({
     isInteractive: isInteractive
   })), iconBefore ? jsx("span", {
-    css: [fadeCss, getIconStyle({
+    css: [fadeStyles, getIconStyle({
       spacing: spacing
     }), getSpacingFix(children, iconBeforeSpacingFixStyle)]
   }, iconBefore) : null, !getBooleanFF('platform.design-system-team.icon-button-spacing-fix_o1zc5') && children ? jsx("span", {
-    css: [fadeCss, getContentStyle({
+    css: [fadeStyles, getContentStyle({
       spacing: spacing
     })]
-  }, children) : null, getBooleanFF('platform.design-system-team.icon-button-spacing-fix_o1zc5') && getChildren(children, [fadeCss, getContentStyle({
+  }, children) : null, getBooleanFF('platform.design-system-team.icon-button-spacing-fix_o1zc5') && getChildren(children, [fadeStyles, getContentStyle({
     spacing: spacing
   })]), iconAfter ? jsx("span", {
-    css: [fadeCss, getIconStyle({
+    css: [fadeStyles, getIconStyle({
       spacing: spacing
     }), getSpacingFix(children, iconAfterSpacingFixStyle)]
   }, iconAfter) : null, overlay ? jsx("span", {

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

@@ -0,0 +1,13 @@
+import React from 'react';
+type ContentProps = {
+    children: React.ReactNode;
+    type?: 'text' | 'icon';
+    hasOverlay: boolean;
+};
+/**
+ * __Content__
+ *
+ * Used for slots within a Button, including icons and text content.
+ */
+declare const Content: ({ children, type, hasOverlay }: ContentProps) => JSX.Element;
+export default Content;

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

@@ -16,9 +16,3 @@ export type GetXCSSArgs = {
     isLink: boolean;
 };
 export declare function getXCSS({ appearance, spacing, isDisabled, isSelected, isIconButton, shouldFitContainer, isLink, hasOverlay, hasIconBefore, hasIconAfter, }: GetXCSSArgs): ReturnType<typeof xcss>;
-export declare const iconStyles: ReturnType<typeof xcss>;
-export declare const contentStyles: ReturnType<typeof xcss>;
-export declare function getFadingStyles({ hasOverlay, }: {
-    hasOverlay: boolean;
-}): ReturnType<typeof xcss>;
-export declare const overlayStyles: ReturnType<typeof xcss>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/button",
-  "version": "16.10.1",
+  "version": "16.10.2",
   "description": "A button triggers an event or action. They let users know what will happen next.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -50,10 +50,10 @@
     "@atlaskit/focus-ring": "^1.3.0",
     "@atlaskit/interaction-context": "^2.1.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
-    "@atlaskit/primitives": "^1.4.0",
-    "@atlaskit/spinner": "^15.5.0",
+    "@atlaskit/primitives": "^1.6.0",
+    "@atlaskit/spinner": "^15.6.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.21.0",
+    "@atlaskit/tokens": "^1.25.0",
     "@atlaskit/visually-hidden": "^1.2.4",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1"
@@ -65,7 +65,6 @@
     "@af/accessibility-testing": "*",
     "@af/integration-testing": "*",
     "@af/visual-regression": "*",
-    "@atlaskit/ds-lib": "^2.2.0",
     "@atlaskit/icon": "^21.12.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",
@@ -102,7 +101,8 @@
       ],
       "deprecation": "no-deprecated-imports",
       "styling": [
-        "emotion"
+        "emotion",
+        "static"
       ]
     }
   },

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

@@ -1,12 +0,0 @@
-/** @jsx jsx */
-import React from 'react';
-import { jsx } from '@emotion/react';
-import { Appearance } from '../old-button/types';
-export type ButtonGroupProps = {
-    /**
-     * The appearance to apply to all buttons.
-     */
-    appearance?: Appearance;
-    children?: React.ReactNode;
-};
-export default function ButtonGroup({ appearance, children, }: ButtonGroupProps): jsx.JSX.Element;

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

@@ -1 +0,0 @@
-export { default } from '../containers/button-group';

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

@@ -1,2 +0,0 @@
-export { default, Theme } from '../old-button/custom-theme-button';
-export type { ThemeTokens, ThemeProps, InteractionState, CustomThemeButtonProps, CustomThemeButtonOwnProps, } from '../old-button/custom-theme-button/custom-theme-button-types';

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

@@ -1,2 +0,0 @@
-export { default } from '../old-button/loading-button';
-export type { LoadingButtonProps, LoadingButtonOwnProps, } from '../old-button/loading-button';

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

@@ -1,5 +0,0 @@
-export { default, type ButtonProps, } from '../new-button/variants/default/button';
-export { default as LinkButton, type LinkButtonProps, } from '../new-button/variants/default/link';
-export { default as IconButton, type IconButtonProps, } from '../new-button/variants/icon/button';
-export { default as LinkIconButton, type LinkIconButtonProps, } from '../new-button/variants/icon/link';
-export type { Appearance, Spacing } from '../new-button/variants/types';

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

@@ -1,7 +0,0 @@
-/**
- * Must import '@emotion/core' in order to resolve type error
- * https://product-fabric.atlassian.net/browse/DSP-3222
- */
-import '@emotion/react';
-export { default } from '../old-button/button';
-export type { ButtonProps } from '../old-button/button';

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

@@ -1,4 +0,0 @@
-export type { Appearance, Spacing, BaseOwnProps, BaseProps, } from '../old-button/types';
-export type { ButtonProps } from './standard-button';
-export type { LoadingButtonProps, LoadingButtonOwnProps, } from './loading-button';
-export type { ThemeTokens, ThemeProps, InteractionState, CustomThemeButtonProps, CustomThemeButtonOwnProps, } from './custom-theme-button';

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

@@ -1 +0,0 @@
-export { default as UNSAFE_BUTTON } from '../new-button/variants/default/button';

package/dist/types-ts4.5/index.d.ts

@@ -1,8 +0,0 @@
-export type { Appearance, Spacing, BaseOwnProps, BaseProps, } from './entry-points/types';
-export { default, } from './entry-points/standard-button';
-export type { ButtonProps } from './entry-points/standard-button';
-export { default as LoadingButton } from './entry-points/loading-button';
-export type { LoadingButtonProps, LoadingButtonOwnProps, } from './entry-points/loading-button';
-export { default as CustomThemeButton, Theme, } from './entry-points/custom-theme-button';
-export type { ThemeTokens, ThemeProps, InteractionState, CustomThemeButtonProps, CustomThemeButtonOwnProps, } from './entry-points/custom-theme-button';
-export { default as ButtonGroup } from './entry-points/button-group';

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

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

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

@@ -1,17 +0,0 @@
-import React from 'react';
-import { type AdditionalHTMLElementPropsExtender, type CombinedButtonProps } from '../types';
-import { type CommonDefaultButtonProps } from './types';
-type Element = HTMLAnchorElement;
-type AdditionalHTMLElementProps = AdditionalHTMLElementPropsExtender<React.AnchorHTMLAttributes<Element>>;
-export type LinkButtonProps = CommonDefaultButtonProps & CombinedButtonProps<Element, AdditionalHTMLElementProps>;
-/**
- * __Link Button__
- *
- * A 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)
- */
-declare const LinkButton: React.MemoExoticComponent<React.ForwardRefExoticComponent<CommonDefaultButtonProps & Omit<AdditionalHTMLElementProps, keyof import("../types").CommonButtonProps<TagName>> & import("../types").CommonButtonProps<HTMLAnchorElement> & React.RefAttributes<HTMLAnchorElement>>>;
-export default LinkButton;

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

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-export type CommonDefaultButtonProps = {
-    /**
-     * Places an icon within the button, after the button's text
-     */
-    iconAfter?: React.ReactChild;
-    /**
-     * Places an icon within the button, before the button's text
-     */
-    iconBefore?: React.ReactChild;
-    /**
-     * Option to fit button width to its parent width
-     */
-    shouldFitContainer?: boolean;
-};

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

@@ -1,15 +0,0 @@
-import { type UseButtonBaseArgs, type UseButtonBaseReturn } from '../shared/use-button-base';
-import { type CommonDefaultButtonProps } from './types';
-type UseDefaultButtonArgs<TagName extends HTMLElement> = UseButtonBaseArgs<TagName> & CommonDefaultButtonProps;
-type UseButtonReturn<TagName extends HTMLElement> = UseButtonBaseReturn<TagName>;
-/**
- * __Use default button base__
- *
- * A React hook that accepts a set of default Button props,
- * and processes them to return consistent base props for usage
- * across Button and LinkButton variants.
- *
- * @private
- */
-declare const useDefaultButton: <TagName extends HTMLElement>({ analyticsContext, appearance, autoFocus, buttonType, iconBefore, iconAfter, interactionName, isDisabled, isSelected, children, onClick, onMouseDownCapture, onMouseUpCapture, onKeyDownCapture, onKeyUpCapture, onTouchStartCapture, onTouchEndCapture, onPointerDownCapture, onPointerUpCapture, onClickCapture, overlay, ref, shouldFitContainer, spacing, }: UseDefaultButtonArgs<TagName>) => UseButtonReturn<TagName>;
-export default useDefaultButton;

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

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

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

@@ -1,17 +0,0 @@
-import React from 'react';
-import { type AdditionalHTMLElementPropsExtender, type CombinedButtonProps } from '../types';
-import { type CommonIconButtonProps } from './types';
-type Element = HTMLAnchorElement;
-type AdditionalHTMLElementProps = AdditionalHTMLElementPropsExtender<React.AnchorHTMLAttributes<Element>>;
-export type LinkIconButtonProps = CommonIconButtonProps & CombinedButtonProps<Element, AdditionalHTMLElementProps>;
-/**
- * __Link Button__
- *
- * A 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)
- */
-declare const LinkIconButton: React.MemoExoticComponent<React.ForwardRefExoticComponent<CommonIconButtonProps & Omit<AdditionalHTMLElementProps, keyof import("../types").CommonButtonProps<TagName>> & import("../types").CommonButtonProps<HTMLAnchorElement> & React.RefAttributes<HTMLAnchorElement>>>;
-export default LinkIconButton;

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

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-export type CommonIconButtonProps = {
-    /**
-     * TODO: Consider locking-down icon props by converting from slot props to component props
-     * Places an icon within the button, after the button's text
-     */
-    icon: React.ReactChild;
-};

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

@@ -1,15 +0,0 @@
-import { type UseButtonBaseArgs, type UseButtonBaseReturn } from '../shared/use-button-base';
-import { type CommonIconButtonProps } from './types';
-type UseIconButtonArgs<TagName extends HTMLElement> = UseButtonBaseArgs<TagName> & CommonIconButtonProps;
-type UseIconButtonReturn<TagName extends HTMLElement> = UseButtonBaseReturn<TagName>;
-/**
- * __Use icon button__
- *
- * A React hook that accepts a set of icon Button props,
- * and processes them to return consistent base props for usage
- * across IconButton and LinkIconButton variants.
- *
- * @private
- */
-declare const useIconButton: <TagName extends HTMLElement>({ analyticsContext, appearance, autoFocus, buttonType, icon, interactionName, isDisabled, isSelected, onClick, onMouseDownCapture, onMouseUpCapture, onKeyDownCapture, onKeyUpCapture, onTouchStartCapture, onTouchEndCapture, onPointerDownCapture, onPointerUpCapture, onClickCapture, overlay, ref, shouldFitContainer, spacing, }: UseIconButtonArgs<TagName>) => UseIconButtonReturn<TagName>;
-export default useIconButton;

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

@@ -1,2 +0,0 @@
-import { type ControlledEvents } from './use-button-base';
-export default function blockEvents<TagName extends HTMLElement>(shouldBlockEvents: boolean, events: ControlledEvents<TagName>): ControlledEvents<TagName>;

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

@@ -1,18 +0,0 @@
-import { type BackgroundColor, type TextColor } from '@atlaskit/primitives';
-import { type Appearance } from '../types';
-export type ColorGroup<T extends BackgroundColor | TextColor> = {
-    default: T;
-    hover?: T;
-    active?: T;
-    disabled?: T;
-    selected?: T;
-};
-export type ColorPreset<T extends BackgroundColor | TextColor> = {
-    [key in Appearance]: ColorGroup<T>;
-};
-type Values = {
-    background: ColorPreset<BackgroundColor>;
-    color: ColorPreset<TextColor>;
-};
-declare const values: Values;
-export default values;

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

@@ -1,37 +0,0 @@
-import React from 'react';
-import { xcss } from '@atlaskit/primitives';
-import { type CommonButtonProps } from '../types';
-export type ControlledEvents<TagName extends HTMLElement> = Pick<React.DOMAttributes<TagName>, 'onMouseDownCapture' | 'onMouseUpCapture' | 'onKeyDownCapture' | 'onKeyUpCapture' | 'onTouchStartCapture' | 'onTouchEndCapture' | 'onPointerDownCapture' | 'onPointerUpCapture' | 'onClickCapture' | 'onClick'>;
-export type ControlledEventsPassed<TagName extends HTMLElement> = Omit<ControlledEvents<TagName>, 'onClick'> & Pick<CommonButtonProps<TagName>, 'onClick'>;
-export type UseButtonBaseArgs<TagName extends HTMLElement> = {
-    ref: React.Ref<TagName>;
-    /**
-     * The type of button. Used to pass action subject context to analytics.
-     */
-    buttonType: 'button' | 'link';
-    isIconButton?: boolean;
-    hasIconBefore?: boolean;
-    hasIconAfter?: boolean;
-    shouldFitContainer?: boolean;
-} & Pick<CommonButtonProps<TagName>, 'analyticsContext' | 'appearance' | 'autoFocus' | 'children' | 'interactionName' | 'isDisabled' | 'isSelected' | 'overlay' | 'spacing'> & ControlledEventsPassed<TagName>;
-export type UseButtonBaseReturn<TagName extends HTMLElement> = {
-    xcss: ReturnType<typeof xcss>;
-    ref(node: TagName | null): void;
-    children: React.ReactNode;
-    isDisabled: boolean;
-} & ControlledEvents<TagName>;
-/**
- * __Use button base__
- *
- * A React hook that accepts a set of common Button props,
- * and processes them to return consistent base props for usage
- * across various Button components.
- *
- * It also:
- * - Implements auto focus when enabled.
- * - Appends the `onClick` event with UFO analytics tracking.
- *
- * @private
- */
-declare const useButtonBase: <TagName extends HTMLElement>({ analyticsContext, appearance, autoFocus, buttonType, interactionName, isDisabled, isSelected, isIconButton, hasIconBefore, hasIconAfter, children, onClick: providedOnClick, onMouseDownCapture, onMouseUpCapture, onKeyDownCapture, onKeyUpCapture, onTouchStartCapture, onTouchEndCapture, onPointerDownCapture, onPointerUpCapture, onClickCapture, overlay, ref, shouldFitContainer, spacing, }: UseButtonBaseArgs<TagName>) => UseButtonBaseReturn<TagName>;
-export default useButtonBase;

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

@@ -1,24 +0,0 @@
-import { xcss } from '@atlaskit/primitives';
-import { type Appearance, type Spacing } from '../types';
-export type GetXCSSArgs = {
-    appearance: Appearance;
-    spacing: Spacing;
-    isDisabled: boolean;
-    isSelected: boolean;
-    shouldFitContainer: boolean;
-    hasOverlay: boolean;
-    isIconButton: boolean;
-    hasIconBefore: boolean;
-    hasIconAfter: boolean;
-    /**
-     * If the button is a LinkButton
-     */
-    isLink: boolean;
-};
-export declare function getXCSS({ appearance, spacing, isDisabled, isSelected, isIconButton, shouldFitContainer, isLink, hasOverlay, hasIconBefore, hasIconAfter, }: GetXCSSArgs): ReturnType<typeof xcss>;
-export declare const iconStyles: ReturnType<typeof xcss>;
-export declare const contentStyles: ReturnType<typeof xcss>;
-export declare function getFadingStyles({ hasOverlay, }: {
-    hasOverlay: boolean;
-}): ReturnType<typeof xcss>;
-export declare const overlayStyles: ReturnType<typeof xcss>;

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

@@ -1,69 +0,0 @@
-import React from 'react';
-import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
-export type Appearance = 'default' | 'danger' | 'link' | 'primary' | 'subtle' | 'subtle-link' | 'warning';
-export type Spacing = 'compact' | 'default' | 'none';
-type Combine<First, Second> = Omit<First, keyof Second> & Second;
-export type CommonButtonProps<TagName extends HTMLElement> = {
-    /**
-     * The base styling to apply to the button
-     */
-    appearance?: Appearance;
-    /**
-     * Set the button to autofocus on mount
-     */
-    autoFocus?: boolean;
-    /**
-     * Used to 'overlay' something over a button. This is commonly used to display a loading spinner
-     */
-    overlay?: React.ReactNode;
-    /**
-     * Set if the button is disabled
-     */
-    isDisabled?: boolean;
-    /**
-     * Change the style to indicate the button is selected
-     */
-    isSelected?: boolean;
-    /**
-     * Handler to be called on blur
-     */
-    onBlur?: React.FocusEventHandler<TagName>;
-    /**
-     * Handler to be called on click. The second argument can be used to track analytics data. See the tutorial in the analytics-next package for details
-     */
-    onClick?: (e: React.MouseEvent<TagName>, analyticsEvent: UIAnalyticsEvent) => void;
-    /**
-     * Handler to be called on focus
-     */
-    onFocus?: React.FocusEventHandler<TagName>;
-    /**
-     * Set the amount of padding in the button
-     */
-    spacing?: Spacing;
-    /**
-     * Text content to be rendered in the button
-     */
-    children: React.ReactNode;
-    /**
-     * A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests
-     */
-    testId?: string;
-    /**
-     * An optional name used to identify this component to press listeners. E.g. interaction tracing
-     * @see https://hello.atlassian.net/wiki/spaces/UFO/pages/2010358949/UFO+Integration+into+Design+System+components
-     */
-    interactionName?: string;
-    /**
-     * Additional information to be included in the `context` of analytics events that come from button
-     */
-    analyticsContext?: Record<string, any>;
-};
-type SupportedElementAttributes = React.ButtonHTMLAttributes<HTMLButtonElement> | React.AnchorHTMLAttributes<HTMLAnchorElement>;
-export type AdditionalHTMLElementPropsExtender<Props extends SupportedElementAttributes> = Combine<Omit<Props, 'className' | 'style' | 'role' | 'disabled'>, {
-    'data-testid'?: never;
-}>;
-/**
- * Combines common buttom props with additional HTML attributes.
- */
-export type CombinedButtonProps<TagName extends HTMLElement, HTMLAttributes extends SupportedElementAttributes> = Combine<HTMLAttributes, CommonButtonProps<TagName>>;
-export {};

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

@@ -1,15 +0,0 @@
-import React from 'react';
-import { BaseProps } from './types';
-export interface ButtonProps extends BaseProps {
-}
-/**
- * __Button__
- *
- * 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)
- */
-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,22 +0,0 @@
-import { CSSObject } from '@emotion/react';
-import { ThemeModes } from '@atlaskit/theme/types';
-import { BaseProps } from '../types';
-export type ThemeTokens = {
-    buttonStyles: CSSObject;
-    spinnerStyles: CSSObject;
-};
-export type InteractionState = 'disabled' | 'focusSelected' | 'selected' | 'active' | 'hover' | 'focus' | 'default';
-export type CustomThemeButtonOwnProps = {
-    isLoading?: boolean;
-    /**
-     * Slow + discouraged custom theme API
-     * See custom theme guide for usage details
-     */
-    theme?: (current: (props: ThemeProps) => ThemeTokens, props: ThemeProps) => ThemeTokens;
-};
-export type CustomThemeButtonProps = Omit<BaseProps, 'overlay'> & CustomThemeButtonOwnProps;
-export type ThemeProps = Partial<CustomThemeButtonProps> & {
-    state: InteractionState;
-    iconIsOnlyChild?: boolean;
-    mode?: ThemeModes;
-};

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

@@ -1,10 +0,0 @@
-import React from 'react';
-/**
- * __Custom theme button__
- *
- * A custom theme button. Avoid using this component. It exists for those already using custom theming, which is hard to use and has performance issues.
- *
- * - [Examples](https://atlassian.design/components/button/examples#custom-theme-button)
- */
-declare const CustomThemeButton: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<import("../types").BaseProps, "overlay"> & import("./custom-theme-button-types").CustomThemeButtonOwnProps & React.RefAttributes<HTMLElement>>>;
-export default CustomThemeButton;