@atlaskit/button 17.17.3 → 17.19.0

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

@@ -1,6 +1,7 @@
 import { type UseButtonBaseArgs, type UseButtonBaseReturn } from '../shared/use-button-base';
-import { type CommonIconButtonProps } from './types';
-type UseIconButtonArgs<TagName extends HTMLElement> = Omit<UseButtonBaseArgs<TagName>, 'children'> & Omit<CommonIconButtonProps, 'isTooltipDisabled' | 'tooltip'>;
+import type { CommonButtonProps } from '../types';
+import type { CommonIconButtonProps } from './types';
+type UseIconButtonArgs<TagName extends HTMLElement> = Omit<UseButtonBaseArgs<TagName>, 'children'> & Omit<CommonIconButtonProps, 'isTooltipDisabled' | 'tooltip'> & Pick<CommonButtonProps<TagName>, 'testId'>;
 type UseIconButtonReturn<TagName extends HTMLElement> = UseButtonBaseReturn<TagName>;
 /**
  * __Use icon button__
@@ -11,5 +12,5 @@ type UseIconButtonReturn<TagName extends HTMLElement> = UseButtonBaseReturn<TagN
  *
  * @private
  */
-declare const useIconButton: <TagName extends HTMLElement>({ analyticsContext, appearance, autoFocus, buttonType, icon: Icon, interactionName, isDisabled, isLoading, isSelected, label, onClick, onClickCapture, onKeyDownCapture, onKeyUpCapture, onMouseDownCapture, onMouseUpCapture, onPointerDownCapture, onPointerUpCapture, onTouchEndCapture, onTouchStartCapture, overlay, ref, shape, shouldFitContainer, spacing, UNSAFE_size, }: UseIconButtonArgs<TagName>) => UseIconButtonReturn<TagName>;
+declare const useIconButton: <TagName extends HTMLElement>({ analyticsContext, appearance, ariaLabel, ariaLabelledBy, autoFocus, buttonType, icon: Icon, interactionName, isDisabled, isLoading, isSelected, label, onClick, onClickCapture, onKeyDownCapture, onKeyUpCapture, onMouseDownCapture, onMouseUpCapture, onPointerDownCapture, onPointerUpCapture, onTouchEndCapture, onTouchStartCapture, overlay, ref, shape, shouldFitContainer, spacing, testId, UNSAFE_size, }: UseIconButtonArgs<TagName>) => UseIconButtonReturn<TagName>;
 export default useIconButton;

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

@@ -0,0 +1 @@
+export declare const LOADING_LABEL = ", Loading";

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

@@ -1,8 +1,9 @@
 /// <reference types="react" />
 import { type Appearance, type ButtonSpacing } from '../types';
-export default function renderLoadingOverlay({ appearance, spacing, isDisabled, isSelected, }: {
+export default function renderLoadingOverlay({ appearance, spacing, isDisabled, isSelected, testId, }: {
     spacing?: ButtonSpacing;
     appearance?: Appearance;
     isDisabled?: boolean;
     isSelected?: boolean;
+    testId?: string;
 }): JSX.Element;

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

@@ -17,6 +17,8 @@ export type UseButtonBaseArgs<TagName extends HTMLElement> = {
     children: React.ReactNode;
     spacing?: Spacing;
     isLoading?: boolean;
+    ariaLabel?: string;
+    ariaLabelledBy?: string;
 } & Pick<CommonButtonProps<TagName>, 'analyticsContext' | 'autoFocus' | 'interactionName' | 'isDisabled' | 'isSelected' | 'overlay'> & ControlledEvents<TagName>;
 type XCSS = ReturnType<typeof xcss>;
 export type UseButtonBaseReturn<TagName extends HTMLElement> = {
@@ -24,6 +26,8 @@ export type UseButtonBaseReturn<TagName extends HTMLElement> = {
     ref(node: TagName | null): void;
     children: React.ReactNode;
     isDisabled: boolean;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
 } & ControlledEvents<TagName>;
 /**
  * __Use button base__
@@ -38,5 +42,5 @@ export type UseButtonBaseReturn<TagName extends HTMLElement> = {
  *
  * @private
  */
-declare const useButtonBase: <TagName extends HTMLElement>({ appearance: propAppearance, autoFocus, isDisabled: propIsDisabled, isLoading, isSelected, isIconButton, isCircle, hasIconBefore, hasIconAfter, children, onClick, onMouseDownCapture, onMouseUpCapture, onKeyDownCapture, onKeyUpCapture, onTouchStartCapture, onTouchEndCapture, onPointerDownCapture, onPointerUpCapture, onClickCapture, overlay, ref, shouldFitContainer, spacing: propSpacing, }: UseButtonBaseArgs<TagName>) => UseButtonBaseReturn<TagName>;
+declare const useButtonBase: <TagName extends HTMLElement>({ appearance: propAppearance, autoFocus, isDisabled: propIsDisabled, isLoading, isSelected, isIconButton, isCircle, hasIconBefore, hasIconAfter, children, onClick, onMouseDownCapture, onMouseUpCapture, onKeyDownCapture, onKeyUpCapture, onTouchStartCapture, onTouchEndCapture, onPointerDownCapture, onPointerUpCapture, onClickCapture, overlay, ref, shouldFitContainer, spacing: propSpacing, ariaLabel, ariaLabelledBy, }: UseButtonBaseArgs<TagName>) => UseButtonBaseReturn<TagName>;
 export default useButtonBase;

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

@@ -1,3 +1,6 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import React from 'react';
 import { type CSSObject } from '@emotion/react';

package/package.json

@@ -1,202 +1,203 @@
 {
-  "name": "@atlaskit/button",
-  "version": "17.17.3",
-  "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-mirror",
-  "author": "Atlassian Pty Ltd",
-  "license": "Apache-2.0",
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "module:es2019": "dist/es2019/index.js",
-  "types": "dist/types/index.d.ts",
-  "typesVersions": {
-    ">=4.5 <4.9": {
-      "*": [
-        "dist/types-ts4.5/*",
-        "dist/types-ts4.5/index.d.ts"
-      ]
-    }
-  },
-  "sideEffects": false,
-  "atlaskit:src": "src/index.tsx",
-  "atlassian": {
-    "team": "Design System Team",
-    "releaseModel": "continuous",
-    "productPushConsumption": [
-      "jira"
-    ],
-    "website": {
-      "name": "Button",
-      "category": "Components",
-      "status": {
-        "type": "beta",
-        "description": "New and ready to use. We'll provide comms and support for any major changes. Migrate from legacy buttons using our codemod.",
-        "actions": [
-          {
-            "text": "View the migration guide",
-            "href": "/components/button/button-legacy/migration-guide"
-          }
-        ]
-      },
-      "subPages": [
-        {
-          "title": "Icon button",
-          "id": "icon-button",
-          "status": {
-            "type": "beta",
-            "description": "New and ready to use. We'll provide comms and support for any major changes. Migrate from legacy buttons using our codemod.",
-            "actions": [
-              {
-                "text": "View the migration guide",
-                "href": "/components/button/button-legacy/migration-guide"
-              }
-            ]
-          },
-          "sortKey": 1
-        },
-        {
-          "title": "Link button",
-          "id": "link-button",
-          "status": {
-            "type": "beta",
-            "description": "New and ready to use. We'll provide comms and support for any major changes. Migrate from legacy buttons using our codemod.",
-            "actions": [
-              {
-                "text": "View the migration guide",
-                "href": "/components/button/button-legacy/migration-guide"
-              }
-            ]
-          },
-          "sortKey": 2
-        },
-        {
-          "title": "Link icon button",
-          "id": "link-icon-button",
-          "status": {
-            "type": "beta",
-            "description": "New and ready to use. We'll provide comms and support for any major changes. Migrate from legacy buttons using our codemod.",
-            "actions": [
-              {
-                "text": "View the migration guide",
-                "href": "/components/button/button-legacy/migration-guide"
-              }
-            ]
-          },
-          "sortKey": 3
-        },
-        {
-          "title": "Split button",
-          "id": "split-button",
-          "status": {
-            "type": "beta"
-          },
-          "sortKey": 4
-        },
-        {
-          "title": "Button group",
-          "id": "button-group",
-          "sortKey": 5
-        },
-        {
-          "title": "Button (legacy)",
-          "id": "button-legacy",
-          "status": {
-            "type": "intent-to-deprecate",
-            "description": "Legacy buttons will soon be deprecated. Please use the new [button](/components/button), [icon button](/components/button/icon-button), [link button](/components/button/link-button), or [link icon button](/components/button/link-icon-button). Migrate from legacy buttons using our codemod.",
-            "actions": [
-              {
-                "text": "View the migration guide",
-                "href": "/components/button/button-legacy/migration-guide"
-              }
-            ]
-          },
-          "sortKey": 6
-        }
-      ]
-    },
-    "runReact18": true
-  },
-  "af:exports": {
-    "./button-group": "./src/entry-points/button-group.tsx",
-    "./custom-theme-button": "./src/entry-points/custom-theme-button.tsx",
-    "./loading-button": "./src/entry-points/loading-button.tsx",
-    "./standard-button": "./src/entry-points/standard-button.tsx",
-    "./new": "./src/entry-points/new.tsx",
-    "./types": "./src/entry-points/types.tsx",
-    ".": "./src/index.tsx"
-  },
-  "dependencies": {
-    "@atlaskit/analytics-next": "^9.3.0",
-    "@atlaskit/ds-lib": "^2.3.0",
-    "@atlaskit/focus-ring": "^1.4.0",
-    "@atlaskit/icon": "^22.3.0",
-    "@atlaskit/interaction-context": "^2.1.0",
-    "@atlaskit/platform-feature-flags": "^0.2.5",
-    "@atlaskit/primitives": "^7.0.0",
-    "@atlaskit/spinner": "^16.1.0",
-    "@atlaskit/theme": "^12.9.0",
-    "@atlaskit/tokens": "^1.50.0",
-    "@atlaskit/tooltip": "^18.4.0",
-    "@atlaskit/visually-hidden": "^1.3.0",
-    "@babel/runtime": "^7.0.0",
-    "@emotion/react": "^11.7.1"
-  },
-  "peerDependencies": {
-    "react": "^16.8.0 || ^17.0.0 || ~18.2.0"
-  },
-  "devDependencies": {
-    "@af/accessibility-testing": "*",
-    "@af/integration-testing": "*",
-    "@af/visual-regression": "*",
-    "@atlaskit/app-provider": "^1.3.0",
-    "@atlaskit/calendar": "^14.2.0",
-    "@atlaskit/checkbox": "^13.4.0",
-    "@atlaskit/ssr": "*",
-    "@atlaskit/toggle": "^13.1.0",
-    "@atlaskit/visual-regression": "*",
-    "@testing-library/react": "^12.1.5",
-    "@testing-library/user-event": "^14.4.3",
-    "@types/react-router-dom": "^4.3.1",
-    "ast-types": "^0.13.3",
-    "bind-event-listener": "^3.0.0",
-    "jest-emotion": "^10.0.32",
-    "jest-in-case": "^1.0.2",
-    "jscodeshift": "^0.13.0",
-    "lodash": "^4.17.21",
-    "react-dom": "^16.8.0",
-    "react-router-dom": "^4.2.2",
-    "react-test-renderer": "^16.8.0",
-    "storybook-addon-performance": "^0.16.0",
-    "typescript": "~5.4.2",
-    "wait-for-expect": "^1.2.0"
-  },
-  "techstack": {
-    "@atlassian/frontend": {
-      "import-structure": "atlassian-conventions"
-    },
-    "@repo/internal": {
-      "dom-events": "use-bind-event-listener",
-      "design-system": "v1",
-      "ui-components": "lite-mode",
-      "analytics": "analytics-next",
-      "design-tokens": [
-        "color",
-        "spacing"
-      ],
-      "deprecation": "no-deprecated-imports",
-      "styling": [
-        "emotion",
-        "static"
-      ]
-    }
-  },
-  "homepage": "https://atlassian.design/components/button/",
-  "platform-feature-flags": {
-    "platform.design-system-team.button-tokenised-typography-styles": {
-      "type": "boolean"
-    }
-  }
-}
+	"name": "@atlaskit/button",
+	"version": "17.19.0",
+	"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-mirror",
+	"author": "Atlassian Pty Ltd",
+	"license": "Apache-2.0",
+	"main": "dist/cjs/index.js",
+	"module": "dist/esm/index.js",
+	"module:es2019": "dist/es2019/index.js",
+	"types": "dist/types/index.d.ts",
+	"typesVersions": {
+		">=4.5 <4.9": {
+			"*": [
+				"dist/types-ts4.5/*",
+				"dist/types-ts4.5/index.d.ts"
+			]
+		}
+	},
+	"sideEffects": false,
+	"atlaskit:src": "src/index.tsx",
+	"atlassian": {
+		"team": "Design System Team",
+		"releaseModel": "continuous",
+		"productPushConsumption": [
+			"jira"
+		],
+		"website": {
+			"name": "Button",
+			"category": "Components",
+			"status": {
+				"type": "beta",
+				"description": "New and ready to use. We'll provide comms and support for any major changes. Migrate from legacy buttons using our codemod.",
+				"actions": [
+					{
+						"text": "View the migration guide",
+						"href": "/components/button/button-legacy/migration-guide"
+					}
+				]
+			},
+			"subPages": [
+				{
+					"title": "Icon button",
+					"id": "icon-button",
+					"status": {
+						"type": "beta",
+						"description": "New and ready to use. We'll provide comms and support for any major changes. Migrate from legacy buttons using our codemod.",
+						"actions": [
+							{
+								"text": "View the migration guide",
+								"href": "/components/button/button-legacy/migration-guide"
+							}
+						]
+					},
+					"sortKey": 1
+				},
+				{
+					"title": "Link button",
+					"id": "link-button",
+					"status": {
+						"type": "beta",
+						"description": "New and ready to use. We'll provide comms and support for any major changes. Migrate from legacy buttons using our codemod.",
+						"actions": [
+							{
+								"text": "View the migration guide",
+								"href": "/components/button/button-legacy/migration-guide"
+							}
+						]
+					},
+					"sortKey": 2
+				},
+				{
+					"title": "Link icon button",
+					"id": "link-icon-button",
+					"status": {
+						"type": "beta",
+						"description": "New and ready to use. We'll provide comms and support for any major changes. Migrate from legacy buttons using our codemod.",
+						"actions": [
+							{
+								"text": "View the migration guide",
+								"href": "/components/button/button-legacy/migration-guide"
+							}
+						]
+					},
+					"sortKey": 3
+				},
+				{
+					"title": "Split button",
+					"id": "split-button",
+					"status": {
+						"type": "beta"
+					},
+					"sortKey": 4
+				},
+				{
+					"title": "Button group",
+					"id": "button-group",
+					"sortKey": 5
+				},
+				{
+					"title": "Button (legacy)",
+					"id": "button-legacy",
+					"status": {
+						"type": "intent-to-deprecate",
+						"description": "Legacy buttons will soon be deprecated. Please use the new [button](/components/button), [icon button](/components/button/icon-button), [link button](/components/button/link-button), or [link icon button](/components/button/link-icon-button). Migrate from legacy buttons using our codemod.",
+						"actions": [
+							{
+								"text": "View the migration guide",
+								"href": "/components/button/button-legacy/migration-guide"
+							}
+						]
+					},
+					"sortKey": 6
+				}
+			]
+		},
+		"runReact18": true
+	},
+	"af:exports": {
+		"./button-group": "./src/entry-points/button-group.tsx",
+		"./custom-theme-button": "./src/entry-points/custom-theme-button.tsx",
+		"./loading-button": "./src/entry-points/loading-button.tsx",
+		"./standard-button": "./src/entry-points/standard-button.tsx",
+		"./new": "./src/entry-points/new.tsx",
+		"./types": "./src/entry-points/types.tsx",
+		".": "./src/index.tsx"
+	},
+	"dependencies": {
+		"@atlaskit/analytics-next": "^9.3.0",
+		"@atlaskit/ds-lib": "^2.3.0",
+		"@atlaskit/focus-ring": "^1.5.0",
+		"@atlaskit/icon": "^22.4.0",
+		"@atlaskit/interaction-context": "^2.1.0",
+		"@atlaskit/platform-feature-flags": "^0.2.5",
+		"@atlaskit/primitives": "^7.4.0",
+		"@atlaskit/spinner": "^16.2.0",
+		"@atlaskit/theme": "^12.10.0",
+		"@atlaskit/tokens": "^1.51.0",
+		"@atlaskit/tooltip": "^18.5.0",
+		"@atlaskit/visually-hidden": "^1.4.0",
+		"@babel/runtime": "^7.0.0",
+		"@emotion/react": "^11.7.1",
+		"react-uid": "^2.2.0"
+	},
+	"peerDependencies": {
+		"react": "^16.8.0 || ^17.0.0 || ~18.2.0"
+	},
+	"devDependencies": {
+		"@af/accessibility-testing": "*",
+		"@af/integration-testing": "*",
+		"@af/visual-regression": "*",
+		"@atlaskit/app-provider": "^1.3.0",
+		"@atlaskit/calendar": "^14.3.0",
+		"@atlaskit/checkbox": "^13.5.0",
+		"@atlaskit/ssr": "*",
+		"@atlaskit/toggle": "^13.2.0",
+		"@atlaskit/visual-regression": "*",
+		"@testing-library/react": "^12.1.5",
+		"@testing-library/user-event": "^14.4.3",
+		"@types/react-router-dom": "^4.3.1",
+		"ast-types": "^0.13.3",
+		"bind-event-listener": "^3.0.0",
+		"jest-emotion": "^10.0.32",
+		"jest-in-case": "^1.0.2",
+		"jscodeshift": "^0.13.0",
+		"lodash": "^4.17.21",
+		"react-dom": "^16.8.0",
+		"react-router-dom": "^4.2.2",
+		"react-test-renderer": "^16.8.0",
+		"storybook-addon-performance": "^0.16.0",
+		"typescript": "~5.4.2",
+		"wait-for-expect": "^1.2.0"
+	},
+	"techstack": {
+		"@atlassian/frontend": {
+			"import-structure": "atlassian-conventions"
+		},
+		"@repo/internal": {
+			"dom-events": "use-bind-event-listener",
+			"design-system": "v1",
+			"ui-components": "lite-mode",
+			"analytics": "analytics-next",
+			"design-tokens": [
+				"color",
+				"spacing"
+			],
+			"deprecation": "no-deprecated-imports",
+			"styling": [
+				"emotion",
+				"static"
+			]
+		}
+	},
+	"homepage": "https://atlassian.design/components/button/",
+	"platform-feature-flags": {
+		"platform.design-system-team.button-tokenised-typography-styles": {
+			"type": "boolean"
+		}
+	}
+}