@atlaskit/help 7.14.11 → 8.0.1

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @atlaskit/help
 
+## 8.0.1
+
+### Patch Changes
+
+- [#117884](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/117884)
+  [`bdf26bc4d0489`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/bdf26bc4d0489) -
+  Set an aria-label instead of a title on the serch input for better a11y
+
+## 8.0.0
+
+### Major Changes
+
+- [#117363](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/117363)
+  [`10a0f7f6c2027`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/10a0f7f6c2027) -
+  This package's `peerDependencies` have been adjusted for `react` and/or `react-dom` to reflect the
+  status of only supporting React 18 going forward. No explicit breaking change to React support has
+  been made in this release, but this is to signify going forward, breaking changes for React 16 or
+  React 17 may come via non-major semver releases.
+
+  Please refer this community post for more details:
+  https://community.developer.atlassian.com/t/rfc-78-dropping-support-for-react-16-and-rendering-in-a-react-18-concurrent-root-in-jira-and-confluence/87026
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 7.14.11
 
 ### Patch Changes

package/dist/cjs/analytics.js

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

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

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

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

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

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

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

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

@@ -43,7 +43,7 @@ var FEEDBACK_REASON_TEXT_MAX_LENGTH = '16000';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulForm',
   packageName: "@atlaskit/help",
-  packageVersion: "7.14.11"
+  packageVersion: "8.0.1"
 };
 var buttonStyles = (0, _react2.css)({
   padding: '0',

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

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

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

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

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

@@ -18,7 +18,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "7.14.11"
+  packageVersion: "8.0.1"
 };
 var highlightText = function highlightText(text) {
   if (!text) {

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

@@ -76,7 +76,7 @@ var BackButtonWithContext = function BackButtonWithContext(props) {
     data: {
       componentName: 'backButton',
       packageName: "@atlaskit/help",
-      packageVersion: "7.14.11"
+      packageVersion: "8.0.1"
     }
   }, /*#__PURE__*/_react.default.createElement(BackButton, props));
 };

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

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

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

@@ -34,7 +34,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var packageName = "@atlaskit/help";
-var packageVersion = "7.14.11";
+var packageVersion = "8.0.1";
 var buttonStyles = (0, _react2.css)({
   padding: '0',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766

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

@@ -34,7 +34,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'searchInput',
   packageName: "@atlaskit/help",
-  packageVersion: "7.14.11"
+  packageVersion: "8.0.1"
 };
 var buttonStyles = (0, _react2.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
@@ -97,36 +97,9 @@ var SearchInput = exports.SearchInput = function SearchInput(_ref) {
   if (view === _constants2.VIEW.ARTICLE || view === _constants2.VIEW.WHATS_NEW_ARTICLE || view === _constants2.VIEW.WHATS_NEW) {
     return null;
   }
-  return isAiEnabled ? (0, _react2.jsx)(_styled.SearchInputContainerAi, null, (0, _react2.jsx)(_textfield.default, {
-    title: "Help articles search input",
-    autoComplete: "off",
-    ref: inputRef,
-    name: "help-search-input",
-    elemBeforeInput: (0, _react2.jsx)(_styled.SearchIconContainer, null, (0, _react2.jsx)(_search.default, {
-      LEGACY_margin: "0 2px",
-      color: "currentColor",
-      spacing: "spacious",
-      label: ""
-    })),
-    elemAfterInput: (0, _react2.jsx)(_styled.CloseButtonAndSpinnerContainer, null, searchState === _Requests.REQUEST_STATE.loading && (0, _react2.jsx)(_spinner.default, {
-      size: "small"
-    }), searchValue !== '' && (0, _react2.jsx)(_customThemeButton.default, {
-      css: buttonStyles,
-      appearance: "subtle",
-      onClick: handleOnClearButtonClick,
-      spacing: "none",
-      "aria-label": "Clear field"
-    }, (0, _react2.jsx)(_closeEditorClose.default, {
-      color: "currentColor",
-      spacing: "spacious",
-      label: ""
-    }))),
-    placeholder: formatMessage(_messages.messages.help_search_placeholder),
-    onChange: handleOnInputChange,
-    onKeyPress: handleOnKeyPress,
-    value: searchValue
-  })) : (0, _react2.jsx)(_styled.SearchInputContainer, null, (0, _react2.jsx)(_textfield.default, {
-    title: "Help articles search input",
+  var WrapperComponent = isAiEnabled ? _styled.SearchInputContainerAi : _styled.SearchInputContainer;
+  return (0, _react2.jsx)(WrapperComponent, null, (0, _react2.jsx)(_textfield.default, {
+    "aria-label": formatMessage(_messages.messages.help_search_placeholder),
     autoComplete: "off",
     ref: inputRef,
     name: "help-search-input",

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

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

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

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

package/dist/es2019/analytics.js

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

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

@@ -10,7 +10,7 @@ import { LoadingErrorMessage, LoadingErrorButtonContainer, LoadingErrorHeading }
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleLoadingFail',
   packageName: "@atlaskit/help",
-  packageVersion: "7.14.11"
+  packageVersion: "8.0.1"
 };
 export const ArticleLoadingFail = ({
   onTryAgainButtonClick,

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

@@ -6,7 +6,7 @@ import { messages } from '../../../../messages';
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulNoButton',
   packageName: "@atlaskit/help",
-  packageVersion: "7.14.11"
+  packageVersion: "8.0.1"
 };
 export const ArticleWasHelpfulNoButton = ({
   isSelected = false,

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

@@ -6,7 +6,7 @@ import { messages } from '../../../../messages';
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulYesButton',
   packageName: "@atlaskit/help",
-  packageVersion: "7.14.11"
+  packageVersion: "8.0.1"
 };
 export const ArticleWasHelpfulYesButton = ({
   isSelected = false,

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

@@ -30,7 +30,7 @@ const FEEDBACK_REASON_TEXT_MAX_LENGTH = '16000';
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulForm',
   packageName: "@atlaskit/help",
-  packageVersion: "7.14.11"
+  packageVersion: "8.0.1"
 };
 const buttonStyles = css({
   padding: '0',

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

@@ -60,7 +60,7 @@ export const HelpArticle = ({
     analyticsEvent.payload.attributes = {
       componentName: 'Article',
       packageName: "@atlaskit/help",
-      packageVersion: "7.14.11"
+      packageVersion: "8.0.1"
     };
     if (onRelatedArticlesShowMoreClick) {
       onRelatedArticlesShowMoreClick(event, analyticsEvent, isCollapsed);

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

@@ -13,7 +13,7 @@ import { WhatsNewTypeTitle, WhatsNewTitleText, WhatsNewIconContainer, RelatedLin
 const analyticsContextData = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "7.14.11"
+  packageVersion: "8.0.1"
 };
 export const WhatsNewArticle = ({
   intl: {

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

@@ -8,7 +8,7 @@ import { ArticlesListItemWrapper, ArticlesListItemContainer, ArticlesListItemTit
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "7.14.11"
+  packageVersion: "8.0.1"
 };
 const highlightText = text => {
   if (!text) {

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

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

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

@@ -7,7 +7,7 @@ import { HelpContentButtonContainer, HelpContentButtonIcon, HelpContentButtonTex
 const analitycsContextData = {
   componentName: 'HelpContentButton',
   packageName: "@atlaskit/help",
-  packageVersion: "7.14.11"
+  packageVersion: "8.0.1"
 };
 const HelpContentButton = ({
   id = '',

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

@@ -21,7 +21,7 @@ import { Text } from '@atlaskit/primitives';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 const packageName = "@atlaskit/help";
-const packageVersion = "7.14.11";
+const packageVersion = "8.0.1";
 const buttonStyles = css({
   padding: '0',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766

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

@@ -23,7 +23,7 @@ import { useNavigationContext } from '../../contexts/navigationContext';
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'searchInput',
   packageName: "@atlaskit/help",
-  packageVersion: "7.14.11"
+  packageVersion: "8.0.1"
 };
 const buttonStyles = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
@@ -91,36 +91,9 @@ export const SearchInput = ({
   if (view === VIEW.ARTICLE || view === VIEW.WHATS_NEW_ARTICLE || view === VIEW.WHATS_NEW) {
     return null;
   }
-  return isAiEnabled ? jsx(SearchInputContainerAi, null, jsx(Textfield, {
-    title: "Help articles search input",
-    autoComplete: "off",
-    ref: inputRef,
-    name: "help-search-input",
-    elemBeforeInput: jsx(SearchIconContainer, null, jsx(SearchIcon, {
-      LEGACY_margin: "0 2px",
-      color: "currentColor",
-      spacing: "spacious",
-      label: ""
-    })),
-    elemAfterInput: jsx(CloseButtonAndSpinnerContainer, null, searchState === REQUEST_STATE.loading && jsx(Spinner, {
-      size: "small"
-    }), searchValue !== '' && jsx(Button, {
-      css: buttonStyles,
-      appearance: "subtle",
-      onClick: handleOnClearButtonClick,
-      spacing: "none",
-      "aria-label": "Clear field"
-    }, jsx(EditorCloseIcon, {
-      color: "currentColor",
-      spacing: "spacious",
-      label: ""
-    }))),
-    placeholder: formatMessage(messages.help_search_placeholder),
-    onChange: handleOnInputChange,
-    onKeyPress: handleOnKeyPress,
-    value: searchValue
-  })) : jsx(SearchInputContainer, null, jsx(Textfield, {
-    title: "Help articles search input",
+  const WrapperComponent = isAiEnabled ? SearchInputContainerAi : SearchInputContainer;
+  return jsx(WrapperComponent, null, jsx(Textfield, {
+    "aria-label": formatMessage(messages.help_search_placeholder),
     autoComplete: "off",
     ref: inputRef,
     name: "help-search-input",

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: "7.14.11"
+  packageVersion: "8.0.1"
 };
 export const WhatsNewButton = ({
   productName,

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: "7.14.11"
+  packageVersion: "8.0.1"
 };
 export const WhatsNewResultListItem = ({
   intl: {

package/dist/esm/analytics.js

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

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: "7.14.11"
+  packageVersion: "8.0.1"
 };
 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: "7.14.11"
+  packageVersion: "8.0.1"
 };
 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: "7.14.11"
+  packageVersion: "8.0.1"
 };
 export var ArticleWasHelpfulYesButton = function ArticleWasHelpfulYesButton(_ref) {
   var _ref$isSelected = _ref.isSelected,

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

@@ -31,7 +31,7 @@ var FEEDBACK_REASON_TEXT_MAX_LENGTH = '16000';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulForm',
   packageName: "@atlaskit/help",
-  packageVersion: "7.14.11"
+  packageVersion: "8.0.1"
 };
 var buttonStyles = css({
   padding: '0',

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: "7.14.11"
+      packageVersion: "8.0.1"
     };
     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.14.11"
+  packageVersion: "8.0.1"
 };
 export var WhatsNewArticle = function WhatsNewArticle(_ref) {
   var formatMessage = _ref.intl.formatMessage,

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: "7.14.11"
+  packageVersion: "8.0.1"
 };
 var highlightText = function highlightText(text) {
   if (!text) {

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

@@ -69,7 +69,7 @@ var BackButtonWithContext = function BackButtonWithContext(props) {
     data: {
       componentName: 'backButton',
       packageName: "@atlaskit/help",
-      packageVersion: "7.14.11"
+      packageVersion: "8.0.1"
     }
   }, /*#__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: "7.14.11"
+  packageVersion: "8.0.1"
 };
 var HelpContentButton = function HelpContentButton(_ref) {
   var _ref$id = _ref.id,

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

@@ -24,7 +24,7 @@ import { Text } from '@atlaskit/primitives';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 var packageName = "@atlaskit/help";
-var packageVersion = "7.14.11";
+var packageVersion = "8.0.1";
 var buttonStyles = css({
   padding: '0',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766

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

@@ -23,7 +23,7 @@ import { useNavigationContext } from '../../contexts/navigationContext';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'searchInput',
   packageName: "@atlaskit/help",
-  packageVersion: "7.14.11"
+  packageVersion: "8.0.1"
 };
 var buttonStyles = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
@@ -86,36 +86,9 @@ export var SearchInput = function SearchInput(_ref) {
   if (view === VIEW.ARTICLE || view === VIEW.WHATS_NEW_ARTICLE || view === VIEW.WHATS_NEW) {
     return null;
   }
-  return isAiEnabled ? jsx(SearchInputContainerAi, null, jsx(Textfield, {
-    title: "Help articles search input",
-    autoComplete: "off",
-    ref: inputRef,
-    name: "help-search-input",
-    elemBeforeInput: jsx(SearchIconContainer, null, jsx(SearchIcon, {
-      LEGACY_margin: "0 2px",
-      color: "currentColor",
-      spacing: "spacious",
-      label: ""
-    })),
-    elemAfterInput: jsx(CloseButtonAndSpinnerContainer, null, searchState === REQUEST_STATE.loading && jsx(Spinner, {
-      size: "small"
-    }), searchValue !== '' && jsx(Button, {
-      css: buttonStyles,
-      appearance: "subtle",
-      onClick: handleOnClearButtonClick,
-      spacing: "none",
-      "aria-label": "Clear field"
-    }, jsx(EditorCloseIcon, {
-      color: "currentColor",
-      spacing: "spacious",
-      label: ""
-    }))),
-    placeholder: formatMessage(messages.help_search_placeholder),
-    onChange: handleOnInputChange,
-    onKeyPress: handleOnKeyPress,
-    value: searchValue
-  })) : jsx(SearchInputContainer, null, jsx(Textfield, {
-    title: "Help articles search input",
+  var WrapperComponent = isAiEnabled ? SearchInputContainerAi : SearchInputContainer;
+  return jsx(WrapperComponent, null, jsx(Textfield, {
+    "aria-label": formatMessage(messages.help_search_placeholder),
     autoComplete: "off",
     ref: inputRef,
     name: "help-search-input",

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/help",
-	"version": "7.14.11",
+	"version": "8.0.1",
 	"description": "A cross-product help component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -35,28 +35,28 @@
 		"runReact18": true
 	},
 	"dependencies": {
-		"@atlaskit/analytics-next": "^10.3.0",
-		"@atlaskit/button": "^20.5.0",
-		"@atlaskit/checkbox": "^15.4.0",
-		"@atlaskit/form": "^11.2.0",
-		"@atlaskit/heading": "^4.3.0",
-		"@atlaskit/help-article": "^4.4.0",
-		"@atlaskit/help-layout": "^4.5.0",
-		"@atlaskit/icon": "^23.11.0",
-		"@atlaskit/legacy-custom-icons": "^0.21.0",
-		"@atlaskit/notification-indicator": "^9.5.0",
+		"@atlaskit/analytics-next": "^11.0.0",
+		"@atlaskit/button": "^21.1.0",
+		"@atlaskit/checkbox": "^16.0.0",
+		"@atlaskit/form": "^12.0.0",
+		"@atlaskit/heading": "^5.0.0",
+		"@atlaskit/help-article": "^5.0.0",
+		"@atlaskit/help-layout": "^5.0.0",
+		"@atlaskit/icon": "^24.0.0",
+		"@atlaskit/legacy-custom-icons": "^0.22.0",
+		"@atlaskit/notification-indicator": "^10.0.0",
 		"@atlaskit/notification-log-client": "^6.2.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/primitives": "^13.6.0",
-		"@atlaskit/radio": "^7.3.0",
-		"@atlaskit/section-message": "^7.0.0",
-		"@atlaskit/select": "^18.10.0",
-		"@atlaskit/spinner": "^17.2.0",
-		"@atlaskit/textarea": "^7.1.0",
-		"@atlaskit/textfield": "^7.0.0",
-		"@atlaskit/theme": "^16.0.0",
-		"@atlaskit/tokens": "^3.3.0",
-		"@atlaskit/tooltip": "^19.2.0",
+		"@atlaskit/primitives": "^14.0.0",
+		"@atlaskit/radio": "^8.0.0",
+		"@atlaskit/section-message": "^8.0.0",
+		"@atlaskit/select": "^19.0.0",
+		"@atlaskit/spinner": "^18.0.0",
+		"@atlaskit/textarea": "^8.0.0",
+		"@atlaskit/textfield": "^8.0.0",
+		"@atlaskit/theme": "^17.0.0",
+		"@atlaskit/tokens": "^4.1.0",
+		"@atlaskit/tooltip": "^20.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"@emotion/styled": "^11.0.0",
@@ -66,8 +66,8 @@
 		"react-transition-group": "^4.4.1"
 	},
 	"peerDependencies": {
-		"react": "^16.8.0 || ^17.0.0 || ^18.2.0",
-		"react-dom": "^16.8.0 || ^17.0.0 || ^18.2.0",
+		"react": "^18.2.0",
+		"react-dom": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1",
 		"styled-components": "^3.2.6"
 	},