@atlaskit/onboarding - npm Package Compare versions

Comparing version 11.6.0 to 11.7.0

CHANGELOG.md

 # @atlaskit/onboarding
 
+## 11.7.0
+
+### Minor Changes
+
+- [#110670](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/110670)
+  [`c733254a2dd6e`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c733254a2dd6e) -
+  Explicitly set jsxRuntime to classic via pragma comments in order to avoid issues where jsxRuntime
+  is implicitly set to automatic.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 11.6.0
@@ -4,0 +17,0 @@

dist/cjs/components/modal.js

@@ -29,3 +29,5 @@ "use strict";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
+ * @jsxRuntime classic
+ */ /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 // TODO: DSP-1250 - use a composable API consistent with normal modal dialog
@@ -32,0 +34,0 @@ /**

dist/cjs/components/spotlight-card.js

@@ -18,3 +18,7 @@ "use strict";
 var _excluded = ["text", "key"];
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -21,0 +25,0 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }

dist/cjs/components/spotlight-dialog.js

@@ -30,3 +30,3 @@ "use strict";
 var packageName = "@atlaskit/onboarding";
-var packageVersion = "11.6.0";
+var packageVersion = "11.7.0";
 var SpotlightDialog = /*#__PURE__*/function (_Component) {
@@ -33,0 +33,0 @@ (0, _inherits2.default)(SpotlightDialog, _Component);

dist/cjs/styled/blanket.js

@@ -13,3 +13,5 @@ "use strict";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-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; } /** @jsx jsx */
+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; } /**
+ * @jsxRuntime classic
+ */ /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 // IE11 and Edge: z-index needed because fixed position calculates z-index relative
@@ -16,0 +18,0 @@ // to body instead of nearest stacking context (Portal in our case).

dist/cjs/styled/dialog.js

@@ -12,3 +12,7 @@ "use strict";
 var _excluded = ["alt"];
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var imageStyles = (0, _react.css)({
@@ -22,3 +26,3 @@ maxWidth: '100%',
   /* When there is more than one action, place primary action visually on the
-  right, but keep it's position as the first focusable element in the DOM */
+   right, but keep it's position as the first focusable element in the DOM */
   flexDirection: 'row-reverse'
@@ -25,0 +29,0 @@ });

dist/cjs/styled/modal.js

@@ -10,4 +10,9 @@ "use strict";
 /* eslint-disable @atlaskit/design-system/no-nested-styles */
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var modalBodyStyles = (0, _react.css)({
@@ -19,3 +24,5 @@ padding: "var(--ds-space-500, 40px)".concat(" ", "var(--ds-space-200, 16px)"),
 // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-array-arguments -- Ignored via go/DSP-18766
-var modalHeadingStyles = (0, _react.css)([(0, _react.css)((0, _typography.h600)({
+var modalHeadingStyles = (0, _react.css)([
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+(0, _react.css)((0, _typography.h600)({
   theme: {
@@ -22,0 +29,0 @@ mode: 'light'

dist/cjs/styled/target.js

@@ -17,3 +17,7 @@ "use strict";
   _excluded3 = ["children", "pulse", "testId"];
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -34,2 +38,3 @@ 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; }
 // This is needed for unit tests
+// eslint-disable-next-line @atlaskit/design-system/no-exported-keyframes, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var pulseKeyframesName = exports.pulseKeyframesName = pulseKeyframes.name;
@@ -75,3 +80,3 @@ var animationStyles = (0, _react.css)({
   , (0, _extends2.default)({}, props, {
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     css: [pulse && animationStyles, _motion.reduceMotionAsPerUserPreference]
@@ -128,3 +133,3 @@ }), children);
     css: [pulse && animationStyles,
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     _motion.reduceMotionAsPerUserPreference],
@@ -131,0 +136,0 @@ testId: testId

dist/es2019/components/modal.js

 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { Component } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
@@ -6,0 +11,0 @@ import Button, { Theme as ButtonTheme } from '@atlaskit/button/custom-theme-button';

dist/es2019/components/spotlight-card.js

@@ -0,3 +1,8 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { forwardRef } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
@@ -4,0 +9,0 @@ import Button, { Theme as ButtonTheme } from '@atlaskit/button/custom-theme-button';

dist/es2019/components/spotlight-dialog.js

@@ -10,3 +10,3 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 const packageName = "@atlaskit/onboarding";
-const packageVersion = "11.6.0";
+const packageVersion = "11.7.0";
 class SpotlightDialog extends Component {
@@ -13,0 +13,0 @@ constructor(...args) {

dist/es2019/styled/blanket.js

@@ -0,2 +1,6 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
@@ -3,0 +7,0 @@ import { N100A } from '@atlaskit/theme/colors';

dist/es2019/styled/dialog.js

 import _extends from "@babel/runtime/helpers/extends";
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
@@ -13,3 +17,3 @@ const imageStyles = css({
   /* When there is more than one action, place primary action visually on the
-  right, but keep it's position as the first focusable element in the DOM */
+   right, but keep it's position as the first focusable element in the DOM */
   flexDirection: 'row-reverse'
@@ -16,0 +20,0 @@ });

dist/es2019/styled/modal.js

 /* eslint-disable @atlaskit/design-system/no-nested-styles */
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
@@ -12,3 +16,5 @@ import { h600 } from '@atlaskit/theme/typography';
 // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-array-arguments -- Ignored via go/DSP-18766
-const modalHeadingStyles = css([css(h600({
+const modalHeadingStyles = css([
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+css(h600({
   theme: {
@@ -15,0 +21,0 @@ mode: 'light'

dist/es2019/styled/target.js

 import _extends from "@babel/runtime/helpers/extends";
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx, keyframes } from '@emotion/react';
@@ -20,2 +24,3 @@ import { reduceMotionAsPerUserPreference } from '@atlaskit/motion';
 // This is needed for unit tests
+// eslint-disable-next-line @atlaskit/design-system/no-exported-keyframes, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const pulseKeyframesName = pulseKeyframes.name;
@@ -61,3 +66,3 @@ const animationStyles = css({
 , _extends({}, props, {
-  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   css: [pulse && animationStyles, reduceMotionAsPerUserPreference]
@@ -110,5 +115,5 @@ }), children);
   css: [pulse && animationStyles,
-  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   reduceMotionAsPerUserPreference],
   testId: testId
 }), children);

dist/esm/components/modal.js

@@ -14,4 +14,9 @@ import _extends from "@babel/runtime/helpers/extends";
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { Component } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
@@ -18,0 +23,0 @@ import Button, { Theme as ButtonTheme } from '@atlaskit/button/custom-theme-button';

dist/esm/components/spotlight-card.js

 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["text", "key"];
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { forwardRef } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
@@ -6,0 +11,0 @@ import Button, { Theme as ButtonTheme } from '@atlaskit/button/custom-theme-button';

dist/esm/components/spotlight-dialog.js

@@ -20,3 +20,3 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 var packageName = "@atlaskit/onboarding";
-var packageVersion = "11.6.0";
+var packageVersion = "11.7.0";
 var SpotlightDialog = /*#__PURE__*/function (_Component) {
@@ -23,0 +23,0 @@ _inherits(SpotlightDialog, _Component);

dist/esm/styled/blanket.js

 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 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) { _defineProperty(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; }
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
@@ -6,0 +10,0 @@ import { N100A } from '@atlaskit/theme/colors';

dist/esm/styled/dialog.js

 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["alt"];
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
@@ -15,3 +19,3 @@ var imageStyles = css({
   /* When there is more than one action, place primary action visually on the
-  right, but keep it's position as the first focusable element in the DOM */
+   right, but keep it's position as the first focusable element in the DOM */
   flexDirection: 'row-reverse'
@@ -18,0 +22,0 @@ });

dist/esm/styled/modal.js

 /* eslint-disable @atlaskit/design-system/no-nested-styles */
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
@@ -12,3 +16,5 @@ import { h600 } from '@atlaskit/theme/typography';
 // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-array-arguments -- Ignored via go/DSP-18766
-var modalHeadingStyles = css([css(h600({
+var modalHeadingStyles = css([
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+css(h600({
   theme: {
@@ -15,0 +21,0 @@ mode: 'light'

dist/esm/styled/target.js

@@ -9,4 +9,8 @@ import _extends from "@babel/runtime/helpers/extends";
 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) { _defineProperty(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; }
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx, keyframes } from '@emotion/react';
@@ -28,2 +32,3 @@ import { reduceMotionAsPerUserPreference } from '@atlaskit/motion';
 // This is needed for unit tests
+// eslint-disable-next-line @atlaskit/design-system/no-exported-keyframes, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var pulseKeyframesName = pulseKeyframes.name;
@@ -69,3 +74,3 @@ var animationStyles = css({
   , _extends({}, props, {
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     css: [pulse && animationStyles, reduceMotionAsPerUserPreference]
@@ -122,3 +127,3 @@ }), children);
     css: [pulse && animationStyles,
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     reduceMotionAsPerUserPreference],
@@ -125,0 +130,0 @@ testId: testId

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

@@ -0,1 +1,4 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
@@ -2,0 +5,0 @@ import { Component, type ElementType, type ReactNode } from 'react';

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

@@ -0,1 +1,4 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
@@ -2,0 +5,0 @@ import { type ComponentType, type ReactNode, type Ref } from 'react';

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

@@ -76,10 +76,10 @@ import { type ComponentType, type MouseEvent, type ReactNode } from 'react';
     /**
-      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.
-      As this component is composed of multiple components we use this `testId` as a prefix:
-  
-      - `"${testId}--dialog"` to identify the spotlight dialog
-      - `"${testId}--target"` to identify the spotlight target clone
-  
-      Defaults to `"spotlight"`.
-     */
+    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.
+    As this component is composed of multiple components we use this `testId` as a prefix:
+
+    - `"${testId}--dialog"` to identify the spotlight dialog
+    - `"${testId}--target"` to identify the spotlight target clone
+
+    Defaults to `"spotlight"`.
+   */
     testId?: string;
@@ -86,0 +86,0 @@ }

dist/types-ts4.5/styled/blanket.d.ts

 /// <reference types="react" />
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
@@ -3,0 +6,0 @@ import { jsx } from '@emotion/react';

dist/types-ts4.5/styled/dialog.d.ts

@@ -0,1 +1,4 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
@@ -20,3 +23,3 @@ import { type ImgHTMLAttributes, type ReactNode } from 'react';
  */
-export declare const DialogActionItemContainer: ({ children, }: {
+export declare const DialogActionItemContainer: ({ children }: {
     children: ReactNode;
@@ -23,0 +26,0 @@ }) => jsx.JSX.Element;

dist/types-ts4.5/styled/modal.d.ts

@@ -0,1 +1,4 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
@@ -25,3 +28,3 @@ import { type ReactNode } from 'react';
  */
-export declare const ModalHeading: ({ children, id, }: {
+export declare const ModalHeading: ({ children, id }: {
     children: ReactNode;
@@ -28,0 +31,0 @@ id: string;

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

@@ -0,1 +1,4 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
@@ -2,0 +5,0 @@ import { type HTMLAttributes, type ReactNode } from 'react';

dist/types/components/modal.d.ts

@@ -0,1 +1,4 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
@@ -2,0 +5,0 @@ import { Component, type ElementType, type ReactNode } from 'react';

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

@@ -0,1 +1,4 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
@@ -2,0 +5,0 @@ import { type ComponentType, type ReactNode, type Ref } from 'react';

dist/types/components/spotlight.d.ts

@@ -76,10 +76,10 @@ import { type ComponentType, type MouseEvent, type ReactNode } from 'react';
     /**
-      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.
-      As this component is composed of multiple components we use this `testId` as a prefix:
-  
-      - `"${testId}--dialog"` to identify the spotlight dialog
-      - `"${testId}--target"` to identify the spotlight target clone
-  
-      Defaults to `"spotlight"`.
-     */
+    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.
+    As this component is composed of multiple components we use this `testId` as a prefix:
+
+    - `"${testId}--dialog"` to identify the spotlight dialog
+    - `"${testId}--target"` to identify the spotlight target clone
+
+    Defaults to `"spotlight"`.
+   */
     testId?: string;
@@ -86,0 +86,0 @@ }

dist/types/styled/blanket.d.ts

 /// <reference types="react" />
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
@@ -3,0 +6,0 @@ import { jsx } from '@emotion/react';

dist/types/styled/dialog.d.ts

@@ -0,1 +1,4 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
@@ -20,3 +23,3 @@ import { type ImgHTMLAttributes, type ReactNode } from 'react';
  */
-export declare const DialogActionItemContainer: ({ children, }: {
+export declare const DialogActionItemContainer: ({ children }: {
     children: ReactNode;
@@ -23,0 +26,0 @@ }) => jsx.JSX.Element;

dist/types/styled/modal.d.ts

@@ -0,1 +1,4 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
@@ -25,3 +28,3 @@ import { type ReactNode } from 'react';
  */
-export declare const ModalHeading: ({ children, id, }: {
+export declare const ModalHeading: ({ children, id }: {
     children: ReactNode;
@@ -28,0 +31,0 @@ id: string;

dist/types/styled/target.d.ts

@@ -0,1 +1,4 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
@@ -2,0 +5,0 @@ import { type HTMLAttributes, type ReactNode } from 'react';

package.json

 {
-  "name": "@atlaskit/onboarding",
-  "version": "11.6.0",
-  "description": "An onboarding spotlight introduces new features to users through focused messages or multi-step tours.",
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/"
-  },
-  "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
-  "author": "Atlassian Pty Ltd",
-  "license": "Apache-2.0",
-  "main": "dist/cjs/index.js",
-  "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": false,
-  "atlaskit:src": "src/index.tsx",
-  "af:exports": {
-    ".": "./src/index.tsx",
-    "./types": "./src/types.tsx"
-  },
-  "homepage": "https://atlassian.design/components/onboarding/",
-  "atlassian": {
-    "team": "Design System Team",
-    "releaseModel": "continuous",
-    "productPushConsumption": [
-      "jira"
-    ],
-    "website": {
-      "name": "Onboarding (spotlight)",
-      "category": "Components"
-    },
-    "runReact18": true
-  },
-  "dependencies": {
-    "@atlaskit/analytics-next": "^9.3.0",
-    "@atlaskit/button": "^17.17.0",
-    "@atlaskit/ds-lib": "^2.3.0",
-    "@atlaskit/heading": "^2.3.0",
-    "@atlaskit/modal-dialog": "^12.13.0",
-    "@atlaskit/motion": "^1.6.0",
-    "@atlaskit/popper": "^6.0.0",
-    "@atlaskit/portal": "^4.5.0",
-    "@atlaskit/primitives": "^7.0.0",
-    "@atlaskit/theme": "^12.9.0",
-    "@atlaskit/tokens": "^1.49.0",
-    "@babel/runtime": "^7.0.0",
-    "@emotion/react": "^11.7.1",
-    "bind-event-listener": "^3.0.0",
-    "exenv": "^1.2.2",
-    "memoize-one": "^6.0.0",
-    "react-focus-lock": "^2.9.5",
-    "react-node-resolver": "^1.0.1",
-    "react-scrolllock": "^5.0.1",
-    "react-transition-group": "^4.4.1",
-    "scroll-into-view-if-needed": "^2.2.20"
-  },
-  "peerDependencies": {
-    "react": "^16.8.0 || ^17.0.0 || ~18.2.0",
-    "react-dom": "^16.8.0"
-  },
-  "devDependencies": {
-    "@af/accessibility-testing": "*",
-    "@af/integration-testing": "*",
-    "@af/visual-regression": "*",
-    "@atlaskit/ssr": "*",
-    "@atlaskit/visual-regression": "*",
-    "@testing-library/react": "^12.1.5",
-    "@testing-library/react-hooks": "^8.0.1",
-    "@types/exenv": "^1.2.0",
-    "@types/react-node-resolver": "^2.0.0",
-    "@types/react-transition-group": "^2.0.6",
-    "raf-stub": "^2.0.1",
-    "react-dom": "^16.8.0",
-    "react-lorem-component": "^0.13.0",
-    "typescript": "~5.4.2"
-  },
-  "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"
-    }
-  }
-}
+	"name": "@atlaskit/onboarding",
+	"version": "11.7.0",
+	"description": "An onboarding spotlight introduces new features to users through focused messages or multi-step tours.",
+	"publishConfig": {
+		"registry": "https://registry.npmjs.org/"
+	},
+	"repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
+	"author": "Atlassian Pty Ltd",
+	"license": "Apache-2.0",
+	"main": "dist/cjs/index.js",
+	"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": false,
+	"atlaskit:src": "src/index.tsx",
+	"af:exports": {
+		".": "./src/index.tsx",
+		"./types": "./src/types.tsx"
+	},
+	"homepage": "https://atlassian.design/components/onboarding/",
+	"atlassian": {
+		"team": "Design System Team",
+		"releaseModel": "continuous",
+		"productPushConsumption": [
+			"jira"
+		],
+		"website": {
+			"name": "Onboarding (spotlight)",
+			"category": "Components"
+		},
+		"runReact18": true
+	},
+	"dependencies": {
+		"@atlaskit/analytics-next": "^9.3.0",
+		"@atlaskit/button": "^17.17.0",
+		"@atlaskit/ds-lib": "^2.3.0",
+		"@atlaskit/heading": "^2.4.0",
+		"@atlaskit/modal-dialog": "^12.14.0",
+		"@atlaskit/motion": "^1.7.0",
+		"@atlaskit/popper": "^6.1.0",
+		"@atlaskit/portal": "^4.6.0",
+		"@atlaskit/primitives": "^7.4.0",
+		"@atlaskit/theme": "^12.10.0",
+		"@atlaskit/tokens": "^1.51.0",
+		"@babel/runtime": "^7.0.0",
+		"@emotion/react": "^11.7.1",
+		"bind-event-listener": "^3.0.0",
+		"exenv": "^1.2.2",
+		"memoize-one": "^6.0.0",
+		"react-focus-lock": "^2.9.5",
+		"react-node-resolver": "^1.0.1",
+		"react-scrolllock": "^5.0.1",
+		"react-transition-group": "^4.4.1",
+		"scroll-into-view-if-needed": "^2.2.20"
+	},
+	"peerDependencies": {
+		"react": "^16.8.0 || ^17.0.0 || ~18.2.0",
+		"react-dom": "^16.8.0"
+	},
+	"devDependencies": {
+		"@af/accessibility-testing": "*",
+		"@af/integration-testing": "*",
+		"@af/visual-regression": "*",
+		"@atlaskit/ssr": "*",
+		"@atlaskit/visual-regression": "*",
+		"@testing-library/react": "^12.1.5",
+		"@testing-library/react-hooks": "^8.0.1",
+		"@types/exenv": "^1.2.0",
+		"@types/react-node-resolver": "^2.0.0",
+		"@types/react-transition-group": "^2.0.6",
+		"raf-stub": "^2.0.1",
+		"react-dom": "^16.8.0",
+		"react-lorem-component": "^0.13.0",
+		"typescript": "~5.4.2"
+	},
+	"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"
+		}
+	}
+}

README.md

@@ -13,2 +13,3 @@ # Onboarding
 
-Detailed docs and example usage can be found [here](https://atlaskit.atlassian.com/packages/core/onboarding).
+Detailed docs and example usage can be found
+[here](https://atlaskit.atlassian.com/packages/core/onboarding).

report.api.md

@@ -5,3 +5,4 @@ <!-- API Report Version: 2.3 -->
 
-> Do not edit this file. This report is auto-generated using [API Extractor](https://api-extractor.com/).
+> Do not edit this file. This report is auto-generated using
+> [API Extractor](https://api-extractor.com/).
 > [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
@@ -39,6 +40,6 @@
 interface Action extends Omit<CustomThemeButtonProps, 'children'> {
-  // (undocumented)
-  key?: string;
-  // (undocumented)
-  text?: ReactNode;
+	// (undocumented)
+	key?: string;
+	// (undocumented)
+	text?: ReactNode;
 }
@@ -51,7 +52,7 @@
 type BaseProps = React.HTMLAttributes<HTMLDivElement> & {
-  bgColor?: string;
-  radius?: number;
-  className?: string;
-  testId?: string;
-  children?: ReactNode;
+	bgColor?: string;
+	radius?: number;
+	className?: string;
+	testId?: string;
+	children?: ReactNode;
 };
@@ -61,4 +62,4 @@
 interface CardTokens {
-  // @deprecated (undocumented)
-  container: Record<string, string | undefined>;
+	// @deprecated (undocumented)
+	container: Record<string, string | undefined>;
 }
@@ -68,29 +69,24 @@
 export class Modal extends Component<ModalProps> {
-  // (undocumented)
-  footerComponent: (
-    props: ModalProps,
-  ) => (() => jsx.JSX.Element | null) | ElementType<ModalFooterProps>;
-  // (undocumented)
-  headerComponent: (
-    props: ModalProps,
-  ) => (() => jsx.JSX.Element) | ElementType<ModalHeaderProps>;
-  // (undocumented)
-  render(): jsx.JSX.Element;
+	// (undocumented)
+	footerComponent: (
+		props: ModalProps,
+	) => (() => jsx.JSX.Element | null) | ElementType<ModalFooterProps>;
+	// (undocumented)
+	headerComponent: (props: ModalProps) => (() => jsx.JSX.Element) | ElementType<ModalHeaderProps>;
+	// (undocumented)
+	render(): jsx.JSX.Element;
 }
 
 // @public @deprecated (undocumented)
-export const modalButtonTheme: (
-  current: any,
-  themeProps: Record<string, any>,
-) => any;
+export const modalButtonTheme: (current: any, themeProps: Record<string, any>) => any;
 
 // @public (undocumented)
 type ModalProps = {
-  actions?: Actions;
-  children: ReactNode;
-  image?: string;
-  header?: ElementType<ModalHeaderProps>;
-  footer?: ElementType<ModalFooterProps>;
-  heading?: string;
-  experimental_shouldShowPrimaryButtonOnRight?: boolean;
+	actions?: Actions;
+	children: ReactNode;
+	image?: string;
+	header?: ElementType<ModalHeaderProps>;
+	footer?: ElementType<ModalFooterProps>;
+	heading?: string;
+	experimental_shouldShowPrimaryButtonOnRight?: boolean;
 };
@@ -102,19 +98,16 @@
 export const Spotlight: ({
-  dialogWidth,
-  pulse,
-  testId,
-  targetNode,
-  target,
-  ...rest
+	dialogWidth,
+	pulse,
+	testId,
+	targetNode,
+	target,
+	...rest
 }: SpotlightProps) => JSX.Element;
 
 // @public @deprecated (undocumented)
-export const spotlightButtonTheme: (
-  current: any,
-  themeProps: Record<string, any>,
-) => any;
+export const spotlightButtonTheme: (current: any, themeProps: Record<string, any>) => any;
 
 // @public
 export const SpotlightCard: ForwardRefExoticComponent<
-  SpotlightCardProps & RefAttributes<HTMLDivElement>
+	SpotlightCardProps & RefAttributes<HTMLDivElement>
 >;
@@ -124,20 +117,20 @@
 interface SpotlightCardProps {
-  actions?: Actions;
-  actionsBeforeElement?: ReactNode;
-  children?: ReactNode;
-  components?: {
-    Header?: ComponentType<any>;
-    Footer?: ComponentType<any>;
-  };
-  heading?: ReactNode;
-  headingAfterElement?: ReactNode;
-  headingId?: string;
-  image?: ReactNode | string;
-  // @deprecated (undocumented)
-  innerRef?: Ref<HTMLDivElement> | null;
-  isFlat?: boolean;
-  testId?: string;
-  // @deprecated (undocumented)
-  theme?: ThemeProp<CardTokens, {}>;
-  width?: '100%' | number;
+	actions?: Actions;
+	actionsBeforeElement?: ReactNode;
+	children?: ReactNode;
+	components?: {
+		Header?: ComponentType<any>;
+		Footer?: ComponentType<any>;
+	};
+	heading?: ReactNode;
+	headingAfterElement?: ReactNode;
+	headingId?: string;
+	image?: ReactNode | string;
+	// @deprecated (undocumented)
+	innerRef?: Ref<HTMLDivElement> | null;
+	isFlat?: boolean;
+	testId?: string;
+	// @deprecated (undocumented)
+	theme?: ThemeProp<CardTokens, {}>;
+	width?: '100%' | number;
 }
@@ -147,40 +140,40 @@
 export class SpotlightManager extends PureComponent<
-  SpotlightManagerProps,
-  {
-    spotlightCount: number;
-    targets: {
-      [key: string]: HTMLElement | void;
-    };
-  }
+	SpotlightManagerProps,
+	{
+		spotlightCount: number;
+		targets: {
+			[key: string]: HTMLElement | void;
+		};
+	}
 > {
-  // (undocumented)
-  componentDidMount(): void;
-  // (undocumented)
-  static defaultProps: {
-    blanketIsTinted: boolean;
-  };
-  // (undocumented)
-  getStateProviderValue: MemoizedFn<
-    (
-      this: any,
-      targets: any,
-    ) => {
-      opened: () => void;
-      closed: () => void;
-      targets: any;
-    }
-  >;
-  // (undocumented)
-  render(): JSX.Element;
-  // (undocumented)
-  spotlightClose: () => void;
-  // (undocumented)
-  spotlightOpen: () => void;
-  // (undocumented)
-  state: {
-    spotlightCount: number;
-    targets: {};
-  };
-  // (undocumented)
-  targetRef: (name: string) => (element: HTMLElement | void) => void;
+	// (undocumented)
+	componentDidMount(): void;
+	// (undocumented)
+	static defaultProps: {
+		blanketIsTinted: boolean;
+	};
+	// (undocumented)
+	getStateProviderValue: MemoizedFn<
+		(
+			this: any,
+			targets: any,
+		) => {
+			opened: () => void;
+			closed: () => void;
+			targets: any;
+		}
+	>;
+	// (undocumented)
+	render(): JSX.Element;
+	// (undocumented)
+	spotlightClose: () => void;
+	// (undocumented)
+	spotlightOpen: () => void;
+	// (undocumented)
+	state: {
+		spotlightCount: number;
+		targets: {};
+	};
+	// (undocumented)
+	targetRef: (name: string) => (element: HTMLElement | void) => void;
 }
@@ -190,6 +183,6 @@
 interface SpotlightManagerProps {
-  blanketIsTinted?: boolean;
-  children: ReactNode;
-  // @deprecated (undocumented)
-  component?: ElementType;
+	blanketIsTinted?: boolean;
+	children: ReactNode;
+	// @deprecated (undocumented)
+	component?: ElementType;
 }
@@ -199,35 +192,32 @@
 interface SpotlightProps {
-  actions?: Actions;
-  actionsBeforeElement?: ReactNode;
-  children?: ReactNode;
-  dialogPlacement?:
-    | 'bottom center'
-    | 'bottom left'
-    | 'bottom right'
-    | 'left bottom'
-    | 'left middle'
-    | 'left top'
-    | 'right bottom'
-    | 'right middle'
-    | 'right top'
-    | 'top center'
-    | 'top left'
-    | 'top right';
-  dialogWidth?: number;
-  footer?: ComponentType<any>;
-  header?: ComponentType<any>;
-  heading?: string;
-  headingAfterElement?: ReactNode;
-  image?: string;
-  pulse?: boolean;
-  target?: string;
-  targetBgColor?: string;
-  targetNode?: HTMLElement;
-  targetOnClick?: (eventData: {
-    event: MouseEvent_2<HTMLElement>;
-    target?: string;
-  }) => void;
-  targetRadius?: number;
-  targetReplacement?: ComponentType<any>;
-  testId?: string;
+	actions?: Actions;
+	actionsBeforeElement?: ReactNode;
+	children?: ReactNode;
+	dialogPlacement?:
+		| 'bottom center'
+		| 'bottom left'
+		| 'bottom right'
+		| 'left bottom'
+		| 'left middle'
+		| 'left top'
+		| 'right bottom'
+		| 'right middle'
+		| 'right top'
+		| 'top center'
+		| 'top left'
+		| 'top right';
+	dialogWidth?: number;
+	footer?: ComponentType<any>;
+	header?: ComponentType<any>;
+	heading?: string;
+	headingAfterElement?: ReactNode;
+	image?: string;
+	pulse?: boolean;
+	target?: string;
+	targetBgColor?: string;
+	targetNode?: HTMLElement;
+	targetOnClick?: (eventData: { event: MouseEvent_2<HTMLElement>; target?: string }) => void;
+	targetRadius?: number;
+	targetReplacement?: ComponentType<any>;
+	testId?: string;
 }
@@ -237,40 +227,34 @@
 export const SpotlightPulse: ({
-  children,
-  pulse,
-  testId,
-  ...props
+	children,
+	pulse,
+	testId,
+	...props
 }: TargetProps) => jsx.JSX.Element;
 
 // @public
-export const SpotlightTarget: ({
-  children,
-  name,
-}: SpotlightTargetProps) => JSX.Element;
+export const SpotlightTarget: ({ children, name }: SpotlightTargetProps) => JSX.Element;
 
 // @public (undocumented)
 interface SpotlightTargetProps {
-  children: ReactNode;
-  name: string;
+	children: ReactNode;
+	name: string;
 }
 
 // @public
-export class SpotlightTransition extends React_2.Component<
-  SpotlightTransitionProps,
-  State
-> {
-  // (undocumented)
-  static getDerivedStateFromProps(
-    props: SpotlightTransitionProps,
-    state: State,
-  ): {
-    currentChildren: React_2.ReactNode;
-  };
-  // (undocumented)
-  onExited: () => void;
-  // (undocumented)
-  render(): JSX.Element;
-  // (undocumented)
-  state: {
-    currentChildren: undefined;
-  };
+export class SpotlightTransition extends React_2.Component<SpotlightTransitionProps, State> {
+	// (undocumented)
+	static getDerivedStateFromProps(
+		props: SpotlightTransitionProps,
+		state: State,
+	): {
+		currentChildren: React_2.ReactNode;
+	};
+	// (undocumented)
+	onExited: () => void;
+	// (undocumented)
+	render(): JSX.Element;
+	// (undocumented)
+	state: {
+		currentChildren: undefined;
+	};
 }
@@ -280,3 +264,3 @@
 interface SpotlightTransitionProps {
-  children?: ReactNode;
+	children?: ReactNode;
 }
@@ -286,4 +270,4 @@
 interface State {
-  // (undocumented)
-  currentChildren: ReactNode;
+	// (undocumented)
+	currentChildren: ReactNode;
 }
@@ -293,4 +277,4 @@
 type TargetProps = Omit<BaseProps, 'css'> & {
-  pulse?: boolean;
-  testId?: string;
+	pulse?: boolean;
+	testId?: string;
 };
@@ -300,3 +284,3 @@
 export function useSpotlight(): {
-  isTargetRendered: (target: string) => boolean;
+	isTargetRendered: (target: string) => boolean;
 };
@@ -315,4 +299,4 @@
 {
-  "react": "^16.8.0",
-  "react-dom": "^16.8.0"
+	"react": "^16.8.0",
+	"react-dom": "^16.8.0"
 }
@@ -319,0 +303,0 @@ ```

No alert changes

Improved metrics

Total package byte prevSize

312229

increased by1.34%

Lines of code

6209

increased by1.82%

Number of lines in readme file

15

increased by7.14%

Dependency changes

• Updated@atlaskit/heading@^2.4.0

• Updated@atlaskit/modal-dialog@^12.14.0

• Updated@atlaskit/motion@^1.7.0

• Updated@atlaskit/popper@^6.1.0

• Updated@atlaskit/portal@^4.6.0

• Updated@atlaskit/primitives@^7.4.0

• Updated@atlaskit/theme@^12.10.0

• Updated@atlaskit/tokens@^1.51.0