@atlaskit/onboarding 14.4.8 → 14.4.9

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/onboarding
 
+## 14.4.9
+
+### Patch Changes
+
+- [`6616518b12a0b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6616518b12a0b) -
+  Mark all @atlaskit/onboarding exports as deprecated. Please use @atlaskit/spotlight instead.
+- Updated dependencies
+
 ## 14.4.8
 
 ### Patch Changes

package/dist/cjs/components/index.js

@@ -10,6 +10,12 @@ Object.defineProperty(exports, "Modal", {
     return _modal.default;
   }
 });
+Object.defineProperty(exports, "ModalTransition", {
+  enumerable: true,
+  get: function get() {
+    return _modalTransition.default;
+  }
+});
 Object.defineProperty(exports, "Spotlight", {
   enumerable: true,
   get: function get() {
@@ -59,6 +65,7 @@ Object.defineProperty(exports, "useSpotlight", {
   }
 });
 var _modal = _interopRequireDefault(require("./modal"));
+var _modalTransition = _interopRequireDefault(require("./modal-transition"));
 var _spotlight = _interopRequireDefault(require("./spotlight"));
 var _spotlightCard = _interopRequireDefault(require("./spotlight-card"));
 var _spotlightManager = _interopRequireDefault(require("./spotlight-manager"));

package/dist/cjs/components/modal-transition.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _modalTransition = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-transition"));
+/**
+ * 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.
+ *
+ */
+/**
+ * @deprecated Use `@atlaskit/spotlight` instead.
+ */
+var _default = exports.default = _modalTransition.default;

package/dist/cjs/components/modal.js

@@ -33,6 +33,8 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * - [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.
  */
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var BenefitsModal = exports.default = /*#__PURE__*/function (_Component) {

package/dist/cjs/components/spotlight-card.js

@@ -53,6 +53,8 @@ var containerShadowStyles = {
  * - [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.
  */
 var SpotlightCard = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _props$actions = props.actions,

package/dist/cjs/components/spotlight-manager.js

@@ -48,6 +48,8 @@ var Container = function Container(_ref) {
  * - [Examples](https://atlassian.design/components/onboarding/examples)
  * - [Code](https://atlassian.design/components/onboarding/code)
  * - [Usage](https://atlassian.design/components/onboarding/usage)
+ *
+ * @deprecated Use `@atlaskit/spotlight` instead.
  */
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var SpotlightManager = exports.default = /*#__PURE__*/function (_PureComponent) {

package/dist/cjs/components/spotlight-target.js

@@ -17,6 +17,8 @@ var _spotlightManager = require("./spotlight-manager");
  * - [Examples](https://atlassian.design/components/onboarding/examples)
  * - [Code](https://atlassian.design/components/onboarding/code)
  * - [Usage](https://atlassian.design/components/onboarding/usage)
+ *
+ * @deprecated Use `@atlaskit/spotlight` instead.
  */
 var SpotlightTarget = function SpotlightTarget(_ref) {
   var children = _ref.children,

package/dist/cjs/components/spotlight-transition.js

@@ -38,6 +38,8 @@ var hasChildren = function hasChildren(children) {
  * - [Examples](https://atlassian.design/components/onboarding/examples)
  * - [Code](https://atlassian.design/components/onboarding/code)
  * - [Usage](https://atlassian.design/components/onboarding/usage)
+ *
+ * @deprecated Use `@atlaskit/spotlight` instead.
  */
 var SpotlightTransition = /*#__PURE__*/function (_React$Component) {
   function SpotlightTransition() {

package/dist/cjs/components/spotlight.js

@@ -19,6 +19,8 @@ var _excluded = ["actions", "actionsBeforeElement", "children", "dialogPlacement
  * - [Examples](https://atlassian.design/components/onboarding/examples)
  * - [Code](https://atlassian.design/components/onboarding/code)
  * - [Usage](https://atlassian.design/components/onboarding/usage)
+ *
+ * @deprecated Use `@atlaskit/spotlight` instead.
  */
 var Spotlight = function Spotlight(_ref) {
   var actions = _ref.actions,

package/dist/cjs/components/use-spotlight.js

@@ -8,6 +8,8 @@ var _react = require("react");
 var _spotlightManager = require("./spotlight-manager");
 /**
  * Use spotlight hook returns information about available spotlight targets.
+ *
+ * @deprecated Use `@atlaskit/spotlight` instead.
  */
 function useSpotlight() {
   var _useContext = (0, _react.useContext)(_spotlightManager.SpotlightContext),

package/dist/cjs/index.js

@@ -1,6 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -13,7 +12,7 @@ Object.defineProperty(exports, "Modal", {
 Object.defineProperty(exports, "ModalTransition", {
   enumerable: true,
   get: function get() {
-    return _modalTransition.default;
+    return _components.ModalTransition;
   }
 });
 Object.defineProperty(exports, "Spotlight", {
@@ -70,6 +69,5 @@ Object.defineProperty(exports, "useSpotlight", {
     return _components.useSpotlight;
   }
 });
-var _modalTransition = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-transition"));
 var _components = require("./components");
 var _target = require("./styled/target");

package/dist/cjs/styled/target.js

@@ -109,6 +109,8 @@ var TargetOverlay = exports.TargetOverlay = function TargetOverlay(_ref3) {
  * - [Examples](https://atlassian.design/components/onboarding/examples)
  * - [Code](https://atlassian.design/components/onboarding/code)
  * - [Usage](https://atlassian.design/components/onboarding/usage)
+ *
+ * @deprecated Use `@atlaskit/spotlight` instead.
  */
 var Pulse = exports.Pulse = function Pulse(_ref4) {
   var bgColor = _ref4.bgColor,

package/dist/cjs/utils/use-element-box.js

@@ -59,6 +59,7 @@ var useResizeAwareElementBox = function useResizeAwareElementBox(element, update
         listener: onResize
       });
     }
+    return function () {};
   }, [element, updateMethod]);
   return box;
 };

package/dist/es2019/components/index.js

@@ -1,4 +1,5 @@
 import Modal from './modal';
+import ModalTransition from './modal-transition';
 import Spotlight from './spotlight';
 import SpotlightCard from './spotlight-card';
 import SpotlightManager from './spotlight-manager';
@@ -6,4 +7,4 @@ 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 };
+export { Modal, Spotlight, SpotlightCard, SpotlightManager, SpotlightTarget, SpotlightTransition, useSpotlight, ModalTransition };

package/dist/es2019/components/modal-transition.js

@@ -0,0 +1,18 @@
+/**
+ * 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/es2019/components/modal.js

@@ -16,6 +16,8 @@ import { modalButtonTheme } from './theme';
  * - [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.
  */
 // eslint-disable-next-line @repo/internal/react/no-class-components
 export default class BenefitsModal extends Component {

package/dist/es2019/components/spotlight-card.js

@@ -40,6 +40,8 @@ const containerShadowStyles = {
  * - [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.
  */
 const SpotlightCard = /*#__PURE__*/forwardRef((props, ref) => {
   const {

package/dist/es2019/components/spotlight-manager.js

@@ -34,6 +34,8 @@ const Container = ({
  * - [Examples](https://atlassian.design/components/onboarding/examples)
  * - [Code](https://atlassian.design/components/onboarding/code)
  * - [Usage](https://atlassian.design/components/onboarding/usage)
+ *
+ * @deprecated Use `@atlaskit/spotlight` instead.
  */
 // eslint-disable-next-line @repo/internal/react/no-class-components
 export default class SpotlightManager extends PureComponent {

package/dist/es2019/components/spotlight-target.js

@@ -10,6 +10,8 @@ import { TargetConsumer } from './spotlight-manager';
  * - [Examples](https://atlassian.design/components/onboarding/examples)
  * - [Code](https://atlassian.design/components/onboarding/code)
  * - [Usage](https://atlassian.design/components/onboarding/usage)
+ *
+ * @deprecated Use `@atlaskit/spotlight` instead.
  */
 const SpotlightTarget = ({
   children,

package/dist/es2019/components/spotlight-transition.js

@@ -20,6 +20,8 @@ const hasChildren = children => {
  * - [Examples](https://atlassian.design/components/onboarding/examples)
  * - [Code](https://atlassian.design/components/onboarding/code)
  * - [Usage](https://atlassian.design/components/onboarding/usage)
+ *
+ * @deprecated Use `@atlaskit/spotlight` instead.
  */
 class SpotlightTransition extends React.Component {
   constructor(...args) {

package/dist/es2019/components/spotlight.js

@@ -11,6 +11,8 @@ import { SpotlightConsumer } from './spotlight-manager';
  * - [Examples](https://atlassian.design/components/onboarding/examples)
  * - [Code](https://atlassian.design/components/onboarding/code)
  * - [Usage](https://atlassian.design/components/onboarding/usage)
+ *
+ * @deprecated Use `@atlaskit/spotlight` instead.
  */
 const Spotlight = ({
   actions,

package/dist/es2019/components/use-spotlight.js

@@ -3,6 +3,8 @@ import { SpotlightContext } from './spotlight-manager';
 
 /**
  * Use spotlight hook returns information about available spotlight targets.
+ *
+ * @deprecated Use `@atlaskit/spotlight` instead.
  */
 export default function useSpotlight() {
   const {

package/dist/es2019/index.js

@@ -1,14 +1,2 @@
-/**
- * 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.
- */
-export { default as ModalTransition } from '@atlaskit/modal-dialog/modal-transition';
-export { Modal, Spotlight, SpotlightCard, SpotlightManager, SpotlightTarget, SpotlightTransition, modalButtonTheme, spotlightButtonTheme, useSpotlight } from './components';
+export { Modal, Spotlight, SpotlightCard, SpotlightManager, SpotlightTarget, SpotlightTransition, modalButtonTheme, spotlightButtonTheme, useSpotlight, ModalTransition } from './components';
 export { Pulse as SpotlightPulse } from './styled/target';

package/dist/es2019/styled/target.js

@@ -91,6 +91,8 @@ export const TargetOverlay = ({
  * - [Examples](https://atlassian.design/components/onboarding/examples)
  * - [Code](https://atlassian.design/components/onboarding/code)
  * - [Usage](https://atlassian.design/components/onboarding/usage)
+ *
+ * @deprecated Use `@atlaskit/spotlight` instead.
  */
 export const Pulse = ({
   bgColor,

package/dist/es2019/utils/use-element-box.js

@@ -49,6 +49,7 @@ const useResizeAwareElementBox = (element, updateMethod) => {
         listener: onResize
       });
     }
+    return () => {};
   }, [element, updateMethod]);
   return box;
 };

package/dist/esm/components/index.js

@@ -1,4 +1,5 @@
 import Modal from './modal';
+import ModalTransition from './modal-transition';
 import Spotlight from './spotlight';
 import SpotlightCard from './spotlight-card';
 import SpotlightManager from './spotlight-manager';
@@ -6,4 +7,4 @@ 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 };
+export { Modal, Spotlight, SpotlightCard, SpotlightManager, SpotlightTarget, SpotlightTransition, useSpotlight, ModalTransition };

package/dist/esm/components/modal-transition.js

@@ -0,0 +1,18 @@
+/**
+ * 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/esm/components/modal.js

@@ -25,6 +25,8 @@ import { modalButtonTheme } from './theme';
  * - [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.
  */
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var BenefitsModal = /*#__PURE__*/function (_Component) {

package/dist/esm/components/spotlight-card.js

@@ -44,6 +44,8 @@ var containerShadowStyles = {
  * - [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.
  */
 var SpotlightCard = /*#__PURE__*/forwardRef(function (props, ref) {
   var _props$actions = props.actions,

package/dist/esm/components/spotlight-manager.js

@@ -41,6 +41,8 @@ var Container = function Container(_ref) {
  * - [Examples](https://atlassian.design/components/onboarding/examples)
  * - [Code](https://atlassian.design/components/onboarding/code)
  * - [Usage](https://atlassian.design/components/onboarding/usage)
+ *
+ * @deprecated Use `@atlaskit/spotlight` instead.
  */
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var SpotlightManager = /*#__PURE__*/function (_PureComponent) {

package/dist/esm/components/spotlight-target.js

@@ -10,6 +10,8 @@ import { TargetConsumer } from './spotlight-manager';
  * - [Examples](https://atlassian.design/components/onboarding/examples)
  * - [Code](https://atlassian.design/components/onboarding/code)
  * - [Usage](https://atlassian.design/components/onboarding/usage)
+ *
+ * @deprecated Use `@atlaskit/spotlight` instead.
  */
 var SpotlightTarget = function SpotlightTarget(_ref) {
   var children = _ref.children,

package/dist/esm/components/spotlight-transition.js

@@ -29,6 +29,8 @@ var hasChildren = function hasChildren(children) {
  * - [Examples](https://atlassian.design/components/onboarding/examples)
  * - [Code](https://atlassian.design/components/onboarding/code)
  * - [Usage](https://atlassian.design/components/onboarding/usage)
+ *
+ * @deprecated Use `@atlaskit/spotlight` instead.
  */
 var SpotlightTransition = /*#__PURE__*/function (_React$Component) {
   function SpotlightTransition() {

package/dist/esm/components/spotlight.js

@@ -13,6 +13,8 @@ import { SpotlightConsumer } from './spotlight-manager';
  * - [Examples](https://atlassian.design/components/onboarding/examples)
  * - [Code](https://atlassian.design/components/onboarding/code)
  * - [Usage](https://atlassian.design/components/onboarding/usage)
+ *
+ * @deprecated Use `@atlaskit/spotlight` instead.
  */
 var Spotlight = function Spotlight(_ref) {
   var actions = _ref.actions,

package/dist/esm/components/use-spotlight.js

@@ -3,6 +3,8 @@ import { SpotlightContext } from './spotlight-manager';
 
 /**
  * Use spotlight hook returns information about available spotlight targets.
+ *
+ * @deprecated Use `@atlaskit/spotlight` instead.
  */
 export default function useSpotlight() {
   var _useContext = useContext(SpotlightContext),

package/dist/esm/index.js

@@ -1,14 +1,2 @@
-/**
- * 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.
- */
-export { default as ModalTransition } from '@atlaskit/modal-dialog/modal-transition';
-export { Modal, Spotlight, SpotlightCard, SpotlightManager, SpotlightTarget, SpotlightTransition, modalButtonTheme, spotlightButtonTheme, useSpotlight } from './components';
+export { Modal, Spotlight, SpotlightCard, SpotlightManager, SpotlightTarget, SpotlightTransition, modalButtonTheme, spotlightButtonTheme, useSpotlight, ModalTransition } from './components';
 export { Pulse as SpotlightPulse } from './styled/target';

package/dist/esm/styled/target.js

@@ -100,6 +100,8 @@ export var TargetOverlay = function TargetOverlay(_ref3) {
  * - [Examples](https://atlassian.design/components/onboarding/examples)
  * - [Code](https://atlassian.design/components/onboarding/code)
  * - [Usage](https://atlassian.design/components/onboarding/usage)
+ *
+ * @deprecated Use `@atlaskit/spotlight` instead.
  */
 export var Pulse = function Pulse(_ref4) {
   var bgColor = _ref4.bgColor,

package/dist/esm/utils/use-element-box.js

@@ -52,6 +52,7 @@ var useResizeAwareElementBox = function useResizeAwareElementBox(element, update
         listener: onResize
       });
     }
+    return function () {};
   }, [element, updateMethod]);
   return box;
 };

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

@@ -1,4 +1,5 @@
 import Modal from './modal';
+import ModalTransition from './modal-transition';
 import Spotlight from './spotlight';
 import SpotlightCard from './spotlight-card';
 import SpotlightManager from './spotlight-manager';
@@ -6,4 +7,4 @@ 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, };
+export { Modal, Spotlight, SpotlightCard, SpotlightManager, SpotlightTarget, SpotlightTransition, useSpotlight, ModalTransition, };

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

@@ -0,0 +1,17 @@
+/**
+ * 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/components/modal.d.ts

@@ -43,6 +43,8 @@ type ModalProps = {
  * - [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);

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

@@ -7,6 +7,8 @@ import { type SpotlightCardProps } from '../types';
  * - [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;

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

@@ -53,6 +53,8 @@ interface SpotlightManagerProps {
  * - [Examples](https://atlassian.design/components/onboarding/examples)
  * - [Code](https://atlassian.design/components/onboarding/code)
  * - [Usage](https://atlassian.design/components/onboarding/usage)
+ *
+ * @deprecated Use `@atlaskit/spotlight` instead.
  */
 export default class SpotlightManager extends PureComponent<SpotlightManagerProps, {
     spotlightCount: number;

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

@@ -40,6 +40,8 @@ interface SpotlightTargetProps {
  * - [Examples](https://atlassian.design/components/onboarding/examples)
  * - [Code](https://atlassian.design/components/onboarding/code)
  * - [Usage](https://atlassian.design/components/onboarding/usage)
+ *
+ * @deprecated Use `@atlaskit/spotlight` instead.
  */
 declare const SpotlightTarget: ({ children, name }: SpotlightTargetProps) => React.JSX.Element;
 export default SpotlightTarget;

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

@@ -21,6 +21,8 @@ interface SpotlightTransitionContextModel {
  * - [Examples](https://atlassian.design/components/onboarding/examples)
  * - [Code](https://atlassian.design/components/onboarding/code)
  * - [Usage](https://atlassian.design/components/onboarding/usage)
+ *
+ * @deprecated Use `@atlaskit/spotlight` instead.
  */
 declare class SpotlightTransition extends React.Component<SpotlightTransitionProps, State> {
     static getDerivedStateFromProps(props: SpotlightTransitionProps, state: State): {

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

@@ -8,6 +8,8 @@ import { type SpotlightProps } from '../types';
  * - [Examples](https://atlassian.design/components/onboarding/examples)
  * - [Code](https://atlassian.design/components/onboarding/code)
  * - [Usage](https://atlassian.design/components/onboarding/usage)
+ *
+ * @deprecated Use `@atlaskit/spotlight` instead.
  */
 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/components/use-spotlight.d.ts

@@ -1,5 +1,7 @@
 /**
  * Use spotlight hook returns information about available spotlight targets.
+ *
+ * @deprecated Use `@atlaskit/spotlight` instead.
  */
 export default function useSpotlight(): {
     isTargetRendered: (target: string) => boolean;

package/dist/types/index.d.ts

@@ -1,14 +1,2 @@
-/**
- * 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.
- */
-export { default as ModalTransition } from '@atlaskit/modal-dialog/modal-transition';
-export { Modal, Spotlight, SpotlightCard, SpotlightManager, SpotlightTarget, SpotlightTransition, modalButtonTheme, spotlightButtonTheme, useSpotlight, } from './components';
+export { Modal, Spotlight, SpotlightCard, SpotlightManager, SpotlightTarget, SpotlightTransition, modalButtonTheme, spotlightButtonTheme, useSpotlight, ModalTransition, } from './components';
 export { Pulse as SpotlightPulse } from './styled/target';

package/dist/types/styled/target.d.ts

@@ -38,6 +38,8 @@ export declare const TargetOverlay: ({ onClick, ...props }: HTMLAttributes<HTMLD
  * - [Examples](https://atlassian.design/components/onboarding/examples)
  * - [Code](https://atlassian.design/components/onboarding/code)
  * - [Usage](https://atlassian.design/components/onboarding/usage)
+ *
+ * @deprecated Use `@atlaskit/spotlight` instead.
  */
 export declare const Pulse: ({ bgColor, children, className, radius, pulse, testId, ...props }: TargetProps) => JSX.Element;
 export {};

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

@@ -1,4 +1,5 @@
 import Modal from './modal';
+import ModalTransition from './modal-transition';
 import Spotlight from './spotlight';
 import SpotlightCard from './spotlight-card';
 import SpotlightManager from './spotlight-manager';
@@ -6,4 +7,4 @@ 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, };
+export { Modal, Spotlight, SpotlightCard, SpotlightManager, SpotlightTarget, SpotlightTransition, useSpotlight, ModalTransition, };

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

@@ -0,0 +1,17 @@
+/**
+ * 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

@@ -43,6 +43,8 @@ type ModalProps = {
  * - [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);

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

@@ -7,6 +7,8 @@ import { type SpotlightCardProps } from '../types';
  * - [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;

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

@@ -53,6 +53,8 @@ interface SpotlightManagerProps {
  * - [Examples](https://atlassian.design/components/onboarding/examples)
  * - [Code](https://atlassian.design/components/onboarding/code)
  * - [Usage](https://atlassian.design/components/onboarding/usage)
+ *
+ * @deprecated Use `@atlaskit/spotlight` instead.
  */
 export default class SpotlightManager extends PureComponent<SpotlightManagerProps, {
     spotlightCount: number;

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

@@ -40,6 +40,8 @@ interface SpotlightTargetProps {
  * - [Examples](https://atlassian.design/components/onboarding/examples)
  * - [Code](https://atlassian.design/components/onboarding/code)
  * - [Usage](https://atlassian.design/components/onboarding/usage)
+ *
+ * @deprecated Use `@atlaskit/spotlight` instead.
  */
 declare const SpotlightTarget: ({ children, name }: SpotlightTargetProps) => React.JSX.Element;
 export default SpotlightTarget;

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

@@ -21,6 +21,8 @@ interface SpotlightTransitionContextModel {
  * - [Examples](https://atlassian.design/components/onboarding/examples)
  * - [Code](https://atlassian.design/components/onboarding/code)
  * - [Usage](https://atlassian.design/components/onboarding/usage)
+ *
+ * @deprecated Use `@atlaskit/spotlight` instead.
  */
 declare class SpotlightTransition extends React.Component<SpotlightTransitionProps, State> {
     static getDerivedStateFromProps(props: SpotlightTransitionProps, state: State): {

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

@@ -8,6 +8,8 @@ import { type SpotlightProps } from '../types';
  * - [Examples](https://atlassian.design/components/onboarding/examples)
  * - [Code](https://atlassian.design/components/onboarding/code)
  * - [Usage](https://atlassian.design/components/onboarding/usage)
+ *
+ * @deprecated Use `@atlaskit/spotlight` instead.
  */
 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/use-spotlight.d.ts

@@ -1,5 +1,7 @@
 /**
  * Use spotlight hook returns information about available spotlight targets.
+ *
+ * @deprecated Use `@atlaskit/spotlight` instead.
  */
 export default function useSpotlight(): {
     isTargetRendered: (target: string) => boolean;

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

@@ -1,14 +1,2 @@
-/**
- * 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.
- */
-export { default as ModalTransition } from '@atlaskit/modal-dialog/modal-transition';
-export { Modal, Spotlight, SpotlightCard, SpotlightManager, SpotlightTarget, SpotlightTransition, modalButtonTheme, spotlightButtonTheme, useSpotlight, } from './components';
+export { Modal, Spotlight, SpotlightCard, SpotlightManager, SpotlightTarget, SpotlightTransition, modalButtonTheme, spotlightButtonTheme, useSpotlight, ModalTransition, } from './components';
 export { Pulse as SpotlightPulse } from './styled/target';

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

@@ -38,6 +38,8 @@ export declare const TargetOverlay: ({ onClick, ...props }: HTMLAttributes<HTMLD
  * - [Examples](https://atlassian.design/components/onboarding/examples)
  * - [Code](https://atlassian.design/components/onboarding/code)
  * - [Usage](https://atlassian.design/components/onboarding/usage)
+ *
+ * @deprecated Use `@atlaskit/spotlight` instead.
  */
 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": "14.4.8",
+	"version": "14.4.9",
 	"description": "An onboarding spotlight introduces new features to users through focused messages or multi-step tours.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -56,14 +56,14 @@
 		"@atlaskit/css": "^0.15.0",
 		"@atlaskit/ds-lib": "^5.1.0",
 		"@atlaskit/heading": "^5.2.0",
-		"@atlaskit/layering": "^3.1.0",
-		"@atlaskit/modal-dialog": "^14.5.0",
+		"@atlaskit/layering": "^3.2.0",
+		"@atlaskit/modal-dialog": "^14.6.0",
 		"@atlaskit/motion": "^5.3.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/popper": "^7.1.0",
 		"@atlaskit/portal": "^5.1.0",
-		"@atlaskit/primitives": "^16.0.0",
-		"@atlaskit/tokens": "^7.0.0",
+		"@atlaskit/primitives": "^16.1.0",
+		"@atlaskit/tokens": "^7.1.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.6",
 		"bind-event-listener": "^3.0.0",