@atlaskit/onboarding 11.5.3 → 11.5.5

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/onboarding
 
+## 11.5.5
+
+### Patch Changes
+
+-   [#97580](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/97580)
+    [`e07d5ea81fc8`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e07d5ea81fc8) -
+    Update internal usage of typography heading
+-   Updated dependencies
+
+## 11.5.4
+
+### Patch Changes
+
+-   [#96898](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/96898)
+    [`255626d6dcd8`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/255626d6dcd8) -
+    [ux] Remove zIndex for legacy browsers
+-   Updated dependencies
+
 ## 11.5.3
 
 ### Patch Changes
@@ -21,7 +39,7 @@
 
 -   [#95529](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/95529)
     [`48e3bdade8f8`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/48e3bdade8f8) -
-    [ux] Remove zIndex for legacy browser support
+    Internal changes.
 
 ## 11.5.0
 

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

@@ -123,7 +123,6 @@ var SpotlightCard = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       css: bodyStyles
     }, heading || headingAfterElement ? (0, _react2.jsx)(Header, null, (0, _react2.jsx)(_heading.default, {
       id: headingId,
-      color: "inverse",
       size: "medium",
       as: "h".concat(headingLevel)
     }, heading), headingAfterElement) : null, (0, _react2.jsx)(_primitives.Text, null, children), actions.length > 0 || actionsBeforeElement ? (0, _react2.jsx)(Footer, null, actionsBeforeElement || (0, _react2.jsx)("span", null), (0, _react2.jsx)(_dialog.DialogActionItemContainer, null, actions.map(function (_ref3, idx) {

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() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var packageName = "@atlaskit/onboarding";
-var packageVersion = "11.5.3";
+var packageVersion = "11.5.5";
 var SpotlightDialog = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(SpotlightDialog, _Component);
   var _super = _createSuper(SpotlightDialog);

package/dist/cjs/styled/target.js

@@ -11,7 +11,6 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = require("@emotion/react");
 var _motion = require("@atlaskit/motion");
 var _colors = require("@atlaskit/theme/colors");
-var _constants = require("@atlaskit/theme/constants");
 var _excluded = ["children", "bgColor", "radius", "style", "testId"],
   _excluded2 = ["children", "pulse"],
   _excluded3 = ["children", "pulse", "testId"];
@@ -38,12 +37,6 @@ var animationStyles = (0, _react.css)({
   // is applied so we still have a functioning semantic affordance.
   boxShadow: baseShadow
 });
-
-// IE11 and Edge: z-index needed because fixed position calculates z-index relative
-// to body instead of nearest stacking context (Portal in our case).
-var baseStyles = (0, _react.css)({
-  zIndex: _constants.layers.spotlight() + 1
-});
 var Base = function Base(_ref) {
   var children = _ref.children,
     bgColor = _ref.bgColor,
@@ -52,7 +45,6 @@ var Base = function Base(_ref) {
     testId = _ref.testId,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return (0, _react.jsx)("div", (0, _extends2.default)({
-    css: baseStyles,
     "data-testid": testId,
     style: _objectSpread(_objectSpread({}, style), {}, {
       backgroundColor: bgColor,

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

@@ -104,7 +104,6 @@ const SpotlightCard = /*#__PURE__*/forwardRef((props, ref) => {
     css: bodyStyles
   }, heading || headingAfterElement ? jsx(Header, null, jsx(Heading, {
     id: headingId,
-    color: "inverse",
     size: "medium",
     as: `h${headingLevel}`
   }, heading), headingAfterElement) : null, jsx(Text, null, children), actions.length > 0 || actionsBeforeElement ? jsx(Footer, null, actionsBeforeElement || jsx("span", null), jsx(DialogActionItemContainer, null, actions.map(({

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

package/dist/es2019/styled/target.js

@@ -4,7 +4,6 @@ import _extends from "@babel/runtime/helpers/extends";
 import { css, jsx, keyframes } from '@emotion/react';
 import { reduceMotionAsPerUserPreference } from '@atlaskit/motion';
 import { P300 } from '@atlaskit/theme/colors';
-import { layers } from '@atlaskit/theme/constants';
 // NOTE:
 // Pulse color "rgb(101, 84, 192)" derived from "colors.P300"
 const baseShadow = `0 0 0 2px ${`var(--ds-border-discovery, ${P300})`}`;
@@ -25,12 +24,6 @@ const animationStyles = css({
   // is applied so we still have a functioning semantic affordance.
   boxShadow: baseShadow
 });
-
-// IE11 and Edge: z-index needed because fixed position calculates z-index relative
-// to body instead of nearest stacking context (Portal in our case).
-const baseStyles = css({
-  zIndex: layers.spotlight() + 1
-});
 const Base = ({
   children,
   bgColor,
@@ -39,7 +32,6 @@ const Base = ({
   testId,
   ...props
 }) => jsx("div", _extends({
-  css: baseStyles,
   "data-testid": testId,
   style: {
     ...style,

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

@@ -113,7 +113,6 @@ var SpotlightCard = /*#__PURE__*/forwardRef(function (props, ref) {
       css: bodyStyles
     }, heading || headingAfterElement ? jsx(Header, null, jsx(Heading, {
       id: headingId,
-      color: "inverse",
       size: "medium",
       as: "h".concat(headingLevel)
     }, heading), headingAfterElement) : null, jsx(Text, null, children), actions.length > 0 || actionsBeforeElement ? jsx(Footer, null, actionsBeforeElement || jsx("span", null), jsx(DialogActionItemContainer, null, actions.map(function (_ref3, idx) {

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

package/dist/esm/styled/target.js

@@ -11,7 +11,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { css, jsx, keyframes } from '@emotion/react';
 import { reduceMotionAsPerUserPreference } from '@atlaskit/motion';
 import { P300 } from '@atlaskit/theme/colors';
-import { layers } from '@atlaskit/theme/constants';
 // NOTE:
 // Pulse color "rgb(101, 84, 192)" derived from "colors.P300"
 var baseShadow = "0 0 0 2px ".concat("var(--ds-border-discovery, ".concat(P300, ")"));
@@ -32,12 +31,6 @@ var animationStyles = css({
   // is applied so we still have a functioning semantic affordance.
   boxShadow: baseShadow
 });
-
-// IE11 and Edge: z-index needed because fixed position calculates z-index relative
-// to body instead of nearest stacking context (Portal in our case).
-var baseStyles = css({
-  zIndex: layers.spotlight() + 1
-});
 var Base = function Base(_ref) {
   var children = _ref.children,
     bgColor = _ref.bgColor,
@@ -46,7 +39,6 @@ var Base = function Base(_ref) {
     testId = _ref.testId,
     props = _objectWithoutProperties(_ref, _excluded);
   return jsx("div", _extends({
-    css: baseStyles,
     "data-testid": testId,
     style: _objectSpread(_objectSpread({}, style), {}, {
       backgroundColor: bgColor,

package/dist/types/styled/target.d.ts

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { HTMLAttributes, ReactNode } from 'react';
+import { type HTMLAttributes, type ReactNode } from 'react';
 import { jsx } from '@emotion/react';
 type BaseProps = React.HTMLAttributes<HTMLDivElement> & {
     bgColor?: string;

package/dist/types-ts4.5/styled/target.d.ts

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { HTMLAttributes, ReactNode } from 'react';
+import { type HTMLAttributes, type ReactNode } from 'react';
 import { jsx } from '@emotion/react';
 type BaseProps = React.HTMLAttributes<HTMLDivElement> & {
     bgColor?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/onboarding",
-  "version": "11.5.3",
+  "version": "11.5.5",
   "description": "An onboarding spotlight introduces new features to users through focused messages or multi-step tours.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -43,12 +43,12 @@
     "@atlaskit/analytics-next": "^9.3.0",
     "@atlaskit/button": "^17.14.0",
     "@atlaskit/ds-lib": "^2.3.0",
-    "@atlaskit/heading": "^2.2.0",
+    "@atlaskit/heading": "^2.3.0",
     "@atlaskit/modal-dialog": "^12.13.0",
     "@atlaskit/motion": "^1.5.0",
     "@atlaskit/popper": "^5.5.0",
-    "@atlaskit/portal": "^4.4.0",
-    "@atlaskit/primitives": "^6.0.0",
+    "@atlaskit/portal": "^4.5.0",
+    "@atlaskit/primitives": "^6.1.0",
     "@atlaskit/theme": "^12.7.0",
     "@atlaskit/tokens": "^1.45.0",
     "@babel/runtime": "^7.0.0",