@atlaskit/help-layout 4.2.6 → 4.2.8

package/CHANGELOG.md

@@ -1,46 +1,59 @@
 # @atlaskit/help-layout
 
+## 4.2.8
+
+### Patch Changes
+
+- Updated dependencies
+
+## 4.2.7
+
+### Patch Changes
+
+- [#38162](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38162) [`fd6bb9c9184`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fd6bb9c9184) - Delete version.json
+- Updated dependencies
+
 ## 4.2.6
 
 ### Patch Changes
 
-- [`f01deb5e6ab`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f01deb5e6ab) - Use injected env vars instead of version.json
+- [#37925](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/37925) [`f01deb5e6ab`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f01deb5e6ab) - Use injected env vars instead of version.json
 
 ## 4.2.5
 
 ### Patch Changes
 
-- [`7bdb050c04e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7bdb050c04e) - Internal change to use space tokens for spacing properties. There is no visual change.
+- [#35450](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/35450) [`7bdb050c04e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7bdb050c04e) - Internal change to use space tokens for spacing properties. There is no visual change.
 
 ## 4.2.4
 
 ### Patch Changes
 
-- [`61cb5313358`](https://bitbucket.org/atlassian/atlassian-frontend/commits/61cb5313358) - Removing unused dependencies and dev dependencies
+- [#34443](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/34443) [`61cb5313358`](https://bitbucket.org/atlassian/atlassian-frontend/commits/61cb5313358) - Removing unused dependencies and dev dependencies
 
 ## 4.2.3
 
 ### Patch Changes
 
-- [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
+- [#33793](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33793) [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
 
 ## 4.2.2
 
 ### Patch Changes
 
-- [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
+- [#33649](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33649) [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
 
 ## 4.2.1
 
 ### Patch Changes
 
-- [`7e051bad115`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7e051bad115) - Internal change to enforce token usage for spacing properties. There is no expected visual or behaviour change.
+- [#33218](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33218) [`7e051bad115`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7e051bad115) - Internal change to enforce token usage for spacing properties. There is no expected visual or behaviour change.
 
 ## 4.2.0
 
 ### Minor Changes
 
-- [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
+- [#33258](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33258) [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
 
 ### Patch Changes
 
@@ -50,7 +63,7 @@
 
 ### Patch Changes
 
-- [`ad5cbfa5a71`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ad5cbfa5a71) - Migrated use of `gridSize` to space tokens where possible. There is no expected visual or behaviour change.
+- [#31643](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/31643) [`ad5cbfa5a71`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ad5cbfa5a71) - Migrated use of `gridSize` to space tokens where possible. There is no expected visual or behaviour change.
 
 ## 4.1.14
 
@@ -68,7 +81,7 @@
 
 ### Patch Changes
 
-- [`6455cf006b3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6455cf006b3) - Builds for this package now pass through a tokens babel plugin, removing runtime invocations of the tokens() function and improving performance.
+- [#28324](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/28324) [`6455cf006b3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6455cf006b3) - Builds for this package now pass through a tokens babel plugin, removing runtime invocations of the tokens() function and improving performance.
 
 ## 4.1.11
 
@@ -92,19 +105,19 @@
 
 ### Patch Changes
 
-- [`0c19f354255`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0c19f354255) - Consolidate In Product Help & Self-Help Experiences ownership
+- [#26424](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26424) [`0c19f354255`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0c19f354255) - Consolidate In Product Help & Self-Help Experiences ownership
 
 ## 4.1.7
 
 ### Patch Changes
 
-- [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade Typescript from `4.3.5` to `4.5.5`
+- [#24874](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24874) [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade Typescript from `4.3.5` to `4.5.5`
 
 ## 4.1.6
 
 ### Patch Changes
 
-- [`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) - Upgrade Typescript from `4.2.4` to `4.3.5`.
+- [#24492](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24492) [`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) - Upgrade Typescript from `4.2.4` to `4.3.5`.
 
 ## 4.1.5
 
@@ -116,7 +129,7 @@
 
 ### Patch Changes
 
-- [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade to TypeScript 4.2.4
+- [#20650](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/20650) [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade to TypeScript 4.2.4
 - Updated dependencies
 
 ## 4.1.3
@@ -141,7 +154,7 @@
 
 ### Minor Changes
 
-- [`b03b488246c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b03b488246c) - [ux] Added new theming package, `@atlaskit/tokens`.
+- [#19089](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/19089) [`b03b488246c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b03b488246c) - [ux] Added new theming package, `@atlaskit/tokens`.
 
   New tokens will be visible only in applications configured to use the new Tokens API (currently in alpha).
 
@@ -151,13 +164,13 @@
 
 ### Patch Changes
 
-- [`78c9f070230`](https://bitbucket.org/atlassian/atlassian-frontend/commits/78c9f070230) - Bump algoliasearch version from ^3.33.0 to ^3.35.1. In @atlaskit/help we updated the example 3 and moved Algolia API related code to it's own react hook
+- [#16511](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/16511) [`78c9f070230`](https://bitbucket.org/atlassian/atlassian-frontend/commits/78c9f070230) - Bump algoliasearch version from ^3.33.0 to ^3.35.1. In @atlaskit/help we updated the example 3 and moved Algolia API related code to it's own react hook
 
 ## 4.0.0
 
 ### Major Changes
 
-- [`47f58da5946`](https://bitbucket.org/atlassian/atlassian-frontend/commits/47f58da5946) - ED-13322, ED-13324, ED-13326, ED-13323, ED-13204: Upgrade and support react-intl@^5.18.1 including breaking API changes, types and tests in atlassian-frontend packages
+- [#14810](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/14810) [`47f58da5946`](https://bitbucket.org/atlassian/atlassian-frontend/commits/47f58da5946) - ED-13322, ED-13324, ED-13326, ED-13323, ED-13204: Upgrade and support react-intl@^5.18.1 including breaking API changes, types and tests in atlassian-frontend packages
 
   What changed: Upgraded our react-intl support from ^2.6.0 to ^5.18.1. This means editor packages now rely on consumers installing ^5.18.1, otherwise editor usage of react-intl will mismatch with actual installed react-intl APIs.
   Why change was made: As part of a coordinated upgrade effort across AF packages, as react-intl v2 is quite dated.
@@ -205,7 +218,7 @@
 
 ### Patch Changes
 
-- [`df9dc928897`](https://bitbucket.org/atlassian/atlassian-frontend/commits/df9dc928897) - Update the team information in the packages maintained by the In Product Help team
+- [#13328](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/13328) [`df9dc928897`](https://bitbucket.org/atlassian/atlassian-frontend/commits/df9dc928897) - Update the team information in the packages maintained by the In Product Help team
 
 ## 3.0.1
 
@@ -217,19 +230,19 @@
 
 ### Major Changes
 
-- [`cbed2edbd0c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cbed2edbd0c) - [ux] Ranamed prop "title" to "headerTitle". Added the prop "headerContent" where we can pass a React.node to render underneath the header title
+- [#10051](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/10051) [`cbed2edbd0c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cbed2edbd0c) - [ux] Ranamed prop "title" to "headerTitle". Added the prop "headerContent" where we can pass a React.node to render underneath the header title
 
 ## 2.0.7
 
 ### Patch Changes
 
-- [`d3265f19be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d3265f19be) - Transpile packages using babel rather than tsc
+- [#5857](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5857) [`d3265f19be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d3265f19be) - Transpile packages using babel rather than tsc
 
 ## 2.0.6
 
 ### Patch Changes
 
-- [`5f58283e1f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5f58283e1f) - Export types using Typescript's new "export type" syntax to satisfy Typescript's --isolatedModules compiler option.
+- [#5497](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5497) [`5f58283e1f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5f58283e1f) - Export types using Typescript's new "export type" syntax to satisfy Typescript's --isolatedModules compiler option.
   This requires version 3.8 of Typescript, read more about how we handle Typescript versions here: https://atlaskit.atlassian.com/get-started
   Also add `typescript` to `devDependencies` to denote version that the package was built with.
 
@@ -243,7 +256,7 @@
 
 ### Patch Changes
 
-- [`2ac834240e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2ac834240e) - Undo analytics-next file restructure to allow external ts definitions to continue working
+- [#5164](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5164) [`2ac834240e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2ac834240e) - Undo analytics-next file restructure to allow external ts definitions to continue working
 
 ## 2.0.3
 
@@ -261,7 +274,7 @@
 
 ### Patch Changes
 
-- [`6c525a8229`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6c525a8229) - Upgraded to TypeScript 3.9.6 and tslib to 2.0.0
+- [#3885](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3885) [`6c525a8229`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6c525a8229) - Upgraded to TypeScript 3.9.6 and tslib to 2.0.0
 
   Since tslib is a dependency for all our packages we recommend that products also follow this tslib upgrade
   to prevent duplicates of tslib being bundled.
@@ -270,4 +283,4 @@
 
 ### Major Changes
 
-- [`3f24892368`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3f24892368) - Added help-layout component to the atlaskit library
+- [#3711](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3711) [`3f24892368`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3f24892368) - Added help-layout component to the atlaskit library

package/dist/cjs/analytics.js

@@ -8,15 +8,11 @@ exports.withAnalyticsEvents = exports.withAnalyticsContext = exports.defaultAnal
 var x = _interopRequireWildcard(require("@atlaskit/analytics-next"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var withAnalyticsEvents = x.withAnalyticsEvents;
-exports.withAnalyticsEvents = withAnalyticsEvents;
-var withAnalyticsContext = x.withAnalyticsContext;
-exports.withAnalyticsContext = withAnalyticsContext;
-var createAndFire = x.createAndFireEvent('atlaskit');
-exports.createAndFire = createAndFire;
-var defaultAnalyticsAttributes = {
+var withAnalyticsEvents = exports.withAnalyticsEvents = x.withAnalyticsEvents;
+var withAnalyticsContext = exports.withAnalyticsContext = x.withAnalyticsContext;
+var createAndFire = exports.createAndFire = x.createAndFireEvent('atlaskit');
+var defaultAnalyticsAttributes = exports.defaultAnalyticsAttributes = {
   componentName: 'helpPanel',
   packageName: "@atlaskit/help-layout",
-  packageVersion: "4.2.6"
-};
-exports.defaultAnalyticsAttributes = defaultAnalyticsAttributes;
+  packageVersion: "4.2.8"
+};

package/dist/cjs/components/Header/BackButton.js

@@ -15,8 +15,8 @@ var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-
 var _messages = require("../../messages");
 var _constants = require("../constants");
 var _styled = require("./styled");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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; }
 // Animation
 var defaultStyle = {
   transition: "left ".concat(_constants.TRANSITION_DURATION_MS, "ms, opacity ").concat(_constants.TRANSITION_DURATION_MS, "ms"),
@@ -33,7 +33,7 @@ var transitionStyles = {
     opacity: 0
   }
 };
-var BackButton = function BackButton(_ref) {
+var BackButton = exports.BackButton = function BackButton(_ref) {
   var onClick = _ref.onClick,
     _ref$isVisible = _ref.isVisible,
     isVisible = _ref$isVisible === void 0 ? true : _ref$isVisible,
@@ -70,15 +70,13 @@ var BackButton = function BackButton(_ref) {
     }, formatMessage(_messages.messages.help_panel_header_back)));
   });
 };
-exports.BackButton = BackButton;
 var BackButtonWithContext = function BackButtonWithContext(props) {
   return /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
     data: {
       componentName: 'backButton',
       packageName: "@atlaskit/help-layout",
-      packageVersion: "4.2.6"
+      packageVersion: "4.2.8"
     }
   }, /*#__PURE__*/_react.default.createElement(BackButton, props));
 };
-var _default = (0, _reactIntlNext.injectIntl)(BackButtonWithContext);
-exports.default = _default;
+var _default = exports.default = (0, _reactIntlNext.injectIntl)(BackButtonWithContext);

package/dist/cjs/components/Header/CloseButton.js

@@ -19,7 +19,7 @@ var _styled = require("./styled");
  *
  * @param onClick - Function executed when the close btn is clicked
  */
-var CloseButton = function CloseButton(_ref) {
+var CloseButton = exports.CloseButton = function CloseButton(_ref) {
   var onClick = _ref.onClick,
     formatMessage = _ref.intl.formatMessage;
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
@@ -44,15 +44,13 @@ var CloseButton = function CloseButton(_ref) {
     })
   })));
 };
-exports.CloseButton = CloseButton;
 var CloseButtonWithContext = function CloseButtonWithContext(props) {
   return /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
     data: {
       componentName: 'closeButton',
       packageName: "@atlaskit/help-layout",
-      packageVersion: "4.2.6"
+      packageVersion: "4.2.8"
     }
   }, /*#__PURE__*/_react.default.createElement(CloseButton, props));
 };
-var _default = (0, _reactIntlNext.injectIntl)(CloseButtonWithContext);
-exports.default = _default;
+var _default = exports.default = (0, _reactIntlNext.injectIntl)(CloseButtonWithContext);

package/dist/cjs/components/Header/index.js

@@ -11,7 +11,7 @@ var _messages = require("../../messages");
 var _CloseButton = _interopRequireDefault(require("./CloseButton"));
 var _BackButton = _interopRequireDefault(require("./BackButton"));
 var _styled = require("./styled");
-var HelpContent = function HelpContent(_ref) {
+var HelpContent = exports.HelpContent = function HelpContent(_ref) {
   var headerTitle = _ref.headerTitle,
     headerContent = _ref.headerContent,
     _ref$isBackbuttonVisi = _ref.isBackbuttonVisible,
@@ -31,6 +31,4 @@ var HelpContent = function HelpContent(_ref) {
     onClick: onCloseButtonClick
   }), headerContent && /*#__PURE__*/_react.default.createElement(_styled.HeaderContent, null, headerContent));
 };
-exports.HelpContent = HelpContent;
-var _default = (0, _reactIntlNext.injectIntl)(HelpContent);
-exports.default = _default;
+var _default = exports.default = (0, _reactIntlNext.injectIntl)(HelpContent);

package/dist/cjs/components/Header/styled.js

@@ -16,13 +16,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var HEADER_TITLE_HEIGHT = (0, _constants.gridSize)() * 7;
 var HEADER_TITLE_BORDER_BOTTOM = 2;
-var HeaderContainer = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n  border-bottom: ", "px solid\n    ", ";\n  justify-content: space-between;\n  position: relative;\n"])), "var(--ds-background-neutral, ".concat(colors.N10, ")"), HEADER_TITLE_BORDER_BOTTOM, "var(--ds-border, ".concat(colors.N30, ")"));
-exports.HeaderContainer = HeaderContainer;
-var CloseButtonContainer = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  right: ", ";\n  top: ", ";\n"])), "var(--ds-space-100, 8px)", "var(--ds-space-150, 12px)");
-exports.CloseButtonContainer = CloseButtonContainer;
-var BackButtonContainer = _styled.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  top: ", ";\n  left: ", ";\n"])), "var(--ds-space-150, 12px)", "var(--ds-space-100, 8px)");
-exports.BackButtonContainer = BackButtonContainer;
-var HeaderTitle = _styled.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  text-align: center;\n  font-size: 1rem;\n  font-weight: 600;\n  line-height: ", "px;\n  width: 100%;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  display: inline-block;\n  overflow: hidden;\n  vertical-align: middle;\n"])), "var(--ds-text-subtle, ".concat(colors.N500, ")"), HEADER_TITLE_HEIGHT);
-exports.HeaderTitle = HeaderTitle;
-var HeaderContent = _styled.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  padding: 0 ", " ", "\n    ", ";\n"])), "var(--ds-space-200, 16px)", "var(--ds-space-200, 16px)", "var(--ds-space-200, 16px)");
-exports.HeaderContent = HeaderContent;
+var HeaderContainer = exports.HeaderContainer = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n  border-bottom: ", "px solid\n    ", ";\n  justify-content: space-between;\n  position: relative;\n"])), "var(--ds-background-neutral, ".concat(colors.N10, ")"), HEADER_TITLE_BORDER_BOTTOM, "var(--ds-border, ".concat(colors.N30, ")"));
+var CloseButtonContainer = exports.CloseButtonContainer = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  right: ", ";\n  top: ", ";\n"])), "var(--ds-space-100, 8px)", "var(--ds-space-150, 12px)");
+var BackButtonContainer = exports.BackButtonContainer = _styled.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  top: ", ";\n  left: ", ";\n"])), "var(--ds-space-150, 12px)", "var(--ds-space-100, 8px)");
+var HeaderTitle = exports.HeaderTitle = _styled.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  text-align: center;\n  font-size: 1rem;\n  font-weight: 600;\n  line-height: ", "px;\n  width: 100%;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  display: inline-block;\n  overflow: hidden;\n  vertical-align: middle;\n"])), "var(--ds-text-subtle, ".concat(colors.N500, ")"), HEADER_TITLE_HEIGHT);
+var HeaderContent = exports.HeaderContent = _styled.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  padding: 0 ", " ", "\n    ", ";\n"])), "var(--ds-space-200, 16px)", "var(--ds-space-200, 16px)", "var(--ds-space-200, 16px)");

package/dist/cjs/components/HelpLayout.js

@@ -17,7 +17,7 @@ var _MessagesIntlProvider = _interopRequireDefault(require("./MessagesIntlProvid
 var _HelpLayoutContent = _interopRequireDefault(require("./HelpLayoutContent"));
 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 HelpLayout = /*#__PURE__*/function (_React$PureComponent) {
+var HelpLayout = exports.HelpLayout = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(HelpLayout, _React$PureComponent);
   var _super = _createSuper(HelpLayout);
   function HelpLayout() {
@@ -32,6 +32,4 @@ var HelpLayout = /*#__PURE__*/function (_React$PureComponent) {
   }]);
   return HelpLayout;
 }(_react.default.PureComponent);
-exports.HelpLayout = HelpLayout;
-var _default = (0, _analyticsNext.withAnalyticsContext)(_analytics.defaultAnalyticsAttributes)((0, _analyticsNext.withAnalyticsEvents)()(HelpLayout));
-exports.default = _default;
+var _default = exports.default = (0, _analyticsNext.withAnalyticsContext)(_analytics.defaultAnalyticsAttributes)((0, _analyticsNext.withAnalyticsEvents)()(HelpLayout));

package/dist/cjs/components/HelpLayoutContent.js

@@ -12,7 +12,7 @@ var _Header = _interopRequireDefault(require("./Header"));
 var _messages = require("../messages");
 var _styled = require("./styled");
 var _excluded = ["isLoading", "footer", "children", "intl"];
-var HelpContent = function HelpContent(props) {
+var HelpContent = exports.HelpContent = function HelpContent(props) {
   var _props$isLoading = props.isLoading,
     isLoading = _props$isLoading === void 0 ? false : _props$isLoading,
     footer = props.footer,
@@ -45,6 +45,4 @@ var HelpContent = function HelpContent(props) {
     contentWidth: "70%"
   })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children), footer ? /*#__PURE__*/_react.default.createElement(_styled.HelpFooter, null, footer) : null));
 };
-exports.HelpContent = HelpContent;
-var _default = (0, _reactIntlNext.injectIntl)(HelpContent);
-exports.default = _default;
+var _default = exports.default = (0, _reactIntlNext.injectIntl)(HelpContent);

package/dist/cjs/components/MessagesIntlProvider.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.MessagesIntlProvider = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
-var MessagesIntlProvider = function MessagesIntlProvider(_ref) {
+var MessagesIntlProvider = exports.MessagesIntlProvider = function MessagesIntlProvider(_ref) {
   var _ref$locale = _ref.locale,
     locale = _ref$locale === void 0 ? 'en' : _ref$locale,
     children = _ref.children;
@@ -16,6 +16,4 @@ var MessagesIntlProvider = function MessagesIntlProvider(_ref) {
     locale: locale
   }, children);
 };
-exports.MessagesIntlProvider = MessagesIntlProvider;
-var _default = (0, _reactIntlNext.injectIntl)(MessagesIntlProvider);
-exports.default = _default;
+var _default = exports.default = (0, _reactIntlNext.injectIntl)(MessagesIntlProvider);

package/dist/cjs/components/constants.js

@@ -5,14 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.TRANSITION_STATUS = exports.TRANSITION_DURATION_MS = void 0;
 // Animation related consts
-var TRANSITION_DURATION_MS = 220;
-exports.TRANSITION_DURATION_MS = TRANSITION_DURATION_MS;
-var TRANSITION_STATUS = /*#__PURE__*/function (TRANSITION_STATUS) {
+var TRANSITION_DURATION_MS = exports.TRANSITION_DURATION_MS = 220;
+var TRANSITION_STATUS = exports.TRANSITION_STATUS = /*#__PURE__*/function (TRANSITION_STATUS) {
   TRANSITION_STATUS["UNMOUNTED"] = "unmounted";
   TRANSITION_STATUS["EXITED"] = "exited";
   TRANSITION_STATUS["ENTERING"] = "entering";
   TRANSITION_STATUS["ENTERED"] = "entered";
   TRANSITION_STATUS["EXITING"] = "exiting";
   return TRANSITION_STATUS;
-}({});
-exports.TRANSITION_STATUS = TRANSITION_STATUS;
+}({});

package/dist/cjs/components/styled.js

@@ -14,27 +14,22 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 /** @jsx jsx */
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var Container = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  background-color: ", ";\n"])), "var(--ds-surface, #FFFFFF)");
-exports.Container = Container;
-var Section = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n"])));
-exports.Section = Section;
-var DividerLine = _styled.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n  height: 2px;\n  width: 100%;\n  padding: 0 ", ";\n  margin-top: ", ";\n  box-sizing: border-box;\n"])), "var(--ds-border, ".concat(colors.N30A, ")"), "var(--ds-space-200, 16px)", "var(--ds-space-200, 16px)");
-exports.DividerLine = DividerLine;
+var Container = exports.Container = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  background-color: ", ";\n"])), "var(--ds-surface, #FFFFFF)");
+var Section = exports.Section = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n"])));
+var DividerLine = exports.DividerLine = _styled.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n  height: 2px;\n  width: 100%;\n  padding: 0 ", ";\n  margin-top: ", ";\n  box-sizing: border-box;\n"])), "var(--ds-border, ".concat(colors.N30A, ")"), "var(--ds-space-200, 16px)", "var(--ds-space-200, 16px)");
 var FOOTER_BORDER_TOP = 2;
-var HelpFooter = _styled.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  padding: ", " 0;\n  box-sizing: border-box;\n  background-color: ", ";\n  border-top: ", "px solid ", ";\n  justify-content: space-between;\n"])), "var(--ds-space-100, 8px)", "var(--ds-background-neutral, ".concat(colors.N10, ")"), FOOTER_BORDER_TOP, "var(--ds-border, ".concat(colors.N30, ")"));
+var HelpFooter = exports.HelpFooter = _styled.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  padding: ", " 0;\n  box-sizing: border-box;\n  background-color: ", ";\n  border-top: ", "px solid ", ";\n  justify-content: space-between;\n"])), "var(--ds-space-100, 8px)", "var(--ds-background-neutral, ".concat(colors.N10, ")"), FOOTER_BORDER_TOP, "var(--ds-border, ".concat(colors.N30, ")"));
 
 /**
  * Loading
  */
-exports.HelpFooter = HelpFooter;
-var LoadingContainer = _styled.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  padding: ", ";\n  height: 100%;\n"])), "var(--ds-space-200, 16px)");
-exports.LoadingContainer = LoadingContainer;
+
+var LoadingContainer = exports.LoadingContainer = _styled.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  padding: ", ";\n  height: 100%;\n"])), "var(--ds-space-200, 16px)");
 var shimmer = (0, _core.keyframes)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n    0% {\n        background-position: -300px 0;\n    }\n    100% {\n        background-position: 1000px 0;\n    }\n"])));
-var LoadingRectangle = _styled.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n  height: ", ";\n  margin-top: ", ";\n  width: ", ";\n  border-radius: 2px;\n  animation-duration: 1.2s;\n  animation-fill-mode: forwards;\n  animation-iteration-count: infinite;\n  animation-name: ", ";\n  animation-timing-function: linear;\n  background-color: ", ";\n  background-image: linear-gradient(\n    to right,\n    ", " 10%,\n    ", " 20%,\n    ", " 30%\n  );\n  background-repeat: no-repeat;\n"])), function (props) {
+var LoadingRectangle = exports.LoadingRectangle = _styled.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n  height: ", ";\n  margin-top: ", ";\n  width: ", ";\n  border-radius: 2px;\n  animation-duration: 1.2s;\n  animation-fill-mode: forwards;\n  animation-iteration-count: infinite;\n  animation-name: ", ";\n  animation-timing-function: linear;\n  background-color: ", ";\n  background-image: linear-gradient(\n    to right,\n    ", " 10%,\n    ", " 20%,\n    ", " 30%\n  );\n  background-repeat: no-repeat;\n"])), function (props) {
   return props.contentHeight ? props.contentHeight : '1rem';
 }, function (props) {
   return props.marginTop ? props.marginTop : "var(--ds-space-100, 8px)";
 }, function (props) {
   return props.contentWidth ? props.contentWidth : '100%';
-}, shimmer, "var(--ds-background-neutral, ".concat(colors.N30, ")"), "var(--ds-background-neutral-subtle, ".concat(colors.N30, ")"), "var(--ds-background-neutral, ".concat(colors.N40, ")"), "var(--ds-background-neutral-subtle, ".concat(colors.N30, ")"));
-exports.LoadingRectangle = LoadingRectangle;
+}, shimmer, "var(--ds-background-neutral, ".concat(colors.N30, ")"), "var(--ds-background-neutral-subtle, ".concat(colors.N30, ")"), "var(--ds-background-neutral, ".concat(colors.N40, ")"), "var(--ds-background-neutral-subtle, ".concat(colors.N30, ")"));

package/dist/cjs/i18n/cs.js

@@ -5,5 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 // Czech
-var _default = {};
-exports.default = _default;
+var _default = exports.default = {};

package/dist/cjs/i18n/da.js

@@ -5,5 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 // Danish
-var _default = {};
-exports.default = _default;
+var _default = exports.default = {};

package/dist/cjs/i18n/de.js

@@ -5,5 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 // German
-var _default = {};
-exports.default = _default;
+var _default = exports.default = {};

package/dist/cjs/i18n/en.js

@@ -5,5 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 // English
-var _default = {};
-exports.default = _default;
+var _default = exports.default = {};

package/dist/cjs/i18n/en_GB.js

@@ -5,5 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 // English (United Kingdom)
-var _default = {};
-exports.default = _default;
+var _default = exports.default = {};

package/dist/cjs/i18n/es.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 // Spanish
-var _default = {
+var _default = exports.default = {
   'global_help.header': 'Ayuda'
-};
-exports.default = _default;
+};

package/dist/cjs/i18n/et.js

@@ -5,5 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 // Estonian
-var _default = {};
-exports.default = _default;
+var _default = exports.default = {};

package/dist/cjs/i18n/fi.js

@@ -5,5 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 // Finnish
-var _default = {};
-exports.default = _default;
+var _default = exports.default = {};

package/dist/cjs/i18n/fr.js

@@ -5,5 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 // French
-var _default = {};
-exports.default = _default;
+var _default = exports.default = {};

package/dist/cjs/i18n/hu.js

@@ -5,5 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 // Hungarian
-var _default = {};
-exports.default = _default;
+var _default = exports.default = {};

package/dist/cjs/i18n/is.js

@@ -5,5 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 // Icelandic
-var _default = {};
-exports.default = _default;
+var _default = exports.default = {};

package/dist/cjs/i18n/it.js

@@ -5,5 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 // Italian
-var _default = {};
-exports.default = _default;
+var _default = exports.default = {};

package/dist/cjs/i18n/ja.js

@@ -5,5 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 // Japanese
-var _default = {};
-exports.default = _default;
+var _default = exports.default = {};

package/dist/cjs/i18n/ko.js

@@ -5,5 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 // Korean
-var _default = {};
-exports.default = _default;
+var _default = exports.default = {};

package/dist/cjs/i18n/languages.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _default = {
+var _default = exports.default = {
   zh: 'Chinese',
   cs: 'Czech',
   da: 'Danish',
@@ -29,5 +29,4 @@ var _default = {
   sk: 'Slovak',
   es: 'Spanish',
   sv: 'Swedish'
-};
-exports.default = _default;
+};

package/dist/cjs/i18n/nb.js

@@ -5,5 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 // Norwegian Bokmål
-var _default = {};
-exports.default = _default;
+var _default = exports.default = {};

package/dist/cjs/i18n/nl.js

@@ -5,5 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 // Dutch
-var _default = {};
-exports.default = _default;
+var _default = exports.default = {};

package/dist/cjs/i18n/pl.js

@@ -5,5 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 // Polish
-var _default = {};
-exports.default = _default;
+var _default = exports.default = {};

package/dist/cjs/i18n/pt_BR.js

@@ -5,5 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 // Portuguese (Brazil)
-var _default = {};
-exports.default = _default;
+var _default = exports.default = {};

package/dist/cjs/i18n/pt_PT.js

@@ -5,5 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 // Portuguese (Portugal)
-var _default = {};
-exports.default = _default;
+var _default = exports.default = {};

package/dist/cjs/i18n/ro.js

@@ -5,5 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 // Romanian
-var _default = {};
-exports.default = _default;
+var _default = exports.default = {};

package/dist/cjs/i18n/ru.js

@@ -5,5 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 // Russian
-var _default = {};
-exports.default = _default;
+var _default = exports.default = {};

package/dist/cjs/i18n/sk.js

@@ -5,5 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 // Slovak
-var _default = {};
-exports.default = _default;
+var _default = exports.default = {};

package/dist/cjs/i18n/sv.js

@@ -5,5 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 // Swedish
-var _default = {};
-exports.default = _default;
+var _default = exports.default = {};

package/dist/cjs/i18n/zh.js

@@ -5,5 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 // Chinese
-var _default = {};
-exports.default = _default;
+var _default = exports.default = {};

package/dist/cjs/messages.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.messages = void 0;
 var _reactIntlNext = require("react-intl-next");
-var messages = (0, _reactIntlNext.defineMessages)({
+var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
   help_loading: {
     id: 'helpPanel.loading',
     defaultMessage: 'Loading',
@@ -26,5 +26,4 @@ var messages = (0, _reactIntlNext.defineMessages)({
     defaultMessage: 'Close',
     description: ''
   }
-});
-exports.messages = messages;
+});

package/dist/cjs/util/i18n-util.js

@@ -45,7 +45,7 @@ var localesMessagesMap = {
  *
  * @param locale string specifying the locale like 'en_GB', or 'fr'.
  */
-var getMessagesForLocale = function getMessagesForLocale(locale) {
+var getMessagesForLocale = exports.getMessagesForLocale = function getMessagesForLocale(locale) {
   var messages = localesMessagesMap[locale];
   if (!messages) {
     var parentLocale = locale.split(/[-_]/)[0];
@@ -55,5 +55,4 @@ var getMessagesForLocale = function getMessagesForLocale(locale) {
     messages = _i18n.en;
   }
   return messages;
-};
-exports.getMessagesForLocale = getMessagesForLocale;
+};

package/dist/es2019/analytics.js

@@ -5,5 +5,5 @@ export const createAndFire = x.createAndFireEvent('atlaskit');
 export const defaultAnalyticsAttributes = {
   componentName: 'helpPanel',
   packageName: "@atlaskit/help-layout",
-  packageVersion: "4.2.6"
+  packageVersion: "4.2.8"
 };

package/dist/es2019/components/Header/BackButton.js

@@ -69,7 +69,7 @@ const BackButtonWithContext = props => {
     data: {
       componentName: 'backButton',
       packageName: "@atlaskit/help-layout",
-      packageVersion: "4.2.6"
+      packageVersion: "4.2.8"
     }
   }, /*#__PURE__*/React.createElement(BackButton, props));
 };

package/dist/es2019/components/Header/CloseButton.js

@@ -46,7 +46,7 @@ const CloseButtonWithContext = props => {
     data: {
       componentName: 'closeButton',
       packageName: "@atlaskit/help-layout",
-      packageVersion: "4.2.6"
+      packageVersion: "4.2.8"
     }
   }, /*#__PURE__*/React.createElement(CloseButton, props));
 };

package/dist/esm/analytics.js

@@ -5,5 +5,5 @@ export var createAndFire = x.createAndFireEvent('atlaskit');
 export var defaultAnalyticsAttributes = {
   componentName: 'helpPanel',
   packageName: "@atlaskit/help-layout",
-  packageVersion: "4.2.6"
+  packageVersion: "4.2.8"
 };

package/dist/esm/components/Header/BackButton.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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; }
 import React from 'react';
 import { injectIntl } from 'react-intl-next';
 import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
@@ -68,7 +68,7 @@ var BackButtonWithContext = function BackButtonWithContext(props) {
     data: {
       componentName: 'backButton',
       packageName: "@atlaskit/help-layout",
-      packageVersion: "4.2.6"
+      packageVersion: "4.2.8"
     }
   }, /*#__PURE__*/React.createElement(BackButton, props));
 };

package/dist/esm/components/Header/CloseButton.js

@@ -42,7 +42,7 @@ var CloseButtonWithContext = function CloseButtonWithContext(props) {
     data: {
       componentName: 'closeButton',
       packageName: "@atlaskit/help-layout",
-      packageVersion: "4.2.6"
+      packageVersion: "4.2.8"
     }
   }, /*#__PURE__*/React.createElement(CloseButton, props));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/help-layout",
-  "version": "4.2.6",
+  "version": "4.2.8",
   "description": "Layout for the atlaskit/help component.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -32,11 +32,11 @@
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^9.1.0",
-    "@atlaskit/button": "^16.9.0",
+    "@atlaskit/button": "^16.16.0",
     "@atlaskit/icon": "^21.12.0",
-    "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.14.0",
-    "@atlaskit/tooltip": "^17.8.0",
+    "@atlaskit/theme": "^12.6.0",
+    "@atlaskit/tokens": "^1.28.0",
+    "@atlaskit/tooltip": "^18.0.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/core": "^10.0.9",
     "@emotion/styled": "^10.0.7",
@@ -51,6 +51,7 @@
   "devDependencies": {
     "@atlaskit/navigation": "^37.0.0",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
+    "@types/react-transition-group": "^2.0.6",
     "algoliasearch": "^3.35.1",
     "enzyme": "^3.10.0",
     "react-test-renderer": "^16.8.0",

package/dist/cjs/version.json

@@ -1,5 +0,0 @@
-{
-	"name": "@atlaskit/help-layout",
-	"version": "4.2.6",
-	"sideEffects": false
-}

package/dist/es2019/version.json

@@ -1,5 +0,0 @@
-{
-	"name": "@atlaskit/help-layout",
-	"version": "4.2.6",
-	"sideEffects": false
-}

package/dist/esm/version.json

@@ -1,5 +0,0 @@
-{
-	"name": "@atlaskit/help-layout",
-	"version": "4.2.6",
-	"sideEffects": false
-}