@atlaskit/help 9.0.0 → 9.0.2

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

@@ -16,7 +16,7 @@ import { RelatedArticlesTitle } from './styled';
 import useCancellablePromise from '../../util/hooks/cancellablePromise';
 import { usePrevious } from '../../util/hooks/previous';
 const packageName = "@atlaskit/help";
-const packageVersion = "9.0.0";
+const packageVersion = "9.0.2";
 const buttonStyles = null;
 export const RelatedArticles = ({
   style = 'primary',

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

@@ -4,12 +4,16 @@ import "./styled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { N800 } from '@atlaskit/theme/colors';
+import Heading from '@atlaskit/heading';
 const relatedArticlesTitleStyles = null;
 export const RelatedArticlesTitle = ({
   children
 }) => /*#__PURE__*/React.createElement("div", {
   className: ax(["_11c8nbxd _syaz1fxt _ca0qpxbi _u5f3idpf _n3tdpxbi _19bvidpf"])
-}, children);
+}, /*#__PURE__*/React.createElement(Heading, {
+  size: "large",
+  color: "color.text"
+}, children));
 
 /**
  * Loading styled-components

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

@@ -19,7 +19,7 @@ import { useNavigationContext } from '../../contexts/navigationContext';
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'searchInput',
   packageName: "@atlaskit/help",
-  packageVersion: "9.0.0"
+  packageVersion: "9.0.2"
 };
 const buttonStyles = null;
 export const SearchInput = ({
@@ -100,7 +100,7 @@ export const SearchInput = ({
       appearance: "subtle",
       onClick: handleOnClearButtonClick,
       spacing: "none",
-      "aria-label": "Clear field",
+      "aria-label": "Clear",
       className: ax(["_1bsb1tcg _4t3i1tcg"])
     }, /*#__PURE__*/React.createElement(EditorCloseIcon, {
       color: "currentColor",

package/dist/es2019/components/Search/SearchResults/SearchResultsError.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import Button from '@atlaskit/button/custom-theme-button';
+import Button from '@atlaskit/button';
 import { injectIntl } from 'react-intl-next';
 import { Text } from '@atlaskit/primitives/compiled';
 import ErrorImage from '../../../assets/ErrorImage';

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

@@ -11,7 +11,7 @@ import { ARTICLE_TYPE } from '../../../model/Help';
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'WhatsNewButton',
   packageName: "@atlaskit/help",
-  packageVersion: "9.0.0"
+  packageVersion: "9.0.2"
 };
 export const WhatsNewButton = ({
   productName,

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

@@ -2,6 +2,7 @@ import React from 'react';
 import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
 import { injectIntl } from 'react-intl-next';
 import { Text } from '@atlaskit/primitives/compiled';
+import Button from '@atlaskit/button/new';
 import NotFoundImage from '../../../../assets/NotFoundImage';
 import { messages } from '../../../../messages';
 import { WhatsNewResultsEmptyMessageImage, WhatsNewResultsEmptyMessageText } from './styled';
@@ -30,8 +31,8 @@ export const WhatsNewResultsEmpty = ({
     data: {
       componentName: 'WhatsNewResultsEmpty'
     }
-  }, /*#__PURE__*/React.createElement("a", {
-    href: "#",
+  }, /*#__PURE__*/React.createElement(Button, {
+    appearance: "primary",
     onClick: handleClearFilterLinkClick
   }, formatMessage(messages.help_whats_new_no_results_clear_filter_button_label)), /*#__PURE__*/React.createElement(Text, null, formatMessage(messages.help_whats_new_no_results_clear_filter_info))))));
 };

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

@@ -8,7 +8,7 @@ import { WhatsNewResultListItemWrapper, WhatsNewResultListItemTitleContainer, Wh
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "9.0.0"
+  packageVersion: "9.0.2"
 };
 export const WhatsNewResultListItem = ({
   intl: {

package/dist/es2019/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/WhatsNewResultItem/styled.compiled.css

@@ -27,6 +27,7 @@
 ._u5f3u2gc{padding-right:var(--ds-space-100,8px)}
 ._vchhusvi{box-sizing:border-box}
 ._vwz4gktf{line-height:20px}
+._y3gn1e5h{text-align:left}
 ._7ehi1ssq:focus{box-shadow:var(--ds-border-focused,#4c9aff) 0 0 0 2px inset}
 ._irr314ae:hover{background-color:var(--ds-background-neutral-subtle-hovered,#ebecf0)}
 ._13roglyw:active, ._1bg4glyw:focus, ._1qb1glyw:hover, ._1dnaglyw:visited{outline-offset:none}

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

@@ -9,10 +9,10 @@ export const WhatsNewResultListItemWrapper = ({
   styles,
   children,
   ...rest
-}) => /*#__PURE__*/React.createElement("a", _extends({
+}) => /*#__PURE__*/React.createElement("button", _extends({
   style: styles
 }, rest, {
-  className: ax(["_4bfu1r31 _1hmsglyw _ajmmnqa1 _2rko1l7b _kqswh2mm _vchhusvi _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc _1e0c1ule _80omtlke _syaz1wmz _bfhktxrc _7ehi1ssq _1nrm1r31 _1a3b1r31 _9oik1r31 _1ydc1r31 _c2waglyw _4fprglyw _1bnxglyw _1x28glyw _1iohnqa1 _5goinqa1 _jf4cnqa1 _1726nqa1 _1q5t1r31 _nt751r31 _1dit1r31 _9nxe1r31 _1ohyglyw _49pcglyw _ksodglyw _tpgfglyw _1r9x1o36 _1hvw1o36 _4hz81o36 _12gr1o36 _13roglyw _1bg4glyw _1qb1glyw _1dnaglyw _irr314ae _1di61l7b"])
+  className: ax(["_4bfu1r31 _1hmsglyw _ajmmnqa1 _2rko1l7b _kqswh2mm _vchhusvi _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc _1e0c1ule _80omtlke _syaz1wmz _bfhktxrc _y3gn1e5h _7ehi1ssq _1nrm1r31 _1a3b1r31 _9oik1r31 _1ydc1r31 _c2waglyw _4fprglyw _1bnxglyw _1x28glyw _1iohnqa1 _5goinqa1 _jf4cnqa1 _1726nqa1 _1q5t1r31 _nt751r31 _1dit1r31 _9nxe1r31 _1ohyglyw _49pcglyw _ksodglyw _tpgfglyw _1r9x1o36 _1hvw1o36 _4hz81o36 _12gr1o36 _13roglyw _1bg4glyw _1qb1glyw _1dnaglyw _irr314ae _1di61l7b"])
 }), children);
 const whatsNewResultListItemTitleContainerStyles = null;
 export const WhatsNewResultListItemTitleContainer = ({

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

@@ -7,6 +7,7 @@ import { Transition } from 'react-transition-group';
 import isEqual from 'lodash/isEqual';
 import Select from '@atlaskit/select';
 import { injectIntl } from 'react-intl-next';
+import { Label } from '@atlaskit/form';
 import { VIEW } from '../../constants';
 import { messages } from '../../../messages';
 import { WHATS_NEW_ITEM_TYPES } from '../../../model/WhatsNew';
@@ -120,12 +121,15 @@ export const WhatsNewResults = ({
       ...transitionStyles[state]
     },
     className: ax(["_16jlkb7n _1o9zkb7n _i0dlf1ug _n3tdpxbi _19bvpxbi _u5f3pxbi _kqswstnw _1bsb1osq _154i1eca _bfhkvuon _2lx21bp4 _vchhusvi _1reo15vq _18m91wug _1pbykb7n"])
-  }, searchWhatsNewArticlesState === REQUEST_STATE.loading && searchWhatsNewArticlesResult === null && state !== 'exited' && /*#__PURE__*/React.createElement(WhatsNewResultsLoading, null), (searchWhatsNewArticlesState === REQUEST_STATE.done || searchWhatsNewArticlesState === REQUEST_STATE.loading) && searchWhatsNewArticlesResult !== null && state !== 'exited' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SelectContainer, null, /*#__PURE__*/React.createElement(Select, {
+  }, searchWhatsNewArticlesState === REQUEST_STATE.loading && searchWhatsNewArticlesResult === null && state !== 'exited' && /*#__PURE__*/React.createElement(WhatsNewResultsLoading, null), (searchWhatsNewArticlesState === REQUEST_STATE.done || searchWhatsNewArticlesState === REQUEST_STATE.loading) && searchWhatsNewArticlesResult !== null && state !== 'exited' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SelectContainer, null, /*#__PURE__*/React.createElement(Label, {
+    htmlFor: "help_whats_new_filter_select_label"
+  }, formatMessage(messages.help_whats_new_filter_select_label)), /*#__PURE__*/React.createElement(Select, {
     defaultValue: selectedOption
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
     className: "single-select",
     classNamePrefix: "react-select",
+    inputId: "help_whats_new_filter_select_label",
     options: [{
       value: '',
       label: formatMessage(messages.help_whats_new_filter_select_option_all)
@@ -175,12 +179,15 @@ export const WhatsNewResults = ({
       ...transitionStyles[state]
     },
     className: ax(["_16jlkb7n _1o9zkb7n _i0dlf1ug _v5643rtd _kqswstnw _4t3i1osq _1bsb1osq _154iidpf _bfhkvuon _2lx21bp4 _vchhusvi _1reo15vq _18m91wug _1pbykb7n _ca0qpxbi _u5f3pxbi _n3tdpxbi _19bvpxbi _tzy4idpf _3um015vq"])
-  }, searchWhatsNewArticlesState === REQUEST_STATE.loading && searchWhatsNewArticlesResult === null && state !== 'exited' && /*#__PURE__*/React.createElement(WhatsNewResultsLoading, null), (searchWhatsNewArticlesState === REQUEST_STATE.done || searchWhatsNewArticlesState === REQUEST_STATE.loading) && searchWhatsNewArticlesResult !== null && state !== 'exited' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SelectContainer, null, /*#__PURE__*/React.createElement(Select, {
+  }, searchWhatsNewArticlesState === REQUEST_STATE.loading && searchWhatsNewArticlesResult === null && state !== 'exited' && /*#__PURE__*/React.createElement(WhatsNewResultsLoading, null), (searchWhatsNewArticlesState === REQUEST_STATE.done || searchWhatsNewArticlesState === REQUEST_STATE.loading) && searchWhatsNewArticlesResult !== null && state !== 'exited' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SelectContainer, null, /*#__PURE__*/React.createElement(Label, {
+    htmlFor: "help_whats_new_filter_select_label"
+  }, formatMessage(messages.help_whats_new_filter_select_label)), /*#__PURE__*/React.createElement(Select, {
     defaultValue: selectedOption
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
     className: "single-select",
     classNamePrefix: "react-select",
+    inputId: "help_whats_new_filter_select_label",
     options: [{
       value: '',
       label: formatMessage(messages.help_whats_new_filter_select_option_all)

package/dist/es2019/messages.js

@@ -284,5 +284,10 @@ export const messages = defineMessages({
     id: 'help.need_more_help.text',
     defaultMessage: 'Need more help?',
     description: 'Need more help text'
+  },
+  help_whats_new_filter_select_label: {
+    id: 'help.whats_new.filter_select_label',
+    defaultMessage: `Select a Category`,
+    description: `Label for the "Release types" dropdown`
   }
 });

package/dist/esm/analytics.js

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

package/dist/esm/assets/NotFoundImage.js

@@ -1,5 +1,5 @@
 import React from 'react';
-export var svg = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"100\" height=\"116\" viewBox=\"0 0 100 116\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M0 0H100V116H0V0Z\"/>\n<g opacity=\"0.3\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.4783 115.563H23.4169H23.4237C24.2045 115.563 24.8375 114.928 24.8375 114.144C24.8375 113.36 24.2045 112.725 23.4237 112.725H14.4783C13.6975 112.725 13.0645 113.36 13.0645 114.144C13.0645 114.928 13.6975 115.563 14.4783 115.563ZM40.6686 115.563H31.7301C30.9492 115.563 30.3162 114.928 30.3162 114.144C30.3162 113.36 30.9492 112.725 31.7301 112.725H40.6686C41.4495 112.725 42.0825 113.36 42.0825 114.144C42.0825 114.928 41.4495 115.563 40.6686 115.563ZM48.975 115.563H57.9204C58.7013 115.563 59.3343 114.928 59.3343 114.144C59.3343 113.36 58.7013 112.725 57.9204 112.725H48.975C48.1942 112.725 47.5612 113.36 47.5612 114.144C47.5612 114.928 48.1942 115.563 48.975 115.563ZM66.2268 115.563H75.1722C75.953 115.563 76.586 114.928 76.586 114.144C76.586 113.36 75.953 112.725 75.1722 112.725H66.2268C65.446 112.725 64.813 113.36 64.813 114.144C64.813 114.928 65.446 115.563 66.2268 115.563Z\" fill=\"#B3BAC5\"/>\n<path d=\"M6.17203 115.563H1.41386C0.633005 115.563 0 114.928 0 114.144V109.368C0 108.584 0.633005 107.948 1.41386 107.948C2.19471 107.948 2.82771 108.584 2.82771 109.368V112.725H6.17203C6.95288 112.725 7.58588 113.36 7.58588 114.144C7.58588 114.928 6.95288 115.563 6.17203 115.563Z\" fill=\"#B3BAC5\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0.411714 26.0299C0.67706 26.2976 1.03771 26.448 1.41387 26.448V26.4412C1.79003 26.4412 2.15068 26.2907 2.41603 26.0231C2.68138 25.7554 2.82954 25.3927 2.82773 25.0151V15.2574C2.82773 14.4736 2.19472 13.8381 1.41387 13.8381C0.633021 13.8381 1.63631e-05 14.4736 1.63631e-05 15.2574V25.0219C-0.00179209 25.3995 0.146369 25.7623 0.411714 26.0299ZM1.41387 45.2673C1.03771 45.2673 0.67706 45.1168 0.411714 44.8492C0.146369 44.5816 -0.00179209 44.2188 1.63631e-05 43.8412V34.0835C1.63631e-05 33.2997 0.633021 32.6643 1.41387 32.6643C2.19472 32.6643 2.82773 33.2997 2.82773 34.0835V43.8412C2.82773 44.625 2.19472 45.2605 1.41387 45.2605V45.2673ZM0.411714 63.6685C0.67706 63.9361 1.03771 64.0866 1.41387 64.0866C1.79003 64.0866 2.15068 63.9361 2.41603 63.6685C2.68138 63.4008 2.82954 63.0381 2.82773 62.6605V52.9028C2.82773 52.119 2.19472 51.4835 1.41387 51.4835C0.633021 51.4835 1.63631e-05 52.119 1.63631e-05 52.9028V62.6605C-0.00179209 63.0381 0.146369 63.4008 0.411714 63.6685ZM1.41387 82.9059C0.633021 82.9059 1.63631e-05 82.2705 1.63631e-05 81.4866V71.729C1.63631e-05 70.9451 0.633021 70.3097 1.41387 70.3097C2.19472 70.3097 2.82773 70.9451 2.82773 71.729V81.4866C2.82773 81.863 2.67877 82.224 2.41362 82.4902C2.14847 82.7564 1.78885 82.9059 1.41387 82.9059ZM1.41387 101.725C0.633021 101.725 1.63631e-05 101.09 1.63631e-05 100.306V90.5482C1.63631e-05 89.7644 0.633021 89.129 1.41387 89.129C2.19472 89.129 2.82773 89.7644 2.82773 90.5482V100.306C2.82773 101.09 2.19472 101.725 1.41387 101.725Z\" fill=\"#B3BAC5\"/>\n<path d=\"M1.41386 7.61506C0.633005 7.61506 0 6.97962 0 6.19577V1.41929C0 0.63544 0.633005 0 1.41386 0H6.17203C6.95288 0 7.58588 0.63544 7.58588 1.41929C7.58588 2.20315 6.95288 2.83859 6.17203 2.83859H2.82771V6.19577C2.82771 6.97962 2.19471 7.61506 1.41386 7.61506Z\" fill=\"#B3BAC5\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.4783 2.83859H23.4169C24.1977 2.83859 24.8307 2.20315 24.8307 1.41929C24.8307 0.63544 24.1977 0 23.4169 0H14.4783C13.6975 0 13.0645 0.63544 13.0645 1.41929C13.0645 2.20315 13.6975 2.83859 14.4783 2.83859ZM40.6618 2.83859H31.7233C30.9424 2.83859 30.3094 2.20315 30.3094 1.41929C30.3094 0.63544 30.9424 0 31.7233 0H40.6618C41.4427 0 42.0757 0.63544 42.0757 1.41929C42.0757 2.20315 41.4427 2.83859 40.6618 2.83859ZM48.9411 2.83859H57.9068C58.6877 2.83859 59.3207 2.20315 59.3207 1.41929C59.3207 0.63544 58.6877 0 57.9068 0H48.9411C48.1602 0 47.5272 0.63544 47.5272 1.41929C47.5272 2.20315 48.1602 2.83859 48.9411 2.83859ZM66.2132 2.83859H75.1586C75.9394 2.83859 76.5724 2.20315 76.5724 1.41929C76.5724 0.63544 75.9394 0 75.1586 0H66.2132C65.4324 0 64.7994 0.63544 64.7994 1.41929C64.7994 2.20315 65.4324 2.83859 66.2132 2.83859Z\" fill=\"#B3BAC5\"/>\n<path d=\"M88.2169 7.61506C87.4361 7.61506 86.8031 6.97962 86.8031 6.19577V2.83859H83.4588C82.6779 2.83859 82.0449 2.20315 82.0449 1.41929C82.0449 0.63544 82.6779 0 83.4588 0H88.2169C88.5919 0 88.9515 0.149532 89.2167 0.415702C89.4818 0.681871 89.6308 1.04287 89.6308 1.41929V6.19577C89.6308 6.97962 88.9978 7.61506 88.2169 7.61506Z\" fill=\"#B3BAC5\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M86.8164 25.0287C86.8164 25.8126 87.4494 26.448 88.2303 26.448L88.2235 26.4412C88.6008 26.443 88.9632 26.2934 89.23 26.0255C89.4968 25.7577 89.6459 25.3939 89.6441 25.0151V15.2574C89.6441 14.4736 89.0111 13.8381 88.2303 13.8381C87.4494 13.8381 86.8164 14.4736 86.8164 15.2574V25.0287ZM88.2303 45.2673C87.4494 45.2673 86.8164 44.6319 86.8164 43.848V34.0835C86.8164 33.2997 87.4494 32.6643 88.2303 32.6643C89.0111 32.6643 89.6441 33.2997 89.6441 34.0835V43.8412C89.6441 44.2188 89.4942 44.5808 89.2276 44.8472C88.961 45.1136 88.5996 45.2623 88.2235 45.2605L88.2303 45.2673ZM86.8164 62.6673C86.8164 63.4512 87.4494 64.0866 88.2303 64.0866L88.2235 64.0798C88.5996 64.0816 88.961 63.9329 89.2276 63.6665C89.4942 63.4001 89.6441 63.0381 89.6441 62.6605V52.9028C89.6441 52.119 89.0111 51.4835 88.2303 51.4835C87.4494 51.4835 86.8164 52.119 86.8164 52.9028V62.6673ZM86.8164 81.4866C86.8164 82.2705 87.4494 82.9059 88.2303 82.9059C88.6052 82.9059 88.9649 82.7564 89.23 82.4902C89.4952 82.224 89.6441 81.863 89.6441 81.4866V71.729C89.6441 70.9451 89.0111 70.3097 88.2303 70.3097C87.4494 70.3097 86.8164 70.9451 86.8164 71.729V81.4866Z\" fill=\"#B3BAC5\"/>\n</g>\n<path d=\"M73.1399 80.1628L69.0207 76.0687L63.3721 81.8141L67.4913 85.9083C68.542 86.9484 69.2773 88.2662 69.6121 89.709C69.9468 91.1517 70.6822 92.4695 71.7329 93.5097L88.434 110.064C90.9645 112.569 95.039 112.542 97.5357 110.002C100.032 107.462 100.004 103.372 97.4746 100.865L80.7734 84.3252C79.7179 83.2947 78.3935 82.585 76.9532 82.2781C75.5079 81.9508 74.1852 81.2171 73.1399 80.1628Z\" fill=\"#CFD4DB\"/>\n<path d=\"M73.1398 80.1628L71.889 78.9209C70.3065 77.3556 67.7597 77.3739 66.1996 78.9618C64.6403 80.5505 64.6586 83.1071 66.2404 84.6731L67.4911 85.915C68.5418 86.9551 69.2772 88.273 69.6119 89.7157C69.9466 91.1584 70.682 92.4763 71.7327 93.5164L88.4339 110.063C90.9644 112.569 95.0389 112.541 97.5356 110.002C100.031 107.462 100.004 103.372 97.4744 100.865L80.7732 84.3251C79.7177 83.2947 78.3934 82.585 76.9531 82.2781C75.5077 81.9507 74.185 81.217 73.1398 80.1628Z\" fill=\"url(#paint0_linear)\"/>\n<g style=\"mix-blend-mode:multiply\">\n<path d=\"M76.8105 82.1963C75.4309 81.8599 74.1689 81.1522 73.1603 80.1492L71.9096 78.9073C70.327 77.342 67.7802 77.3604 66.2201 78.9483C64.6608 80.5369 64.6791 83.0935 66.2609 84.6596L67.5116 85.9015C68.5178 86.9004 69.2345 88.1552 69.5848 89.5316C72.3503 87.4687 74.7867 84.9953 76.8105 82.1963Z\" fill=\"#DFE1E5\"/>\n</g>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.6101 59.4193C11.734 78.0735 26.8988 93.0949 45.4815 92.9706V92.9501C59.0855 92.8572 71.2946 84.5482 76.417 71.8966C81.5395 59.2451 78.5668 44.7418 68.8849 35.148C62.5481 28.8366 53.9591 25.3328 45.0329 25.4176C26.4501 25.542 11.4863 40.7651 11.6101 59.4193ZM24.0596 73.631C17.2047 63.4768 18.4498 49.8758 27.0334 41.1459C31.7943 36.277 38.2978 33.5226 45.0941 33.4967C57.313 33.4162 67.8869 42.0115 70.3492 54.0261C72.8116 66.0406 66.4765 78.1281 55.2183 82.8962C43.9601 87.6643 30.9145 83.7851 24.0596 73.631Z\" fill=\"url(#paint1_linear)\"/>\n<path d=\"M57.2614 50.9444L53.754 47.3962C53.2279 46.8893 52.3972 46.8893 51.8711 47.3962L45.2776 53.9673L38.7453 47.3416C38.2193 46.8347 37.3885 46.8347 36.8625 47.3416L33.3074 50.8557C32.8025 51.3838 32.8025 52.2178 33.3074 52.7458L39.8669 59.3647L33.3074 65.9289C32.8025 66.457 32.8025 67.2909 33.3074 67.819L36.8149 71.3673C37.3409 71.8742 38.1717 71.8742 38.6978 71.3673L45.2504 64.8235L51.7963 71.4423C52.3224 71.9492 53.1532 71.9492 53.6792 71.4423L57.2138 67.9214C57.7188 67.3933 57.7188 66.5593 57.2138 66.0313L50.668 59.3647L57.2614 52.7936C57.7408 52.2712 57.7408 51.4669 57.2614 50.9444Z\" fill=\"#C1C7D0\"/>\n<defs>\n<linearGradient id=\"paint0_linear\" x1=\"64.6666\" y1=\"111.866\" x2=\"99.3101\" y2=\"112.308\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"#B3BAC5\"/>\n<stop offset=\"1\" stop-color=\"#DFE1E5\" stop-opacity=\"0.5\"/>\n</linearGradient>\n<linearGradient id=\"paint1_linear\" x1=\"44.6642\" y1=\"106.955\" x2=\"93.0149\" y2=\"59.995\" gradientUnits=\"userSpaceOnUse\">\n<stop offset=\"0.56\" stop-color=\"#C1C7D0\"/>\n<stop offset=\"0.97\" stop-color=\"#E9EBEF\" stop-opacity=\"0.5\"/>\n</linearGradient>\n</defs>\n</svg>\n";
+export var svg = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"100\" height=\"116\" aria-hidden=\"true\" viewBox=\"0 0 100 116\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M0 0H100V116H0V0Z\"/>\n<g opacity=\"0.3\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.4783 115.563H23.4169H23.4237C24.2045 115.563 24.8375 114.928 24.8375 114.144C24.8375 113.36 24.2045 112.725 23.4237 112.725H14.4783C13.6975 112.725 13.0645 113.36 13.0645 114.144C13.0645 114.928 13.6975 115.563 14.4783 115.563ZM40.6686 115.563H31.7301C30.9492 115.563 30.3162 114.928 30.3162 114.144C30.3162 113.36 30.9492 112.725 31.7301 112.725H40.6686C41.4495 112.725 42.0825 113.36 42.0825 114.144C42.0825 114.928 41.4495 115.563 40.6686 115.563ZM48.975 115.563H57.9204C58.7013 115.563 59.3343 114.928 59.3343 114.144C59.3343 113.36 58.7013 112.725 57.9204 112.725H48.975C48.1942 112.725 47.5612 113.36 47.5612 114.144C47.5612 114.928 48.1942 115.563 48.975 115.563ZM66.2268 115.563H75.1722C75.953 115.563 76.586 114.928 76.586 114.144C76.586 113.36 75.953 112.725 75.1722 112.725H66.2268C65.446 112.725 64.813 113.36 64.813 114.144C64.813 114.928 65.446 115.563 66.2268 115.563Z\" fill=\"#B3BAC5\"/>\n<path d=\"M6.17203 115.563H1.41386C0.633005 115.563 0 114.928 0 114.144V109.368C0 108.584 0.633005 107.948 1.41386 107.948C2.19471 107.948 2.82771 108.584 2.82771 109.368V112.725H6.17203C6.95288 112.725 7.58588 113.36 7.58588 114.144C7.58588 114.928 6.95288 115.563 6.17203 115.563Z\" fill=\"#B3BAC5\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0.411714 26.0299C0.67706 26.2976 1.03771 26.448 1.41387 26.448V26.4412C1.79003 26.4412 2.15068 26.2907 2.41603 26.0231C2.68138 25.7554 2.82954 25.3927 2.82773 25.0151V15.2574C2.82773 14.4736 2.19472 13.8381 1.41387 13.8381C0.633021 13.8381 1.63631e-05 14.4736 1.63631e-05 15.2574V25.0219C-0.00179209 25.3995 0.146369 25.7623 0.411714 26.0299ZM1.41387 45.2673C1.03771 45.2673 0.67706 45.1168 0.411714 44.8492C0.146369 44.5816 -0.00179209 44.2188 1.63631e-05 43.8412V34.0835C1.63631e-05 33.2997 0.633021 32.6643 1.41387 32.6643C2.19472 32.6643 2.82773 33.2997 2.82773 34.0835V43.8412C2.82773 44.625 2.19472 45.2605 1.41387 45.2605V45.2673ZM0.411714 63.6685C0.67706 63.9361 1.03771 64.0866 1.41387 64.0866C1.79003 64.0866 2.15068 63.9361 2.41603 63.6685C2.68138 63.4008 2.82954 63.0381 2.82773 62.6605V52.9028C2.82773 52.119 2.19472 51.4835 1.41387 51.4835C0.633021 51.4835 1.63631e-05 52.119 1.63631e-05 52.9028V62.6605C-0.00179209 63.0381 0.146369 63.4008 0.411714 63.6685ZM1.41387 82.9059C0.633021 82.9059 1.63631e-05 82.2705 1.63631e-05 81.4866V71.729C1.63631e-05 70.9451 0.633021 70.3097 1.41387 70.3097C2.19472 70.3097 2.82773 70.9451 2.82773 71.729V81.4866C2.82773 81.863 2.67877 82.224 2.41362 82.4902C2.14847 82.7564 1.78885 82.9059 1.41387 82.9059ZM1.41387 101.725C0.633021 101.725 1.63631e-05 101.09 1.63631e-05 100.306V90.5482C1.63631e-05 89.7644 0.633021 89.129 1.41387 89.129C2.19472 89.129 2.82773 89.7644 2.82773 90.5482V100.306C2.82773 101.09 2.19472 101.725 1.41387 101.725Z\" fill=\"#B3BAC5\"/>\n<path d=\"M1.41386 7.61506C0.633005 7.61506 0 6.97962 0 6.19577V1.41929C0 0.63544 0.633005 0 1.41386 0H6.17203C6.95288 0 7.58588 0.63544 7.58588 1.41929C7.58588 2.20315 6.95288 2.83859 6.17203 2.83859H2.82771V6.19577C2.82771 6.97962 2.19471 7.61506 1.41386 7.61506Z\" fill=\"#B3BAC5\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.4783 2.83859H23.4169C24.1977 2.83859 24.8307 2.20315 24.8307 1.41929C24.8307 0.63544 24.1977 0 23.4169 0H14.4783C13.6975 0 13.0645 0.63544 13.0645 1.41929C13.0645 2.20315 13.6975 2.83859 14.4783 2.83859ZM40.6618 2.83859H31.7233C30.9424 2.83859 30.3094 2.20315 30.3094 1.41929C30.3094 0.63544 30.9424 0 31.7233 0H40.6618C41.4427 0 42.0757 0.63544 42.0757 1.41929C42.0757 2.20315 41.4427 2.83859 40.6618 2.83859ZM48.9411 2.83859H57.9068C58.6877 2.83859 59.3207 2.20315 59.3207 1.41929C59.3207 0.63544 58.6877 0 57.9068 0H48.9411C48.1602 0 47.5272 0.63544 47.5272 1.41929C47.5272 2.20315 48.1602 2.83859 48.9411 2.83859ZM66.2132 2.83859H75.1586C75.9394 2.83859 76.5724 2.20315 76.5724 1.41929C76.5724 0.63544 75.9394 0 75.1586 0H66.2132C65.4324 0 64.7994 0.63544 64.7994 1.41929C64.7994 2.20315 65.4324 2.83859 66.2132 2.83859Z\" fill=\"#B3BAC5\"/>\n<path d=\"M88.2169 7.61506C87.4361 7.61506 86.8031 6.97962 86.8031 6.19577V2.83859H83.4588C82.6779 2.83859 82.0449 2.20315 82.0449 1.41929C82.0449 0.63544 82.6779 0 83.4588 0H88.2169C88.5919 0 88.9515 0.149532 89.2167 0.415702C89.4818 0.681871 89.6308 1.04287 89.6308 1.41929V6.19577C89.6308 6.97962 88.9978 7.61506 88.2169 7.61506Z\" fill=\"#B3BAC5\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M86.8164 25.0287C86.8164 25.8126 87.4494 26.448 88.2303 26.448L88.2235 26.4412C88.6008 26.443 88.9632 26.2934 89.23 26.0255C89.4968 25.7577 89.6459 25.3939 89.6441 25.0151V15.2574C89.6441 14.4736 89.0111 13.8381 88.2303 13.8381C87.4494 13.8381 86.8164 14.4736 86.8164 15.2574V25.0287ZM88.2303 45.2673C87.4494 45.2673 86.8164 44.6319 86.8164 43.848V34.0835C86.8164 33.2997 87.4494 32.6643 88.2303 32.6643C89.0111 32.6643 89.6441 33.2997 89.6441 34.0835V43.8412C89.6441 44.2188 89.4942 44.5808 89.2276 44.8472C88.961 45.1136 88.5996 45.2623 88.2235 45.2605L88.2303 45.2673ZM86.8164 62.6673C86.8164 63.4512 87.4494 64.0866 88.2303 64.0866L88.2235 64.0798C88.5996 64.0816 88.961 63.9329 89.2276 63.6665C89.4942 63.4001 89.6441 63.0381 89.6441 62.6605V52.9028C89.6441 52.119 89.0111 51.4835 88.2303 51.4835C87.4494 51.4835 86.8164 52.119 86.8164 52.9028V62.6673ZM86.8164 81.4866C86.8164 82.2705 87.4494 82.9059 88.2303 82.9059C88.6052 82.9059 88.9649 82.7564 89.23 82.4902C89.4952 82.224 89.6441 81.863 89.6441 81.4866V71.729C89.6441 70.9451 89.0111 70.3097 88.2303 70.3097C87.4494 70.3097 86.8164 70.9451 86.8164 71.729V81.4866Z\" fill=\"#B3BAC5\"/>\n</g>\n<path d=\"M73.1399 80.1628L69.0207 76.0687L63.3721 81.8141L67.4913 85.9083C68.542 86.9484 69.2773 88.2662 69.6121 89.709C69.9468 91.1517 70.6822 92.4695 71.7329 93.5097L88.434 110.064C90.9645 112.569 95.039 112.542 97.5357 110.002C100.032 107.462 100.004 103.372 97.4746 100.865L80.7734 84.3252C79.7179 83.2947 78.3935 82.585 76.9532 82.2781C75.5079 81.9508 74.1852 81.2171 73.1399 80.1628Z\" fill=\"#CFD4DB\"/>\n<path d=\"M73.1398 80.1628L71.889 78.9209C70.3065 77.3556 67.7597 77.3739 66.1996 78.9618C64.6403 80.5505 64.6586 83.1071 66.2404 84.6731L67.4911 85.915C68.5418 86.9551 69.2772 88.273 69.6119 89.7157C69.9466 91.1584 70.682 92.4763 71.7327 93.5164L88.4339 110.063C90.9644 112.569 95.0389 112.541 97.5356 110.002C100.031 107.462 100.004 103.372 97.4744 100.865L80.7732 84.3251C79.7177 83.2947 78.3934 82.585 76.9531 82.2781C75.5077 81.9507 74.185 81.217 73.1398 80.1628Z\" fill=\"url(#paint0_linear)\"/>\n<g style=\"mix-blend-mode:multiply\">\n<path d=\"M76.8105 82.1963C75.4309 81.8599 74.1689 81.1522 73.1603 80.1492L71.9096 78.9073C70.327 77.342 67.7802 77.3604 66.2201 78.9483C64.6608 80.5369 64.6791 83.0935 66.2609 84.6596L67.5116 85.9015C68.5178 86.9004 69.2345 88.1552 69.5848 89.5316C72.3503 87.4687 74.7867 84.9953 76.8105 82.1963Z\" fill=\"#DFE1E5\"/>\n</g>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.6101 59.4193C11.734 78.0735 26.8988 93.0949 45.4815 92.9706V92.9501C59.0855 92.8572 71.2946 84.5482 76.417 71.8966C81.5395 59.2451 78.5668 44.7418 68.8849 35.148C62.5481 28.8366 53.9591 25.3328 45.0329 25.4176C26.4501 25.542 11.4863 40.7651 11.6101 59.4193ZM24.0596 73.631C17.2047 63.4768 18.4498 49.8758 27.0334 41.1459C31.7943 36.277 38.2978 33.5226 45.0941 33.4967C57.313 33.4162 67.8869 42.0115 70.3492 54.0261C72.8116 66.0406 66.4765 78.1281 55.2183 82.8962C43.9601 87.6643 30.9145 83.7851 24.0596 73.631Z\" fill=\"url(#paint1_linear)\"/>\n<path d=\"M57.2614 50.9444L53.754 47.3962C53.2279 46.8893 52.3972 46.8893 51.8711 47.3962L45.2776 53.9673L38.7453 47.3416C38.2193 46.8347 37.3885 46.8347 36.8625 47.3416L33.3074 50.8557C32.8025 51.3838 32.8025 52.2178 33.3074 52.7458L39.8669 59.3647L33.3074 65.9289C32.8025 66.457 32.8025 67.2909 33.3074 67.819L36.8149 71.3673C37.3409 71.8742 38.1717 71.8742 38.6978 71.3673L45.2504 64.8235L51.7963 71.4423C52.3224 71.9492 53.1532 71.9492 53.6792 71.4423L57.2138 67.9214C57.7188 67.3933 57.7188 66.5593 57.2138 66.0313L50.668 59.3647L57.2614 52.7936C57.7408 52.2712 57.7408 51.4669 57.2614 50.9444Z\" fill=\"#C1C7D0\"/>\n<defs>\n<linearGradient id=\"paint0_linear\" x1=\"64.6666\" y1=\"111.866\" x2=\"99.3101\" y2=\"112.308\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"#B3BAC5\"/>\n<stop offset=\"1\" stop-color=\"#DFE1E5\" stop-opacity=\"0.5\"/>\n</linearGradient>\n<linearGradient id=\"paint1_linear\" x1=\"44.6642\" y1=\"106.955\" x2=\"93.0149\" y2=\"59.995\" gradientUnits=\"userSpaceOnUse\">\n<stop offset=\"0.56\" stop-color=\"#C1C7D0\"/>\n<stop offset=\"0.97\" stop-color=\"#E9EBEF\" stop-opacity=\"0.5\"/>\n</linearGradient>\n</defs>\n</svg>\n";
 export default function NotFoundImage() {
   return /*#__PURE__*/React.createElement("span", {
     dangerouslySetInnerHTML: {

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

@@ -10,7 +10,7 @@ import { LoadingErrorMessage, LoadingErrorButtonContainer, LoadingErrorHeading }
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleLoadingFail',
   packageName: "@atlaskit/help",
-  packageVersion: "9.0.0"
+  packageVersion: "9.0.2"
 };
 export var ArticleLoadingFail = function ArticleLoadingFail(_ref) {
   var onTryAgainButtonClick = _ref.onTryAgainButtonClick,

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

@@ -6,7 +6,7 @@ import { messages } from '../../../../messages';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulNoButton',
   packageName: "@atlaskit/help",
-  packageVersion: "9.0.0"
+  packageVersion: "9.0.2"
 };
 export var ArticleWasHelpfulNoButton = function ArticleWasHelpfulNoButton(_ref) {
   var _ref$isSelected = _ref.isSelected,

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

@@ -6,7 +6,7 @@ import { messages } from '../../../../messages';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulYesButton',
   packageName: "@atlaskit/help",
-  packageVersion: "9.0.0"
+  packageVersion: "9.0.2"
 };
 export var ArticleWasHelpfulYesButton = function ArticleWasHelpfulYesButton(_ref) {
   var _ref$isSelected = _ref.isSelected,

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

@@ -26,7 +26,7 @@ var FEEDBACK_REASON_TEXT_MAX_LENGTH = '16000';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulForm',
   packageName: "@atlaskit/help",
-  packageVersion: "9.0.0"
+  packageVersion: "9.0.2"
 };
 var buttonStyles = null;
 export var ArticleWasHelpfulForm = function ArticleWasHelpfulForm(_ref) {
@@ -226,7 +226,9 @@ export var ArticleWasHelpfulForm = function ArticleWasHelpfulForm(_ref) {
           paddingRight: "var(--ds-space-100, 8px)",
           // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
           verticalAlign: 'middle'
-        }
+        },
+        role: "img",
+        "aria-label": "Success"
       }, /*#__PURE__*/React.createElement(CheckCircleIcon, {
         spacing: "spacious",
         color: "var(--ds-icon-success, ".concat(colors.G400, ")"),

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

@@ -56,7 +56,7 @@ export var HelpArticle = function HelpArticle(_ref) {
     analyticsEvent.payload.attributes = {
       componentName: 'Article',
       packageName: "@atlaskit/help",
-      packageVersion: "9.0.0"
+      packageVersion: "9.0.2"
     };
     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: "9.0.0"
+  packageVersion: "9.0.2"
 };
 export var WhatsNewArticle = function WhatsNewArticle(_ref) {
   var formatMessage = _ref.intl.formatMessage,

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

@@ -1,8 +1,12 @@
 import React from 'react';
 import { N30 } from '@atlaskit/theme/colors';
 import AnimateHeight from 'react-animate-height';
+import { Box, xcss } from '@atlaskit/primitives';
 import ArticlesListItem from './ArticlesListItem';
 import { MIN_ITEMS_TO_DISPLAY, ANIMATE_HEIGHT_TRANSITION_DURATION_MS } from './constants';
+var listStyles = xcss({
+  listStyle: 'none'
+});
 var getStyles = function getStyles(style) {
   if (style === 'secondary') {
     return {
@@ -27,8 +31,14 @@ var articlesList = function articlesList(_ref) {
     _ref$numberOfArticles = _ref.numberOfArticlesToDisplay,
     numberOfArticlesToDisplay = _ref$numberOfArticles === void 0 ? MIN_ITEMS_TO_DISPLAY : _ref$numberOfArticles,
     onArticlesListItemClick = _ref.onArticlesListItemClick;
-  return articles && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, articles.slice(0, minItemsToDisplay).map(function (article) {
-    return /*#__PURE__*/React.createElement(ArticlesListItem, {
+  return articles && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Box, {
+    as: "ul",
+    padding: "space.0"
+  }, articles.slice(0, minItemsToDisplay).map(function (article) {
+    return /*#__PURE__*/React.createElement(Box, {
+      as: "li",
+      xcss: listStyles
+    }, /*#__PURE__*/React.createElement(ArticlesListItem, {
       styles: getStyles(style),
       id: article.id,
       onClick: function onClick(event, analyticsEvent) {
@@ -43,13 +53,19 @@ var articlesList = function articlesList(_ref) {
       trustFactors: article.trustFactors,
       source: article.source,
       lastPublished: article.lastPublished
-    });
+    }));
   })), /*#__PURE__*/React.createElement(AnimateHeight, {
     duration: ANIMATE_HEIGHT_TRANSITION_DURATION_MS,
     easing: "linear",
     height: numberOfArticlesToDisplay > minItemsToDisplay ? 'auto' : 0
+  }, /*#__PURE__*/React.createElement(Box, {
+    as: "ul",
+    padding: "space.0"
   }, articles.slice(minItemsToDisplay, articles.length).map(function (article) {
-    return /*#__PURE__*/React.createElement(ArticlesListItem, {
+    return /*#__PURE__*/React.createElement(Box, {
+      as: "li",
+      xcss: listStyles
+    }, /*#__PURE__*/React.createElement(ArticlesListItem, {
       styles: getStyles(style),
       id: article.id,
       onClick: function onClick(event, analyticsEvent) {
@@ -64,7 +80,7 @@ var articlesList = function articlesList(_ref) {
       trustFactors: article.trustFactors,
       source: article.source,
       lastPublished: article.lastPublished
-    });
-  })));
+    }));
+  }))));
 };
 export default articlesList;

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

@@ -8,7 +8,7 @@ import { ArticlesListItemWrapper, ArticlesListItemContainer, ArticlesListItemTit
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "9.0.0"
+  packageVersion: "9.0.2"
 };
 var highlightText = function highlightText(text) {
   if (!text) {

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

@@ -49,7 +49,7 @@ var BackButtonWithContext = function BackButtonWithContext(props) {
     data: {
       componentName: 'backButton',
       packageName: "@atlaskit/help",
-      packageVersion: "9.0.0"
+      packageVersion: "9.0.2"
     }
   }, /*#__PURE__*/React.createElement(BackButton, props));
 };

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

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

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

@@ -20,7 +20,7 @@ import { RelatedArticlesTitle } from './styled';
 import useCancellablePromise from '../../util/hooks/cancellablePromise';
 import { usePrevious } from '../../util/hooks/previous';
 var packageName = "@atlaskit/help";
-var packageVersion = "9.0.0";
+var packageVersion = "9.0.2";
 var buttonStyles = null;
 export var RelatedArticles = function RelatedArticles(_ref) {
   var _ref$style = _ref.style,

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

@@ -6,6 +6,7 @@ import "./styled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { N800 } from '@atlaskit/theme/colors';
+import Heading from '@atlaskit/heading';
 var relatedArticlesTitleStyles = null;
 export var RelatedArticlesTitle = function RelatedArticlesTitle(_ref) {
   var children = _ref.children;
@@ -14,7 +15,10 @@ export var RelatedArticlesTitle = function RelatedArticlesTitle(_ref) {
     style: {
       "--_ggxzyp": ix("var(--ds-text, ".concat(N800, ")"))
     }
-  }, children);
+  }, /*#__PURE__*/React.createElement(Heading, {
+    size: "large",
+    color: "color.text"
+  }, children));
 };
 
 /**

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

@@ -19,7 +19,7 @@ import { useNavigationContext } from '../../contexts/navigationContext';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'searchInput',
   packageName: "@atlaskit/help",
-  packageVersion: "9.0.0"
+  packageVersion: "9.0.2"
 };
 var buttonStyles = null;
 export var SearchInput = function SearchInput(_ref) {
@@ -95,7 +95,7 @@ export var SearchInput = function SearchInput(_ref) {
       appearance: "subtle",
       onClick: handleOnClearButtonClick,
       spacing: "none",
-      "aria-label": "Clear field",
+      "aria-label": "Clear",
       className: ax(["_1bsb1aw7 _4t3i1aw7"]),
       style: {
         "--_1sdd41g": ix("".concat(gridSize() * 3, "px"))

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import Button from '@atlaskit/button/custom-theme-button';
+import Button from '@atlaskit/button';
 import { injectIntl } from 'react-intl-next';
 import { Text } from '@atlaskit/primitives/compiled';
 import ErrorImage from '../../../assets/ErrorImage';

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: "9.0.0"
+  packageVersion: "9.0.2"
 };
 export var WhatsNewButton = function WhatsNewButton(_ref) {
   var productName = _ref.productName,

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

@@ -2,6 +2,7 @@ import React from 'react';
 import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
 import { injectIntl } from 'react-intl-next';
 import { Text } from '@atlaskit/primitives/compiled';
+import Button from '@atlaskit/button/new';
 import NotFoundImage from '../../../../assets/NotFoundImage';
 import { messages } from '../../../../messages';
 import { WhatsNewResultsEmptyMessageImage, WhatsNewResultsEmptyMessageText } from './styled';
@@ -26,8 +27,8 @@ export var WhatsNewResultsEmpty = function WhatsNewResultsEmpty(_ref) {
     data: {
       componentName: 'WhatsNewResultsEmpty'
     }
-  }, /*#__PURE__*/React.createElement("a", {
-    href: "#",
+  }, /*#__PURE__*/React.createElement(Button, {
+    appearance: "primary",
     onClick: handleClearFilterLinkClick
   }, formatMessage(messages.help_whats_new_no_results_clear_filter_button_label)), /*#__PURE__*/React.createElement(Text, null, formatMessage(messages.help_whats_new_no_results_clear_filter_info))))));
 };

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: "9.0.0"
+  packageVersion: "9.0.2"
 };
 export var WhatsNewResultListItem = function WhatsNewResultListItem(_ref) {
   var formatMessage = _ref.intl.formatMessage,

package/dist/esm/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/WhatsNewResultItem/styled.compiled.css

@@ -27,6 +27,7 @@
 ._u5f3u2gc{padding-right:var(--ds-space-100,8px)}
 ._vchhusvi{box-sizing:border-box}
 ._vwz4gktf{line-height:20px}
+._y3gn1e5h{text-align:left}
 ._7ehi13ga:focus{box-shadow:var(--_1cokla9)}
 ._irr31rbn:hover{background-color:var(--_1twi6n5)}
 ._13roglyw:active, ._1bg4glyw:focus, ._1qb1glyw:hover, ._1dnaglyw:visited{outline-offset:none}

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

@@ -14,8 +14,8 @@ export var WhatsNewResultListItemWrapper = function WhatsNewResultListItemWrappe
   var styles = _ref.styles,
     children = _ref.children,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement("a", _extends({}, rest, {
-    className: ax(["_4bfu1r31 _1hmsglyw _ajmmnqa1 _2rko1l7b _kqswh2mm _vchhusvi _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc _1e0c1ule _80omtlke _syazykon _bfhke3vq _7ehi13ga _1nrm1r31 _1a3b1r31 _9oik1r31 _1ydc1r31 _c2waglyw _4fprglyw _1bnxglyw _1x28glyw _1iohnqa1 _5goinqa1 _jf4cnqa1 _1726nqa1 _1q5t1r31 _nt751r31 _1dit1r31 _9nxe1r31 _1ohyglyw _49pcglyw _ksodglyw _tpgfglyw _1r9x1o36 _1hvw1o36 _4hz81o36 _12gr1o36 _13roglyw _1bg4glyw _1qb1glyw _1dnaglyw _irr31rbn _1di6n0pj"]),
+  return /*#__PURE__*/React.createElement("button", _extends({}, rest, {
+    className: ax(["_4bfu1r31 _1hmsglyw _ajmmnqa1 _2rko1l7b _kqswh2mm _vchhusvi _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc _1e0c1ule _80omtlke _syazykon _bfhke3vq _y3gn1e5h _7ehi13ga _1nrm1r31 _1a3b1r31 _9oik1r31 _1ydc1r31 _c2waglyw _4fprglyw _1bnxglyw _1x28glyw _1iohnqa1 _5goinqa1 _jf4cnqa1 _1726nqa1 _1q5t1r31 _nt751r31 _1dit1r31 _9nxe1r31 _1ohyglyw _49pcglyw _ksodglyw _tpgfglyw _1r9x1o36 _1hvw1o36 _4hz81o36 _12gr1o36 _13roglyw _1bg4glyw _1qb1glyw _1dnaglyw _irr31rbn _1di6n0pj"]),
     style: _objectSpread(_objectSpread({}, styles), {}, {
       "--_w1yqfx": ix("".concat("var(--ds-text-subtlest, ".concat(N200, ")"))),
       "--_1govphe": ix("".concat("var(--ds-background-neutral-subtle, ".concat(N0, ")"))),

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

@@ -12,6 +12,7 @@ import { Transition } from 'react-transition-group';
 import isEqual from 'lodash/isEqual';
 import Select from '@atlaskit/select';
 import { injectIntl } from 'react-intl-next';
+import { Label } from '@atlaskit/form';
 import { VIEW } from '../../constants';
 import { messages } from '../../../messages';
 import { WHATS_NEW_ITEM_TYPES } from '../../../model/WhatsNew';
@@ -118,12 +119,15 @@ export var WhatsNewResults = function WhatsNewResults(_ref) {
       ref: containerRef,
       style: _objectSpread({}, transitionStyles[state]),
       className: ax(["_16jlkb7n _1o9zkb7n _i0dlf1ug _n3tdpxbi _19bvpxbi _u5f3pxbi _kqswstnw _1bsb1osq _154i1eca _bfhkvuon _2lx21bp4 _vchhusvi _1reo15vq _18m91wug _1pbykb7n"])
-    }, searchWhatsNewArticlesState === REQUEST_STATE.loading && searchWhatsNewArticlesResult === null && state !== 'exited' && /*#__PURE__*/React.createElement(WhatsNewResultsLoading, null), (searchWhatsNewArticlesState === REQUEST_STATE.done || searchWhatsNewArticlesState === REQUEST_STATE.loading) && searchWhatsNewArticlesResult !== null && state !== 'exited' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SelectContainer, null, /*#__PURE__*/React.createElement(Select, {
+    }, searchWhatsNewArticlesState === REQUEST_STATE.loading && searchWhatsNewArticlesResult === null && state !== 'exited' && /*#__PURE__*/React.createElement(WhatsNewResultsLoading, null), (searchWhatsNewArticlesState === REQUEST_STATE.done || searchWhatsNewArticlesState === REQUEST_STATE.loading) && searchWhatsNewArticlesResult !== null && state !== 'exited' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SelectContainer, null, /*#__PURE__*/React.createElement(Label, {
+      htmlFor: "help_whats_new_filter_select_label"
+    }, formatMessage(messages.help_whats_new_filter_select_label)), /*#__PURE__*/React.createElement(Select, {
       defaultValue: selectedOption
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       ,
       className: "single-select",
       classNamePrefix: "react-select",
+      inputId: "help_whats_new_filter_select_label",
       options: [{
         value: '',
         label: formatMessage(messages.help_whats_new_filter_select_option_all)
@@ -172,12 +176,15 @@ export var WhatsNewResults = function WhatsNewResults(_ref) {
       style: _objectSpread(_objectSpread({}, transitionStyles[state]), {}, {
         "--_1peo1h6": ix("opacity ".concat(FADEIN_OVERLAY_TRANSITION_DURATION_MS, "ms"))
       })
-    }, searchWhatsNewArticlesState === REQUEST_STATE.loading && searchWhatsNewArticlesResult === null && state !== 'exited' && /*#__PURE__*/React.createElement(WhatsNewResultsLoading, null), (searchWhatsNewArticlesState === REQUEST_STATE.done || searchWhatsNewArticlesState === REQUEST_STATE.loading) && searchWhatsNewArticlesResult !== null && state !== 'exited' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SelectContainer, null, /*#__PURE__*/React.createElement(Select, {
+    }, searchWhatsNewArticlesState === REQUEST_STATE.loading && searchWhatsNewArticlesResult === null && state !== 'exited' && /*#__PURE__*/React.createElement(WhatsNewResultsLoading, null), (searchWhatsNewArticlesState === REQUEST_STATE.done || searchWhatsNewArticlesState === REQUEST_STATE.loading) && searchWhatsNewArticlesResult !== null && state !== 'exited' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SelectContainer, null, /*#__PURE__*/React.createElement(Label, {
+      htmlFor: "help_whats_new_filter_select_label"
+    }, formatMessage(messages.help_whats_new_filter_select_label)), /*#__PURE__*/React.createElement(Select, {
       defaultValue: selectedOption
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       ,
       className: "single-select",
       classNamePrefix: "react-select",
+      inputId: "help_whats_new_filter_select_label",
       options: [{
         value: '',
         label: formatMessage(messages.help_whats_new_filter_select_option_all)

package/dist/esm/messages.js

@@ -284,5 +284,10 @@ export var messages = defineMessages({
     id: 'help.need_more_help.text',
     defaultMessage: 'Need more help?',
     description: 'Need more help text'
+  },
+  help_whats_new_filter_select_label: {
+    id: 'help.whats_new.filter_select_label',
+    defaultMessage: "Select a Category",
+    description: "Label for the \"Release types\" dropdown"
   }
 });