@atlaskit/onboarding 12.2.0 → 12.2.2

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/onboarding
 
+## 12.2.2
+
+### Patch Changes
+
+- [#180301](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/180301)
+  [`16990dd2ac6e5`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/16990dd2ac6e5) -
+  Internal changes to typography styles. There may be some minor visual changes to align with
+  modernized typography styles.
+
+## 12.2.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 12.2.0
 
 ### Minor Changes

package/dist/cjs/components/modal.js

@@ -10,10 +10,9 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
 var _react2 = require("@emotion/react");
@@ -25,7 +24,7 @@ var _excluded = ["text", "key"],
   _excluded2 = ["actions", "children", "heading", "experimental_shouldShowPrimaryButtonOnRight", "footer", "header", "image"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -42,16 +41,14 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  */
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var BenefitsModal = exports.default = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(BenefitsModal, _Component);
-  var _super = _createSuper(BenefitsModal);
   function BenefitsModal() {
     var _this;
     (0, _classCallCheck2.default)(this, BenefitsModal);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "headerComponent", function (props) {
+    _this = _callSuper(this, BenefitsModal, [].concat(args));
+    (0, _defineProperty2.default)(_this, "headerComponent", function (props) {
       var HeaderElement = props.header,
         src = props.image;
       var ImageElement = function ImageElement() {
@@ -62,7 +59,7 @@ var BenefitsModal = exports.default = /*#__PURE__*/function (_Component) {
       };
       return HeaderElement || ImageElement;
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "footerComponent", function (props) {
+    (0, _defineProperty2.default)(_this, "footerComponent", function (props) {
       var FooterElement = props.footer,
         actionList = props.actions,
         _props$experimental_s = props.experimental_shouldShowPrimaryButtonOnRight,
@@ -89,7 +86,8 @@ var BenefitsModal = exports.default = /*#__PURE__*/function (_Component) {
     });
     return _this;
   }
-  (0, _createClass2.default)(BenefitsModal, [{
+  (0, _inherits2.default)(BenefitsModal, _Component);
+  return (0, _createClass2.default)(BenefitsModal, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -126,5 +124,4 @@ var BenefitsModal = exports.default = /*#__PURE__*/function (_Component) {
       }, rest), (0, _react2.jsx)(Header, null), (0, _react2.jsx)(_modalDialog.ModalBody, null, (0, _react2.jsx)(_modal.ModalBody, null, heading && (0, _react2.jsx)(CustomHeader, null), children)), (0, _react2.jsx)(Footer, null));
     }
   }]);
-  return BenefitsModal;
 }(_react.Component);

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

@@ -8,10 +8,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactFocusLock = _interopRequireDefault(require("react-focus-lock"));
@@ -24,7 +23,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /**
  * __Spotlight dialog__
@@ -37,21 +36,20 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  */
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var SpotlightDialogComponent = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(SpotlightDialogComponent, _Component);
-  var _super = _createSuper(SpotlightDialogComponent);
   function SpotlightDialogComponent() {
     var _this;
     (0, _classCallCheck2.default)(this, SpotlightDialogComponent);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
+    _this = _callSuper(this, SpotlightDialogComponent, [].concat(args));
+    (0, _defineProperty2.default)(_this, "state", {
       focusLockDisabled: true
     });
     return _this;
   }
-  (0, _createClass2.default)(SpotlightDialogComponent, [{
+  (0, _inherits2.default)(SpotlightDialogComponent, _Component);
+  return (0, _createClass2.default)(SpotlightDialogComponent, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this2 = this;
@@ -167,6 +165,5 @@ var SpotlightDialogComponent = /*#__PURE__*/function (_Component) {
       });
     }
   }]);
-  return SpotlightDialogComponent;
 }(_react.Component); // eslint-disable-next-line @repo/internal/react/require-jsdoc
 var _default = exports.default = SpotlightDialogComponent;

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

@@ -9,10 +9,9 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _exenv = require("exenv");
@@ -31,7 +30,7 @@ var _spotlightTransition = require("./spotlight-transition");
 var _excluded = ["height", "left", "top", "width"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /**
  * __Spotlight inner__
@@ -41,23 +40,21 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @internal
  */
 var SpotlightInner = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(SpotlightInner, _React$Component);
-  var _super = _createSuper(SpotlightInner);
   function SpotlightInner() {
     var _this;
     (0, _classCallCheck2.default)(this, SpotlightInner);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
+    _this = _callSuper(this, SpotlightInner, [].concat(args));
+    (0, _defineProperty2.default)(_this, "state", {
       // This is only used when targetReplacement is specified.
       // In this case, we have to render the targetReplacement component,
       // get a dom reference from that component, then render again passing
       // that reference into SpotlightDialog (Popper).
       replacementElement: null
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getTargetNodeStyle", function (box) {
+    (0, _defineProperty2.default)(_this, "getTargetNodeStyle", function (box) {
       if (!_exenv.canUseDOM) {
         return {};
       }
@@ -76,7 +73,8 @@ var SpotlightInner = /*#__PURE__*/function (_React$Component) {
     });
     return _this;
   }
-  (0, _createClass2.default)(SpotlightInner, [{
+  (0, _inherits2.default)(SpotlightInner, _React$Component);
+  return (0, _createClass2.default)(SpotlightInner, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
       if (prevProps.targetNode !== this.props.targetNode) {
@@ -178,7 +176,6 @@ var SpotlightInner = /*#__PURE__*/function (_React$Component) {
       });
     }
   }]);
-  return SpotlightInner;
 }(_react.default.Component);
 (0, _defineProperty2.default)(SpotlightInner, "defaultProps", {
   dialogWidth: 400,

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

@@ -8,10 +8,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.TargetConsumer = exports.SpotlightContext = exports.SpotlightConsumer = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _memoizeOne = _interopRequireDefault(require("memoize-one"));
@@ -24,7 +23,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var _createContext = /*#__PURE__*/(0, _react.createContext)(undefined),
   TargetConsumer = exports.TargetConsumer = _createContext.Consumer,
@@ -53,20 +52,18 @@ var Container = function Container(_ref) {
  */
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var SpotlightManager = exports.default = /*#__PURE__*/function (_PureComponent) {
-  (0, _inherits2.default)(SpotlightManager, _PureComponent);
-  var _super = _createSuper(SpotlightManager);
   function SpotlightManager() {
     var _this;
     (0, _classCallCheck2.default)(this, SpotlightManager);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
+    _this = _callSuper(this, SpotlightManager, [].concat(args));
+    (0, _defineProperty2.default)(_this, "state", {
       spotlightCount: 0,
       targets: {}
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getTargetRef", function (name) {
+    (0, _defineProperty2.default)(_this, "getTargetRef", function (name) {
       return function (element) {
         _this.setState(function (state) {
           return {
@@ -75,21 +72,21 @@ var SpotlightManager = exports.default = /*#__PURE__*/function (_PureComponent)
         });
       };
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "spotlightOpen", function () {
+    (0, _defineProperty2.default)(_this, "spotlightOpen", function () {
       _this.setState(function (state) {
         return {
           spotlightCount: state.spotlightCount + 1
         };
       });
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "spotlightClose", function () {
+    (0, _defineProperty2.default)(_this, "spotlightClose", function () {
       _this.setState(function (state) {
         return {
           spotlightCount: state.spotlightCount - 1
         };
       });
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getStateProviderValue", (0, _memoizeOne.default)(function (targets) {
+    (0, _defineProperty2.default)(_this, "getStateProviderValue", (0, _memoizeOne.default)(function (targets) {
       return {
         opened: _this.spotlightOpen,
         closed: _this.spotlightClose,
@@ -98,7 +95,8 @@ var SpotlightManager = exports.default = /*#__PURE__*/function (_PureComponent)
     }));
     return _this;
   }
-  (0, _createClass2.default)(SpotlightManager, [{
+  (0, _inherits2.default)(SpotlightManager, _PureComponent);
+  return (0, _createClass2.default)(SpotlightManager, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       if (typeof process !== 'undefined' && process.env.NODE_ENV !== 'production' && !process.env.CI) {
@@ -136,7 +134,6 @@ var SpotlightManager = exports.default = /*#__PURE__*/function (_PureComponent)
       }), children)));
     }
   }]);
-  return SpotlightManager;
 }(_react.PureComponent);
 (0, _defineProperty2.default)(SpotlightManager, "defaultProps", {
   blanketIsTinted: true

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

@@ -8,16 +8,15 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.SpotlightTransitionConsumer = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var SpotlightTransitionContext = /*#__PURE__*/(0, _react.createContext)({
   isOpen: true,
@@ -42,26 +41,25 @@ var hasChildren = function hasChildren(children) {
  * - [Usage](https://atlassian.design/components/onboarding/usage)
  */
 var SpotlightTransition = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(SpotlightTransition, _React$Component);
-  var _super = _createSuper(SpotlightTransition);
   function SpotlightTransition() {
     var _this;
     (0, _classCallCheck2.default)(this, SpotlightTransition);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
+    _this = _callSuper(this, SpotlightTransition, [].concat(args));
+    (0, _defineProperty2.default)(_this, "state", {
       currentChildren: undefined
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onExited", function () {
+    (0, _defineProperty2.default)(_this, "onExited", function () {
       _this.setState({
         currentChildren: _this.props.children
       });
     });
     return _this;
   }
-  (0, _createClass2.default)(SpotlightTransition, [{
+  (0, _inherits2.default)(SpotlightTransition, _React$Component);
+  return (0, _createClass2.default)(SpotlightTransition, [{
     key: "render",
     value: function render() {
       return /*#__PURE__*/_react.default.createElement(SpotlightTransitionContext.Provider, {
@@ -81,7 +79,6 @@ var SpotlightTransition = /*#__PURE__*/function (_React$Component) {
       };
     }
   }]);
-  return SpotlightTransition;
 }(_react.default.Component);
 /**
  * __Spotlight transition consumer__

package/dist/cjs/components/value-changed.js

@@ -7,24 +7,23 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _react = _interopRequireDefault(require("react"));
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 // This component was born from the pain of using render props in lifecycle methods.
 // On update, it checks whether the current value prop is equal to the previous value prop.
 // If they are different, it calls the onChange function.
 // We use this for updating Popper when the SpotlightDialog width changes.
 var ValueChanged = exports.default = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(ValueChanged, _React$Component);
-  var _super = _createSuper(ValueChanged);
   function ValueChanged() {
     (0, _classCallCheck2.default)(this, ValueChanged);
-    return _super.apply(this, arguments);
+    return _callSuper(this, ValueChanged, arguments);
   }
-  (0, _createClass2.default)(ValueChanged, [{
+  (0, _inherits2.default)(ValueChanged, _React$Component);
+  return (0, _createClass2.default)(ValueChanged, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
       if (prevProps.value !== this.props.value) {
@@ -37,5 +36,4 @@ var ValueChanged = exports.default = /*#__PURE__*/function (_React$Component) {
       return this.props.children;
     }
   }]);
-  return ValueChanged;
 }(_react.default.Component);

package/dist/cjs/styled/modal.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ModalImage = exports.ModalHeading = exports.ModalBody = exports.ModalActionItem = exports.ModalActionContainer = void 0;
 var _react = require("@emotion/react");
-var _typography = require("@atlaskit/theme/typography");
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -17,16 +16,11 @@ var modalBodyStyles = (0, _react.css)({
 });
 
 // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-array-arguments -- Ignored via go/DSP-18766
-var modalHeadingStyles = (0, _react.css)([
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-(0, _react.css)((0, _typography.h600)({
-  theme: {
-    mode: 'light'
-  }
-})), {
-  marginBottom: "var(--ds-space-100, 8px)",
-  color: 'inherit'
-}]);
+var modalHeadingStyles = (0, _react.css)({
+  color: 'inherit',
+  font: "var(--ds-font-heading-medium, normal 500 20px/24px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+  marginBlockEnd: "var(--ds-space-100, 8px)"
+});
 var modalImageStyles = (0, _react.css)({
   width: '100%',
   height: 'auto',

package/dist/es2019/styled/modal.js

@@ -4,23 +4,17 @@
  */
 
 import { css, jsx } from '@emotion/react';
-import { h600 } from '@atlaskit/theme/typography';
 const modalBodyStyles = css({
   padding: `${"var(--ds-space-500, 40px)"} ${"var(--ds-space-200, 16px)"}`,
   textAlign: 'center'
 });
 
 // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-array-arguments -- Ignored via go/DSP-18766
-const modalHeadingStyles = css([
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-css(h600({
-  theme: {
-    mode: 'light'
-  }
-})), {
-  marginBottom: "var(--ds-space-100, 8px)",
-  color: 'inherit'
-}]);
+const modalHeadingStyles = css({
+  color: 'inherit',
+  font: "var(--ds-font-heading-medium, normal 500 20px/24px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+  marginBlockEnd: "var(--ds-space-100, 8px)"
+});
 const modalImageStyles = css({
   width: '100%',
   height: 'auto',

package/dist/esm/components/modal.js

@@ -2,14 +2,13 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["text", "key"],
   _excluded2 = ["actions", "children", "heading", "experimental_shouldShowPrimaryButtonOnRight", "footer", "header", "image"];
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /**
  * @jsxRuntime classic
@@ -34,16 +33,14 @@ import { modalButtonTheme } from './theme';
  */
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var BenefitsModal = /*#__PURE__*/function (_Component) {
-  _inherits(BenefitsModal, _Component);
-  var _super = _createSuper(BenefitsModal);
   function BenefitsModal() {
     var _this;
     _classCallCheck(this, BenefitsModal);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "headerComponent", function (props) {
+    _this = _callSuper(this, BenefitsModal, [].concat(args));
+    _defineProperty(_this, "headerComponent", function (props) {
       var HeaderElement = props.header,
         src = props.image;
       var ImageElement = function ImageElement() {
@@ -54,7 +51,7 @@ var BenefitsModal = /*#__PURE__*/function (_Component) {
       };
       return HeaderElement || ImageElement;
     });
-    _defineProperty(_assertThisInitialized(_this), "footerComponent", function (props) {
+    _defineProperty(_this, "footerComponent", function (props) {
       var FooterElement = props.footer,
         actionList = props.actions,
         _props$experimental_s = props.experimental_shouldShowPrimaryButtonOnRight,
@@ -81,7 +78,8 @@ var BenefitsModal = /*#__PURE__*/function (_Component) {
     });
     return _this;
   }
-  _createClass(BenefitsModal, [{
+  _inherits(BenefitsModal, _Component);
+  return _createClass(BenefitsModal, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -118,6 +116,5 @@ var BenefitsModal = /*#__PURE__*/function (_Component) {
       }, rest), jsx(Header, null), jsx(ModalBody, null, jsx(Body, null, heading && jsx(CustomHeader, null), children)), jsx(Footer, null));
     }
   }]);
-  return BenefitsModal;
 }(Component);
 export { BenefitsModal as default };

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

@@ -1,13 +1,12 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React, { Component } from 'react';
 import FocusLock from 'react-focus-lock';
@@ -27,21 +26,20 @@ import ValueChanged from './value-changed';
  */
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var SpotlightDialogComponent = /*#__PURE__*/function (_Component) {
-  _inherits(SpotlightDialogComponent, _Component);
-  var _super = _createSuper(SpotlightDialogComponent);
   function SpotlightDialogComponent() {
     var _this;
     _classCallCheck(this, SpotlightDialogComponent);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "state", {
+    _this = _callSuper(this, SpotlightDialogComponent, [].concat(args));
+    _defineProperty(_this, "state", {
       focusLockDisabled: true
     });
     return _this;
   }
-  _createClass(SpotlightDialogComponent, [{
+  _inherits(SpotlightDialogComponent, _Component);
+  return _createClass(SpotlightDialogComponent, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this2 = this;
@@ -157,6 +155,5 @@ var SpotlightDialogComponent = /*#__PURE__*/function (_Component) {
       });
     }
   }]);
-  return SpotlightDialogComponent;
 }(Component); // eslint-disable-next-line @repo/internal/react/require-jsdoc
 export default SpotlightDialogComponent;

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

@@ -2,15 +2,14 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["height", "left", "top", "width"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 import { canUseDOM } from 'exenv';
@@ -34,23 +33,21 @@ import { SpotlightTransitionConsumer } from './spotlight-transition';
  * @internal
  */
 var SpotlightInner = /*#__PURE__*/function (_React$Component) {
-  _inherits(SpotlightInner, _React$Component);
-  var _super = _createSuper(SpotlightInner);
   function SpotlightInner() {
     var _this;
     _classCallCheck(this, SpotlightInner);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "state", {
+    _this = _callSuper(this, SpotlightInner, [].concat(args));
+    _defineProperty(_this, "state", {
       // This is only used when targetReplacement is specified.
       // In this case, we have to render the targetReplacement component,
       // get a dom reference from that component, then render again passing
       // that reference into SpotlightDialog (Popper).
       replacementElement: null
     });
-    _defineProperty(_assertThisInitialized(_this), "getTargetNodeStyle", function (box) {
+    _defineProperty(_this, "getTargetNodeStyle", function (box) {
       if (!canUseDOM) {
         return {};
       }
@@ -69,7 +66,8 @@ var SpotlightInner = /*#__PURE__*/function (_React$Component) {
     });
     return _this;
   }
-  _createClass(SpotlightInner, [{
+  _inherits(SpotlightInner, _React$Component);
+  return _createClass(SpotlightInner, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
       if (prevProps.targetNode !== this.props.targetNode) {
@@ -171,7 +169,6 @@ var SpotlightInner = /*#__PURE__*/function (_React$Component) {
       });
     }
   }]);
-  return SpotlightInner;
 }(React.Component);
 _defineProperty(SpotlightInner, "defaultProps", {
   dialogWidth: 400,

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

@@ -1,13 +1,12 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React, { createContext, PureComponent } from 'react';
 import memoizeOne from 'memoize-one';
@@ -45,20 +44,18 @@ var Container = function Container(_ref) {
  */
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var SpotlightManager = /*#__PURE__*/function (_PureComponent) {
-  _inherits(SpotlightManager, _PureComponent);
-  var _super = _createSuper(SpotlightManager);
   function SpotlightManager() {
     var _this;
     _classCallCheck(this, SpotlightManager);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "state", {
+    _this = _callSuper(this, SpotlightManager, [].concat(args));
+    _defineProperty(_this, "state", {
       spotlightCount: 0,
       targets: {}
     });
-    _defineProperty(_assertThisInitialized(_this), "getTargetRef", function (name) {
+    _defineProperty(_this, "getTargetRef", function (name) {
       return function (element) {
         _this.setState(function (state) {
           return {
@@ -67,21 +64,21 @@ var SpotlightManager = /*#__PURE__*/function (_PureComponent) {
         });
       };
     });
-    _defineProperty(_assertThisInitialized(_this), "spotlightOpen", function () {
+    _defineProperty(_this, "spotlightOpen", function () {
       _this.setState(function (state) {
         return {
           spotlightCount: state.spotlightCount + 1
         };
       });
     });
-    _defineProperty(_assertThisInitialized(_this), "spotlightClose", function () {
+    _defineProperty(_this, "spotlightClose", function () {
       _this.setState(function (state) {
         return {
           spotlightCount: state.spotlightCount - 1
         };
       });
     });
-    _defineProperty(_assertThisInitialized(_this), "getStateProviderValue", memoizeOne(function (targets) {
+    _defineProperty(_this, "getStateProviderValue", memoizeOne(function (targets) {
       return {
         opened: _this.spotlightOpen,
         closed: _this.spotlightClose,
@@ -90,7 +87,8 @@ var SpotlightManager = /*#__PURE__*/function (_PureComponent) {
     }));
     return _this;
   }
-  _createClass(SpotlightManager, [{
+  _inherits(SpotlightManager, _PureComponent);
+  return _createClass(SpotlightManager, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       if (typeof process !== 'undefined' && process.env.NODE_ENV !== 'production' && !process.env.CI) {
@@ -128,7 +126,6 @@ var SpotlightManager = /*#__PURE__*/function (_PureComponent) {
       }), children)));
     }
   }]);
-  return SpotlightManager;
 }(PureComponent);
 _defineProperty(SpotlightManager, "defaultProps", {
   blanketIsTinted: true

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

@@ -1,11 +1,10 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React, { createContext } from 'react';
 import noop from '@atlaskit/ds-lib/noop';
@@ -32,26 +31,25 @@ var hasChildren = function hasChildren(children) {
  * - [Usage](https://atlassian.design/components/onboarding/usage)
  */
 var SpotlightTransition = /*#__PURE__*/function (_React$Component) {
-  _inherits(SpotlightTransition, _React$Component);
-  var _super = _createSuper(SpotlightTransition);
   function SpotlightTransition() {
     var _this;
     _classCallCheck(this, SpotlightTransition);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "state", {
+    _this = _callSuper(this, SpotlightTransition, [].concat(args));
+    _defineProperty(_this, "state", {
       currentChildren: undefined
     });
-    _defineProperty(_assertThisInitialized(_this), "onExited", function () {
+    _defineProperty(_this, "onExited", function () {
       _this.setState({
         currentChildren: _this.props.children
       });
     });
     return _this;
   }
-  _createClass(SpotlightTransition, [{
+  _inherits(SpotlightTransition, _React$Component);
+  return _createClass(SpotlightTransition, [{
     key: "render",
     value: function render() {
       return /*#__PURE__*/React.createElement(SpotlightTransitionContext.Provider, {
@@ -71,7 +69,6 @@ var SpotlightTransition = /*#__PURE__*/function (_React$Component) {
       };
     }
   }]);
-  return SpotlightTransition;
 }(React.Component);
 /**
  * __Spotlight transition consumer__

package/dist/esm/components/value-changed.js

@@ -1,9 +1,9 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
+import _inherits from "@babel/runtime/helpers/inherits";
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 // This component was born from the pain of using render props in lifecycle methods.
@@ -11,13 +11,12 @@ import React from 'react';
 // If they are different, it calls the onChange function.
 // We use this for updating Popper when the SpotlightDialog width changes.
 var ValueChanged = /*#__PURE__*/function (_React$Component) {
-  _inherits(ValueChanged, _React$Component);
-  var _super = _createSuper(ValueChanged);
   function ValueChanged() {
     _classCallCheck(this, ValueChanged);
-    return _super.apply(this, arguments);
+    return _callSuper(this, ValueChanged, arguments);
   }
-  _createClass(ValueChanged, [{
+  _inherits(ValueChanged, _React$Component);
+  return _createClass(ValueChanged, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
       if (prevProps.value !== this.props.value) {
@@ -30,6 +29,5 @@ var ValueChanged = /*#__PURE__*/function (_React$Component) {
       return this.props.children;
     }
   }]);
-  return ValueChanged;
 }(React.Component);
 export { ValueChanged as default };

package/dist/esm/styled/modal.js

@@ -4,23 +4,17 @@
  */
 
 import { css, jsx } from '@emotion/react';
-import { h600 } from '@atlaskit/theme/typography';
 var modalBodyStyles = css({
   padding: "var(--ds-space-500, 40px)".concat(" ", "var(--ds-space-200, 16px)"),
   textAlign: 'center'
 });
 
 // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-array-arguments -- Ignored via go/DSP-18766
-var modalHeadingStyles = css([
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-css(h600({
-  theme: {
-    mode: 'light'
-  }
-})), {
-  marginBottom: "var(--ds-space-100, 8px)",
-  color: 'inherit'
-}]);
+var modalHeadingStyles = css({
+  color: 'inherit',
+  font: "var(--ds-font-heading-medium, normal 500 20px/24px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+  marginBlockEnd: "var(--ds-space-100, 8px)"
+});
 var modalImageStyles = css({
   width: '100%',
   height: 'auto',

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/onboarding",
-	"version": "12.2.0",
+	"version": "12.2.2",
 	"description": "An onboarding spotlight introduces new features to users through focused messages or multi-step tours.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -41,15 +41,15 @@
 		"@atlaskit/button": "^20.3.0",
 		"@atlaskit/ds-lib": "^3.3.0",
 		"@atlaskit/heading": "^4.0.0",
-		"@atlaskit/layering": "^0.8.0",
+		"@atlaskit/layering": "^1.0.0",
 		"@atlaskit/modal-dialog": "^12.18.0",
 		"@atlaskit/motion": "^1.9.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/popper": "^6.3.0",
-		"@atlaskit/portal": "^4.9.0",
+		"@atlaskit/portal": "^4.10.0",
 		"@atlaskit/primitives": "^13.3.0",
 		"@atlaskit/theme": "^14.0.0",
-		"@atlaskit/tokens": "^2.4.0",
+		"@atlaskit/tokens": "^2.5.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"bind-event-listener": "^3.0.0",