@atlaskit/onboarding 14.6.1 → 15.0.0
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 +32 -0
- package/dist/cjs/components/spotlight-manager.js +4 -1
- package/dist/cjs/components/spotlight-transition.js +1 -0
- package/dist/cjs/components/theme.js +4 -3
- package/dist/cjs/entry-points/modal-transition.js +13 -0
- package/dist/cjs/entry-points/modal.js +13 -0
- package/dist/cjs/entry-points/spotlight-card.js +13 -0
- package/dist/cjs/entry-points/spotlight-manager.js +32 -0
- package/dist/cjs/entry-points/spotlight-target.js +13 -0
- package/dist/cjs/entry-points/spotlight-transition.js +20 -0
- package/dist/cjs/entry-points/spotlight.js +13 -0
- package/dist/cjs/entry-points/target.js +24 -0
- package/dist/cjs/entry-points/theme.js +18 -0
- package/dist/cjs/entry-points/types.js +1 -0
- package/dist/cjs/entry-points/use-spotlight.js +13 -0
- package/dist/cjs/styled/dialog.js +2 -0
- package/dist/cjs/styled/modal.js +4 -0
- package/dist/cjs/styled/target.compiled.css +1 -1
- package/dist/cjs/styled/target.js +4 -2
- package/dist/es2019/components/index.js +15 -1
- package/dist/es2019/components/spotlight-manager.js +3 -1
- package/dist/es2019/components/spotlight-transition.js +1 -0
- package/dist/es2019/components/theme.js +4 -3
- package/dist/es2019/entry-points/modal-transition.js +1 -0
- package/dist/es2019/entry-points/modal.js +1 -0
- package/dist/es2019/entry-points/spotlight-card.js +1 -0
- package/dist/es2019/entry-points/spotlight-manager.js +2 -0
- package/dist/es2019/entry-points/spotlight-target.js +1 -0
- package/dist/es2019/entry-points/spotlight-transition.js +2 -0
- package/dist/es2019/entry-points/spotlight.js +1 -0
- package/dist/es2019/entry-points/target.js +1 -0
- package/dist/es2019/entry-points/theme.js +1 -0
- package/dist/es2019/entry-points/types.js +0 -0
- package/dist/es2019/entry-points/use-spotlight.js +1 -0
- package/dist/es2019/styled/dialog.js +2 -0
- package/dist/es2019/styled/modal.js +4 -0
- package/dist/es2019/styled/target.compiled.css +1 -1
- package/dist/es2019/styled/target.js +4 -2
- package/dist/esm/components/index.js +15 -1
- package/dist/esm/components/spotlight-manager.js +3 -1
- package/dist/esm/components/spotlight-transition.js +1 -0
- package/dist/esm/components/theme.js +4 -3
- package/dist/esm/entry-points/modal-transition.js +1 -0
- package/dist/esm/entry-points/modal.js +1 -0
- package/dist/esm/entry-points/spotlight-card.js +1 -0
- package/dist/esm/entry-points/spotlight-manager.js +2 -0
- package/dist/esm/entry-points/spotlight-target.js +1 -0
- package/dist/esm/entry-points/spotlight-transition.js +2 -0
- package/dist/esm/entry-points/spotlight.js +1 -0
- package/dist/esm/entry-points/target.js +1 -0
- package/dist/esm/entry-points/theme.js +1 -0
- package/dist/esm/entry-points/types.js +0 -0
- package/dist/esm/entry-points/use-spotlight.js +1 -0
- package/dist/esm/styled/dialog.js +2 -0
- package/dist/esm/styled/modal.js +4 -0
- package/dist/esm/styled/target.compiled.css +1 -1
- package/dist/esm/styled/target.js +4 -2
- package/dist/types/entry-points/modal-transition.d.ts +1 -0
- package/dist/types/entry-points/modal.d.ts +1 -0
- package/dist/types/entry-points/spotlight-card.d.ts +1 -0
- package/dist/types/entry-points/spotlight-manager.d.ts +3 -0
- package/dist/types/entry-points/spotlight-target.d.ts +1 -0
- package/dist/types/entry-points/spotlight-transition.d.ts +2 -0
- package/dist/types/entry-points/spotlight.d.ts +1 -0
- package/dist/types/entry-points/target.d.ts +1 -0
- package/dist/types/entry-points/theme.d.ts +1 -0
- package/dist/types/entry-points/types.d.ts +1 -0
- package/dist/types/entry-points/use-spotlight.d.ts +1 -0
- package/modal/package.json +10 -0
- package/modal-transition/package.json +10 -0
- package/package.json +16 -42
- package/spotlight/package.json +10 -0
- package/spotlight-card/package.json +10 -0
- package/spotlight-manager/package.json +10 -0
- package/spotlight-target/package.json +10 -0
- package/spotlight-transition/package.json +10 -0
- package/target/package.json +10 -0
- package/theme/package.json +10 -0
- package/types/package.json +4 -11
- package/use-spotlight/package.json +10 -0
- package/dist/types-ts4.5/components/clone.d.ts +0 -54
- package/dist/types-ts4.5/components/index.d.ts +0 -10
- package/dist/types-ts4.5/components/modal-transition.d.ts +0 -17
- package/dist/types-ts4.5/components/modal.d.ts +0 -54
- package/dist/types-ts4.5/components/node-resolver-spotlight-inner.d.ts +0 -18
- package/dist/types-ts4.5/components/node-resolver-spotlight-target.d.ts +0 -27
- package/dist/types-ts4.5/components/spotlight-card.d.ts +0 -14
- package/dist/types-ts4.5/components/spotlight-dialog.d.ts +0 -86
- package/dist/types-ts4.5/components/spotlight-inner.d.ts +0 -58
- package/dist/types-ts4.5/components/spotlight-manager.d.ts +0 -83
- package/dist/types-ts4.5/components/spotlight-target.d.ts +0 -50
- package/dist/types-ts4.5/components/spotlight-transition.d.ts +0 -45
- package/dist/types-ts4.5/components/spotlight.d.ts +0 -15
- package/dist/types-ts4.5/components/theme.d.ts +0 -10
- package/dist/types-ts4.5/components/use-spotlight.d.ts +0 -9
- package/dist/types-ts4.5/components/value-changed.d.ts +0 -11
- package/dist/types-ts4.5/index.d.ts +0 -2
- package/dist/types-ts4.5/styled/blanket.d.ts +0 -19
- package/dist/types-ts4.5/styled/dialog.d.ts +0 -33
- package/dist/types-ts4.5/styled/modal.d.ts +0 -51
- package/dist/types-ts4.5/styled/target.d.ts +0 -45
- package/dist/types-ts4.5/types.d.ts +0 -173
- package/dist/types-ts4.5/utils/use-element-box.d.ts +0 -20
- package/dist/types-ts4.5/utils/use-element-observer.d.ts +0 -16
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,37 @@
|
|
|
1
1
|
# @atlaskit/onboarding
|
|
2
2
|
|
|
3
|
+
## 15.0.0
|
|
4
|
+
|
|
5
|
+
### Major Changes
|
|
6
|
+
|
|
7
|
+
- [`f2dc9097319f0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f2dc9097319f0) - ###
|
|
8
|
+
Dropped support for _legacy_ Typescript 4 types. **Typescript 5 is now the new minimum**.
|
|
9
|
+
|
|
10
|
+
Removes the `typesVersions` property and `dist/types-ts4.5` directory from the dist.
|
|
11
|
+
|
|
12
|
+
Types are now exclusively via the `"types": "dist/types/index.d.ts"` property.
|
|
13
|
+
|
|
14
|
+
```diff
|
|
15
|
+
- "typesVersions": {
|
|
16
|
+
- ">=4.5 <4.9": {
|
|
17
|
+
- "*": [
|
|
18
|
+
- "dist/types-ts4.5/*",
|
|
19
|
+
- "dist/types-ts4.5/index.d.ts"
|
|
20
|
+
- ]
|
|
21
|
+
- }
|
|
22
|
+
- },
|
|
23
|
+
```
|
|
24
|
+
|
|
25
|
+
### Patch Changes
|
|
26
|
+
|
|
27
|
+
- Updated dependencies
|
|
28
|
+
|
|
29
|
+
## 14.6.2
|
|
30
|
+
|
|
31
|
+
### Patch Changes
|
|
32
|
+
|
|
33
|
+
- Updated dependencies
|
|
34
|
+
|
|
3
35
|
## 14.6.1
|
|
4
36
|
|
|
5
37
|
### Patch Changes
|
|
@@ -33,6 +33,9 @@ var SpotlightContext = exports.SpotlightContext = /*#__PURE__*/(0, _react.create
|
|
|
33
33
|
});
|
|
34
34
|
var SpotlightStateConsumer = exports.SpotlightConsumer = SpotlightContext.Consumer;
|
|
35
35
|
var SpotlightStateProvider = SpotlightContext.Provider;
|
|
36
|
+
|
|
37
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
38
|
+
|
|
36
39
|
var Container = function Container(_ref) {
|
|
37
40
|
var Wrapper = _ref.component,
|
|
38
41
|
children = _ref.children;
|
|
@@ -50,7 +53,7 @@ var Container = function Container(_ref) {
|
|
|
50
53
|
*
|
|
51
54
|
* @deprecated Use `@atlaskit/spotlight` instead.
|
|
52
55
|
*/
|
|
53
|
-
// eslint-disable-next-line @repo/internal/react/no-class-components
|
|
56
|
+
// eslint-disable-next-line @repo/internal/react/no-class-components, @atlaskit/volt-strict-mode/no-multiple-exports
|
|
54
57
|
var SpotlightManager = exports.default = /*#__PURE__*/function (_PureComponent) {
|
|
55
58
|
function SpotlightManager() {
|
|
56
59
|
var _this;
|
|
@@ -92,4 +92,5 @@ var SpotlightTransition = /*#__PURE__*/function (_React$Component) {
|
|
|
92
92
|
var SpotlightTransitionConsumer = exports.SpotlightTransitionConsumer = SpotlightTransitionContext.Consumer;
|
|
93
93
|
|
|
94
94
|
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
95
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
95
96
|
var _default = exports.default = SpotlightTransition;
|
|
@@ -18,7 +18,7 @@ var spotlightTheme = {
|
|
|
18
18
|
default: "var(--ds-background-inverse-subtle, #00000029)",
|
|
19
19
|
hover: "var(--ds-background-inverse-subtle-hovered, #0000003D)",
|
|
20
20
|
active: "var(--ds-background-inverse-subtle-pressed, #00000052)",
|
|
21
|
-
disabled: "var(--ds-background-disabled, #
|
|
21
|
+
disabled: "var(--ds-background-disabled, #0515240F)",
|
|
22
22
|
selected: "var(--ds-background-inverse-subtle-pressed, #00000052)",
|
|
23
23
|
focus: "var(--ds-background-inverse-subtle, #00000029)"
|
|
24
24
|
},
|
|
@@ -82,8 +82,8 @@ var modalTheme = {
|
|
|
82
82
|
hover: "var(--ds-background-discovery-bold-hovered, #803FA5)",
|
|
83
83
|
active: "var(--ds-background-discovery-bold-pressed, #673286)",
|
|
84
84
|
disabled: {
|
|
85
|
-
light: "var(--ds-background-disabled, #
|
|
86
|
-
dark: "var(--ds-background-disabled, #
|
|
85
|
+
light: "var(--ds-background-disabled, #0515240F)",
|
|
86
|
+
dark: "var(--ds-background-disabled, #0515240F)"
|
|
87
87
|
},
|
|
88
88
|
selected: "var(--ds-background-selected-hovered, #CFE1FD)",
|
|
89
89
|
focus: "var(--ds-background-discovery-bold-hovered, #803FA5)"
|
|
@@ -141,6 +141,7 @@ var spotlightButtonTheme = exports.spotlightButtonTheme = function spotlightButt
|
|
|
141
141
|
* @deprecated
|
|
142
142
|
* Custom button themes are deprecated and will be removed in the future.
|
|
143
143
|
*/
|
|
144
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
144
145
|
var modalButtonTheme = exports.modalButtonTheme = function modalButtonTheme(current, themeProps) {
|
|
145
146
|
var _current2 = current(themeProps),
|
|
146
147
|
buttonStyles = _current2.buttonStyles,
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
Object.defineProperty(exports, "default", {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function get() {
|
|
10
|
+
return _modalTransition.default;
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
var _modalTransition = _interopRequireDefault(require("../components/modal-transition"));
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
Object.defineProperty(exports, "default", {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function get() {
|
|
10
|
+
return _modal.default;
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
var _modal = _interopRequireDefault(require("../components/modal"));
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
Object.defineProperty(exports, "default", {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function get() {
|
|
10
|
+
return _spotlightCard.default;
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
var _spotlightCard = _interopRequireDefault(require("../components/spotlight-card"));
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
Object.defineProperty(exports, "SpotlightConsumer", {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function get() {
|
|
10
|
+
return _spotlightManager.SpotlightConsumer;
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
Object.defineProperty(exports, "SpotlightContext", {
|
|
14
|
+
enumerable: true,
|
|
15
|
+
get: function get() {
|
|
16
|
+
return _spotlightManager.SpotlightContext;
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
Object.defineProperty(exports, "TargetConsumer", {
|
|
20
|
+
enumerable: true,
|
|
21
|
+
get: function get() {
|
|
22
|
+
return _spotlightManager.TargetConsumer;
|
|
23
|
+
}
|
|
24
|
+
});
|
|
25
|
+
Object.defineProperty(exports, "default", {
|
|
26
|
+
enumerable: true,
|
|
27
|
+
get: function get() {
|
|
28
|
+
return _spotlightManager.default;
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
var _spotlightManager = _interopRequireWildcard(require("../components/spotlight-manager"));
|
|
32
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
Object.defineProperty(exports, "default", {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function get() {
|
|
10
|
+
return _spotlightTarget.default;
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
var _spotlightTarget = _interopRequireDefault(require("../components/spotlight-target"));
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
Object.defineProperty(exports, "SpotlightTransitionConsumer", {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function get() {
|
|
10
|
+
return _spotlightTransition.SpotlightTransitionConsumer;
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
Object.defineProperty(exports, "default", {
|
|
14
|
+
enumerable: true,
|
|
15
|
+
get: function get() {
|
|
16
|
+
return _spotlightTransition.default;
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
var _spotlightTransition = _interopRequireWildcard(require("../components/spotlight-transition"));
|
|
20
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
Object.defineProperty(exports, "default", {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function get() {
|
|
10
|
+
return _spotlight.default;
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
var _spotlight = _interopRequireDefault(require("../components/spotlight"));
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "Pulse", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function get() {
|
|
9
|
+
return _target.Pulse;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "TargetInner", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function get() {
|
|
15
|
+
return _target.TargetInner;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
Object.defineProperty(exports, "TargetOverlay", {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function get() {
|
|
21
|
+
return _target.TargetOverlay;
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
var _target = require("../styled/target");
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "modalButtonTheme", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function get() {
|
|
9
|
+
return _theme.modalButtonTheme;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "spotlightButtonTheme", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function get() {
|
|
15
|
+
return _theme.spotlightButtonTheme;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
var _theme = require("../components/theme");
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
Object.defineProperty(exports, "default", {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function get() {
|
|
10
|
+
return _useSpotlight.default;
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
var _useSpotlight = _interopRequireDefault(require("../components/use-spotlight"));
|
|
@@ -47,6 +47,7 @@ var DialogImage = exports.DialogImage = function DialogImage(_ref) {
|
|
|
47
47
|
*
|
|
48
48
|
* @internal
|
|
49
49
|
*/
|
|
50
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports, @repo/internal/react/require-jsdoc
|
|
50
51
|
var DialogActionItemContainer = exports.DialogActionItemContainer = function DialogActionItemContainer(_ref2) {
|
|
51
52
|
var children = _ref2.children;
|
|
52
53
|
return /*#__PURE__*/React.createElement(_compiled.Box, {
|
|
@@ -61,6 +62,7 @@ var DialogActionItemContainer = exports.DialogActionItemContainer = function Dia
|
|
|
61
62
|
*
|
|
62
63
|
* @internal
|
|
63
64
|
*/
|
|
65
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports, @repo/internal/react/require-jsdoc
|
|
64
66
|
var DialogActionItem = exports.DialogActionItem = function DialogActionItem(_ref3) {
|
|
65
67
|
var children = _ref3.children;
|
|
66
68
|
return /*#__PURE__*/React.createElement(_compiled.Box, {
|
package/dist/cjs/styled/modal.js
CHANGED
|
@@ -37,6 +37,7 @@ var ModalBody = exports.ModalBody = function ModalBody(_ref) {
|
|
|
37
37
|
*
|
|
38
38
|
* @internal
|
|
39
39
|
*/
|
|
40
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports, @repo/internal/react/require-jsdoc
|
|
40
41
|
var ModalHeading = exports.ModalHeading = function ModalHeading(_ref2) {
|
|
41
42
|
var children = _ref2.children,
|
|
42
43
|
id = _ref2.id;
|
|
@@ -51,6 +52,7 @@ var ModalHeading = exports.ModalHeading = function ModalHeading(_ref2) {
|
|
|
51
52
|
*
|
|
52
53
|
* @internal
|
|
53
54
|
*/
|
|
55
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports, @repo/internal/react/require-jsdoc
|
|
54
56
|
var ModalImage = exports.ModalImage = function ModalImage(_ref3) {
|
|
55
57
|
var alt = _ref3.alt,
|
|
56
58
|
src = _ref3.src;
|
|
@@ -66,6 +68,7 @@ var ModalImage = exports.ModalImage = function ModalImage(_ref3) {
|
|
|
66
68
|
*
|
|
67
69
|
* @internal
|
|
68
70
|
*/
|
|
71
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports, @repo/internal/react/require-jsdoc
|
|
69
72
|
var ModalActionContainer = exports.ModalActionContainer = function ModalActionContainer(_ref4) {
|
|
70
73
|
var children = _ref4.children,
|
|
71
74
|
shouldReverseButtonOrder = _ref4.shouldReverseButtonOrder;
|
|
@@ -79,6 +82,7 @@ var ModalActionContainer = exports.ModalActionContainer = function ModalActionCo
|
|
|
79
82
|
*
|
|
80
83
|
* @internal
|
|
81
84
|
*/
|
|
85
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports, @repo/internal/react/require-jsdoc
|
|
82
86
|
var ModalActionItem = exports.ModalActionItem = function ModalActionItem(_ref5) {
|
|
83
87
|
var children = _ref5.children;
|
|
84
88
|
return /*#__PURE__*/React.createElement(_compiled.Box, {
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
._1e02ze3t{inset-inline-start:var(--ds-space-0,0)}
|
|
5
5
|
._1pglmcjr{animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
|
|
6
6
|
._4t3i1osq{height:100%}
|
|
7
|
-
.
|
|
7
|
+
._5sag19pg{animation-duration:var(--ds-duration-xxlong,3s)}
|
|
8
8
|
._j7hq10vn{animation-name:k2lcpkd}
|
|
9
9
|
._kqswstnw{position:absolute}
|
|
10
10
|
._tip812c5{animation-iteration-count:infinite}
|
|
@@ -66,7 +66,7 @@ var TargetInner = exports.TargetInner = function TargetInner(_ref2) {
|
|
|
66
66
|
bgColor: bgColor
|
|
67
67
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
68
68
|
,
|
|
69
|
-
className: (0, _runtime.ax)([pulse && "", pulse && "
|
|
69
|
+
className: (0, _runtime.ax)([pulse && "", pulse && "_5sag19pg _tip812c5 _j7hq10vn _1pglmcjr _16qs1peg", "_1bumglyw _sedtglyw", className]),
|
|
70
70
|
radius: radius,
|
|
71
71
|
testId: testId
|
|
72
72
|
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
|
@@ -87,6 +87,7 @@ var targetOverlayStyles = null;
|
|
|
87
87
|
*
|
|
88
88
|
* @internal
|
|
89
89
|
*/
|
|
90
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports, @repo/internal/react/require-jsdoc
|
|
90
91
|
var TargetOverlay = exports.TargetOverlay = function TargetOverlay(_ref3) {
|
|
91
92
|
var onClick = _ref3.onClick,
|
|
92
93
|
props = (0, _objectWithoutProperties2.default)(_ref3, _excluded3);
|
|
@@ -112,6 +113,7 @@ var TargetOverlay = exports.TargetOverlay = function TargetOverlay(_ref3) {
|
|
|
112
113
|
*
|
|
113
114
|
* @deprecated Use `@atlaskit/spotlight` instead.
|
|
114
115
|
*/
|
|
116
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports, @repo/internal/react/require-jsdoc
|
|
115
117
|
var Pulse = exports.Pulse = function Pulse(_ref4) {
|
|
116
118
|
var bgColor = _ref4.bgColor,
|
|
117
119
|
children = _ref4.children,
|
|
@@ -125,7 +127,7 @@ var Pulse = exports.Pulse = function Pulse(_ref4) {
|
|
|
125
127
|
bgColor: bgColor
|
|
126
128
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
127
129
|
,
|
|
128
|
-
className: (0, _runtime.ax)([pulse && "", pulse && "
|
|
130
|
+
className: (0, _runtime.ax)([pulse && "", pulse && "_5sag19pg _tip812c5 _j7hq10vn _1pglmcjr _16qs1peg", "_1bumglyw _sedtglyw", className]),
|
|
129
131
|
radius: radius,
|
|
130
132
|
testId: testId
|
|
131
133
|
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
|
@@ -7,4 +7,18 @@ import SpotlightTarget from './spotlight-target';
|
|
|
7
7
|
import SpotlightTransition from './spotlight-transition';
|
|
8
8
|
import useSpotlight from './use-spotlight';
|
|
9
9
|
export { spotlightButtonTheme, modalButtonTheme } from './theme';
|
|
10
|
-
export { Modal,
|
|
10
|
+
export { Modal,
|
|
11
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
12
|
+
Spotlight,
|
|
13
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
14
|
+
SpotlightCard,
|
|
15
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
16
|
+
SpotlightManager,
|
|
17
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
18
|
+
SpotlightTarget,
|
|
19
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
20
|
+
SpotlightTransition,
|
|
21
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
22
|
+
useSpotlight,
|
|
23
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
24
|
+
ModalTransition };
|
|
@@ -16,6 +16,8 @@ const SpotlightContext = /*#__PURE__*/createContext({
|
|
|
16
16
|
const SpotlightStateConsumer = SpotlightContext.Consumer;
|
|
17
17
|
const SpotlightStateProvider = SpotlightContext.Provider;
|
|
18
18
|
export { TargetConsumer };
|
|
19
|
+
|
|
20
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
19
21
|
export { SpotlightContext, SpotlightStateConsumer as SpotlightConsumer };
|
|
20
22
|
const Container = ({
|
|
21
23
|
component: Wrapper,
|
|
@@ -33,7 +35,7 @@ const Container = ({
|
|
|
33
35
|
*
|
|
34
36
|
* @deprecated Use `@atlaskit/spotlight` instead.
|
|
35
37
|
*/
|
|
36
|
-
// eslint-disable-next-line @repo/internal/react/no-class-components
|
|
38
|
+
// eslint-disable-next-line @repo/internal/react/no-class-components, @atlaskit/volt-strict-mode/no-multiple-exports
|
|
37
39
|
export default class SpotlightManager extends PureComponent {
|
|
38
40
|
constructor(...args) {
|
|
39
41
|
super(...args);
|
|
@@ -65,4 +65,5 @@ class SpotlightTransition extends React.Component {
|
|
|
65
65
|
export const SpotlightTransitionConsumer = SpotlightTransitionContext.Consumer;
|
|
66
66
|
|
|
67
67
|
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
68
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
68
69
|
export default SpotlightTransition;
|
|
@@ -4,7 +4,7 @@ const spotlightTheme = {
|
|
|
4
4
|
default: "var(--ds-background-inverse-subtle, #00000029)",
|
|
5
5
|
hover: "var(--ds-background-inverse-subtle-hovered, #0000003D)",
|
|
6
6
|
active: "var(--ds-background-inverse-subtle-pressed, #00000052)",
|
|
7
|
-
disabled: "var(--ds-background-disabled, #
|
|
7
|
+
disabled: "var(--ds-background-disabled, #0515240F)",
|
|
8
8
|
selected: "var(--ds-background-inverse-subtle-pressed, #00000052)",
|
|
9
9
|
focus: "var(--ds-background-inverse-subtle, #00000029)"
|
|
10
10
|
},
|
|
@@ -68,8 +68,8 @@ const modalTheme = {
|
|
|
68
68
|
hover: "var(--ds-background-discovery-bold-hovered, #803FA5)",
|
|
69
69
|
active: "var(--ds-background-discovery-bold-pressed, #673286)",
|
|
70
70
|
disabled: {
|
|
71
|
-
light: "var(--ds-background-disabled, #
|
|
72
|
-
dark: "var(--ds-background-disabled, #
|
|
71
|
+
light: "var(--ds-background-disabled, #0515240F)",
|
|
72
|
+
dark: "var(--ds-background-disabled, #0515240F)"
|
|
73
73
|
},
|
|
74
74
|
selected: "var(--ds-background-selected-hovered, #CFE1FD)",
|
|
75
75
|
focus: "var(--ds-background-discovery-bold-hovered, #803FA5)"
|
|
@@ -133,6 +133,7 @@ export const spotlightButtonTheme = (current, themeProps) => {
|
|
|
133
133
|
* @deprecated
|
|
134
134
|
* Custom button themes are deprecated and will be removed in the future.
|
|
135
135
|
*/
|
|
136
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
136
137
|
export const modalButtonTheme = (current, themeProps) => {
|
|
137
138
|
const {
|
|
138
139
|
buttonStyles,
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from '../components/modal-transition';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from '../components/modal';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from '../components/spotlight-card';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from '../components/spotlight-target';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from '../components/spotlight';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Pulse, TargetInner, TargetOverlay } from '../styled/target';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { modalButtonTheme, spotlightButtonTheme } from '../components/theme';
|
|
File without changes
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from '../components/use-spotlight';
|
|
@@ -35,6 +35,7 @@ export const DialogImage = ({
|
|
|
35
35
|
*
|
|
36
36
|
* @internal
|
|
37
37
|
*/
|
|
38
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports, @repo/internal/react/require-jsdoc
|
|
38
39
|
export const DialogActionItemContainer = ({
|
|
39
40
|
children
|
|
40
41
|
}) => /*#__PURE__*/React.createElement(Box, {
|
|
@@ -48,6 +49,7 @@ export const DialogActionItemContainer = ({
|
|
|
48
49
|
*
|
|
49
50
|
* @internal
|
|
50
51
|
*/
|
|
52
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports, @repo/internal/react/require-jsdoc
|
|
51
53
|
export const DialogActionItem = ({
|
|
52
54
|
children
|
|
53
55
|
}) => /*#__PURE__*/React.createElement(Box, {
|
|
@@ -28,6 +28,7 @@ export const ModalBody = ({
|
|
|
28
28
|
*
|
|
29
29
|
* @internal
|
|
30
30
|
*/
|
|
31
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports, @repo/internal/react/require-jsdoc
|
|
31
32
|
export const ModalHeading = ({
|
|
32
33
|
children,
|
|
33
34
|
id
|
|
@@ -43,6 +44,7 @@ export const ModalHeading = ({
|
|
|
43
44
|
*
|
|
44
45
|
* @internal
|
|
45
46
|
*/
|
|
47
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports, @repo/internal/react/require-jsdoc
|
|
46
48
|
export const ModalImage = ({
|
|
47
49
|
alt,
|
|
48
50
|
src
|
|
@@ -57,6 +59,7 @@ export const ModalImage = ({
|
|
|
57
59
|
*
|
|
58
60
|
* @internal
|
|
59
61
|
*/
|
|
62
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports, @repo/internal/react/require-jsdoc
|
|
60
63
|
export const ModalActionContainer = ({
|
|
61
64
|
children,
|
|
62
65
|
shouldReverseButtonOrder
|
|
@@ -69,6 +72,7 @@ export const ModalActionContainer = ({
|
|
|
69
72
|
*
|
|
70
73
|
* @internal
|
|
71
74
|
*/
|
|
75
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports, @repo/internal/react/require-jsdoc
|
|
72
76
|
export const ModalActionItem = ({
|
|
73
77
|
children
|
|
74
78
|
}) => /*#__PURE__*/React.createElement(Box, {
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
._1e02ze3t{inset-inline-start:var(--ds-space-0,0)}
|
|
5
5
|
._1pglmcjr{animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
|
|
6
6
|
._4t3i1osq{height:100%}
|
|
7
|
-
.
|
|
7
|
+
._5sag19pg{animation-duration:var(--ds-duration-xxlong,3s)}
|
|
8
8
|
._j7hqfamb{animation-name:kb6d39w}
|
|
9
9
|
._kqswstnw{position:absolute}
|
|
10
10
|
._tip812c5{animation-iteration-count:infinite}
|
|
@@ -52,7 +52,7 @@ export const TargetInner = ({
|
|
|
52
52
|
bgColor: bgColor
|
|
53
53
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
54
54
|
,
|
|
55
|
-
className: ax([pulse && "", pulse && "
|
|
55
|
+
className: ax([pulse && "", pulse && "_5sag19pg _tip812c5 _j7hqfamb _1pglmcjr _16qs1peg", "_1bumglyw _sedtglyw", className]),
|
|
56
56
|
radius: radius,
|
|
57
57
|
testId: testId
|
|
58
58
|
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
|
@@ -70,6 +70,7 @@ const targetOverlayStyles = null;
|
|
|
70
70
|
*
|
|
71
71
|
* @internal
|
|
72
72
|
*/
|
|
73
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports, @repo/internal/react/require-jsdoc
|
|
73
74
|
export const TargetOverlay = ({
|
|
74
75
|
onClick,
|
|
75
76
|
...props
|
|
@@ -94,6 +95,7 @@ export const TargetOverlay = ({
|
|
|
94
95
|
*
|
|
95
96
|
* @deprecated Use `@atlaskit/spotlight` instead.
|
|
96
97
|
*/
|
|
98
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports, @repo/internal/react/require-jsdoc
|
|
97
99
|
export const Pulse = ({
|
|
98
100
|
bgColor,
|
|
99
101
|
children,
|
|
@@ -106,7 +108,7 @@ export const Pulse = ({
|
|
|
106
108
|
bgColor: bgColor
|
|
107
109
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
108
110
|
,
|
|
109
|
-
className: ax([pulse && "", pulse && "
|
|
111
|
+
className: ax([pulse && "", pulse && "_5sag19pg _tip812c5 _j7hqfamb _1pglmcjr _16qs1peg", "_1bumglyw _sedtglyw", className]),
|
|
110
112
|
radius: radius,
|
|
111
113
|
testId: testId
|
|
112
114
|
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
|
@@ -7,4 +7,18 @@ import SpotlightTarget from './spotlight-target';
|
|
|
7
7
|
import SpotlightTransition from './spotlight-transition';
|
|
8
8
|
import useSpotlight from './use-spotlight';
|
|
9
9
|
export { spotlightButtonTheme, modalButtonTheme } from './theme';
|
|
10
|
-
export { Modal,
|
|
10
|
+
export { Modal,
|
|
11
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
12
|
+
Spotlight,
|
|
13
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
14
|
+
SpotlightCard,
|
|
15
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
16
|
+
SpotlightManager,
|
|
17
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
18
|
+
SpotlightTarget,
|
|
19
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
20
|
+
SpotlightTransition,
|
|
21
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
22
|
+
useSpotlight,
|
|
23
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
24
|
+
ModalTransition };
|
|
@@ -25,6 +25,8 @@ var SpotlightContext = /*#__PURE__*/createContext({
|
|
|
25
25
|
var SpotlightStateConsumer = SpotlightContext.Consumer;
|
|
26
26
|
var SpotlightStateProvider = SpotlightContext.Provider;
|
|
27
27
|
export { TargetConsumer };
|
|
28
|
+
|
|
29
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
28
30
|
export { SpotlightContext, SpotlightStateConsumer as SpotlightConsumer };
|
|
29
31
|
var Container = function Container(_ref) {
|
|
30
32
|
var Wrapper = _ref.component,
|
|
@@ -43,7 +45,7 @@ var Container = function Container(_ref) {
|
|
|
43
45
|
*
|
|
44
46
|
* @deprecated Use `@atlaskit/spotlight` instead.
|
|
45
47
|
*/
|
|
46
|
-
// eslint-disable-next-line @repo/internal/react/no-class-components
|
|
48
|
+
// eslint-disable-next-line @repo/internal/react/no-class-components, @atlaskit/volt-strict-mode/no-multiple-exports
|
|
47
49
|
var SpotlightManager = /*#__PURE__*/function (_PureComponent) {
|
|
48
50
|
function SpotlightManager() {
|
|
49
51
|
var _this;
|
|
@@ -83,4 +83,5 @@ var SpotlightTransition = /*#__PURE__*/function (_React$Component) {
|
|
|
83
83
|
export var SpotlightTransitionConsumer = SpotlightTransitionContext.Consumer;
|
|
84
84
|
|
|
85
85
|
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
86
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
86
87
|
export default SpotlightTransition;
|