@atlaskit/onboarding 14.5.1 → 14.5.3

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/onboarding
 
+## 14.5.3
+
+### Patch Changes
+
+- Updated dependencies
+
+## 14.5.2
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 14.5.1
 
 ### Patch Changes

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

@@ -38,6 +38,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  *
  * @internal
  */
+// eslint-disable-next-line @repo/internal/react/no-class-components
 var SpotlightInner = /*#__PURE__*/function (_React$Component) {
   function SpotlightInner() {
     var _this;
@@ -191,7 +192,7 @@ var SpotlightInner = /*#__PURE__*/function (_React$Component) {
       });
     }
   }]);
-}(_react.default.Component);
+}(_react.default.Component); // eslint-disable-next-line @repo/internal/react/require-jsdoc
 (0, _defineProperty2.default)(SpotlightInner, "defaultProps", {
   dialogWidth: 400,
   pulse: true

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

@@ -24,16 +24,16 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-var _createContext = /*#__PURE__*/(0, _react.createContext)(undefined),
-  TargetConsumer = exports.TargetConsumer = _createContext.Consumer,
-  TargetProvider = _createContext.Provider;
+var dest = /*#__PURE__*/(0, _react.createContext)(undefined);
+var TargetConsumer = exports.TargetConsumer = dest.Consumer;
+var TargetProvider = dest.Provider;
 var SpotlightContext = exports.SpotlightContext = /*#__PURE__*/(0, _react.createContext)({
   opened: _noop.default,
   closed: _noop.default,
   targets: {}
 });
-var SpotlightStateConsumer = exports.SpotlightConsumer = SpotlightContext.Consumer,
-  SpotlightStateProvider = SpotlightContext.Provider;
+var SpotlightStateConsumer = exports.SpotlightConsumer = SpotlightContext.Consumer;
+var SpotlightStateProvider = SpotlightContext.Provider;
 var Container = function Container(_ref) {
   var Wrapper = _ref.component,
     children = _ref.children;

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

@@ -41,6 +41,7 @@ var hasChildren = function hasChildren(children) {
  *
  * @deprecated Use `@atlaskit/spotlight` instead.
  */
+// eslint-disable-next-line @repo/internal/react/no-class-components
 var SpotlightTransition = /*#__PURE__*/function (_React$Component) {
   function SpotlightTransition() {
     var _this;
@@ -89,4 +90,6 @@ var SpotlightTransition = /*#__PURE__*/function (_React$Component) {
  * @internal
  */
 var SpotlightTransitionConsumer = exports.SpotlightTransitionConsumer = SpotlightTransitionContext.Consumer;
+
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
 var _default = exports.default = SpotlightTransition;

package/dist/cjs/components/value-changed.js

@@ -17,6 +17,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 // On update, it checks whether the current value prop is equal to the previous value prop.
 // If they are different, it calls the onChange function.
 // We use this for updating Popper when the SpotlightDialog width changes.
+// eslint-disable-next-line @repo/internal/react/no-class-components
 var ValueChanged = exports.default = /*#__PURE__*/function (_React$Component) {
   function ValueChanged() {
     (0, _classCallCheck2.default)(this, ValueChanged);

package/dist/cjs/styled/modal.compiled.css

@@ -1,4 +1,4 @@
-._11c8lodh{font:var(--ds-font-heading-medium,normal 500 20px/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c81af2{font:var(--ds-font-heading-medium,normal 653 20px/24px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._12l21b66{margin-inline-end:var(--ds-space-050,4px)}
 ._1bah1h6o{justify-content:center}
 ._1bsb1osq{width:100%}

package/dist/cjs/styled/modal.js

@@ -42,7 +42,7 @@ var ModalHeading = exports.ModalHeading = function ModalHeading(_ref2) {
     id = _ref2.id;
   return /*#__PURE__*/React.createElement("h1", {
     id: id,
-    className: (0, _runtime.ax)(["_11c8lodh _syaz1kw7 _6rthu2gc"])
+    className: (0, _runtime.ax)(["_11c81af2 _syaz1kw7 _6rthu2gc"])
   }, children);
 };
 

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

@@ -8,6 +8,7 @@ exports.ElementBox = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
 var _bindEventListener = require("bind-event-listener");
+var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 // The minimum interval between position updates in milliseconds
 var POSITION_UPDATE_INTERVAL = 200;
@@ -59,7 +60,7 @@ var useResizeAwareElementBox = function useResizeAwareElementBox(element, update
         listener: onResize
       });
     }
-    return function () {};
+    return _noop.default;
   }, [element, updateMethod]);
   return box;
 };

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

@@ -20,6 +20,7 @@ import { SpotlightTransitionConsumer } from './spotlight-transition';
  *
  * @internal
  */
+// eslint-disable-next-line @repo/internal/react/no-class-components
 class SpotlightInner extends React.Component {
   constructor(...args) {
     super(...args);
@@ -159,6 +160,8 @@ class SpotlightInner extends React.Component {
     }))))), /*#__PURE__*/React.createElement(ScrollLock, null)));
   }
 }
+
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
 _defineProperty(SpotlightInner, "defaultProps", {
   dialogWidth: 400,
   pulse: true

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

@@ -6,19 +6,16 @@ import { ExitingPersistence, FadeIn } from '@atlaskit/motion';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Portal from '@atlaskit/portal';
 import Blanket from '../styled/blanket';
-const {
-  Consumer: TargetConsumer,
-  Provider: TargetProvider
-} = /*#__PURE__*/createContext(undefined);
+const dest = /*#__PURE__*/createContext(undefined);
+const TargetConsumer = dest.Consumer;
+const TargetProvider = dest.Provider;
 const SpotlightContext = /*#__PURE__*/createContext({
   opened: noop,
   closed: noop,
   targets: {}
 });
-const {
-  Consumer: SpotlightStateConsumer,
-  Provider: SpotlightStateProvider
-} = SpotlightContext;
+const SpotlightStateConsumer = SpotlightContext.Consumer;
+const SpotlightStateProvider = SpotlightContext.Provider;
 export { TargetConsumer };
 export { SpotlightContext, SpotlightStateConsumer as SpotlightConsumer };
 const Container = ({

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

@@ -23,6 +23,7 @@ const hasChildren = children => {
  *
  * @deprecated Use `@atlaskit/spotlight` instead.
  */
+// eslint-disable-next-line @repo/internal/react/no-class-components
 class SpotlightTransition extends React.Component {
   constructor(...args) {
     super(...args);
@@ -62,4 +63,6 @@ class SpotlightTransition extends React.Component {
  * @internal
  */
 export const SpotlightTransitionConsumer = SpotlightTransitionContext.Consumer;
+
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
 export default SpotlightTransition;

package/dist/es2019/components/value-changed.js

@@ -3,6 +3,7 @@ import React from 'react';
 // On update, it checks whether the current value prop is equal to the previous value prop.
 // If they are different, it calls the onChange function.
 // We use this for updating Popper when the SpotlightDialog width changes.
+// eslint-disable-next-line @repo/internal/react/no-class-components
 export default class ValueChanged extends React.Component {
   componentDidUpdate(prevProps) {
     if (prevProps.value !== this.props.value) {

package/dist/es2019/styled/modal.compiled.css

@@ -1,4 +1,4 @@
-._11c8lodh{font:var(--ds-font-heading-medium,normal 500 20px/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c81af2{font:var(--ds-font-heading-medium,normal 653 20px/24px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._12l21b66{margin-inline-end:var(--ds-space-050,4px)}
 ._1bah1h6o{justify-content:center}
 ._1bsb1osq{width:100%}

package/dist/es2019/styled/modal.js

@@ -34,7 +34,7 @@ export const ModalHeading = ({
 }) => {
   return /*#__PURE__*/React.createElement("h1", {
     id: id,
-    className: ax(["_11c8lodh _syaz1kw7 _6rthu2gc"])
+    className: ax(["_11c81af2 _syaz1kw7 _6rthu2gc"])
   }, children);
 };
 

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

@@ -1,5 +1,6 @@
 import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
 import { bind } from 'bind-event-listener';
+import __noop from '@atlaskit/ds-lib/noop';
 import { fg } from '@atlaskit/platform-feature-flags';
 // The minimum interval between position updates in milliseconds
 const POSITION_UPDATE_INTERVAL = 200;
@@ -49,7 +50,7 @@ const useResizeAwareElementBox = (element, updateMethod) => {
         listener: onResize
       });
     }
-    return () => {};
+    return __noop;
   }, [element, updateMethod]);
   return box;
 };

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

@@ -31,6 +31,7 @@ import { SpotlightTransitionConsumer } from './spotlight-transition';
  *
  * @internal
  */
+// eslint-disable-next-line @repo/internal/react/no-class-components
 var SpotlightInner = /*#__PURE__*/function (_React$Component) {
   function SpotlightInner() {
     var _this;
@@ -184,7 +185,7 @@ var SpotlightInner = /*#__PURE__*/function (_React$Component) {
       });
     }
   }]);
-}(React.Component);
+}(React.Component); // eslint-disable-next-line @repo/internal/react/require-jsdoc
 _defineProperty(SpotlightInner, "defaultProps", {
   dialogWidth: 400,
   pulse: true

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

@@ -15,16 +15,16 @@ import { ExitingPersistence, FadeIn } from '@atlaskit/motion';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Portal from '@atlaskit/portal';
 import Blanket from '../styled/blanket';
-var _createContext = /*#__PURE__*/createContext(undefined),
-  TargetConsumer = _createContext.Consumer,
-  TargetProvider = _createContext.Provider;
+var dest = /*#__PURE__*/createContext(undefined);
+var TargetConsumer = dest.Consumer;
+var TargetProvider = dest.Provider;
 var SpotlightContext = /*#__PURE__*/createContext({
   opened: noop,
   closed: noop,
   targets: {}
 });
-var SpotlightStateConsumer = SpotlightContext.Consumer,
-  SpotlightStateProvider = SpotlightContext.Provider;
+var SpotlightStateConsumer = SpotlightContext.Consumer;
+var SpotlightStateProvider = SpotlightContext.Provider;
 export { TargetConsumer };
 export { SpotlightContext, SpotlightStateConsumer as SpotlightConsumer };
 var Container = function Container(_ref) {

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

@@ -32,6 +32,7 @@ var hasChildren = function hasChildren(children) {
  *
  * @deprecated Use `@atlaskit/spotlight` instead.
  */
+// eslint-disable-next-line @repo/internal/react/no-class-components
 var SpotlightTransition = /*#__PURE__*/function (_React$Component) {
   function SpotlightTransition() {
     var _this;
@@ -80,4 +81,6 @@ var SpotlightTransition = /*#__PURE__*/function (_React$Component) {
  * @internal
  */
 export var SpotlightTransitionConsumer = SpotlightTransitionContext.Consumer;
+
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
 export default SpotlightTransition;

package/dist/esm/components/value-changed.js

@@ -10,6 +10,7 @@ import React from 'react';
 // On update, it checks whether the current value prop is equal to the previous value prop.
 // If they are different, it calls the onChange function.
 // We use this for updating Popper when the SpotlightDialog width changes.
+// eslint-disable-next-line @repo/internal/react/no-class-components
 var ValueChanged = /*#__PURE__*/function (_React$Component) {
   function ValueChanged() {
     _classCallCheck(this, ValueChanged);

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

@@ -1,4 +1,4 @@
-._11c8lodh{font:var(--ds-font-heading-medium,normal 500 20px/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c81af2{font:var(--ds-font-heading-medium,normal 653 20px/24px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._12l21b66{margin-inline-end:var(--ds-space-050,4px)}
 ._1bah1h6o{justify-content:center}
 ._1bsb1osq{width:100%}

package/dist/esm/styled/modal.js

@@ -34,7 +34,7 @@ export var ModalHeading = function ModalHeading(_ref2) {
     id = _ref2.id;
   return /*#__PURE__*/React.createElement("h1", {
     id: id,
-    className: ax(["_11c8lodh _syaz1kw7 _6rthu2gc"])
+    className: ax(["_11c81af2 _syaz1kw7 _6rthu2gc"])
   }, children);
 };
 

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

@@ -1,6 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
 import { bind } from 'bind-event-listener';
+import __noop from '@atlaskit/ds-lib/noop';
 import { fg } from '@atlaskit/platform-feature-flags';
 // The minimum interval between position updates in milliseconds
 var POSITION_UPDATE_INTERVAL = 200;
@@ -52,7 +53,7 @@ var useResizeAwareElementBox = function useResizeAwareElementBox(element, update
         listener: onResize
       });
     }
-    return function () {};
+    return __noop;
   }, [element, updateMethod]);
   return box;
 };

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

@@ -1,4 +1,5 @@
 import React, { type ElementType, PureComponent, type ReactNode } from 'react';
+import { type MemoizedFn } from 'memoize-one';
 export type TargetRef = (element: HTMLElement | null | undefined) => void;
 export type GetTargetRef = (
 /**
@@ -73,7 +74,7 @@ export default class SpotlightManager extends PureComponent<SpotlightManagerProp
     getTargetRef: (name: string) => (element: HTMLElement | null | undefined) => void;
     spotlightOpen: () => void;
     spotlightClose: () => void;
-    getStateProviderValue: import("memoize-one").MemoizedFn<(this: any, targets: any) => {
+    getStateProviderValue: MemoizedFn<(this: any, targets: any) => {
         opened: () => void;
         closed: () => void;
         targets: any;

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

@@ -1,4 +1,5 @@
 import React, { type ElementType, PureComponent, type ReactNode } from 'react';
+import { type MemoizedFn } from 'memoize-one';
 export type TargetRef = (element: HTMLElement | null | undefined) => void;
 export type GetTargetRef = (
 /**
@@ -73,7 +74,7 @@ export default class SpotlightManager extends PureComponent<SpotlightManagerProp
     getTargetRef: (name: string) => (element: HTMLElement | null | undefined) => void;
     spotlightOpen: () => void;
     spotlightClose: () => void;
-    getStateProviderValue: import("memoize-one").MemoizedFn<(this: any, targets: any) => {
+    getStateProviderValue: MemoizedFn<(this: any, targets: any) => {
         opened: () => void;
         closed: () => void;
         targets: any;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/onboarding",
-	"version": "14.5.1",
+	"version": "14.5.3",
 	"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.19.0",
 		"@atlaskit/ds-lib": "^5.3.0",
 		"@atlaskit/heading": "^5.2.0",
-		"@atlaskit/layering": "^3.5.0",
-		"@atlaskit/modal-dialog": "^14.9.0",
+		"@atlaskit/layering": "^3.6.0",
+		"@atlaskit/modal-dialog": "^14.10.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": "^17.0.0",
-		"@atlaskit/tokens": "^9.1.0",
+		"@atlaskit/portal": "^5.2.0",
+		"@atlaskit/primitives": "^18.0.0",
+		"@atlaskit/tokens": "^11.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.6",
 		"bind-event-listener": "^3.0.0",
@@ -84,8 +84,7 @@
 		"@af/visual-regression": "workspace:^",
 		"@atlaskit/theme": "^21.0.0",
 		"@atlassian/ssr-tests": "workspace:^",
-		"@testing-library/react": "^13.4.0",
-		"@testing-library/react-hooks": "^8.0.1",
+		"@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",