@atlaskit/onboarding 14.6.1 → 15.0.0

package/dist/esm/components/theme.js

@@ -11,7 +11,7 @@ var spotlightTheme = {
       default: "var(--ds-background-inverse-subtle, #00000029)",
       hover: "var(--ds-background-inverse-subtle-hovered, #0000003D)",
       active: "var(--ds-background-inverse-subtle-pressed, #00000052)",
-      disabled: "var(--ds-background-disabled, #17171708)",
+      disabled: "var(--ds-background-disabled, #0515240F)",
       selected: "var(--ds-background-inverse-subtle-pressed, #00000052)",
       focus: "var(--ds-background-inverse-subtle, #00000029)"
     },
@@ -75,8 +75,8 @@ var modalTheme = {
       hover: "var(--ds-background-discovery-bold-hovered, #803FA5)",
       active: "var(--ds-background-discovery-bold-pressed, #673286)",
       disabled: {
-        light: "var(--ds-background-disabled, #17171708)",
-        dark: "var(--ds-background-disabled, #17171708)"
+        light: "var(--ds-background-disabled, #0515240F)",
+        dark: "var(--ds-background-disabled, #0515240F)"
       },
       selected: "var(--ds-background-selected-hovered, #CFE1FD)",
       focus: "var(--ds-background-discovery-bold-hovered, #803FA5)"
@@ -134,6 +134,7 @@ export var spotlightButtonTheme = function spotlightButtonTheme(current, themePr
  * @deprecated
  * Custom button themes are deprecated and will be removed in the future.
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export var modalButtonTheme = function modalButtonTheme(current, themeProps) {
   var _current2 = current(themeProps),
     buttonStyles = _current2.buttonStyles,

package/dist/esm/entry-points/modal-transition.js

@@ -0,0 +1 @@
+export { default } from '../components/modal-transition';

package/dist/esm/entry-points/modal.js

@@ -0,0 +1 @@
+export { default } from '../components/modal';

package/dist/esm/entry-points/spotlight-card.js

@@ -0,0 +1 @@
+export { default } from '../components/spotlight-card';

package/dist/esm/entry-points/spotlight-manager.js

@@ -0,0 +1,2 @@
+export { SpotlightConsumer, SpotlightContext, TargetConsumer } from '../components/spotlight-manager';
+export { default } from '../components/spotlight-manager';

package/dist/esm/entry-points/spotlight-target.js

@@ -0,0 +1 @@
+export { default } from '../components/spotlight-target';

package/dist/esm/entry-points/spotlight-transition.js

@@ -0,0 +1,2 @@
+export { SpotlightTransitionConsumer } from '../components/spotlight-transition';
+export { default } from '../components/spotlight-transition';

package/dist/esm/entry-points/spotlight.js

@@ -0,0 +1 @@
+export { default } from '../components/spotlight';

package/dist/esm/entry-points/target.js

@@ -0,0 +1 @@
+export { Pulse, TargetInner, TargetOverlay } from '../styled/target';

package/dist/esm/entry-points/theme.js

@@ -0,0 +1 @@
+export { modalButtonTheme, spotlightButtonTheme } from '../components/theme';

package/dist/esm/entry-points/use-spotlight.js

@@ -0,0 +1 @@
+export { default } from '../components/use-spotlight';

package/dist/esm/styled/dialog.js

@@ -38,6 +38,7 @@ export var DialogImage = function DialogImage(_ref) {
  *
  * @internal
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports, @repo/internal/react/require-jsdoc
 export var DialogActionItemContainer = function DialogActionItemContainer(_ref2) {
   var children = _ref2.children;
   return /*#__PURE__*/React.createElement(Box, {
@@ -52,6 +53,7 @@ export var DialogActionItemContainer = function DialogActionItemContainer(_ref2)
  *
  * @internal
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports, @repo/internal/react/require-jsdoc
 export var DialogActionItem = function DialogActionItem(_ref3) {
   var children = _ref3.children;
   return /*#__PURE__*/React.createElement(Box, {

package/dist/esm/styled/modal.js

@@ -29,6 +29,7 @@ export var ModalBody = function ModalBody(_ref) {
  *
  * @internal
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports, @repo/internal/react/require-jsdoc
 export var ModalHeading = function ModalHeading(_ref2) {
   var children = _ref2.children,
     id = _ref2.id;
@@ -43,6 +44,7 @@ export var ModalHeading = function ModalHeading(_ref2) {
  *
  * @internal
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports, @repo/internal/react/require-jsdoc
 export var ModalImage = function ModalImage(_ref3) {
   var alt = _ref3.alt,
     src = _ref3.src;
@@ -58,6 +60,7 @@ export var ModalImage = function ModalImage(_ref3) {
  *
  * @internal
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports, @repo/internal/react/require-jsdoc
 export var ModalActionContainer = function ModalActionContainer(_ref4) {
   var children = _ref4.children,
     shouldReverseButtonOrder = _ref4.shouldReverseButtonOrder;
@@ -71,6 +74,7 @@ export var ModalActionContainer = function ModalActionContainer(_ref4) {
  *
  * @internal
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports, @repo/internal/react/require-jsdoc
 export var ModalActionItem = function ModalActionItem(_ref5) {
   var children = _ref5.children;
   return /*#__PURE__*/React.createElement(Box, {

package/dist/esm/styled/target.compiled.css

@@ -4,7 +4,7 @@
 ._1e02ze3t{inset-inline-start:var(--ds-space-0,0)}
 ._1pglmcjr{animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
 ._4t3i1osq{height:100%}
-._5sagi11n{animation-duration:3s}
+._5sag19pg{animation-duration:var(--ds-duration-xxlong,3s)}
 ._j7hq10vn{animation-name:k2lcpkd}
 ._kqswstnw{position:absolute}
 ._tip812c5{animation-iteration-count:infinite}

package/dist/esm/styled/target.js

@@ -57,7 +57,7 @@ export var TargetInner = function TargetInner(_ref2) {
     bgColor: bgColor
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
-    className: ax([pulse && "", pulse && "_5sagi11n _tip812c5 _j7hq10vn _1pglmcjr _16qs1peg", "_1bumglyw _sedtglyw", className]),
+    className: ax([pulse && "", pulse && "_5sag19pg _tip812c5 _j7hq10vn _1pglmcjr _16qs1peg", "_1bumglyw _sedtglyw", className]),
     radius: radius,
     testId: testId
     // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
@@ -78,6 +78,7 @@ var targetOverlayStyles = null;
  *
  * @internal
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports, @repo/internal/react/require-jsdoc
 export var TargetOverlay = function TargetOverlay(_ref3) {
   var onClick = _ref3.onClick,
     props = _objectWithoutProperties(_ref3, _excluded3);
@@ -103,6 +104,7 @@ export var TargetOverlay = function TargetOverlay(_ref3) {
  *
  * @deprecated Use `@atlaskit/spotlight` instead.
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports, @repo/internal/react/require-jsdoc
 export var Pulse = function Pulse(_ref4) {
   var bgColor = _ref4.bgColor,
     children = _ref4.children,
@@ -116,7 +118,7 @@ export var Pulse = function Pulse(_ref4) {
     bgColor: bgColor
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
-    className: ax([pulse && "", pulse && "_5sagi11n _tip812c5 _j7hq10vn _1pglmcjr _16qs1peg", "_1bumglyw _sedtglyw", className]),
+    className: ax([pulse && "", pulse && "_5sag19pg _tip812c5 _j7hq10vn _1pglmcjr _16qs1peg", "_1bumglyw _sedtglyw", className]),
     radius: radius,
     testId: testId
     // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props

package/dist/types/entry-points/modal-transition.d.ts

@@ -0,0 +1 @@
+export { default } from '../components/modal-transition';

package/dist/types/entry-points/modal.d.ts

@@ -0,0 +1 @@
+export { default } from '../components/modal';

package/dist/types/entry-points/spotlight-card.d.ts

@@ -0,0 +1 @@
+export { default } from '../components/spotlight-card';

package/dist/types/entry-points/spotlight-manager.d.ts

@@ -0,0 +1,3 @@
+export { SpotlightConsumer, SpotlightContext, TargetConsumer, } from '../components/spotlight-manager';
+export type { GetTargetRef, TargetRef } from '../components/spotlight-manager';
+export { default } from '../components/spotlight-manager';

package/dist/types/entry-points/spotlight-target.d.ts

@@ -0,0 +1 @@
+export { default } from '../components/spotlight-target';

package/dist/types/entry-points/spotlight-transition.d.ts

@@ -0,0 +1,2 @@
+export { SpotlightTransitionConsumer } from '../components/spotlight-transition';
+export { default } from '../components/spotlight-transition';

package/dist/types/entry-points/spotlight.d.ts

@@ -0,0 +1 @@
+export { default } from '../components/spotlight';

package/dist/types/entry-points/target.d.ts

@@ -0,0 +1 @@
+export { Pulse, TargetInner, TargetOverlay } from '../styled/target';

package/dist/types/entry-points/theme.d.ts

@@ -0,0 +1 @@
+export { modalButtonTheme, spotlightButtonTheme } from '../components/theme';

package/dist/types/entry-points/types.d.ts

@@ -0,0 +1 @@
+export type { Actions, ScrollLogicalPosition, SpotlightCardProps, SpotlightProps } from '../types';

package/dist/types/entry-points/use-spotlight.d.ts

@@ -0,0 +1 @@
+export { default } from '../components/use-spotlight';

package/modal/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "@atlaskit/onboarding/modal",
+  "main": "../dist/cjs/entry-points/modal.js",
+  "module": "../dist/esm/entry-points/modal.js",
+  "module:es2019": "../dist/es2019/entry-points/modal.js",
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
+  "types": "../dist/types/entry-points/modal.d.ts"
+}

package/modal-transition/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "@atlaskit/onboarding/modal-transition",
+  "main": "../dist/cjs/entry-points/modal-transition.js",
+  "module": "../dist/esm/entry-points/modal-transition.js",
+  "module:es2019": "../dist/es2019/entry-points/modal-transition.js",
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
+  "types": "../dist/types/entry-points/modal-transition.d.ts"
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/onboarding",
-	"version": "14.6.1",
+	"version": "15.0.0",
 	"description": "An onboarding spotlight introduces new features to users through focused messages or multi-step tours.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -12,14 +12,6 @@
 	"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": [
 		"**/*.compiled.css"
 	],
@@ -62,18 +54,18 @@
 		}
 	},
 	"dependencies": {
-		"@atlaskit/button": "^23.11.0",
-		"@atlaskit/css": "^0.19.0",
-		"@atlaskit/ds-lib": "^7.0.0",
-		"@atlaskit/heading": "^5.4.0",
-		"@atlaskit/layering": "^3.7.0",
-		"@atlaskit/modal-dialog": "^14.18.0",
-		"@atlaskit/motion": "^6.0.0",
-		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/popper": "^7.2.0",
-		"@atlaskit/portal": "^5.4.0",
-		"@atlaskit/primitives": "^19.0.0",
-		"@atlaskit/tokens": "^13.0.0",
+		"@atlaskit/button": "^24.0.0",
+		"@atlaskit/css": "^1.0.0",
+		"@atlaskit/ds-lib": "^8.0.0",
+		"@atlaskit/heading": "^6.0.0",
+		"@atlaskit/layering": "^4.0.0",
+		"@atlaskit/modal-dialog": "^16.0.0",
+		"@atlaskit/motion": "^7.0.0",
+		"@atlaskit/platform-feature-flags": "^2.0.0",
+		"@atlaskit/popper": "^8.0.0",
+		"@atlaskit/portal": "^6.0.0",
+		"@atlaskit/primitives": "^20.0.0",
+		"@atlaskit/tokens": "^14.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0",
 		"bind-event-listener": "^3.0.0",
@@ -92,15 +84,16 @@
 		"@af/accessibility-testing": "workspace:^",
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/theme": "^23.1.0",
+		"@atlaskit/theme": "^26.0.0",
 		"@atlassian/react-compiler-gating": "workspace:^",
 		"@atlassian/ssr-tests": "workspace:^",
-		"@atlassian/testing-library": "^0.5.0",
+		"@atlassian/testing-library": "^0.6.0",
 		"@testing-library/react": "^16.3.0",
 		"@testing-library/user-event": "^14.4.3",
 		"@types/exenv": "^1.2.0",
 		"@types/react-node-resolver": "^2.0.0",
 		"raf-stub": "^2.0.1",
+		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-lorem-component": "^0.13.0"
 	},
@@ -115,24 +108,5 @@
 			"type": "boolean",
 			"referenceOnly": true
 		}
-	},
-	"techstack": {
-		"@atlassian/frontend": {
-			"import-structure": "atlassian-conventions"
-		},
-		"@repo/internal": {
-			"dom-events": "use-bind-event-listener",
-			"analytics": "analytics-next",
-			"design-tokens": [
-				"color",
-				"spacing"
-			],
-			"styling": [
-				"static",
-				"emotion"
-			],
-			"design-system": "v1",
-			"deprecation": "no-deprecated-imports"
-		}
 	}
 }

package/spotlight/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "@atlaskit/onboarding/spotlight",
+  "main": "../dist/cjs/entry-points/spotlight.js",
+  "module": "../dist/esm/entry-points/spotlight.js",
+  "module:es2019": "../dist/es2019/entry-points/spotlight.js",
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
+  "types": "../dist/types/entry-points/spotlight.d.ts"
+}

package/spotlight-card/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "@atlaskit/onboarding/spotlight-card",
+  "main": "../dist/cjs/entry-points/spotlight-card.js",
+  "module": "../dist/esm/entry-points/spotlight-card.js",
+  "module:es2019": "../dist/es2019/entry-points/spotlight-card.js",
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
+  "types": "../dist/types/entry-points/spotlight-card.d.ts"
+}

package/spotlight-manager/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "@atlaskit/onboarding/spotlight-manager",
+  "main": "../dist/cjs/entry-points/spotlight-manager.js",
+  "module": "../dist/esm/entry-points/spotlight-manager.js",
+  "module:es2019": "../dist/es2019/entry-points/spotlight-manager.js",
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
+  "types": "../dist/types/entry-points/spotlight-manager.d.ts"
+}

package/spotlight-target/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "@atlaskit/onboarding/spotlight-target",
+  "main": "../dist/cjs/entry-points/spotlight-target.js",
+  "module": "../dist/esm/entry-points/spotlight-target.js",
+  "module:es2019": "../dist/es2019/entry-points/spotlight-target.js",
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
+  "types": "../dist/types/entry-points/spotlight-target.d.ts"
+}

package/spotlight-transition/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "@atlaskit/onboarding/spotlight-transition",
+  "main": "../dist/cjs/entry-points/spotlight-transition.js",
+  "module": "../dist/esm/entry-points/spotlight-transition.js",
+  "module:es2019": "../dist/es2019/entry-points/spotlight-transition.js",
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
+  "types": "../dist/types/entry-points/spotlight-transition.d.ts"
+}

package/target/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "@atlaskit/onboarding/target",
+  "main": "../dist/cjs/entry-points/target.js",
+  "module": "../dist/esm/entry-points/target.js",
+  "module:es2019": "../dist/es2019/entry-points/target.js",
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
+  "types": "../dist/types/entry-points/target.d.ts"
+}

package/theme/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "@atlaskit/onboarding/theme",
+  "main": "../dist/cjs/entry-points/theme.js",
+  "module": "../dist/esm/entry-points/theme.js",
+  "module:es2019": "../dist/es2019/entry-points/theme.js",
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
+  "types": "../dist/types/entry-points/theme.d.ts"
+}

package/types/package.json

@@ -1,17 +1,10 @@
 {
   "name": "@atlaskit/onboarding/types",
-  "main": "../dist/cjs/types.js",
-  "module": "../dist/esm/types.js",
-  "module:es2019": "../dist/es2019/types.js",
+  "main": "../dist/cjs/entry-points/types.js",
+  "module": "../dist/esm/entry-points/types.js",
+  "module:es2019": "../dist/es2019/entry-points/types.js",
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/types.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/types.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/types.d.ts"
 }

package/use-spotlight/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "@atlaskit/onboarding/use-spotlight",
+  "main": "../dist/cjs/entry-points/use-spotlight.js",
+  "module": "../dist/esm/entry-points/use-spotlight.js",
+  "module:es2019": "../dist/es2019/entry-points/use-spotlight.js",
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
+  "types": "../dist/types/entry-points/use-spotlight.d.ts"
+}

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

@@ -1,54 +0,0 @@
-import React, { type MouseEvent } from 'react';
-interface CloneProps {
-    /**
-     * Whether to display a pulse animation around the spotlighted element.
-     */
-    pulse: boolean;
-    /**
-     * An object containing the information used for positioning clone.
-     */
-    style: Record<string, any>;
-    /**
-     * The name of the SpotlightTarget.
-     */
-    target?: string;
-    /**
-     * The spotlight target node.
-     */
-    targetNode: HTMLElement;
-    /**
-     * The background color of the element being highlighted
-     */
-    targetBgColor?: string;
-    /**
-     * Function to fire when a person clicks on the cloned target.
-     */
-    targetOnClick?: (eventData: {
-        event: MouseEvent<HTMLElement>;
-        target?: string;
-    }) => void;
-    /**
-     * The border radius of the element being highlighted.
-     */
-    targetRadius?: number | string;
-    /**
-     * A `testId` prop is provided for specified elements,
-     * which is a unique string that appears as a data attribute `data-testid` in the rendered code,
-     * serving as a hook for automated tests.
-     */
-    testId?: string;
-    /**
-     * Whether to watch for html content changes on the target
-     */
-    shouldWatch?: boolean;
-}
-/**
- * __Clone__
- *
- * Used for cloning spotlight targets. The clone is positioned on top of the spotlight target with
- * a pulsing animation.
- *
- * @internal
- */
-declare const Clone: (props: CloneProps) => React.JSX.Element;
-export default Clone;

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

@@ -1,10 +0,0 @@
-import Modal from './modal';
-import ModalTransition from './modal-transition';
-import Spotlight from './spotlight';
-import SpotlightCard from './spotlight-card';
-import SpotlightManager from './spotlight-manager';
-import SpotlightTarget from './spotlight-target';
-import SpotlightTransition from './spotlight-transition';
-import useSpotlight from './use-spotlight';
-export { spotlightButtonTheme, modalButtonTheme } from './theme';
-export { Modal, Spotlight, SpotlightCard, SpotlightManager, SpotlightTarget, SpotlightTransition, useSpotlight, ModalTransition, };

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

@@ -1,17 +0,0 @@
-/**
- * We re-export this because products may have multiple versions of
- * `@atlaskit/modal-dialog`.
- *
- * If a consumer uses the onboarding `Modal` with the `ModalTransition` from an
- * incompatible version of `@atlaskit/modal-dialog`, then the modal can get
- * stuck in an open state.
- *
- * See https://product-fabric.atlassian.net/browse/DSP-796 for more details
- * and a reproduction.
- *
- */
-import ModalTransition from '@atlaskit/modal-dialog/modal-transition';
-/**
- * @deprecated Use `@atlaskit/spotlight` instead.
- */
-export default ModalTransition;

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

@@ -1,54 +0,0 @@
-import React, { Component, type ElementType, type ReactNode } from 'react';
-import { type ModalFooterProps as FooterComponentProps, type ModalHeaderProps as HeaderComponentProps } from '@atlaskit/modal-dialog';
-import { type Actions } from '../types';
-type ModalProps = {
-    /**
-     * Buttons to render in the footer.
-     */
-    actions?: Actions;
-    /**
-     * The elements rendered in the modal.
-     */
-    children: ReactNode;
-    /**
-     * Path to the image.
-     */
-    image?: string;
-    /**
-     * Optional element rendered above the body.
-     */
-    header?: ElementType<HeaderComponentProps>;
-    /**
-     * Optional element rendered below the body.
-     */
-    footer?: ElementType<FooterComponentProps>;
-    /**
-     * Heading text rendered above the body.
-     */
-    heading?: string;
-    /**
-     * Boolean prop to confirm if primary button in the footer should be shown on the right.
-     */
-    experimental_shouldShowPrimaryButtonOnRight?: boolean;
-    /**
-     * This prop is a unique string that appears as an attribute `data-testid` in the rendered HTML output serving as a hook for automated tests.
-     */
-    testId?: string;
-};
-/**
- * __Benefits modal__
- *
- * A benefits modal explains the benefits of a significant new feature or experience change.
- *
- * - [Examples](https://atlassian.design/components/onboarding/benefits-modal/examples)
- * - [Code](https://atlassian.design/components/onboarding/benefits-modal/code)
- * - [Usage](https://atlassian.design/components/onboarding/benefits-modal/usage)
- *
- * @deprecated Use `@atlaskit/modal-dialog` instead.
- */
-export default class BenefitsModal extends Component<ModalProps> {
-    headerComponent: (props: ModalProps) => React.ElementType<HeaderComponentProps> | (() => React.JSX.Element);
-    footerComponent: (props: ModalProps) => React.ElementType<FooterComponentProps> | (() => React.JSX.Element | null);
-    render(): React.JSX.Element;
-}
-export {};

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

@@ -1,18 +0,0 @@
-import React, { type ReactElement } from 'react';
-interface NodeResolverSpotlightInnerProps {
-    hasNodeResolver: boolean;
-    innerRef: (element: HTMLElement | null) => void;
-    children: ReactElement;
-}
-/**
- * A wrapper component that conditionally applies a NodeResolver to its children.
- *
- * Note: NodeResolver should not be used in React 18 concurrent mode. This component
- * is intended to be removed once the feature flag  is removed.
- * @param {boolean} props.hasNodeResolver - Determines whether to apply the NodeResolver.
- * @param {ReactElement} props.children - The child elements to be wrapped.
- * @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) => React.JSX.Element;
-export default NodeResolverSpotlightInner;

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

@@ -1,27 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type ReactElement } from 'react';
-interface NodeResolverSpotlightTargetProps {
-    hasNodeResolver: boolean;
-    children: ReactElement;
-    getTargetRef: (name: string) => (element: HTMLElement | null | undefined) => void;
-    name: string;
-}
-/**
- * A wrapper component that conditionally applies a NodeResolver to its children.
- *
- * Note: NodeResolver should not be used in React 18 concurrent mode. This component
- * is intended to be removed once the feature flag  is removed.
- * @param {boolean} props.hasNodeResolver - Determines whether to apply the NodeResolver.
- * @param {ReactElement} props.children - The child elements to be wrapped.
- * @param {string} props.name - The name to reference from Spotlight.
- * @param {ReactElement} props.getTargetRef - Setting up Target Node in Spotlight Manager.
- * @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 NodeResolverSpotlightTarget: {
-    ({ hasNodeResolver, children, getTargetRef, name, }: NodeResolverSpotlightTargetProps): JSX.Element;
-    displayName: string;
-};
-export default NodeResolverSpotlightTarget;

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

@@ -1,14 +0,0 @@
-import { type SpotlightCardProps } from '../types';
-/**
- * __Spotlight card__
- *
- * A spotlight card is for onboarding messages that need a more flexible layout, or don't require a dialog.
- *
- * - [Examples](https://atlassian.design/components/onboarding/spotlight-card/examples)
- * - [Code](https://atlassian.design/components/onboarding/spotlight-card/code)
- * - [Usage](https://atlassian.design/components/onboarding/spotlight-card/usage)
- *
- * @deprecated Use `@atlaskit/spotlight` instead.
- */
-declare const SpotlightCard: React.ForwardRefExoticComponent<React.PropsWithoutRef<SpotlightCardProps> & React.RefAttributes<HTMLDivElement>>;
-export default SpotlightCard;