@atlaskit/onboarding 10.6.6 → 10.6.8

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/onboarding
 
+## 10.6.8
+
+### Patch Changes
+
+- [`18aeca8c199`](https://bitbucket.org/atlassian/atlassian-frontend/commits/18aeca8c199) - Internal change to update token references. There is no expected behaviour or visual change.
+
+## 10.6.7
+
+### Patch Changes
+
+- [`4ee60bafc6d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4ee60bafc6d) - ED-16603: Remove tooltips from VR tests and make them opt in. To opt-in, add `allowedSideEffects` when loading the page.
+
 ## 10.6.6
 
 ### Patch Changes

package/dist/cjs/components/animation.js

@@ -1,27 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Fade = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactTransitionGroup = require("react-transition-group");
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var duration = {
   enter: 0,
   exit: 100
 };
-
 /**
  * __Fade__
  *
@@ -31,8 +23,8 @@ var duration = {
  */
 var Fade = function Fade(_ref) {
   var hasEntered = _ref.hasEntered,
-      children = _ref.children,
-      onExited = _ref.onExited;
+    children = _ref.children,
+    onExited = _ref.onExited;
   return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.Transition, {
     in: hasEntered,
     timeout: duration,
@@ -52,11 +44,8 @@ var Fade = function Fade(_ref) {
         opacity: 0
       }
     };
-
     var style = _objectSpread(_objectSpread({}, base), anim[status]);
-
     return children(style);
   });
 };
-
 exports.Fade = Fade;

package/dist/cjs/components/clone.js

@@ -1,26 +1,23 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _target = require("../styled/target");
-
 function cloneAndOverrideStyles(node) {
   var shouldCloneChildren = true;
   var clonedNode = node.cloneNode(shouldCloneChildren);
   clonedNode.style.margin = '0';
-  clonedNode.style.position = 'static'; // The target may have other transforms applied. Avoid unintended side effects
+  clonedNode.style.position = 'static';
+  // The target may have other transforms applied. Avoid unintended side effects
   // by zeroing out "translate" rather than applying a value of "none".
-
   clonedNode.style.transform = 'translate(0, 0) translate3d(0, 0, 0)';
   return clonedNode;
 }
+
 /**
  * __Clone__
  *
@@ -29,17 +26,15 @@ function cloneAndOverrideStyles(node) {
  *
  * @internal
  */
-
-
 var Clone = function Clone(props) {
   var pulse = props.pulse,
-      style = props.style,
-      target = props.target,
-      targetBgColor = props.targetBgColor,
-      targetOnClick = props.targetOnClick,
-      targetNode = props.targetNode,
-      targetRadius = props.targetRadius,
-      testId = props.testId;
+    style = props.style,
+    target = props.target,
+    targetBgColor = props.targetBgColor,
+    targetOnClick = props.targetOnClick,
+    targetNode = props.targetNode,
+    targetRadius = props.targetRadius,
+    testId = props.testId;
   return /*#__PURE__*/_react.default.createElement(_target.TargetInner, {
     "data-testid": testId,
     pulse: pulse,
@@ -64,6 +59,5 @@ var Clone = function Clone(props) {
     } : undefined
   }));
 };
-
 var _default = Clone;
 exports.default = _default;

package/dist/cjs/components/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -59,19 +58,11 @@ Object.defineProperty(exports, "useSpotlight", {
     return _useSpotlight.default;
   }
 });
-
 var _modal = _interopRequireDefault(require("./modal"));
-
 var _spotlight = _interopRequireDefault(require("./spotlight"));
-
 var _spotlightCard = _interopRequireDefault(require("./spotlight-card"));
-
 var _spotlightManager = _interopRequireDefault(require("./spotlight-manager"));
-
 var _spotlightTarget = _interopRequireDefault(require("./spotlight-target"));
-
 var _spotlightTransition = _interopRequireDefault(require("./spotlight-transition"));
-
 var _useSpotlight = _interopRequireDefault(require("./use-spotlight"));
-
 var _theme = require("./theme");

package/dist/cjs/components/modal.js

@@ -1,55 +1,32 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = require("react");
-
 var _react2 = require("@emotion/react");
-
 var _customThemeButton = _interopRequireWildcard(require("@atlaskit/button/custom-theme-button"));
-
 var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
-
 var _modal = require("../styled/modal");
-
 var _theme = require("./theme");
-
 var _excluded = ["text", "key"],
-    _excluded2 = ["actions", "children", "heading"];
-
+  _excluded2 = ["actions", "children", "heading"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 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() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 /**
  * __Benefits modal__
  *
@@ -61,38 +38,30 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
  */
 var BenefitsModal = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(BenefitsModal, _Component);
-
   var _super = _createSuper(BenefitsModal);
-
   function BenefitsModal() {
     var _this;
-
     (0, _classCallCheck2.default)(this, BenefitsModal);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "headerComponent", function (props) {
       var HeaderElement = props.header,
-          src = props.image;
-
+        src = props.image;
       var ImageElement = function ImageElement() {
         return (0, _react2.jsx)(_modal.ModalImage, {
           src: src,
           alt: ""
         });
       };
-
       return HeaderElement || ImageElement;
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "footerComponent", function (props) {
       var FooterElement = props.footer,
-          actionList = props.actions,
-          _props$experimental_s = props.experimental_shouldShowPrimaryButtonOnRight,
-          experimental_shouldShowPrimaryButtonOnRight = _props$experimental_s === void 0 ? false : _props$experimental_s;
-
+        actionList = props.actions,
+        _props$experimental_s = props.experimental_shouldShowPrimaryButtonOnRight,
+        experimental_shouldShowPrimaryButtonOnRight = _props$experimental_s === void 0 ? false : _props$experimental_s;
       var ActionsElement = function ActionsElement() {
         return actionList ? (0, _react2.jsx)(_customThemeButton.Theme.Provider, {
           value: _theme.modalButtonTheme
@@ -100,8 +69,8 @@ var BenefitsModal = /*#__PURE__*/function (_Component) {
           shouldReverseButtonOrder: experimental_shouldShowPrimaryButtonOnRight
         }, actionList.map(function (_ref, idx) {
           var text = _ref.text,
-              key = _ref.key,
-              rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+            key = _ref.key,
+            rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
           var variant = idx ? 'subtle-link' : 'primary';
           return (0, _react2.jsx)(_modal.ModalActionItem, {
             key: key || (typeof text === 'string' ? text : "".concat(idx))
@@ -111,20 +80,18 @@ var BenefitsModal = /*#__PURE__*/function (_Component) {
           }, rest), text));
         }))) : null;
       };
-
       return FooterElement || ActionsElement;
     });
     return _this;
   }
-
   (0, _createClass2.default)(BenefitsModal, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          actions = _this$props.actions,
-          children = _this$props.children,
-          heading = _this$props.heading,
-          props = (0, _objectWithoutProperties2.default)(_this$props, _excluded2);
+        actions = _this$props.actions,
+        children = _this$props.children,
+        heading = _this$props.heading,
+        props = (0, _objectWithoutProperties2.default)(_this$props, _excluded2);
       var Header = this.headerComponent(this.props);
       var Footer = this.footerComponent(this.props);
       return (0, _react2.jsx)(_modalDialog.default, (0, _extends2.default)({
@@ -137,5 +104,4 @@ var BenefitsModal = /*#__PURE__*/function (_Component) {
   }]);
   return BenefitsModal;
 }(_react.Component);
-
 exports.default = BenefitsModal;

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

@@ -1,75 +1,53 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _react2 = require("@emotion/react");
-
 var _customThemeButton = _interopRequireWildcard(require("@atlaskit/button/custom-theme-button"));
-
 var _heading = _interopRequireDefault(require("@atlaskit/heading"));
-
 var _colors = require("@atlaskit/theme/colors");
-
 var _components = require("@atlaskit/theme/components");
-
 var _constants = require("@atlaskit/theme/constants");
-
 var _dialog = require("../styled/dialog");
-
 var _theme = require("./theme");
-
 var _excluded = ["text", "key"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var bodyStyles = (0, _react2.css)({
   display: 'flex',
-  padding: "var(--ds-scale-200, 16px)".concat(" ", "var(--ds-scale-250, 20px)"),
+  padding: "var(--ds-space-200, 16px)".concat(" ", "var(--ds-space-250, 20px)"),
   flexDirection: 'column'
 });
 var defaultHeaderStyles = (0, _react2.css)({
   display: 'flex',
-  // TODO Delete this comment after verifying spacing token -> previous value ``${gridSize}px``
-  paddingBottom: "var(--ds-scale-100, 8px)",
+  paddingBottom: "var(--ds-space-100, 8px)",
   alignItems: 'baseline',
   justifyContent: 'space-between'
 });
-
 var DefaultHeader = function DefaultHeader(_ref) {
   var children = _ref.children;
   return (0, _react2.jsx)("div", {
     css: defaultHeaderStyles
   }, children);
 };
-
 var defaultFooterStyles = (0, _react2.css)({
   display: 'flex',
-  // TODO Delete this comment after verifying spacing token -> previous value ``${gridSize}px``
-  paddingTop: "var(--ds-scale-100, 8px)",
+  paddingTop: "var(--ds-space-100, 8px)",
   alignItems: 'center',
   justifyContent: 'space-between'
 });
-
 var DefaultFooter = function DefaultFooter(_ref2) {
   var children = _ref2.children;
   return (0, _react2.jsx)("div", {
     css: defaultFooterStyles
   }, children);
 };
-
 var containerStyles = (0, _react2.css)({
   height: 'fit-content',
   zIndex: _constants.layers.spotlight() + 1,
@@ -81,15 +59,16 @@ var containerStyles = (0, _react2.css)({
 var containerShadowStyles = (0, _react2.css)({
   boxShadow: "var(--ds-shadow-raised, ".concat("0 4px 8px -2px ".concat(_colors.N50A, ", 0 0 1px ").concat(_colors.N60A), ")")
 });
+
 /**
  * @deprecated
  */
-
 var Theme = (0, _components.createTheme)(function () {
   return {
     container: {}
   };
 });
+
 /**
  * @deprecated
  */
@@ -105,24 +84,24 @@ var Theme = (0, _components.createTheme)(function () {
  */
 var SpotlightCard = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _props$actions = props.actions,
-      actions = _props$actions === void 0 ? [] : _props$actions,
-      actionsBeforeElement = props.actionsBeforeElement,
-      children = props.children,
-      _props$components = props.components,
-      components = _props$components === void 0 ? {} : _props$components,
-      heading = props.heading,
-      headingAfterElement = props.headingAfterElement,
-      image = props.image,
-      innerRef = props.innerRef,
-      isFlat = props.isFlat,
-      testId = props.testId,
-      theme = props.theme,
-      _props$width = props.width,
-      width = _props$width === void 0 ? 400 : _props$width;
+    actions = _props$actions === void 0 ? [] : _props$actions,
+    actionsBeforeElement = props.actionsBeforeElement,
+    children = props.children,
+    _props$components = props.components,
+    components = _props$components === void 0 ? {} : _props$components,
+    heading = props.heading,
+    headingAfterElement = props.headingAfterElement,
+    image = props.image,
+    innerRef = props.innerRef,
+    isFlat = props.isFlat,
+    testId = props.testId,
+    theme = props.theme,
+    _props$width = props.width,
+    width = _props$width === void 0 ? 400 : _props$width;
   var _components$Header = components.Header,
-      Header = _components$Header === void 0 ? DefaultHeader : _components$Header,
-      _components$Footer = components.Footer,
-      Footer = _components$Footer === void 0 ? DefaultFooter : _components$Footer;
+    Header = _components$Header === void 0 ? DefaultHeader : _components$Header,
+    _components$Footer = components.Footer,
+    Footer = _components$Footer === void 0 ? DefaultFooter : _components$Footer;
   return (0, _react2.jsx)(_customThemeButton.Theme.Provider, {
     value: _theme.spotlightButtonTheme
   }, (0, _react2.jsx)(Theme.Provider, {
@@ -130,7 +109,8 @@ var SpotlightCard = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   }, (0, _react2.jsx)(Theme.Consumer, null, function (_ref3) {
     var container = _ref3.container;
     return (0, _react2.jsx)("div", {
-      css: [containerStyles, !isFlat && containerShadowStyles, // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
+      css: [containerStyles, !isFlat && containerShadowStyles,
+      // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
       container],
       style: {
         width: "".concat(Math.min(Math.max(width, 160), 600), "px")
@@ -148,8 +128,8 @@ var SpotlightCard = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       as: "h4"
     }, heading), headingAfterElement) : null, children, actions.length > 0 || actionsBeforeElement ? (0, _react2.jsx)(Footer, null, actionsBeforeElement || (0, _react2.jsx)("span", null), (0, _react2.jsx)(_dialog.DialogActionItemContainer, null, actions.map(function (_ref4, idx) {
       var text = _ref4.text,
-          key = _ref4.key,
-          rest = (0, _objectWithoutProperties2.default)(_ref4, _excluded);
+        key = _ref4.key,
+        rest = (0, _objectWithoutProperties2.default)(_ref4, _excluded);
       return (0, _react2.jsx)(_dialog.DialogActionItem, {
         key: key || (typeof text === 'string' ? text : "".concat(idx))
       }, (0, _react2.jsx)(_customThemeButton.default, rest, text));

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

@@ -1,83 +1,52 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactFocusLock = _interopRequireDefault(require("react-focus-lock"));
-
 var _analyticsNext = require("@atlaskit/analytics-next");
-
 var _popper = require("@atlaskit/popper");
-
 var _dialog = require("../styled/dialog");
-
 var _spotlightCard = _interopRequireDefault(require("./spotlight-card"));
-
 var _valueChanged = _interopRequireDefault(require("./value-changed"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 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() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 var packageName = "@atlaskit/onboarding";
-var packageVersion = "10.6.6";
-
+var packageVersion = "10.6.8";
 var SpotlightDialog = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(SpotlightDialog, _Component);
-
   var _super = _createSuper(SpotlightDialog);
-
   function SpotlightDialog() {
     var _this;
-
     (0, _classCallCheck2.default)(this, SpotlightDialog);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
       focusLockDisabled: true
     });
     return _this;
   }
-
   (0, _createClass2.default)(SpotlightDialog, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this2 = this;
-
       this.focusLockTimeoutId = window.setTimeout(function () {
         // we delay the enabling of the focus lock to avoid the scroll position
         // jumping around in some situations
@@ -95,19 +64,19 @@ var SpotlightDialog = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          actions = _this$props.actions,
-          actionsBeforeElement = _this$props.actionsBeforeElement,
-          animationStyles = _this$props.animationStyles,
-          children = _this$props.children,
-          dialogPlacement = _this$props.dialogPlacement,
-          dialogWidth = _this$props.dialogWidth,
-          footer = _this$props.footer,
-          header = _this$props.header,
-          heading = _this$props.heading,
-          headingAfterElement = _this$props.headingAfterElement,
-          image = _this$props.image,
-          targetNode = _this$props.targetNode,
-          testId = _this$props.testId;
+        actions = _this$props.actions,
+        actionsBeforeElement = _this$props.actionsBeforeElement,
+        animationStyles = _this$props.animationStyles,
+        children = _this$props.children,
+        dialogPlacement = _this$props.dialogPlacement,
+        dialogWidth = _this$props.dialogWidth,
+        footer = _this$props.footer,
+        header = _this$props.header,
+        heading = _this$props.heading,
+        headingAfterElement = _this$props.headingAfterElement,
+        image = _this$props.image,
+        targetNode = _this$props.targetNode,
+        testId = _this$props.testId;
       var focusLockDisabled = this.state.focusLockDisabled;
       var translatedPlacement = dialogPlacement ? {
         'top left': 'top-start',
@@ -122,10 +91,11 @@ var SpotlightDialog = /*#__PURE__*/function (_Component) {
         'left top': 'left-start',
         'left middle': 'left',
         'left bottom': 'left-end'
-      }[dialogPlacement] : undefined; // If there's no room on either side of the popper, it will extend off-screen.
+      }[dialogPlacement] : undefined;
+
+      // If there's no room on either side of the popper, it will extend off-screen.
       //  This looks buggy when scroll-lock and focus is placed on the dialog, so we
       //  customise popper so it overflows the spotlight instead with altAxis=true.
-
       var modifiers = [{
         name: 'preventOverflow',
         options: {
@@ -141,8 +111,8 @@ var SpotlightDialog = /*#__PURE__*/function (_Component) {
         placement: translatedPlacement
       }, function (_ref) {
         var ref = _ref.ref,
-            style = _ref.style,
-            update = _ref.update;
+          style = _ref.style,
+          update = _ref.update;
         return /*#__PURE__*/_react.default.createElement(_valueChanged.default, {
           value: dialogWidth,
           onChange: update
@@ -174,9 +144,7 @@ var SpotlightDialog = /*#__PURE__*/function (_Component) {
   }]);
   return SpotlightDialog;
 }(_react.Component);
-
 var createAndFireEventOnAtlaskit = (0, _analyticsNext.createAndFireEvent)('atlaskit');
-
 var _default = (0, _analyticsNext.withAnalyticsContext)({
   componentName: 'spotlight',
   packageName: packageName,
@@ -192,5 +160,4 @@ var _default = (0, _analyticsNext.withAnalyticsContext)({
     }
   })
 })(SpotlightDialog));
-
 exports.default = _default;