@atlaskit/button 21.1.7 → 22.0.1

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # @atlaskit/button
 
+## 22.0.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 22.0.0
+
+### Major Changes
+
+- [#133342](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/133342)
+  [`569a36a196e14`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/569a36a196e14) -
+  Migrated from `@emotion/react` to `@compiled/react` in order to improve performance, align with
+  the rest of the Atlaskit techstack, and support React 18 Streaming SSR.Please note, in order to
+  use this version of `@atlaskit/banner`, you will need to ensure that your bundler is configured to
+  handle `.css` imports correctly.
+
+  Most bundlers come with built-in support for `.css` imports, so you may not need to do anything.
+  If you are using a different bundler, please refer to the documentation for that bundler to
+  understand how to handle `.css` imports.
+
+  For more information on the migration,please refer to
+  [RFC-73 Migrating our components toCompiledCSS-in-JS](https://community.developer.atlassian.com/t/rfc-73-migrating-our-components-to-compiled-css-in-js/859)
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 21.1.7
 
 ### Patch Changes

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

@@ -208,7 +208,9 @@ var ButtonBase = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     onTouchEnd: onTouchEnd,
     onPointerDown: onPointerDown,
     onPointerUp: onPointerUp
-  }), /*#__PURE__*/_react.default.createElement(_react.Fragment, null, children, isLoading && /*#__PURE__*/_react.default.createElement("span", {
+  }), /*#__PURE__*/_react.default.createElement(_splitButtonContext.SplitButtonContext.Provider, {
+    value: undefined
+  }, children, isLoading && /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _runtime.ax)([styles.loadingOverlay])
   }, (0, _loadingOverlay.default)({
     spacing: spacing,

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

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

@@ -2,7 +2,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import "./button-base.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
-import React, { Fragment, useRef } from 'react';
+import React, { useRef } from 'react';
 import { cx } from '@atlaskit/css';
 import mergeRefs from '@atlaskit/ds-lib/merge-refs';
 import useAutoFocus from '@atlaskit/ds-lib/use-auto-focus';
@@ -10,7 +10,7 @@ import { useId } from '@atlaskit/ds-lib/use-id';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Pressable } from '@atlaskit/primitives/compiled';
 import VisuallyHidden from '@atlaskit/visually-hidden';
-import { useSplitButtonContext } from '../../containers/split-button/split-button-context';
+import { SplitButtonContext, useSplitButtonContext } from '../../containers/split-button/split-button-context';
 import blockEvents from './block-events';
 import renderLoadingOverlay from './loading-overlay';
 const LOADING_LABEL = ', Loading';
@@ -188,7 +188,9 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(({
     onTouchEnd: onTouchEnd,
     onPointerDown: onPointerDown,
     onPointerUp: onPointerUp
-  }), /*#__PURE__*/React.createElement(Fragment, null, children, isLoading && /*#__PURE__*/React.createElement("span", {
+  }), /*#__PURE__*/React.createElement(SplitButtonContext.Provider, {
+    value: undefined
+  }, children, isLoading && /*#__PURE__*/React.createElement("span", {
     className: ax([styles.loadingOverlay])
   }, renderLoadingOverlay({
     spacing: spacing,

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

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

@@ -5,7 +5,7 @@ var _excluded = ["appearance", "autoFocus", "isDisabled", "isLoading", "isSelect
   _excluded2 = ["className", "css", "as", "style"];
 import "./button-base.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
-import React, { Fragment, useRef } from 'react';
+import React, { useRef } from 'react';
 import { cx } from '@atlaskit/css';
 import mergeRefs from '@atlaskit/ds-lib/merge-refs';
 import useAutoFocus from '@atlaskit/ds-lib/use-auto-focus';
@@ -13,7 +13,7 @@ import { useId } from '@atlaskit/ds-lib/use-id';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Pressable } from '@atlaskit/primitives/compiled';
 import VisuallyHidden from '@atlaskit/visually-hidden';
-import { useSplitButtonContext } from '../../containers/split-button/split-button-context';
+import { SplitButtonContext, useSplitButtonContext } from '../../containers/split-button/split-button-context';
 import blockEvents from './block-events';
 import renderLoadingOverlay from './loading-overlay';
 var LOADING_LABEL = ', Loading';
@@ -198,7 +198,9 @@ var ButtonBase = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     onTouchEnd: onTouchEnd,
     onPointerDown: onPointerDown,
     onPointerUp: onPointerUp
-  }), /*#__PURE__*/React.createElement(Fragment, null, children, isLoading && /*#__PURE__*/React.createElement("span", {
+  }), /*#__PURE__*/React.createElement(SplitButtonContext.Provider, {
+    value: undefined
+  }, children, isLoading && /*#__PURE__*/React.createElement("span", {
     className: ax([styles.loadingOverlay])
   }, renderLoadingOverlay({
     spacing: spacing,

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/button",
-	"version": "21.1.7",
+	"version": "22.0.1",
 	"description": "A button triggers an event or action. They let users know what will happen next.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -85,7 +85,7 @@
 	},
 	"dependencies": {
 		"@atlaskit/analytics-next": "^11.0.0",
-		"@atlaskit/css": "0.10.3",
+		"@atlaskit/css": "0.10.4",
 		"@atlaskit/ds-lib": "4.0.0",
 		"@atlaskit/focus-ring": "3.0.0",
 		"@atlaskit/icon": "25.2.0",
@@ -122,6 +122,7 @@
 		"@atlaskit/ssr": "^0.4.0",
 		"@atlaskit/toggle": "^15.0.0",
 		"@atlaskit/visual-regression": "^0.10.0",
+		"@atlassian/ssr-tests": "^0.2.0",
 		"@testing-library/react": "^13.4.0",
 		"@testing-library/user-event": "^14.4.3",
 		"ast-types": "^0.13.3",