@atlaskit/help 7.2.30 → 7.3.0

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

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

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

@@ -13,7 +13,7 @@ import { WhatsNewTypeTitle, WhatsNewTitleText, WhatsNewIconContainer, RelatedLin
 var analyticsContextData = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "7.2.30"
+  packageVersion: "7.3.0"
 };
 export var WhatsNewArticle = function WhatsNewArticle(_ref) {
   var formatMessage = _ref.intl.formatMessage,

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

@@ -1,6 +1,18 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject;
 /** @jsx jsx */
 
 import styled from '@emotion/styled';
-export var ArticleContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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)");
+export var ArticleContainer = styled.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/esm/components/ArticlesList/ArticlesListItem/index.js

@@ -7,7 +7,7 @@ import { ArticlesListItemWrapper, ArticlesListItemContainer, ArticlesListItemTit
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "7.2.30"
+  packageVersion: "7.3.0"
 };
 export var ArticlesListItem = function ArticlesListItem(_ref) {
   var styles = _ref.styles,

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

@@ -1,12 +1,22 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3;
 /** @jsx jsx */
 
 import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 export var truncate = function truncate() {
   var width = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '100%';
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  width: ", ";\n"])), width);
+  return css({
+    overflowX: 'hidden',
+    textOverflow: 'ellipsis',
+    whiteSpace: 'nowrap',
+    width: width
+  });
 };
-export var ArticlesListContainer = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  position: relative;\n"])));
-export var ToggleShowMoreArticlesContainer = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  padding: ", " 0;\n  span {\n    margin: 0;\n  }\n"])), "var(--ds-space-100, 8px)");
+export var ArticlesListContainer = styled.div({
+  position: 'relative'
+});
+export var ToggleShowMoreArticlesContainer = styled.div({
+  padding: "var(--ds-space-100, 8px)".concat(" 0"),
+  span: {
+    margin: 0
+  }
+});

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

@@ -7,7 +7,7 @@ import { HelpContentButtonContainer, HelpContentButtonIcon, HelpContentButtonTex
 var analitycsContextData = {
   componentName: 'HelpContentButton',
   packageName: "@atlaskit/help",
-  packageVersion: "7.2.30"
+  packageVersion: "7.3.0"
 };
 var HelpContentButton = function HelpContentButton(_ref) {
   var _ref$id = _ref.id,

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

@@ -4,8 +4,17 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 
 import styled from 'styled-components';
 import * as colors from '@atlaskit/theme/colors';
+// eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression -- needs manual remediation (styled components used)
 export var HelpContentButtonContainer = styled.a(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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)
 export var HelpContentButtonIcon = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\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)
 export var HelpContentButtonText = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\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)
 export var HelpContentButtonExternalLinkIcon = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\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)
 export var HelpContentButtonExternalNotificationIcon = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\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/esm/components/RelatedArticles/index.js

@@ -18,7 +18,7 @@ import useCancellablePromise from '../../util/hooks/cancellablePromise';
 import { usePrevious } from '../../util/hooks/previous';
 import { jsx } from '@emotion/react';
 var packageName = "@atlaskit/help";
-var packageVersion = "7.2.30";
+var packageVersion = "7.3.0";
 export var RelatedArticles = function RelatedArticles(_ref) {
   var _ref$style = _ref.style,
     style = _ref$style === void 0 ? 'primary' : _ref$style,

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

@@ -1,5 +1,3 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 /** @jsx jsx */
 
 import { css } from '@emotion/react';
@@ -11,13 +9,36 @@ var baseHeading = function baseHeading(size, lineHeight) {
 };
 export var truncate = function truncate() {
   var width = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '100%';
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  width: ", ";\n"])), width);
+  return css({
+    overflowX: 'hidden',
+    textOverflow: 'ellipsis',
+    whiteSpace: 'nowrap',
+    width: width
+  });
 };
-export var RelatedArticlesTitle = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\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)");
+export var RelatedArticlesTitle = styled.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
  */
-export var LoadignRelatedArticleSection = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  margin-top: ", ";\n"])), "var(--ds-space-100, 8px)");
-export var LoadignRelatedArticleList = styled.ul(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n"])));
-export var LoadignRelatedArticleListItem = styled.li(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\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)");
+export var LoadignRelatedArticleSection = styled.div({
+  marginTop: "var(--ds-space-100, 8px)"
+});
+export var LoadignRelatedArticleList = styled.ul({
+  width: '100%',
+  margin: 0,
+  padding: 0,
+  boxSizing: 'border-box'
+});
+export var LoadignRelatedArticleListItem = styled.li({
+  display: 'block',
+  width: '100%',
+  padding: "var(--ds-space-100, 8px)",
+  marginBottom: "var(--ds-space-200, 16px)",
+  boxSizing: 'border-box'
+});

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

@@ -17,7 +17,7 @@ import { SearchInputContainer, SearchIconContainer, CloseButtonAndSpinnerContain
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'searchInput',
   packageName: "@atlaskit/help",
-  packageVersion: "7.2.30"
+  packageVersion: "7.3.0"
 };
 export var SearchInput = function SearchInput(_ref) {
   var formatMessage = _ref.intl.formatMessage;

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

@@ -1,7 +1,33 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3;
 /** @jsx jsx */
 import styled from '@emotion/styled';
-export var SearchInputContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  order: 0;\n  flex: 0 1 auto;\n  align-self: auto;\n  width: 100%;\n  box-sizing: border-box;\n"])));
-export var SearchIconContainer = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\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)");
-export var CloseButtonAndSpinnerContainer = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\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)");
+export var SearchInputContainer = styled.div({
+  order: 0,
+  flex: '0 1 auto',
+  alignSelf: 'auto',
+  width: '100%',
+  boxSizing: 'border-box'
+});
+export var SearchIconContainer = styled.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'
+  }
+});
+export var CloseButtonAndSpinnerContainer = styled.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/esm/components/Search/SearchResults/index.js

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

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

@@ -1,10 +1,39 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 /** @jsx jsx */
 import styled from '@emotion/styled';
 import * as colors from '@atlaskit/theme/colors';
-export var SearchResultsContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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)");
-export var SearchResultsList = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding-top: ", ";\n  position: relative;\n"])), "var(--ds-space-300, 24px)");
-export var SearchResultEmptyMessageImage = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  padding: ", " ", " 0\n    ", ";\n  text-align: center;\n"])), "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)");
-export var SearchResultEmptyMessageText = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\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, ")"));
-export var SearchResultSearchExternalSiteContainer = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\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, ")"));
+export var SearchResultsContainer = styled.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)")
+});
+export var SearchResultsList = styled.div({
+  paddingTop: "var(--ds-space-300, 24px)",
+  position: 'relative'
+});
+export var SearchResultEmptyMessageImage = styled.div({
+  padding: "var(--ds-space-300, 24px)".concat(" ", "var(--ds-space-300, 24px)", " 0 ", "var(--ds-space-300, 24px)"),
+  textAlign: 'center'
+});
+export var SearchResultEmptyMessageText = styled.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, ")")
+  }
+});
+export var SearchResultSearchExternalSiteContainer = styled.div({
+  padding: "var(--ds-space-300, 24px)",
+  textAlign: 'center',
+  p: {
+    color: "var(--ds-text-subtlest, ".concat(colors.N200, ")")
+  }
+});

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

@@ -11,7 +11,7 @@ import { ARTICLE_TYPE } from '../../../model/Help';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'WhatsNewButton',
   packageName: "@atlaskit/help",
-  packageVersion: "7.2.30"
+  packageVersion: "7.3.0"
 };
 export var WhatsNewButton = function WhatsNewButton(_ref) {
   var productName = _ref.productName,

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

@@ -1,7 +1,14 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2;
 /** @jsx jsx */
 import styled from '@emotion/styled';
 import * as colors from '@atlaskit/theme/colors';
-export var WhatsNewResultsEmptyMessageImage = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: ", " ", " 0\n    ", ";\n  text-align: center;\n"])), "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)");
-export var WhatsNewResultsEmptyMessageText = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\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, ")"));
+export var WhatsNewResultsEmptyMessageImage = styled.div({
+  padding: "var(--ds-space-300, 24px)".concat(" ", "var(--ds-space-300, 24px)", " 0 ", "var(--ds-space-300, 24px)"),
+  textAlign: 'center'
+});
+export var WhatsNewResultsEmptyMessageText = styled.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/esm/components/WhatsNew/WhatsNewResults/WhatsNewResultsError/styled.js

@@ -1,7 +1,14 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2;
 /** @jsx jsx */
 import styled from '@emotion/styled';
 import * as colors from '@atlaskit/theme/colors';
-export var SearchResultEmptyMessageImage = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: ", " ", " 0\n    ", ";\n  text-align: center;\n"])), "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)");
-export var SearchResultEmptyMessageText = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\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, ")"));
+export var SearchResultEmptyMessageImage = styled.div({
+  padding: "var(--ds-space-300, 24px)".concat(" ", "var(--ds-space-300, 24px)", " 0 ", "var(--ds-space-300, 24px)"),
+  textAlign: 'center'
+});
+export var SearchResultEmptyMessageText = styled.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/esm/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/WhatsNewResultItem/index.js

@@ -8,7 +8,7 @@ import { WhatsNewResultListItemWrapper, WhatsNewResultListItemTitleContainer, Wh
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "7.2.30"
+  packageVersion: "7.3.0"
 };
 export var WhatsNewResultListItem = function WhatsNewResultListItem(_ref) {
   var formatMessage = _ref.intl.formatMessage,

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

@@ -1,5 +1,3 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3;
 /** @jsx jsx */
 import styled from '@emotion/styled';
 import { fontSize, fontSizeSmall } from '@atlaskit/theme/constants';
@@ -31,6 +29,24 @@ export var WhatsNewResultListItemWrapper = styled.a({
 }, function (props) {
   return props.styles;
 });
-export var WhatsNewResultListItemTitleContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  white-space: nowrap;\n  margin-bottom: ", ";\n"])), "var(--ds-space-050, 4px)");
-export var WhatsNewResultListItemTitleText = styled.span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\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"])), fontSizeSmall(), fontSize(), "var(--ds-space-050, 4px)");
-export var WhatsNewResultListItemDescription = styled.p(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: block;\n  line-height: 20px;\n  color: ", ";\n  margin: 0;\n"])), "var(--ds-text, ".concat(colors.N800, ")"));
+export var WhatsNewResultListItemTitleContainer = styled.div({
+  width: '100%',
+  whiteSpace: 'nowrap',
+  marginBottom: "var(--ds-space-050, 4px)"
+});
+export var WhatsNewResultListItemTitleText = styled.span({
+  fontSize: "".concat(fontSizeSmall(), "px"),
+  lineHeight: "".concat(fontSize(), "px"),
+  display: 'inline-block',
+  verticalAlign: 'middle',
+  margin: 0,
+  paddingLeft: "var(--ds-space-050, 4px)",
+  whiteSpace: 'normal',
+  overflowX: 'hidden'
+});
+export var WhatsNewResultListItemDescription = styled.p({
+  display: 'block',
+  lineHeight: '20px',
+  color: "var(--ds-text, ".concat(colors.N800, ")"),
+  margin: 0
+});

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

@@ -1,5 +1,3 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 /** @jsx jsx */
 
 import { css } from '@emotion/react';
@@ -8,9 +6,29 @@ import { fontSizeSmall } from '@atlaskit/theme/constants';
 import * as colors from '@atlaskit/theme/colors';
 export var truncate = function truncate() {
   var width = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '100%';
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  width: ", ";\n"])), width);
+  return css({
+    overflowX: 'hidden',
+    textOverflow: 'ellipsis',
+    whiteSpace: 'nowrap',
+    width: width
+  });
 };
-export var WhatsNewResultsListContainer = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  position: relative;\n"])));
-export var WhatsNewResultsListGroupWrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  padding: ", " 0 ", " 0;\n"])), "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)");
-export var WhatsNewResultsListGroupTitle = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\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, ")"), fontSizeSmall(), "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)");
-export var ToggleShowWhatsNewResultsContainer = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  padding: ", " 0;\n  span {\n    margin: 0;\n  }\n"])), "var(--ds-space-100, 8px)");
+export var WhatsNewResultsListContainer = styled.div({
+  position: 'relative'
+});
+export var WhatsNewResultsListGroupWrapper = styled.div({
+  padding: "var(--ds-space-100, 8px)".concat(" 0 ", "var(--ds-space-100, 8px)", " 0")
+});
+export var WhatsNewResultsListGroupTitle = styled.div({
+  color: "var(--ds-text-subtlest, ".concat(colors.N200, ")"),
+  fontSize: "".concat(fontSizeSmall(), "px"),
+  fontWeight: 'bold',
+  padding: "0 ".concat("var(--ds-space-100, 8px)", " ", "var(--ds-space-100, 8px)", " ", "var(--ds-space-100, 8px)"),
+  textTransform: 'uppercase'
+});
+export var ToggleShowWhatsNewResultsContainer = styled.div({
+  padding: "var(--ds-space-100, 8px)".concat(" 0"),
+  span: {
+    margin: 0
+  }
+});

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

@@ -1,9 +1,19 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2;
 /** @jsx jsx */
 import styled from '@emotion/styled';
 /**
  * Loading styled-components
  */
-export var LoadignWhatsNewResultsList = styled.ul(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n  margin-top: ", ";\n"])), "var(--ds-space-200, 16px)");
-export var LoadignWhatsNewResultsListItem = styled.li(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: block;\n  width: 100%;\n  padding: ", ";\n  margin: 0;\n  box-sizing: border-box;\n"])), "var(--ds-space-100, 8px)");
+export var LoadignWhatsNewResultsList = styled.ul({
+  width: '100%',
+  margin: 0,
+  padding: 0,
+  boxSizing: 'border-box',
+  marginTop: "var(--ds-space-200, 16px)"
+});
+export var LoadignWhatsNewResultsListItem = styled.li({
+  display: 'block',
+  width: '100%',
+  padding: "var(--ds-space-100, 8px)",
+  margin: 0,
+  boxSizing: 'border-box'
+});

package/dist/esm/components/WhatsNew/WhatsNewResults/styled.js

@@ -1,9 +1,26 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 /** @jsx jsx */
 import styled from '@emotion/styled';
 import { gridSize } from '@atlaskit/theme/constants';
-export var WhatsNewResultsContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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: 1;\n  padding: ", ";\n"])), "var(--ds-surface, #FFFFFF)", "var(--ds-space-200, 16px)");
-export var SelectContainer = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: ", "px;\n"])), 19 * gridSize());
-export var WhatsNewResultsListContainer = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  padding-top: ", ";\n"])), "var(--ds-space-100, 8px)");
-export var WhatsNewResultsListTitleContainer = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  padding: 0 ", ";\n"])), "var(--ds-space-100, 8px)");
+export var WhatsNewResultsContainer = styled.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: 1,
+  padding: "var(--ds-space-200, 16px)"
+});
+export var SelectContainer = styled.div({
+  width: "".concat(19 * gridSize(), "px")
+});
+export var WhatsNewResultsListContainer = styled.div({
+  paddingTop: "var(--ds-space-100, 8px)"
+});
+export var WhatsNewResultsListTitleContainer = styled.div({
+  padding: "0 ".concat("var(--ds-space-100, 8px)")
+});

package/dist/esm/components/contexts/searchContext.js

@@ -18,7 +18,8 @@ export var SearchContextProvider = function SearchContextProvider(_ref) {
     onSearchResultItemClick = _ref.onSearchResultItemClick,
     onSearchExternalUrlClick = _ref.onSearchExternalUrlClick,
     searchExternalUrl = _ref.searchExternalUrl,
-    children = _ref.children;
+    children = _ref.children,
+    openExternalSearchUrlInNewTab = _ref.openExternalSearchUrlInNewTab;
   // Search
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
@@ -115,7 +116,8 @@ export var SearchContextProvider = function SearchContextProvider(_ref) {
       searchExternalUrl: searchExternalUrl,
       searchResult: searchResult,
       searchState: searchState,
-      searchValue: searchValue
+      searchValue: searchValue,
+      openExternalSearchUrlInNewTab: openExternalSearchUrlInNewTab
     }
   }, children);
 };

package/dist/esm/components/styled.js

@@ -1,12 +1,35 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3;
 /** @jsx jsx */
 
 import styled from '@emotion/styled';
-export var HelpBodyContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  flex-grow: 1;\n  min-height: 0;\n  position: relative;\n  overflow-y: auto;\n  overflow-x: hidden;\n  display: flex;\n  flex-direction: column;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-content: stretch;\n  align-items: flex-start;\n"])));
-export var HelpBody = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: 100%;\n  box-sizing: border-box;\n  order: 0;\n  flex: 1 1 auto;\n  align-self: auto;\n  position: relative;\n  overflow-x: hidden;\n  overflow-y: auto;\n"])));
-export var Home = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: ", ";\n  height: 100%;\n  overflow: ", ";\n  padding: ", ";\n  box-sizing: border-box;\n"])), function (props) {
-  return props.isOverlayFullyVisible ? 'none' : 'block';
-}, function (props) {
-  return props.isOverlayVisible ? 'hidden' : 'auto';
-}, "var(--ds-space-200, 16px)");
+export var HelpBodyContainer = styled.div({
+  flexGrow: 1,
+  minHeight: 0,
+  position: 'relative',
+  overflowY: 'auto',
+  overflowX: 'hidden',
+  display: 'flex',
+  flexDirection: 'column',
+  flexWrap: 'nowrap',
+  justifyContent: 'flex-start',
+  alignContent: 'stretch',
+  alignItems: 'flex-start'
+});
+export var HelpBody = styled.div({
+  width: '100%',
+  boxSizing: 'border-box',
+  order: 0,
+  flex: '1 1 auto',
+  alignSelf: 'auto',
+  position: 'relative',
+  overflowX: 'hidden',
+  overflowY: 'auto'
+});
+export var Home = styled.div(function (props) {
+  return {
+    display: props.isOverlayFullyVisible ? 'none' : 'block',
+    height: '100%',
+    overflow: props.isOverlayVisible ? 'hidden' : 'auto',
+    padding: "var(--ds-space-200, 16px)",
+    boxSizing: 'border-box'
+  };
+});

package/dist/esm/model/Help.js

@@ -1,4 +1,3 @@
-import { ArticleItem } from './Article';
 export var ARTICLE_TYPE = /*#__PURE__*/function (ARTICLE_TYPE) {
   ARTICLE_TYPE["HELP_ARTICLE"] = "HELP_ARTICLE";
   ARTICLE_TYPE["WHATS_NEW"] = "WHATS_NEW";