@atlaskit/onboarding 13.0.5 → 14.0.0

package/dist/types-ts4.5/styled/dialog.d.ts

@@ -3,7 +3,6 @@
  * @jsx jsx
  */
 import { type ImgHTMLAttributes, type ReactNode } from 'react';
-import { jsx } from '@emotion/react';
 /**
  * __Dialog image__
  *
@@ -11,7 +10,7 @@ import { jsx } from '@emotion/react';
  *
  * @internal
  */
-export declare const DialogImage: ({ alt, ...props }: ImgHTMLAttributes<HTMLImageElement>) => jsx.JSX.Element;
+export declare const DialogImage: ({ alt, ...props }: ImgHTMLAttributes<HTMLImageElement>) => JSX.Element;
 /**
  * __Dialog action item container__
  *
@@ -21,7 +20,7 @@ export declare const DialogImage: ({ alt, ...props }: ImgHTMLAttributes<HTMLImag
  */
 export declare const DialogActionItemContainer: ({ children }: {
     children: ReactNode;
-}) => jsx.JSX.Element;
+}) => JSX.Element;
 /**
  * __Dialog action item__
  *
@@ -31,4 +30,4 @@ export declare const DialogActionItemContainer: ({ children }: {
  */
 export declare const DialogActionItem: ({ children }: {
     children: ReactNode;
-}) => jsx.JSX.Element;
+}) => JSX.Element;

package/dist/types-ts4.5/styled/modal.d.ts

@@ -3,7 +3,6 @@
  * @jsx jsx
  */
 import { type ReactNode } from 'react';
-import { jsx } from '@emotion/react';
 type ModalImageProps = {
     alt: string;
     src?: string;
@@ -19,7 +18,7 @@ type ModalActionContainerProps = {
  */
 export declare const ModalBody: ({ children }: {
     children: ReactNode;
-}) => jsx.JSX.Element;
+}) => JSX.Element;
 /**
  * __Modal heading__
  *
@@ -28,19 +27,19 @@ export declare const ModalBody: ({ children }: {
 export declare const ModalHeading: ({ children, id }: {
     children: ReactNode;
     id: string;
-}) => jsx.JSX.Element;
+}) => JSX.Element;
 /**
  * __Modal image__
  *
  * @internal
  */
-export declare const ModalImage: ({ alt, src }: ModalImageProps) => jsx.JSX.Element;
+export declare const ModalImage: ({ alt, src }: ModalImageProps) => JSX.Element;
 /**
  * __Modal action container__
  *
  * @internal
  */
-export declare const ModalActionContainer: ({ children, shouldReverseButtonOrder, }: ModalActionContainerProps) => jsx.JSX.Element;
+export declare const ModalActionContainer: ({ children, shouldReverseButtonOrder, }: ModalActionContainerProps) => JSX.Element;
 /**
  * __Modal action item__
  *
@@ -48,5 +47,5 @@ export declare const ModalActionContainer: ({ children, shouldReverseButtonOrder
  */
 export declare const ModalActionItem: ({ children }: {
     children: ReactNode;
-}) => jsx.JSX.Element;
+}) => JSX.Element;
 export {};

package/dist/types-ts4.5/styled/target.d.ts

@@ -3,7 +3,6 @@
  * @jsx jsx
  */
 import { type HTMLAttributes, type ReactNode } from 'react';
-import { jsx } from '@emotion/react';
 type BaseProps = React.HTMLAttributes<HTMLDivElement> & {
     bgColor?: string;
     children?: ReactNode;
@@ -14,7 +13,6 @@ type BaseProps = React.HTMLAttributes<HTMLDivElement> & {
 type TargetProps = Omit<BaseProps, 'css'> & {
     pulse?: boolean;
 };
-export declare const pulseKeyframesName: string;
 /**
  * __Target inner__
  *
@@ -22,7 +20,7 @@ export declare const pulseKeyframesName: string;
  *
  * @internal
  */
-export declare const TargetInner: ({ bgColor, children, className, pulse, radius, testId, ...props }: TargetProps) => jsx.JSX.Element;
+export declare const TargetInner: ({ bgColor, children, className, pulse, radius, testId, ...props }: TargetProps) => JSX.Element;
 /**
  * __Target overlay__
  *
@@ -31,7 +29,7 @@ export declare const TargetInner: ({ bgColor, children, className, pulse, radius
  *
  * @internal
  */
-export declare const TargetOverlay: ({ onClick, ...props }: HTMLAttributes<HTMLDivElement>) => jsx.JSX.Element;
+export declare const TargetOverlay: ({ onClick, ...props }: HTMLAttributes<HTMLDivElement>) => JSX.Element;
 /**
  * __Spotlight pulse__
  *
@@ -41,5 +39,5 @@ export declare const TargetOverlay: ({ onClick, ...props }: HTMLAttributes<HTMLD
  * - [Code](https://atlassian.design/components/onboarding/code)
  * - [Usage](https://atlassian.design/components/onboarding/usage)
  */
-export declare const Pulse: ({ bgColor, children, className, radius, pulse, testId, ...props }: TargetProps) => jsx.JSX.Element;
+export declare const Pulse: ({ bgColor, children, className, radius, pulse, testId, ...props }: TargetProps) => JSX.Element;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/onboarding",
-	"version": "13.0.5",
+	"version": "14.0.0",
 	"description": "An onboarding spotlight introduces new features to users through focused messages or multi-step tours.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -39,6 +39,7 @@
 	},
 	"dependencies": {
 		"@atlaskit/button": "^22.0.0",
+		"@atlaskit/css": "^0.10.0",
 		"@atlaskit/ds-lib": "^4.0.0",
 		"@atlaskit/heading": "^5.1.0",
 		"@atlaskit/layering": "^2.0.0",
@@ -48,10 +49,9 @@
 		"@atlaskit/popper": "^7.0.0",
 		"@atlaskit/portal": "^5.1.0",
 		"@atlaskit/primitives": "^14.2.0",
-		"@atlaskit/theme": "^18.0.0",
 		"@atlaskit/tokens": "^4.5.0",
 		"@babel/runtime": "^7.0.0",
-		"@emotion/react": "^11.7.1",
+		"@compiled/react": "^0.18.3",
 		"bind-event-listener": "^3.0.0",
 		"exenv": "^1.2.2",
 		"memoize-one": "^6.0.0",
@@ -69,8 +69,9 @@
 		"@af/accessibility-testing": "^2.0.0",
 		"@af/integration-testing": "^0.5.0",
 		"@af/visual-regression": "^1.3.0",
-		"@atlaskit/ssr": "^0.4.0",
+		"@atlaskit/theme": "^18.0.0",
 		"@atlaskit/visual-regression": "^0.10.0",
+		"@atlassian/ssr-tests": "^0.2.0",
 		"@testing-library/react": "^13.4.0",
 		"@testing-library/react-hooks": "^8.0.1",
 		"@testing-library/user-event": "^14.4.3",