@atlaskit/onboarding 11.0.0 → 11.1.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/onboarding
 
+## 11.1.0
+
+### Minor Changes
+
+- [#58176](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/58176) [`32032c9c1289`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/32032c9c1289) - [ux] Fix spotlight padding and font style issues on tabs.
+
 ## 11.0.0
 
 ### Major Changes

package/dist/cjs/components/clone.js

@@ -7,9 +7,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _target = require("../styled/target");
+var computedStyleAttributesToClone = ['fontSize', 'fontWeight', 'lineHeight', 'padding', 'color', 'textOverflow'];
 function cloneAndOverrideStyles(node) {
   var shouldCloneChildren = true;
   var clonedNode = node.cloneNode(shouldCloneChildren);
+  var computedStyles = getComputedStyle(node);
+  computedStyleAttributesToClone.forEach(function (attribute) {
+    clonedNode.style[attribute] = computedStyles[attribute];
+  });
   clonedNode.style.margin = '0';
   clonedNode.style.position = 'static';
   // The target may have other transforms applied. Avoid unintended side effects

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

@@ -27,7 +27,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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 = "11.0.0";
+var packageVersion = "11.1.0";
 var SpotlightDialog = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(SpotlightDialog, _Component);
   var _super = _createSuper(SpotlightDialog);

package/dist/es2019/components/clone.js

@@ -1,8 +1,13 @@
 import React from 'react';
 import { TargetInner, TargetOverlay } from '../styled/target';
+const computedStyleAttributesToClone = ['fontSize', 'fontWeight', 'lineHeight', 'padding', 'color', 'textOverflow'];
 function cloneAndOverrideStyles(node) {
   const shouldCloneChildren = true;
   const clonedNode = node.cloneNode(shouldCloneChildren);
+  const computedStyles = getComputedStyle(node);
+  computedStyleAttributesToClone.forEach(attribute => {
+    clonedNode.style[attribute] = computedStyles[attribute];
+  });
   clonedNode.style.margin = '0';
   clonedNode.style.position = 'static';
   // The target may have other transforms applied. Avoid unintended side effects

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 = "11.0.0";
+const packageVersion = "11.1.0";
 class SpotlightDialog extends Component {
   constructor(...args) {
     super(...args);

package/dist/esm/components/clone.js

@@ -1,8 +1,13 @@
 import React from 'react';
 import { TargetInner, TargetOverlay } from '../styled/target';
+var computedStyleAttributesToClone = ['fontSize', 'fontWeight', 'lineHeight', 'padding', 'color', 'textOverflow'];
 function cloneAndOverrideStyles(node) {
   var shouldCloneChildren = true;
   var clonedNode = node.cloneNode(shouldCloneChildren);
+  var computedStyles = getComputedStyle(node);
+  computedStyleAttributesToClone.forEach(function (attribute) {
+    clonedNode.style[attribute] = computedStyles[attribute];
+  });
   clonedNode.style.margin = '0';
   clonedNode.style.position = 'static';
   // The target may have other transforms applied. Avoid unintended side effects

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 = "11.0.0";
+var packageVersion = "11.1.0";
 var SpotlightDialog = /*#__PURE__*/function (_Component) {
   _inherits(SpotlightDialog, _Component);
   var _super = _createSuper(SpotlightDialog);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/onboarding",
-  "version": "11.0.0",
+  "version": "11.1.0",
   "description": "An onboarding spotlight introduces new features to users through focused messages or multi-step tours.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -37,7 +37,7 @@
     "@atlaskit/button": "^16.17.0",
     "@atlaskit/ds-lib": "^2.2.0",
     "@atlaskit/heading": "^1.4.0",
-    "@atlaskit/modal-dialog": "^12.9.0",
+    "@atlaskit/modal-dialog": "^12.10.0",
     "@atlaskit/popper": "^5.5.0",
     "@atlaskit/portal": "^4.4.0",
     "@atlaskit/theme": "^12.6.0",
@@ -59,6 +59,8 @@
   },
   "devDependencies": {
     "@af/accessibility-testing": "*",
+    "@af/integration-testing": "*",
+    "@af/visual-regression": "*",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",