@atlaskit/spotlight 0.2.5 → 0.3.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 +19 -1
- package/constellation/index/examples.mdx +1 -19
- package/dist/cjs/ui/body/index.compiled.css +3 -1
- package/dist/cjs/ui/body/index.js +1 -1
- package/dist/cjs/ui/card/caret/index.compiled.css +6 -4
- package/dist/cjs/ui/card/caret/index.js +9 -9
- package/dist/cjs/ui/card/index.compiled.css +5 -4
- package/dist/cjs/ui/card/index.js +5 -5
- package/dist/es2019/ui/body/index.compiled.css +3 -1
- package/dist/es2019/ui/body/index.js +1 -1
- package/dist/es2019/ui/card/caret/index.compiled.css +6 -4
- package/dist/es2019/ui/card/caret/index.js +9 -9
- package/dist/es2019/ui/card/index.compiled.css +5 -4
- package/dist/es2019/ui/card/index.js +5 -5
- package/dist/esm/ui/body/index.compiled.css +3 -1
- package/dist/esm/ui/body/index.js +1 -1
- package/dist/esm/ui/card/caret/index.compiled.css +6 -4
- package/dist/esm/ui/card/caret/index.js +9 -9
- package/dist/esm/ui/card/index.compiled.css +5 -4
- package/dist/esm/ui/card/index.js +5 -5
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,23 @@
|
|
|
1
1
|
# @atlaskit/spotlight
|
|
2
2
|
|
|
3
|
+
## 0.3.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [`7e3c08df816e2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7e3c08df816e2) - -
|
|
8
|
+
Apply `z-index: 700` to caret to fix a bug with box-shadow in dark mode.
|
|
9
|
+
- Apply `color: var(--ds-color-text-inverse)` to `SpotlightCard` so consumers get inverse color
|
|
10
|
+
styles without needing to use `Text`.
|
|
11
|
+
- Remove `SpotlightShowMoreControl` references in examples and documentation. Functionality
|
|
12
|
+
remains unchanged.
|
|
13
|
+
|
|
14
|
+
## 0.2.6
|
|
15
|
+
|
|
16
|
+
### Patch Changes
|
|
17
|
+
|
|
18
|
+
- [`918be17f9334c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/918be17f9334c) -
|
|
19
|
+
Vertically align heading to caret.
|
|
20
|
+
|
|
3
21
|
## 0.2.5
|
|
4
22
|
|
|
5
23
|
### Patch Changes
|
|
@@ -54,7 +72,7 @@
|
|
|
54
72
|
### Patch Changes
|
|
55
73
|
|
|
56
74
|
- [`6fa400e1910b7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6fa400e1910b7) -
|
|
57
|
-
Styling update to `PopoverContent` to set `z-index:
|
|
75
|
+
Styling update to `PopoverContent` to set `z-index: 700` to ensure `Spotlight` displays correctly
|
|
58
76
|
on top of Atlassian layering elements.
|
|
59
77
|
- Updated dependencies
|
|
60
78
|
|
|
@@ -53,22 +53,4 @@ Media can be an image, video, animation, or any other visual aid to communicate
|
|
|
53
53
|
## Controls
|
|
54
54
|
|
|
55
55
|
`SpotlightDismissControl` is required for all `SpotlightCard` components. It **must** be the first
|
|
56
|
-
focusable element on the `SpotlightCard` card
|
|
57
|
-
`SpotlightDismissControl` should appear first in the DOM order:
|
|
58
|
-
|
|
59
|
-
```tsx
|
|
60
|
-
<SpotlighControls>
|
|
61
|
-
<SpotlightDismissControl />
|
|
62
|
-
<SpotlightShowMoreControl />
|
|
63
|
-
</SpotlighControls>
|
|
64
|
-
```
|
|
65
|
-
|
|
66
|
-
Internally, `SpotlighControls` applies `flex-direction: row-reverse;` so that
|
|
67
|
-
`SpotlightDismissControl` visually displays after `SpotlightShowMoreControl` while maintaining
|
|
68
|
-
correct tabbing order.
|
|
69
|
-
|
|
70
|
-
`SpotlightShowMoreControl` is optional for `SpotlightCard` components. It should be used to allow
|
|
71
|
-
users to opt out of a spotlight experience, or understand why they are seeing the spotlight
|
|
72
|
-
experience.
|
|
73
|
-
|
|
74
|
-
<Example Component={ControlsExample} packageName="@atlaskit/spinner" />
|
|
56
|
+
focusable element on the `SpotlightCard` card to provide an accessible experience.
|
|
@@ -12,7 +12,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
12
12
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
13
13
|
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); }
|
|
14
14
|
var styles = {
|
|
15
|
-
root: "_18zrpxbi"
|
|
15
|
+
root: "_18zrpxbi _syaz15cr _1q51u2gc"
|
|
16
16
|
};
|
|
17
17
|
/**
|
|
18
18
|
* __SpotlightBody__
|
|
@@ -1,8 +1,10 @@
|
|
|
1
|
-
._13lit94y{border-top-left-radius:1px}
|
|
2
1
|
._1bsbo7ao{width:15px}
|
|
3
|
-
.
|
|
2
|
+
._1eint94y{border-end-end-radius:1px}
|
|
3
|
+
._1pby1fw0{z-index:700}
|
|
4
|
+
._1s1gt94y{border-start-start-radius:1px}
|
|
5
|
+
._1yxnt94y{border-end-start-radius:1px}
|
|
4
6
|
._4t3io7ao{height:15px}
|
|
7
|
+
._5fbct94y{border-start-end-radius:1px}
|
|
5
8
|
._bfhkcdhy{background-color:var(--ds-background-neutral-bold,#44546f)}
|
|
6
|
-
.
|
|
7
|
-
._qrwqt94y{border-top-right-radius:1px}
|
|
9
|
+
._kqswh2mm{position:relative}
|
|
8
10
|
._t9ecjyd4{transform:rotate(45deg)}
|
|
@@ -13,15 +13,15 @@ var _runtime = require("@compiled/react/runtime");
|
|
|
13
13
|
var _context = require("../../../controllers/context");
|
|
14
14
|
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); }
|
|
15
15
|
var styles = {
|
|
16
|
-
root: "_1bsbo7ao _4t3io7ao _t9ecjyd4 _bfhkcdhy",
|
|
17
|
-
'top-start': "
|
|
18
|
-
'top-end': "
|
|
19
|
-
'bottom-start': "
|
|
20
|
-
'bottom-end': "
|
|
21
|
-
'right-start': "
|
|
22
|
-
'right-end': "
|
|
23
|
-
'left-start': "
|
|
24
|
-
'left-end': "
|
|
16
|
+
root: "_kqswh2mm _1pby1fw0 _1bsbo7ao _4t3io7ao _t9ecjyd4 _bfhkcdhy",
|
|
17
|
+
'top-start': "_1eint94y",
|
|
18
|
+
'top-end': "_1eint94y",
|
|
19
|
+
'bottom-start': "_1s1gt94y",
|
|
20
|
+
'bottom-end': "_1s1gt94y",
|
|
21
|
+
'right-start': "_1yxnt94y",
|
|
22
|
+
'right-end': "_1yxnt94y",
|
|
23
|
+
'left-start': "_5fbct94y",
|
|
24
|
+
'left-end': "_5fbct94y"
|
|
25
25
|
};
|
|
26
26
|
/**
|
|
27
27
|
* __Caret__
|
|
@@ -1,17 +1,18 @@
|
|
|
1
1
|
|
|
2
2
|
._2rko1mok{border-radius:var(--ds-radius-large,8px)}
|
|
3
|
-
.
|
|
4
|
-
._1rjcutpp{padding-block:var(--ds-space-150,9pt)}._152t12x7{inset-block-start:var(--ds-space-075,6px)}
|
|
3
|
+
._zulpu2gc{gap:var(--ds-space-100,8px)}._152t12x7{inset-block-start:var(--ds-space-075,6px)}
|
|
5
4
|
._152tmgjw{inset-block-start:var(--ds-space-negative-200,-1pc)}
|
|
6
5
|
._16qs9g9j{box-shadow:var(--ds-shadow-overflow,0 0 8px #091e4228,0 0 1px #091e421e)}
|
|
7
6
|
._1bsbaq3k{width:295px}
|
|
8
7
|
._1e0212x7{inset-inline-start:var(--ds-space-075,6px)}
|
|
9
|
-
.
|
|
8
|
+
._1e02c7mi{inset-inline-start:var(--ds-space-negative-250,-20px)}
|
|
10
9
|
._1e0c1txw{display:flex}
|
|
10
|
+
._1q51u2gc{padding-block-start:var(--ds-space-100,8px)}
|
|
11
11
|
._2lx21bp4{flex-direction:column}
|
|
12
|
+
._85i5utpp{padding-block-end:var(--ds-space-150,9pt)}
|
|
12
13
|
._kqswh2mm{position:relative}
|
|
13
14
|
._kqswstnw{position:absolute}
|
|
14
15
|
._rjxp12x7{inset-inline-end:var(--ds-space-075,6px)}
|
|
15
|
-
.
|
|
16
|
+
._rjxpc7mi{inset-inline-end:var(--ds-space-negative-250,-20px)}
|
|
16
17
|
._u7co12x7{inset-block-end:var(--ds-space-075,6px)}
|
|
17
18
|
._u7comgjw{inset-block-end:var(--ds-space-negative-200,-1pc)}
|
|
@@ -17,15 +17,15 @@ var _caret = require("./caret");
|
|
|
17
17
|
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); }
|
|
18
18
|
var styles = {
|
|
19
19
|
root: "_kqswh2mm",
|
|
20
|
-
card: "_2rko1mok
|
|
20
|
+
card: "_2rko1mok _zulpu2gc _kqswstnw _1bsbaq3k _1q51u2gc _85i5utpp _1e0c1txw _2lx21bp4 _16qs9g9j"
|
|
21
21
|
};
|
|
22
22
|
var placementStyles = {
|
|
23
|
-
'top-start': "_u7co12x7
|
|
24
|
-
'top-end': "_u7co12x7
|
|
23
|
+
'top-start': "_u7co12x7 _rjxpc7mi",
|
|
24
|
+
'top-end': "_u7co12x7 _1e02c7mi",
|
|
25
25
|
'right-start': "_1e0212x7 _u7comgjw",
|
|
26
26
|
'right-end': "_1e0212x7 _152tmgjw",
|
|
27
|
-
'bottom-start': "_152t12x7
|
|
28
|
-
'bottom-end': "_152t12x7
|
|
27
|
+
'bottom-start': "_152t12x7 _rjxpc7mi",
|
|
28
|
+
'bottom-end': "_152t12x7 _1e02c7mi",
|
|
29
29
|
'left-start': "_rjxp12x7 _u7comgjw",
|
|
30
30
|
'left-end': "_rjxp12x7 _152tmgjw"
|
|
31
31
|
};
|
|
@@ -1,8 +1,10 @@
|
|
|
1
|
-
._13lit94y{border-top-left-radius:1px}
|
|
2
1
|
._1bsbo7ao{width:15px}
|
|
3
|
-
.
|
|
2
|
+
._1eint94y{border-end-end-radius:1px}
|
|
3
|
+
._1pby1fw0{z-index:700}
|
|
4
|
+
._1s1gt94y{border-start-start-radius:1px}
|
|
5
|
+
._1yxnt94y{border-end-start-radius:1px}
|
|
4
6
|
._4t3io7ao{height:15px}
|
|
7
|
+
._5fbct94y{border-start-end-radius:1px}
|
|
5
8
|
._bfhkcdhy{background-color:var(--ds-background-neutral-bold,#44546f)}
|
|
6
|
-
.
|
|
7
|
-
._qrwqt94y{border-top-right-radius:1px}
|
|
9
|
+
._kqswh2mm{position:relative}
|
|
8
10
|
._t9ecjyd4{transform:rotate(45deg)}
|
|
@@ -5,15 +5,15 @@ import { ax, ix } from "@compiled/react/runtime";
|
|
|
5
5
|
import { forwardRef, useContext } from 'react';
|
|
6
6
|
import { SpotlightContext } from '../../../controllers/context';
|
|
7
7
|
const styles = {
|
|
8
|
-
root: "_1bsbo7ao _4t3io7ao _t9ecjyd4 _bfhkcdhy",
|
|
9
|
-
'top-start': "
|
|
10
|
-
'top-end': "
|
|
11
|
-
'bottom-start': "
|
|
12
|
-
'bottom-end': "
|
|
13
|
-
'right-start': "
|
|
14
|
-
'right-end': "
|
|
15
|
-
'left-start': "
|
|
16
|
-
'left-end': "
|
|
8
|
+
root: "_kqswh2mm _1pby1fw0 _1bsbo7ao _4t3io7ao _t9ecjyd4 _bfhkcdhy",
|
|
9
|
+
'top-start': "_1eint94y",
|
|
10
|
+
'top-end': "_1eint94y",
|
|
11
|
+
'bottom-start': "_1s1gt94y",
|
|
12
|
+
'bottom-end': "_1s1gt94y",
|
|
13
|
+
'right-start': "_1yxnt94y",
|
|
14
|
+
'right-end': "_1yxnt94y",
|
|
15
|
+
'left-start': "_5fbct94y",
|
|
16
|
+
'left-end': "_5fbct94y"
|
|
17
17
|
};
|
|
18
18
|
/**
|
|
19
19
|
* __Caret__
|
|
@@ -1,17 +1,18 @@
|
|
|
1
1
|
|
|
2
2
|
._2rko1mok{border-radius:var(--ds-radius-large,8px)}
|
|
3
|
-
.
|
|
4
|
-
._1rjcutpp{padding-block:var(--ds-space-150,9pt)}._152t12x7{inset-block-start:var(--ds-space-075,6px)}
|
|
3
|
+
._zulpu2gc{gap:var(--ds-space-100,8px)}._152t12x7{inset-block-start:var(--ds-space-075,6px)}
|
|
5
4
|
._152tmgjw{inset-block-start:var(--ds-space-negative-200,-1pc)}
|
|
6
5
|
._16qs9g9j{box-shadow:var(--ds-shadow-overflow,0 0 8px #091e4228,0 0 1px #091e421e)}
|
|
7
6
|
._1bsbaq3k{width:295px}
|
|
8
7
|
._1e0212x7{inset-inline-start:var(--ds-space-075,6px)}
|
|
9
|
-
.
|
|
8
|
+
._1e02c7mi{inset-inline-start:var(--ds-space-negative-250,-20px)}
|
|
10
9
|
._1e0c1txw{display:flex}
|
|
10
|
+
._1q51u2gc{padding-block-start:var(--ds-space-100,8px)}
|
|
11
11
|
._2lx21bp4{flex-direction:column}
|
|
12
|
+
._85i5utpp{padding-block-end:var(--ds-space-150,9pt)}
|
|
12
13
|
._kqswh2mm{position:relative}
|
|
13
14
|
._kqswstnw{position:absolute}
|
|
14
15
|
._rjxp12x7{inset-inline-end:var(--ds-space-075,6px)}
|
|
15
|
-
.
|
|
16
|
+
._rjxpc7mi{inset-inline-end:var(--ds-space-negative-250,-20px)}
|
|
16
17
|
._u7co12x7{inset-block-end:var(--ds-space-075,6px)}
|
|
17
18
|
._u7comgjw{inset-block-end:var(--ds-space-negative-200,-1pc)}
|
|
@@ -9,15 +9,15 @@ import { SpotlightContext } from '../../controllers/context';
|
|
|
9
9
|
import { Caret } from './caret';
|
|
10
10
|
const styles = {
|
|
11
11
|
root: "_kqswh2mm",
|
|
12
|
-
card: "_2rko1mok
|
|
12
|
+
card: "_2rko1mok _zulpu2gc _kqswstnw _1bsbaq3k _1q51u2gc _85i5utpp _1e0c1txw _2lx21bp4 _16qs9g9j"
|
|
13
13
|
};
|
|
14
14
|
const placementStyles = {
|
|
15
|
-
'top-start': "_u7co12x7
|
|
16
|
-
'top-end': "_u7co12x7
|
|
15
|
+
'top-start': "_u7co12x7 _rjxpc7mi",
|
|
16
|
+
'top-end': "_u7co12x7 _1e02c7mi",
|
|
17
17
|
'right-start': "_1e0212x7 _u7comgjw",
|
|
18
18
|
'right-end': "_1e0212x7 _152tmgjw",
|
|
19
|
-
'bottom-start': "_152t12x7
|
|
20
|
-
'bottom-end': "_152t12x7
|
|
19
|
+
'bottom-start': "_152t12x7 _rjxpc7mi",
|
|
20
|
+
'bottom-end': "_152t12x7 _1e02c7mi",
|
|
21
21
|
'left-start': "_rjxp12x7 _u7comgjw",
|
|
22
22
|
'left-end': "_rjxp12x7 _152tmgjw"
|
|
23
23
|
};
|
|
@@ -1,8 +1,10 @@
|
|
|
1
|
-
._13lit94y{border-top-left-radius:1px}
|
|
2
1
|
._1bsbo7ao{width:15px}
|
|
3
|
-
.
|
|
2
|
+
._1eint94y{border-end-end-radius:1px}
|
|
3
|
+
._1pby1fw0{z-index:700}
|
|
4
|
+
._1s1gt94y{border-start-start-radius:1px}
|
|
5
|
+
._1yxnt94y{border-end-start-radius:1px}
|
|
4
6
|
._4t3io7ao{height:15px}
|
|
7
|
+
._5fbct94y{border-start-end-radius:1px}
|
|
5
8
|
._bfhkcdhy{background-color:var(--ds-background-neutral-bold,#44546f)}
|
|
6
|
-
.
|
|
7
|
-
._qrwqt94y{border-top-right-radius:1px}
|
|
9
|
+
._kqswh2mm{position:relative}
|
|
8
10
|
._t9ecjyd4{transform:rotate(45deg)}
|
|
@@ -5,15 +5,15 @@ import { ax, ix } from "@compiled/react/runtime";
|
|
|
5
5
|
import { forwardRef, useContext } from 'react';
|
|
6
6
|
import { SpotlightContext } from '../../../controllers/context';
|
|
7
7
|
var styles = {
|
|
8
|
-
root: "_1bsbo7ao _4t3io7ao _t9ecjyd4 _bfhkcdhy",
|
|
9
|
-
'top-start': "
|
|
10
|
-
'top-end': "
|
|
11
|
-
'bottom-start': "
|
|
12
|
-
'bottom-end': "
|
|
13
|
-
'right-start': "
|
|
14
|
-
'right-end': "
|
|
15
|
-
'left-start': "
|
|
16
|
-
'left-end': "
|
|
8
|
+
root: "_kqswh2mm _1pby1fw0 _1bsbo7ao _4t3io7ao _t9ecjyd4 _bfhkcdhy",
|
|
9
|
+
'top-start': "_1eint94y",
|
|
10
|
+
'top-end': "_1eint94y",
|
|
11
|
+
'bottom-start': "_1s1gt94y",
|
|
12
|
+
'bottom-end': "_1s1gt94y",
|
|
13
|
+
'right-start': "_1yxnt94y",
|
|
14
|
+
'right-end': "_1yxnt94y",
|
|
15
|
+
'left-start': "_5fbct94y",
|
|
16
|
+
'left-end': "_5fbct94y"
|
|
17
17
|
};
|
|
18
18
|
/**
|
|
19
19
|
* __Caret__
|
|
@@ -1,17 +1,18 @@
|
|
|
1
1
|
|
|
2
2
|
._2rko1mok{border-radius:var(--ds-radius-large,8px)}
|
|
3
|
-
.
|
|
4
|
-
._1rjcutpp{padding-block:var(--ds-space-150,9pt)}._152t12x7{inset-block-start:var(--ds-space-075,6px)}
|
|
3
|
+
._zulpu2gc{gap:var(--ds-space-100,8px)}._152t12x7{inset-block-start:var(--ds-space-075,6px)}
|
|
5
4
|
._152tmgjw{inset-block-start:var(--ds-space-negative-200,-1pc)}
|
|
6
5
|
._16qs9g9j{box-shadow:var(--ds-shadow-overflow,0 0 8px #091e4228,0 0 1px #091e421e)}
|
|
7
6
|
._1bsbaq3k{width:295px}
|
|
8
7
|
._1e0212x7{inset-inline-start:var(--ds-space-075,6px)}
|
|
9
|
-
.
|
|
8
|
+
._1e02c7mi{inset-inline-start:var(--ds-space-negative-250,-20px)}
|
|
10
9
|
._1e0c1txw{display:flex}
|
|
10
|
+
._1q51u2gc{padding-block-start:var(--ds-space-100,8px)}
|
|
11
11
|
._2lx21bp4{flex-direction:column}
|
|
12
|
+
._85i5utpp{padding-block-end:var(--ds-space-150,9pt)}
|
|
12
13
|
._kqswh2mm{position:relative}
|
|
13
14
|
._kqswstnw{position:absolute}
|
|
14
15
|
._rjxp12x7{inset-inline-end:var(--ds-space-075,6px)}
|
|
15
|
-
.
|
|
16
|
+
._rjxpc7mi{inset-inline-end:var(--ds-space-negative-250,-20px)}
|
|
16
17
|
._u7co12x7{inset-block-end:var(--ds-space-075,6px)}
|
|
17
18
|
._u7comgjw{inset-block-end:var(--ds-space-negative-200,-1pc)}
|
|
@@ -9,15 +9,15 @@ import { SpotlightContext } from '../../controllers/context';
|
|
|
9
9
|
import { Caret } from './caret';
|
|
10
10
|
var styles = {
|
|
11
11
|
root: "_kqswh2mm",
|
|
12
|
-
card: "_2rko1mok
|
|
12
|
+
card: "_2rko1mok _zulpu2gc _kqswstnw _1bsbaq3k _1q51u2gc _85i5utpp _1e0c1txw _2lx21bp4 _16qs9g9j"
|
|
13
13
|
};
|
|
14
14
|
var placementStyles = {
|
|
15
|
-
'top-start': "_u7co12x7
|
|
16
|
-
'top-end': "_u7co12x7
|
|
15
|
+
'top-start': "_u7co12x7 _rjxpc7mi",
|
|
16
|
+
'top-end': "_u7co12x7 _1e02c7mi",
|
|
17
17
|
'right-start': "_1e0212x7 _u7comgjw",
|
|
18
18
|
'right-end': "_1e0212x7 _152tmgjw",
|
|
19
|
-
'bottom-start': "_152t12x7
|
|
20
|
-
'bottom-end': "_152t12x7
|
|
19
|
+
'bottom-start': "_152t12x7 _rjxpc7mi",
|
|
20
|
+
'bottom-end': "_152t12x7 _1e02c7mi",
|
|
21
21
|
'left-start': "_rjxp12x7 _u7comgjw",
|
|
22
22
|
'left-end': "_rjxp12x7 _152tmgjw"
|
|
23
23
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/spotlight",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.3.0",
|
|
4
4
|
"description": "A spotlight introduces users to various points of interest across Atlassian through focused messages or multi-step tours.",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|