@atlaskit/help 7.2.4 → 7.2.6

package/dist/es2019/components/ArticlesList/ArticlesList.js

@@ -1,5 +1,4 @@
 import React from 'react';
-import { gridSize } from '@atlaskit/theme/constants';
 import { N30 } from '@atlaskit/theme/colors';
 import AnimateHeight from 'react-animate-height';
 import ArticlesListItem from './ArticlesListItem';
@@ -8,13 +7,13 @@ const getStyles = style => {
   if (style === 'secondary') {
     return {
       border: `2px solid ${`var(--ds-border, ${N30})`}`,
-      padding: `${gridSize() * 2}px`,
-      marginBottom: `${gridSize() * 1.5}px`
+      padding: "var(--ds-space-200, 16px)",
+      marginBottom: "var(--ds-space-150, 12px)"
     };
   }
   return {
     border: 0,
-    padding: `${gridSize()}px`,
+    padding: "var(--ds-space-100, 8px)",
     marginBottom: 0
   };
 };

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

@@ -3,12 +3,11 @@ import * as colors from '@atlaskit/theme/colors';
 import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
 import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
 import { injectIntl } from 'react-intl-next';
-import { name as packageName, version as packageVersion } from '../../../version.json';
 import { ArticlesListItemWrapper, ArticlesListItemContainer, ArticlesListItemTitleText, ArticlesListItemDescription, ArticlesListItemLinkIcon } from './styled';
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticlesListItem',
-  packageName,
-  packageVersion
+  packageName: "@atlaskit/help",
+  packageVersion: "7.2.6"
 };
 export const ArticlesListItem = ({
   styles,

package/dist/es2019/components/ArticlesList/ArticlesListItem/styled.js

@@ -39,7 +39,7 @@ export const ArticlesListItemTypeTitle = styled.div`
   padding-bottom: ${"var(--ds-space-050, 4px)"};
 `;
 
-// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
 export const ArticlesListItemLinkIcon = styled.span`
   align-self: auto;
   padding-inline-start: 5px;

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

@@ -3,12 +3,11 @@ import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
 import Tooltip from '@atlaskit/tooltip';
 import { NotificationIndicator } from '@atlaskit/notification-indicator';
 import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
-import { name as packageName, version as packageVersion } from '../../version.json';
 import { HelpContentButtonContainer, HelpContentButtonIcon, HelpContentButtonText, HelpContentButtonExternalLinkIcon, HelpContentButtonExternalNotificationIcon } from './styled';
 const analitycsContextData = {
   componentName: 'HelpContentButton',
-  packageName,
-  packageVersion
+  packageName: "@atlaskit/help",
+  packageVersion: "7.2.6"
 };
 const HelpContentButton = ({
   id = '',

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

@@ -3,7 +3,6 @@ import { withAnalyticsContext } from '@atlaskit/analytics-next';
 import SectionMessage from '@atlaskit/section-message';
 import Button from '@atlaskit/button/custom-theme-button';
 import { injectIntl } from 'react-intl-next';
-import { name as packageName, version as packageVersion } from '../../version.json';
 import { messages } from '../../messages';
 import ArticlesList from '../ArticlesList';
 import RelatedArticlesLoading from './RelatedArticlesLoading';
@@ -11,6 +10,8 @@ import { DividerLine } from '../../util/styled';
 import { RelatedArticlesTitle } from './styled';
 import useCancellablePromise from '../../util/hooks/cancellablePromise';
 import { usePrevious } from '../../util/hooks/previous';
+const packageName = "@atlaskit/help";
+const packageVersion = "7.2.6";
 export const RelatedArticles = ({
   style = 'primary',
   routeGroup,

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

@@ -7,15 +7,14 @@ import Spinner from '@atlaskit/spinner';
 import SearchIcon from '@atlaskit/icon/glyph/search';
 import EditorCloseIcon from '@atlaskit/icon/glyph/editor/close';
 import { injectIntl } from 'react-intl-next';
-import { name as packageName, version as packageVersion } from '../../../version.json';
 import { REQUEST_STATE } from '../../../model/Requests';
 import { useSearchContext } from '../../contexts/searchContext';
 import { messages } from '../../../messages';
 import { SearchInputContainer, SearchIconContainer, CloseButtonAndSpinnerContainer } from './styled';
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'searchInput',
-  packageName,
-  packageVersion
+  packageName: "@atlaskit/help",
+  packageVersion: "7.2.6"
 };
 export const SearchInput = ({
   intl: {

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

@@ -3,7 +3,6 @@ import { AnalyticsContext } from '@atlaskit/analytics-next';
 import * as colors from '@atlaskit/theme/colors';
 import LightbulbIcon from '@atlaskit/icon/glyph/lightbulb';
 import { injectIntl } from 'react-intl-next';
-import { name as packageName, version as packageVersion } from '../../../version.json';
 import { useWhatsNewArticleContext } from '../../contexts/whatsNewArticleContext';
 import { useNavigationContext } from '../../contexts/navigationContext';
 import { messages } from '../../../messages';
@@ -11,8 +10,8 @@ import HelpContentButton from '../../HelpContentButton';
 import { ARTICLE_TYPE } from '../../../model/Help';
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'WhatsNewButton',
-  packageName,
-  packageVersion
+  packageName: "@atlaskit/help",
+  packageVersion: "7.2.6"
 };
 export const WhatsNewButton = ({
   productName,

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

@@ -1,15 +1,14 @@
 import React from 'react';
 import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
 import { injectIntl } from 'react-intl-next';
-import { name as packageName, version as packageVersion } from '../../../../../version.json';
 import { WHATS_NEW_ITEM_TYPES } from '../../../../../model/WhatsNew';
 import { getTypeIcon, getTypeTitle } from '../../../../../util';
 import { WhatsNewTypeIcon } from '../../../../../util/styled';
 import { WhatsNewResultListItemWrapper, WhatsNewResultListItemTitleContainer, WhatsNewResultListItemTitleText, WhatsNewResultListItemDescription } from './styled';
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticlesListItem',
-  packageName,
-  packageVersion
+  packageName: "@atlaskit/help",
+  packageVersion: "7.2.6"
 };
 export const WhatsNewResultListItem = ({
   intl: {

package/dist/es2019/components/WhatsNew/WhatsNewResults/WhatsNewResultsLoading/index.js

@@ -32,7 +32,7 @@ export const WhatsNewResultsLoading = ({
     marginTop: "4px"
   }), /*#__PURE__*/React.createElement(LoadingRectangle, {
     style: {
-      marginLeft: `${gridSize()}px`
+      marginLeft: "var(--ds-space-100, 8px)"
     },
     contentHeight: "11px",
     contentWidth: "60px",
@@ -54,7 +54,7 @@ export const WhatsNewResultsLoading = ({
     marginTop: "4px"
   }), /*#__PURE__*/React.createElement(LoadingRectangle, {
     style: {
-      marginLeft: `${gridSize()}px`
+      marginLeft: "var(--ds-space-100, 8px)"
     },
     contentHeight: "11px",
     contentWidth: "60px",
@@ -80,7 +80,7 @@ export const WhatsNewResultsLoading = ({
     marginTop: "4px"
   }), /*#__PURE__*/React.createElement(LoadingRectangle, {
     style: {
-      marginLeft: `${gridSize()}px`
+      marginLeft: "var(--ds-space-100, 8px)"
     },
     contentHeight: "11px",
     contentWidth: "60px",
@@ -102,7 +102,7 @@ export const WhatsNewResultsLoading = ({
     marginTop: "4px"
   }), /*#__PURE__*/React.createElement(LoadingRectangle, {
     style: {
-      marginLeft: `${gridSize()}px`
+      marginLeft: "var(--ds-space-100, 8px)"
     },
     contentHeight: "11px",
     contentWidth: "60px",

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/help",
-	"version": "7.2.4",
+	"version": "7.2.6",
 	"sideEffects": false
 }

package/dist/esm/analytics.js

@@ -1,10 +1,9 @@
 import * as x from '@atlaskit/analytics-next';
-import { name as packageName, version as packageVersion } from './version.json';
 export var withAnalyticsEvents = x.withAnalyticsEvents;
 export var withAnalyticsContext = x.withAnalyticsContext;
 export var createAndFire = x.createAndFireEvent('atlaskit');
 export var defaultAnalyticsAttributes = {
   componentName: 'help',
-  packageName: packageName,
-  packageVersion: packageVersion
+  packageName: "@atlaskit/help",
+  packageVersion: "7.2.6"
 };

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

@@ -2,14 +2,13 @@ import React from 'react';
 import Button from '@atlaskit/button/custom-theme-button';
 import { injectIntl } from 'react-intl-next';
 import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
-import { name as packageName, version as packageVersion } from '../../../version.json';
 import { messages } from '../../../messages';
 import SomethingWrongImage from '../../../assets/SomethingWrongImage';
 import { LoadingErrorMessage, LoadingErrorButtonContainer } from './styled';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleLoadingFail',
-  packageName: packageName,
-  packageVersion: packageVersion
+  packageName: "@atlaskit/help",
+  packageVersion: "7.2.6"
 };
 export var ArticleLoadingFail = function ArticleLoadingFail(_ref) {
   var onTryAgainButtonClick = _ref.onTryAgainButtonClick,

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

@@ -2,12 +2,11 @@ import React from 'react';
 import { injectIntl } from 'react-intl-next';
 import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
 import Button from '@atlaskit/button/custom-theme-button';
-import { name as packageName, version as packageVersion } from '../../../../version.json';
 import { messages } from '../../../../messages';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulNoButton',
-  packageName: packageName,
-  packageVersion: packageVersion
+  packageName: "@atlaskit/help",
+  packageVersion: "7.2.6"
 };
 export var ArticleWasHelpfulNoButton = function ArticleWasHelpfulNoButton(_ref) {
   var _ref$isSelected = _ref.isSelected,

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

@@ -2,12 +2,11 @@ import React from 'react';
 import { injectIntl } from 'react-intl-next';
 import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
 import Button from '@atlaskit/button/custom-theme-button';
-import { name as packageName, version as packageVersion } from '../../../../version.json';
 import { messages } from '../../../../messages';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulYesButton',
-  packageName: packageName,
-  packageVersion: packageVersion
+  packageName: "@atlaskit/help",
+  packageVersion: "7.2.6"
 };
 export var ArticleWasHelpfulYesButton = function ArticleWasHelpfulYesButton(_ref) {
   var _ref$isSelected = _ref.isSelected,

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

@@ -10,12 +10,10 @@ import Form, { Field, CheckboxField, FormFooter } from '@atlaskit/form';
 import { RadioGroup } from '@atlaskit/radio';
 import { Checkbox } from '@atlaskit/checkbox';
 import TextArea from '@atlaskit/textarea';
-import { gridSize } from '@atlaskit/theme/constants';
 import CheckCircleIcon from '@atlaskit/icon/glyph/check-circle';
 // AFP-2532 TODO: Fix automatic suppressions below
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
 import { colors } from '@atlaskit/theme';
-import { name as packageName, version as packageVersion } from '../../../../version.json';
 import { messages } from '../../../../messages';
 import ArticleWasHelpfulYesButton from './WasHelpfulYesButton';
 import ArticleWasHelpfulNoButton from './WasHelpfulNoButton';
@@ -23,8 +21,8 @@ import { ArticleFeedbackContainer, ArticleFeedbackText, ArticleFeedbackAnswerWra
 var FEEDBACK_REASON_TEXT_MAX_LENGTH = '16000';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulForm',
-  packageName: packageName,
-  packageVersion: packageVersion
+  packageName: "@atlaskit/help",
+  packageVersion: "7.2.6"
 };
 export var ArticleWasHelpfulForm = function ArticleWasHelpfulForm(_ref) {
   var onWasHelpfulSubmit = _ref.onWasHelpfulSubmit,
@@ -141,7 +139,7 @@ export var ArticleWasHelpfulForm = function ArticleWasHelpfulForm(_ref) {
     if ((handleArticleWasHelpfulYesButtonClick || handleArticleWasHelpfulNoButtonClick) && !wasHelpfulFormSubmited) {
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ArticleFeedbackContainer, null, /*#__PURE__*/React.createElement(ArticleFeedbackText, {
         style: {
-          paddingRight: "".concat(gridSize(), "px")
+          paddingRight: "var(--ds-space-100, 8px)"
         }
       }, formatMessage(messages.help_article_rating_title)), /*#__PURE__*/React.createElement(ButtonGroup, null, handleArticleWasHelpfulYesButtonClick && /*#__PURE__*/React.createElement(ArticleWasHelpfulYesButton, {
         onClick: handleArticleWasHelpfulYesButtonClick,
@@ -196,7 +194,7 @@ export var ArticleWasHelpfulForm = function ArticleWasHelpfulForm(_ref) {
     } else if (wasHelpfulFormSubmited && wasHelpful === null) {
       return /*#__PURE__*/React.createElement(ArticleFeedbackContainer, null, /*#__PURE__*/React.createElement("span", {
         style: {
-          paddingRight: "".concat(gridSize(), "px"),
+          paddingRight: "var(--ds-space-100, 8px)",
           verticalAlign: 'middle'
         }
       }, /*#__PURE__*/React.createElement(CheckCircleIcon, {

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

@@ -2,7 +2,6 @@ import React, { useCallback } from 'react';
 import { BODY_FORMAT_TYPES } from '@atlaskit/help-article';
 import RelatedArticles from '../../RelatedArticles';
 import { ARTICLE_TYPE } from '../../../model/Help';
-import { name as packageName, version as packageVersion } from '../../../version.json';
 import { useNavigationContext } from '../../contexts/navigationContext';
 import { useHelpArticleContext } from '../../contexts/helpArticleContext';
 import { useRelatedArticlesContext } from '../../contexts/relatedArticlesContext';
@@ -55,8 +54,8 @@ export var HelpArticle = function HelpArticle(_ref) {
   var handleOnRelatedArticlesShowMoreClick = useCallback(function (event, analyticsEvent, isCollapsed) {
     analyticsEvent.payload.attributes = {
       componentName: 'Article',
-      packageName: packageName,
-      packageVersion: packageVersion
+      packageName: "@atlaskit/help",
+      packageVersion: "7.2.6"
     };
     if (onRelatedArticlesShowMoreClick) {
       onRelatedArticlesShowMoreClick(event, analyticsEvent, isCollapsed);

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

@@ -1,6 +1,5 @@
 import React from 'react';
 import { injectIntl } from 'react-intl-next';
-import { gridSize } from '@atlaskit/theme/constants';
 import { messages } from '../../../../messages';
 import { LoadingRectangle } from '../../../../util/styled';
 export var Loading = function Loading(_ref) {
@@ -19,7 +18,7 @@ export var Loading = function Loading(_ref) {
     marginTop: "4px"
   }), /*#__PURE__*/React.createElement(LoadingRectangle, {
     style: {
-      marginLeft: "".concat(gridSize(), "px")
+      marginLeft: "var(--ds-space-100, 8px)"
     },
     contentHeight: "11px",
     contentWidth: "60px",

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

@@ -2,11 +2,9 @@ import React from 'react';
 import { injectIntl } from 'react-intl-next';
 import { BODY_FORMAT_TYPES } from '@atlaskit/help-article';
 import HelpArticleContent from '@atlaskit/help-article';
-import { gridSize } from '@atlaskit/theme/constants';
 import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
 import Button from '@atlaskit/button/custom-theme-button';
-import { name as packageName, version as packageVersion } from '../../../version.json';
 import { messages } from '../../../messages';
 import { getTypeIcon, getTypeTitle } from '../../../util';
 import { WhatsNewTypeIcon, DividerLine } from '../../../util/styled';
@@ -14,8 +12,8 @@ import Loading from './Loading';
 import { WhatsNewTypeTitle, WhatsNewTitleText, WhatsNewIconContainer, RelatedLinkContainer, ExternalLinkIconContainer } from './styled';
 var analyticsContextData = {
   componentName: 'ArticlesListItem',
-  packageName: packageName,
-  packageVersion: packageVersion
+  packageName: "@atlaskit/help",
+  packageVersion: "7.2.6"
 };
 export var WhatsNewArticle = function WhatsNewArticle(_ref) {
   var formatMessage = _ref.intl.formatMessage,
@@ -34,7 +32,7 @@ export var WhatsNewArticle = function WhatsNewArticle(_ref) {
     }), (article.relatedExternalLinks || article.communityUrl) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DividerLine, {
       style: {
         marginTop: 0,
-        marginBottom: gridSize() * 2
+        marginBottom: "var(--ds-space-200, 16px)"
       }
     }), /*#__PURE__*/React.createElement(WhatsNewTitleText, null, "RELATED LINKS"), /*#__PURE__*/React.createElement(AnalyticsContext, {
       data: {

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

@@ -1,5 +1,4 @@
 import React from 'react';
-import { gridSize } from '@atlaskit/theme/constants';
 import { N30 } from '@atlaskit/theme/colors';
 import AnimateHeight from 'react-animate-height';
 import ArticlesListItem from './ArticlesListItem';
@@ -8,13 +7,13 @@ var getStyles = function getStyles(style) {
   if (style === 'secondary') {
     return {
       border: "2px solid ".concat("var(--ds-border, ".concat(N30, ")")),
-      padding: "".concat(gridSize() * 2, "px"),
-      marginBottom: "".concat(gridSize() * 1.5, "px")
+      padding: "var(--ds-space-200, 16px)",
+      marginBottom: "var(--ds-space-150, 12px)"
     };
   }
   return {
     border: 0,
-    padding: "".concat(gridSize(), "px"),
+    padding: "var(--ds-space-100, 8px)",
     marginBottom: 0
   };
 };

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

@@ -3,12 +3,11 @@ import * as colors from '@atlaskit/theme/colors';
 import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
 import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
 import { injectIntl } from 'react-intl-next';
-import { name as packageName, version as packageVersion } from '../../../version.json';
 import { ArticlesListItemWrapper, ArticlesListItemContainer, ArticlesListItemTitleText, ArticlesListItemDescription, ArticlesListItemLinkIcon } from './styled';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticlesListItem',
-  packageName: packageName,
-  packageVersion: packageVersion
+  packageName: "@atlaskit/help",
+  packageVersion: "7.2.6"
 };
 export var ArticlesListItem = function ArticlesListItem(_ref) {
   var styles = _ref.styles,

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

@@ -34,7 +34,7 @@ export var ArticlesListItemWrapper = styled.a({
 export var ArticlesListItemContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  white-space: nowrap;\n"])));
 export var ArticlesListItemTypeTitle = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  font-weight: bold;\n  font-size: 11px;\n  line-height: ", ";\n  color: ", ";\n  padding-bottom: ", ";\n"])), "var(--ds-font-lineHeight-100, 16px)", "var(--ds-text-subtlest, ".concat(colors.N200, ")"), "var(--ds-space-050, 4px)");
 
-// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
 export var ArticlesListItemLinkIcon = styled.span(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  align-self: auto;\n  padding-inline-start: 5px;\n  vertical-align: middle;\n"])));
 export var ArticlesListItemTitleText = styled.span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  text-decoration: none;\n  color: ", ";\n  font-size: ", "px;\n  font-weight: 600;\n  display: inline-block;\n  line-height: ", ";\n  white-space: normal;\n  overflow-x: hidden;\n  margin-bottom: ", ";\n"])), "var(--ds-text, ".concat(colors.N800, ")"), fontSize(), "var(--ds-font-lineHeight-200, 20px)", "var(--ds-space-100, 8px)");
 export var ArticlesListItemDescription = styled.p(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: block;\n  line-height: ", ";\n  color: ", ";\n  margin: 0;\n"])), "var(--ds-font-lineHeight-200, 20px)", "var(--ds-text-subtle, ".concat(colors.N400, ")"));

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

@@ -3,12 +3,11 @@ import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
 import Tooltip from '@atlaskit/tooltip';
 import { NotificationIndicator } from '@atlaskit/notification-indicator';
 import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
-import { name as packageName, version as packageVersion } from '../../version.json';
 import { HelpContentButtonContainer, HelpContentButtonIcon, HelpContentButtonText, HelpContentButtonExternalLinkIcon, HelpContentButtonExternalNotificationIcon } from './styled';
 var analitycsContextData = {
   componentName: 'HelpContentButton',
-  packageName: packageName,
-  packageVersion: packageVersion
+  packageName: "@atlaskit/help",
+  packageVersion: "7.2.6"
 };
 var HelpContentButton = function HelpContentButton(_ref) {
   var _ref$id = _ref.id,

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

@@ -6,7 +6,6 @@ import { withAnalyticsContext } from '@atlaskit/analytics-next';
 import SectionMessage from '@atlaskit/section-message';
 import Button from '@atlaskit/button/custom-theme-button';
 import { injectIntl } from 'react-intl-next';
-import { name as packageName, version as packageVersion } from '../../version.json';
 import { messages } from '../../messages';
 import ArticlesList from '../ArticlesList';
 import RelatedArticlesLoading from './RelatedArticlesLoading';
@@ -14,6 +13,8 @@ import { DividerLine } from '../../util/styled';
 import { RelatedArticlesTitle } from './styled';
 import useCancellablePromise from '../../util/hooks/cancellablePromise';
 import { usePrevious } from '../../util/hooks/previous';
+var packageName = "@atlaskit/help";
+var packageVersion = "7.2.6";
 export var RelatedArticles = function RelatedArticles(_ref) {
   var _ref$style = _ref.style,
     style = _ref$style === void 0 ? 'primary' : _ref$style,

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

@@ -7,15 +7,14 @@ import Spinner from '@atlaskit/spinner';
 import SearchIcon from '@atlaskit/icon/glyph/search';
 import EditorCloseIcon from '@atlaskit/icon/glyph/editor/close';
 import { injectIntl } from 'react-intl-next';
-import { name as packageName, version as packageVersion } from '../../../version.json';
 import { REQUEST_STATE } from '../../../model/Requests';
 import { useSearchContext } from '../../contexts/searchContext';
 import { messages } from '../../../messages';
 import { SearchInputContainer, SearchIconContainer, CloseButtonAndSpinnerContainer } from './styled';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'searchInput',
-  packageName: packageName,
-  packageVersion: packageVersion
+  packageName: "@atlaskit/help",
+  packageVersion: "7.2.6"
 };
 export var SearchInput = function SearchInput(_ref) {
   var formatMessage = _ref.intl.formatMessage;

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

@@ -3,7 +3,6 @@ import { AnalyticsContext } from '@atlaskit/analytics-next';
 import * as colors from '@atlaskit/theme/colors';
 import LightbulbIcon from '@atlaskit/icon/glyph/lightbulb';
 import { injectIntl } from 'react-intl-next';
-import { name as packageName, version as packageVersion } from '../../../version.json';
 import { useWhatsNewArticleContext } from '../../contexts/whatsNewArticleContext';
 import { useNavigationContext } from '../../contexts/navigationContext';
 import { messages } from '../../../messages';
@@ -11,8 +10,8 @@ import HelpContentButton from '../../HelpContentButton';
 import { ARTICLE_TYPE } from '../../../model/Help';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'WhatsNewButton',
-  packageName: packageName,
-  packageVersion: packageVersion
+  packageName: "@atlaskit/help",
+  packageVersion: "7.2.6"
 };
 export var WhatsNewButton = function WhatsNewButton(_ref) {
   var productName = _ref.productName,

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

@@ -1,15 +1,14 @@
 import React from 'react';
 import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
 import { injectIntl } from 'react-intl-next';
-import { name as packageName, version as packageVersion } from '../../../../../version.json';
 import { WHATS_NEW_ITEM_TYPES } from '../../../../../model/WhatsNew';
 import { getTypeIcon, getTypeTitle } from '../../../../../util';
 import { WhatsNewTypeIcon } from '../../../../../util/styled';
 import { WhatsNewResultListItemWrapper, WhatsNewResultListItemTitleContainer, WhatsNewResultListItemTitleText, WhatsNewResultListItemDescription } from './styled';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticlesListItem',
-  packageName: packageName,
-  packageVersion: packageVersion
+  packageName: "@atlaskit/help",
+  packageVersion: "7.2.6"
 };
 export var WhatsNewResultListItem = function WhatsNewResultListItem(_ref) {
   var formatMessage = _ref.intl.formatMessage,

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

@@ -29,7 +29,7 @@ export var WhatsNewResultsLoading = function WhatsNewResultsLoading(_ref) {
     marginTop: "4px"
   }), /*#__PURE__*/React.createElement(LoadingRectangle, {
     style: {
-      marginLeft: "".concat(gridSize(), "px")
+      marginLeft: "var(--ds-space-100, 8px)"
     },
     contentHeight: "11px",
     contentWidth: "60px",
@@ -51,7 +51,7 @@ export var WhatsNewResultsLoading = function WhatsNewResultsLoading(_ref) {
     marginTop: "4px"
   }), /*#__PURE__*/React.createElement(LoadingRectangle, {
     style: {
-      marginLeft: "".concat(gridSize(), "px")
+      marginLeft: "var(--ds-space-100, 8px)"
     },
     contentHeight: "11px",
     contentWidth: "60px",
@@ -77,7 +77,7 @@ export var WhatsNewResultsLoading = function WhatsNewResultsLoading(_ref) {
     marginTop: "4px"
   }), /*#__PURE__*/React.createElement(LoadingRectangle, {
     style: {
-      marginLeft: "".concat(gridSize(), "px")
+      marginLeft: "var(--ds-space-100, 8px)"
     },
     contentHeight: "11px",
     contentWidth: "60px",
@@ -99,7 +99,7 @@ export var WhatsNewResultsLoading = function WhatsNewResultsLoading(_ref) {
     marginTop: "4px"
   }), /*#__PURE__*/React.createElement(LoadingRectangle, {
     style: {
-      marginLeft: "".concat(gridSize(), "px")
+      marginLeft: "var(--ds-space-100, 8px)"
     },
     contentHeight: "11px",
     contentWidth: "60px",

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/help",
-	"version": "7.2.4",
+	"version": "7.2.6",
 	"sideEffects": false
 }

package/dist/types/analytics.d.ts

@@ -5,6 +5,6 @@ export declare const withAnalyticsContext: (defaultData?: any) => <Props, Compon
 export declare const createAndFire: (payload: x.AnalyticsEventPayload) => (createAnalyticsEvent: x.CreateUIAnalyticsEvent) => x.UIAnalyticsEvent;
 export declare const defaultAnalyticsAttributes: {
     componentName: string;
-    packageName: any;
-    packageVersion: any;
+    packageName: string;
+    packageVersion: string;
 };

package/dist/types-ts4.5/analytics.d.ts

@@ -5,6 +5,6 @@ export declare const withAnalyticsContext: (defaultData?: any) => <Props, Compon
 export declare const createAndFire: (payload: x.AnalyticsEventPayload) => (createAnalyticsEvent: x.CreateUIAnalyticsEvent) => x.UIAnalyticsEvent;
 export declare const defaultAnalyticsAttributes: {
     componentName: string;
-    packageName: any;
-    packageVersion: any;
+    packageName: string;
+    packageVersion: string;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/help",
-  "version": "7.2.4",
+  "version": "7.2.6",
   "description": "A cross-product help component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -35,7 +35,7 @@
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^9.1.0",
-    "@atlaskit/button": "^16.7.0",
+    "@atlaskit/button": "^16.9.0",
     "@atlaskit/checkbox": "^12.6.0",
     "@atlaskit/form": "^8.11.0",
     "@atlaskit/help-article": "^4.1.0",
@@ -48,9 +48,9 @@
     "@atlaskit/select": "^16.5.0",
     "@atlaskit/spinner": "^15.5.0",
     "@atlaskit/textarea": "^4.7.0",
-    "@atlaskit/textfield": "^5.5.0",
+    "@atlaskit/textfield": "^5.6.0",
     "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.5.0",
+    "@atlaskit/tokens": "^1.14.0",
     "@atlaskit/tooltip": "^17.8.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/core": "^10.0.9",
@@ -67,9 +67,7 @@
     "styled-components": "^3.2.6"
   },
   "devDependencies": {
-    "@atlaskit/docs": "*",
     "@atlaskit/navigation": "^37.0.0",
-    "@atlaskit/page": "^12.3.0",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@testing-library/react": "^12.1.5",
     "algoliasearch": "^3.35.1",

package/dist/types/assets/WhatsNewIcoExperiment.svg

@@ -1,5 +0,0 @@
-<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M5.4675 3V5.369L3.4985 9.5H8.501L6.532 5.369V3H5.4675ZM9.404 9.07C9.47661 9.22244 9.50943 9.39079 9.49941 9.55934C9.48939 9.72789 9.43686 9.89116 9.3467 10.0339C9.25655 10.1767 9.13171 10.2943 8.98384 10.3758C8.83596 10.4573 8.66985 10.5 8.501 10.5H3.4985C3.32969 10.4999 3.16365 10.4572 3.01584 10.3756C2.86803 10.2941 2.74326 10.1765 2.65316 10.0337C2.56307 9.89096 2.51058 9.72772 2.50058 9.55921C2.49059 9.3907 2.52341 9.2224 2.596 9.07L4.4675 5.143V2H7.5325V5.143L9.404 9.07Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 6.5H7.5L9 10H3L4.5 6.5Z" fill="white"/>
-<path d="M7.5 1.5H4.5C4.22386 1.5 4 1.72386 4 2C4 2.27614 4.22386 2.5 4.5 2.5H7.5C7.77614 2.5 8 2.27614 8 2C8 1.72386 7.77614 1.5 7.5 1.5Z" fill="white"/>
-</svg>