@atlaskit/button 16.4.0 → 16.5.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/button
 
+## 16.5.0
+
+### Minor Changes
+
+- [`71799e16ae6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/71799e16ae6) - Introduce InteractionContext to @atlaskit/button
+
+### Patch Changes
+
+- [`3c76f243e7f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3c76f243e7f) - InteractionContext is nullable
+- Updated dependencies
+
+## 16.4.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 16.4.0
 
 ### Minor Changes

package/codemods/15.1.1-data-testid.tsx

@@ -87,20 +87,18 @@ export function getNamedImportName({
       .filter((path) => path.node.source.value === importPath)
       .find(j.ImportSpecifier)
       .nodes()
-      .map(
-        (specifier): Nullable<string> => {
-          if (specifier.imported.name === originalName) {
-            // aliased
-            if (specifier.local) {
-              return specifier.local.name;
-            }
-            // not aliased
-            return originalName;
+      .map((specifier): Nullable<string> => {
+        if (specifier.imported.name === originalName) {
+          // aliased
+          if (specifier.local) {
+            return specifier.local.name;
           }
+          // not aliased
+          return originalName;
+        }
 
-          return null;
-        },
-      )
+        return null;
+      })
       .filter(Boolean)[0] || null;
   return name;
 }

package/codemods/__tests__/15.0.0-lite-mode/optimistic.tsx

@@ -369,8 +369,7 @@ describe('Non exclusive JSX usage of <Button />', () => {
 
   check({
     transformer,
-    it:
-      'should use standard button if Button is used in JSX and also not in JSX',
+    it: 'should use standard button if Button is used in JSX and also not in JSX',
     original: `
       import React from 'react';
       import Button from './our-button';
@@ -419,8 +418,7 @@ describe('Non exclusive JSX usage of <Button />', () => {
 describe('Spreading props', () => {
   check({
     transformer,
-    it:
-      'should try to choose the right button if there are locally spread values (seperate object)',
+    it: 'should try to choose the right button if there are locally spread values (seperate object)',
     original: `
       import React from 'react';
       import Button from '@atlaskit/button';
@@ -451,8 +449,7 @@ describe('Spreading props', () => {
 
   check({
     transformer,
-    it:
-      'should try to choose the right button if there are locally spread values (inline object)',
+    it: 'should try to choose the right button if there are locally spread values (inline object)',
     original: `
       import React from 'react';
       import Button from '@atlaskit/button';
@@ -475,8 +472,7 @@ describe('Spreading props', () => {
 
   check({
     transformer,
-    it:
-      'should try to choose the right button if there are multiple local spread values',
+    it: 'should try to choose the right button if there are multiple local spread values',
     original: `
       import React from 'react';
       import Button from '@atlaskit/button';
@@ -513,8 +509,7 @@ describe('Spreading props', () => {
 
   check({
     transformer,
-    it:
-      'should try to choose the right button if there are locally spread values (custom theme button)',
+    it: 'should try to choose the right button if there are locally spread values (custom theme button)',
     original: `
       import React from 'react';
       import Button from '@atlaskit/button';
@@ -549,8 +544,7 @@ describe('Spreading props', () => {
 
   check({
     transformer,
-    it:
-      'should try to choose the right button if there is a spread value being mixed with a local values',
+    it: 'should try to choose the right button if there is a spread value being mixed with a local values',
     original: `
       import React from 'react';
       import Button from '@atlaskit/button';

package/codemods/__tests__/15.0.0-lite-mode/shared.tsx

@@ -47,8 +47,7 @@ import { check } from '../_framework';
       });
 
       check({
-        it:
-          'should fallback to a `DSButtonAppearance` type alias if the `Appearance` identifier name is unavailable',
+        it: 'should fallback to a `DSButtonAppearance` type alias if the `Appearance` identifier name is unavailable',
         transformer,
         original: `
           import { Appearance } from 'some-other-package';

package/codemods/__tests__/15.1.1-data-testid/rename-data-testid.tsx

@@ -135,8 +135,7 @@ check({
 
 check({
   transformer,
-  it:
-    'should add a warning when both the testId and data-testid props are being used',
+  it: 'should add a warning when both the testId and data-testid props are being used',
   original: `
     import StandardButton from '@atlaskit/button';
 

package/codemods/helpers/helpers-generic.tsx

@@ -550,19 +550,17 @@ export function changeImportFor({
       .filter((path) => path.node.source.value === oldPackagePath)
       .find(j.ImportSpecifier)
       .nodes()
-      .map(
-        (specifier): Nullable<string> => {
-          if (specifier.imported.name !== currentName) {
-            return null;
-          }
-          // If aliased: return the alias
-          if (specifier.local && specifier.local.name !== currentName) {
-            return specifier.local.name;
-          }
-
+      .map((specifier): Nullable<string> => {
+        if (specifier.imported.name !== currentName) {
           return null;
-        },
-      )
+        }
+        // If aliased: return the alias
+        if (specifier.local && specifier.local.name !== currentName) {
+          return specifier.local.name;
+        }
+
+        return null;
+      })
       .filter(Boolean)[0] || null;
 
   base

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

@@ -23,13 +23,15 @@ var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
 
 var _useAutoFocus = _interopRequireDefault(require("@atlaskit/ds-lib/use-auto-focus"));
 
+var _interactionContext = _interopRequireDefault(require("@atlaskit/interaction-context"));
+
 var _colors = require("@atlaskit/theme/colors");
 
 var _blockEvents = _interopRequireDefault(require("./block-events"));
 
 var _css = require("./css");
 
-var _excluded = ["appearance", "buttonCss", "spacing", "autoFocus", "isDisabled", "shouldFitContainer", "isSelected", "iconBefore", "iconAfter", "children", "className", "href", "overlay", "tabIndex", "type", "onMouseDown", "onClick", "component", "testId", "analyticsContext"];
+var _excluded = ["appearance", "buttonCss", "spacing", "autoFocus", "isDisabled", "shouldFitContainer", "isSelected", "iconBefore", "iconAfter", "children", "className", "href", "overlay", "tabIndex", "type", "onMouseDown", "onClick", "component", "testId", "interactionName", "analyticsContext"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -76,6 +78,7 @@ var _default = /*#__PURE__*/_react.default.forwardRef(function ButtonBase(props,
       _props$component = props.component,
       Component = _props$component === void 0 ? href ? 'a' : 'button' : _props$component,
       testId = props.testId,
+      interactionName = props.interactionName,
       analyticsContext = props.analyticsContext,
       rest = (0, _objectWithoutProperties2.default)(props, _excluded);
   var ourRef = (0, _react.useRef)();
@@ -96,12 +99,17 @@ var _default = /*#__PURE__*/_react.default.forwardRef(function ButtonBase(props,
   }, [ourRef, ref]); // Cross browser auto focusing is pretty broken, so we are doing it ourselves
 
   (0, _useAutoFocus.default)(ourRef, autoFocus);
+  var interactionContext = (0, _react.useContext)(_interactionContext.default);
+  var handleClick = (0, _react.useCallback)(function (e, analyticsEvent) {
+    interactionContext && interactionContext.tracePress(interactionName, e.timeStamp);
+    providedOnClick(e, analyticsEvent);
+  }, [providedOnClick, interactionContext, interactionName]);
   var onClick = (0, _analyticsNext.usePlatformLeafEventHandler)({
-    fn: providedOnClick,
+    fn: handleClick,
     action: 'clicked',
     componentName: 'button',
     packageName: "@atlaskit/button",
-    packageVersion: "16.4.0",
+    packageVersion: "16.5.0",
     analyticsData: analyticsContext
   }); // Button currently calls preventDefault, which is not standard button behaviour
 

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/button",
-	"version": "16.4.0",
+	"version": "16.5.0",
 	"sideEffects": false
 }

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

@@ -1,11 +1,13 @@
 import _extends from "@babel/runtime/helpers/extends";
 
 /** @jsx jsx */
-import React, { useCallback, useEffect, useRef } from 'react';
+import React, { useCallback, useContext, useEffect, useRef } from 'react';
 import { css, jsx } from '@emotion/react';
 import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
 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 { N500 } from '@atlaskit/theme/colors';
 import blockEvents from './block-events';
 import { getContentStyle, getFadingCss, getIconStyle, overlayCss } from './css'; // Disabled buttons will still publish events for nested elements in webkit.
@@ -41,6 +43,7 @@ export default /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref) {
     // else default to anchor if there is a href, and button if there is no href
     component: Component = href ? 'a' : 'button',
     testId,
+    interactionName,
     // I don't think this should be in button, but for now it is
     analyticsContext,
     ...rest
@@ -63,12 +66,17 @@ export default /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref) {
   }, [ourRef, ref]); // Cross browser auto focusing is pretty broken, so we are doing it ourselves
 
   useAutoFocus(ourRef, autoFocus);
+  const interactionContext = useContext(InteractionContext);
+  const handleClick = useCallback((e, analyticsEvent) => {
+    interactionContext && interactionContext.tracePress(interactionName, e.timeStamp);
+    providedOnClick(e, analyticsEvent);
+  }, [providedOnClick, interactionContext, interactionName]);
   const onClick = usePlatformLeafEventHandler({
-    fn: providedOnClick,
+    fn: handleClick,
     action: 'clicked',
     componentName: 'button',
     packageName: "@atlaskit/button",
-    packageVersion: "16.4.0",
+    packageVersion: "16.5.0",
     analyticsData: analyticsContext
   }); // Button currently calls preventDefault, which is not standard button behaviour
 

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/button",
-	"version": "16.4.0",
+	"version": "16.5.0",
 	"sideEffects": false
 }

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

@@ -1,13 +1,15 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["appearance", "buttonCss", "spacing", "autoFocus", "isDisabled", "shouldFitContainer", "isSelected", "iconBefore", "iconAfter", "children", "className", "href", "overlay", "tabIndex", "type", "onMouseDown", "onClick", "component", "testId", "analyticsContext"];
+var _excluded = ["appearance", "buttonCss", "spacing", "autoFocus", "isDisabled", "shouldFitContainer", "isSelected", "iconBefore", "iconAfter", "children", "className", "href", "overlay", "tabIndex", "type", "onMouseDown", "onClick", "component", "testId", "interactionName", "analyticsContext"];
 
 /** @jsx jsx */
-import React, { useCallback, useEffect, useRef } from 'react';
+import React, { useCallback, useContext, useEffect, useRef } from 'react';
 import { css, jsx } from '@emotion/react';
 import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
 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 { N500 } from '@atlaskit/theme/colors';
 import blockEvents from './block-events';
 import { getContentStyle, getFadingCss, getIconStyle, overlayCss } from './css'; // Disabled buttons will still publish events for nested elements in webkit.
@@ -51,6 +53,7 @@ export default /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref) {
       _props$component = props.component,
       Component = _props$component === void 0 ? href ? 'a' : 'button' : _props$component,
       testId = props.testId,
+      interactionName = props.interactionName,
       analyticsContext = props.analyticsContext,
       rest = _objectWithoutProperties(props, _excluded);
 
@@ -72,12 +75,17 @@ export default /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref) {
   }, [ourRef, ref]); // Cross browser auto focusing is pretty broken, so we are doing it ourselves
 
   useAutoFocus(ourRef, autoFocus);
+  var interactionContext = useContext(InteractionContext);
+  var handleClick = useCallback(function (e, analyticsEvent) {
+    interactionContext && interactionContext.tracePress(interactionName, e.timeStamp);
+    providedOnClick(e, analyticsEvent);
+  }, [providedOnClick, interactionContext, interactionName]);
   var onClick = usePlatformLeafEventHandler({
-    fn: providedOnClick,
+    fn: handleClick,
     action: 'clicked',
     componentName: 'button',
     packageName: "@atlaskit/button",
-    packageVersion: "16.4.0",
+    packageVersion: "16.5.0",
     analyticsData: analyticsContext
   }); // Button currently calls preventDefault, which is not standard button behaviour
 

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/button",
-	"version": "16.4.0",
+	"version": "16.5.0",
 	"sideEffects": false
 }

package/dist/types/types.d.ts

@@ -77,6 +77,11 @@ export declare type BaseOwnProps = {
      */
     testId?: string;
     component?: React.ComponentType<React.AllHTMLAttributes<HTMLElement>> | React.ElementType;
+    /**
+     * 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
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/button",
-  "version": "16.4.0",
+  "version": "16.5.0",
   "description": "A button triggers an event or action. They let users know what will happen next.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -12,14 +12,6 @@
   "module": "dist/esm/index.js",
   "module:es2019": "dist/es2019/index.js",
   "types": "dist/types/index.d.ts",
-  "typesVersions": {
-    ">=4.0 <4.5": {
-      "*": [
-        "dist/types-ts4.0/*",
-        "dist/types-ts4.0/index.d.ts"
-      ]
-    }
-  },
   "sideEffects": false,
   "atlaskit:src": "src/index.tsx",
   "atlassian": {
@@ -42,9 +34,10 @@
   "dependencies": {
     "@atlaskit/analytics-next": "^8.2.0",
     "@atlaskit/ds-lib": "^2.1.0",
-    "@atlaskit/spinner": "^15.2.0",
+    "@atlaskit/interaction-context": "^2.0.0",
+    "@atlaskit/spinner": "^15.3.0",
     "@atlaskit/theme": "^12.2.0",
-    "@atlaskit/tokens": "^0.10.0",
+    "@atlaskit/tokens": "^0.11.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1"
   },
@@ -57,7 +50,7 @@
     "@atlaskit/icon": "^21.11.0",
     "@atlaskit/logo": "^13.10.0",
     "@atlaskit/section-message": "^6.3.0",
-    "@atlaskit/select": "^15.7.0",
+    "@atlaskit/select": "^16.0.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",
@@ -95,4 +88,4 @@
   },
   "homepage": "https://atlassian.design/components/button/",
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
-}
+}

package/report.api.md

@@ -1,12 +1,17 @@
+<!-- API Report Version: 2.2 -->
+
 ## API Report File for "@atlaskit/button"
 
-> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+> Do not edit this file. This report is auto-generated using [API Extractor](https://api-extractor.com/).
+> [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
+
+### Table of contents
 
-<!--
-	Generated API Report version: 2.0
--->
+- [Main Entry Types](#main-entry-types)
 
-[Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
+### Main Entry Types
+
+<!--SECTION START: Main Entry Types-->
 
 ```ts
 /// <reference types="react" />
@@ -23,8 +28,8 @@ import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
 
 // @public (undocumented)
 export type Appearance =
-  | 'default'
   | 'danger'
+  | 'default'
   | 'link'
   | 'primary'
   | 'subtle'
@@ -57,6 +62,7 @@ export type BaseOwnProps = {
   component?:
     | React_2.ComponentType<React_2.AllHTMLAttributes<HTMLElement>>
     | React_2.ElementType;
+  interactionName?: string;
   analyticsContext?: Record<string, any>;
 };
 
@@ -73,9 +79,11 @@ export type BaseProps = Combine<
 >;
 
 // @public
-const Button: React_2.MemoExoticComponent<React_2.ForwardRefExoticComponent<
-  ButtonProps & React_2.RefAttributes<HTMLElement>
->>;
+const Button: React_2.MemoExoticComponent<
+  React_2.ForwardRefExoticComponent<
+    ButtonProps & React_2.RefAttributes<HTMLElement>
+  >
+>;
 export default Button;
 
 // @public (undocumented)
@@ -97,11 +105,13 @@ export interface ButtonProps extends BaseProps {}
 type Combine<First, Second> = Omit<First, keyof Second> & Second;
 
 // @public
-export const CustomThemeButton: React_2.MemoExoticComponent<React_2.ForwardRefExoticComponent<
-  Omit<BaseProps, 'overlay'> &
-    CustomThemeButtonOwnProps &
-    React_2.RefAttributes<HTMLElement>
->>;
+export const CustomThemeButton: React_2.MemoExoticComponent<
+  React_2.ForwardRefExoticComponent<
+    Omit<BaseProps, 'overlay'> &
+      CustomThemeButtonOwnProps &
+      React_2.RefAttributes<HTMLElement>
+  >
+>;
 
 // @public (undocumented)
 export type CustomThemeButtonOwnProps = {
@@ -118,13 +128,13 @@ export type CustomThemeButtonProps = Omit<BaseProps, 'overlay'> &
 
 // @public (undocumented)
 export type InteractionState =
+  | 'active'
+  | 'default'
   | 'disabled'
+  | 'focus'
   | 'focusSelected'
-  | 'selected'
-  | 'active'
   | 'hover'
-  | 'focus'
-  | 'default';
+  | 'selected';
 
 // @public
 export const LoadingButton: React_2.ForwardRefExoticComponent<
@@ -178,3 +188,5 @@ export type ThemeTokens = {
 
 // (No @packageDocumentation comment for this package)
 ```
+
+<!--SECTION END: Main Entry Types-->

package/dist/types-ts4.0/button-group.d.ts

@@ -1,12 +0,0 @@
-/** @jsx jsx */
-import React from 'react';
-import { jsx } from '@emotion/react';
-import { Appearance } from './types';
-export declare 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.0/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.0/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 declare type ThemeTokens = {
-    buttonStyles: CSSObject;
-    spinnerStyles: CSSObject;
-};
-export declare type InteractionState = 'disabled' | 'focusSelected' | 'selected' | 'active' | 'hover' | 'focus' | 'default';
-export declare 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 declare type CustomThemeButtonProps = Omit<BaseProps, 'overlay'> & CustomThemeButtonOwnProps;
-export declare type ThemeProps = Partial<CustomThemeButtonProps> & {
-    state: InteractionState;
-    iconIsOnlyChild?: boolean;
-    mode?: ThemeModes;
-};

package/dist/types-ts4.0/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("..").BaseProps, "overlay"> & import("./custom-theme-button-types").CustomThemeButtonOwnProps & React.RefAttributes<HTMLElement>>>;
-export default CustomThemeButton;

package/dist/types-ts4.0/custom-theme-button/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from './custom-theme-button';
-export { default as Theme } from './theme';

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

@@ -1,21 +0,0 @@
-/// <reference types="react" />
-import { CSSObject } from '@emotion/react';
-import { InteractionState, ThemeProps, 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;
-    } & Partial<import("./custom-theme-button-types").CustomThemeButtonProps> & {
-        state: InteractionState;
-        iconIsOnlyChild?: boolean | undefined;
-        mode?: import("@atlaskit/theme").ThemeModes | undefined;
-    }>;
-    Provider: import("react").ComponentType<{
-        children?: import("react").ReactNode;
-        value?: import("@atlaskit/theme/components").ThemeProp<ThemeTokens, ThemeProps> | undefined;
-    }>;
-    useTheme: (props: ThemeProps) => ThemeTokens;
-};
-export default Theme;

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

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

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

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

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

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

package/dist/types-ts4.0/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 '../button';
-export type { ButtonProps } from '../button';

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

@@ -1,4 +0,0 @@
-export type { Appearance, Spacing, BaseOwnProps, BaseProps } from '../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.0/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.0/loading-button.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import { BaseProps } from './types';
-export declare type LoadingButtonOwnProps = {
-    isLoading?: boolean;
-};
-export declare type LoadingButtonProps = Omit<BaseProps, 'overlay'> & LoadingButtonOwnProps;
-/**
- * __Loading button__
- *
- * 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)
- */
-declare const LoadingButton: React.ForwardRefExoticComponent<Omit<BaseProps, "overlay"> & LoadingButtonOwnProps & React.RefAttributes<HTMLElement>>;
-export default LoadingButton;

package/dist/types-ts4.0/shared/block-events.d.ts

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

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

@@ -1,10 +0,0 @@
-/** @jsx jsx */
-import React from 'react';
-import { CSSObject } from '@emotion/react';
-declare const _default: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.AllHTMLAttributes<HTMLElement>, "disabled">, "data-testid" | "data-has-overlay"> & {
-    'data-testid'?: undefined;
-    'data-has-overlay'?: undefined;
-}, keyof import("../types").BaseOwnProps> & import("../types").BaseOwnProps & {
-    buttonCss: CSSObject;
-} & React.RefAttributes<HTMLElement>>;
-export default _default;

package/dist/types-ts4.0/shared/colors.d.ts

@@ -1,31 +0,0 @@
-import { ThemeModes } from '@atlaskit/theme/types';
-import { Appearance } from '../types';
-export declare type ColorRule = {
-    [key in ThemeModes]: string;
-};
-export declare type ColorGroup = {
-    default: ColorRule;
-    hover?: ColorRule;
-    active?: ColorRule;
-    disabled?: ColorRule;
-    selected?: ColorRule;
-    focus?: ColorRule;
-    focusSelected?: ColorRule;
-};
-export declare type ColorPreset = {
-    [key in Appearance]: ColorGroup;
-};
-export declare type BoxShadowColorGroup = {
-    focus: ColorRule;
-    focusSelected: ColorRule;
-};
-declare type BoxShadowColorPreset = {
-    [key in Appearance]: BoxShadowColorGroup;
-};
-declare type Values = {
-    background: ColorPreset;
-    boxShadowColor: BoxShadowColorPreset;
-    color: ColorPreset;
-};
-declare const values: Values;
-export default values;

package/dist/types-ts4.0/shared/css.d.ts

@@ -1,22 +0,0 @@
-import { CSSObject } from '@emotion/react';
-import { ThemeModes } from '@atlaskit/theme/types';
-import { Appearance, Spacing } from '../types';
-export declare type GetCssArgs = {
-    appearance: Appearance;
-    spacing: Spacing;
-    mode: ThemeModes;
-    isSelected: boolean;
-    shouldFitContainer: boolean;
-    isOnlySingleIcon: boolean;
-};
-export declare function getCss({ appearance, spacing, mode, isSelected, shouldFitContainer, isOnlySingleIcon, }: GetCssArgs): CSSObject;
-export declare function getIconStyle({ spacing }: {
-    spacing: Spacing;
-}): import("@emotion/react").SerializedStyles;
-export declare function getContentStyle({ spacing }: {
-    spacing: Spacing;
-}): import("@emotion/react").SerializedStyles;
-export declare function getFadingCss({ hasOverlay }: {
-    hasOverlay: boolean;
-}): import("@emotion/react").SerializedStyles;
-export declare const overlayCss: CSSObject;

package/dist/types-ts4.0/shared/get-is-only-single-icon.d.ts

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

package/dist/types-ts4.0/shared/loading-spinner.d.ts

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

package/dist/types-ts4.0/types.d.ts

@@ -1,89 +0,0 @@
-import React from 'react';
-import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
-export declare type Appearance = 'default' | 'danger' | 'link' | 'primary' | 'subtle' | 'subtle-link' | 'warning';
-export declare type Spacing = 'compact' | 'default' | 'none';
-declare type Combine<First, Second> = Omit<First, keyof Second> & Second;
-export declare type BaseOwnProps = {
-    /**
-     * The base styling to apply to the button
-     */
-    appearance?: Appearance;
-    /**
-     * Set the button to autofocus on mount
-     */
-    autoFocus?: boolean;
-    /**
-     * Add a classname to the button
-     */
-    className?: string;
-    /**
-     * Used to 'overlay' something over a button. This is commonly used to display a loading spinner
-     */
-    overlay?: React.ReactNode;
-    /**
-     * Provides a url for buttons being used as a link
-     */
-    href?: string;
-    /**
-     * 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;
-    /**
-     * 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<HTMLElement>;
-    /**
-     * 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<HTMLElement>, analyticsEvent: UIAnalyticsEvent) => void;
-    /**
-     * Handler to be called on focus
-     */
-    onFocus?: React.FocusEventHandler<HTMLElement>;
-    /**
-     * Set the amount of padding in the button
-     */
-    spacing?: Spacing;
-    /**
-     * Pass target down to a link within the button component, if a href is provided
-     */
-    target?: React.AnchorHTMLAttributes<HTMLAnchorElement>['target'];
-    /**
-     * Pass type down to a button
-     */
-    type?: React.ButtonHTMLAttributes<HTMLButtonElement>['type'];
-    /**
-     * Option to fit button width to its parent width
-     */
-    shouldFitContainer?: boolean;
-    /**
-     * 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;
-    component?: React.ComponentType<React.AllHTMLAttributes<HTMLElement>> | React.ElementType;
-    /**
-     * Additional information to be included in the `context` of analytics events that come from button
-     */
-    analyticsContext?: Record<string, any>;
-};
-export declare type BaseProps = Combine<Combine<Omit<React.AllHTMLAttributes<HTMLElement>, 'disabled'>, {
-    'data-testid'?: never;
-    'data-has-overlay'?: never;
-}>, BaseOwnProps>;
-export {};