@atlaskit/onboarding 10.3.2 → 10.3.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/dist/cjs/components/animation.js +2 -2
- package/dist/cjs/components/card.js +4 -3
- package/dist/cjs/components/modal.js +5 -2
- package/dist/cjs/components/spotlight-card.js +5 -3
- package/dist/cjs/components/spotlight-dialog.js +6 -4
- package/dist/cjs/components/spotlight-inner.js +2 -2
- package/dist/cjs/components/spotlight-manager.js +2 -2
- package/dist/cjs/components/spotlight.js +3 -1
- package/dist/cjs/components/theme.js +7 -4
- package/dist/cjs/styled/blanket.js +2 -2
- package/dist/cjs/styled/dialog.js +2 -2
- package/dist/cjs/styled/target.js +9 -5
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/components/spotlight-dialog.js +1 -1
- package/dist/es2019/version.json +1 -1
- package/dist/esm/components/animation.js +2 -2
- package/dist/esm/components/card.js +4 -2
- package/dist/esm/components/modal.js +4 -2
- package/dist/esm/components/spotlight-card.js +4 -3
- package/dist/esm/components/spotlight-dialog.js +5 -4
- package/dist/esm/components/spotlight-inner.js +2 -2
- package/dist/esm/components/spotlight-manager.js +2 -2
- package/dist/esm/components/spotlight.js +2 -1
- package/dist/esm/components/theme.js +6 -4
- package/dist/esm/styled/blanket.js +2 -2
- package/dist/esm/styled/dialog.js +2 -1
- package/dist/esm/styled/target.js +8 -5
- package/dist/esm/version.json +1 -1
- package/package.json +4 -5
package/CHANGELOG.md
CHANGED
|
@@ -13,9 +13,9 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
13
13
|
|
|
14
14
|
var _reactTransitionGroup = require("react-transition-group");
|
|
15
15
|
|
|
16
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
16
|
+
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; }
|
|
17
17
|
|
|
18
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
18
|
+
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; }
|
|
19
19
|
|
|
20
20
|
var duration = {
|
|
21
21
|
enter: 0,
|
|
@@ -25,7 +25,8 @@ var _typography = require("@atlaskit/theme/typography");
|
|
|
25
25
|
|
|
26
26
|
var _dialog = require("../styled/dialog");
|
|
27
27
|
|
|
28
|
-
|
|
28
|
+
var _excluded = ["children", "theme"],
|
|
29
|
+
_excluded2 = ["text", "key"];
|
|
29
30
|
var gridSize = (0, _constants.gridSize)(); // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
|
|
30
31
|
|
|
31
32
|
var lightH600Styles = (0, _core.css)((0, _typography.h600)({
|
|
@@ -43,7 +44,7 @@ var darkH600Styles = (0, _core.css)((0, _typography.h600)({
|
|
|
43
44
|
var Container = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
|
|
44
45
|
var children = _ref.children,
|
|
45
46
|
theme = _ref.theme,
|
|
46
|
-
props = (0, _objectWithoutProperties2.default)(_ref,
|
|
47
|
+
props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
47
48
|
return (// eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
|
|
48
49
|
(0, _core.jsx)("div", (0, _extends2.default)({
|
|
49
50
|
css: theme,
|
|
@@ -146,7 +147,7 @@ var Card = /*#__PURE__*/_react.default.forwardRef(function (_ref4, ref) {
|
|
|
146
147
|
}, heading), headingAfterElement) : null, children, actions.length > 0 || actionsBeforeElement ? (0, _core.jsx)(Footer, null, actionsBeforeElement || (0, _core.jsx)("span", null), (0, _core.jsx)(_dialog.DialogActionItemContainer, null, actions.map(function (_ref6, idx) {
|
|
147
148
|
var text = _ref6.text,
|
|
148
149
|
key = _ref6.key,
|
|
149
|
-
rest = (0, _objectWithoutProperties2.default)(_ref6,
|
|
150
|
+
rest = (0, _objectWithoutProperties2.default)(_ref6, _excluded2);
|
|
150
151
|
return (0, _core.jsx)(_dialog.DialogActionItem, {
|
|
151
152
|
key: key || (typeof text === 'string' ? text : "".concat(idx))
|
|
152
153
|
}, (0, _core.jsx)(_customThemeButton.default, rest, text));
|
|
@@ -39,6 +39,9 @@ var _modal = require("../styled/modal");
|
|
|
39
39
|
|
|
40
40
|
var _theme = require("./theme");
|
|
41
41
|
|
|
42
|
+
var _excluded = ["text", "key"],
|
|
43
|
+
_excluded2 = ["actions", "children", "heading"];
|
|
44
|
+
|
|
42
45
|
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); }
|
|
43
46
|
|
|
44
47
|
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; }
|
|
@@ -100,7 +103,7 @@ var OnboardingModal = /*#__PURE__*/function (_Component) {
|
|
|
100
103
|
}, actionList.map(function (_ref, idx) {
|
|
101
104
|
var text = _ref.text,
|
|
102
105
|
key = _ref.key,
|
|
103
|
-
rest = (0, _objectWithoutProperties2.default)(_ref,
|
|
106
|
+
rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
104
107
|
var variant = idx ? 'subtle-link' : 'primary';
|
|
105
108
|
return (0, _core.jsx)(_modal.ModalActionItem, {
|
|
106
109
|
key: key || (typeof text === 'string' ? text : "".concat(idx))
|
|
@@ -123,7 +126,7 @@ var OnboardingModal = /*#__PURE__*/function (_Component) {
|
|
|
123
126
|
actions = _this$props.actions,
|
|
124
127
|
children = _this$props.children,
|
|
125
128
|
heading = _this$props.heading,
|
|
126
|
-
props = (0, _objectWithoutProperties2.default)(_this$props,
|
|
129
|
+
props = (0, _objectWithoutProperties2.default)(_this$props, _excluded2);
|
|
127
130
|
var Header = this.headerComponent(this.props);
|
|
128
131
|
var Footer = this.footerComponent(this.props);
|
|
129
132
|
return (0, _core.jsx)(_modalDialog.default, (0, _extends2.default)({
|
|
@@ -33,9 +33,11 @@ var _card = _interopRequireDefault(require("./card"));
|
|
|
33
33
|
|
|
34
34
|
var _theme2 = require("./theme");
|
|
35
35
|
|
|
36
|
-
|
|
36
|
+
var _excluded = ["container"];
|
|
37
37
|
|
|
38
|
-
function
|
|
38
|
+
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; }
|
|
39
|
+
|
|
40
|
+
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; }
|
|
39
41
|
|
|
40
42
|
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); }; }
|
|
41
43
|
|
|
@@ -82,7 +84,7 @@ var SpotlightCard = /*#__PURE__*/function (_React$Component) {
|
|
|
82
84
|
theme: function theme(parent) {
|
|
83
85
|
var _parent = parent({}),
|
|
84
86
|
container = _parent.container,
|
|
85
|
-
others = (0, _objectWithoutProperties2.default)(_parent,
|
|
87
|
+
others = (0, _objectWithoutProperties2.default)(_parent, _excluded);
|
|
86
88
|
|
|
87
89
|
return _theme(function () {
|
|
88
90
|
return _objectSpread(_objectSpread({}, others), {}, {
|
|
@@ -39,20 +39,22 @@ var _spotlightCard = _interopRequireDefault(require("./spotlight-card"));
|
|
|
39
39
|
|
|
40
40
|
var _valueChanged = _interopRequireDefault(require("./value-changed"));
|
|
41
41
|
|
|
42
|
+
var _excluded = ["container"];
|
|
43
|
+
|
|
42
44
|
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); }
|
|
43
45
|
|
|
44
46
|
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; }
|
|
45
47
|
|
|
46
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
48
|
+
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; }
|
|
47
49
|
|
|
48
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
50
|
+
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; }
|
|
49
51
|
|
|
50
52
|
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); }; }
|
|
51
53
|
|
|
52
54
|
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; } }
|
|
53
55
|
|
|
54
56
|
var packageName = "@atlaskit/onboarding";
|
|
55
|
-
var packageVersion = "10.3.
|
|
57
|
+
var packageVersion = "10.3.3";
|
|
56
58
|
|
|
57
59
|
var SpotlightDialog = /*#__PURE__*/function (_Component) {
|
|
58
60
|
(0, _inherits2.default)(SpotlightDialog, _Component);
|
|
@@ -159,7 +161,7 @@ var SpotlightDialog = /*#__PURE__*/function (_Component) {
|
|
|
159
161
|
theme: function theme(parent) {
|
|
160
162
|
var _parent = parent({}),
|
|
161
163
|
container = _parent.container,
|
|
162
|
-
others = (0, _objectWithoutProperties2.default)(_parent,
|
|
164
|
+
others = (0, _objectWithoutProperties2.default)(_parent, _excluded);
|
|
163
165
|
|
|
164
166
|
return _objectSpread(_objectSpread({}, others), {}, {
|
|
165
167
|
container: _objectSpread(_objectSpread(_objectSpread({}, container), style), animationStyles)
|
|
@@ -47,9 +47,9 @@ var _spotlightDialog = _interopRequireDefault(require("./spotlight-dialog"));
|
|
|
47
47
|
|
|
48
48
|
var _spotlightTransition = require("./spotlight-transition");
|
|
49
49
|
|
|
50
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
50
|
+
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; }
|
|
51
51
|
|
|
52
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
52
|
+
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; }
|
|
53
53
|
|
|
54
54
|
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); }; }
|
|
55
55
|
|
|
@@ -39,9 +39,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
39
39
|
|
|
40
40
|
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; }
|
|
41
41
|
|
|
42
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
42
|
+
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; }
|
|
43
43
|
|
|
44
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
44
|
+
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; }
|
|
45
45
|
|
|
46
46
|
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); }; }
|
|
47
47
|
|
|
@@ -17,6 +17,8 @@ var _spotlightInner = _interopRequireDefault(require("./spotlight-inner"));
|
|
|
17
17
|
|
|
18
18
|
var _spotlightManager = require("./spotlight-manager");
|
|
19
19
|
|
|
20
|
+
var _excluded = ["dialogWidth", "pulse", "testId", "targetNode", "target"];
|
|
21
|
+
|
|
20
22
|
/**
|
|
21
23
|
* __Spotlight__
|
|
22
24
|
*
|
|
@@ -35,7 +37,7 @@ var Spotlight = function Spotlight(_ref) {
|
|
|
35
37
|
testId = _ref$testId === void 0 ? 'spotlight' : _ref$testId,
|
|
36
38
|
targetNode = _ref.targetNode,
|
|
37
39
|
target = _ref.target,
|
|
38
|
-
rest = (0, _objectWithoutProperties2.default)(_ref,
|
|
40
|
+
rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
39
41
|
return /*#__PURE__*/_react.default.createElement(_spotlightManager.SpotlightConsumer, null, function (_ref2) {
|
|
40
42
|
var opened = _ref2.opened,
|
|
41
43
|
closed = _ref2.closed,
|
|
@@ -17,13 +17,16 @@ var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
|
|
|
17
17
|
|
|
18
18
|
var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
|
|
19
19
|
|
|
20
|
+
var _excluded = ["buttonStyles"],
|
|
21
|
+
_excluded2 = ["buttonStyles"];
|
|
22
|
+
|
|
20
23
|
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); }
|
|
21
24
|
|
|
22
25
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(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; }
|
|
23
26
|
|
|
24
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
27
|
+
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; }
|
|
25
28
|
|
|
26
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
29
|
+
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; }
|
|
27
30
|
|
|
28
31
|
var spotlightTheme = {
|
|
29
32
|
default: {
|
|
@@ -166,7 +169,7 @@ function extract(newTheme, _ref) {
|
|
|
166
169
|
var spotlightButtonTheme = function spotlightButtonTheme(current, themeProps) {
|
|
167
170
|
var _current = current(themeProps),
|
|
168
171
|
buttonStyles = _current.buttonStyles,
|
|
169
|
-
rest = (0, _objectWithoutProperties2.default)(_current,
|
|
172
|
+
rest = (0, _objectWithoutProperties2.default)(_current, _excluded);
|
|
170
173
|
|
|
171
174
|
return _objectSpread({
|
|
172
175
|
buttonStyles: _objectSpread(_objectSpread({}, buttonStyles), extract(spotlightTheme, themeProps))
|
|
@@ -178,7 +181,7 @@ exports.spotlightButtonTheme = spotlightButtonTheme;
|
|
|
178
181
|
var modalButtonTheme = function modalButtonTheme(current, themeProps) {
|
|
179
182
|
var _current2 = current(themeProps),
|
|
180
183
|
buttonStyles = _current2.buttonStyles,
|
|
181
|
-
rest = (0, _objectWithoutProperties2.default)(_current2,
|
|
184
|
+
rest = (0, _objectWithoutProperties2.default)(_current2, _excluded2);
|
|
182
185
|
|
|
183
186
|
return _objectSpread({
|
|
184
187
|
buttonStyles: _objectSpread(_objectSpread({}, buttonStyles), extract(modalTheme, themeProps))
|
|
@@ -17,9 +17,9 @@ var _components = require("@atlaskit/theme/components");
|
|
|
17
17
|
|
|
18
18
|
var _constants = require("@atlaskit/theme/constants");
|
|
19
19
|
|
|
20
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
20
|
+
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; }
|
|
21
21
|
|
|
22
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
22
|
+
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; }
|
|
23
23
|
|
|
24
24
|
var backgroundColor = (0, _components.themed)({
|
|
25
25
|
light: "var(--ds-background-blanket, ".concat(_colors.N100A, ")"),
|
|
@@ -15,7 +15,7 @@ var _core = require("@emotion/core");
|
|
|
15
15
|
|
|
16
16
|
var _constants = require("@atlaskit/theme/constants");
|
|
17
17
|
|
|
18
|
-
|
|
18
|
+
var _excluded = ["alt"];
|
|
19
19
|
var gridSize = (0, _constants.gridSize)();
|
|
20
20
|
var imageStyles = (0, _core.css)({
|
|
21
21
|
maxWidth: '100%',
|
|
@@ -42,7 +42,7 @@ var actionItemStyles = (0, _core.css)({
|
|
|
42
42
|
|
|
43
43
|
var DialogImage = function DialogImage(_ref) {
|
|
44
44
|
var alt = _ref.alt,
|
|
45
|
-
props = (0, _objectWithoutProperties2.default)(_ref,
|
|
45
|
+
props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
46
46
|
return (0, _core.jsx)("img", (0, _extends2.default)({
|
|
47
47
|
css: imageStyles,
|
|
48
48
|
alt: alt
|
|
@@ -19,9 +19,13 @@ var _colors = require("@atlaskit/theme/colors");
|
|
|
19
19
|
|
|
20
20
|
var _constants = require("@atlaskit/theme/constants");
|
|
21
21
|
|
|
22
|
-
|
|
22
|
+
var _excluded = ["children", "bgColor", "radius", "style", "testId"],
|
|
23
|
+
_excluded2 = ["children", "pulse"],
|
|
24
|
+
_excluded3 = ["children", "pulse", "testId"];
|
|
23
25
|
|
|
24
|
-
function
|
|
26
|
+
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; }
|
|
27
|
+
|
|
28
|
+
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; }
|
|
25
29
|
|
|
26
30
|
// NOTE:
|
|
27
31
|
// Pulse color "rgb(101, 84, 192)" derived from "colors.P300"
|
|
@@ -53,7 +57,7 @@ var Base = function Base(_ref) {
|
|
|
53
57
|
radius = _ref.radius,
|
|
54
58
|
style = _ref.style,
|
|
55
59
|
testId = _ref.testId,
|
|
56
|
-
props = (0, _objectWithoutProperties2.default)(_ref,
|
|
60
|
+
props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
57
61
|
return (0, _core.jsx)("div", (0, _extends2.default)({
|
|
58
62
|
css: baseStyles,
|
|
59
63
|
"data-testid": testId,
|
|
@@ -75,7 +79,7 @@ var Base = function Base(_ref) {
|
|
|
75
79
|
var TargetInner = function TargetInner(_ref2) {
|
|
76
80
|
var children = _ref2.children,
|
|
77
81
|
pulse = _ref2.pulse,
|
|
78
|
-
props = (0, _objectWithoutProperties2.default)(_ref2,
|
|
82
|
+
props = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
|
|
79
83
|
return (0, _core.jsx)(Base, (0, _extends2.default)({}, props, {
|
|
80
84
|
css: [pulse && animationStyles]
|
|
81
85
|
}), children);
|
|
@@ -122,7 +126,7 @@ var Pulse = function Pulse(_ref3) {
|
|
|
122
126
|
_ref3$pulse = _ref3.pulse,
|
|
123
127
|
pulse = _ref3$pulse === void 0 ? true : _ref3$pulse,
|
|
124
128
|
testId = _ref3.testId,
|
|
125
|
-
props = (0, _objectWithoutProperties2.default)(_ref3,
|
|
129
|
+
props = (0, _objectWithoutProperties2.default)(_ref3, _excluded3);
|
|
126
130
|
return (0, _core.jsx)(Base, (0, _extends2.default)({}, props, {
|
|
127
131
|
css: [pulse && animationStyles],
|
|
128
132
|
testId: testId
|
package/dist/cjs/version.json
CHANGED
|
@@ -7,7 +7,7 @@ import { DialogImage } from '../styled/dialog';
|
|
|
7
7
|
import SpotlightCard from './spotlight-card';
|
|
8
8
|
import ValueChanged from './value-changed';
|
|
9
9
|
const packageName = "@atlaskit/onboarding";
|
|
10
|
-
const packageVersion = "10.3.
|
|
10
|
+
const packageVersion = "10.3.3";
|
|
11
11
|
|
|
12
12
|
class SpotlightDialog extends Component {
|
|
13
13
|
constructor(...args) {
|
package/dist/es2019/version.json
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
2
|
|
|
3
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
3
|
+
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; }
|
|
4
4
|
|
|
5
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
5
|
+
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; }
|
|
6
6
|
|
|
7
7
|
import React from 'react';
|
|
8
8
|
import { Transition } from 'react-transition-group';
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
|
+
var _excluded = ["children", "theme"],
|
|
4
|
+
_excluded2 = ["text", "key"];
|
|
3
5
|
|
|
4
6
|
/** @jsx jsx */
|
|
5
7
|
import React from 'react';
|
|
@@ -25,7 +27,7 @@ var darkH600Styles = css(h600({
|
|
|
25
27
|
var Container = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
26
28
|
var children = _ref.children,
|
|
27
29
|
theme = _ref.theme,
|
|
28
|
-
props = _objectWithoutProperties(_ref,
|
|
30
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
29
31
|
|
|
30
32
|
return (// eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
|
|
31
33
|
jsx("div", _extends({
|
|
@@ -128,7 +130,7 @@ var Card = /*#__PURE__*/React.forwardRef(function (_ref4, ref) {
|
|
|
128
130
|
}, heading), headingAfterElement) : null, children, actions.length > 0 || actionsBeforeElement ? jsx(Footer, null, actionsBeforeElement || jsx("span", null), jsx(DialogActionItemContainer, null, actions.map(function (_ref6, idx) {
|
|
129
131
|
var text = _ref6.text,
|
|
130
132
|
key = _ref6.key,
|
|
131
|
-
rest = _objectWithoutProperties(_ref6,
|
|
133
|
+
rest = _objectWithoutProperties(_ref6, _excluded2);
|
|
132
134
|
|
|
133
135
|
return jsx(DialogActionItem, {
|
|
134
136
|
key: key || (typeof text === 'string' ? text : "".concat(idx))
|
|
@@ -7,6 +7,8 @@ import _inherits from "@babel/runtime/helpers/inherits";
|
|
|
7
7
|
import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
|
|
8
8
|
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
9
9
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
10
|
+
var _excluded = ["text", "key"],
|
|
11
|
+
_excluded2 = ["actions", "children", "heading"];
|
|
10
12
|
|
|
11
13
|
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); }; }
|
|
12
14
|
|
|
@@ -75,7 +77,7 @@ var OnboardingModal = /*#__PURE__*/function (_Component) {
|
|
|
75
77
|
}, actionList.map(function (_ref, idx) {
|
|
76
78
|
var text = _ref.text,
|
|
77
79
|
key = _ref.key,
|
|
78
|
-
rest = _objectWithoutProperties(_ref,
|
|
80
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
79
81
|
|
|
80
82
|
var variant = idx ? 'subtle-link' : 'primary';
|
|
81
83
|
return jsx(ModalActionItem, {
|
|
@@ -100,7 +102,7 @@ var OnboardingModal = /*#__PURE__*/function (_Component) {
|
|
|
100
102
|
actions = _this$props.actions,
|
|
101
103
|
children = _this$props.children,
|
|
102
104
|
heading = _this$props.heading,
|
|
103
|
-
props = _objectWithoutProperties(_this$props,
|
|
105
|
+
props = _objectWithoutProperties(_this$props, _excluded2);
|
|
104
106
|
|
|
105
107
|
var Header = this.headerComponent(this.props);
|
|
106
108
|
var Footer = this.footerComponent(this.props);
|
|
@@ -6,10 +6,11 @@ import _inherits from "@babel/runtime/helpers/inherits";
|
|
|
6
6
|
import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
|
|
7
7
|
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
8
8
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
9
|
+
var _excluded = ["container"];
|
|
9
10
|
|
|
10
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
11
|
+
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; }
|
|
11
12
|
|
|
12
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
13
|
+
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; }
|
|
13
14
|
|
|
14
15
|
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); }; }
|
|
15
16
|
|
|
@@ -63,7 +64,7 @@ var SpotlightCard = /*#__PURE__*/function (_React$Component) {
|
|
|
63
64
|
theme: function theme(parent) {
|
|
64
65
|
var _parent = parent({}),
|
|
65
66
|
container = _parent.container,
|
|
66
|
-
others = _objectWithoutProperties(_parent,
|
|
67
|
+
others = _objectWithoutProperties(_parent, _excluded);
|
|
67
68
|
|
|
68
69
|
return _theme(function () {
|
|
69
70
|
return _objectSpread(_objectSpread({}, others), {}, {
|
|
@@ -6,10 +6,11 @@ import _inherits from "@babel/runtime/helpers/inherits";
|
|
|
6
6
|
import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
|
|
7
7
|
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
8
8
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
9
|
+
var _excluded = ["container"];
|
|
9
10
|
|
|
10
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
11
|
+
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; }
|
|
11
12
|
|
|
12
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
13
|
+
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; }
|
|
13
14
|
|
|
14
15
|
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); }; }
|
|
15
16
|
|
|
@@ -23,7 +24,7 @@ import { DialogImage } from '../styled/dialog';
|
|
|
23
24
|
import SpotlightCard from './spotlight-card';
|
|
24
25
|
import ValueChanged from './value-changed';
|
|
25
26
|
var packageName = "@atlaskit/onboarding";
|
|
26
|
-
var packageVersion = "10.3.
|
|
27
|
+
var packageVersion = "10.3.3";
|
|
27
28
|
|
|
28
29
|
var SpotlightDialog = /*#__PURE__*/function (_Component) {
|
|
29
30
|
_inherits(SpotlightDialog, _Component);
|
|
@@ -132,7 +133,7 @@ var SpotlightDialog = /*#__PURE__*/function (_Component) {
|
|
|
132
133
|
theme: function theme(parent) {
|
|
133
134
|
var _parent = parent({}),
|
|
134
135
|
container = _parent.container,
|
|
135
|
-
others = _objectWithoutProperties(_parent,
|
|
136
|
+
others = _objectWithoutProperties(_parent, _excluded);
|
|
136
137
|
|
|
137
138
|
return _objectSpread(_objectSpread({}, others), {}, {
|
|
138
139
|
container: _objectSpread(_objectSpread(_objectSpread({}, container), style), animationStyles)
|
|
@@ -7,9 +7,9 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
|
|
|
7
7
|
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
8
8
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
9
9
|
|
|
10
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
10
|
+
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; }
|
|
11
11
|
|
|
12
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
12
|
+
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; }
|
|
13
13
|
|
|
14
14
|
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); }; }
|
|
15
15
|
|
|
@@ -6,9 +6,9 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
|
|
|
6
6
|
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
7
7
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
8
8
|
|
|
9
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
9
|
+
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; }
|
|
10
10
|
|
|
11
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
11
|
+
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; }
|
|
12
12
|
|
|
13
13
|
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); }; }
|
|
14
14
|
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
|
+
var _excluded = ["dialogWidth", "pulse", "testId", "targetNode", "target"];
|
|
3
4
|
import React from 'react';
|
|
4
5
|
import SpotlightInner from './spotlight-inner';
|
|
5
6
|
import { SpotlightConsumer } from './spotlight-manager';
|
|
@@ -22,7 +23,7 @@ var Spotlight = function Spotlight(_ref) {
|
|
|
22
23
|
testId = _ref$testId === void 0 ? 'spotlight' : _ref$testId,
|
|
23
24
|
targetNode = _ref.targetNode,
|
|
24
25
|
target = _ref.target,
|
|
25
|
-
rest = _objectWithoutProperties(_ref,
|
|
26
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
26
27
|
|
|
27
28
|
return /*#__PURE__*/React.createElement(SpotlightConsumer, null, function (_ref2) {
|
|
28
29
|
var opened = _ref2.opened,
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
3
|
import _typeof from "@babel/runtime/helpers/typeof";
|
|
4
|
+
var _excluded = ["buttonStyles"],
|
|
5
|
+
_excluded2 = ["buttonStyles"];
|
|
4
6
|
|
|
5
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
7
|
+
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; }
|
|
6
8
|
|
|
7
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
9
|
+
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; }
|
|
8
10
|
|
|
9
11
|
import * as colors from '@atlaskit/theme/colors';
|
|
10
12
|
var spotlightTheme = {
|
|
@@ -148,7 +150,7 @@ function extract(newTheme, _ref) {
|
|
|
148
150
|
export var spotlightButtonTheme = function spotlightButtonTheme(current, themeProps) {
|
|
149
151
|
var _current = current(themeProps),
|
|
150
152
|
buttonStyles = _current.buttonStyles,
|
|
151
|
-
rest = _objectWithoutProperties(_current,
|
|
153
|
+
rest = _objectWithoutProperties(_current, _excluded);
|
|
152
154
|
|
|
153
155
|
return _objectSpread({
|
|
154
156
|
buttonStyles: _objectSpread(_objectSpread({}, buttonStyles), extract(spotlightTheme, themeProps))
|
|
@@ -157,7 +159,7 @@ export var spotlightButtonTheme = function spotlightButtonTheme(current, themePr
|
|
|
157
159
|
export var modalButtonTheme = function modalButtonTheme(current, themeProps) {
|
|
158
160
|
var _current2 = current(themeProps),
|
|
159
161
|
buttonStyles = _current2.buttonStyles,
|
|
160
|
-
rest = _objectWithoutProperties(_current2,
|
|
162
|
+
rest = _objectWithoutProperties(_current2, _excluded2);
|
|
161
163
|
|
|
162
164
|
return _objectSpread({
|
|
163
165
|
buttonStyles: _objectSpread(_objectSpread({}, buttonStyles), extract(modalTheme, themeProps))
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
2
|
|
|
3
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
3
|
+
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; }
|
|
4
4
|
|
|
5
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
5
|
+
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; }
|
|
6
6
|
|
|
7
7
|
/** @jsx jsx */
|
|
8
8
|
import { css, jsx } from '@emotion/core';
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
|
+
var _excluded = ["alt"];
|
|
3
4
|
|
|
4
5
|
/** @jsx jsx */
|
|
5
6
|
import { css, jsx } from '@emotion/core';
|
|
@@ -30,7 +31,7 @@ var actionItemStyles = css({
|
|
|
30
31
|
|
|
31
32
|
export var DialogImage = function DialogImage(_ref) {
|
|
32
33
|
var alt = _ref.alt,
|
|
33
|
-
props = _objectWithoutProperties(_ref,
|
|
34
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
34
35
|
|
|
35
36
|
return jsx("img", _extends({
|
|
36
37
|
css: imageStyles,
|
|
@@ -1,10 +1,13 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
4
|
+
var _excluded = ["children", "bgColor", "radius", "style", "testId"],
|
|
5
|
+
_excluded2 = ["children", "pulse"],
|
|
6
|
+
_excluded3 = ["children", "pulse", "testId"];
|
|
4
7
|
|
|
5
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
8
|
+
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; }
|
|
6
9
|
|
|
7
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
10
|
+
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; }
|
|
8
11
|
|
|
9
12
|
/** @jsx jsx */
|
|
10
13
|
import { css, jsx, keyframes } from '@emotion/core';
|
|
@@ -39,7 +42,7 @@ var Base = function Base(_ref) {
|
|
|
39
42
|
radius = _ref.radius,
|
|
40
43
|
style = _ref.style,
|
|
41
44
|
testId = _ref.testId,
|
|
42
|
-
props = _objectWithoutProperties(_ref,
|
|
45
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
43
46
|
|
|
44
47
|
return jsx("div", _extends({
|
|
45
48
|
css: baseStyles,
|
|
@@ -62,7 +65,7 @@ var Base = function Base(_ref) {
|
|
|
62
65
|
export var TargetInner = function TargetInner(_ref2) {
|
|
63
66
|
var children = _ref2.children,
|
|
64
67
|
pulse = _ref2.pulse,
|
|
65
|
-
props = _objectWithoutProperties(_ref2,
|
|
68
|
+
props = _objectWithoutProperties(_ref2, _excluded2);
|
|
66
69
|
|
|
67
70
|
return jsx(Base, _extends({}, props, {
|
|
68
71
|
css: [pulse && animationStyles]
|
|
@@ -105,7 +108,7 @@ export var Pulse = function Pulse(_ref3) {
|
|
|
105
108
|
_ref3$pulse = _ref3.pulse,
|
|
106
109
|
pulse = _ref3$pulse === void 0 ? true : _ref3$pulse,
|
|
107
110
|
testId = _ref3.testId,
|
|
108
|
-
props = _objectWithoutProperties(_ref3,
|
|
111
|
+
props = _objectWithoutProperties(_ref3, _excluded3);
|
|
109
112
|
|
|
110
113
|
return jsx(Base, _extends({}, props, {
|
|
111
114
|
css: [pulse && animationStyles],
|
package/dist/esm/version.json
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/onboarding",
|
|
3
|
-
"version": "10.3.
|
|
3
|
+
"version": "10.3.3",
|
|
4
4
|
"description": "An onboarding spotlight introduces new features to users through focused messages or multi-step tours.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -29,8 +29,8 @@
|
|
|
29
29
|
"@atlaskit/modal-dialog": "^12.2.0",
|
|
30
30
|
"@atlaskit/popper": "^5.0.0",
|
|
31
31
|
"@atlaskit/portal": "^4.0.0",
|
|
32
|
-
"@atlaskit/theme": "^12.
|
|
33
|
-
"@atlaskit/tokens": "^0.
|
|
32
|
+
"@atlaskit/theme": "^12.1.0",
|
|
33
|
+
"@atlaskit/tokens": "^0.5.0",
|
|
34
34
|
"@babel/runtime": "^7.0.0",
|
|
35
35
|
"@emotion/core": "^10.0.9",
|
|
36
36
|
"exenv": "^1.2.2",
|
|
@@ -47,9 +47,8 @@
|
|
|
47
47
|
},
|
|
48
48
|
"devDependencies": {
|
|
49
49
|
"@atlaskit/avatar": "^20.5.0",
|
|
50
|
-
"@atlaskit/build-utils": "*",
|
|
51
50
|
"@atlaskit/docs": "*",
|
|
52
|
-
"@atlaskit/icon": "^21.
|
|
51
|
+
"@atlaskit/icon": "^21.10.0",
|
|
53
52
|
"@atlaskit/progress-indicator": "^9.1.0",
|
|
54
53
|
"@atlaskit/select": "^15.2.2",
|
|
55
54
|
"@atlaskit/ssr": "*",
|