@atlaskit/onboarding 14.5.2 → 14.5.4

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/onboarding
 
+## 14.5.4
+
+### Patch Changes
+
+- [`5db9e3f21a52f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5db9e3f21a52f) -
+  Internal refactoring
+- Updated dependencies
+
+## 14.5.3
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 14.5.2
 
 ### Patch Changes

package/dist/cjs/components/clone.js

@@ -55,9 +55,7 @@ var Clone = function Clone(props) {
     "data-testid": testId,
     pulse: pulse,
     bgColor: targetBgColor,
-    radius: targetRadius
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-    ,
+    radius: targetRadius,
     style: style
   }, /*#__PURE__*/_react.default.createElement("div", {
     dangerouslySetInnerHTML: {

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

@@ -127,9 +127,7 @@ var SpotlightDialogComponent = /*#__PURE__*/function (_Component) {
           disabled: focusLockDisabled,
           returnFocus: false,
           autoFocus: true
-        }, /*#__PURE__*/_react.default.createElement(_compiled.Box
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-        , {
+        }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
           style: style,
           ref: ref,
           "aria-modal": true,

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;
@@ -167,9 +168,7 @@ var SpotlightInner = /*#__PURE__*/function (_React$Component) {
             ref: ref
             // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
             ,
-            className: className
-            // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
-            ,
+            className: className,
             style: style
           }, /*#__PURE__*/_react.default.createElement(_spotlightDialog.default, {
             testId: "".concat(testId, "--dialog"),
@@ -191,7 +190,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;
@@ -150,8 +150,7 @@ var SpotlightManager = exports.default = /*#__PURE__*/function (_PureComponent)
           ref: ref
           // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
           ,
-          className: className
-          /* eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766 */,
+          className: className,
           style: style,
           isTinted: blanketIsTinted,
           onBlanketClicked: onBlanketClicked

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/es2019/components/clone.js

@@ -47,9 +47,7 @@ const Clone = props => {
     "data-testid": testId,
     pulse: pulse,
     bgColor: targetBgColor,
-    radius: targetRadius
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-    ,
+    radius: targetRadius,
     style: style
   }, /*#__PURE__*/React.createElement("div", {
     dangerouslySetInnerHTML: {

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

@@ -99,9 +99,7 @@ class SpotlightDialogComponent extends Component {
       disabled: focusLockDisabled,
       returnFocus: false,
       autoFocus: true
-    }, /*#__PURE__*/React.createElement(Box
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-    , {
+    }, /*#__PURE__*/React.createElement(Box, {
       style: style,
       ref: ref,
       "aria-modal": true,

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);
@@ -137,9 +138,7 @@ class SpotlightInner extends React.Component {
       ref: ref
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
       ,
-      className: className
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
-      ,
+      className: className,
       style: style
     }, /*#__PURE__*/React.createElement(SpotlightDialog, {
       testId: `${testId}--dialog`,
@@ -159,6 +158,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 = ({
@@ -118,8 +115,7 @@ export default class SpotlightManager extends PureComponent {
       ref: ref
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
       ,
-      className: className
-      /* eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766 */,
+      className: className,
       style: style,
       isTinted: blanketIsTinted,
       onBlanketClicked: onBlanketClicked

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/esm/components/clone.js

@@ -47,9 +47,7 @@ var Clone = function Clone(props) {
     "data-testid": testId,
     pulse: pulse,
     bgColor: targetBgColor,
-    radius: targetRadius
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-    ,
+    radius: targetRadius,
     style: style
   }, /*#__PURE__*/React.createElement("div", {
     dangerouslySetInnerHTML: {

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

@@ -118,9 +118,7 @@ var SpotlightDialogComponent = /*#__PURE__*/function (_Component) {
           disabled: focusLockDisabled,
           returnFocus: false,
           autoFocus: true
-        }, /*#__PURE__*/React.createElement(Box
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-        , {
+        }, /*#__PURE__*/React.createElement(Box, {
           style: style,
           ref: ref,
           "aria-modal": true,

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;
@@ -160,9 +161,7 @@ var SpotlightInner = /*#__PURE__*/function (_React$Component) {
             ref: ref
             // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
             ,
-            className: className
-            // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
-            ,
+            className: className,
             style: style
           }, /*#__PURE__*/React.createElement(SpotlightDialog, {
             testId: "".concat(testId, "--dialog"),
@@ -184,7 +183,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) {
@@ -143,8 +143,7 @@ var SpotlightManager = /*#__PURE__*/function (_PureComponent) {
           ref: ref
           // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
           ,
-          className: className
-          /* eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766 */,
+          className: className,
           style: style,
           isTinted: blanketIsTinted,
           onBlanketClicked: onBlanketClicked

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/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/styled/modal.d.ts

@@ -24,7 +24,7 @@ export declare const ModalBody: ({ children }: {
  *
  * @internal
  */
-export declare const ModalHeading: ({ children, id }: {
+export declare const ModalHeading: ({ children, id, }: {
     children: ReactNode;
     id: string;
 }) => JSX.Element;

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/dist/types-ts4.5/styled/modal.d.ts

@@ -24,7 +24,7 @@ export declare const ModalBody: ({ children }: {
  *
  * @internal
  */
-export declare const ModalHeading: ({ children, id }: {
+export declare const ModalHeading: ({ children, id, }: {
     children: ReactNode;
     id: string;
 }) => JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/onboarding",
-	"version": "14.5.2",
+	"version": "14.5.4",
 	"description": "An onboarding spotlight introduces new features to users through focused messages or multi-step tours.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -55,15 +55,15 @@
 		"@atlaskit/button": "^23.9.0",
 		"@atlaskit/css": "^0.19.0",
 		"@atlaskit/ds-lib": "^5.3.0",
-		"@atlaskit/heading": "^5.2.0",
+		"@atlaskit/heading": "^5.3.0",
 		"@atlaskit/layering": "^3.6.0",
-		"@atlaskit/modal-dialog": "^14.10.0",
+		"@atlaskit/modal-dialog": "^14.11.0",
 		"@atlaskit/motion": "^5.3.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/popper": "^7.1.0",
 		"@atlaskit/portal": "^5.2.0",
-		"@atlaskit/primitives": "^17.1.0",
-		"@atlaskit/tokens": "^10.0.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",