@atlaskit/onboarding 14.4.10 → 14.4.12

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.
Files changed (30) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/cjs/components/node-resolver-spotlight-target.js +1 -0
  3. package/dist/cjs/components/spotlight-card.compiled.css +1 -1
  4. package/dist/cjs/components/spotlight-card.js +1 -1
  5. package/dist/cjs/components/spotlight-target.js +1 -0
  6. package/dist/cjs/components/theme.js +20 -20
  7. package/dist/cjs/styled/blanket.js +1 -1
  8. package/dist/cjs/styled/target.compiled.css +3 -3
  9. package/dist/cjs/styled/target.js +5 -5
  10. package/dist/es2019/components/node-resolver-spotlight-target.js +1 -0
  11. package/dist/es2019/components/spotlight-card.compiled.css +1 -1
  12. package/dist/es2019/components/spotlight-card.js +1 -1
  13. package/dist/es2019/components/spotlight-target.js +1 -0
  14. package/dist/es2019/components/theme.js +20 -20
  15. package/dist/es2019/styled/blanket.js +1 -1
  16. package/dist/es2019/styled/target.compiled.css +3 -3
  17. package/dist/es2019/styled/target.js +3 -3
  18. package/dist/esm/components/node-resolver-spotlight-target.js +1 -0
  19. package/dist/esm/components/spotlight-card.compiled.css +1 -1
  20. package/dist/esm/components/spotlight-card.js +1 -1
  21. package/dist/esm/components/spotlight-target.js +1 -0
  22. package/dist/esm/components/theme.js +20 -20
  23. package/dist/esm/styled/blanket.js +1 -1
  24. package/dist/esm/styled/target.compiled.css +3 -3
  25. package/dist/esm/styled/target.js +5 -5
  26. package/dist/types/components/node-resolver-spotlight-target.d.ts +4 -1
  27. package/dist/types/components/spotlight-target.d.ts +4 -1
  28. package/dist/types-ts4.5/components/node-resolver-spotlight-target.d.ts +4 -1
  29. package/dist/types-ts4.5/components/spotlight-target.d.ts +4 -1
  30. package/package.json +7 -7
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @atlaskit/onboarding
2
2
 
3
+ ## 14.4.12
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 14.4.11
10
+
11
+ ### Patch Changes
12
+
13
+ - Updated dependencies
14
+
3
15
  ## 14.4.10
4
16
 
5
17
  ### Patch Changes
package/dist/cjs/components/node-resolver-spotlight-target.js CHANGED
@@ -51,4 +51,5 @@ var NodeResolverSpotlightTarget = function NodeResolverSpotlightTarget(_ref) {
51
51
  className: (0, _runtime.ax)(["_1e0c1bgi"])
52
52
  }, children);
53
53
  };
54
+ NodeResolverSpotlightTarget.displayName = 'NodeResolverSpotlightTarget';
54
55
  var _default = exports.default = NodeResolverSpotlightTarget;
package/dist/cjs/components/spotlight-card.compiled.css CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- ._2rko12b0{border-radius:var(--ds-radius-small,4px)}._16qszucj{box-shadow:var(--ds-shadow-raised,0 1px 1px #091e4240,0 0 1px #091e424f)}
2
+ ._2rko12b0{border-radius:var(--ds-radius-small,4px)}._16qst7xp{box-shadow:var(--ds-shadow-raised,0 1px 1px #1e1f2140,0 0 1px #1e1f214f)}
3
3
  ._18m91wug{overflow-y:auto}
4
4
  ._1bah1yb4{justify-content:space-between}
5
5
  ._1e0c1txw{display:flex}
package/dist/cjs/components/spotlight-card.js CHANGED
@@ -42,7 +42,7 @@ var containerStyles = {
42
42
  root: "_2rko12b0 _1reo1wug _18m91wug _4t3i1ns9 _syaz15cr _1ul91lit _p12f1ogm"
43
43
  };
44
44
  var containerShadowStyles = {
45
- root: "_16qszucj"
45
+ root: "_16qst7xp"
46
46
  };
47
47
 
48
48
  /**
package/dist/cjs/components/spotlight-target.js CHANGED
@@ -36,4 +36,5 @@ var SpotlightTarget = function SpotlightTarget(_ref) {
36
36
  }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children)) : children;
37
37
  });
38
38
  };
39
+ SpotlightTarget.displayName = 'SpotlightTarget';
39
40
  var _default = exports.default = SpotlightTarget;
package/dist/cjs/components/theme.js CHANGED
@@ -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, #091E4208)",
21
+ disabled: "var(--ds-background-disabled, #17171708)",
22
22
  selected: "var(--ds-background-inverse-subtle-pressed, #00000052)",
23
23
  focus: "var(--ds-background-inverse-subtle, #00000029)"
24
24
  },
@@ -27,8 +27,8 @@ var spotlightTheme = {
27
27
  hover: "var(--ds-text-inverse, #FFFFFF)",
28
28
  active: "var(--ds-text-inverse, #FFFFFF)",
29
29
  disabled: {
30
- light: "var(--ds-text-disabled, #091E424F)",
31
- dark: "var(--ds-text-disabled, #091E424F)"
30
+ light: "var(--ds-text-disabled, #080F214A)",
31
+ dark: "var(--ds-text-disabled, #080F214A)"
32
32
  },
33
33
  selected: "var(--ds-text-inverse, #FFFFFF)",
34
34
  focus: "var(--ds-text-inverse, #FFFFFF)"
@@ -41,19 +41,19 @@ var spotlightTheme = {
41
41
  active: "var(--ds-background-inverse-subtle-pressed, #00000052)",
42
42
  disabled: 'none',
43
43
  selected: {
44
- light: "var(--ds-background-selected-hovered, #CCE0FF)",
45
- dark: "var(--ds-background-selected-hovered, #CCE0FF)"
44
+ light: "var(--ds-background-selected-hovered, #CFE1FD)",
45
+ dark: "var(--ds-background-selected-hovered, #CFE1FD)"
46
46
  },
47
47
  focusSelected: {
48
- light: "var(--ds-background-selected-hovered, #CCE0FF)",
49
- dark: "var(--ds-background-selected-hovered, #CCE0FF)"
48
+ light: "var(--ds-background-selected-hovered, #CFE1FD)",
49
+ dark: "var(--ds-background-selected-hovered, #CFE1FD)"
50
50
  }
51
51
  },
52
52
  color: {
53
53
  default: "var(--ds-text-inverse, #FFFFFF)",
54
54
  hover: "var(--ds-text-inverse, #FFFFFF)",
55
55
  active: "var(--ds-text-inverse, #FFFFFF)",
56
- disabled: "var(--ds-text-disabled, #091E424F)",
56
+ disabled: "var(--ds-text-disabled, #080F214A)",
57
57
  selected: "var(--ds-text-inverse, #FFFFFF)",
58
58
  focus: "var(--ds-text-inverse, #FFFFFF)"
59
59
  }
@@ -69,8 +69,8 @@ var spotlightTheme = {
69
69
  default: "var(--ds-text-inverse, #FFFFFF)",
70
70
  hover: "var(--ds-text-inverse, #FFFFFF)",
71
71
  active: "var(--ds-text-inverse, #FFFFFF)",
72
- disabled: "var(--ds-text-discovery, #5E4DB2)",
73
- selected: "var(--ds-text-selected, #0C66E4)",
72
+ disabled: "var(--ds-text-discovery, #803FA5)",
73
+ selected: "var(--ds-text-selected, #1868DB)",
74
74
  focus: "var(--ds-text-inverse, #FFFFFF)"
75
75
  }
76
76
  }
@@ -78,23 +78,23 @@ var spotlightTheme = {
78
78
  var modalTheme = {
79
79
  primary: {
80
80
  background: {
81
- default: "var(--ds-background-discovery-bold, #6E5DC6)",
82
- hover: "var(--ds-background-discovery-bold-hovered, #5E4DB2)",
83
- active: "var(--ds-background-discovery-bold-pressed, #352C63)",
81
+ default: "var(--ds-background-discovery-bold, #964AC0)",
82
+ hover: "var(--ds-background-discovery-bold-hovered, #803FA5)",
83
+ active: "var(--ds-background-discovery-bold-pressed, #673286)",
84
84
  disabled: {
85
- light: "var(--ds-background-disabled, #091E4208)",
86
- dark: "var(--ds-background-disabled, #091E4208)"
85
+ light: "var(--ds-background-disabled, #17171708)",
86
+ dark: "var(--ds-background-disabled, #17171708)"
87
87
  },
88
- selected: "var(--ds-background-selected-hovered, #CCE0FF)",
89
- focus: "var(--ds-background-discovery-bold-hovered, #5E4DB2)"
88
+ selected: "var(--ds-background-selected-hovered, #CFE1FD)",
89
+ focus: "var(--ds-background-discovery-bold-hovered, #803FA5)"
90
90
  },
91
91
  color: {
92
92
  default: "var(--ds-text-inverse, #FFFFFF)",
93
93
  disabled: {
94
- light: "var(--ds-text-disabled, #091E424F)",
95
- dark: "var(--ds-text-disabled, #091E424F)"
94
+ light: "var(--ds-text-disabled, #080F214A)",
95
+ dark: "var(--ds-text-disabled, #080F214A)"
96
96
  },
97
- selected: "var(--ds-text-selected, #0C66E4)",
97
+ selected: "var(--ds-text-selected, #1868DB)",
98
98
  focus: "var(--ds-text-inverse, #FFFFFF)"
99
99
  }
100
100
  }
package/dist/cjs/styled/blanket.js CHANGED
@@ -41,7 +41,7 @@ var Blanket = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
41
41
  ,
42
42
  className: (0, _runtime.ax)(["_1r04idpf _v56414ka _kqsw1n9t _1pby1fw0", className]),
43
43
  style: _objectSpread(_objectSpread({}, style), {}, {
44
- backgroundColor: isTinted ? "var(--ds-blanket, #091E427D)" : 'transparent'
44
+ backgroundColor: isTinted ? "var(--ds-blanket, #050C1F75)" : 'transparent'
45
45
  }),
46
46
  onClick: onBlanketClicked
47
47
  });
package/dist/cjs/styled/target.compiled.css CHANGED
@@ -1,12 +1,12 @@
1
1
  ._152tze3t{inset-block-start:var(--ds-space-0,0)}
2
- ._16qs1wx8{box-shadow:0 0 0 2px var(--ds-border-discovery,#8270db)}
2
+ ._16qs1peg{box-shadow:0 0 0 2px var(--ds-border-discovery,#af59e1)}
3
3
  ._1bsb1osq{width:100%}
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
  ._5sagi11n{animation-duration:3s}
8
- ._j7hq1ect{animation-name:kyep8rx}
8
+ ._j7hq10vn{animation-name:k2lcpkd}
9
9
  ._kqswstnw{position:absolute}
10
10
  ._tip812c5{animation-iteration-count:infinite}
11
- @keyframes kyep8rx{0%{box-shadow:var(--_1jzibln)}33%{box-shadow:var(--_1jzibln)}66%{box-shadow:var(--_1v4eexu)}to{box-shadow:var(--_1v4eexu)}}
11
+ @keyframes k2lcpkd{0%{box-shadow:var(--_has9i8)}33%{box-shadow:var(--_has9i8)}66%{box-shadow:var(--_1v4eexu)}to{box-shadow:var(--_1v4eexu)}}
12
12
  @media (prefers-reduced-motion:reduce){._1bumglyw{animation:none}._sedtglyw{transition:none}}
package/dist/cjs/styled/target.js CHANGED
@@ -23,7 +23,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
23
23
  var reduceMotionAsPerUserPreference = null;
24
24
  // NOTE:
25
25
  // Pulse color "rgb(101, 84, 192)" derived from "colors.P300"
26
- var baseShadow = "0 0 0 2px ".concat("var(--ds-border-discovery, #8270DB)");
26
+ var baseShadow = "0 0 0 2px ".concat("var(--ds-border-discovery, #AF59E1)");
27
27
  var easing = 'cubic-bezier(0.55, 0.055, 0.675, 0.19)';
28
28
  var pulseKeyframes = null;
29
29
  var animationStyles = null;
@@ -66,13 +66,13 @@ 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 && "_5sagi11n _tip812c5 _j7hq1ect _1pglmcjr _16qs1wx8", "_1bumglyw _sedtglyw", className]),
69
+ className: (0, _runtime.ax)([pulse && "", pulse && "_5sagi11n _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
73
73
  }, props, {
74
74
  style: _objectSpread(_objectSpread({}, props.style), {}, {
75
- "--_1jzibln": (0, _runtime.ix)("".concat(baseShadow, ", 0 0 0 ", "var(--ds-border-discovery, #8270DB)")),
75
+ "--_has9i8": (0, _runtime.ix)("".concat(baseShadow, ", 0 0 0 ", "var(--ds-border-discovery, #AF59E1)")),
76
76
  "--_1v4eexu": (0, _runtime.ix)("".concat(baseShadow, ", 0 0 0 10px rgba(101, 84, 192, 0.01)"))
77
77
  })
78
78
  }), children);
@@ -125,13 +125,13 @@ var Pulse = exports.Pulse = function Pulse(_ref4) {
125
125
  bgColor: bgColor
126
126
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
127
127
  ,
128
- className: (0, _runtime.ax)([pulse && "", pulse && "_5sagi11n _tip812c5 _j7hq1ect _1pglmcjr _16qs1wx8", "_1bumglyw _sedtglyw", className]),
128
+ className: (0, _runtime.ax)([pulse && "", pulse && "_5sagi11n _tip812c5 _j7hq10vn _1pglmcjr _16qs1peg", "_1bumglyw _sedtglyw", className]),
129
129
  radius: radius,
130
130
  testId: testId
131
131
  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
132
132
  }, props, {
133
133
  style: _objectSpread(_objectSpread({}, props.style), {}, {
134
- "--_1jzibln": (0, _runtime.ix)("".concat(baseShadow, ", 0 0 0 ", "var(--ds-border-discovery, #8270DB)")),
134
+ "--_has9i8": (0, _runtime.ix)("".concat(baseShadow, ", 0 0 0 ", "var(--ds-border-discovery, #AF59E1)")),
135
135
  "--_1v4eexu": (0, _runtime.ix)("".concat(baseShadow, ", 0 0 0 10px rgba(101, 84, 192, 0.01)"))
136
136
  })
137
137
  }), children);
package/dist/es2019/components/node-resolver-spotlight-target.js CHANGED
@@ -43,4 +43,5 @@ const NodeResolverSpotlightTarget = ({
43
43
  className: ax(["_1e0c1bgi"])
44
44
  }, children);
45
45
  };
46
+ NodeResolverSpotlightTarget.displayName = 'NodeResolverSpotlightTarget';
46
47
  export default NodeResolverSpotlightTarget;
package/dist/es2019/components/spotlight-card.compiled.css CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- ._2rko12b0{border-radius:var(--ds-radius-small,4px)}._16qszucj{box-shadow:var(--ds-shadow-raised,0 1px 1px #091e4240,0 0 1px #091e424f)}
2
+ ._2rko12b0{border-radius:var(--ds-radius-small,4px)}._16qst7xp{box-shadow:var(--ds-shadow-raised,0 1px 1px #1e1f2140,0 0 1px #1e1f214f)}
3
3
  ._18m91wug{overflow-y:auto}
4
4
  ._1bah1yb4{justify-content:space-between}
5
5
  ._1e0c1txw{display:flex}
package/dist/es2019/components/spotlight-card.js CHANGED
@@ -29,7 +29,7 @@ const containerStyles = {
29
29
  root: "_2rko12b0 _1reo1wug _18m91wug _4t3i1ns9 _syaz15cr _1ul91lit _p12f1ogm"
30
30
  };
31
31
  const containerShadowStyles = {
32
- root: "_16qszucj"
32
+ root: "_16qst7xp"
33
33
  };
34
34
 
35
35
  /**
package/dist/es2019/components/spotlight-target.js CHANGED
@@ -28,4 +28,5 @@ const SpotlightTarget = ({
28
28
  getTargetRef: getTargetRef
29
29
  }, /*#__PURE__*/React.createElement(React.Fragment, null, children)) : children;
30
30
  });
31
+ SpotlightTarget.displayName = 'SpotlightTarget';
31
32
  export default SpotlightTarget;
package/dist/es2019/components/theme.js CHANGED
@@ -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, #091E4208)",
7
+ disabled: "var(--ds-background-disabled, #17171708)",
8
8
  selected: "var(--ds-background-inverse-subtle-pressed, #00000052)",
9
9
  focus: "var(--ds-background-inverse-subtle, #00000029)"
10
10
  },
@@ -13,8 +13,8 @@ const spotlightTheme = {
13
13
  hover: "var(--ds-text-inverse, #FFFFFF)",
14
14
  active: "var(--ds-text-inverse, #FFFFFF)",
15
15
  disabled: {
16
- light: "var(--ds-text-disabled, #091E424F)",
17
- dark: "var(--ds-text-disabled, #091E424F)"
16
+ light: "var(--ds-text-disabled, #080F214A)",
17
+ dark: "var(--ds-text-disabled, #080F214A)"
18
18
  },
19
19
  selected: "var(--ds-text-inverse, #FFFFFF)",
20
20
  focus: "var(--ds-text-inverse, #FFFFFF)"
@@ -27,19 +27,19 @@ const spotlightTheme = {
27
27
  active: "var(--ds-background-inverse-subtle-pressed, #00000052)",
28
28
  disabled: 'none',
29
29
  selected: {
30
- light: "var(--ds-background-selected-hovered, #CCE0FF)",
31
- dark: "var(--ds-background-selected-hovered, #CCE0FF)"
30
+ light: "var(--ds-background-selected-hovered, #CFE1FD)",
31
+ dark: "var(--ds-background-selected-hovered, #CFE1FD)"
32
32
  },
33
33
  focusSelected: {
34
- light: "var(--ds-background-selected-hovered, #CCE0FF)",
35
- dark: "var(--ds-background-selected-hovered, #CCE0FF)"
34
+ light: "var(--ds-background-selected-hovered, #CFE1FD)",
35
+ dark: "var(--ds-background-selected-hovered, #CFE1FD)"
36
36
  }
37
37
  },
38
38
  color: {
39
39
  default: "var(--ds-text-inverse, #FFFFFF)",
40
40
  hover: "var(--ds-text-inverse, #FFFFFF)",
41
41
  active: "var(--ds-text-inverse, #FFFFFF)",
42
- disabled: "var(--ds-text-disabled, #091E424F)",
42
+ disabled: "var(--ds-text-disabled, #080F214A)",
43
43
  selected: "var(--ds-text-inverse, #FFFFFF)",
44
44
  focus: "var(--ds-text-inverse, #FFFFFF)"
45
45
  }
@@ -55,8 +55,8 @@ const spotlightTheme = {
55
55
  default: "var(--ds-text-inverse, #FFFFFF)",
56
56
  hover: "var(--ds-text-inverse, #FFFFFF)",
57
57
  active: "var(--ds-text-inverse, #FFFFFF)",
58
- disabled: "var(--ds-text-discovery, #5E4DB2)",
59
- selected: "var(--ds-text-selected, #0C66E4)",
58
+ disabled: "var(--ds-text-discovery, #803FA5)",
59
+ selected: "var(--ds-text-selected, #1868DB)",
60
60
  focus: "var(--ds-text-inverse, #FFFFFF)"
61
61
  }
62
62
  }
@@ -64,23 +64,23 @@ const spotlightTheme = {
64
64
  const modalTheme = {
65
65
  primary: {
66
66
  background: {
67
- default: "var(--ds-background-discovery-bold, #6E5DC6)",
68
- hover: "var(--ds-background-discovery-bold-hovered, #5E4DB2)",
69
- active: "var(--ds-background-discovery-bold-pressed, #352C63)",
67
+ default: "var(--ds-background-discovery-bold, #964AC0)",
68
+ hover: "var(--ds-background-discovery-bold-hovered, #803FA5)",
69
+ active: "var(--ds-background-discovery-bold-pressed, #673286)",
70
70
  disabled: {
71
- light: "var(--ds-background-disabled, #091E4208)",
72
- dark: "var(--ds-background-disabled, #091E4208)"
71
+ light: "var(--ds-background-disabled, #17171708)",
72
+ dark: "var(--ds-background-disabled, #17171708)"
73
73
  },
74
- selected: "var(--ds-background-selected-hovered, #CCE0FF)",
75
- focus: "var(--ds-background-discovery-bold-hovered, #5E4DB2)"
74
+ selected: "var(--ds-background-selected-hovered, #CFE1FD)",
75
+ focus: "var(--ds-background-discovery-bold-hovered, #803FA5)"
76
76
  },
77
77
  color: {
78
78
  default: "var(--ds-text-inverse, #FFFFFF)",
79
79
  disabled: {
80
- light: "var(--ds-text-disabled, #091E424F)",
81
- dark: "var(--ds-text-disabled, #091E424F)"
80
+ light: "var(--ds-text-disabled, #080F214A)",
81
+ dark: "var(--ds-text-disabled, #080F214A)"
82
82
  },
83
- selected: "var(--ds-text-selected, #0C66E4)",
83
+ selected: "var(--ds-text-selected, #1868DB)",
84
84
  focus: "var(--ds-text-inverse, #FFFFFF)"
85
85
  }
86
86
  }
package/dist/es2019/styled/blanket.js CHANGED
@@ -32,7 +32,7 @@ const Blanket = /*#__PURE__*/forwardRef(({
32
32
  style: {
33
33
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Pass-through style props are not allowed
34
34
  ...style,
35
- backgroundColor: isTinted ? "var(--ds-blanket, #091E427D)" : 'transparent'
35
+ backgroundColor: isTinted ? "var(--ds-blanket, #050C1F75)" : 'transparent'
36
36
  },
37
37
  onClick: onBlanketClicked
38
38
  });
package/dist/es2019/styled/target.compiled.css CHANGED
@@ -1,12 +1,12 @@
1
1
  ._152tze3t{inset-block-start:var(--ds-space-0,0)}
2
- ._16qs1wx8{box-shadow:0 0 0 2px var(--ds-border-discovery,#8270db)}
2
+ ._16qs1peg{box-shadow:0 0 0 2px var(--ds-border-discovery,#af59e1)}
3
3
  ._1bsb1osq{width:100%}
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
  ._5sagi11n{animation-duration:3s}
8
- ._j7hq1ukm{animation-name:khs8z5x}
8
+ ._j7hqfamb{animation-name:kb6d39w}
9
9
  ._kqswstnw{position:absolute}
10
10
  ._tip812c5{animation-iteration-count:infinite}
11
- @keyframes khs8z5x{0%{box-shadow:0 0 0 2px var(--ds-border-discovery,#8270db),0 0 0 var(--ds-border-discovery,#8270db)}33%{box-shadow:0 0 0 2px var(--ds-border-discovery,#8270db),0 0 0 var(--ds-border-discovery,#8270db)}66%{box-shadow:0 0 0 2px var(--ds-border-discovery,#8270db),0 0 0 10px rgba(101,84,192,.01)}to{box-shadow:0 0 0 2px var(--ds-border-discovery,#8270db),0 0 0 10px rgba(101,84,192,.01)}}
11
+ @keyframes kb6d39w{0%{box-shadow:0 0 0 2px var(--ds-border-discovery,#af59e1),0 0 0 var(--ds-border-discovery,#af59e1)}33%{box-shadow:0 0 0 2px var(--ds-border-discovery,#af59e1),0 0 0 var(--ds-border-discovery,#af59e1)}66%{box-shadow:0 0 0 2px var(--ds-border-discovery,#af59e1),0 0 0 10px rgba(101,84,192,.01)}to{box-shadow:0 0 0 2px var(--ds-border-discovery,#af59e1),0 0 0 10px rgba(101,84,192,.01)}}
12
12
  @media (prefers-reduced-motion:reduce){._1bumglyw{animation:none}._sedtglyw{transition:none}}
package/dist/es2019/styled/target.js CHANGED
@@ -6,7 +6,7 @@ import { ax, ix } from "@compiled/react/runtime";
6
6
  const reduceMotionAsPerUserPreference = null;
7
7
  // NOTE:
8
8
  // Pulse color "rgb(101, 84, 192)" derived from "colors.P300"
9
- const baseShadow = `0 0 0 2px ${"var(--ds-border-discovery, #8270DB)"}`;
9
+ const baseShadow = `0 0 0 2px ${"var(--ds-border-discovery, #AF59E1)"}`;
10
10
  const easing = 'cubic-bezier(0.55, 0.055, 0.675, 0.19)';
11
11
  const pulseKeyframes = null;
12
12
  const animationStyles = null;
@@ -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 && "_5sagi11n _tip812c5 _j7hq1ukm _1pglmcjr _16qs1wx8", "_1bumglyw _sedtglyw", className]),
55
+ className: ax([pulse && "", pulse && "_5sagi11n _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
@@ -106,7 +106,7 @@ export const Pulse = ({
106
106
  bgColor: bgColor
107
107
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
108
108
  ,
109
- className: ax([pulse && "", pulse && "_5sagi11n _tip812c5 _j7hq1ukm _1pglmcjr _16qs1wx8", "_1bumglyw _sedtglyw", className]),
109
+ className: ax([pulse && "", pulse && "_5sagi11n _tip812c5 _j7hqfamb _1pglmcjr _16qs1peg", "_1bumglyw _sedtglyw", className]),
110
110
  radius: radius,
111
111
  testId: testId
112
112
  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
package/dist/esm/components/node-resolver-spotlight-target.js CHANGED
@@ -42,4 +42,5 @@ var NodeResolverSpotlightTarget = function NodeResolverSpotlightTarget(_ref) {
42
42
  className: ax(["_1e0c1bgi"])
43
43
  }, children);
44
44
  };
45
+ NodeResolverSpotlightTarget.displayName = 'NodeResolverSpotlightTarget';
45
46
  export default NodeResolverSpotlightTarget;
package/dist/esm/components/spotlight-card.compiled.css CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- ._2rko12b0{border-radius:var(--ds-radius-small,4px)}._16qszucj{box-shadow:var(--ds-shadow-raised,0 1px 1px #091e4240,0 0 1px #091e424f)}
2
+ ._2rko12b0{border-radius:var(--ds-radius-small,4px)}._16qst7xp{box-shadow:var(--ds-shadow-raised,0 1px 1px #1e1f2140,0 0 1px #1e1f214f)}
3
3
  ._18m91wug{overflow-y:auto}
4
4
  ._1bah1yb4{justify-content:space-between}
5
5
  ._1e0c1txw{display:flex}
package/dist/esm/components/spotlight-card.js CHANGED
@@ -33,7 +33,7 @@ var containerStyles = {
33
33
  root: "_2rko12b0 _1reo1wug _18m91wug _4t3i1ns9 _syaz15cr _1ul91lit _p12f1ogm"
34
34
  };
35
35
  var containerShadowStyles = {
36
- root: "_16qszucj"
36
+ root: "_16qst7xp"
37
37
  };
38
38
 
39
39
  /**
package/dist/esm/components/spotlight-target.js CHANGED
@@ -29,4 +29,5 @@ var SpotlightTarget = function SpotlightTarget(_ref) {
29
29
  }, /*#__PURE__*/React.createElement(React.Fragment, null, children)) : children;
30
30
  });
31
31
  };
32
+ SpotlightTarget.displayName = 'SpotlightTarget';
32
33
  export default SpotlightTarget;
package/dist/esm/components/theme.js CHANGED
@@ -11,7 +11,7 @@ var spotlightTheme = {
11
11
  default: "var(--ds-background-inverse-subtle, #00000029)",
12
12
  hover: "var(--ds-background-inverse-subtle-hovered, #0000003D)",
13
13
  active: "var(--ds-background-inverse-subtle-pressed, #00000052)",
14
- disabled: "var(--ds-background-disabled, #091E4208)",
14
+ disabled: "var(--ds-background-disabled, #17171708)",
15
15
  selected: "var(--ds-background-inverse-subtle-pressed, #00000052)",
16
16
  focus: "var(--ds-background-inverse-subtle, #00000029)"
17
17
  },
@@ -20,8 +20,8 @@ var spotlightTheme = {
20
20
  hover: "var(--ds-text-inverse, #FFFFFF)",
21
21
  active: "var(--ds-text-inverse, #FFFFFF)",
22
22
  disabled: {
23
- light: "var(--ds-text-disabled, #091E424F)",
24
- dark: "var(--ds-text-disabled, #091E424F)"
23
+ light: "var(--ds-text-disabled, #080F214A)",
24
+ dark: "var(--ds-text-disabled, #080F214A)"
25
25
  },
26
26
  selected: "var(--ds-text-inverse, #FFFFFF)",
27
27
  focus: "var(--ds-text-inverse, #FFFFFF)"
@@ -34,19 +34,19 @@ var spotlightTheme = {
34
34
  active: "var(--ds-background-inverse-subtle-pressed, #00000052)",
35
35
  disabled: 'none',
36
36
  selected: {
37
- light: "var(--ds-background-selected-hovered, #CCE0FF)",
38
- dark: "var(--ds-background-selected-hovered, #CCE0FF)"
37
+ light: "var(--ds-background-selected-hovered, #CFE1FD)",
38
+ dark: "var(--ds-background-selected-hovered, #CFE1FD)"
39
39
  },
40
40
  focusSelected: {
41
- light: "var(--ds-background-selected-hovered, #CCE0FF)",
42
- dark: "var(--ds-background-selected-hovered, #CCE0FF)"
41
+ light: "var(--ds-background-selected-hovered, #CFE1FD)",
42
+ dark: "var(--ds-background-selected-hovered, #CFE1FD)"
43
43
  }
44
44
  },
45
45
  color: {
46
46
  default: "var(--ds-text-inverse, #FFFFFF)",
47
47
  hover: "var(--ds-text-inverse, #FFFFFF)",
48
48
  active: "var(--ds-text-inverse, #FFFFFF)",
49
- disabled: "var(--ds-text-disabled, #091E424F)",
49
+ disabled: "var(--ds-text-disabled, #080F214A)",
50
50
  selected: "var(--ds-text-inverse, #FFFFFF)",
51
51
  focus: "var(--ds-text-inverse, #FFFFFF)"
52
52
  }
@@ -62,8 +62,8 @@ var spotlightTheme = {
62
62
  default: "var(--ds-text-inverse, #FFFFFF)",
63
63
  hover: "var(--ds-text-inverse, #FFFFFF)",
64
64
  active: "var(--ds-text-inverse, #FFFFFF)",
65
- disabled: "var(--ds-text-discovery, #5E4DB2)",
66
- selected: "var(--ds-text-selected, #0C66E4)",
65
+ disabled: "var(--ds-text-discovery, #803FA5)",
66
+ selected: "var(--ds-text-selected, #1868DB)",
67
67
  focus: "var(--ds-text-inverse, #FFFFFF)"
68
68
  }
69
69
  }
@@ -71,23 +71,23 @@ var spotlightTheme = {
71
71
  var modalTheme = {
72
72
  primary: {
73
73
  background: {
74
- default: "var(--ds-background-discovery-bold, #6E5DC6)",
75
- hover: "var(--ds-background-discovery-bold-hovered, #5E4DB2)",
76
- active: "var(--ds-background-discovery-bold-pressed, #352C63)",
74
+ default: "var(--ds-background-discovery-bold, #964AC0)",
75
+ hover: "var(--ds-background-discovery-bold-hovered, #803FA5)",
76
+ active: "var(--ds-background-discovery-bold-pressed, #673286)",
77
77
  disabled: {
78
- light: "var(--ds-background-disabled, #091E4208)",
79
- dark: "var(--ds-background-disabled, #091E4208)"
78
+ light: "var(--ds-background-disabled, #17171708)",
79
+ dark: "var(--ds-background-disabled, #17171708)"
80
80
  },
81
- selected: "var(--ds-background-selected-hovered, #CCE0FF)",
82
- focus: "var(--ds-background-discovery-bold-hovered, #5E4DB2)"
81
+ selected: "var(--ds-background-selected-hovered, #CFE1FD)",
82
+ focus: "var(--ds-background-discovery-bold-hovered, #803FA5)"
83
83
  },
84
84
  color: {
85
85
  default: "var(--ds-text-inverse, #FFFFFF)",
86
86
  disabled: {
87
- light: "var(--ds-text-disabled, #091E424F)",
88
- dark: "var(--ds-text-disabled, #091E424F)"
87
+ light: "var(--ds-text-disabled, #080F214A)",
88
+ dark: "var(--ds-text-disabled, #080F214A)"
89
89
  },
90
- selected: "var(--ds-text-selected, #0C66E4)",
90
+ selected: "var(--ds-text-selected, #1868DB)",
91
91
  focus: "var(--ds-text-inverse, #FFFFFF)"
92
92
  }
93
93
  }
package/dist/esm/styled/blanket.js CHANGED
@@ -32,7 +32,7 @@ var Blanket = /*#__PURE__*/forwardRef(function (_ref, ref) {
32
32
  ,
33
33
  className: ax(["_1r04idpf _v56414ka _kqsw1n9t _1pby1fw0", className]),
34
34
  style: _objectSpread(_objectSpread({}, style), {}, {
35
- backgroundColor: isTinted ? "var(--ds-blanket, #091E427D)" : 'transparent'
35
+ backgroundColor: isTinted ? "var(--ds-blanket, #050C1F75)" : 'transparent'
36
36
  }),
37
37
  onClick: onBlanketClicked
38
38
  });
package/dist/esm/styled/target.compiled.css CHANGED
@@ -1,12 +1,12 @@
1
1
  ._152tze3t{inset-block-start:var(--ds-space-0,0)}
2
- ._16qs1wx8{box-shadow:0 0 0 2px var(--ds-border-discovery,#8270db)}
2
+ ._16qs1peg{box-shadow:0 0 0 2px var(--ds-border-discovery,#af59e1)}
3
3
  ._1bsb1osq{width:100%}
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
  ._5sagi11n{animation-duration:3s}
8
- ._j7hq1ect{animation-name:kyep8rx}
8
+ ._j7hq10vn{animation-name:k2lcpkd}
9
9
  ._kqswstnw{position:absolute}
10
10
  ._tip812c5{animation-iteration-count:infinite}
11
- @keyframes kyep8rx{0%{box-shadow:var(--_1jzibln)}33%{box-shadow:var(--_1jzibln)}66%{box-shadow:var(--_1v4eexu)}to{box-shadow:var(--_1v4eexu)}}
11
+ @keyframes k2lcpkd{0%{box-shadow:var(--_has9i8)}33%{box-shadow:var(--_has9i8)}66%{box-shadow:var(--_1v4eexu)}to{box-shadow:var(--_1v4eexu)}}
12
12
  @media (prefers-reduced-motion:reduce){._1bumglyw{animation:none}._sedtglyw{transition:none}}
package/dist/esm/styled/target.js CHANGED
@@ -14,7 +14,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
14
14
  var reduceMotionAsPerUserPreference = null;
15
15
  // NOTE:
16
16
  // Pulse color "rgb(101, 84, 192)" derived from "colors.P300"
17
- var baseShadow = "0 0 0 2px ".concat("var(--ds-border-discovery, #8270DB)");
17
+ var baseShadow = "0 0 0 2px ".concat("var(--ds-border-discovery, #AF59E1)");
18
18
  var easing = 'cubic-bezier(0.55, 0.055, 0.675, 0.19)';
19
19
  var pulseKeyframes = null;
20
20
  var animationStyles = null;
@@ -57,13 +57,13 @@ 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 && "", pulse && "_5sagi11n _tip812c5 _j7hq1ect _1pglmcjr _16qs1wx8", "_1bumglyw _sedtglyw", className]),
60
+ className: ax([pulse && "", pulse && "_5sagi11n _tip812c5 _j7hq10vn _1pglmcjr _16qs1peg", "_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
- "--_1jzibln": ix("".concat(baseShadow, ", 0 0 0 ", "var(--ds-border-discovery, #8270DB)")),
66
+ "--_has9i8": ix("".concat(baseShadow, ", 0 0 0 ", "var(--ds-border-discovery, #AF59E1)")),
67
67
  "--_1v4eexu": ix("".concat(baseShadow, ", 0 0 0 10px rgba(101, 84, 192, 0.01)"))
68
68
  })
69
69
  }), children);
@@ -116,13 +116,13 @@ export var Pulse = function Pulse(_ref4) {
116
116
  bgColor: bgColor
117
117
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
118
118
  ,
119
- className: ax([pulse && "", pulse && "_5sagi11n _tip812c5 _j7hq1ect _1pglmcjr _16qs1wx8", "_1bumglyw _sedtglyw", className]),
119
+ className: ax([pulse && "", pulse && "_5sagi11n _tip812c5 _j7hq10vn _1pglmcjr _16qs1peg", "_1bumglyw _sedtglyw", className]),
120
120
  radius: radius,
121
121
  testId: testId
122
122
  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
123
123
  }, props, {
124
124
  style: _objectSpread(_objectSpread({}, props.style), {}, {
125
- "--_1jzibln": ix("".concat(baseShadow, ", 0 0 0 ", "var(--ds-border-discovery, #8270DB)")),
125
+ "--_has9i8": ix("".concat(baseShadow, ", 0 0 0 ", "var(--ds-border-discovery, #AF59E1)")),
126
126
  "--_1v4eexu": ix("".concat(baseShadow, ", 0 0 0 10px rgba(101, 84, 192, 0.01)"))
127
127
  })
128
128
  }), children);
package/dist/types/components/node-resolver-spotlight-target.d.ts CHANGED
@@ -20,5 +20,8 @@ interface NodeResolverSpotlightTargetProps {
20
20
  * @param {ReactElement} props.getTargetRef - Setting up Target Node in Spotlight Manager.
21
21
  * @returns {ReactElement} The children wrapped with NodeResolver if hasNodeResolver is true, wrape the children in a div setting innerRef with ref to the div.
22
22
  */
23
- declare const NodeResolverSpotlightTarget: ({ hasNodeResolver, children, getTargetRef, name, }: NodeResolverSpotlightTargetProps) => JSX.Element;
23
+ declare const NodeResolverSpotlightTarget: {
24
+ ({ hasNodeResolver, children, getTargetRef, name, }: NodeResolverSpotlightTargetProps): JSX.Element;
25
+ displayName: string;
26
+ };
24
27
  export default NodeResolverSpotlightTarget;
package/dist/types/components/spotlight-target.d.ts CHANGED
@@ -43,5 +43,8 @@ interface SpotlightTargetProps {
43
43
  *
44
44
  * @deprecated Use `@atlaskit/spotlight` instead.
45
45
  */
46
- declare const SpotlightTarget: ({ children, name }: SpotlightTargetProps) => React.JSX.Element;
46
+ declare const SpotlightTarget: {
47
+ ({ children, name }: SpotlightTargetProps): React.JSX.Element;
48
+ displayName: string;
49
+ };
47
50
  export default SpotlightTarget;
package/dist/types-ts4.5/components/node-resolver-spotlight-target.d.ts CHANGED
@@ -20,5 +20,8 @@ interface NodeResolverSpotlightTargetProps {
20
20
  * @param {ReactElement} props.getTargetRef - Setting up Target Node in Spotlight Manager.
21
21
  * @returns {ReactElement} The children wrapped with NodeResolver if hasNodeResolver is true, wrape the children in a div setting innerRef with ref to the div.
22
22
  */
23
- declare const NodeResolverSpotlightTarget: ({ hasNodeResolver, children, getTargetRef, name, }: NodeResolverSpotlightTargetProps) => JSX.Element;
23
+ declare const NodeResolverSpotlightTarget: {
24
+ ({ hasNodeResolver, children, getTargetRef, name, }: NodeResolverSpotlightTargetProps): JSX.Element;
25
+ displayName: string;
26
+ };
24
27
  export default NodeResolverSpotlightTarget;
package/dist/types-ts4.5/components/spotlight-target.d.ts CHANGED
@@ -43,5 +43,8 @@ interface SpotlightTargetProps {
43
43
  *
44
44
  * @deprecated Use `@atlaskit/spotlight` instead.
45
45
  */
46
- declare const SpotlightTarget: ({ children, name }: SpotlightTargetProps) => React.JSX.Element;
46
+ declare const SpotlightTarget: {
47
+ ({ children, name }: SpotlightTargetProps): React.JSX.Element;
48
+ displayName: string;
49
+ };
47
50
  export default SpotlightTarget;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/onboarding",
3
- "version": "14.4.10",
3
+ "version": "14.4.12",
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/"
@@ -53,17 +53,17 @@
53
53
  },
54
54
  "dependencies": {
55
55
  "@atlaskit/button": "^23.6.0",
56
- "@atlaskit/css": "^0.15.0",
57
- "@atlaskit/ds-lib": "^5.2.0",
56
+ "@atlaskit/css": "^0.17.0",
57
+ "@atlaskit/ds-lib": "^5.3.0",
58
58
  "@atlaskit/heading": "^5.2.0",
59
- "@atlaskit/layering": "^3.2.0",
60
- "@atlaskit/modal-dialog": "^14.6.0",
59
+ "@atlaskit/layering": "^3.4.0",
60
+ "@atlaskit/modal-dialog": "^14.7.0",
61
61
  "@atlaskit/motion": "^5.3.0",
62
62
  "@atlaskit/platform-feature-flags": "^1.1.0",
63
63
  "@atlaskit/popper": "^7.1.0",
64
64
  "@atlaskit/portal": "^5.1.0",
65
- "@atlaskit/primitives": "^16.1.0",
66
- "@atlaskit/tokens": "^8.0.0",
65
+ "@atlaskit/primitives": "^16.3.0",
66
+ "@atlaskit/tokens": "^8.3.0",
67
67
  "@babel/runtime": "^7.0.0",
68
68
  "@compiled/react": "^0.18.6",
69
69
  "bind-event-listener": "^3.0.0",