@atlaskit/help 7.5.1 → 7.5.2

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/help
 
+## 7.5.2
+
+### Patch Changes
+
+- [#114683](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/114683)
+  [`ff0815316ab38`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/ff0815316ab38) -
+  Removes usage of custom theme button in places where its API is not being used and the default
+  button is able to be used instead. This should give a slight performance (runtime) improvement.
+
 ## 7.5.1
 
 ### 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.5.1"
+  packageVersion: "7.5.2"
 };

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.ArticleLoadingFail = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
+var _button = _interopRequireDefault(require("@atlaskit/button"));
 var _reactIntlNext = require("react-intl-next");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _messages = require("../../../messages");
@@ -15,7 +15,7 @@ var _styled = require("./styled");
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleLoadingFail',
   packageName: "@atlaskit/help",
-  packageVersion: "7.5.1"
+  packageVersion: "7.5.2"
 };
 var ArticleLoadingFail = exports.ArticleLoadingFail = function ArticleLoadingFail(_ref) {
   var onTryAgainButtonClick = _ref.onTryAgainButtonClick,
@@ -28,7 +28,7 @@ var ArticleLoadingFail = exports.ArticleLoadingFail = function ArticleLoadingFai
     });
     onTryAgainButtonClick(event, analyticsEvent);
   };
-  return /*#__PURE__*/_react.default.createElement(_styled.LoadingErrorMessage, null, /*#__PURE__*/_react.default.createElement(_SomethingWrongImage.default, null), /*#__PURE__*/_react.default.createElement("h2", null, formatMessage(_messages.messages.help_article_error_title)), /*#__PURE__*/_react.default.createElement("p", null, formatMessage(_messages.messages.help_article_error_text)), /*#__PURE__*/_react.default.createElement(_styled.LoadingErrorButtonContainer, null, handleOnTryAgainButtonClick && /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
+  return /*#__PURE__*/_react.default.createElement(_styled.LoadingErrorMessage, null, /*#__PURE__*/_react.default.createElement(_SomethingWrongImage.default, null), /*#__PURE__*/_react.default.createElement("h2", null, formatMessage(_messages.messages.help_article_error_title)), /*#__PURE__*/_react.default.createElement("p", null, formatMessage(_messages.messages.help_article_error_text)), /*#__PURE__*/_react.default.createElement(_styled.LoadingErrorButtonContainer, null, handleOnTryAgainButtonClick && /*#__PURE__*/_react.default.createElement(_button.default, {
     onClick: handleOnTryAgainButtonClick
   }, formatMessage(_messages.messages.help_article_error_button_label))));
 };

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

@@ -8,12 +8,12 @@ exports.default = exports.ArticleWasHelpfulNoButton = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _analyticsNext = require("@atlaskit/analytics-next");
-var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
+var _button = _interopRequireDefault(require("@atlaskit/button"));
 var _messages = require("../../../../messages");
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulNoButton',
   packageName: "@atlaskit/help",
-  packageVersion: "7.5.1"
+  packageVersion: "7.5.2"
 };
 var ArticleWasHelpfulNoButton = exports.ArticleWasHelpfulNoButton = function ArticleWasHelpfulNoButton(_ref) {
   var _ref$isSelected = _ref.isSelected,
@@ -30,7 +30,7 @@ var ArticleWasHelpfulNoButton = exports.ArticleWasHelpfulNoButton = function Art
       onClick(event, _analyticsEvent);
     }
   };
-  return /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
+  return /*#__PURE__*/_react.default.createElement(_button.default, {
     onClick: handleButtonClick,
     isSelected: isSelected,
     "aria-pressed": isSelected

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

@@ -8,12 +8,12 @@ exports.default = exports.ArticleWasHelpfulYesButton = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _analyticsNext = require("@atlaskit/analytics-next");
-var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
+var _button = _interopRequireDefault(require("@atlaskit/button"));
 var _messages = require("../../../../messages");
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulYesButton',
   packageName: "@atlaskit/help",
-  packageVersion: "7.5.1"
+  packageVersion: "7.5.2"
 };
 var ArticleWasHelpfulYesButton = exports.ArticleWasHelpfulYesButton = function ArticleWasHelpfulYesButton(_ref) {
   var _ref$isSelected = _ref.isSelected,
@@ -30,7 +30,7 @@ var ArticleWasHelpfulYesButton = exports.ArticleWasHelpfulYesButton = function A
       onClick(event, _analyticsEvent);
     }
   };
-  return /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
+  return /*#__PURE__*/_react.default.createElement(_button.default, {
     onClick: handleButtonClick,
     isSelected: isSelected,
     "aria-pressed": isSelected

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

@@ -39,7 +39,7 @@ var FEEDBACK_REASON_TEXT_MAX_LENGTH = '16000';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulForm',
   packageName: "@atlaskit/help",
-  packageVersion: "7.5.1"
+  packageVersion: "7.5.2"
 };
 var buttonStyles = (0, _react2.css)({
   padding: '0',
@@ -179,7 +179,7 @@ var ArticleWasHelpfulForm = exports.ArticleWasHelpfulForm = function ArticleWasH
         var formProps = _ref2.formProps;
         return (0, _react2.jsx)("form", (0, _extends2.default)({}, formProps, {
           name: "form-example"
-        }), (0, _react2.jsx)(_styled.ArticleFeedbackText, null, formatMessage(_messages.messages.help_article_rating_form_title)), !wasHelpful && (0, _react2.jsx)(_form.Field, {
+        }), !wasHelpful && (0, _react2.jsx)(_form.Field, {
           name: "feedbackReason",
           isRequired: true
         }, function (_ref3) {
@@ -193,12 +193,20 @@ var ArticleWasHelpfulForm = exports.ArticleWasHelpfulForm = function ArticleWasH
           defaultValue: ""
         }, function (_ref4) {
           var fieldProps = _ref4.fieldProps;
-          return (0, _react2.jsx)(_textarea.default, (0, _extends2.default)({}, fieldProps, {
+          return (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_styled.ArticleFeedbackText, {
+            id: "articleFeedbackText"
+            // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
+            ,
+            style: {
+              top: "var(--ds-space-negative-100, -8px)"
+            }
+          }, formatMessage(_messages.messages.help_article_rating_form_title)), (0, _react2.jsx)(_textarea.default, (0, _extends2.default)({}, fieldProps, {
             minimumRows: 4,
+            "aria-labelledby": "articleFeedbackText",
             maxLength: FEEDBACK_REASON_TEXT_MAX_LENGTH,
             value: feedbackReasonText,
             onChange: feedbackReasonTextOnChange
-          }));
+          })));
         }), (0, _react2.jsx)(_form.CheckboxField, {
           name: "contactMe"
         }, function (_ref5) {

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

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

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

@@ -11,7 +11,7 @@ var _reactIntlNext = require("react-intl-next");
 var _helpArticle = _interopRequireWildcard(require("@atlaskit/help-article"));
 var _shortcut = _interopRequireDefault(require("@atlaskit/icon/glyph/shortcut"));
 var _analyticsNext = require("@atlaskit/analytics-next");
-var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
+var _button = _interopRequireDefault(require("@atlaskit/button"));
 var _messages = require("../../../messages");
 var _util = require("../../../util");
 var _styled = require("../../../util/styled");
@@ -22,7 +22,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 var analyticsContextData = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "7.5.1"
+  packageVersion: "7.5.2"
 };
 var WhatsNewArticle = exports.WhatsNewArticle = function WhatsNewArticle(_ref) {
   var formatMessage = _ref.intl.formatMessage,
@@ -49,7 +49,7 @@ var WhatsNewArticle = exports.WhatsNewArticle = function WhatsNewArticle(_ref) {
       data: {
         componentName: 'searchExternalUrl'
       }
-    }, article.relatedExternalLinks && /*#__PURE__*/_react.default.createElement(_styled2.RelatedLinkContainer, null, /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
+    }, article.relatedExternalLinks && /*#__PURE__*/_react.default.createElement(_styled2.RelatedLinkContainer, null, /*#__PURE__*/_react.default.createElement(_button.default, {
       appearance: "link",
       spacing: "none",
       href: article.relatedExternalLinks,
@@ -57,7 +57,7 @@ var WhatsNewArticle = exports.WhatsNewArticle = function WhatsNewArticle(_ref) {
     }, formatMessage(_messages.messages.help_whats_new_related_link_support)), /*#__PURE__*/_react.default.createElement(_styled2.ExternalLinkIconContainer, null, /*#__PURE__*/_react.default.createElement(_shortcut.default, {
       size: "small",
       label: ""
-    }))), article.communityUrl && /*#__PURE__*/_react.default.createElement(_styled2.RelatedLinkContainer, null, /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
+    }))), article.communityUrl && /*#__PURE__*/_react.default.createElement(_styled2.RelatedLinkContainer, null, /*#__PURE__*/_react.default.createElement(_button.default, {
       appearance: "link",
       spacing: "none",
       href: article.communityUrl,

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.5.1"
+  packageVersion: "7.5.2"
 };
 var ArticlesListItem = exports.ArticlesListItem = function ArticlesListItem(_ref) {
   var styles = _ref.styles,

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.5.1"
+  packageVersion: "7.5.2"
 };
 var HelpContentButton = function HelpContentButton(_ref) {
   var _ref$id = _ref.id,

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

@@ -30,7 +30,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.5.1";
+var packageVersion = "7.5.2";
 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

@@ -29,7 +29,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'searchInput',
   packageName: "@atlaskit/help",
-  packageVersion: "7.5.1"
+  packageVersion: "7.5.2"
 };
 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

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

@@ -9,7 +9,7 @@ exports.default = exports.SearchExternalSite = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
 var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
-var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
+var _button = _interopRequireDefault(require("@atlaskit/button"));
 var _shortcut = _interopRequireDefault(require("@atlaskit/icon/glyph/shortcut"));
 var _reactIntlNext = require("react-intl-next");
 var _messages = require("../../../messages");
@@ -34,7 +34,7 @@ var SearchExternalSite = exports.SearchExternalSite = function SearchExternalSit
     data: {
       componentName: 'searchExternalUrl'
     }
-  }, /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
+  }, /*#__PURE__*/_react.default.createElement(_button.default, {
     appearance: "link",
     iconAfter: /*#__PURE__*/_react.default.createElement(_shortcut.default, {
       size: "small",

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

@@ -9,7 +9,7 @@ exports.default = exports.SearchResultsEmpty = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
 var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
-var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
+var _button = _interopRequireDefault(require("@atlaskit/button"));
 var _shortcut = _interopRequireDefault(require("@atlaskit/icon/glyph/shortcut"));
 var _reactIntlNext = require("react-intl-next");
 var _NotFoundImage = _interopRequireDefault(require("../../../assets/NotFoundImage"));
@@ -35,7 +35,7 @@ var SearchResultsEmpty = exports.SearchResultsEmpty = function SearchResultsEmpt
     data: {
       componentName: 'searchExternalUrl'
     }
-  }, /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
+  }, /*#__PURE__*/_react.default.createElement(_button.default, {
     appearance: "link",
     iconAfter: /*#__PURE__*/_react.default.createElement(_shortcut.default, {
       size: "small",

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

@@ -8,7 +8,7 @@ exports.default = exports.ShowMoreButton = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 var _reactIntlNext = require("react-intl-next");
-var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
+var _button = _interopRequireDefault(require("@atlaskit/button"));
 var _messages = require("../../messages");
 var _styled = require("../ArticlesList/styled");
 var ShowMoreButton = exports.ShowMoreButton = function ShowMoreButton(_ref) {
@@ -20,7 +20,7 @@ var ShowMoreButton = exports.ShowMoreButton = function ShowMoreButton(_ref) {
     _ref$loading = _ref.loading,
     loading = _ref$loading === void 0 ? false : _ref$loading,
     formatMessage = _ref.intl.formatMessage;
-  return showMoreToggeled ? /*#__PURE__*/_react.default.createElement(_styled.ToggleShowMoreArticlesContainer, null, /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
+  return showMoreToggeled ? /*#__PURE__*/_react.default.createElement(_styled.ToggleShowMoreArticlesContainer, null, /*#__PURE__*/_react.default.createElement(_button.default, {
     appearance: "link",
     spacing: "compact",
     onClick: onToggle
@@ -29,7 +29,7 @@ var ShowMoreButton = exports.ShowMoreButton = function ShowMoreButton(_ref) {
     itemsType: itemsType
   }), loading && /*#__PURE__*/_react.default.createElement("span", null, ' ', /*#__PURE__*/_react.default.createElement(_spinner.default, {
     size: "medium"
-  })))) : /*#__PURE__*/_react.default.createElement(_styled.ToggleShowMoreArticlesContainer, null, /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
+  })))) : /*#__PURE__*/_react.default.createElement(_styled.ToggleShowMoreArticlesContainer, null, /*#__PURE__*/_react.default.createElement(_button.default, {
     appearance: "link",
     spacing: "compact",
     onClick: onToggle

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

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.WhatsNewResultsError = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
+var _button = _interopRequireDefault(require("@atlaskit/button"));
 var _reactIntlNext = require("react-intl-next");
 var _ErrorImage = _interopRequireDefault(require("../../../../assets/ErrorImage"));
 var _messages = require("../../../../messages");
@@ -14,7 +14,7 @@ var _styled = require("./styled");
 var WhatsNewResultsError = exports.WhatsNewResultsError = function WhatsNewResultsError(_ref) {
   var onSearch = _ref.onSearch,
     formatMessage = _ref.intl.formatMessage;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.SearchResultEmptyMessageImage, null, /*#__PURE__*/_react.default.createElement(_ErrorImage.default, null)), /*#__PURE__*/_react.default.createElement(_styled.SearchResultEmptyMessageText, null, /*#__PURE__*/_react.default.createElement("strong", null, formatMessage(_messages.messages.help_search_error))), /*#__PURE__*/_react.default.createElement(_styled.SearchResultEmptyMessageText, null, /*#__PURE__*/_react.default.createElement("p", null, formatMessage(_messages.messages.help_search_error_line_two))), /*#__PURE__*/_react.default.createElement(_styled.SearchResultEmptyMessageText, null, onSearch && /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.SearchResultEmptyMessageImage, null, /*#__PURE__*/_react.default.createElement(_ErrorImage.default, null)), /*#__PURE__*/_react.default.createElement(_styled.SearchResultEmptyMessageText, null, /*#__PURE__*/_react.default.createElement("strong", null, formatMessage(_messages.messages.help_search_error))), /*#__PURE__*/_react.default.createElement(_styled.SearchResultEmptyMessageText, null, /*#__PURE__*/_react.default.createElement("p", null, formatMessage(_messages.messages.help_search_error_line_two))), /*#__PURE__*/_react.default.createElement(_styled.SearchResultEmptyMessageText, null, onSearch && /*#__PURE__*/_react.default.createElement(_button.default, {
     onClick: function onClick() {
       return onSearch('');
     },

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.5.1"
+  packageVersion: "7.5.2"
 };
 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.5.1"
+  packageVersion: "7.5.2"
 };

package/dist/es2019/components/Article/ArticleLoadingFail/index.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 { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
 import { messages } from '../../../messages';
@@ -8,7 +8,7 @@ import { LoadingErrorMessage, LoadingErrorButtonContainer } from './styled';
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleLoadingFail',
   packageName: "@atlaskit/help",
-  packageVersion: "7.5.1"
+  packageVersion: "7.5.2"
 };
 export const ArticleLoadingFail = ({
   onTryAgainButtonClick,

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

@@ -1,12 +1,12 @@
 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 Button from '@atlaskit/button';
 import { messages } from '../../../../messages';
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulNoButton',
   packageName: "@atlaskit/help",
-  packageVersion: "7.5.1"
+  packageVersion: "7.5.2"
 };
 export const ArticleWasHelpfulNoButton = ({
   isSelected = false,

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

@@ -1,12 +1,12 @@
 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 Button from '@atlaskit/button';
 import { messages } from '../../../../messages';
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulYesButton',
   packageName: "@atlaskit/help",
-  packageVersion: "7.5.1"
+  packageVersion: "7.5.2"
 };
 export const ArticleWasHelpfulYesButton = ({
   isSelected = false,

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

@@ -26,7 +26,7 @@ const FEEDBACK_REASON_TEXT_MAX_LENGTH = '16000';
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulForm',
   packageName: "@atlaskit/help",
-  packageVersion: "7.5.1"
+  packageVersion: "7.5.2"
 };
 const buttonStyles = css({
   padding: '0',
@@ -150,7 +150,7 @@ export const ArticleWasHelpfulForm = ({
       }) => {
         return jsx("form", _extends({}, formProps, {
           name: "form-example"
-        }), jsx(ArticleFeedbackText, null, formatMessage(messages.help_article_rating_form_title)), !wasHelpful && jsx(Field, {
+        }), !wasHelpful && jsx(Field, {
           name: "feedbackReason",
           isRequired: true
         }, ({
@@ -163,12 +163,20 @@ export const ArticleWasHelpfulForm = ({
           defaultValue: ""
         }, ({
           fieldProps
-        }) => jsx(TextArea, _extends({}, fieldProps, {
+        }) => jsx(React.Fragment, null, jsx(ArticleFeedbackText, {
+          id: "articleFeedbackText"
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
+          ,
+          style: {
+            top: "var(--ds-space-negative-100, -8px)"
+          }
+        }, formatMessage(messages.help_article_rating_form_title)), jsx(TextArea, _extends({}, fieldProps, {
           minimumRows: 4,
+          "aria-labelledby": "articleFeedbackText",
           maxLength: FEEDBACK_REASON_TEXT_MAX_LENGTH,
           value: feedbackReasonText,
           onChange: feedbackReasonTextOnChange
-        }))), jsx(CheckboxField, {
+        })))), jsx(CheckboxField, {
           name: "contactMe"
         }, ({
           fieldProps

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

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

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

@@ -4,7 +4,7 @@ import { BODY_FORMAT_TYPES } from '@atlaskit/help-article';
 import HelpArticleContent from '@atlaskit/help-article';
 import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
-import Button from '@atlaskit/button/custom-theme-button';
+import Button from '@atlaskit/button';
 import { messages } from '../../../messages';
 import { getTypeIcon, getTypeTitle } from '../../../util';
 import { WhatsNewTypeIcon, DividerLine } from '../../../util/styled';
@@ -13,7 +13,7 @@ import { WhatsNewTypeTitle, WhatsNewTitleText, WhatsNewIconContainer, RelatedLin
 const analyticsContextData = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "7.5.1"
+  packageVersion: "7.5.2"
 };
 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.5.1"
+  packageVersion: "7.5.2"
 };
 export const ArticlesListItem = ({
   styles,

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

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

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

@@ -17,7 +17,7 @@ import { usePrevious } from '../../util/hooks/previous';
 // 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.5.1";
+const packageVersion = "7.5.2";
 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

@@ -18,7 +18,7 @@ import { SearchInputContainer, SearchIconContainer, CloseButtonAndSpinnerContain
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'searchInput',
   packageName: "@atlaskit/help",
-  packageVersion: "7.5.1"
+  packageVersion: "7.5.2"
 };
 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

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
 import * as colors from '@atlaskit/theme/colors';
-import Button from '@atlaskit/button/custom-theme-button';
+import Button from '@atlaskit/button';
 import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
 import { injectIntl } from 'react-intl-next';
 import { messages } from '../../../messages';

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
 import * as colors from '@atlaskit/theme/colors';
-import Button from '@atlaskit/button/custom-theme-button';
+import Button from '@atlaskit/button';
 import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
 import { injectIntl } from 'react-intl-next';
 import NotFoundImage from '../../../assets/NotFoundImage';

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import Spinner from '@atlaskit/spinner';
 import { injectIntl } from 'react-intl-next';
-import Button from '@atlaskit/button/custom-theme-button';
+import Button from '@atlaskit/button';
 import { messages } from '../../messages';
 import { ToggleShowMoreArticlesContainer } from '../ArticlesList/styled';
 export const ShowMoreButton = ({

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

package/dist/es2019/components/WhatsNew/WhatsNewResults/WhatsNewResultsError/index.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 ErrorImage from '../../../../assets/ErrorImage';
 import { messages } from '../../../../messages';

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.5.1"
+  packageVersion: "7.5.2"
 };
 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.5.1"
+  packageVersion: "7.5.2"
 };

package/dist/esm/components/Article/ArticleLoadingFail/index.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 { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
 import { messages } from '../../../messages';
@@ -8,7 +8,7 @@ import { LoadingErrorMessage, LoadingErrorButtonContainer } from './styled';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleLoadingFail',
   packageName: "@atlaskit/help",
-  packageVersion: "7.5.1"
+  packageVersion: "7.5.2"
 };
 export var ArticleLoadingFail = function ArticleLoadingFail(_ref) {
   var onTryAgainButtonClick = _ref.onTryAgainButtonClick,

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

@@ -1,12 +1,12 @@
 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 Button from '@atlaskit/button';
 import { messages } from '../../../../messages';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulNoButton',
   packageName: "@atlaskit/help",
-  packageVersion: "7.5.1"
+  packageVersion: "7.5.2"
 };
 export var ArticleWasHelpfulNoButton = function ArticleWasHelpfulNoButton(_ref) {
   var _ref$isSelected = _ref.isSelected,

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

@@ -1,12 +1,12 @@
 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 Button from '@atlaskit/button';
 import { messages } from '../../../../messages';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulYesButton',
   packageName: "@atlaskit/help",
-  packageVersion: "7.5.1"
+  packageVersion: "7.5.2"
 };
 export var ArticleWasHelpfulYesButton = function ArticleWasHelpfulYesButton(_ref) {
   var _ref$isSelected = _ref.isSelected,

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

@@ -27,7 +27,7 @@ var FEEDBACK_REASON_TEXT_MAX_LENGTH = '16000';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulForm',
   packageName: "@atlaskit/help",
-  packageVersion: "7.5.1"
+  packageVersion: "7.5.2"
 };
 var buttonStyles = css({
   padding: '0',
@@ -167,7 +167,7 @@ export var ArticleWasHelpfulForm = function ArticleWasHelpfulForm(_ref) {
         var formProps = _ref2.formProps;
         return jsx("form", _extends({}, formProps, {
           name: "form-example"
-        }), jsx(ArticleFeedbackText, null, formatMessage(messages.help_article_rating_form_title)), !wasHelpful && jsx(Field, {
+        }), !wasHelpful && jsx(Field, {
           name: "feedbackReason",
           isRequired: true
         }, function (_ref3) {
@@ -181,12 +181,20 @@ export var ArticleWasHelpfulForm = function ArticleWasHelpfulForm(_ref) {
           defaultValue: ""
         }, function (_ref4) {
           var fieldProps = _ref4.fieldProps;
-          return jsx(TextArea, _extends({}, fieldProps, {
+          return jsx(React.Fragment, null, jsx(ArticleFeedbackText, {
+            id: "articleFeedbackText"
+            // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
+            ,
+            style: {
+              top: "var(--ds-space-negative-100, -8px)"
+            }
+          }, formatMessage(messages.help_article_rating_form_title)), jsx(TextArea, _extends({}, fieldProps, {
             minimumRows: 4,
+            "aria-labelledby": "articleFeedbackText",
             maxLength: FEEDBACK_REASON_TEXT_MAX_LENGTH,
             value: feedbackReasonText,
             onChange: feedbackReasonTextOnChange
-          }));
+          })));
         }), jsx(CheckboxField, {
           name: "contactMe"
         }, function (_ref5) {

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

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

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

@@ -4,7 +4,7 @@ import { BODY_FORMAT_TYPES } from '@atlaskit/help-article';
 import HelpArticleContent from '@atlaskit/help-article';
 import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
-import Button from '@atlaskit/button/custom-theme-button';
+import Button from '@atlaskit/button';
 import { messages } from '../../../messages';
 import { getTypeIcon, getTypeTitle } from '../../../util';
 import { WhatsNewTypeIcon, DividerLine } from '../../../util/styled';
@@ -13,7 +13,7 @@ import { WhatsNewTypeTitle, WhatsNewTitleText, WhatsNewIconContainer, RelatedLin
 var analyticsContextData = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "7.5.1"
+  packageVersion: "7.5.2"
 };
 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.5.1"
+  packageVersion: "7.5.2"
 };
 export var ArticlesListItem = function ArticlesListItem(_ref) {
   var styles = _ref.styles,

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

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

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

@@ -20,7 +20,7 @@ import { usePrevious } from '../../util/hooks/previous';
 // 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.5.1";
+var packageVersion = "7.5.2";
 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

@@ -18,7 +18,7 @@ import { SearchInputContainer, SearchIconContainer, CloseButtonAndSpinnerContain
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'searchInput',
   packageName: "@atlaskit/help",
-  packageVersion: "7.5.1"
+  packageVersion: "7.5.2"
 };
 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

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
 import * as colors from '@atlaskit/theme/colors';
-import Button from '@atlaskit/button/custom-theme-button';
+import Button from '@atlaskit/button';
 import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
 import { injectIntl } from 'react-intl-next';
 import { messages } from '../../../messages';

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
 import * as colors from '@atlaskit/theme/colors';
-import Button from '@atlaskit/button/custom-theme-button';
+import Button from '@atlaskit/button';
 import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
 import { injectIntl } from 'react-intl-next';
 import NotFoundImage from '../../../assets/NotFoundImage';

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import Spinner from '@atlaskit/spinner';
 import { injectIntl } from 'react-intl-next';
-import Button from '@atlaskit/button/custom-theme-button';
+import Button from '@atlaskit/button';
 import { messages } from '../../messages';
 import { ToggleShowMoreArticlesContainer } from '../ArticlesList/styled';
 export var ShowMoreButton = function ShowMoreButton(_ref) {

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

package/dist/esm/components/WhatsNew/WhatsNewResults/WhatsNewResultsError/index.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 ErrorImage from '../../../../assets/ErrorImage';
 import { messages } from '../../../../messages';

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/help",
-	"version": "7.5.1",
+	"version": "7.5.2",
 	"description": "A cross-product help component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -57,7 +57,7 @@
 		"@atlaskit/textarea": "^5.5.0",
 		"@atlaskit/textfield": "^6.4.0",
 		"@atlaskit/theme": "^12.11.0",
-		"@atlaskit/tokens": "^1.52.0",
+		"@atlaskit/tokens": "^1.53.0",
 		"@atlaskit/tooltip": "^18.5.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",