@atlaskit/onboarding 10.3.1 → 10.3.5

package/dist/cjs/styled/target.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Pulse = exports.TargetOverlay = exports.TargetInner = void 0;
+exports.pulseKeyframesName = exports.TargetOverlay = exports.TargetInner = exports.Pulse = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -19,13 +19,17 @@ var _colors = require("@atlaskit/theme/colors");
 
 var _constants = require("@atlaskit/theme/constants");
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+var _excluded = ["children", "bgColor", "radius", "style", "testId"],
+    _excluded2 = ["children", "pulse"],
+    _excluded3 = ["children", "pulse", "testId"];
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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; }
 
 // NOTE:
 // Pulse color "rgb(101, 84, 192)" derived from "colors.P300"
-var baseShadow = "var(--ds-overlay, ".concat("0 0 0 2px ".concat(_colors.P300), ")");
+var baseShadow = "var(--ds-shadow-overlay, ".concat("0 0 0 2px ".concat(_colors.P300), ")");
 var easing = 'cubic-bezier(0.55, 0.055, 0.675, 0.19)';
 var pulseKeyframes = (0, _core.keyframes)({
   '0%, 33%': {
@@ -34,7 +38,10 @@ var pulseKeyframes = (0, _core.keyframes)({
   '66%, 100%': {
     boxShadow: "".concat(baseShadow, ", 0 0 0 10px rgba(101, 84, 192, 0.01)")
   }
-});
+}); // This is needed for unit tests
+
+var pulseKeyframesName = pulseKeyframes.name;
+exports.pulseKeyframesName = pulseKeyframesName;
 var animationStyles = (0, _core.css)({
   animation: "".concat(pulseKeyframes, " 3000ms ").concat(easing, " infinite")
 }); // IE11 and Edge: z-index needed because fixed position calculates z-index relative
@@ -49,13 +56,16 @@ var Base = function Base(_ref) {
       bgColor = _ref.bgColor,
       radius = _ref.radius,
       style = _ref.style,
-      props = (0, _objectWithoutProperties2.default)(_ref, ["children", "bgColor", "radius", "style"]);
+      testId = _ref.testId,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return (0, _core.jsx)("div", (0, _extends2.default)({
     css: baseStyles,
+    "data-testid": testId,
     style: _objectSpread(_objectSpread({}, style), {}, {
       backgroundColor: bgColor,
       borderRadius: radius ? "".concat(radius, "px") : undefined
-    })
+    }) // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+
   }, props), children);
 };
 /**
@@ -70,10 +80,12 @@ var Base = function Base(_ref) {
 var TargetInner = function TargetInner(_ref2) {
   var children = _ref2.children,
       pulse = _ref2.pulse,
-      props = (0, _objectWithoutProperties2.default)(_ref2, ["children", "pulse"]);
-  return (0, _core.jsx)(Base, (0, _extends2.default)({}, props, {
-    css: [pulse && animationStyles]
-  }), children);
+      props = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
+  return (// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+    (0, _core.jsx)(Base, (0, _extends2.default)({}, props, {
+      css: [pulse && animationStyles]
+    }), children)
+  );
 };
 
 exports.TargetInner = TargetInner;
@@ -114,10 +126,16 @@ exports.TargetOverlay = TargetOverlay;
 
 var Pulse = function Pulse(_ref3) {
   var children = _ref3.children,
-      props = (0, _objectWithoutProperties2.default)(_ref3, ["children"]);
-  return (0, _core.jsx)(Base, (0, _extends2.default)({}, props, {
-    css: animationStyles
-  }), children);
+      _ref3$pulse = _ref3.pulse,
+      pulse = _ref3$pulse === void 0 ? true : _ref3$pulse,
+      testId = _ref3.testId,
+      props = (0, _objectWithoutProperties2.default)(_ref3, _excluded3);
+  return (// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+    (0, _core.jsx)(Base, (0, _extends2.default)({}, props, {
+      css: [pulse && animationStyles],
+      testId: testId
+    }), children)
+  );
 };
 
 exports.Pulse = Pulse;

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

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ElementBox = exports.useElementBox = void 0;
+exports.useElementBox = exports.ElementBox = void 0;
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/onboarding",
-	"version": "10.3.1",
+	"version": "10.3.5",
 	"sideEffects": false
 }

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

@@ -41,10 +41,10 @@ class SpotlightCard extends React.Component {
         } = parent({});
         return theme(() => ({ ...others,
           container: {
-            background: `var(--ds-background-boldDiscovery-resting, ${P300})`,
-            color: `var(--ds-text-onBold, ${N0})`,
+            background: `var(--ds-background-discovery-bold, ${P300})`,
+            color: `var(--ds-text-inverse, ${N0})`,
             width: `${Math.min(Math.max(width, 160), 600)}px`,
-            boxShadow: isFlat ? undefined : `var(--ds-card, ${`0 4px 8px -2px ${N50A}, 0 0 1px ${N60A}`})`,
+            boxShadow: isFlat ? undefined : `var(--ds-shadow-raised, ${`0 4px 8px -2px ${N50A}, 0 0 1px ${N60A}`})`,
             ...container
           }
         }), {});

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

@@ -7,7 +7,7 @@ import { DialogImage } from '../styled/dialog';
 import SpotlightCard from './spotlight-card';
 import ValueChanged from './value-changed';
 const packageName = "@atlaskit/onboarding";
-const packageVersion = "10.3.1";
+const packageVersion = "10.3.5";
 
 class SpotlightDialog extends Component {
   constructor(...args) {

package/dist/es2019/components/theme.js

@@ -2,26 +2,26 @@ import * as colors from '@atlaskit/theme/colors';
 const spotlightTheme = {
   default: {
     background: {
-      default: `var(--ds-background-subtleNeutral-resting, ${colors.P400})`,
-      hover: `var(--ds-background-subtleNeutral-hover, ${colors.P200})`,
-      active: `var(--ds-background-subtleNeutral-pressed, ${colors.P500})`,
+      default: `var(--ds-background-neutral, ${colors.P400})`,
+      hover: `var(--ds-background-neutral-hovered, ${colors.P200})`,
+      active: `var(--ds-background-neutral-pressed, ${colors.P500})`,
       disabled: `var(--ds-background-disabled, ${colors.P400})`,
-      selected: `var(--ds-background-subtleNeutral-pressed, ${colors.R500})`,
-      focus: `var(--ds-background-subtleNeutral-resting, ${colors.P400})`
+      selected: `var(--ds-background-neutral-pressed, ${colors.R500})`,
+      focus: `var(--ds-background-neutral, ${colors.P400})`
     },
     boxShadow: {
-      focus: `0 0 0 2px ${`var(--ds-iconBorder-discovery, ${colors.P100})`}`
+      focus: `0 0 0 2px ${`var(--ds-icon-discovery, ${colors.P100})`}`
     },
     color: {
-      default: `var(--ds-text-onBold, ${colors.N0})`,
-      hover: `var(--ds-text-onBold, ${colors.N0})`,
-      active: `var(--ds-text-onBold, ${colors.N0})`,
+      default: `var(--ds-text-inverse, ${colors.N0})`,
+      hover: `var(--ds-text-inverse, ${colors.N0})`,
+      active: `var(--ds-text-inverse, ${colors.N0})`,
       disabled: {
         light: `var(--ds-text-disabled, ${colors.N0})`,
         dark: `var(--ds-text-disabled, ${colors.DN30})`
       },
-      selected: `var(--ds-text-onBold, ${colors.N0})`,
-      focus: `var(--ds-text-onBold, ${colors.N0})`
+      selected: `var(--ds-text-inverse, ${colors.N0})`,
+      focus: `var(--ds-text-inverse, ${colors.N0})`
     },
     outline: {
       focus: 'none'
@@ -30,28 +30,28 @@ const spotlightTheme = {
   subtle: {
     background: {
       default: 'none',
-      hover: `var(--ds-background-subtleNeutral-hover, ${colors.P200})`,
-      active: `var(--ds-background-subtleNeutral-pressed, ${colors.P500})`,
+      hover: `var(--ds-background-neutral-hovered, ${colors.P200})`,
+      active: `var(--ds-background-neutral-pressed, ${colors.P500})`,
       disabled: 'none',
       selected: {
-        light: `var(--ds-background-selected-hover, ${colors.N700})`,
-        dark: `var(--ds-background-selected-hover, ${colors.DN0})`
+        light: `var(--ds-background-brand-hovered, ${colors.N700})`,
+        dark: `var(--ds-background-brand-hovered, ${colors.DN0})`
       },
       focusSelected: {
-        light: `var(--ds-background-selected-hover, ${colors.N700})`,
-        dark: `var(--ds-background-selected-hover, ${colors.DN0})`
+        light: `var(--ds-background-brand-hovered, ${colors.N700})`,
+        dark: `var(--ds-background-brand-hovered, ${colors.DN0})`
       }
     },
     boxShadow: {
-      focus: `0 0 0 2px ${`var(--ds-iconBorder-discovery, ${colors.P100})`}`
+      focus: `0 0 0 2px ${`var(--ds-icon-discovery, ${colors.P100})`}`
     },
     color: {
-      default: `var(--ds-text-onBold, ${colors.N0})`,
-      hover: `var(--ds-text-onBold, ${colors.N0})`,
-      active: `var(--ds-text-onBold, ${colors.N0})`,
+      default: `var(--ds-text-inverse, ${colors.N0})`,
+      hover: `var(--ds-text-inverse, ${colors.N0})`,
+      active: `var(--ds-text-inverse, ${colors.N0})`,
       disabled: `var(--ds-text-disabled, ${colors.N0})`,
-      selected: `var(--ds-text-onBold, ${colors.N0})`,
-      focus: `var(--ds-text-onBold, ${colors.N0})`
+      selected: `var(--ds-text-inverse, ${colors.N0})`,
+      focus: `var(--ds-text-inverse, ${colors.N0})`
     },
     outline: {
       focus: 'none'
@@ -65,45 +65,45 @@ const spotlightTheme = {
       active: 'none'
     },
     boxShadow: {
-      focus: `0 0 0 2px ${`var(--ds-iconBorder-discovery, ${colors.P100})`}`
+      focus: `0 0 0 2px ${`var(--ds-icon-discovery, ${colors.P100})`}`
     },
     color: {
-      default: `var(--ds-text-onBold, ${colors.N0})`,
-      hover: `var(--ds-text-onBold, ${colors.P75})`,
-      active: `var(--ds-text-onBold, ${colors.P100})`,
+      default: `var(--ds-text-inverse, ${colors.N0})`,
+      hover: `var(--ds-text-inverse, ${colors.P75})`,
+      active: `var(--ds-text-inverse, ${colors.P100})`,
       disabled: `var(--ds-text-discovery, ${colors.P500})`,
-      selected: `var(--ds-text-selected, ${colors.N0})`,
-      focus: `var(--ds-text-onBold, ${colors.N0})`
+      selected: `var(--ds-text-brand, ${colors.N0})`,
+      focus: `var(--ds-text-inverse, ${colors.N0})`
     }
   }
 };
 const modalTheme = {
   primary: {
     background: {
-      default: `var(--ds-background-boldDiscovery-resting, ${colors.P400})`,
-      hover: `var(--ds-background-boldDiscovery-hover, ${colors.P200})`,
-      active: `var(--ds-background-boldDiscovery-pressed, ${colors.P500})`,
+      default: `var(--ds-background-discovery-bold, ${colors.P400})`,
+      hover: `var(--ds-background-discovery-bold-hovered, ${colors.P200})`,
+      active: `var(--ds-background-discovery-bold-pressed, ${colors.P500})`,
       disabled: {
         light: `var(--ds-background-disabled, ${colors.N30})`,
         dark: `var(--ds-background-disabled, ${colors.DN70})`
       },
-      selected: `var(--ds-background-selected-hover, ${colors.R500})`,
-      focus: `var(--ds-background-boldDiscovery-hover, ${colors.P400})`
+      selected: `var(--ds-background-brand-hovered, ${colors.R500})`,
+      focus: `var(--ds-background-discovery-bold-hovered, ${colors.P400})`
     },
     boxShadow: {
       focus: {
-        light: `0 0 0 2px ${`var(--ds-iconBorder-discovery, ${colors.P100})`}`,
-        dark: `0 0 0 2px ${`var(--ds-iconBorder-discovery, ${colors.P100})`}`
+        light: `0 0 0 2px ${`var(--ds-icon-discovery, ${colors.P100})`}`,
+        dark: `0 0 0 2px ${`var(--ds-icon-discovery, ${colors.P100})`}`
       }
     },
     color: {
-      default: `var(--ds-text-onBold, ${colors.N0})`,
+      default: `var(--ds-text-inverse, ${colors.N0})`,
       disabled: {
         light: `var(--ds-text-disabled, ${colors.N0})`,
         dark: `var(--ds-text-disabled, ${colors.DN30})`
       },
-      selected: `var(--ds-text-selected, ${colors.N0})`,
-      focus: `var(--ds-text-onBold, ${colors.N0})`
+      selected: `var(--ds-text-brand, ${colors.N0})`,
+      focus: `var(--ds-text-inverse, ${colors.N0})`
     }
   }
 };

package/dist/es2019/styled/blanket.js

@@ -4,8 +4,8 @@ import { DN90A, N100A } from '@atlaskit/theme/colors';
 import { themed, useGlobalTheme } from '@atlaskit/theme/components';
 import { layers } from '@atlaskit/theme/constants';
 const backgroundColor = themed({
-  light: `var(--ds-background-blanket, ${N100A})`,
-  dark: `var(--ds-background-blanket, ${DN90A})`
+  light: `var(--ds-blanket, ${N100A})`,
+  dark: `var(--ds-blanket, ${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).
 

package/dist/es2019/styled/target.js

@@ -6,7 +6,7 @@ import { P300 } from '@atlaskit/theme/colors';
 import { layers } from '@atlaskit/theme/constants';
 // NOTE:
 // Pulse color "rgb(101, 84, 192)" derived from "colors.P300"
-const baseShadow = `var(--ds-overlay, ${`0 0 0 2px ${P300}`})`;
+const baseShadow = `var(--ds-shadow-overlay, ${`0 0 0 2px ${P300}`})`;
 const easing = 'cubic-bezier(0.55, 0.055, 0.675, 0.19)';
 const pulseKeyframes = keyframes({
   '0%, 33%': {
@@ -15,7 +15,9 @@ const pulseKeyframes = keyframes({
   '66%, 100%': {
     boxShadow: `${baseShadow}, 0 0 0 10px rgba(101, 84, 192, 0.01)`
   }
-});
+}); // This is needed for unit tests
+
+export const pulseKeyframesName = pulseKeyframes.name;
 const animationStyles = css({
   animation: `${pulseKeyframes} 3000ms ${easing} infinite`
 }); // IE11 and Edge: z-index needed because fixed position calculates z-index relative
@@ -30,13 +32,16 @@ const Base = ({
   bgColor,
   radius,
   style,
+  testId,
   ...props
 }) => jsx("div", _extends({
   css: baseStyles,
+  "data-testid": testId,
   style: { ...style,
     backgroundColor: bgColor,
     borderRadius: radius ? `${radius}px` : undefined
-  }
+  } // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+
 }, props), children);
 /**
  * __Target inner__
@@ -51,7 +56,8 @@ export const TargetInner = ({
   children,
   pulse,
   ...props
-}) => jsx(Base, _extends({}, props, {
+}) => // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+jsx(Base, _extends({}, props, {
   css: [pulse && animationStyles]
 }), children);
 const targetOverlayStyles = css({
@@ -86,7 +92,11 @@ export const TargetOverlay = props => jsx("div", _extends({}, props, {
 
 export const Pulse = ({
   children,
+  pulse = true,
+  testId,
   ...props
-}) => jsx(Base, _extends({}, props, {
-  css: animationStyles
+}) => // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+jsx(Base, _extends({}, props, {
+  css: [pulse && animationStyles],
+  testId: testId
 }), children);

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/onboarding",
-	"version": "10.3.1",
+	"version": "10.3.5",
 	"sideEffects": false
 }

package/dist/esm/components/animation.js

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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 React from 'react';
 import { Transition } from 'react-transition-group';

package/dist/esm/components/card.js

@@ -1,5 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["children", "theme"],
+    _excluded2 = ["text", "key"];
 
 /** @jsx jsx */
 import React from 'react';
@@ -25,7 +27,7 @@ var darkH600Styles = css(h600({
 var Container = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
       theme = _ref.theme,
-      props = _objectWithoutProperties(_ref, ["children", "theme"]);
+      props = _objectWithoutProperties(_ref, _excluded);
 
   return (// eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
     jsx("div", _extends({
@@ -128,7 +130,7 @@ var Card = /*#__PURE__*/React.forwardRef(function (_ref4, ref) {
       }, heading), headingAfterElement) : null, children, actions.length > 0 || actionsBeforeElement ? jsx(Footer, null, actionsBeforeElement || jsx("span", null), jsx(DialogActionItemContainer, null, actions.map(function (_ref6, idx) {
         var text = _ref6.text,
             key = _ref6.key,
-            rest = _objectWithoutProperties(_ref6, ["text", "key"]);
+            rest = _objectWithoutProperties(_ref6, _excluded2);
 
         return jsx(DialogActionItem, {
           key: key || (typeof text === 'string' ? text : "".concat(idx))

package/dist/esm/components/modal.js

@@ -7,6 +7,8 @@ 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";
+var _excluded = ["text", "key"],
+    _excluded2 = ["actions", "children", "heading"];
 
 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); }; }
 
@@ -75,7 +77,7 @@ var OnboardingModal = /*#__PURE__*/function (_Component) {
         }, actionList.map(function (_ref, idx) {
           var text = _ref.text,
               key = _ref.key,
-              rest = _objectWithoutProperties(_ref, ["text", "key"]);
+              rest = _objectWithoutProperties(_ref, _excluded);
 
           var variant = idx ? 'subtle-link' : 'primary';
           return jsx(ModalActionItem, {
@@ -100,7 +102,7 @@ var OnboardingModal = /*#__PURE__*/function (_Component) {
           actions = _this$props.actions,
           children = _this$props.children,
           heading = _this$props.heading,
-          props = _objectWithoutProperties(_this$props, ["actions", "children", "heading"]);
+          props = _objectWithoutProperties(_this$props, _excluded2);
 
       var Header = this.headerComponent(this.props);
       var Footer = this.footerComponent(this.props);

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

@@ -6,10 +6,11 @@ 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";
+var _excluded = ["container"];
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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); }; }
 
@@ -63,15 +64,15 @@ var SpotlightCard = /*#__PURE__*/function (_React$Component) {
         theme: function theme(parent) {
           var _parent = parent({}),
               container = _parent.container,
-              others = _objectWithoutProperties(_parent, ["container"]);
+              others = _objectWithoutProperties(_parent, _excluded);
 
           return _theme(function () {
             return _objectSpread(_objectSpread({}, others), {}, {
               container: _objectSpread({
-                background: "var(--ds-background-boldDiscovery-resting, ".concat(P300, ")"),
-                color: "var(--ds-text-onBold, ".concat(N0, ")"),
+                background: "var(--ds-background-discovery-bold, ".concat(P300, ")"),
+                color: "var(--ds-text-inverse, ".concat(N0, ")"),
                 width: "".concat(Math.min(Math.max(width, 160), 600), "px"),
-                boxShadow: isFlat ? undefined : "var(--ds-card, ".concat("0 4px 8px -2px ".concat(N50A, ", 0 0 1px ").concat(N60A), ")")
+                boxShadow: isFlat ? undefined : "var(--ds-shadow-raised, ".concat("0 4px 8px -2px ".concat(N50A, ", 0 0 1px ").concat(N60A), ")")
               }, container)
             });
           }, {});

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

@@ -6,10 +6,11 @@ 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";
+var _excluded = ["container"];
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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); }; }
 
@@ -23,7 +24,7 @@ import { DialogImage } from '../styled/dialog';
 import SpotlightCard from './spotlight-card';
 import ValueChanged from './value-changed';
 var packageName = "@atlaskit/onboarding";
-var packageVersion = "10.3.1";
+var packageVersion = "10.3.5";
 
 var SpotlightDialog = /*#__PURE__*/function (_Component) {
   _inherits(SpotlightDialog, _Component);
@@ -132,7 +133,7 @@ var SpotlightDialog = /*#__PURE__*/function (_Component) {
           theme: function theme(parent) {
             var _parent = parent({}),
                 container = _parent.container,
-                others = _objectWithoutProperties(_parent, ["container"]);
+                others = _objectWithoutProperties(_parent, _excluded);
 
             return _objectSpread(_objectSpread({}, others), {}, {
               container: _objectSpread(_objectSpread(_objectSpread({}, container), style), animationStyles)

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

@@ -7,9 +7,9 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 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); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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); }; }
 

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

@@ -6,9 +6,9 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 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); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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); }; }
 

package/dist/esm/components/spotlight.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["dialogWidth", "pulse", "testId", "targetNode", "target"];
 import React from 'react';
 import SpotlightInner from './spotlight-inner';
 import { SpotlightConsumer } from './spotlight-manager';
@@ -22,7 +23,7 @@ var Spotlight = function Spotlight(_ref) {
       testId = _ref$testId === void 0 ? 'spotlight' : _ref$testId,
       targetNode = _ref.targetNode,
       target = _ref.target,
-      rest = _objectWithoutProperties(_ref, ["dialogWidth", "pulse", "testId", "targetNode", "target"]);
+      rest = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(SpotlightConsumer, null, function (_ref2) {
     var opened = _ref2.opened,