@atlaskit/onboarding 10.2.2 → 10.2.6

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@atlaskit/onboarding",
-  "version": "10.2.2",
-  "description": "Highlight elements of the UI to the user and display a complementary dialog.",
+  "version": "10.2.6",
+  "description": "An onboarding spotlight introduces new features to users through focused messages or multi-step tours.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },
@@ -13,26 +13,28 @@
   "module:es2019": "dist/es2019/index.js",
   "types": "dist/types/index.d.ts",
   "sideEffects": false,
-  "atlaskit:src": "src/index.ts",
+  "atlaskit:src": "src/index.tsx",
+  "homepage": "https://atlassian.design/components/onboarding/",
   "atlassian": {
     "team": "Design System Team",
     "deprecatedAutoEntryPoints": true,
     "inPublicMirror": true,
     "releaseModel": "scheduled",
     "website": {
-      "name": "Onboarding"
+      "name": "Onboarding (spotlight)"
     }
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^8.0.0",
     "@atlaskit/button": "^16.0.0",
-    "@atlaskit/modal-dialog": "^11.2.0",
+    "@atlaskit/modal-dialog": "^12.0.0",
     "@atlaskit/popper": "^5.0.0",
     "@atlaskit/portal": "^4.0.0",
-    "@atlaskit/theme": "^11.4.0",
+    "@atlaskit/theme": "^12.0.0",
     "@babel/runtime": "^7.0.0",
+    "@emotion/core": "^10.0.9",
     "exenv": "^1.2.2",
-    "memoize-one": "^5.1.0",
+    "memoize-one": "^6.0.0",
     "react-focus-lock": "^1.19.1",
     "react-node-resolver": "^1.0.1",
     "react-scrolllock": "^5.0.1",
@@ -41,14 +43,15 @@
   },
   "peerDependencies": {
     "react": "^16.8.0",
-    "react-dom": "^16.8.0",
-    "styled-components": "^3.2.6"
+    "react-dom": "^16.8.0"
   },
   "devDependencies": {
+    "@atlaskit/avatar": "^20.5.0",
     "@atlaskit/build-utils": "*",
     "@atlaskit/docs": "*",
-    "@atlaskit/icon": "^21.4.0",
-    "@atlaskit/progress-indicator": "^9.0.0",
+    "@atlaskit/icon": "^21.9.0",
+    "@atlaskit/progress-indicator": "^9.1.0",
+    "@atlaskit/select": "^15.2.2",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",
@@ -63,6 +66,13 @@
   "techstack": {
     "@atlassian/frontend": {
       "import-structure": "atlassian-conventions"
+    },
+    "@repo/internal": {
+      "analytics": "analytics-next",
+      "theming": "new-theming-api",
+      "styling": "emotion",
+      "design-system": "v1",
+      "deprecation": "no-deprecated-imports"
     }
   },
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"

package/dist/cjs/components/Card.js

@@ -1,103 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-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 _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
-
-var _components = require("@atlaskit/theme/components");
-
-var _constants = require("@atlaskit/theme/constants");
-
-var _math = require("@atlaskit/theme/math");
-
-var _typography = require("@atlaskit/theme/typography");
-
-var _Dialog = require("../styled/Dialog");
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  ", ";\n"])), function (_ref) {
-  var theme = _ref.theme;
-  return theme;
-});
-
-var Body = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  padding: ", "px ", "px;\n"])), (0, _math.multiply)(_constants.gridSize, 2), (0, _math.multiply)(_constants.gridSize, 2.5));
-
-var Heading = _styledComponents.default.h4(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  ", ";\n  color: inherit;\n"])), _typography.h600);
-
-var DefaultHeader = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: space-between;\n  align-items: baseline;\n  padding-bottom: ", "px;\n"])), _constants.gridSize);
-
-var DefaultFooter = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding-top: ", "px;\n"])), _constants.gridSize);
-
-var Theme = (0, _components.createTheme)(function () {
-  return {
-    container: {
-      overflow: 'auto',
-      borderRadius: "".concat((0, _constants.borderRadius)(), "px"),
-      height: 'fit-content',
-      zIndex: "".concat(_constants.layers.spotlight() + 1)
-    }
-  };
-});
-
-var Card = function Card(_ref2) {
-  var _ref2$actions = _ref2.actions,
-      actions = _ref2$actions === void 0 ? [] : _ref2$actions,
-      actionsBeforeElement = _ref2.actionsBeforeElement,
-      children = _ref2.children,
-      _ref2$components = _ref2.components,
-      components = _ref2$components === void 0 ? {} : _ref2$components,
-      image = _ref2.image,
-      heading = _ref2.heading,
-      headingAfterElement = _ref2.headingAfterElement,
-      theme = _ref2.theme,
-      innerRef = _ref2.innerRef,
-      testId = _ref2.testId;
-  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;
-  return /*#__PURE__*/_react.default.createElement(Theme.Provider, {
-    value: theme
-  }, /*#__PURE__*/_react.default.createElement(Theme.Consumer, null, function (_ref3) {
-    var container = _ref3.container;
-    return /*#__PURE__*/_react.default.createElement(Container, {
-      theme: container,
-      innerRef: innerRef,
-      "data-testid": testId
-    }, typeof image === 'string' ? /*#__PURE__*/_react.default.createElement("img", {
-      src: image,
-      alt: ""
-    }) : image, /*#__PURE__*/_react.default.createElement(Body, null, heading || headingAfterElement ? /*#__PURE__*/_react.default.createElement(Header, null, /*#__PURE__*/_react.default.createElement(Heading, null, heading), headingAfterElement || /*#__PURE__*/_react.default.createElement("span", null)) : null, children, actions.length > 0 || actionsBeforeElement ? /*#__PURE__*/_react.default.createElement(Footer, null, actionsBeforeElement || /*#__PURE__*/_react.default.createElement("span", null), /*#__PURE__*/_react.default.createElement(_Dialog.ActionItems, null, actions.map(function (_ref4, idx) {
-      var text = _ref4.text,
-          key = _ref4.key,
-          rest = (0, _objectWithoutProperties2.default)(_ref4, ["text", "key"]);
-      return /*#__PURE__*/_react.default.createElement(_Dialog.ActionItem, {
-        key: key || (typeof text === 'string' ? text : "".concat(idx))
-      }, /*#__PURE__*/_react.default.createElement(_customThemeButton.default, rest, text));
-    }))) : null));
-  }));
-};
-
-var _default = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  return /*#__PURE__*/_react.default.createElement(Card, (0, _extends2.default)({}, props, {
-    innerRef: ref
-  }));
-});
-
-exports.default = _default;

package/dist/cjs/components/Spotlight.js

@@ -1,79 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-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 _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 = _interopRequireDefault(require("react"));
-
-var _SpotlightInner = _interopRequireDefault(require("./SpotlightInner"));
-
-var _SpotlightManager = require("./SpotlightManager");
-
-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 Spotlight = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(Spotlight, _React$Component);
-
-  var _super = _createSuper(Spotlight);
-
-  function Spotlight() {
-    (0, _classCallCheck2.default)(this, Spotlight);
-    return _super.apply(this, arguments);
-  }
-
-  (0, _createClass2.default)(Spotlight, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          targetNode = _this$props.targetNode,
-          target = _this$props.target,
-          _this$props$testId = _this$props.testId,
-          testId = _this$props$testId === void 0 ? 'spotlight' : _this$props$testId,
-          rest = (0, _objectWithoutProperties2.default)(_this$props, ["targetNode", "target", "testId"]);
-      return /*#__PURE__*/_react.default.createElement(_SpotlightManager.SpotlightConsumer, null, function (_ref) {
-        var opened = _ref.opened,
-            closed = _ref.closed,
-            targets = _ref.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.default.createElement(_SpotlightInner.default, (0, _extends2.default)({}, rest, {
-          targetNode: actualTargetNode,
-          target: target,
-          onOpened: opened,
-          onClosed: closed,
-          testId: testId
-        })) : null;
-      });
-    }
-  }]);
-  return Spotlight;
-}(_react.default.Component);
-
-(0, _defineProperty2.default)(Spotlight, "defaultProps", {
-  dialogWidth: 400,
-  pulse: true
-});
-var _default = Spotlight;
-exports.default = _default;

package/dist/cjs/components/SpotlightTarget.js

@@ -1,62 +0,0 @@
-"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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _reactNodeResolver = _interopRequireDefault(require("react-node-resolver"));
-
-var _SpotlightManager = require("./SpotlightManager");
-
-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; } }
-
-var SpotlightTarget = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(SpotlightTarget, _Component);
-
-  var _super = _createSuper(SpotlightTarget);
-
-  function SpotlightTarget() {
-    (0, _classCallCheck2.default)(this, SpotlightTarget);
-    return _super.apply(this, arguments);
-  }
-
-  (0, _createClass2.default)(SpotlightTarget, [{
-    key: "render",
-    value: function render() {
-      var _this = this;
-
-      return /*#__PURE__*/_react.default.createElement(_SpotlightManager.TargetConsumer, null, function (targetRef) {
-        return targetRef ? /*#__PURE__*/_react.default.createElement(_reactNodeResolver.default, {
-          innerRef: targetRef(_this.props.name)
-        }, _this.props.children) : _this.props.children;
-      });
-    }
-  }]);
-  return SpotlightTarget;
-}(_react.Component);
-
-var _default = SpotlightTarget;
-exports.default = _default;

package/dist/cjs/styled/Blanket.js

@@ -1,35 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _colors = require("@atlaskit/theme/colors");
-
-var _components = require("@atlaskit/theme/components");
-
-var _constants = require("@atlaskit/theme/constants");
-
-var _templateObject;
-
-// NOTE:
-// we can't use @atlaskit/blanket
-// because it has to sit on top of other layered elements (i.e. Modal).
-var backgroundColor = (0, _components.themed)({
-  light: _colors.N100A,
-  dark: _colors.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).
-
-var _default = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background: ", ";\n  bottom: 0;\n  left: 0;\n  position: fixed;\n  right: 0;\n  top: 0;\n  transition: opacity 220ms;\n  z-index: ", ";\n"])), function (p) {
-  return p.isTinted ? backgroundColor : 'transparent';
-}, _constants.layers.spotlight);
-
-exports.default = _default;

package/dist/cjs/styled/Dialog.js

@@ -1,50 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ActionItem = exports.ActionItems = exports.Actions = exports.Image = exports.Heading = exports.DialogBody = exports.FillScreen = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _constants = require("@atlaskit/theme/constants");
-
-var _math = require("@atlaskit/theme/math");
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
-
-var FillScreen = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  height: 100%;\n  left: 0;\n  overflow-y: auto;\n  position: absolute;\n  top: ", "px;\n  width: 100%;\n"])), function (p) {
-  return p.scrollDistance;
-});
-
-exports.FillScreen = FillScreen;
-
-var DialogBody = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  flex: 1 1 auto;\n  padding: ", "px ", "px ", "px;\n\n  p:last-child,\n  ul:last-child,\n  ol:last-child {\n    margin-bottom: 0;\n  }\n"])), (0, _math.multiply)(_constants.gridSize, 2), (0, _math.multiply)(_constants.gridSize, 3), _constants.gridSize); // internal elements
-
-
-exports.DialogBody = DialogBody;
-
-var Heading = _styledComponents.default.h4(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  color: inherit;\n  font-size: 20px;\n  font-style: inherit;\n  font-weight: 500;\n  letter-spacing: -0.008em;\n  line-height: 1.2;\n  margin-bottom: ", "px;\n"])), _constants.gridSize);
-
-exports.Heading = Heading;
-
-var Image = _styledComponents.default.img(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  height: auto;\n  max-width: 100%;\n"]))); // actions
-
-
-exports.Image = Image;
-
-var Actions = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: space-between;\n  padding: 0 ", "px ", "px;\n"])), (0, _math.multiply)(_constants.gridSize, 3), (0, _math.multiply)(_constants.gridSize, 2));
-
-exports.Actions = Actions;
-
-var ActionItems = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  margin: 0 -", "px;\n  /* When there is more than one action, place primary action visually on the\n  right, but keep it's position as the first focusable element in the DOM */\n  flex-direction: row-reverse;\n"])), (0, _math.divide)(_constants.gridSize, 2));
-
-exports.ActionItems = ActionItems;
-
-var ActionItem = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  margin: 0 ", "px;\n"])), (0, _math.divide)(_constants.gridSize, 2));
-
-exports.ActionItem = ActionItem;

package/dist/cjs/styled/Modal.js

@@ -1,42 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ActionItem = exports.Actions = exports.Image = exports.Heading = exports.Body = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _constants = require("@atlaskit/theme/constants");
-
-var _math = require("@atlaskit/theme/math");
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
-var Body = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  padding: 40px 20px;\n  text-align: center;\n"])));
-
-exports.Body = Body;
-
-var Heading = _styledComponents.default.h4(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  color: inherit;\n  font-size: 20px;\n  font-style: inherit;\n  font-weight: 500;\n  letter-spacing: -0.008em;\n  line-height: 1.2;\n  margin-bottom: ", "px;\n"])), _constants.gridSize);
-
-exports.Heading = Heading;
-
-var Image = _styledComponents.default.img(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  border-top-left-radius: ", "px;\n  border-top-right-radius: ", "px;\n  height: auto;\n  width: 100%;\n\n  @media (min-width: 320px) and (max-width: 480px) {\n    border-radius: 0;\n  }\n"])), _constants.borderRadius, _constants.borderRadius);
-
-exports.Image = Image;
-var actionItemBottomMargin = (0, _constants.gridSize)() / 2;
-
-var Actions = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: center;\n  padding: 0 40px ", "px;\n  flex-flow: wrap;\n\n  flex-direction: ", ";\n"])), 40 - actionItemBottomMargin, function (_ref) {
-  var shouldReverseButtonOrder = _ref.shouldReverseButtonOrder;
-  return shouldReverseButtonOrder ? 'row-reverse' : 'normal';
-});
-
-exports.Actions = Actions;
-
-var ActionItem = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  margin: 0 ", "px ", "px;\n"])), (0, _math.divide)(_constants.gridSize, 2), actionItemBottomMargin);
-
-exports.ActionItem = ActionItem;

package/dist/cjs/styled/Target.js

@@ -1,54 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Pulse = exports.TargetOverlay = exports.TargetInner = exports.Div = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
-var _colors = require("@atlaskit/theme/colors");
-
-var _constants = require("@atlaskit/theme/constants");
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-
-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; }
-
-// NOTE:
-// Pulse color "rgb(101, 84, 192)" derived from "colors.P300"
-var baseShadow = "0 0 0 2px ".concat(_colors.P300);
-var easing = 'cubic-bezier(0.55, 0.055, 0.675, 0.19)';
-var pulseKeframes = (0, _styledComponents.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  0%, 33% { box-shadow: ", ", 0 0 0 rgba(101, 84, 192, 1) }\n  66%, 100% { box-shadow: ", ", 0 0 0 10px rgba(101, 84, 192, 0.01) }\n"])), baseShadow, baseShadow);
-var animation = (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  animation: ", " 3000ms ", " infinite;\n"])), pulseKeframes, easing); // 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 Div = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  z-index: ", ";\n\n  ", "\n  ", "\n"])), _constants.layers.spotlight() + 1, function (p) {
-  return p.bgColor ? "background-color: ".concat(p.bgColor, ";") : null;
-}, function (p) {
-  return p.radius ? "border-radius: ".concat(p.radius, "px;") : null;
-});
-
-exports.Div = Div;
-var TargetInner = (0, _styledComponents.default)(Div)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  ", ";\n"])), function (_ref) {
-  var pulse = _ref.pulse;
-  return pulse ? animation : null;
-});
-exports.TargetInner = TargetInner;
-
-var TargetOverlay = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  cursor: ", ";\n  height: 100%;\n  left: 0;\n  position: absolute;\n  top: 0;\n  width: 100%;\n"])), function (p) {
-  return p.onClick ? 'pointer' : 'auto';
-}); // exported for consumer
-
-
-exports.TargetOverlay = TargetOverlay;
-var Pulse = (0, _styledComponents.default)(Div)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  ", ";\n"])), animation);
-exports.Pulse = Pulse;

package/dist/es2019/components/Card.js

@@ -1,87 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
-import styled from 'styled-components';
-import Button from '@atlaskit/button/custom-theme-button';
-import { createTheme } from '@atlaskit/theme/components';
-import { borderRadius, gridSize, layers } from '@atlaskit/theme/constants';
-import { multiply } from '@atlaskit/theme/math';
-import { h600 } from '@atlaskit/theme/typography';
-import { ActionItem, ActionItems } from '../styled/Dialog';
-const Container = styled.div`
-  ${({
-  theme
-}) => theme};
-`;
-const Body = styled.div`
-  display: flex;
-  flex-direction: column;
-  padding: ${multiply(gridSize, 2)}px ${multiply(gridSize, 2.5)}px;
-`;
-const Heading = styled.h4`
-  ${h600};
-  color: inherit;
-`;
-const DefaultHeader = styled.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: baseline;
-  padding-bottom: ${gridSize}px;
-`;
-const DefaultFooter = styled.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding-top: ${gridSize}px;
-`;
-const Theme = createTheme(() => ({
-  container: {
-    overflow: 'auto',
-    borderRadius: `${borderRadius()}px`,
-    height: 'fit-content',
-    zIndex: `${layers.spotlight() + 1}`
-  }
-}));
-
-const Card = ({
-  actions = [],
-  actionsBeforeElement,
-  children,
-  components = {},
-  image,
-  heading,
-  headingAfterElement,
-  theme,
-  innerRef,
-  testId
-}) => {
-  const {
-    Header = DefaultHeader,
-    Footer = DefaultFooter
-  } = components;
-  return /*#__PURE__*/React.createElement(Theme.Provider, {
-    value: theme
-  }, /*#__PURE__*/React.createElement(Theme.Consumer, null, ({
-    container
-  }) => {
-    return /*#__PURE__*/React.createElement(Container, {
-      theme: container,
-      innerRef: innerRef,
-      "data-testid": testId
-    }, typeof image === 'string' ? /*#__PURE__*/React.createElement("img", {
-      src: image,
-      alt: ""
-    }) : image, /*#__PURE__*/React.createElement(Body, null, heading || headingAfterElement ? /*#__PURE__*/React.createElement(Header, null, /*#__PURE__*/React.createElement(Heading, null, heading), headingAfterElement || /*#__PURE__*/React.createElement("span", null)) : null, children, actions.length > 0 || actionsBeforeElement ? /*#__PURE__*/React.createElement(Footer, null, actionsBeforeElement || /*#__PURE__*/React.createElement("span", null), /*#__PURE__*/React.createElement(ActionItems, null, actions.map(({
-      text,
-      key,
-      ...rest
-    }, idx) => {
-      return /*#__PURE__*/React.createElement(ActionItem, {
-        key: key || (typeof text === 'string' ? text : `${idx}`)
-      }, /*#__PURE__*/React.createElement(Button, rest, text));
-    }))) : null));
-  }));
-};
-
-export default /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(Card, _extends({}, props, {
-  innerRef: ref
-})));

package/dist/es2019/components/Spotlight.js

@@ -1,39 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import React from 'react';
-import SpotlightInner from './SpotlightInner';
-import { SpotlightConsumer } from './SpotlightManager';
-
-class Spotlight extends React.Component {
-  render() {
-    const {
-      targetNode,
-      target,
-      testId = 'spotlight',
-      ...rest
-    } = this.props;
-    return /*#__PURE__*/React.createElement(SpotlightConsumer, null, ({
-      opened,
-      closed,
-      targets
-    }) => {
-      // use the targetNode prop or try get the target from context targets using name
-      const actualTargetNode = targetNode || (typeof target === 'string' ? targets[target] : undefined);
-      return actualTargetNode ? /*#__PURE__*/React.createElement(SpotlightInner, _extends({}, rest, {
-        targetNode: actualTargetNode,
-        target: target,
-        onOpened: opened,
-        onClosed: closed,
-        testId: testId
-      })) : null;
-    });
-  }
-
-}
-
-_defineProperty(Spotlight, "defaultProps", {
-  dialogWidth: 400,
-  pulse: true
-});
-
-export default Spotlight;

package/dist/es2019/components/SpotlightTarget.js

@@ -1,14 +0,0 @@
-import React, { Component } from 'react';
-import NodeResolver from 'react-node-resolver';
-import { TargetConsumer } from './SpotlightManager';
-
-class SpotlightTarget extends Component {
-  render() {
-    return /*#__PURE__*/React.createElement(TargetConsumer, null, targetRef => targetRef ? /*#__PURE__*/React.createElement(NodeResolver, {
-      innerRef: targetRef(this.props.name)
-    }, this.props.children) : this.props.children);
-  }
-
-}
-
-export default SpotlightTarget;