@atlaskit/spotlight 0.9.7 → 0.10.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 (14) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/dist/cjs/ui/card/caret/index.compiled.css +0 -1
  3. package/dist/cjs/ui/card/caret/index.js +6 -1
  4. package/dist/cjs/ui/dismiss-control/index.compiled.css +1 -0
  5. package/dist/cjs/ui/dismiss-control/index.js +5 -2
  6. package/dist/es2019/ui/card/caret/index.compiled.css +0 -1
  7. package/dist/es2019/ui/card/caret/index.js +6 -1
  8. package/dist/es2019/ui/dismiss-control/index.compiled.css +1 -0
  9. package/dist/es2019/ui/dismiss-control/index.js +5 -2
  10. package/dist/esm/ui/card/caret/index.compiled.css +0 -1
  11. package/dist/esm/ui/card/caret/index.js +6 -1
  12. package/dist/esm/ui/dismiss-control/index.compiled.css +1 -0
  13. package/dist/esm/ui/dismiss-control/index.js +5 -2
  14. package/package.json +10 -6
package/CHANGELOG.md CHANGED
@@ -1,5 +1,24 @@
1
1
  # @atlaskit/spotlight
2
2
 
3
+ ## 0.10.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`51928601f0216`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/51928601f0216) -
8
+ Updated border radius values behind a feature gate `platform-dst-shape-theme-default`.
9
+
10
+ ### Patch Changes
11
+
12
+ - Updated dependencies
13
+
14
+ ## 0.9.8
15
+
16
+ ### Patch Changes
17
+
18
+ - [`14e6e700928ef`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/14e6e700928ef) -
19
+ Internal changes to how border width and radius are applied.
20
+ - Updated dependencies
21
+
3
22
  ## 0.9.7
4
23
 
5
24
  ### Patch Changes
package/dist/cjs/ui/card/caret/index.compiled.css CHANGED
@@ -1,6 +1,5 @@
1
1
  ._1bsbo7ao{width:15px}
2
2
  ._1pby1fw0{z-index:700}
3
- ._1yxnt94y{border-end-start-radius:1px}
4
3
  ._4t3io7ao{height:15px}
5
4
  ._bfhk1aqn{background-color:var(--ds-background-neutral-bold,#292a2e)}
6
5
  ._kqswh2mm{position:relative}
package/dist/cjs/ui/card/caret/index.js CHANGED
@@ -13,7 +13,7 @@ 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: "_bfhk1aqn _1yxnt94y _mkrzmhja _4t3io7ao _kqswh2mm _1bsbo7ao _1pby1fw0",
16
+ root: "_bfhk1aqn _mkrzmhja _4t3io7ao _kqswh2mm _1bsbo7ao _1pby1fw0",
17
17
  'top-start': "_t9ec71a3",
18
18
  'top-center': "_t9ec71a3",
19
19
  'top-end': "_t9ec71a3",
@@ -38,6 +38,11 @@ var Caret = exports.Caret = /*#__PURE__*/(0, _react.forwardRef)(function (_ref,
38
38
  return /*#__PURE__*/React.createElement("div", {
39
39
  "data-testid": testId,
40
40
  ref: ref,
41
+ // Growth Pattern Library designs dictate 1px radius. cssMap only allows tokens
42
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
43
+ style: {
44
+ borderEndStartRadius: '1px'
45
+ },
41
46
  className: (0, _runtime.ax)([styles.root, styles[card.placement]])
42
47
  });
43
48
  });
package/dist/cjs/ui/dismiss-control/index.compiled.css CHANGED
@@ -1,5 +1,6 @@
1
1
 
2
2
  ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
3
+ ._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
3
4
  ._1rjc12x7{padding-block:var(--ds-space-075,6px)}
4
5
  ._bfhk1aqn{background-color:var(--ds-background-neutral-bold,#292a2e)}
5
6
  ._syaz15cr{color:var(--ds-text-inverse,#fff)}
package/dist/cjs/ui/dismiss-control/index.js CHANGED
@@ -11,12 +11,15 @@ require("./index.compiled.css");
11
11
  var _react = _interopRequireWildcard(require("react"));
12
12
  var React = _react;
13
13
  var _runtime = require("@compiled/react/runtime");
14
+ var _css = require("@atlaskit/css");
14
15
  var _cross = _interopRequireDefault(require("@atlaskit/icon/core/cross"));
16
+ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
15
17
  var _compiled = require("@atlaskit/primitives/compiled");
16
18
  var _context = require("../../controllers/context");
17
19
  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
20
  var styles = {
19
- root: "_2rko12b0 _1rjc12x7 _syaz15cr _bfhk1aqn _irr31ibz _1di6of27"
21
+ root: "_2rko12b0 _1rjc12x7 _syaz15cr _bfhk1aqn _irr31ibz _1di6of27",
22
+ rootT26Shape: "_2rko1qi0"
20
23
  };
21
24
  /**
22
25
  * __SpotlightDismissControl__
@@ -39,7 +42,7 @@ var SpotlightDismissControl = exports.SpotlightDismissControl = /*#__PURE__*/(0,
39
42
  onClick: onClick || dismiss,
40
43
  ref: ref,
41
44
  testId: testId,
42
- xcss: styles.root,
45
+ xcss: (0, _css.cx)(styles.root, (0, _platformFeatureFlags.fg)('platform-dst-shape-theme-default') && styles.rootT26Shape),
43
46
  "aria-label": "Dismiss"
44
47
  }, /*#__PURE__*/React.createElement(_cross.default, {
45
48
  label: "Close"
package/dist/es2019/ui/card/caret/index.compiled.css CHANGED
@@ -1,6 +1,5 @@
1
1
  ._1bsbo7ao{width:15px}
2
2
  ._1pby1fw0{z-index:700}
3
- ._1yxnt94y{border-end-start-radius:1px}
4
3
  ._4t3io7ao{height:15px}
5
4
  ._bfhk1aqn{background-color:var(--ds-background-neutral-bold,#292a2e)}
6
5
  ._kqswh2mm{position:relative}
package/dist/es2019/ui/card/caret/index.js CHANGED
@@ -5,7 +5,7 @@ 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: "_bfhk1aqn _1yxnt94y _mkrzmhja _4t3io7ao _kqswh2mm _1bsbo7ao _1pby1fw0",
8
+ root: "_bfhk1aqn _mkrzmhja _4t3io7ao _kqswh2mm _1bsbo7ao _1pby1fw0",
9
9
  'top-start': "_t9ec71a3",
10
10
  'top-center': "_t9ec71a3",
11
11
  'top-end': "_t9ec71a3",
@@ -32,6 +32,11 @@ export const Caret = /*#__PURE__*/forwardRef(({
32
32
  return /*#__PURE__*/React.createElement("div", {
33
33
  "data-testid": testId,
34
34
  ref: ref,
35
+ // Growth Pattern Library designs dictate 1px radius. cssMap only allows tokens
36
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
37
+ style: {
38
+ borderEndStartRadius: '1px'
39
+ },
35
40
  className: ax([styles.root, styles[card.placement]])
36
41
  });
37
42
  });
package/dist/es2019/ui/dismiss-control/index.compiled.css CHANGED
@@ -1,5 +1,6 @@
1
1
 
2
2
  ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
3
+ ._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
3
4
  ._1rjc12x7{padding-block:var(--ds-space-075,6px)}
4
5
  ._bfhk1aqn{background-color:var(--ds-background-neutral-bold,#292a2e)}
5
6
  ._syaz15cr{color:var(--ds-text-inverse,#fff)}
package/dist/es2019/ui/dismiss-control/index.js CHANGED
@@ -3,11 +3,14 @@ import "./index.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
5
  import { forwardRef, useContext } from 'react';
6
+ import { cx } from '@atlaskit/css';
6
7
  import CrossIcon from '@atlaskit/icon/core/cross';
8
+ import { fg } from '@atlaskit/platform-feature-flags';
7
9
  import { Pressable } from '@atlaskit/primitives/compiled';
8
10
  import { SpotlightContext } from '../../controllers/context';
9
11
  const styles = {
10
- root: "_2rko12b0 _1rjc12x7 _syaz15cr _bfhk1aqn _irr31ibz _1di6of27"
12
+ root: "_2rko12b0 _1rjc12x7 _syaz15cr _bfhk1aqn _irr31ibz _1di6of27",
13
+ rootT26Shape: "_2rko1qi0"
11
14
  };
12
15
  /**
13
16
  * __SpotlightDismissControl__
@@ -31,7 +34,7 @@ export const SpotlightDismissControl = /*#__PURE__*/forwardRef(({
31
34
  onClick: onClick || dismiss,
32
35
  ref: ref,
33
36
  testId: testId,
34
- xcss: styles.root,
37
+ xcss: cx(styles.root, fg('platform-dst-shape-theme-default') && styles.rootT26Shape),
35
38
  "aria-label": "Dismiss"
36
39
  }, /*#__PURE__*/React.createElement(CrossIcon, {
37
40
  label: "Close"
package/dist/esm/ui/card/caret/index.compiled.css CHANGED
@@ -1,6 +1,5 @@
1
1
  ._1bsbo7ao{width:15px}
2
2
  ._1pby1fw0{z-index:700}
3
- ._1yxnt94y{border-end-start-radius:1px}
4
3
  ._4t3io7ao{height:15px}
5
4
  ._bfhk1aqn{background-color:var(--ds-background-neutral-bold,#292a2e)}
6
5
  ._kqswh2mm{position:relative}
package/dist/esm/ui/card/caret/index.js CHANGED
@@ -5,7 +5,7 @@ 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: "_bfhk1aqn _1yxnt94y _mkrzmhja _4t3io7ao _kqswh2mm _1bsbo7ao _1pby1fw0",
8
+ root: "_bfhk1aqn _mkrzmhja _4t3io7ao _kqswh2mm _1bsbo7ao _1pby1fw0",
9
9
  'top-start': "_t9ec71a3",
10
10
  'top-center': "_t9ec71a3",
11
11
  'top-end': "_t9ec71a3",
@@ -30,6 +30,11 @@ export var Caret = /*#__PURE__*/forwardRef(function (_ref, ref) {
30
30
  return /*#__PURE__*/React.createElement("div", {
31
31
  "data-testid": testId,
32
32
  ref: ref,
33
+ // Growth Pattern Library designs dictate 1px radius. cssMap only allows tokens
34
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
35
+ style: {
36
+ borderEndStartRadius: '1px'
37
+ },
33
38
  className: ax([styles.root, styles[card.placement]])
34
39
  });
35
40
  });
package/dist/esm/ui/dismiss-control/index.compiled.css CHANGED
@@ -1,5 +1,6 @@
1
1
 
2
2
  ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
3
+ ._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
3
4
  ._1rjc12x7{padding-block:var(--ds-space-075,6px)}
4
5
  ._bfhk1aqn{background-color:var(--ds-background-neutral-bold,#292a2e)}
5
6
  ._syaz15cr{color:var(--ds-text-inverse,#fff)}
package/dist/esm/ui/dismiss-control/index.js CHANGED
@@ -3,11 +3,14 @@ import "./index.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
5
  import { forwardRef, useContext } from 'react';
6
+ import { cx } from '@atlaskit/css';
6
7
  import CrossIcon from '@atlaskit/icon/core/cross';
8
+ import { fg } from '@atlaskit/platform-feature-flags';
7
9
  import { Pressable } from '@atlaskit/primitives/compiled';
8
10
  import { SpotlightContext } from '../../controllers/context';
9
11
  var styles = {
10
- root: "_2rko12b0 _1rjc12x7 _syaz15cr _bfhk1aqn _irr31ibz _1di6of27"
12
+ root: "_2rko12b0 _1rjc12x7 _syaz15cr _bfhk1aqn _irr31ibz _1di6of27",
13
+ rootT26Shape: "_2rko1qi0"
11
14
  };
12
15
  /**
13
16
  * __SpotlightDismissControl__
@@ -30,7 +33,7 @@ export var SpotlightDismissControl = /*#__PURE__*/forwardRef(function (_ref, ref
30
33
  onClick: onClick || dismiss,
31
34
  ref: ref,
32
35
  testId: testId,
33
- xcss: styles.root,
36
+ xcss: cx(styles.root, fg('platform-dst-shape-theme-default') && styles.rootT26Shape),
34
37
  "aria-label": "Dismiss"
35
38
  }, /*#__PURE__*/React.createElement(CrossIcon, {
36
39
  label: "Close"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/spotlight",
3
- "version": "0.9.7",
3
+ "version": "0.10.0",
4
4
  "description": "A spotlight introduces users to points of interest, from focused messages to multi-step tours.",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -33,15 +33,16 @@
33
33
  "atlaskit:src": "src/index.tsx",
34
34
  "dependencies": {
35
35
  "@atlaskit/browser-apis": "^0.0.1",
36
- "@atlaskit/button": "^23.6.0",
37
- "@atlaskit/css": "^0.17.0",
36
+ "@atlaskit/button": "^23.9.0",
37
+ "@atlaskit/css": "^0.18.0",
38
38
  "@atlaskit/ds-lib": "^5.3.0",
39
39
  "@atlaskit/heading": "^5.2.0",
40
- "@atlaskit/icon": "^29.0.0",
40
+ "@atlaskit/icon": "^29.3.0",
41
41
  "@atlaskit/image": "^3.0.0",
42
+ "@atlaskit/platform-feature-flags": "^1.1.0",
42
43
  "@atlaskit/popper": "^7.1.0",
43
- "@atlaskit/primitives": "^16.3.0",
44
- "@atlaskit/tokens": "^8.3.0",
44
+ "@atlaskit/primitives": "^16.4.0",
45
+ "@atlaskit/tokens": "^8.6.0",
45
46
  "@atlaskit/visually-hidden": "^3.0.0",
46
47
  "@babel/runtime": "^7.0.0",
47
48
  "@compiled/react": "^0.18.6",
@@ -61,6 +62,9 @@
61
62
  "platform-feature-flags": {
62
63
  "platform-component-visual-refresh": {
63
64
  "type": "boolean"
65
+ },
66
+ "platform-dst-shape-theme-default": {
67
+ "type": "boolean"
64
68
  }
65
69
  },
66
70
  "techstack": {