@atlaskit/onboarding 10.6.7 → 10.6.8

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

@@ -6,15 +6,10 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 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) { _defineProperty(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 = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
-
 import React from 'react';
 import { canUseDOM } from 'exenv';
 import NodeResovler from 'react-node-resolver';
@@ -27,7 +22,6 @@ import { Fade } from './animation';
 import Clone from './clone';
 import SpotlightDialog from './spotlight-dialog';
 import { SpotlightTransitionConsumer } from './spotlight-transition';
-
 /**
  * __Spotlight inner__
  *
@@ -37,20 +31,14 @@ import { SpotlightTransitionConsumer } from './spotlight-transition';
  */
 var SpotlightInner = /*#__PURE__*/function (_React$Component) {
   _inherits(SpotlightInner, _React$Component);
-
   var _super = _createSuper(SpotlightInner);
-
   function SpotlightInner() {
     var _this;
-
     _classCallCheck(this, SpotlightInner);
-
     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));
-
     _defineProperty(_assertThisInitialized(_this), "state", {
       // This is only used when targetReplacement is specified.
       // In this case, we have to render the targetReplacement component,
@@ -58,20 +46,16 @@ var SpotlightInner = /*#__PURE__*/function (_React$Component) {
       // that reference into SpotlightDialog (Popper).
       replacementElement: null
     });
-
     _defineProperty(_assertThisInitialized(_this), "getTargetNodeStyle", function (box) {
       if (!canUseDOM) {
         return {};
       }
-
       return _objectSpread(_objectSpread({}, box), {}, {
         position: 'fixed'
       });
     });
-
     return _this;
   }
-
   _createClass(SpotlightInner, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
@@ -98,20 +82,19 @@ var SpotlightInner = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this2 = this;
-
       var _this$props = this.props,
-          pulse = _this$props.pulse,
-          target = _this$props.target,
-          targetNode = _this$props.targetNode,
-          targetBgColor = _this$props.targetBgColor,
-          targetOnClick = _this$props.targetOnClick,
-          targetRadius = _this$props.targetRadius,
-          testId = _this$props.testId,
-          TargetReplacement = _this$props.targetReplacement;
+        pulse = _this$props.pulse,
+        target = _this$props.target,
+        targetNode = _this$props.targetNode,
+        targetBgColor = _this$props.targetBgColor,
+        targetOnClick = _this$props.targetOnClick,
+        targetRadius = _this$props.targetRadius,
+        testId = _this$props.testId,
+        TargetReplacement = _this$props.targetReplacement;
       var replacementElement = this.state.replacementElement;
       return /*#__PURE__*/React.createElement(SpotlightTransitionConsumer, null, function (_ref) {
         var isOpen = _ref.isOpen,
-            onExited = _ref.onExited;
+          onExited = _ref.onExited;
         return /*#__PURE__*/React.createElement(Portal, {
           zIndex: layers.spotlight() + 1
         }, TargetReplacement ? /*#__PURE__*/React.createElement(NodeResovler, {
@@ -162,13 +145,10 @@ var SpotlightInner = /*#__PURE__*/function (_React$Component) {
       });
     }
   }]);
-
   return SpotlightInner;
 }(React.Component);
-
 _defineProperty(SpotlightInner, "defaultProps", {
   dialogWidth: 400,
   pulse: true
 });
-
 export default SpotlightInner;

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

@@ -5,15 +5,10 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 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) { _defineProperty(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 = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
-
 import React, { createContext, PureComponent } from 'react';
 import memoizeOne from 'memoize-one';
 import noop from '@atlaskit/ds-lib/noop';
@@ -21,26 +16,24 @@ import Portal from '@atlaskit/portal';
 import { layers } from '@atlaskit/theme/constants';
 import Blanket from '../styled/blanket';
 import { Fade } from './animation';
-
 var _createContext = /*#__PURE__*/createContext(undefined),
-    TargetConsumer = _createContext.Consumer,
-    TargetProvider = _createContext.Provider;
-
+  TargetConsumer = _createContext.Consumer,
+  TargetProvider = _createContext.Provider;
 var SpotlightContext = /*#__PURE__*/createContext({
   opened: noop,
   closed: noop,
   targets: {}
 });
 var SpotlightStateConsumer = SpotlightContext.Consumer,
-    SpotlightStateProvider = SpotlightContext.Provider;
+  SpotlightStateProvider = SpotlightContext.Provider;
 export { TargetConsumer };
 export { SpotlightContext, SpotlightStateConsumer as SpotlightConsumer };
-
 var Container = function Container(_ref) {
   var Wrapper = _ref.component,
-      children = _ref.children;
+    children = _ref.children;
   return /*#__PURE__*/React.createElement(Wrapper, null, children);
 };
+
 /**
  * __Spotlight manager__
  *
@@ -50,29 +43,20 @@ var Container = function Container(_ref) {
  * - [Code](https://atlassian.design/components/onboarding/code)
  * - [Usage](https://atlassian.design/components/onboarding/usage)
  */
-
-
 var SpotlightManager = /*#__PURE__*/function (_PureComponent) {
   _inherits(SpotlightManager, _PureComponent);
-
   var _super = _createSuper(SpotlightManager);
-
   function SpotlightManager() {
     var _this;
-
     _classCallCheck(this, SpotlightManager);
-
     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));
-
     _defineProperty(_assertThisInitialized(_this), "state", {
       spotlightCount: 0,
       targets: {}
     });
-
     _defineProperty(_assertThisInitialized(_this), "targetRef", function (name) {
       return function (element) {
         _this.setState(function (state) {
@@ -82,7 +66,6 @@ var SpotlightManager = /*#__PURE__*/function (_PureComponent) {
         });
       };
     });
-
     _defineProperty(_assertThisInitialized(_this), "spotlightOpen", function () {
       _this.setState(function (state) {
         return {
@@ -90,7 +73,6 @@ var SpotlightManager = /*#__PURE__*/function (_PureComponent) {
         };
       });
     });
-
     _defineProperty(_assertThisInitialized(_this), "spotlightClose", function () {
       _this.setState(function (state) {
         return {
@@ -98,7 +80,6 @@ var SpotlightManager = /*#__PURE__*/function (_PureComponent) {
         };
       });
     });
-
     _defineProperty(_assertThisInitialized(_this), "getStateProviderValue", memoizeOne(function (targets) {
       return {
         opened: _this.spotlightOpen,
@@ -106,10 +87,8 @@ var SpotlightManager = /*#__PURE__*/function (_PureComponent) {
         targets: targets
       };
     }));
-
     return _this;
   }
-
   _createClass(SpotlightManager, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -124,9 +103,9 @@ var SpotlightManager = /*#__PURE__*/function (_PureComponent) {
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          blanketIsTinted = _this$props.blanketIsTinted,
-          children = _this$props.children,
-          Tag = _this$props.component;
+        blanketIsTinted = _this$props.blanketIsTinted,
+        children = _this$props.children,
+        Tag = _this$props.component;
       return /*#__PURE__*/React.createElement(SpotlightStateProvider, {
         value: this.getStateProviderValue(this.state.targets)
       }, /*#__PURE__*/React.createElement(TargetProvider, {
@@ -145,12 +124,9 @@ var SpotlightManager = /*#__PURE__*/function (_PureComponent) {
       }), children)));
     }
   }]);
-
   return SpotlightManager;
 }(PureComponent);
-
 _defineProperty(SpotlightManager, "defaultProps", {
   blanketIsTinted: true
 });
-
 export { SpotlightManager as default };

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

@@ -1,7 +1,6 @@
 import React from 'react';
 import NodeResolver from 'react-node-resolver';
 import { TargetConsumer } from './spotlight-manager';
-
 /**
  * __Spotlight target__
  *
@@ -13,12 +12,11 @@ import { TargetConsumer } from './spotlight-manager';
  */
 var SpotlightTarget = function SpotlightTarget(_ref) {
   var children = _ref.children,
-      name = _ref.name;
+    name = _ref.name;
   return /*#__PURE__*/React.createElement(TargetConsumer, null, function (targetRef) {
     return targetRef ? /*#__PURE__*/React.createElement(NodeResolver, {
       innerRef: targetRef(name)
     }, children) : children;
   });
 };
-
 export default SpotlightTarget;

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

@@ -5,23 +5,22 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
-
 import React, { createContext } from 'react';
 import noop from '@atlaskit/ds-lib/noop';
 var SpotlightTransitionContext = /*#__PURE__*/createContext({
   isOpen: true,
   onExited: noop
-}); // checks if children exist and are truthy
+});
 
+// checks if children exist and are truthy
 var hasChildren = function hasChildren(children) {
   return React.Children.count(children) > 0 && React.Children.map(children, function (child) {
     return !!child;
   }).filter(Boolean).length > 0;
 };
+
 /**
  * __Spotlight transition__
  *
@@ -31,37 +30,26 @@ var hasChildren = function hasChildren(children) {
  * - [Code](https://atlassian.design/components/onboarding/code)
  * - [Usage](https://atlassian.design/components/onboarding/usage)
  */
-
-
 var SpotlightTransition = /*#__PURE__*/function (_React$Component) {
   _inherits(SpotlightTransition, _React$Component);
-
   var _super = _createSuper(SpotlightTransition);
-
   function SpotlightTransition() {
     var _this;
-
     _classCallCheck(this, SpotlightTransition);
-
     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));
-
     _defineProperty(_assertThisInitialized(_this), "state", {
       currentChildren: undefined
     });
-
     _defineProperty(_assertThisInitialized(_this), "onExited", function () {
       _this.setState({
         currentChildren: _this.props.children
       });
     });
-
     return _this;
   }
-
   _createClass(SpotlightTransition, [{
     key: "render",
     value: function render() {
@@ -82,7 +70,6 @@ var SpotlightTransition = /*#__PURE__*/function (_React$Component) {
       };
     }
   }]);
-
   return SpotlightTransition;
 }(React.Component);
 /**
@@ -92,7 +79,5 @@ var SpotlightTransition = /*#__PURE__*/function (_React$Component) {
  *
  * @internal
  */
-
-
 export var SpotlightTransitionConsumer = SpotlightTransitionContext.Consumer;
 export default SpotlightTransition;

package/dist/esm/components/spotlight.js

@@ -4,7 +4,6 @@ var _excluded = ["dialogWidth", "pulse", "testId", "targetNode", "target"];
 import React from 'react';
 import SpotlightInner from './spotlight-inner';
 import { SpotlightConsumer } from './spotlight-manager';
-
 /**
  * __Spotlight__
  *
@@ -16,19 +15,18 @@ import { SpotlightConsumer } from './spotlight-manager';
  */
 var Spotlight = function Spotlight(_ref) {
   var _ref$dialogWidth = _ref.dialogWidth,
-      dialogWidth = _ref$dialogWidth === void 0 ? 400 : _ref$dialogWidth,
-      _ref$pulse = _ref.pulse,
-      pulse = _ref$pulse === void 0 ? true : _ref$pulse,
-      _ref$testId = _ref.testId,
-      testId = _ref$testId === void 0 ? 'spotlight' : _ref$testId,
-      targetNode = _ref.targetNode,
-      target = _ref.target,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    dialogWidth = _ref$dialogWidth === void 0 ? 400 : _ref$dialogWidth,
+    _ref$pulse = _ref.pulse,
+    pulse = _ref$pulse === void 0 ? true : _ref$pulse,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'spotlight' : _ref$testId,
+    targetNode = _ref.targetNode,
+    target = _ref.target,
+    rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(SpotlightConsumer, null, function (_ref2) {
     var opened = _ref2.opened,
-        closed = _ref2.closed,
-        targets = _ref2.targets;
+      closed = _ref2.closed,
+      targets = _ref2.targets;
     // use the targetNode prop or try get the target from context targets using name
     var actualTargetNode = targetNode || (typeof target === 'string' ? targets[target] : undefined);
     return actualTargetNode ? /*#__PURE__*/React.createElement(SpotlightInner, _extends({}, rest, {
@@ -42,5 +40,4 @@ var Spotlight = function Spotlight(_ref) {
     })) : null;
   });
 };
-
 export default Spotlight;

package/dist/esm/components/theme.js

@@ -2,12 +2,9 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _typeof from "@babel/runtime/helpers/typeof";
 var _excluded = ["buttonStyles"],
-    _excluded2 = ["buttonStyles"];
-
+  _excluded2 = ["buttonStyles"];
 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) { _defineProperty(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; }
-
 import * as colors from '@atlaskit/theme/colors';
 var spotlightTheme = {
   default: {
@@ -117,16 +114,13 @@ var modalTheme = {
     }
   }
 };
-
 function extract(newTheme, _ref) {
   var mode = _ref.mode,
-      appearance = _ref.appearance,
-      state = _ref.state;
-
+    appearance = _ref.appearance,
+    state = _ref.state;
   if (!newTheme[appearance]) {
     return undefined;
   }
-
   var root = newTheme[appearance];
   return Object.keys(root).reduce(function (acc, val) {
     var node = root;
@@ -134,43 +128,38 @@ function extract(newTheme, _ref) {
       if (!node[item]) {
         return undefined;
       }
-
       if (_typeof(node[item]) !== 'object') {
         acc[val] = node[item];
         return undefined;
       }
-
       node = node[item];
       return undefined;
     });
     return acc;
   }, {});
 }
+
 /**
  * @deprecated
  * Custom button themes are deprecated and will be removed in the future.
  */
-
-
 export var spotlightButtonTheme = function spotlightButtonTheme(current, themeProps) {
   var _current = current(themeProps),
-      buttonStyles = _current.buttonStyles,
-      rest = _objectWithoutProperties(_current, _excluded);
-
+    buttonStyles = _current.buttonStyles,
+    rest = _objectWithoutProperties(_current, _excluded);
   return _objectSpread({
     buttonStyles: _objectSpread(_objectSpread({}, buttonStyles), extract(spotlightTheme, themeProps))
   }, rest);
 };
+
 /**
  * @deprecated
  * Custom button themes are deprecated and will be removed in the future.
  */
-
 export var modalButtonTheme = function modalButtonTheme(current, themeProps) {
   var _current2 = current(themeProps),
-      buttonStyles = _current2.buttonStyles,
-      rest = _objectWithoutProperties(_current2, _excluded2);
-
+    buttonStyles = _current2.buttonStyles,
+    rest = _objectWithoutProperties(_current2, _excluded2);
   return _objectSpread({
     buttonStyles: _objectSpread(_objectSpread({}, buttonStyles), extract(modalTheme, themeProps))
   }, rest);

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

@@ -1,13 +1,12 @@
 import { useCallback, useContext, useEffect, useMemo, useRef } from 'react';
 import { SpotlightContext } from './spotlight-manager';
+
 /**
  * Use spotlight hook returns information about available spotlight targets.
  */
-
 export default function useSpotlight() {
   var _useContext = useContext(SpotlightContext),
-      targets = _useContext.targets;
-
+    targets = _useContext.targets;
   var targetRef = useRef(targets);
   useEffect(function () {
     targetRef.current = targets;

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

@@ -3,28 +3,20 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
-
 import React from 'react';
-
 // This component was born from the pain of using render props in lifecycle methods.
 // 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.
 var ValueChanged = /*#__PURE__*/function (_React$Component) {
   _inherits(ValueChanged, _React$Component);
-
   var _super = _createSuper(ValueChanged);
-
   function ValueChanged() {
     _classCallCheck(this, ValueChanged);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(ValueChanged, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
@@ -38,8 +30,6 @@ var ValueChanged = /*#__PURE__*/function (_React$Component) {
       return this.props.children;
     }
   }]);
-
   return ValueChanged;
 }(React.Component);
-
 export { ValueChanged as default };

package/dist/esm/styled/blanket.js

@@ -1,9 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 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) { _defineProperty(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; }
-
 /** @jsx jsx */
 import { css, jsx } from '@emotion/react';
 import { DN90A, N100A } from '@atlaskit/theme/colors';
@@ -12,9 +9,10 @@ import { layers } from '@atlaskit/theme/constants';
 var backgroundColor = themed({
   light: "var(--ds-blanket, ".concat(N100A, ")"),
   dark: "var(--ds-blanket, ".concat(DN90A, ")")
-}); // IE11 and Edge: z-index needed because fixed position calculates z-index relative
-// to body instead of nearest stacking context (Portal in our case).
+});
 
+// IE11 and Edge: z-index needed because fixed position calculates z-index relative
+// to body instead of nearest stacking context (Portal in our case).
 var blanketStyles = css({
   position: 'fixed',
   zIndex: layers.spotlight(),
@@ -24,7 +22,6 @@ var blanketStyles = css({
   left: 0,
   transition: 'opacity 220ms'
 });
-
 /**
  * __Blanket__
  *
@@ -47,5 +44,4 @@ var Blanket = function Blanket(props) {
     })
   });
 };
-
 export default Blanket;

package/dist/esm/styled/dialog.js

@@ -1,7 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["alt"];
-
 /** @jsx jsx */
 import { css, jsx } from '@emotion/react';
 var imageStyles = css({
@@ -10,15 +9,15 @@ var imageStyles = css({
 });
 var actionItemContainerStyles = css({
   display: 'flex',
-  margin: "var(--ds-scale-0, 0px)".concat(" -4px"),
-
+  margin: "var(--ds-space-0, 0px)".concat(" -4px"),
   /* 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 */
   flexDirection: 'row-reverse'
 });
 var actionItemStyles = css({
-  margin: "var(--ds-scale-0, 0px)".concat(" ", "var(--ds-scale-050, 4px)")
+  margin: "var(--ds-space-0, 0px)".concat(" ", "var(--ds-space-050, 4px)")
 });
+
 /**
  * __Dialog image__
  *
@@ -26,16 +25,15 @@ var actionItemStyles = css({
  *
  * @internal
  */
-
 export var DialogImage = function DialogImage(_ref) {
   var alt = _ref.alt,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    props = _objectWithoutProperties(_ref, _excluded);
   return jsx("img", _extends({
     css: imageStyles,
     alt: alt
   }, props));
 };
+
 /**
  * __Dialog action item container__
  *
@@ -43,13 +41,13 @@ export var DialogImage = function DialogImage(_ref) {
  *
  * @internal
  */
-
 export var DialogActionItemContainer = function DialogActionItemContainer(_ref2) {
   var children = _ref2.children;
   return jsx("div", {
     css: actionItemContainerStyles
   }, children);
 };
+
 /**
  * __Dialog action item__
  *
@@ -57,7 +55,6 @@ export var DialogActionItemContainer = function DialogActionItemContainer(_ref2)
  *
  * @internal
  */
-
 export var DialogActionItem = function DialogActionItem(_ref3) {
   var children = _ref3.children;
   return jsx("div", {