@atlaskit/onboarding 10.6.12 → 10.7.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.
Files changed (11) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/dist/cjs/components/spotlight-dialog.js +1 -1
  3. package/dist/cjs/components/theme.js +0 -21
  4. package/dist/cjs/version.json +1 -1
  5. package/dist/es2019/components/spotlight-dialog.js +1 -1
  6. package/dist/es2019/components/theme.js +0 -21
  7. package/dist/es2019/version.json +1 -1
  8. package/dist/esm/components/spotlight-dialog.js +1 -1
  9. package/dist/esm/components/theme.js +0 -21
  10. package/dist/esm/version.json +1 -1
  11. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,15 @@
1
1
  # @atlaskit/onboarding
2
2
 
3
+ ## 10.7.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`e3fa4437cf5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e3fa4437cf5) - [ux] Updates focus appearance of components using buttons and custom buttons. These states now use an offset outline which is consistent with other applications of focus in Atlassian components.
8
+
9
+ ### Patch Changes
10
+
11
+ - Updated dependencies
12
+
3
13
  ## 10.6.12
4
14
 
5
15
  ### Patch Changes
package/dist/cjs/components/spotlight-dialog.js CHANGED
@@ -27,7 +27,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
27
27
  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); }; }
28
28
  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; } }
29
29
  var packageName = "@atlaskit/onboarding";
30
- var packageVersion = "10.6.12";
30
+ var packageVersion = "10.7.0";
31
31
  var SpotlightDialog = /*#__PURE__*/function (_Component) {
32
32
  (0, _inherits2.default)(SpotlightDialog, _Component);
33
33
  var _super = _createSuper(SpotlightDialog);
package/dist/cjs/components/theme.js CHANGED
@@ -26,9 +26,6 @@ var spotlightTheme = {
26
26
  selected: "var(--ds-background-inverse-subtle-pressed, ".concat(colors.R500, ")"),
27
27
  focus: "var(--ds-background-inverse-subtle, ".concat(colors.P400, ")")
28
28
  },
29
- boxShadow: {
30
- focus: "0 0 0 2px ".concat("var(--ds-border-discovery, ".concat(colors.P100, ")"))
31
- },
32
29
  color: {
33
30
  default: "var(--ds-text-inverse, ".concat(colors.N0, ")"),
34
31
  hover: "var(--ds-text-inverse, ".concat(colors.N0, ")"),
@@ -39,9 +36,6 @@ var spotlightTheme = {
39
36
  },
40
37
  selected: "var(--ds-text-inverse, ".concat(colors.N0, ")"),
41
38
  focus: "var(--ds-text-inverse, ".concat(colors.N0, ")")
42
- },
43
- outline: {
44
- focus: 'none'
45
39
  }
46
40
  },
47
41
  subtle: {
@@ -59,9 +53,6 @@ var spotlightTheme = {
59
53
  dark: "var(--ds-background-selected-hovered, ".concat(colors.DN0, ")")
60
54
  }
61
55
  },
62
- boxShadow: {
63
- focus: "0 0 0 2px ".concat("var(--ds-icon-discovery, ".concat(colors.P100, ")"))
64
- },
65
56
  color: {
66
57
  default: "var(--ds-text-inverse, ".concat(colors.N0, ")"),
67
58
  hover: "var(--ds-text-inverse, ".concat(colors.N0, ")"),
@@ -69,9 +60,6 @@ var spotlightTheme = {
69
60
  disabled: "var(--ds-text-disabled, ".concat(colors.N0, ")"),
70
61
  selected: "var(--ds-text-inverse, ".concat(colors.N0, ")"),
71
62
  focus: "var(--ds-text-inverse, ".concat(colors.N0, ")")
72
- },
73
- outline: {
74
- focus: 'none'
75
63
  }
76
64
  },
77
65
  'subtle-link': {
@@ -81,9 +69,6 @@ var spotlightTheme = {
81
69
  textDecorationLine: {
82
70
  active: 'none'
83
71
  },
84
- boxShadow: {
85
- focus: "0 0 0 2px ".concat("var(--ds-border-discovery, ".concat(colors.P100, ")"))
86
- },
87
72
  color: {
88
73
  default: "var(--ds-text-inverse, ".concat(colors.N0, ")"),
89
74
  hover: "var(--ds-text-inverse, ".concat(colors.P75, ")"),
@@ -107,12 +92,6 @@ var modalTheme = {
107
92
  selected: "var(--ds-background-selected-hovered, ".concat(colors.R500, ")"),
108
93
  focus: "var(--ds-background-discovery-bold-hovered, ".concat(colors.P400, ")")
109
94
  },
110
- boxShadow: {
111
- focus: {
112
- light: "0 0 0 2px ".concat("var(--ds-border-discovery, ".concat(colors.P100, ")")),
113
- dark: "0 0 0 2px ".concat("var(--ds-border-discovery, ".concat(colors.P100, ")"))
114
- }
115
- },
116
95
  color: {
117
96
  default: "var(--ds-text-inverse, ".concat(colors.N0, ")"),
118
97
  disabled: {
package/dist/cjs/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/onboarding",
3
- "version": "10.6.12",
3
+ "version": "10.7.0",
4
4
  "sideEffects": false
5
5
  }
package/dist/es2019/components/spotlight-dialog.js 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.6.12";
10
+ const packageVersion = "10.7.0";
11
11
  class SpotlightDialog extends Component {
12
12
  constructor(...args) {
13
13
  super(...args);
package/dist/es2019/components/theme.js CHANGED
@@ -9,9 +9,6 @@ const spotlightTheme = {
9
9
  selected: `var(--ds-background-inverse-subtle-pressed, ${colors.R500})`,
10
10
  focus: `var(--ds-background-inverse-subtle, ${colors.P400})`
11
11
  },
12
- boxShadow: {
13
- focus: `0 0 0 2px ${`var(--ds-border-discovery, ${colors.P100})`}`
14
- },
15
12
  color: {
16
13
  default: `var(--ds-text-inverse, ${colors.N0})`,
17
14
  hover: `var(--ds-text-inverse, ${colors.N0})`,
@@ -22,9 +19,6 @@ const spotlightTheme = {
22
19
  },
23
20
  selected: `var(--ds-text-inverse, ${colors.N0})`,
24
21
  focus: `var(--ds-text-inverse, ${colors.N0})`
25
- },
26
- outline: {
27
- focus: 'none'
28
22
  }
29
23
  },
30
24
  subtle: {
@@ -42,9 +36,6 @@ const spotlightTheme = {
42
36
  dark: `var(--ds-background-selected-hovered, ${colors.DN0})`
43
37
  }
44
38
  },
45
- boxShadow: {
46
- focus: `0 0 0 2px ${`var(--ds-icon-discovery, ${colors.P100})`}`
47
- },
48
39
  color: {
49
40
  default: `var(--ds-text-inverse, ${colors.N0})`,
50
41
  hover: `var(--ds-text-inverse, ${colors.N0})`,
@@ -52,9 +43,6 @@ const spotlightTheme = {
52
43
  disabled: `var(--ds-text-disabled, ${colors.N0})`,
53
44
  selected: `var(--ds-text-inverse, ${colors.N0})`,
54
45
  focus: `var(--ds-text-inverse, ${colors.N0})`
55
- },
56
- outline: {
57
- focus: 'none'
58
46
  }
59
47
  },
60
48
  'subtle-link': {
@@ -64,9 +52,6 @@ const spotlightTheme = {
64
52
  textDecorationLine: {
65
53
  active: 'none'
66
54
  },
67
- boxShadow: {
68
- focus: `0 0 0 2px ${`var(--ds-border-discovery, ${colors.P100})`}`
69
- },
70
55
  color: {
71
56
  default: `var(--ds-text-inverse, ${colors.N0})`,
72
57
  hover: `var(--ds-text-inverse, ${colors.P75})`,
@@ -90,12 +75,6 @@ const modalTheme = {
90
75
  selected: `var(--ds-background-selected-hovered, ${colors.R500})`,
91
76
  focus: `var(--ds-background-discovery-bold-hovered, ${colors.P400})`
92
77
  },
93
- boxShadow: {
94
- focus: {
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
- }
98
- },
99
78
  color: {
100
79
  default: `var(--ds-text-inverse, ${colors.N0})`,
101
80
  disabled: {
package/dist/es2019/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/onboarding",
3
- "version": "10.6.12",
3
+ "version": "10.7.0",
4
4
  "sideEffects": false
5
5
  }
package/dist/esm/components/spotlight-dialog.js CHANGED
@@ -17,7 +17,7 @@ import { DialogImage } from '../styled/dialog';
17
17
  import SpotlightCard from './spotlight-card';
18
18
  import ValueChanged from './value-changed';
19
19
  var packageName = "@atlaskit/onboarding";
20
- var packageVersion = "10.6.12";
20
+ var packageVersion = "10.7.0";
21
21
  var SpotlightDialog = /*#__PURE__*/function (_Component) {
22
22
  _inherits(SpotlightDialog, _Component);
23
23
  var _super = _createSuper(SpotlightDialog);
package/dist/esm/components/theme.js CHANGED
@@ -16,9 +16,6 @@ var spotlightTheme = {
16
16
  selected: "var(--ds-background-inverse-subtle-pressed, ".concat(colors.R500, ")"),
17
17
  focus: "var(--ds-background-inverse-subtle, ".concat(colors.P400, ")")
18
18
  },
19
- boxShadow: {
20
- focus: "0 0 0 2px ".concat("var(--ds-border-discovery, ".concat(colors.P100, ")"))
21
- },
22
19
  color: {
23
20
  default: "var(--ds-text-inverse, ".concat(colors.N0, ")"),
24
21
  hover: "var(--ds-text-inverse, ".concat(colors.N0, ")"),
@@ -29,9 +26,6 @@ var spotlightTheme = {
29
26
  },
30
27
  selected: "var(--ds-text-inverse, ".concat(colors.N0, ")"),
31
28
  focus: "var(--ds-text-inverse, ".concat(colors.N0, ")")
32
- },
33
- outline: {
34
- focus: 'none'
35
29
  }
36
30
  },
37
31
  subtle: {
@@ -49,9 +43,6 @@ var spotlightTheme = {
49
43
  dark: "var(--ds-background-selected-hovered, ".concat(colors.DN0, ")")
50
44
  }
51
45
  },
52
- boxShadow: {
53
- focus: "0 0 0 2px ".concat("var(--ds-icon-discovery, ".concat(colors.P100, ")"))
54
- },
55
46
  color: {
56
47
  default: "var(--ds-text-inverse, ".concat(colors.N0, ")"),
57
48
  hover: "var(--ds-text-inverse, ".concat(colors.N0, ")"),
@@ -59,9 +50,6 @@ var spotlightTheme = {
59
50
  disabled: "var(--ds-text-disabled, ".concat(colors.N0, ")"),
60
51
  selected: "var(--ds-text-inverse, ".concat(colors.N0, ")"),
61
52
  focus: "var(--ds-text-inverse, ".concat(colors.N0, ")")
62
- },
63
- outline: {
64
- focus: 'none'
65
53
  }
66
54
  },
67
55
  'subtle-link': {
@@ -71,9 +59,6 @@ var spotlightTheme = {
71
59
  textDecorationLine: {
72
60
  active: 'none'
73
61
  },
74
- boxShadow: {
75
- focus: "0 0 0 2px ".concat("var(--ds-border-discovery, ".concat(colors.P100, ")"))
76
- },
77
62
  color: {
78
63
  default: "var(--ds-text-inverse, ".concat(colors.N0, ")"),
79
64
  hover: "var(--ds-text-inverse, ".concat(colors.P75, ")"),
@@ -97,12 +82,6 @@ var modalTheme = {
97
82
  selected: "var(--ds-background-selected-hovered, ".concat(colors.R500, ")"),
98
83
  focus: "var(--ds-background-discovery-bold-hovered, ".concat(colors.P400, ")")
99
84
  },
100
- boxShadow: {
101
- focus: {
102
- light: "0 0 0 2px ".concat("var(--ds-border-discovery, ".concat(colors.P100, ")")),
103
- dark: "0 0 0 2px ".concat("var(--ds-border-discovery, ".concat(colors.P100, ")"))
104
- }
105
- },
106
85
  color: {
107
86
  default: "var(--ds-text-inverse, ".concat(colors.N0, ")"),
108
87
  disabled: {
package/dist/esm/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/onboarding",
3
- "version": "10.6.12",
3
+ "version": "10.7.0",
4
4
  "sideEffects": false
5
5
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/onboarding",
3
- "version": "10.6.12",
3
+ "version": "10.7.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/"
@@ -26,7 +26,7 @@
26
26
  },
27
27
  "dependencies": {
28
28
  "@atlaskit/analytics-next": "^9.0.0",
29
- "@atlaskit/button": "^16.5.0",
29
+ "@atlaskit/button": "^16.6.0",
30
30
  "@atlaskit/ds-lib": "^2.1.0",
31
31
  "@atlaskit/heading": "^1.2.0",
32
32
  "@atlaskit/modal-dialog": "^12.4.0",