@atlaskit/button 20.3.2 → 20.3.4

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/button
 
+## 20.3.4
+
+### Patch Changes
+
+- [#171994](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/171994)
+  [`be58e4bb2e387`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/be58e4bb2e387) -
+  Migrating usages of UNSAFE types and entrypoints that have been renamed in `@atlaskit/icon` and
+  `@atlaskit/icon-lab`.
+- Updated dependencies
+
+## 20.3.3
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 20.3.2
 
 ### Patch Changes

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

@@ -16,11 +16,11 @@ var _excluded = ["aria-label", "aria-labelledby", "analyticsContext", "appearanc
 /**
  * __Icon Button__
  *
- * TODO: Description
+ * Renders an icon-only button lets people take a common and recognizable action where space is limited.
  *
- * - [Examples](https://atlassian.design/components/icon-button/examples)
- * - [Code](https://atlassian.design/components/icon-button/code)
- * - [Usage](https://atlassian.design/components/icon-button/usage)
+ * - [Examples](https://atlassian.design/components/button/icon-button/examples)
+ * - [Code](https://atlassian.design/components/button/icon-button/code)
+ * - [Usage](https://atlassian.design/components/button/icon-button/usage)
  */
 var IconButton = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(function Button(_ref, ref) {
   var preventedAriaLabel = _ref['aria-label'],

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

@@ -212,9 +212,9 @@ var WithRef = /*#__PURE__*/(0, _react.forwardRef)(LinkIconButtonBase);
  *
  * Renders a link in the style of an icon button.
  *
- * - [Examples](https://atlassian.design/components/link-icon-button/examples)
- * - [Code](https://atlassian.design/components/link-icon-button/code)
- * - [Usage](https://atlassian.design/components/link-icon-button/usage)
+ * - [Examples](https://atlassian.design/components/button/link-icon-button/examples)
+ * - [Code](https://atlassian.design/components/button/link-icon-button/code)
+ * - [Usage](https://atlassian.design/components/button/link-icon-button/usage)
  */
 var LinkIconButton = /*#__PURE__*/(0, _react.memo)(WithRef);
 var _default = exports.default = LinkIconButton;

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

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

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

@@ -6,11 +6,11 @@ import useIconButton from './use-icon-button';
 /**
  * __Icon Button__
  *
- * TODO: Description
+ * Renders an icon-only button lets people take a common and recognizable action where space is limited.
  *
- * - [Examples](https://atlassian.design/components/icon-button/examples)
- * - [Code](https://atlassian.design/components/icon-button/code)
- * - [Usage](https://atlassian.design/components/icon-button/usage)
+ * - [Examples](https://atlassian.design/components/button/icon-button/examples)
+ * - [Code](https://atlassian.design/components/button/icon-button/code)
+ * - [Usage](https://atlassian.design/components/button/icon-button/usage)
  */
 const IconButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function Button({
   // Prevent duplicate labels being added.

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

@@ -200,9 +200,9 @@ const WithRef = /*#__PURE__*/forwardRef(LinkIconButtonBase);
  *
  * Renders a link in the style of an icon button.
  *
- * - [Examples](https://atlassian.design/components/link-icon-button/examples)
- * - [Code](https://atlassian.design/components/link-icon-button/code)
- * - [Usage](https://atlassian.design/components/link-icon-button/usage)
+ * - [Examples](https://atlassian.design/components/button/link-icon-button/examples)
+ * - [Code](https://atlassian.design/components/button/link-icon-button/code)
+ * - [Usage](https://atlassian.design/components/button/link-icon-button/usage)
  */
 const LinkIconButton = /*#__PURE__*/memo(WithRef);
 export default LinkIconButton;

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: "20.3.2",
+    packageVersion: "20.3.4",
     analyticsData: analyticsContext
   });
 

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

@@ -9,11 +9,11 @@ import useIconButton from './use-icon-button';
 /**
  * __Icon Button__
  *
- * TODO: Description
+ * Renders an icon-only button lets people take a common and recognizable action where space is limited.
  *
- * - [Examples](https://atlassian.design/components/icon-button/examples)
- * - [Code](https://atlassian.design/components/icon-button/code)
- * - [Usage](https://atlassian.design/components/icon-button/usage)
+ * - [Examples](https://atlassian.design/components/button/icon-button/examples)
+ * - [Code](https://atlassian.design/components/button/icon-button/code)
+ * - [Usage](https://atlassian.design/components/button/icon-button/usage)
  */
 var IconButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function Button(_ref, ref) {
   var preventedAriaLabel = _ref['aria-label'],

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

@@ -202,9 +202,9 @@ var WithRef = /*#__PURE__*/forwardRef(LinkIconButtonBase);
  *
  * Renders a link in the style of an icon button.
  *
- * - [Examples](https://atlassian.design/components/link-icon-button/examples)
- * - [Code](https://atlassian.design/components/link-icon-button/code)
- * - [Usage](https://atlassian.design/components/link-icon-button/usage)
+ * - [Examples](https://atlassian.design/components/button/link-icon-button/examples)
+ * - [Code](https://atlassian.design/components/button/link-icon-button/code)
+ * - [Usage](https://atlassian.design/components/button/link-icon-button/usage)
  */
 var LinkIconButton = /*#__PURE__*/memo(WithRef);
 export default LinkIconButton;

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: "20.3.2",
+    packageVersion: "20.3.4",
     analyticsData: analyticsContext
   });
 

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

@@ -5,11 +5,11 @@ export type IconButtonProps = CommonIconButtonProps & CommonButtonVariantProps;
 /**
  * __Icon Button__
  *
- * TODO: Description
+ * Renders an icon-only button lets people take a common and recognizable action where space is limited.
  *
- * - [Examples](https://atlassian.design/components/icon-button/examples)
- * - [Code](https://atlassian.design/components/icon-button/code)
- * - [Usage](https://atlassian.design/components/icon-button/usage)
+ * - [Examples](https://atlassian.design/components/button/icon-button/examples)
+ * - [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<import("../types").AdditionalHTMLElementPropsExtender<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children">>, keyof import("../types").CommonButtonProps<TagName>> & import("../types").CommonButtonProps<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>>;
 export default IconButton;

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

@@ -8,9 +8,9 @@ declare const LinkIconButtonBase: <RouterLinkConfig extends Record<string, any>
  *
  * Renders a link in the style of an icon button.
  *
- * - [Examples](https://atlassian.design/components/link-icon-button/examples)
- * - [Code](https://atlassian.design/components/link-icon-button/code)
- * - [Usage](https://atlassian.design/components/link-icon-button/usage)
+ * - [Examples](https://atlassian.design/components/button/link-icon-button/examples)
+ * - [Code](https://atlassian.design/components/button/link-icon-button/code)
+ * - [Usage](https://atlassian.design/components/button/link-icon-button/usage)
  */
 declare const LinkIconButton: <RouterLinkConfig extends Record<string, any> = never>(props: LinkIconButtonProps<RouterLinkConfig> & {
     ref?: Ref<HTMLAnchorElement>;

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

@@ -1,6 +1,6 @@
 import type React from 'react';
 import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { type IconProps, type UNSAFE_NewIconProps } from '@atlaskit/icon/types';
+import { type IconProps, type NewIconProps } from '@atlaskit/icon/types';
 export type ButtonAppearance = 'default' | 'danger' | 'primary' | 'subtle' | 'warning' | 'discovery';
 export type LinkButtonAppearance = 'default' | 'danger' | 'primary' | 'subtle' | 'warning' | 'discovery';
 export type IconButtonAppearance = 'default' | 'primary' | 'discovery' | 'subtle';
@@ -8,7 +8,7 @@ export type Appearance = ButtonAppearance | LinkButtonAppearance | IconButtonApp
 export type ButtonSpacing = 'compact' | 'default';
 export type IconButtonSpacing = 'compact' | 'default';
 export type Spacing = ButtonSpacing | IconButtonSpacing;
-export type IconProp = React.ComponentType<IconProps | Omit<UNSAFE_NewIconProps, 'spacing'>>;
+export type IconProp = React.ComponentType<IconProps | Omit<NewIconProps, 'spacing'>>;
 export type IconSize = 'small' | 'large' | 'xlarge';
 type Combine<First, Second> = Omit<First, keyof Second> & Second;
 export type CommonButtonProps<TagName extends HTMLElement> = {

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

@@ -5,11 +5,11 @@ export type IconButtonProps = CommonIconButtonProps & CommonButtonVariantProps;
 /**
  * __Icon Button__
  *
- * TODO: Description
+ * Renders an icon-only button lets people take a common and recognizable action where space is limited.
  *
- * - [Examples](https://atlassian.design/components/icon-button/examples)
- * - [Code](https://atlassian.design/components/icon-button/code)
- * - [Usage](https://atlassian.design/components/icon-button/usage)
+ * - [Examples](https://atlassian.design/components/button/icon-button/examples)
+ * - [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<import("../types").AdditionalHTMLElementPropsExtender<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children">>, 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

@@ -8,9 +8,9 @@ declare const LinkIconButtonBase: <RouterLinkConfig extends Record<string, any>
  *
  * Renders a link in the style of an icon button.
  *
- * - [Examples](https://atlassian.design/components/link-icon-button/examples)
- * - [Code](https://atlassian.design/components/link-icon-button/code)
- * - [Usage](https://atlassian.design/components/link-icon-button/usage)
+ * - [Examples](https://atlassian.design/components/button/link-icon-button/examples)
+ * - [Code](https://atlassian.design/components/button/link-icon-button/code)
+ * - [Usage](https://atlassian.design/components/button/link-icon-button/usage)
  */
 declare const LinkIconButton: <RouterLinkConfig extends Record<string, any> = never>(props: LinkIconButtonProps<RouterLinkConfig> & {
     ref?: Ref<HTMLAnchorElement>;

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

@@ -1,6 +1,6 @@
 import type React from 'react';
 import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { type IconProps, type UNSAFE_NewIconProps } from '@atlaskit/icon/types';
+import { type IconProps, type NewIconProps } from '@atlaskit/icon/types';
 export type ButtonAppearance = 'default' | 'danger' | 'primary' | 'subtle' | 'warning' | 'discovery';
 export type LinkButtonAppearance = 'default' | 'danger' | 'primary' | 'subtle' | 'warning' | 'discovery';
 export type IconButtonAppearance = 'default' | 'primary' | 'discovery' | 'subtle';
@@ -8,7 +8,7 @@ export type Appearance = ButtonAppearance | LinkButtonAppearance | IconButtonApp
 export type ButtonSpacing = 'compact' | 'default';
 export type IconButtonSpacing = 'compact' | 'default';
 export type Spacing = ButtonSpacing | IconButtonSpacing;
-export type IconProp = React.ComponentType<IconProps | Omit<UNSAFE_NewIconProps, 'spacing'>>;
+export type IconProp = React.ComponentType<IconProps | Omit<NewIconProps, 'spacing'>>;
 export type IconSize = 'small' | 'large' | 'xlarge';
 type Combine<First, Second> = Omit<First, keyof Second> & Second;
 export type CommonButtonProps<TagName extends HTMLElement> = {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/button",
-	"version": "20.3.2",
+	"version": "20.3.4",
 	"description": "A button triggers an event or action. They let users know what will happen next.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -28,7 +28,7 @@
 		"team": "Design System Team",
 		"website": {
 			"name": "Button",
-			"category": "Components",
+			"category": "Forms and input",
 			"subPages": [
 				{
 					"title": "Icon button",
@@ -85,15 +85,15 @@
 	},
 	"dependencies": {
 		"@atlaskit/analytics-next": "^10.1.0",
-		"@atlaskit/ds-lib": "^3.2.0",
-		"@atlaskit/focus-ring": "^1.7.0",
-		"@atlaskit/icon": "^22.24.0",
+		"@atlaskit/ds-lib": "^3.3.0",
+		"@atlaskit/focus-ring": "^2.0.0",
+		"@atlaskit/icon": "^23.0.0",
 		"@atlaskit/interaction-context": "^2.1.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
-		"@atlaskit/primitives": "^13.2.0",
+		"@atlaskit/primitives": "^13.3.0",
 		"@atlaskit/spinner": "^16.3.0",
 		"@atlaskit/theme": "^14.0.0",
-		"@atlaskit/tokens": "^2.2.0",
+		"@atlaskit/tokens": "^2.4.0",
 		"@atlaskit/tooltip": "^18.9.0",
 		"@atlaskit/visually-hidden": "^1.5.0",
 		"@babel/runtime": "^7.0.0",
@@ -108,8 +108,8 @@
 		"@af/visual-regression": "*",
 		"@atlaskit/app-provider": "^1.4.0",
 		"@atlaskit/calendar": "^15.1.0",
-		"@atlaskit/checkbox": "^15.1.0",
-		"@atlaskit/dropdown-menu": "^12.22.0",
+		"@atlaskit/checkbox": "^15.2.0",
+		"@atlaskit/dropdown-menu": "^12.23.0",
 		"@atlaskit/ssr": "*",
 		"@atlaskit/toggle": "^13.4.0",
 		"@atlaskit/visual-regression": "*",