@atlaskit/onboarding 10.8.4 → 10.8.5

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/onboarding
 
+## 10.8.5
+
+### Patch Changes
+
+- [`599bfe90ee3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/599bfe90ee3) - Internal change to use shape tokens. There is no expected visual change.
+
 ## 10.8.4
 
 ### Patch Changes

package/dist/cjs/components/spotlight-card.js

@@ -56,7 +56,7 @@ var containerStyles = (0, _react2.css)({
   height: 'fit-content',
   zIndex: _constants.layers.spotlight() + 1,
   background: "var(--ds-background-discovery-bold, ".concat(_colors.P300, ")"),
-  borderRadius: "".concat((0, _constants.borderRadius)(), "px"),
+  borderRadius: "var(--ds-border-radius, 3px)",
   color: "var(--ds-text-inverse, ".concat(_colors.N0, ")"),
   overflow: 'auto'
 });

package/dist/cjs/components/spotlight-dialog.js

@@ -27,7 +27,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 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); }; }
 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; } }
 var packageName = "@atlaskit/onboarding";
-var packageVersion = "10.8.4";
+var packageVersion = "10.8.5";
 var SpotlightDialog = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(SpotlightDialog, _Component);
   var _super = _createSuper(SpotlightDialog);

package/dist/cjs/styled/modal.js

@@ -6,12 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.ModalImage = exports.ModalHeading = exports.ModalBody = exports.ModalActionItem = exports.ModalActionContainer = void 0;
 var _react = require("@emotion/react");
 var _components = require("@atlaskit/theme/components");
-var _constants = require("@atlaskit/theme/constants");
 var _typography = require("@atlaskit/theme/typography");
 /** @jsx jsx */
 
-var borderRadius = (0, _constants.borderRadius)();
-
 // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
 var lightH600Styles = (0, _react.css)((0, _typography.h600)({
   theme: {
@@ -35,8 +32,8 @@ var modalHeadingStyles = (0, _react.css)({
 var modalImageStyles = (0, _react.css)({
   width: '100%',
   height: 'auto',
-  borderTopLeftRadius: "".concat(borderRadius, "px"),
-  borderTopRightRadius: "".concat(borderRadius, "px"),
+  borderTopLeftRadius: "var(--ds-border-radius, 3px)",
+  borderTopRightRadius: "var(--ds-border-radius, 3px)",
   '@media (min-width: 320px) and (max-width: 480px)': {
     borderRadius: 0
   }

package/dist/cjs/styled/target.js

@@ -82,9 +82,9 @@ var targetOverlayStyles = (0, _react.css)({
   width: '100%',
   height: '100%',
   position: 'absolute',
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   top: 0,
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   left: 0
 });
 

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/onboarding",
-	"version": "10.8.4",
+	"version": "10.8.5",
 	"sideEffects": false
 }

package/dist/es2019/components/spotlight-card.js

@@ -5,7 +5,7 @@ import Button, { Theme as ButtonTheme } from '@atlaskit/button/custom-theme-butt
 import Heading from '@atlaskit/heading';
 import { N0, N50A, N60A, P300 } from '@atlaskit/theme/colors';
 import { createTheme } from '@atlaskit/theme/components';
-import { borderRadius, layers } from '@atlaskit/theme/constants';
+import { layers } from '@atlaskit/theme/constants';
 import { DialogActionItem, DialogActionItemContainer } from '../styled/dialog';
 import { spotlightButtonTheme } from './theme';
 const bodyStyles = css({
@@ -42,7 +42,7 @@ const containerStyles = css({
   height: 'fit-content',
   zIndex: layers.spotlight() + 1,
   background: `var(--ds-background-discovery-bold, ${P300})`,
-  borderRadius: `${borderRadius()}px`,
+  borderRadius: "var(--ds-border-radius, 3px)",
   color: `var(--ds-text-inverse, ${N0})`,
   overflow: 'auto'
 });

package/dist/es2019/components/spotlight-dialog.js

@@ -7,7 +7,7 @@ import { DialogImage } from '../styled/dialog';
 import SpotlightCard from './spotlight-card';
 import ValueChanged from './value-changed';
 const packageName = "@atlaskit/onboarding";
-const packageVersion = "10.8.4";
+const packageVersion = "10.8.5";
 class SpotlightDialog extends Component {
   constructor(...args) {
     super(...args);

package/dist/es2019/styled/modal.js

@@ -2,10 +2,7 @@
 
 import { css, jsx } from '@emotion/react';
 import { useGlobalTheme } from '@atlaskit/theme/components';
-import { borderRadius as getBorderRadius } from '@atlaskit/theme/constants';
 import { h600 } from '@atlaskit/theme/typography';
-const borderRadius = getBorderRadius();
-
 // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
 const lightH600Styles = css(h600({
   theme: {
@@ -29,8 +26,8 @@ const modalHeadingStyles = css({
 const modalImageStyles = css({
   width: '100%',
   height: 'auto',
-  borderTopLeftRadius: `${borderRadius}px`,
-  borderTopRightRadius: `${borderRadius}px`,
+  borderTopLeftRadius: "var(--ds-border-radius, 3px)",
+  borderTopRightRadius: "var(--ds-border-radius, 3px)",
   '@media (min-width: 320px) and (max-width: 480px)': {
     borderRadius: 0
   }

package/dist/es2019/styled/target.js

@@ -65,9 +65,9 @@ const targetOverlayStyles = css({
   width: '100%',
   height: '100%',
   position: 'absolute',
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   top: 0,
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   left: 0
 });
 

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/onboarding",
-	"version": "10.8.4",
+	"version": "10.8.5",
 	"sideEffects": false
 }

package/dist/esm/components/spotlight-card.js

@@ -7,7 +7,7 @@ import Button, { Theme as ButtonTheme } from '@atlaskit/button/custom-theme-butt
 import Heading from '@atlaskit/heading';
 import { N0, N50A, N60A, P300 } from '@atlaskit/theme/colors';
 import { createTheme } from '@atlaskit/theme/components';
-import { borderRadius, layers } from '@atlaskit/theme/constants';
+import { layers } from '@atlaskit/theme/constants';
 import { DialogActionItem, DialogActionItemContainer } from '../styled/dialog';
 import { spotlightButtonTheme } from './theme';
 var bodyStyles = css({
@@ -46,7 +46,7 @@ var containerStyles = css({
   height: 'fit-content',
   zIndex: layers.spotlight() + 1,
   background: "var(--ds-background-discovery-bold, ".concat(P300, ")"),
-  borderRadius: "".concat(borderRadius(), "px"),
+  borderRadius: "var(--ds-border-radius, 3px)",
   color: "var(--ds-text-inverse, ".concat(N0, ")"),
   overflow: 'auto'
 });

package/dist/esm/components/spotlight-dialog.js

@@ -17,7 +17,7 @@ import { DialogImage } from '../styled/dialog';
 import SpotlightCard from './spotlight-card';
 import ValueChanged from './value-changed';
 var packageName = "@atlaskit/onboarding";
-var packageVersion = "10.8.4";
+var packageVersion = "10.8.5";
 var SpotlightDialog = /*#__PURE__*/function (_Component) {
   _inherits(SpotlightDialog, _Component);
   var _super = _createSuper(SpotlightDialog);

package/dist/esm/styled/modal.js

@@ -2,10 +2,7 @@
 
 import { css, jsx } from '@emotion/react';
 import { useGlobalTheme } from '@atlaskit/theme/components';
-import { borderRadius as getBorderRadius } from '@atlaskit/theme/constants';
 import { h600 } from '@atlaskit/theme/typography';
-var borderRadius = getBorderRadius();
-
 // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
 var lightH600Styles = css(h600({
   theme: {
@@ -29,8 +26,8 @@ var modalHeadingStyles = css({
 var modalImageStyles = css({
   width: '100%',
   height: 'auto',
-  borderTopLeftRadius: "".concat(borderRadius, "px"),
-  borderTopRightRadius: "".concat(borderRadius, "px"),
+  borderTopLeftRadius: "var(--ds-border-radius, 3px)",
+  borderTopRightRadius: "var(--ds-border-radius, 3px)",
   '@media (min-width: 320px) and (max-width: 480px)': {
     borderRadius: 0
   }

package/dist/esm/styled/target.js

@@ -74,9 +74,9 @@ var targetOverlayStyles = css({
   width: '100%',
   height: '100%',
   position: 'absolute',
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   top: 0,
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   left: 0
 });
 

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/onboarding",
-	"version": "10.8.4",
+	"version": "10.8.5",
 	"sideEffects": false
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/onboarding",
-  "version": "10.8.4",
+  "version": "10.8.5",
   "description": "An onboarding spotlight introduces new features to users through focused messages or multi-step tours.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -41,7 +41,7 @@
     "@atlaskit/popper": "^5.5.0",
     "@atlaskit/portal": "^4.3.0",
     "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.9.0",
+    "@atlaskit/tokens": "^1.11.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "bind-event-listener": "^2.1.1",