@atlaskit/button 16.3.1 → 16.3.4

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/button
 
+## 16.3.4
+
+### Patch Changes
+
+- [`65a90f6ba14`](https://bitbucket.org/atlassian/atlassian-frontend/commits/65a90f6ba14) - Use medium icons for button examples
+
+## 16.3.3
+
+### Patch Changes
+
+- [`8a5bdb3c844`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8a5bdb3c844) - Upgrading internal dependency (bind-event-listener) for improved internal types
+
+## 16.3.2
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 16.3.1
 
 ### Patch Changes

package/__perf__/utils/example-runner.tsx

@@ -1,5 +1,7 @@
 import React, { useLayoutEffect, useRef, useState } from 'react';
 
+import { bindAll } from 'bind-event-listener';
+
 import type { ButtonProps } from '../../src';
 
 export default function Example({
@@ -24,13 +26,10 @@ export default function Example({
       throw new Error('Could not find button ref');
     }
 
-    el.addEventListener('toggle-select', toggleSelect);
-    el.addEventListener('toggle-disabled', toggleDisabled);
-
-    return () => {
-      el.removeEventListener('toggle-select', toggleSelect);
-      el.removeEventListener('toggle-disabled', toggleDisabled);
-    };
+    return bindAll(el, [
+      { type: 'toggle-select', listener: toggleSelect },
+      { type: 'toggle-disabled', listener: toggleDisabled },
+    ]);
   }, []);
 
   return (

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

@@ -101,7 +101,7 @@ var _default = /*#__PURE__*/_react.default.forwardRef(function ButtonBase(props,
     action: 'clicked',
     componentName: 'button',
     packageName: "@atlaskit/button",
-    packageVersion: "16.3.1",
+    packageVersion: "16.3.4",
     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.3.1",
+	"version": "16.3.4",
 	"sideEffects": false
 }

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

@@ -70,7 +70,7 @@ export default /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref) {
     action: 'clicked',
     componentName: 'button',
     packageName: "@atlaskit/button",
-    packageVersion: "16.3.1",
+    packageVersion: "16.3.4",
     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.3.1",
+	"version": "16.3.4",
 	"sideEffects": false
 }

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

@@ -79,7 +79,7 @@ export default /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref) {
     action: 'clicked',
     componentName: 'button',
     packageName: "@atlaskit/button",
-    packageVersion: "16.3.1",
+    packageVersion: "16.3.4",
     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.3.1",
+	"version": "16.3.4",
 	"sideEffects": false
 }

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@atlaskit/button",
-  "version": "16.3.1",
+  "version": "16.3.4",
   "description": "A button triggers an event or action. They let users know what will happen next.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },
-  "repository": "https://bitbucket.org/atlassian/atlassian-frontend",
+  "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
   "main": "dist/cjs/index.js",
@@ -18,7 +18,8 @@
     "team": "Design System Team",
     "releaseModel": "scheduled",
     "website": {
-      "name": "Button"
+      "name": "Button",
+      "category": "Components"
     }
   },
   "af:exports": {
@@ -31,7 +32,7 @@
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^8.2.0",
-    "@atlaskit/ds-lib": "^1.4.0",
+    "@atlaskit/ds-lib": "^2.0.0",
     "@atlaskit/spinner": "^15.1.0",
     "@atlaskit/theme": "^12.1.0",
     "@atlaskit/tokens": "^0.10.0",
@@ -45,9 +46,9 @@
     "@atlaskit/checkbox": "^12.3.0",
     "@atlaskit/docs": "*",
     "@atlaskit/icon": "^21.10.0",
-    "@atlaskit/logo": "^13.6.0",
+    "@atlaskit/logo": "^13.7.0",
     "@atlaskit/section-message": "^6.1.0",
-    "@atlaskit/select": "^15.0.0",
+    "@atlaskit/select": "^15.3.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",
@@ -55,6 +56,7 @@
     "@testing-library/react": "^8.0.1",
     "@types/react-router-dom": "^4.3.1",
     "ast-types": "^0.13.3",
+    "bind-event-listener": "^2.1.1",
     "jest-emotion": "^10.0.32",
     "jest-in-case": "^1.0.2",
     "jscodeshift": "^0.13.0",
@@ -70,6 +72,7 @@
       "import-structure": "atlassian-conventions"
     },
     "@repo/internal": {
+      "dom-events": "use-bind-event-listener",
       "ui-components": "lite-mode",
       "analytics": "analytics-next",
       "theming": "tokens",

package/report.api.md

@@ -0,0 +1,164 @@
+## API Report File for "@atlaskit/button"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+/// <reference types="react" />
+
+import { ComponentType } from 'react';
+import { CSSObject } from '@emotion/core';
+import { default as React_2 } from 'react';
+import { ReactNode } from 'react';
+import { ThemeModes } from '@atlaskit/theme/types';
+import { ThemeModes as ThemeModes_2 } from '@atlaskit/theme';
+import { ThemeProp } from '@atlaskit/theme/components';
+import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
+
+// @public (undocumented)
+export type Appearance =
+  | 'default'
+  | 'danger'
+  | 'link'
+  | 'primary'
+  | 'subtle'
+  | 'subtle-link'
+  | 'warning';
+
+// @public (undocumented)
+export type BaseOwnProps = {
+  appearance?: Appearance;
+  autoFocus?: boolean;
+  className?: string;
+  overlay?: React_2.ReactNode;
+  href?: string;
+  iconAfter?: React_2.ReactChild;
+  iconBefore?: React_2.ReactChild;
+  isDisabled?: boolean;
+  isSelected?: boolean;
+  onBlur?: React_2.FocusEventHandler<HTMLElement>;
+  onClick?: (
+    e: React_2.MouseEvent<HTMLElement>,
+    analyticsEvent: UIAnalyticsEvent,
+  ) => void;
+  onFocus?: React_2.FocusEventHandler<HTMLElement>;
+  spacing?: Spacing;
+  target?: React_2.AnchorHTMLAttributes<HTMLAnchorElement>['target'];
+  type?: React_2.ButtonHTMLAttributes<HTMLButtonElement>['type'];
+  shouldFitContainer?: boolean;
+  children?: React_2.ReactNode;
+  testId?: string;
+  component?:
+    | React_2.ComponentType<React_2.AllHTMLAttributes<HTMLElement>>
+    | React_2.ElementType;
+  analyticsContext?: Record<string, any>;
+};
+
+// @public (undocumented)
+export type BaseProps = Combine<
+  Combine<
+    Omit<React_2.AllHTMLAttributes<HTMLElement>, 'disabled'>,
+    {
+      'data-testid'?: never;
+      'data-has-overlay'?: never;
+    }
+  >,
+  BaseOwnProps
+>;
+
+// @public (undocumented)
+const Button: React_2.MemoExoticComponent<React_2.ForwardRefExoticComponent<
+  ButtonProps & React_2.RefAttributes<HTMLElement>
+>>;
+export default Button;
+
+// @public (undocumented)
+export function ButtonGroup({
+  appearance,
+  children,
+}: ButtonGroupProps): JSX.Element;
+
+// @public (undocumented)
+export interface ButtonProps extends BaseProps {}
+
+// @public (undocumented)
+export const CustomThemeButton: React_2.MemoExoticComponent<React_2.ForwardRefExoticComponent<
+  Omit<BaseProps, 'overlay'> &
+    CustomThemeButtonOwnProps &
+    React_2.RefAttributes<HTMLElement>
+>>;
+
+// @public (undocumented)
+export type CustomThemeButtonOwnProps = {
+  isLoading?: boolean;
+  theme?: (
+    current: (props: ThemeProps) => ThemeTokens,
+    props: ThemeProps,
+  ) => ThemeTokens;
+};
+
+// @public (undocumented)
+export type CustomThemeButtonProps = Omit<BaseProps, 'overlay'> &
+  CustomThemeButtonOwnProps;
+
+// @public (undocumented)
+export type InteractionState =
+  | 'disabled'
+  | 'focusSelected'
+  | 'selected'
+  | 'active'
+  | 'hover'
+  | 'focus'
+  | 'default';
+
+// @public (undocumented)
+export const LoadingButton: React_2.ForwardRefExoticComponent<
+  Omit<BaseProps, 'overlay'> &
+    LoadingButtonOwnProps &
+    React_2.RefAttributes<HTMLElement>
+>;
+
+// @public (undocumented)
+export type LoadingButtonOwnProps = {
+  isLoading?: boolean;
+};
+
+// @public (undocumented)
+export type LoadingButtonProps = Omit<BaseProps, 'overlay'> &
+  LoadingButtonOwnProps;
+
+// @public (undocumented)
+export type Spacing = 'compact' | 'default' | 'none';
+
+// @public (undocumented)
+export const Theme: {
+  Consumer: ComponentType<
+    {
+      children: (tokens: ThemeTokens) => ReactNode;
+    } & Partial<CustomThemeButtonProps> & {
+        state: InteractionState;
+        iconIsOnlyChild?: boolean | undefined;
+        mode?: ThemeModes_2 | undefined;
+      }
+  >;
+  Provider: ComponentType<{
+    children?: ReactNode;
+    value?: ThemeProp<ThemeTokens, ThemeProps> | undefined;
+  }>;
+  useTheme: (props: ThemeProps) => ThemeTokens;
+};
+
+// @public (undocumented)
+export type ThemeProps = Partial<CustomThemeButtonProps> & {
+  state: InteractionState;
+  iconIsOnlyChild?: boolean;
+  mode?: ThemeModes;
+};
+
+// @public (undocumented)
+export type ThemeTokens = {
+  buttonStyles: CSSObject;
+  spinnerStyles: CSSObject;
+};
+
+// (No @packageDocumentation comment for this package)
+```