@atlaskit/onboarding 12.3.0 → 12.3.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/onboarding
 
+## 12.3.2
+
+### Patch Changes
+
+- Updated dependencies
+
+## 12.3.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 12.3.0
 
 ### Minor Changes

package/dist/types/components/animation.d.ts

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 interface FadeProps {
     hasEntered: boolean;
     children: (animationStyles: Record<string, any>) => ReactNode;
@@ -11,5 +11,5 @@ interface FadeProps {
  *
  * @internal
  */
-export declare const Fade: ({ hasEntered, children, onExited }: FadeProps) => JSX.Element;
+export declare const Fade: ({ hasEntered, children, onExited }: FadeProps) => React.JSX.Element;
 export {};

package/dist/types/components/clone.d.ts

@@ -1,4 +1,4 @@
-import { type MouseEvent } from 'react';
+import React, { type MouseEvent } from 'react';
 export interface CloneProps {
     /**
      * Whether to display a pulse animation around the spotlighted element.
@@ -50,5 +50,5 @@ export interface CloneProps {
  *
  * @internal
  */
-declare const Clone: (props: CloneProps) => JSX.Element;
+declare const Clone: (props: CloneProps) => React.JSX.Element;
 export default Clone;

package/dist/types/components/node-resolver-spotlight-inner.d.ts

@@ -1,4 +1,4 @@
-import { type ReactElement } from 'react';
+import React, { type ReactElement } from 'react';
 interface NodeResolverSpotlightInnerProps {
     hasNodeResolver: boolean;
     innerRef: (element: HTMLElement | null) => void;
@@ -14,5 +14,5 @@ interface NodeResolverSpotlightInnerProps {
  * @param {(instance: HTMLDivElement) => void} props.innerRef - A ref callback to get the instance of the HTMLDivElement.
  * @returns {ReactElement} The children wrapped with NodeResolver if hasNodeResolver is true, wrape the children in a div setting innerRef with ref to the div.
  */
-declare const NodeResolverSpotlightInner: ({ hasNodeResolver, children, innerRef, }: NodeResolverSpotlightInnerProps) => JSX.Element;
+declare const NodeResolverSpotlightInner: ({ hasNodeResolver, children, innerRef, }: NodeResolverSpotlightInnerProps) => React.JSX.Element;
 export default NodeResolverSpotlightInner;

package/dist/types/components/spotlight-dialog.d.ts

@@ -1,4 +1,4 @@
-import { Component, type ComponentType, type ReactNode } from 'react';
+import React, { Component, type ComponentType, type ReactNode } from 'react';
 import { type Actions } from '../types';
 export interface SpotlightDialogProps {
     /**
@@ -85,6 +85,6 @@ declare class SpotlightDialogComponent extends Component<SpotlightDialogProps, S
     private focusLockTimeoutId;
     componentDidMount(): void;
     componentWillUnmount(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default SpotlightDialogComponent;

package/dist/types/components/spotlight-inner.d.ts

@@ -53,6 +53,6 @@ declare class SpotlightInner extends React.Component<SpotlightInnerProps, State>
     componentDidMount(): void;
     componentWillUnmount(): void;
     getTargetNodeStyle: (box: ElementBoundingBox) => {};
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default SpotlightInner;

package/dist/types/components/spotlight-manager.d.ts

@@ -76,5 +76,5 @@ export default class SpotlightManager extends PureComponent<SpotlightManagerProp
         closed: () => void;
         targets: any;
     }>;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/dist/types/components/spotlight-target.d.ts

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 import { type TargetRef } from './spotlight-manager';
 type RenderChildrenFunction = (props: {
     /**
@@ -41,5 +41,5 @@ interface SpotlightTargetProps {
  * - [Code](https://atlassian.design/components/onboarding/code)
  * - [Usage](https://atlassian.design/components/onboarding/usage)
  */
-declare const SpotlightTarget: ({ children, name }: SpotlightTargetProps) => JSX.Element;
+declare const SpotlightTarget: ({ children, name }: SpotlightTargetProps) => React.JSX.Element;
 export default SpotlightTarget;

package/dist/types/components/spotlight-transition.d.ts

@@ -30,7 +30,7 @@ declare class SpotlightTransition extends React.Component<SpotlightTransitionPro
         currentChildren: undefined;
     };
     onExited: () => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 /**
  * __Spotlight transition consumer__

package/dist/types/components/spotlight.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { type SpotlightProps } from '../types';
 /**
  * __Spotlight__
@@ -9,5 +9,5 @@ import { type SpotlightProps } from '../types';
  * - [Code](https://atlassian.design/components/onboarding/code)
  * - [Usage](https://atlassian.design/components/onboarding/usage)
  */
-declare const Spotlight: ({ actions, actionsBeforeElement, children, dialogPlacement, dialogWidth, footer, header, heading, headingAfterElement, image, label, pulse, scrollPositionBlock, shouldWatchTarget, target, targetBgColor, targetNode, targetOnClick, targetRadius, targetReplacement, testId, titleId, ...rest }: SpotlightProps) => JSX.Element;
+declare const Spotlight: ({ actions, actionsBeforeElement, children, dialogPlacement, dialogWidth, footer, header, heading, headingAfterElement, image, label, pulse, scrollPositionBlock, shouldWatchTarget, target, targetBgColor, targetNode, targetOnClick, targetRadius, targetReplacement, testId, titleId, ...rest }: SpotlightProps) => React.JSX.Element;
 export default Spotlight;

package/dist/types-ts4.5/components/animation.d.ts

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 interface FadeProps {
     hasEntered: boolean;
     children: (animationStyles: Record<string, any>) => ReactNode;
@@ -11,5 +11,5 @@ interface FadeProps {
  *
  * @internal
  */
-export declare const Fade: ({ hasEntered, children, onExited }: FadeProps) => JSX.Element;
+export declare const Fade: ({ hasEntered, children, onExited }: FadeProps) => React.JSX.Element;
 export {};

package/dist/types-ts4.5/components/clone.d.ts

@@ -1,4 +1,4 @@
-import { type MouseEvent } from 'react';
+import React, { type MouseEvent } from 'react';
 export interface CloneProps {
     /**
      * Whether to display a pulse animation around the spotlighted element.
@@ -50,5 +50,5 @@ export interface CloneProps {
  *
  * @internal
  */
-declare const Clone: (props: CloneProps) => JSX.Element;
+declare const Clone: (props: CloneProps) => React.JSX.Element;
 export default Clone;

package/dist/types-ts4.5/components/node-resolver-spotlight-inner.d.ts

@@ -1,4 +1,4 @@
-import { type ReactElement } from 'react';
+import React, { type ReactElement } from 'react';
 interface NodeResolverSpotlightInnerProps {
     hasNodeResolver: boolean;
     innerRef: (element: HTMLElement | null) => void;
@@ -14,5 +14,5 @@ interface NodeResolverSpotlightInnerProps {
  * @param {(instance: HTMLDivElement) => void} props.innerRef - A ref callback to get the instance of the HTMLDivElement.
  * @returns {ReactElement} The children wrapped with NodeResolver if hasNodeResolver is true, wrape the children in a div setting innerRef with ref to the div.
  */
-declare const NodeResolverSpotlightInner: ({ hasNodeResolver, children, innerRef, }: NodeResolverSpotlightInnerProps) => JSX.Element;
+declare const NodeResolverSpotlightInner: ({ hasNodeResolver, children, innerRef, }: NodeResolverSpotlightInnerProps) => React.JSX.Element;
 export default NodeResolverSpotlightInner;

package/dist/types-ts4.5/components/spotlight-dialog.d.ts

@@ -1,4 +1,4 @@
-import { Component, type ComponentType, type ReactNode } from 'react';
+import React, { Component, type ComponentType, type ReactNode } from 'react';
 import { type Actions } from '../types';
 export interface SpotlightDialogProps {
     /**
@@ -85,6 +85,6 @@ declare class SpotlightDialogComponent extends Component<SpotlightDialogProps, S
     private focusLockTimeoutId;
     componentDidMount(): void;
     componentWillUnmount(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default SpotlightDialogComponent;

package/dist/types-ts4.5/components/spotlight-inner.d.ts

@@ -53,6 +53,6 @@ declare class SpotlightInner extends React.Component<SpotlightInnerProps, State>
     componentDidMount(): void;
     componentWillUnmount(): void;
     getTargetNodeStyle: (box: ElementBoundingBox) => {};
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default SpotlightInner;

package/dist/types-ts4.5/components/spotlight-manager.d.ts

@@ -76,5 +76,5 @@ export default class SpotlightManager extends PureComponent<SpotlightManagerProp
         closed: () => void;
         targets: any;
     }>;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/dist/types-ts4.5/components/spotlight-target.d.ts

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 import { type TargetRef } from './spotlight-manager';
 type RenderChildrenFunction = (props: {
     /**
@@ -41,5 +41,5 @@ interface SpotlightTargetProps {
  * - [Code](https://atlassian.design/components/onboarding/code)
  * - [Usage](https://atlassian.design/components/onboarding/usage)
  */
-declare const SpotlightTarget: ({ children, name }: SpotlightTargetProps) => JSX.Element;
+declare const SpotlightTarget: ({ children, name }: SpotlightTargetProps) => React.JSX.Element;
 export default SpotlightTarget;

package/dist/types-ts4.5/components/spotlight-transition.d.ts

@@ -30,7 +30,7 @@ declare class SpotlightTransition extends React.Component<SpotlightTransitionPro
         currentChildren: undefined;
     };
     onExited: () => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 /**
  * __Spotlight transition consumer__

package/dist/types-ts4.5/components/spotlight.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { type SpotlightProps } from '../types';
 /**
  * __Spotlight__
@@ -9,5 +9,5 @@ import { type SpotlightProps } from '../types';
  * - [Code](https://atlassian.design/components/onboarding/code)
  * - [Usage](https://atlassian.design/components/onboarding/usage)
  */
-declare const Spotlight: ({ actions, actionsBeforeElement, children, dialogPlacement, dialogWidth, footer, header, heading, headingAfterElement, image, label, pulse, scrollPositionBlock, shouldWatchTarget, target, targetBgColor, targetNode, targetOnClick, targetRadius, targetReplacement, testId, titleId, ...rest }: SpotlightProps) => JSX.Element;
+declare const Spotlight: ({ actions, actionsBeforeElement, children, dialogPlacement, dialogWidth, footer, header, heading, headingAfterElement, image, label, pulse, scrollPositionBlock, shouldWatchTarget, target, targetBgColor, targetNode, targetOnClick, targetRadius, targetReplacement, testId, titleId, ...rest }: SpotlightProps) => React.JSX.Element;
 export default Spotlight;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/onboarding",
-	"version": "12.3.0",
+	"version": "12.3.2",
 	"description": "An onboarding spotlight introduces new features to users through focused messages or multi-step tours.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -38,17 +38,17 @@
 		"runReact18": true
 	},
 	"dependencies": {
-		"@atlaskit/button": "^20.4.0",
+		"@atlaskit/button": "^20.5.0",
 		"@atlaskit/ds-lib": "^3.5.0",
 		"@atlaskit/heading": "^4.1.0",
 		"@atlaskit/layering": "^1.1.0",
 		"@atlaskit/modal-dialog": "^12.20.0",
 		"@atlaskit/motion": "^1.10.0",
-		"@atlaskit/platform-feature-flags": "^0.3.0",
+		"@atlaskit/platform-feature-flags": "^1.0.0",
 		"@atlaskit/popper": "^6.4.0",
 		"@atlaskit/portal": "^4.11.0",
 		"@atlaskit/primitives": "^13.4.0",
-		"@atlaskit/theme": "^14.1.0",
+		"@atlaskit/theme": "^15.0.0",
 		"@atlaskit/tokens": "^3.3.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",