@atlaskit/onboarding 10.3.5 → 10.3.6
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 +7 -0
- package/dist/cjs/components/spotlight-dialog.js +1 -1
- package/dist/cjs/components/theme.js +4 -4
- package/dist/cjs/styled/target.js +2 -2
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/components/spotlight-dialog.js +1 -1
- package/dist/es2019/components/theme.js +4 -4
- package/dist/es2019/styled/target.js +2 -2
- package/dist/es2019/version.json +1 -1
- package/dist/esm/components/spotlight-dialog.js +1 -1
- package/dist/esm/components/theme.js +4 -4
- package/dist/esm/styled/target.js +2 -2
- package/dist/esm/version.json +1 -1
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,12 @@
|
|
|
1
1
|
# @atlaskit/onboarding
|
|
2
2
|
|
|
3
|
+
## 10.3.6
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`bd38851d12f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bd38851d12f) - [ux] Fixed the missing Spotlight button border by updating the token usages.
|
|
8
|
+
- Updated dependencies
|
|
9
|
+
|
|
3
10
|
## 10.3.5
|
|
4
11
|
|
|
5
12
|
### Patch Changes
|
|
@@ -54,7 +54,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
|
|
|
54
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; } }
|
|
55
55
|
|
|
56
56
|
var packageName = "@atlaskit/onboarding";
|
|
57
|
-
var packageVersion = "10.3.
|
|
57
|
+
var packageVersion = "10.3.6";
|
|
58
58
|
|
|
59
59
|
var SpotlightDialog = /*#__PURE__*/function (_Component) {
|
|
60
60
|
(0, _inherits2.default)(SpotlightDialog, _Component);
|
|
@@ -39,7 +39,7 @@ var spotlightTheme = {
|
|
|
39
39
|
focus: "var(--ds-background-neutral, ".concat(colors.P400, ")")
|
|
40
40
|
},
|
|
41
41
|
boxShadow: {
|
|
42
|
-
focus: "0 0 0 2px ".concat("var(--ds-
|
|
42
|
+
focus: "0 0 0 2px ".concat("var(--ds-border-discovery, ".concat(colors.P100, ")"))
|
|
43
43
|
},
|
|
44
44
|
color: {
|
|
45
45
|
default: "var(--ds-text-inverse, ".concat(colors.N0, ")"),
|
|
@@ -94,7 +94,7 @@ var spotlightTheme = {
|
|
|
94
94
|
active: 'none'
|
|
95
95
|
},
|
|
96
96
|
boxShadow: {
|
|
97
|
-
focus: "0 0 0 2px ".concat("var(--ds-
|
|
97
|
+
focus: "0 0 0 2px ".concat("var(--ds-border-discovery, ".concat(colors.P100, ")"))
|
|
98
98
|
},
|
|
99
99
|
color: {
|
|
100
100
|
default: "var(--ds-text-inverse, ".concat(colors.N0, ")"),
|
|
@@ -121,8 +121,8 @@ var modalTheme = {
|
|
|
121
121
|
},
|
|
122
122
|
boxShadow: {
|
|
123
123
|
focus: {
|
|
124
|
-
light: "0 0 0 2px ".concat("var(--ds-
|
|
125
|
-
dark: "0 0 0 2px ".concat("var(--ds-
|
|
124
|
+
light: "0 0 0 2px ".concat("var(--ds-border-discovery, ".concat(colors.P100, ")")),
|
|
125
|
+
dark: "0 0 0 2px ".concat("var(--ds-border-discovery, ".concat(colors.P100, ")"))
|
|
126
126
|
}
|
|
127
127
|
},
|
|
128
128
|
color: {
|
|
@@ -29,11 +29,11 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
29
29
|
|
|
30
30
|
// NOTE:
|
|
31
31
|
// Pulse color "rgb(101, 84, 192)" derived from "colors.P300"
|
|
32
|
-
var baseShadow = "var(--ds-
|
|
32
|
+
var baseShadow = "0 0 0 2px ".concat("var(--ds-border-discovery, ".concat(_colors.P300, ")"));
|
|
33
33
|
var easing = 'cubic-bezier(0.55, 0.055, 0.675, 0.19)';
|
|
34
34
|
var pulseKeyframes = (0, _core.keyframes)({
|
|
35
35
|
'0%, 33%': {
|
|
36
|
-
boxShadow: "".concat(baseShadow, ", 0 0 0 rgba(101, 84, 192, 1)")
|
|
36
|
+
boxShadow: "".concat(baseShadow, ", 0 0 0 ").concat("var(--ds-border-discovery, rgba(101, 84, 192, 1))")
|
|
37
37
|
},
|
|
38
38
|
'66%, 100%': {
|
|
39
39
|
boxShadow: "".concat(baseShadow, ", 0 0 0 10px rgba(101, 84, 192, 0.01)")
|
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.6";
|
|
11
11
|
|
|
12
12
|
class SpotlightDialog extends Component {
|
|
13
13
|
constructor(...args) {
|
|
@@ -10,7 +10,7 @@ const spotlightTheme = {
|
|
|
10
10
|
focus: `var(--ds-background-neutral, ${colors.P400})`
|
|
11
11
|
},
|
|
12
12
|
boxShadow: {
|
|
13
|
-
focus: `0 0 0 2px ${`var(--ds-
|
|
13
|
+
focus: `0 0 0 2px ${`var(--ds-border-discovery, ${colors.P100})`}`
|
|
14
14
|
},
|
|
15
15
|
color: {
|
|
16
16
|
default: `var(--ds-text-inverse, ${colors.N0})`,
|
|
@@ -65,7 +65,7 @@ const spotlightTheme = {
|
|
|
65
65
|
active: 'none'
|
|
66
66
|
},
|
|
67
67
|
boxShadow: {
|
|
68
|
-
focus: `0 0 0 2px ${`var(--ds-
|
|
68
|
+
focus: `0 0 0 2px ${`var(--ds-border-discovery, ${colors.P100})`}`
|
|
69
69
|
},
|
|
70
70
|
color: {
|
|
71
71
|
default: `var(--ds-text-inverse, ${colors.N0})`,
|
|
@@ -92,8 +92,8 @@ const modalTheme = {
|
|
|
92
92
|
},
|
|
93
93
|
boxShadow: {
|
|
94
94
|
focus: {
|
|
95
|
-
light: `0 0 0 2px ${`var(--ds-
|
|
96
|
-
dark: `0 0 0 2px ${`var(--ds-
|
|
95
|
+
light: `0 0 0 2px ${`var(--ds-border-discovery, ${colors.P100})`}`,
|
|
96
|
+
dark: `0 0 0 2px ${`var(--ds-border-discovery, ${colors.P100})`}`
|
|
97
97
|
}
|
|
98
98
|
},
|
|
99
99
|
color: {
|
|
@@ -6,11 +6,11 @@ import { P300 } from '@atlaskit/theme/colors';
|
|
|
6
6
|
import { layers } from '@atlaskit/theme/constants';
|
|
7
7
|
// NOTE:
|
|
8
8
|
// Pulse color "rgb(101, 84, 192)" derived from "colors.P300"
|
|
9
|
-
const baseShadow = `var(--ds-
|
|
9
|
+
const baseShadow = `0 0 0 2px ${`var(--ds-border-discovery, ${P300})`}`;
|
|
10
10
|
const easing = 'cubic-bezier(0.55, 0.055, 0.675, 0.19)';
|
|
11
11
|
const pulseKeyframes = keyframes({
|
|
12
12
|
'0%, 33%': {
|
|
13
|
-
boxShadow: `${baseShadow}, 0 0 0 rgba(101, 84, 192, 1)`
|
|
13
|
+
boxShadow: `${baseShadow}, 0 0 0 ${"var(--ds-border-discovery, rgba(101, 84, 192, 1))"}`
|
|
14
14
|
},
|
|
15
15
|
'66%, 100%': {
|
|
16
16
|
boxShadow: `${baseShadow}, 0 0 0 10px rgba(101, 84, 192, 0.01)`
|
package/dist/es2019/version.json
CHANGED
|
@@ -24,7 +24,7 @@ import { DialogImage } from '../styled/dialog';
|
|
|
24
24
|
import SpotlightCard from './spotlight-card';
|
|
25
25
|
import ValueChanged from './value-changed';
|
|
26
26
|
var packageName = "@atlaskit/onboarding";
|
|
27
|
-
var packageVersion = "10.3.
|
|
27
|
+
var packageVersion = "10.3.6";
|
|
28
28
|
|
|
29
29
|
var SpotlightDialog = /*#__PURE__*/function (_Component) {
|
|
30
30
|
_inherits(SpotlightDialog, _Component);
|
|
@@ -20,7 +20,7 @@ var spotlightTheme = {
|
|
|
20
20
|
focus: "var(--ds-background-neutral, ".concat(colors.P400, ")")
|
|
21
21
|
},
|
|
22
22
|
boxShadow: {
|
|
23
|
-
focus: "0 0 0 2px ".concat("var(--ds-
|
|
23
|
+
focus: "0 0 0 2px ".concat("var(--ds-border-discovery, ".concat(colors.P100, ")"))
|
|
24
24
|
},
|
|
25
25
|
color: {
|
|
26
26
|
default: "var(--ds-text-inverse, ".concat(colors.N0, ")"),
|
|
@@ -75,7 +75,7 @@ var spotlightTheme = {
|
|
|
75
75
|
active: 'none'
|
|
76
76
|
},
|
|
77
77
|
boxShadow: {
|
|
78
|
-
focus: "0 0 0 2px ".concat("var(--ds-
|
|
78
|
+
focus: "0 0 0 2px ".concat("var(--ds-border-discovery, ".concat(colors.P100, ")"))
|
|
79
79
|
},
|
|
80
80
|
color: {
|
|
81
81
|
default: "var(--ds-text-inverse, ".concat(colors.N0, ")"),
|
|
@@ -102,8 +102,8 @@ var modalTheme = {
|
|
|
102
102
|
},
|
|
103
103
|
boxShadow: {
|
|
104
104
|
focus: {
|
|
105
|
-
light: "0 0 0 2px ".concat("var(--ds-
|
|
106
|
-
dark: "0 0 0 2px ".concat("var(--ds-
|
|
105
|
+
light: "0 0 0 2px ".concat("var(--ds-border-discovery, ".concat(colors.P100, ")")),
|
|
106
|
+
dark: "0 0 0 2px ".concat("var(--ds-border-discovery, ".concat(colors.P100, ")"))
|
|
107
107
|
}
|
|
108
108
|
},
|
|
109
109
|
color: {
|
|
@@ -15,11 +15,11 @@ import { P300 } from '@atlaskit/theme/colors';
|
|
|
15
15
|
import { layers } from '@atlaskit/theme/constants';
|
|
16
16
|
// NOTE:
|
|
17
17
|
// Pulse color "rgb(101, 84, 192)" derived from "colors.P300"
|
|
18
|
-
var baseShadow = "var(--ds-
|
|
18
|
+
var baseShadow = "0 0 0 2px ".concat("var(--ds-border-discovery, ".concat(P300, ")"));
|
|
19
19
|
var easing = 'cubic-bezier(0.55, 0.055, 0.675, 0.19)';
|
|
20
20
|
var pulseKeyframes = keyframes({
|
|
21
21
|
'0%, 33%': {
|
|
22
|
-
boxShadow: "".concat(baseShadow, ", 0 0 0 rgba(101, 84, 192, 1)")
|
|
22
|
+
boxShadow: "".concat(baseShadow, ", 0 0 0 ").concat("var(--ds-border-discovery, rgba(101, 84, 192, 1))")
|
|
23
23
|
},
|
|
24
24
|
'66%, 100%': {
|
|
25
25
|
boxShadow: "".concat(baseShadow, ", 0 0 0 10px rgba(101, 84, 192, 0.01)")
|
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.6",
|
|
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/"
|
|
@@ -25,12 +25,12 @@
|
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
27
|
"@atlaskit/analytics-next": "^8.0.0",
|
|
28
|
-
"@atlaskit/button": "^16.
|
|
28
|
+
"@atlaskit/button": "^16.2.0",
|
|
29
29
|
"@atlaskit/modal-dialog": "^12.2.0",
|
|
30
30
|
"@atlaskit/popper": "^5.0.0",
|
|
31
31
|
"@atlaskit/portal": "^4.0.0",
|
|
32
32
|
"@atlaskit/theme": "^12.1.0",
|
|
33
|
-
"@atlaskit/tokens": "^0.
|
|
33
|
+
"@atlaskit/tokens": "^0.7.0",
|
|
34
34
|
"@babel/runtime": "^7.0.0",
|
|
35
35
|
"@emotion/core": "^10.0.9",
|
|
36
36
|
"exenv": "^1.2.2",
|