@atlaskit/spotlight 0.2.5 → 0.2.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 CHANGED
@@ -1,5 +1,12 @@
1
1
  # @atlaskit/spotlight
2
2
 
3
+ ## 0.2.6
4
+
5
+ ### Patch Changes
6
+
7
+ - [`918be17f9334c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/918be17f9334c) -
8
+ Vertically align heading to caret.
9
+
3
10
  ## 0.2.5
4
11
 
5
12
  ### Patch Changes
@@ -1 +1,2 @@
1
- ._18zrpxbi{padding-inline:var(--ds-space-200,1pc)}
1
+ ._18zrpxbi{padding-inline:var(--ds-space-200,1pc)}
2
+ ._1q51u2gc{padding-block-start:var(--ds-space-100,8px)}
@@ -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 _1q51u2gc"
16
16
  };
17
17
  /**
18
18
  * __SpotlightBody__
@@ -1,17 +1,18 @@
1
1
 
2
2
  ._2rko1mok{border-radius:var(--ds-radius-large,8px)}
3
- ._zulppxbi{gap:var(--ds-space-200,1pc)}
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
- ._1e02mgjw{inset-inline-start:var(--ds-space-negative-200,-1pc)}
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
- ._rjxpmgjw{inset-inline-end:var(--ds-space-negative-200,-1pc)}
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 _zulppxbi _1rjcutpp _kqswstnw _1bsbaq3k _1e0c1txw _2lx21bp4 _16qs9g9j"
20
+ card: "_2rko1mok _zulpu2gc _kqswstnw _1bsbaq3k _1q51u2gc _85i5utpp _1e0c1txw _2lx21bp4 _16qs9g9j"
21
21
  };
22
22
  var placementStyles = {
23
- 'top-start': "_u7co12x7 _rjxpmgjw",
24
- 'top-end': "_u7co12x7 _1e02mgjw",
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 _rjxpmgjw",
28
- 'bottom-end': "_152t12x7 _1e02mgjw",
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 +1,2 @@
1
- ._18zrpxbi{padding-inline:var(--ds-space-200,1pc)}
1
+ ._18zrpxbi{padding-inline:var(--ds-space-200,1pc)}
2
+ ._1q51u2gc{padding-block-start:var(--ds-space-100,8px)}
@@ -4,7 +4,7 @@ import { ax, ix } from "@compiled/react/runtime";
4
4
  import React, { forwardRef } from 'react';
5
5
  import { Box } from '@atlaskit/primitives/compiled';
6
6
  const styles = {
7
- root: "_18zrpxbi"
7
+ root: "_18zrpxbi _1q51u2gc"
8
8
  };
9
9
  /**
10
10
  * __SpotlightBody__
@@ -1,17 +1,18 @@
1
1
 
2
2
  ._2rko1mok{border-radius:var(--ds-radius-large,8px)}
3
- ._zulppxbi{gap:var(--ds-space-200,1pc)}
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
- ._1e02mgjw{inset-inline-start:var(--ds-space-negative-200,-1pc)}
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
- ._rjxpmgjw{inset-inline-end:var(--ds-space-negative-200,-1pc)}
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 _zulppxbi _1rjcutpp _kqswstnw _1bsbaq3k _1e0c1txw _2lx21bp4 _16qs9g9j"
12
+ card: "_2rko1mok _zulpu2gc _kqswstnw _1bsbaq3k _1q51u2gc _85i5utpp _1e0c1txw _2lx21bp4 _16qs9g9j"
13
13
  };
14
14
  const placementStyles = {
15
- 'top-start': "_u7co12x7 _rjxpmgjw",
16
- 'top-end': "_u7co12x7 _1e02mgjw",
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 _rjxpmgjw",
20
- 'bottom-end': "_152t12x7 _1e02mgjw",
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 +1,2 @@
1
- ._18zrpxbi{padding-inline:var(--ds-space-200,1pc)}
1
+ ._18zrpxbi{padding-inline:var(--ds-space-200,1pc)}
2
+ ._1q51u2gc{padding-block-start:var(--ds-space-100,8px)}
@@ -4,7 +4,7 @@ import { ax, ix } from "@compiled/react/runtime";
4
4
  import React, { forwardRef } from 'react';
5
5
  import { Box } from '@atlaskit/primitives/compiled';
6
6
  var styles = {
7
- root: "_18zrpxbi"
7
+ root: "_18zrpxbi _1q51u2gc"
8
8
  };
9
9
  /**
10
10
  * __SpotlightBody__
@@ -1,17 +1,18 @@
1
1
 
2
2
  ._2rko1mok{border-radius:var(--ds-radius-large,8px)}
3
- ._zulppxbi{gap:var(--ds-space-200,1pc)}
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
- ._1e02mgjw{inset-inline-start:var(--ds-space-negative-200,-1pc)}
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
- ._rjxpmgjw{inset-inline-end:var(--ds-space-negative-200,-1pc)}
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 _zulppxbi _1rjcutpp _kqswstnw _1bsbaq3k _1e0c1txw _2lx21bp4 _16qs9g9j"
12
+ card: "_2rko1mok _zulpu2gc _kqswstnw _1bsbaq3k _1q51u2gc _85i5utpp _1e0c1txw _2lx21bp4 _16qs9g9j"
13
13
  };
14
14
  var placementStyles = {
15
- 'top-start': "_u7co12x7 _rjxpmgjw",
16
- 'top-end': "_u7co12x7 _1e02mgjw",
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 _rjxpmgjw",
20
- 'bottom-end': "_152t12x7 _1e02mgjw",
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.2.5",
3
+ "version": "0.2.6",
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",