@atlaskit/help 7.2.30 → 7.3.1

package/dist/cjs/analytics.js

@@ -14,5 +14,5 @@ var createAndFire = exports.createAndFire = x.createAndFireEvent('atlaskit');
 var defaultAnalyticsAttributes = exports.defaultAnalyticsAttributes = {
   componentName: 'help',
   packageName: "@atlaskit/help",
-  packageVersion: "7.2.30"
+  packageVersion: "7.3.1"
 };

package/dist/cjs/components/Article/ArticleLoadingFail/index.js

@@ -15,7 +15,7 @@ var _styled = require("./styled");
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleLoadingFail',
   packageName: "@atlaskit/help",
-  packageVersion: "7.2.30"
+  packageVersion: "7.3.1"
 };
 var ArticleLoadingFail = exports.ArticleLoadingFail = function ArticleLoadingFail(_ref) {
   var onTryAgainButtonClick = _ref.onTryAgainButtonClick,

package/dist/cjs/components/Article/ArticleLoadingFail/styled.js

@@ -5,9 +5,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.LoadingErrorMessage = exports.LoadingErrorButtonContainer = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _templateObject, _templateObject2;
 /** @jsx jsx */
-var LoadingErrorMessage = exports.LoadingErrorMessage = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  padding-top: ", ";\n  text-align: center;\n"])), "var(--ds-space-300, 24px)");
-var LoadingErrorButtonContainer = exports.LoadingErrorButtonContainer = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  padding-top: ", ";\n  text-align: center;\n"])), "var(--ds-space-300, 24px)");
+
+var LoadingErrorMessage = exports.LoadingErrorMessage = _styled.default.div({
+  paddingTop: "var(--ds-space-300, 24px)",
+  textAlign: 'center'
+});
+var LoadingErrorButtonContainer = exports.LoadingErrorButtonContainer = _styled.default.div({
+  paddingTop: "var(--ds-space-300, 24px)",
+  textAlign: 'center'
+});

package/dist/cjs/components/Article/HelpArticle/WasHelpfulForm/WasHelpfulNoButton.js

@@ -13,7 +13,7 @@ var _messages = require("../../../../messages");
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulNoButton',
   packageName: "@atlaskit/help",
-  packageVersion: "7.2.30"
+  packageVersion: "7.3.1"
 };
 var ArticleWasHelpfulNoButton = exports.ArticleWasHelpfulNoButton = function ArticleWasHelpfulNoButton(_ref) {
   var _ref$isSelected = _ref.isSelected,

package/dist/cjs/components/Article/HelpArticle/WasHelpfulForm/WasHelpfulYesButton.js

@@ -13,7 +13,7 @@ var _messages = require("../../../../messages");
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulYesButton',
   packageName: "@atlaskit/help",
-  packageVersion: "7.2.30"
+  packageVersion: "7.3.1"
 };
 var ArticleWasHelpfulYesButton = exports.ArticleWasHelpfulYesButton = function ArticleWasHelpfulYesButton(_ref) {
   var _ref$isSelected = _ref.isSelected,

package/dist/cjs/components/Article/HelpArticle/WasHelpfulForm/index.js

@@ -37,7 +37,7 @@ var FEEDBACK_REASON_TEXT_MAX_LENGTH = '16000';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulForm',
   packageName: "@atlaskit/help",
-  packageVersion: "7.2.30"
+  packageVersion: "7.3.1"
 };
 var ArticleWasHelpfulForm = exports.ArticleWasHelpfulForm = function ArticleWasHelpfulForm(_ref) {
   var onWasHelpfulSubmit = _ref.onWasHelpfulSubmit,

package/dist/cjs/components/Article/HelpArticle/index.js

@@ -64,7 +64,7 @@ var HelpArticle = exports.HelpArticle = function HelpArticle(_ref) {
     analyticsEvent.payload.attributes = {
       componentName: 'Article',
       packageName: "@atlaskit/help",
-      packageVersion: "7.2.30"
+      packageVersion: "7.3.1"
     };
     if (onRelatedArticlesShowMoreClick) {
       onRelatedArticlesShowMoreClick(event, analyticsEvent, isCollapsed);

package/dist/cjs/components/Article/WhatsNewArticle/index.js

@@ -22,7 +22,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 var analyticsContextData = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "7.2.30"
+  packageVersion: "7.3.1"
 };
 var WhatsNewArticle = exports.WhatsNewArticle = function WhatsNewArticle(_ref) {
   var formatMessage = _ref.intl.formatMessage,

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

@@ -5,8 +5,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ArticleContainer = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _templateObject;
 /** @jsx jsx */
-var ArticleContainer = exports.ArticleContainer = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  padding: ", " ", ";\n  position: absolute;\n  height: 100%;\n  width: 100%;\n  top: 0;\n  background-color: ", ";\n  left: 100%;\n  flex: 1;\n  flex-direction: column;\n  box-sizing: border-box;\n  overflow-x: hidden;\n  overflow-y: auto;\n  z-index: 2;\n"])), "var(--ds-space-200, 16px)", "var(--ds-space-300, 24px)", "var(--ds-surface, #FFFFFF)");
+
+var ArticleContainer = exports.ArticleContainer = _styled.default.div({
+  padding: "var(--ds-space-200, 16px)".concat(" ", "var(--ds-space-300, 24px)"),
+  position: 'absolute',
+  height: '100%',
+  width: '100%',
+  top: 0,
+  backgroundColor: "var(--ds-surface, #FFFFFF)",
+  left: '100%',
+  flex: 1,
+  flexDirection: 'column',
+  boxSizing: 'border-box',
+  overflowX: 'hidden',
+  overflowY: 'auto',
+  zIndex: 2
+});

package/dist/cjs/components/ArticlesList/ArticlesListItem/index.js

@@ -17,7 +17,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "7.2.30"
+  packageVersion: "7.3.1"
 };
 var ArticlesListItem = exports.ArticlesListItem = function ArticlesListItem(_ref) {
   var styles = _ref.styles,

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

@@ -5,14 +5,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.truncate = exports.ToggleShowMoreArticlesContainer = exports.ArticlesListContainer = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _templateObject, _templateObject2, _templateObject3;
 /** @jsx jsx */
+
 var truncate = exports.truncate = function truncate() {
   var width = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '100%';
-  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  width: ", ";\n"])), width);
+  return (0, _react.css)({
+    overflowX: 'hidden',
+    textOverflow: 'ellipsis',
+    whiteSpace: 'nowrap',
+    width: width
+  });
 };
-var ArticlesListContainer = exports.ArticlesListContainer = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n"])));
-var ToggleShowMoreArticlesContainer = exports.ToggleShowMoreArticlesContainer = _styled.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  padding: ", " 0;\n  span {\n    margin: 0;\n  }\n"])), "var(--ds-space-100, 8px)");
+var ArticlesListContainer = exports.ArticlesListContainer = _styled.default.div({
+  position: 'relative'
+});
+var ToggleShowMoreArticlesContainer = exports.ToggleShowMoreArticlesContainer = _styled.default.div({
+  padding: "var(--ds-space-100, 8px)".concat(" 0"),
+  span: {
+    margin: 0
+  }
+});

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

@@ -17,7 +17,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 var analitycsContextData = {
   componentName: 'HelpContentButton',
   packageName: "@atlaskit/help",
-  packageVersion: "7.2.30"
+  packageVersion: "7.3.1"
 };
 var HelpContentButton = function HelpContentButton(_ref) {
   var _ref$id = _ref.id,

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

@@ -13,8 +13,17 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 /** @jsx jsx */
 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 && Object.prototype.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; }
+// eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression -- needs manual remediation (styled components used)
 var HelpContentButtonContainer = exports.HelpContentButtonContainer = _styledComponents.default.a(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: block;\n  cursor: pointer;\n  width: calc(100% - ", ");\n  color: ", ";\n  padding: ", ";\n  border-radius: 3px;\n\n  &:hover,\n  &:focus,\n  &:visited,\n  &:active {\n    text-decoration: none;\n    outline: none;\n    outline-offset: none;\n    color: ", ";\n  }\n\n  &:focus {\n    box-shadow: ", " 0 0 0 2px inset;\n  }\n\n  &:hover {\n    background-color: ", ";\n  }\n\n  &:active {\n    background-color: ", ";\n  }\n"])), "var(--ds-space-200, 16px)", "var(--ds-text-subtle, ".concat(colors.N600, ")"), "var(--ds-space-100, 8px)", "var(--ds-text-subtle, ".concat(colors.N600, ")"), "var(--ds-border-focused, ".concat(colors.B100, ")"), "var(--ds-background-neutral-subtle-hovered, ".concat(colors.N30, ")"), "var(--ds-background-neutral-subtle-pressed, ".concat(colors.B50, ")"));
+
+// eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression -- needs manual remediation (styled components used)
 var HelpContentButtonIcon = exports.HelpContentButtonIcon = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-block;\n  vertical-align: middle;\n  width: 20px;\n  height: 20px;\n  border-radius: 4px;\n  position: relative;\n\n  & span {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n"])));
+
+// eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression -- needs manual remediation (styled components used)
 var HelpContentButtonText = exports.HelpContentButtonText = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  width: calc(100% - 20px);\n  display: inline-block;\n  vertical-align: middle;\n  padding: 0 ", ";\n  box-sizing: border-box;\n"])), "var(--ds-space-100, 8px)");
+
+// eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression -- needs manual remediation (styled components used)
 var HelpContentButtonExternalLinkIcon = exports.HelpContentButtonExternalLinkIcon = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-block;\n  vertical-align: middle;\n  padding-left: ", ";\n"])), "var(--ds-space-050, 4px)");
+
+// eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression -- needs manual remediation (styled components used)
 var HelpContentButtonExternalNotificationIcon = exports.HelpContentButtonExternalNotificationIcon = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-block;\n  vertical-align: middle;\n  margin-top: ", ";\n  padding-left: ", ";\n"])), "var(--ds-space-negative-050, -4px)", "var(--ds-space-050, 4px)");

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

@@ -28,7 +28,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 /** @jsxFrag */
 
 var packageName = "@atlaskit/help";
-var packageVersion = "7.2.30";
+var packageVersion = "7.3.1";
 var RelatedArticles = exports.RelatedArticles = function RelatedArticles(_ref) {
   var _ref$style = _ref.style,
     style = _ref$style === void 0 ? 'primary' : _ref$style,

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

@@ -6,27 +6,49 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.truncate = exports.RelatedArticlesTitle = exports.LoadignRelatedArticleSection = exports.LoadignRelatedArticleListItem = exports.LoadignRelatedArticleList = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
 var _constants = require("@atlaskit/theme/constants");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-/** @jsx jsx */
 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 && Object.prototype.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; }
+/** @jsx jsx */
+
 var baseHeading = function baseHeading(size, lineHeight) {
   return "\n  font-size: ".concat(size / (0, _constants.fontSize)(), "em;\n  font-style: inherit;\n  line-height: ").concat(lineHeight / size, ";\n");
 };
 var truncate = exports.truncate = function truncate() {
   var width = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '100%';
-  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  width: ", ";\n"])), width);
+  return (0, _react.css)({
+    overflowX: 'hidden',
+    textOverflow: 'ellipsis',
+    whiteSpace: 'nowrap',
+    width: width
+  });
 };
-var RelatedArticlesTitle = exports.RelatedArticlesTitle = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  color: ", ";\n  font-weight: 600;\n  letter-spacing: -0.006em;\n  padding: ", " 0;\n"])), baseHeading(16, 20), "var(--ds-text, ".concat(colors.N800, ")"), "var(--ds-space-200, 16px)");
+var RelatedArticlesTitle = exports.RelatedArticlesTitle = _styled.default.div(baseHeading(16, 20), {
+  color: "var(--ds-text, ".concat(colors.N800, ")"),
+  fontWeight: 600,
+  letterSpacing: '-0.006em',
+  padding: "var(--ds-space-200, 16px)".concat(" 0")
+});
 
 /**
  * Loading styled-components
  */
-var LoadignRelatedArticleSection = exports.LoadignRelatedArticleSection = _styled.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  margin-top: ", ";\n"])), "var(--ds-space-100, 8px)");
-var LoadignRelatedArticleList = exports.LoadignRelatedArticleList = _styled.default.ul(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n"])));
-var LoadignRelatedArticleListItem = exports.LoadignRelatedArticleListItem = _styled.default.li(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  display: block;\n  width: 100%;\n  padding: ", ";\n  margin-bottom: ", ";\n  box-sizing: border-box;\n"])), "var(--ds-space-100, 8px)", "var(--ds-space-200, 16px)");
+var LoadignRelatedArticleSection = exports.LoadignRelatedArticleSection = _styled.default.div({
+  marginTop: "var(--ds-space-100, 8px)"
+});
+var LoadignRelatedArticleList = exports.LoadignRelatedArticleList = _styled.default.ul({
+  width: '100%',
+  margin: 0,
+  padding: 0,
+  boxSizing: 'border-box'
+});
+var LoadignRelatedArticleListItem = exports.LoadignRelatedArticleListItem = _styled.default.li({
+  display: 'block',
+  width: '100%',
+  padding: "var(--ds-space-100, 8px)",
+  marginBottom: "var(--ds-space-200, 16px)",
+  boxSizing: 'border-box'
+});

package/dist/cjs/components/Search/SearchInput/index.js

@@ -27,7 +27,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'searchInput',
   packageName: "@atlaskit/help",
-  packageVersion: "7.2.30"
+  packageVersion: "7.3.1"
 };
 var SearchInput = exports.SearchInput = function SearchInput(_ref) {
   var formatMessage = _ref.intl.formatMessage;

package/dist/cjs/components/Search/SearchInput/styled.js

@@ -5,10 +5,37 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SearchInputContainer = exports.SearchIconContainer = exports.CloseButtonAndSpinnerContainer = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _templateObject, _templateObject2, _templateObject3;
 /** @jsx jsx */
-var SearchInputContainer = exports.SearchInputContainer = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  order: 0;\n  flex: 0 1 auto;\n  align-self: auto;\n  width: 100%;\n  box-sizing: border-box;\n"])));
-var SearchIconContainer = exports.SearchIconContainer = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  width: ", ";\n  height: ", ";\n  padding-left: ", ";\n\n  & > span {\n    padding-left: ", ";\n    height: ", ";\n    width: ", ";\n    box-sizing: border-box;\n  }\n"])), "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)", "var(--ds-space-050, 4px)", "var(--ds-space-050, 4px)", "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)");
-var CloseButtonAndSpinnerContainer = exports.CloseButtonAndSpinnerContainer = _styled.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  font-size: 0;\n  padding-right: ", ";\n  position: relative;\n  white-space: nowrap;\n\n  & > span {\n    padding-right: ", ";\n  }\n\n  & > button,\n  & > span {\n    display: inline-block;\n    vertical-align: middle;\n  }\n"])), "var(--ds-space-100, 8px)", "var(--ds-space-050, 4px)");
+
+var SearchInputContainer = exports.SearchInputContainer = _styled.default.div({
+  order: 0,
+  flex: '0 1 auto',
+  alignSelf: 'auto',
+  width: '100%',
+  boxSizing: 'border-box'
+});
+var SearchIconContainer = exports.SearchIconContainer = _styled.default.div({
+  width: "var(--ds-space-300, 24px)",
+  height: "var(--ds-space-300, 24px)",
+  paddingLeft: "var(--ds-space-050, 4px)",
+  '& > span': {
+    paddingLeft: "var(--ds-space-050, 4px)",
+    height: "var(--ds-space-300, 24px)",
+    width: "var(--ds-space-300, 24px)",
+    boxSizing: 'border-box'
+  }
+});
+var CloseButtonAndSpinnerContainer = exports.CloseButtonAndSpinnerContainer = _styled.default.div({
+  fontSize: 0,
+  paddingRight: "var(--ds-space-100, 8px)",
+  position: 'relative',
+  whiteSpace: 'nowrap',
+  '& > span': {
+    paddingRight: "var(--ds-space-050, 4px)"
+  },
+  '& > button, & > span': {
+    display: 'inline-block',
+    verticalAlign: 'middle'
+  }
+});

package/dist/cjs/components/Search/SearchResults/index.js

@@ -54,17 +54,22 @@ var SearchResults = exports.SearchResults = function SearchResults() {
     isSearchResultVisible = _useSearchContext.isSearchResultVisible,
     onSearch = _useSearchContext.onSearch,
     onSearchResultItemClick = _useSearchContext.onSearchResultItemClick,
-    onSearchExternalUrlClick = _useSearchContext.onSearchExternalUrlClick;
+    onSearchExternalUrlClick = _useSearchContext.onSearchExternalUrlClick,
+    openExternalSearchUrlInNewTab = _useSearchContext.openExternalSearchUrlInNewTab;
   var _useNavigationContext = (0, _navigationContext.useNavigationContext)(),
     openArticle = _useNavigationContext.openArticle,
     view = _useNavigationContext.view;
   var handleOnSearchResultItemClick = (0, _react.useCallback)(function (event, analyticsEvent, articleData) {
-    openArticle({
-      id: articleData.id,
-      type: _Help.ARTICLE_TYPE.HELP_ARTICLE
-    });
+    if (!openExternalSearchUrlInNewTab || articleData.href == null) {
+      openArticle({
+        id: articleData.id,
+        type: _Help.ARTICLE_TYPE.HELP_ARTICLE
+      });
+    } else {
+      window.open(articleData.href, '_blank');
+    }
     onSearchResultItemClick(event, analyticsEvent, articleData);
-  }, [onSearchResultItemClick, openArticle]);
+  }, [onSearchResultItemClick, openArticle, openExternalSearchUrlInNewTab]);
   return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.Transition, {
     in: view === _constants.VIEW.SEARCH && isSearchResultVisible,
     timeout: _constants.FADEIN_OVERLAY_TRANSITION_DURATION_MS

package/dist/cjs/components/Search/SearchResults/styled.js

@@ -6,15 +6,45 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SearchResultsList = exports.SearchResultsContainer = exports.SearchResultSearchExternalSiteContainer = exports.SearchResultEmptyMessageText = exports.SearchResultEmptyMessageImage = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-/** @jsx jsx */
 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 && Object.prototype.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; }
-var SearchResultsContainer = exports.SearchResultsContainer = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  height: 100%;\n  width: 100%;\n  top: 0;\n  background-color: ", ";\n  flex: 1;\n  flex-direction: column;\n  box-sizing: border-box;\n  overflow-x: hidden;\n  overflow-y: auto;\n  z-index: 10;\n  padding: 0 ", ";\n"])), "var(--ds-surface, #FFFFFF)", "var(--ds-space-200, 16px)");
-var SearchResultsList = exports.SearchResultsList = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  padding-top: ", ";\n  position: relative;\n"])), "var(--ds-space-300, 24px)");
-var SearchResultEmptyMessageImage = exports.SearchResultEmptyMessageImage = _styled.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  padding: ", " ", " 0\n    ", ";\n  text-align: center;\n"])), "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)");
-var SearchResultEmptyMessageText = exports.SearchResultEmptyMessageText = _styled.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  padding: ", " ", " 0\n    ", ";\n  text-align: center;\n\n  p {\n    color: ", ";\n  }\n"])), "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)", "var(--ds-text-subtlest, ".concat(colors.N200, ")"));
-var SearchResultSearchExternalSiteContainer = exports.SearchResultSearchExternalSiteContainer = _styled.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  padding: ", ";\n  text-align: center;\n\n  p {\n    color: ", ";\n  }\n"])), "var(--ds-space-300, 24px)", "var(--ds-text-subtlest, ".concat(colors.N200, ")"));
+/** @jsx jsx */
+
+var SearchResultsContainer = exports.SearchResultsContainer = _styled.default.div({
+  position: 'absolute',
+  height: '100%',
+  width: '100%',
+  top: 0,
+  backgroundColor: "var(--ds-surface, #FFFFFF)",
+  flex: 1,
+  flexDirection: 'column',
+  boxSizing: 'border-box',
+  overflowX: 'hidden',
+  overflowY: 'auto',
+  zIndex: 10,
+  padding: "0 ".concat("var(--ds-space-200, 16px)")
+});
+var SearchResultsList = exports.SearchResultsList = _styled.default.div({
+  paddingTop: "var(--ds-space-300, 24px)",
+  position: 'relative'
+});
+var SearchResultEmptyMessageImage = exports.SearchResultEmptyMessageImage = _styled.default.div({
+  padding: "var(--ds-space-300, 24px)".concat(" ", "var(--ds-space-300, 24px)", " 0 ", "var(--ds-space-300, 24px)"),
+  textAlign: 'center'
+});
+var SearchResultEmptyMessageText = exports.SearchResultEmptyMessageText = _styled.default.div({
+  padding: "var(--ds-space-300, 24px)".concat(" ", "var(--ds-space-300, 24px)", " 0 ", "var(--ds-space-300, 24px)"),
+  textAlign: 'center',
+  p: {
+    color: "var(--ds-text-subtlest, ".concat(colors.N200, ")")
+  }
+});
+var SearchResultSearchExternalSiteContainer = exports.SearchResultSearchExternalSiteContainer = _styled.default.div({
+  padding: "var(--ds-space-300, 24px)",
+  textAlign: 'center',
+  p: {
+    color: "var(--ds-text-subtlest, ".concat(colors.N200, ")")
+  }
+});

package/dist/cjs/components/WhatsNew/WhatsNewButton/index.js

@@ -21,7 +21,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'WhatsNewButton',
   packageName: "@atlaskit/help",
-  packageVersion: "7.2.30"
+  packageVersion: "7.3.1"
 };
 var WhatsNewButton = exports.WhatsNewButton = function WhatsNewButton(_ref) {
   var productName = _ref.productName,

package/dist/cjs/components/WhatsNew/WhatsNewResults/WhatsNewResultsEmpty/styled.js

@@ -6,12 +6,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.WhatsNewResultsEmptyMessageText = exports.WhatsNewResultsEmptyMessageImage = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
-var _templateObject, _templateObject2;
-/** @jsx jsx */
 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 && Object.prototype.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; }
-var WhatsNewResultsEmptyMessageImage = exports.WhatsNewResultsEmptyMessageImage = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  padding: ", " ", " 0\n    ", ";\n  text-align: center;\n"])), "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)");
-var WhatsNewResultsEmptyMessageText = exports.WhatsNewResultsEmptyMessageText = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  padding: ", " ", " 0\n    ", ";\n  text-align: center;\n\n  p {\n    color: ", ";\n  }\n"])), "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)", "var(--ds-text-subtlest, ".concat(colors.N200, ")"));
+/** @jsx jsx */
+
+var WhatsNewResultsEmptyMessageImage = exports.WhatsNewResultsEmptyMessageImage = _styled.default.div({
+  padding: "var(--ds-space-300, 24px)".concat(" ", "var(--ds-space-300, 24px)", " 0 ", "var(--ds-space-300, 24px)"),
+  textAlign: 'center'
+});
+var WhatsNewResultsEmptyMessageText = exports.WhatsNewResultsEmptyMessageText = _styled.default.div({
+  padding: "var(--ds-space-300, 24px)".concat(" ", "var(--ds-space-300, 24px)", " 0 ", "var(--ds-space-300, 24px)"),
+  textAlign: 'center',
+  p: {
+    color: "var(--ds-text-subtlest, ".concat(colors.N200, ")")
+  }
+});

package/dist/cjs/components/WhatsNew/WhatsNewResults/WhatsNewResultsError/styled.js

@@ -6,12 +6,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SearchResultEmptyMessageText = exports.SearchResultEmptyMessageImage = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
-var _templateObject, _templateObject2;
-/** @jsx jsx */
 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 && Object.prototype.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; }
-var SearchResultEmptyMessageImage = exports.SearchResultEmptyMessageImage = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  padding: ", " ", " 0\n    ", ";\n  text-align: center;\n"])), "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)");
-var SearchResultEmptyMessageText = exports.SearchResultEmptyMessageText = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  padding: ", " ", " 0\n    ", ";\n  text-align: center;\n\n  p {\n    color: ", ";\n  }\n"])), "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)", "var(--ds-text-subtlest, ".concat(colors.N200, ")"));
+/** @jsx jsx */
+
+var SearchResultEmptyMessageImage = exports.SearchResultEmptyMessageImage = _styled.default.div({
+  padding: "var(--ds-space-300, 24px)".concat(" ", "var(--ds-space-300, 24px)", " 0 ", "var(--ds-space-300, 24px)"),
+  textAlign: 'center'
+});
+var SearchResultEmptyMessageText = exports.SearchResultEmptyMessageText = _styled.default.div({
+  padding: "var(--ds-space-300, 24px)".concat(" ", "var(--ds-space-300, 24px)", " 0 ", "var(--ds-space-300, 24px)"),
+  textAlign: 'center',
+  p: {
+    color: "var(--ds-text-subtlest, ".concat(colors.N200, ")")
+  }
+});

package/dist/cjs/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/WhatsNewResultItem/index.js

@@ -15,7 +15,7 @@ var _styled2 = require("./styled");
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "7.2.30"
+  packageVersion: "7.3.1"
 };
 var WhatsNewResultListItem = exports.WhatsNewResultListItem = function WhatsNewResultListItem(_ref) {
   var formatMessage = _ref.intl.formatMessage,

package/dist/cjs/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/WhatsNewResultItem/styled.js

@@ -6,14 +6,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.WhatsNewResultListItemWrapper = exports.WhatsNewResultListItemTitleText = exports.WhatsNewResultListItemTitleContainer = exports.WhatsNewResultListItemDescription = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _constants = require("@atlaskit/theme/constants");
 var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
-var _templateObject, _templateObject2, _templateObject3;
-/** @jsx jsx */
 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 && Object.prototype.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; }
+/** @jsx jsx */
+
 var WhatsNewResultListItemWrapper = exports.WhatsNewResultListItemWrapper = _styled.default.a({
   position: "relative",
   boxSizing: "border-box",
@@ -41,6 +40,24 @@ var WhatsNewResultListItemWrapper = exports.WhatsNewResultListItemWrapper = _sty
 }, function (props) {
   return props.styles;
 });
-var WhatsNewResultListItemTitleContainer = exports.WhatsNewResultListItemTitleContainer = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  white-space: nowrap;\n  margin-bottom: ", ";\n"])), "var(--ds-space-050, 4px)");
-var WhatsNewResultListItemTitleText = exports.WhatsNewResultListItemTitleText = _styled.default.span(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  font-size: ", "px;\n  line-height: ", "px;\n  display: inline-block;\n  vertical-align: middle;\n  margin: 0;\n  padding-left: ", ";\n  white-space: normal;\n  overflow-x: hidden;\n"])), (0, _constants.fontSizeSmall)(), (0, _constants.fontSize)(), "var(--ds-space-050, 4px)");
-var WhatsNewResultListItemDescription = exports.WhatsNewResultListItemDescription = _styled.default.p(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  display: block;\n  line-height: 20px;\n  color: ", ";\n  margin: 0;\n"])), "var(--ds-text, ".concat(colors.N800, ")"));
+var WhatsNewResultListItemTitleContainer = exports.WhatsNewResultListItemTitleContainer = _styled.default.div({
+  width: '100%',
+  whiteSpace: 'nowrap',
+  marginBottom: "var(--ds-space-050, 4px)"
+});
+var WhatsNewResultListItemTitleText = exports.WhatsNewResultListItemTitleText = _styled.default.span({
+  fontSize: "".concat((0, _constants.fontSizeSmall)(), "px"),
+  lineHeight: "".concat((0, _constants.fontSize)(), "px"),
+  display: 'inline-block',
+  verticalAlign: 'middle',
+  margin: 0,
+  paddingLeft: "var(--ds-space-050, 4px)",
+  whiteSpace: 'normal',
+  overflowX: 'hidden'
+});
+var WhatsNewResultListItemDescription = exports.WhatsNewResultListItemDescription = _styled.default.p({
+  display: 'block',
+  lineHeight: '20px',
+  color: "var(--ds-text, ".concat(colors.N800, ")"),
+  margin: 0
+});

package/dist/cjs/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/styled.js

@@ -6,20 +6,39 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.truncate = exports.WhatsNewResultsListGroupWrapper = exports.WhatsNewResultsListGroupTitle = exports.WhatsNewResultsListContainer = exports.ToggleShowWhatsNewResultsContainer = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _constants = require("@atlaskit/theme/constants");
 var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-/** @jsx jsx */
 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 && Object.prototype.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; }
+/** @jsx jsx */
+
 var truncate = exports.truncate = function truncate() {
   var width = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '100%';
-  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  width: ", ";\n"])), width);
+  return (0, _react.css)({
+    overflowX: 'hidden',
+    textOverflow: 'ellipsis',
+    whiteSpace: 'nowrap',
+    width: width
+  });
 };
-var WhatsNewResultsListContainer = exports.WhatsNewResultsListContainer = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n"])));
-var WhatsNewResultsListGroupWrapper = exports.WhatsNewResultsListGroupWrapper = _styled.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  padding: ", " 0 ", " 0;\n"])), "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)");
-var WhatsNewResultsListGroupTitle = exports.WhatsNewResultsListGroupTitle = _styled.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  font-size: ", "px;\n  font-weight: bold;\n  padding: 0 ", " ", "\n    ", ";\n  text-transform: uppercase;\n"])), "var(--ds-text-subtlest, ".concat(colors.N200, ")"), (0, _constants.fontSizeSmall)(), "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)");
-var ToggleShowWhatsNewResultsContainer = exports.ToggleShowWhatsNewResultsContainer = _styled.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  padding: ", " 0;\n  span {\n    margin: 0;\n  }\n"])), "var(--ds-space-100, 8px)");
+var WhatsNewResultsListContainer = exports.WhatsNewResultsListContainer = _styled.default.div({
+  position: 'relative'
+});
+var WhatsNewResultsListGroupWrapper = exports.WhatsNewResultsListGroupWrapper = _styled.default.div({
+  padding: "var(--ds-space-100, 8px)".concat(" 0 ", "var(--ds-space-100, 8px)", " 0")
+});
+var WhatsNewResultsListGroupTitle = exports.WhatsNewResultsListGroupTitle = _styled.default.div({
+  color: "var(--ds-text-subtlest, ".concat(colors.N200, ")"),
+  fontSize: "".concat((0, _constants.fontSizeSmall)(), "px"),
+  fontWeight: 'bold',
+  padding: "0 ".concat("var(--ds-space-100, 8px)", " ", "var(--ds-space-100, 8px)", " ", "var(--ds-space-100, 8px)"),
+  textTransform: 'uppercase'
+});
+var ToggleShowWhatsNewResultsContainer = exports.ToggleShowWhatsNewResultsContainer = _styled.default.div({
+  padding: "var(--ds-space-100, 8px)".concat(" 0"),
+  span: {
+    margin: 0
+  }
+});

package/dist/cjs/components/WhatsNew/WhatsNewResults/WhatsNewResultsLoading/styled.js

@@ -5,12 +5,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.LoadignWhatsNewResultsListItem = exports.LoadignWhatsNewResultsList = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _templateObject, _templateObject2;
 /** @jsx jsx */
+
 /**
  * Loading styled-components
  */
-var LoadignWhatsNewResultsList = exports.LoadignWhatsNewResultsList = _styled.default.ul(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n  margin-top: ", ";\n"])), "var(--ds-space-200, 16px)");
-var LoadignWhatsNewResultsListItem = exports.LoadignWhatsNewResultsListItem = _styled.default.li(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: block;\n  width: 100%;\n  padding: ", ";\n  margin: 0;\n  box-sizing: border-box;\n"])), "var(--ds-space-100, 8px)");
+var LoadignWhatsNewResultsList = exports.LoadignWhatsNewResultsList = _styled.default.ul({
+  width: '100%',
+  margin: 0,
+  padding: 0,
+  boxSizing: 'border-box',
+  marginTop: "var(--ds-space-200, 16px)"
+});
+var LoadignWhatsNewResultsListItem = exports.LoadignWhatsNewResultsListItem = _styled.default.li({
+  display: 'block',
+  width: '100%',
+  padding: "var(--ds-space-100, 8px)",
+  margin: 0,
+  boxSizing: 'border-box'
+});