@atlaskit/onboarding 14.0.2 → 14.1.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 +23 -0
- package/dist/cjs/styled/target.compiled.css +6 -2
- package/dist/cjs/styled/target.js +6 -4
- package/dist/es2019/styled/target.compiled.css +5 -2
- package/dist/es2019/styled/target.js +2 -2
- package/dist/esm/styled/target.compiled.css +6 -2
- package/dist/esm/styled/target.js +6 -4
- package/package.json +7 -15
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,28 @@
|
|
|
1
1
|
# @atlaskit/onboarding
|
|
2
2
|
|
|
3
|
+
## 14.1.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#154745](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/154745)
|
|
8
|
+
[`7618d9837e247`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7618d9837e247) -
|
|
9
|
+
Tidy up design-system-closed-all-when-click-outside and sibling-dropdown-close-issue to provide
|
|
10
|
+
better keyboard navigation.
|
|
11
|
+
|
|
12
|
+
### Patch Changes
|
|
13
|
+
|
|
14
|
+
- Updated dependencies
|
|
15
|
+
|
|
16
|
+
## 14.0.3
|
|
17
|
+
|
|
18
|
+
### Patch Changes
|
|
19
|
+
|
|
20
|
+
- [#148201](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/148201)
|
|
21
|
+
[`8e811f1840de7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8e811f1840de7) -
|
|
22
|
+
Either actively or pre-emptively fixes a bug with keyframe animations in CJS and ESM distribution
|
|
23
|
+
targets for packages using Compiled CSS-in-JS. This may not affect this package, but the change
|
|
24
|
+
was made so a future migration does not accidentally break it.
|
|
25
|
+
|
|
3
26
|
## 14.0.2
|
|
4
27
|
|
|
5
28
|
### Patch Changes
|
|
@@ -1,8 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
._y44v1rys{animation:var(--_mb5lf8)}._152tze3t{inset-block-start:var(--ds-space-0,0)}
|
|
1
|
+
._152tze3t{inset-block-start:var(--ds-space-0,0)}
|
|
3
2
|
._16qs1wx8{box-shadow:0 0 0 2px var(--ds-border-discovery,#8270db)}
|
|
4
3
|
._1bsb1osq{width:100%}
|
|
5
4
|
._1e02ze3t{inset-inline-start:var(--ds-space-0,0)}
|
|
5
|
+
._1pglmcjr{animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
|
|
6
6
|
._4t3i1osq{height:100%}
|
|
7
|
+
._5sagi11n{animation-duration:3s}
|
|
8
|
+
._j7hq1ect{animation-name:kyep8rx}
|
|
7
9
|
._kqswstnw{position:absolute}
|
|
10
|
+
._tip812c5{animation-iteration-count:infinite}
|
|
11
|
+
@keyframes kyep8rx{0%,33%{box-shadow:var(--_1jzibln)}66%,to{box-shadow:var(--_1v4eexu)}}
|
|
8
12
|
@media (prefers-reduced-motion:reduce){._1bumglyw{animation:none}._sedtglyw{transition:none}}
|
|
@@ -67,13 +67,14 @@ var TargetInner = exports.TargetInner = function TargetInner(_ref2) {
|
|
|
67
67
|
bgColor: bgColor
|
|
68
68
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
69
69
|
,
|
|
70
|
-
className: (0, _runtime.ax)([pulse && "
|
|
70
|
+
className: (0, _runtime.ax)([pulse && "", pulse && "_5sagi11n _tip812c5 _j7hq1ect _1pglmcjr _16qs1wx8", "_1bumglyw _sedtglyw", className]),
|
|
71
71
|
radius: radius,
|
|
72
72
|
testId: testId
|
|
73
73
|
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
|
74
74
|
}, props, {
|
|
75
75
|
style: _objectSpread(_objectSpread({}, props.style), {}, {
|
|
76
|
-
"--
|
|
76
|
+
"--_1jzibln": (0, _runtime.ix)("".concat(baseShadow, ", 0 0 0 ", "var(--ds-border-discovery, #8270DB)")),
|
|
77
|
+
"--_1v4eexu": (0, _runtime.ix)("".concat(baseShadow, ", 0 0 0 10px rgba(101, 84, 192, 0.01)"))
|
|
77
78
|
})
|
|
78
79
|
}), children);
|
|
79
80
|
};
|
|
@@ -123,13 +124,14 @@ var Pulse = exports.Pulse = function Pulse(_ref4) {
|
|
|
123
124
|
bgColor: bgColor
|
|
124
125
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
125
126
|
,
|
|
126
|
-
className: (0, _runtime.ax)([pulse && "
|
|
127
|
+
className: (0, _runtime.ax)([pulse && "", pulse && "_5sagi11n _tip812c5 _j7hq1ect _1pglmcjr _16qs1wx8", "_1bumglyw _sedtglyw", className]),
|
|
127
128
|
radius: radius,
|
|
128
129
|
testId: testId
|
|
129
130
|
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
|
130
131
|
}, props, {
|
|
131
132
|
style: _objectSpread(_objectSpread({}, props.style), {}, {
|
|
132
|
-
"--
|
|
133
|
+
"--_1jzibln": (0, _runtime.ix)("".concat(baseShadow, ", 0 0 0 ", "var(--ds-border-discovery, #8270DB)")),
|
|
134
|
+
"--_1v4eexu": (0, _runtime.ix)("".concat(baseShadow, ", 0 0 0 10px rgba(101, 84, 192, 0.01)"))
|
|
133
135
|
})
|
|
134
136
|
}), children);
|
|
135
137
|
};
|
|
@@ -1,9 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
._y44v1si8{animation:khs8z5x 3s cubic-bezier(.55,.055,.675,.19) infinite}._152tze3t{inset-block-start:var(--ds-space-0,0)}
|
|
1
|
+
._152tze3t{inset-block-start:var(--ds-space-0,0)}
|
|
3
2
|
._16qs1wx8{box-shadow:0 0 0 2px var(--ds-border-discovery,#8270db)}
|
|
4
3
|
._1bsb1osq{width:100%}
|
|
5
4
|
._1e02ze3t{inset-inline-start:var(--ds-space-0,0)}
|
|
5
|
+
._1pglmcjr{animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
|
|
6
6
|
._4t3i1osq{height:100%}
|
|
7
|
+
._5sagi11n{animation-duration:3s}
|
|
8
|
+
._j7hq1ukm{animation-name:khs8z5x}
|
|
7
9
|
._kqswstnw{position:absolute}
|
|
10
|
+
._tip812c5{animation-iteration-count:infinite}
|
|
8
11
|
@keyframes khs8z5x{0%,33%{box-shadow:0 0 0 2px var(--ds-border-discovery,#8270db),0 0 0 var(--ds-border-discovery,#8270db)}66%,to{box-shadow:0 0 0 2px var(--ds-border-discovery,#8270db),0 0 0 10px rgba(101,84,192,.01)}}
|
|
9
12
|
@media (prefers-reduced-motion:reduce){._1bumglyw{animation:none}._sedtglyw{transition:none}}
|
|
@@ -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 && "_5sagi11n _tip812c5 _j7hq1ukm _1pglmcjr _16qs1wx8", "_1bumglyw _sedtglyw", className]),
|
|
56
56
|
radius: radius,
|
|
57
57
|
testId: testId
|
|
58
58
|
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
|
@@ -104,7 +104,7 @@ export const Pulse = ({
|
|
|
104
104
|
bgColor: bgColor
|
|
105
105
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
106
106
|
,
|
|
107
|
-
className: ax([pulse && "", pulse && "
|
|
107
|
+
className: ax([pulse && "", pulse && "_5sagi11n _tip812c5 _j7hq1ukm _1pglmcjr _16qs1wx8", "_1bumglyw _sedtglyw", className]),
|
|
108
108
|
radius: radius,
|
|
109
109
|
testId: testId
|
|
110
110
|
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
|
@@ -1,8 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
._y44v1rys{animation:var(--_mb5lf8)}._152tze3t{inset-block-start:var(--ds-space-0,0)}
|
|
1
|
+
._152tze3t{inset-block-start:var(--ds-space-0,0)}
|
|
3
2
|
._16qs1wx8{box-shadow:0 0 0 2px var(--ds-border-discovery,#8270db)}
|
|
4
3
|
._1bsb1osq{width:100%}
|
|
5
4
|
._1e02ze3t{inset-inline-start:var(--ds-space-0,0)}
|
|
5
|
+
._1pglmcjr{animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
|
|
6
6
|
._4t3i1osq{height:100%}
|
|
7
|
+
._5sagi11n{animation-duration:3s}
|
|
8
|
+
._j7hq1ect{animation-name:kyep8rx}
|
|
7
9
|
._kqswstnw{position:absolute}
|
|
10
|
+
._tip812c5{animation-iteration-count:infinite}
|
|
11
|
+
@keyframes kyep8rx{0%,33%{box-shadow:var(--_1jzibln)}66%,to{box-shadow:var(--_1v4eexu)}}
|
|
8
12
|
@media (prefers-reduced-motion:reduce){._1bumglyw{animation:none}._sedtglyw{transition:none}}
|
|
@@ -57,13 +57,14 @@ export var TargetInner = function TargetInner(_ref2) {
|
|
|
57
57
|
bgColor: bgColor
|
|
58
58
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
59
59
|
,
|
|
60
|
-
className: ax([pulse && "
|
|
60
|
+
className: ax([pulse && "", pulse && "_5sagi11n _tip812c5 _j7hq1ect _1pglmcjr _16qs1wx8", "_1bumglyw _sedtglyw", className]),
|
|
61
61
|
radius: radius,
|
|
62
62
|
testId: testId
|
|
63
63
|
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
|
64
64
|
}, props, {
|
|
65
65
|
style: _objectSpread(_objectSpread({}, props.style), {}, {
|
|
66
|
-
"--
|
|
66
|
+
"--_1jzibln": ix("".concat(baseShadow, ", 0 0 0 ", "var(--ds-border-discovery, #8270DB)")),
|
|
67
|
+
"--_1v4eexu": ix("".concat(baseShadow, ", 0 0 0 10px rgba(101, 84, 192, 0.01)"))
|
|
67
68
|
})
|
|
68
69
|
}), children);
|
|
69
70
|
};
|
|
@@ -113,13 +114,14 @@ export var Pulse = function Pulse(_ref4) {
|
|
|
113
114
|
bgColor: bgColor
|
|
114
115
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
115
116
|
,
|
|
116
|
-
className: ax([pulse && "
|
|
117
|
+
className: ax([pulse && "", pulse && "_5sagi11n _tip812c5 _j7hq1ect _1pglmcjr _16qs1wx8", "_1bumglyw _sedtglyw", className]),
|
|
117
118
|
radius: radius,
|
|
118
119
|
testId: testId
|
|
119
120
|
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
|
120
121
|
}, props, {
|
|
121
122
|
style: _objectSpread(_objectSpread({}, props.style), {}, {
|
|
122
|
-
"--
|
|
123
|
+
"--_1jzibln": ix("".concat(baseShadow, ", 0 0 0 ", "var(--ds-border-discovery, #8270DB)")),
|
|
124
|
+
"--_1v4eexu": ix("".concat(baseShadow, ", 0 0 0 10px rgba(101, 84, 192, 0.01)"))
|
|
123
125
|
})
|
|
124
126
|
}), children);
|
|
125
127
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/onboarding",
|
|
3
|
-
"version": "14.0
|
|
3
|
+
"version": "14.1.0",
|
|
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/"
|
|
@@ -43,12 +43,12 @@
|
|
|
43
43
|
"@atlaskit/ds-lib": "^4.0.0",
|
|
44
44
|
"@atlaskit/heading": "^5.2.0",
|
|
45
45
|
"@atlaskit/layering": "^2.1.0",
|
|
46
|
-
"@atlaskit/modal-dialog": "^14.
|
|
46
|
+
"@atlaskit/modal-dialog": "^14.2.0",
|
|
47
47
|
"@atlaskit/motion": "^5.1.0",
|
|
48
48
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
49
49
|
"@atlaskit/popper": "^7.0.0",
|
|
50
50
|
"@atlaskit/portal": "^5.1.0",
|
|
51
|
-
"@atlaskit/primitives": "^14.
|
|
51
|
+
"@atlaskit/primitives": "^14.7.0",
|
|
52
52
|
"@atlaskit/tokens": "^4.8.0",
|
|
53
53
|
"@babel/runtime": "^7.0.0",
|
|
54
54
|
"@compiled/react": "^0.18.3",
|
|
@@ -66,11 +66,11 @@
|
|
|
66
66
|
"react-dom": "^18.2.0"
|
|
67
67
|
},
|
|
68
68
|
"devDependencies": {
|
|
69
|
-
"@af/accessibility-testing": "
|
|
70
|
-
"@af/integration-testing": "
|
|
71
|
-
"@af/visual-regression": "
|
|
69
|
+
"@af/accessibility-testing": "workspace:^",
|
|
70
|
+
"@af/integration-testing": "workspace:^",
|
|
71
|
+
"@af/visual-regression": "workspace:^",
|
|
72
72
|
"@atlaskit/theme": "^18.0.0",
|
|
73
|
-
"@atlaskit/visual-regression": "
|
|
73
|
+
"@atlaskit/visual-regression": "workspace:^",
|
|
74
74
|
"@atlassian/ssr-tests": "^0.2.0",
|
|
75
75
|
"@testing-library/react": "^13.4.0",
|
|
76
76
|
"@testing-library/react-hooks": "^8.0.1",
|
|
@@ -90,14 +90,6 @@
|
|
|
90
90
|
"scroll-lock-replacement": {
|
|
91
91
|
"type": "boolean"
|
|
92
92
|
},
|
|
93
|
-
"design-system-closed-all-when-click-outside": {
|
|
94
|
-
"type": "boolean",
|
|
95
|
-
"referenceOnly": true
|
|
96
|
-
},
|
|
97
|
-
"sibling-dropdown-close-issue": {
|
|
98
|
-
"type": "boolean",
|
|
99
|
-
"referenceOnly": true
|
|
100
|
-
},
|
|
101
93
|
"platform_design_system_team_transition_group_r18": {
|
|
102
94
|
"type": "boolean",
|
|
103
95
|
"referenceOnly": true
|