@atlaskit/help 7.5.1 → 7.5.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (54) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/afm-jira/tsconfig.json +75 -0
  3. package/dist/cjs/analytics.js +1 -1
  4. package/dist/cjs/components/Article/ArticleLoadingFail/index.js +3 -3
  5. package/dist/cjs/components/Article/HelpArticle/WasHelpfulForm/WasHelpfulNoButton.js +3 -3
  6. package/dist/cjs/components/Article/HelpArticle/WasHelpfulForm/WasHelpfulYesButton.js +3 -3
  7. package/dist/cjs/components/Article/HelpArticle/WasHelpfulForm/index.js +16 -5
  8. package/dist/cjs/components/Article/HelpArticle/index.js +1 -1
  9. package/dist/cjs/components/Article/WhatsNewArticle/index.js +4 -4
  10. package/dist/cjs/components/ArticlesList/ArticlesListItem/index.js +1 -1
  11. package/dist/cjs/components/HelpContentButton/index.js +1 -1
  12. package/dist/cjs/components/RelatedArticles/index.js +1 -1
  13. package/dist/cjs/components/Search/SearchInput/index.js +1 -1
  14. package/dist/cjs/components/Search/SearchResults/SearchExternalSite.js +2 -2
  15. package/dist/cjs/components/Search/SearchResults/SearchResultsEmpty.js +2 -2
  16. package/dist/cjs/components/ShowMoreButton/index.js +3 -3
  17. package/dist/cjs/components/WhatsNew/WhatsNewButton/index.js +1 -1
  18. package/dist/cjs/components/WhatsNew/WhatsNewResults/WhatsNewResultsError/index.js +2 -2
  19. package/dist/cjs/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/WhatsNewResultItem/index.js +1 -1
  20. package/dist/es2019/analytics.js +1 -1
  21. package/dist/es2019/components/Article/ArticleLoadingFail/index.js +2 -2
  22. package/dist/es2019/components/Article/HelpArticle/WasHelpfulForm/WasHelpfulNoButton.js +2 -2
  23. package/dist/es2019/components/Article/HelpArticle/WasHelpfulForm/WasHelpfulYesButton.js +2 -2
  24. package/dist/es2019/components/Article/HelpArticle/WasHelpfulForm/index.js +16 -5
  25. package/dist/es2019/components/Article/HelpArticle/index.js +1 -1
  26. package/dist/es2019/components/Article/WhatsNewArticle/index.js +2 -2
  27. package/dist/es2019/components/ArticlesList/ArticlesListItem/index.js +1 -1
  28. package/dist/es2019/components/HelpContentButton/index.js +1 -1
  29. package/dist/es2019/components/RelatedArticles/index.js +1 -1
  30. package/dist/es2019/components/Search/SearchInput/index.js +1 -1
  31. package/dist/es2019/components/Search/SearchResults/SearchExternalSite.js +1 -1
  32. package/dist/es2019/components/Search/SearchResults/SearchResultsEmpty.js +1 -1
  33. package/dist/es2019/components/ShowMoreButton/index.js +1 -1
  34. package/dist/es2019/components/WhatsNew/WhatsNewButton/index.js +1 -1
  35. package/dist/es2019/components/WhatsNew/WhatsNewResults/WhatsNewResultsError/index.js +1 -1
  36. package/dist/es2019/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/WhatsNewResultItem/index.js +1 -1
  37. package/dist/esm/analytics.js +1 -1
  38. package/dist/esm/components/Article/ArticleLoadingFail/index.js +2 -2
  39. package/dist/esm/components/Article/HelpArticle/WasHelpfulForm/WasHelpfulNoButton.js +2 -2
  40. package/dist/esm/components/Article/HelpArticle/WasHelpfulForm/WasHelpfulYesButton.js +2 -2
  41. package/dist/esm/components/Article/HelpArticle/WasHelpfulForm/index.js +16 -5
  42. package/dist/esm/components/Article/HelpArticle/index.js +1 -1
  43. package/dist/esm/components/Article/WhatsNewArticle/index.js +2 -2
  44. package/dist/esm/components/ArticlesList/ArticlesListItem/index.js +1 -1
  45. package/dist/esm/components/HelpContentButton/index.js +1 -1
  46. package/dist/esm/components/RelatedArticles/index.js +1 -1
  47. package/dist/esm/components/Search/SearchInput/index.js +1 -1
  48. package/dist/esm/components/Search/SearchResults/SearchExternalSite.js +1 -1
  49. package/dist/esm/components/Search/SearchResults/SearchResultsEmpty.js +1 -1
  50. package/dist/esm/components/ShowMoreButton/index.js +1 -1
  51. package/dist/esm/components/WhatsNew/WhatsNewButton/index.js +1 -1
  52. package/dist/esm/components/WhatsNew/WhatsNewResults/WhatsNewResultsError/index.js +1 -1
  53. package/dist/esm/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/WhatsNewResultItem/index.js +1 -1
  54. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,20 @@
1
1
  # @atlaskit/help
2
2
 
3
+ ## 7.5.3
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 7.5.2
10
+
11
+ ### Patch Changes
12
+
13
+ - [#114683](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/114683)
14
+ [`ff0815316ab38`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/ff0815316ab38) -
15
+ Removes usage of custom theme button in places where its API is not being used and the default
16
+ button is able to be used instead. This should give a slight performance (runtime) improvement.
17
+
3
18
  ## 7.5.1
4
19
 
5
20
  ### Patch Changes
@@ -0,0 +1,75 @@
1
+ {
2
+ "extends": "../../../../tsconfig.entry-points.jira.json",
3
+ "compilerOptions": {
4
+ "declaration": true,
5
+ "target": "es5",
6
+ "outDir": "../../../../../tsDist/@atlaskit__help/app",
7
+ "composite": true,
8
+ "rootDir": "../"
9
+ },
10
+ "include": [
11
+ "../src/**/*.ts",
12
+ "../src/**/*.tsx"
13
+ ],
14
+ "exclude": [
15
+ "../src/**/__tests__/*",
16
+ "../src/**/*.test.*",
17
+ "../src/**/test.*"
18
+ ],
19
+ "references": [
20
+ {
21
+ "path": "../../../analytics/analytics-next/afm-jira/tsconfig.json"
22
+ },
23
+ {
24
+ "path": "../../../design-system/button/afm-jira/tsconfig.json"
25
+ },
26
+ {
27
+ "path": "../../../design-system/checkbox/afm-jira/tsconfig.json"
28
+ },
29
+ {
30
+ "path": "../../../design-system/form/afm-jira/tsconfig.json"
31
+ },
32
+ {
33
+ "path": "../../help-article/afm-jira/tsconfig.json"
34
+ },
35
+ {
36
+ "path": "../../help-layout/afm-jira/tsconfig.json"
37
+ },
38
+ {
39
+ "path": "../../../design-system/icon/afm-jira/tsconfig.json"
40
+ },
41
+ {
42
+ "path": "../../../notifications/notification-indicator/afm-jira/tsconfig.json"
43
+ },
44
+ {
45
+ "path": "../../../notifications/notification-log-client/afm-jira/tsconfig.json"
46
+ },
47
+ {
48
+ "path": "../../../design-system/radio/afm-jira/tsconfig.json"
49
+ },
50
+ {
51
+ "path": "../../../design-system/section-message/afm-jira/tsconfig.json"
52
+ },
53
+ {
54
+ "path": "../../../design-system/select/afm-jira/tsconfig.json"
55
+ },
56
+ {
57
+ "path": "../../../design-system/spinner/afm-jira/tsconfig.json"
58
+ },
59
+ {
60
+ "path": "../../../design-system/textarea/afm-jira/tsconfig.json"
61
+ },
62
+ {
63
+ "path": "../../../design-system/textfield/afm-jira/tsconfig.json"
64
+ },
65
+ {
66
+ "path": "../../../design-system/theme/afm-jira/tsconfig.json"
67
+ },
68
+ {
69
+ "path": "../../../design-system/tokens/afm-jira/tsconfig.json"
70
+ },
71
+ {
72
+ "path": "../../../design-system/tooltip/afm-jira/tsconfig.json"
73
+ }
74
+ ]
75
+ }
@@ -14,5 +14,5 @@ var createAndFire = exports.createAndFire = x.createAndFireEvent('atlaskit');
14
14
  var defaultAnalyticsAttributes = exports.defaultAnalyticsAttributes = {
15
15
  componentName: 'help',
16
16
  packageName: "@atlaskit/help",
17
- packageVersion: "7.5.1"
17
+ packageVersion: "7.5.3"
18
18
  };
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.default = exports.ArticleLoadingFail = void 0;
8
8
  var _react = _interopRequireDefault(require("react"));
9
- var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
9
+ var _button = _interopRequireDefault(require("@atlaskit/button"));
10
10
  var _reactIntlNext = require("react-intl-next");
11
11
  var _analyticsNext = require("@atlaskit/analytics-next");
12
12
  var _messages = require("../../../messages");
@@ -15,7 +15,7 @@ var _styled = require("./styled");
15
15
  var ANALYTICS_CONTEXT_DATA = {
16
16
  componentName: 'ArticleLoadingFail',
17
17
  packageName: "@atlaskit/help",
18
- packageVersion: "7.5.1"
18
+ packageVersion: "7.5.3"
19
19
  };
20
20
  var ArticleLoadingFail = exports.ArticleLoadingFail = function ArticleLoadingFail(_ref) {
21
21
  var onTryAgainButtonClick = _ref.onTryAgainButtonClick,
@@ -28,7 +28,7 @@ var ArticleLoadingFail = exports.ArticleLoadingFail = function ArticleLoadingFai
28
28
  });
29
29
  onTryAgainButtonClick(event, analyticsEvent);
30
30
  };
31
- 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, {
31
+ 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, {
32
32
  onClick: handleOnTryAgainButtonClick
33
33
  }, formatMessage(_messages.messages.help_article_error_button_label))));
34
34
  };
@@ -8,12 +8,12 @@ exports.default = exports.ArticleWasHelpfulNoButton = void 0;
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
  var _reactIntlNext = require("react-intl-next");
10
10
  var _analyticsNext = require("@atlaskit/analytics-next");
11
- var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
11
+ var _button = _interopRequireDefault(require("@atlaskit/button"));
12
12
  var _messages = require("../../../../messages");
13
13
  var ANALYTICS_CONTEXT_DATA = {
14
14
  componentName: 'ArticleWasHelpfulNoButton',
15
15
  packageName: "@atlaskit/help",
16
- packageVersion: "7.5.1"
16
+ packageVersion: "7.5.3"
17
17
  };
18
18
  var ArticleWasHelpfulNoButton = exports.ArticleWasHelpfulNoButton = function ArticleWasHelpfulNoButton(_ref) {
19
19
  var _ref$isSelected = _ref.isSelected,
@@ -30,7 +30,7 @@ var ArticleWasHelpfulNoButton = exports.ArticleWasHelpfulNoButton = function Art
30
30
  onClick(event, _analyticsEvent);
31
31
  }
32
32
  };
33
- return /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
33
+ return /*#__PURE__*/_react.default.createElement(_button.default, {
34
34
  onClick: handleButtonClick,
35
35
  isSelected: isSelected,
36
36
  "aria-pressed": isSelected
@@ -8,12 +8,12 @@ exports.default = exports.ArticleWasHelpfulYesButton = void 0;
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
  var _reactIntlNext = require("react-intl-next");
10
10
  var _analyticsNext = require("@atlaskit/analytics-next");
11
- var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
11
+ var _button = _interopRequireDefault(require("@atlaskit/button"));
12
12
  var _messages = require("../../../../messages");
13
13
  var ANALYTICS_CONTEXT_DATA = {
14
14
  componentName: 'ArticleWasHelpfulYesButton',
15
15
  packageName: "@atlaskit/help",
16
- packageVersion: "7.5.1"
16
+ packageVersion: "7.5.3"
17
17
  };
18
18
  var ArticleWasHelpfulYesButton = exports.ArticleWasHelpfulYesButton = function ArticleWasHelpfulYesButton(_ref) {
19
19
  var _ref$isSelected = _ref.isSelected,
@@ -30,7 +30,7 @@ var ArticleWasHelpfulYesButton = exports.ArticleWasHelpfulYesButton = function A
30
30
  onClick(event, _analyticsEvent);
31
31
  }
32
32
  };
33
- return /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
33
+ return /*#__PURE__*/_react.default.createElement(_button.default, {
34
34
  onClick: handleButtonClick,
35
35
  isSelected: isSelected,
36
36
  "aria-pressed": isSelected
@@ -39,7 +39,7 @@ var FEEDBACK_REASON_TEXT_MAX_LENGTH = '16000';
39
39
  var ANALYTICS_CONTEXT_DATA = {
40
40
  componentName: 'ArticleWasHelpfulForm',
41
41
  packageName: "@atlaskit/help",
42
- packageVersion: "7.5.1"
42
+ packageVersion: "7.5.3"
43
43
  };
44
44
  var buttonStyles = (0, _react2.css)({
45
45
  padding: '0',
@@ -179,7 +179,7 @@ var ArticleWasHelpfulForm = exports.ArticleWasHelpfulForm = function ArticleWasH
179
179
  var formProps = _ref2.formProps;
180
180
  return (0, _react2.jsx)("form", (0, _extends2.default)({}, formProps, {
181
181
  name: "form-example"
182
- }), (0, _react2.jsx)(_styled.ArticleFeedbackText, null, formatMessage(_messages.messages.help_article_rating_form_title)), !wasHelpful && (0, _react2.jsx)(_form.Field, {
182
+ }), !wasHelpful && (0, _react2.jsx)(_form.Field, {
183
183
  name: "feedbackReason",
184
184
  isRequired: true
185
185
  }, function (_ref3) {
@@ -193,12 +193,20 @@ var ArticleWasHelpfulForm = exports.ArticleWasHelpfulForm = function ArticleWasH
193
193
  defaultValue: ""
194
194
  }, function (_ref4) {
195
195
  var fieldProps = _ref4.fieldProps;
196
- return (0, _react2.jsx)(_textarea.default, (0, _extends2.default)({}, fieldProps, {
196
+ return (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_styled.ArticleFeedbackText, {
197
+ id: "articleFeedbackText"
198
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
199
+ ,
200
+ style: {
201
+ top: "var(--ds-space-negative-100, -8px)"
202
+ }
203
+ }, formatMessage(_messages.messages.help_article_rating_form_title)), (0, _react2.jsx)(_textarea.default, (0, _extends2.default)({}, fieldProps, {
197
204
  minimumRows: 4,
205
+ "aria-labelledby": "articleFeedbackText",
198
206
  maxLength: FEEDBACK_REASON_TEXT_MAX_LENGTH,
199
207
  value: feedbackReasonText,
200
208
  onChange: feedbackReasonTextOnChange
201
- }));
209
+ })));
202
210
  }), (0, _react2.jsx)(_form.CheckboxField, {
203
211
  name: "contactMe"
204
212
  }, function (_ref5) {
@@ -228,7 +236,10 @@ var ArticleWasHelpfulForm = exports.ArticleWasHelpfulForm = function ArticleWasH
228
236
  }, (0, _react2.jsx)(_checkCircle.default, {
229
237
  primaryColor: "var(--ds-icon-success, ".concat(_theme.colors.G400, ")"),
230
238
  label: ""
231
- })), (0, _react2.jsx)(_styled.ArticleFeedbackText, null, formatMessage(_messages.messages.help_article_rating_form_Success)));
239
+ })), (0, _react2.jsx)(_styled.ArticleFeedbackText, {
240
+ role: "alert",
241
+ "aria-live": "polite"
242
+ }, formatMessage(_messages.messages.help_article_rating_form_Success)));
232
243
  }
233
244
  } else if (wasHelpfulFormSubmited && wasHelpfulFormSubmitedFailed) {
234
245
  return (0, _react2.jsx)(_react.default.Fragment, null, wasHelpfulFormSubmited && wasHelpfulFormSubmitedFailed && (0, _react2.jsx)(_styled.ArticleFeedbackContainer, null, (0, _react2.jsx)(_sectionMessage.default, {
@@ -64,7 +64,7 @@ var HelpArticle = exports.HelpArticle = function HelpArticle(_ref) {
64
64
  analyticsEvent.payload.attributes = {
65
65
  componentName: 'Article',
66
66
  packageName: "@atlaskit/help",
67
- packageVersion: "7.5.1"
67
+ packageVersion: "7.5.3"
68
68
  };
69
69
  if (onRelatedArticlesShowMoreClick) {
70
70
  onRelatedArticlesShowMoreClick(event, analyticsEvent, isCollapsed);
@@ -11,7 +11,7 @@ var _reactIntlNext = require("react-intl-next");
11
11
  var _helpArticle = _interopRequireWildcard(require("@atlaskit/help-article"));
12
12
  var _shortcut = _interopRequireDefault(require("@atlaskit/icon/glyph/shortcut"));
13
13
  var _analyticsNext = require("@atlaskit/analytics-next");
14
- var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
14
+ var _button = _interopRequireDefault(require("@atlaskit/button"));
15
15
  var _messages = require("../../../messages");
16
16
  var _util = require("../../../util");
17
17
  var _styled = require("../../../util/styled");
@@ -22,7 +22,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
22
22
  var analyticsContextData = {
23
23
  componentName: 'ArticlesListItem',
24
24
  packageName: "@atlaskit/help",
25
- packageVersion: "7.5.1"
25
+ packageVersion: "7.5.3"
26
26
  };
27
27
  var WhatsNewArticle = exports.WhatsNewArticle = function WhatsNewArticle(_ref) {
28
28
  var formatMessage = _ref.intl.formatMessage,
@@ -49,7 +49,7 @@ var WhatsNewArticle = exports.WhatsNewArticle = function WhatsNewArticle(_ref) {
49
49
  data: {
50
50
  componentName: 'searchExternalUrl'
51
51
  }
52
- }, article.relatedExternalLinks && /*#__PURE__*/_react.default.createElement(_styled2.RelatedLinkContainer, null, /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
52
+ }, article.relatedExternalLinks && /*#__PURE__*/_react.default.createElement(_styled2.RelatedLinkContainer, null, /*#__PURE__*/_react.default.createElement(_button.default, {
53
53
  appearance: "link",
54
54
  spacing: "none",
55
55
  href: article.relatedExternalLinks,
@@ -57,7 +57,7 @@ var WhatsNewArticle = exports.WhatsNewArticle = function WhatsNewArticle(_ref) {
57
57
  }, formatMessage(_messages.messages.help_whats_new_related_link_support)), /*#__PURE__*/_react.default.createElement(_styled2.ExternalLinkIconContainer, null, /*#__PURE__*/_react.default.createElement(_shortcut.default, {
58
58
  size: "small",
59
59
  label: ""
60
- }))), article.communityUrl && /*#__PURE__*/_react.default.createElement(_styled2.RelatedLinkContainer, null, /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
60
+ }))), article.communityUrl && /*#__PURE__*/_react.default.createElement(_styled2.RelatedLinkContainer, null, /*#__PURE__*/_react.default.createElement(_button.default, {
61
61
  appearance: "link",
62
62
  spacing: "none",
63
63
  href: article.communityUrl,
@@ -18,7 +18,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
18
18
  var ANALYTICS_CONTEXT_DATA = {
19
19
  componentName: 'ArticlesListItem',
20
20
  packageName: "@atlaskit/help",
21
- packageVersion: "7.5.1"
21
+ packageVersion: "7.5.3"
22
22
  };
23
23
  var ArticlesListItem = exports.ArticlesListItem = function ArticlesListItem(_ref) {
24
24
  var styles = _ref.styles,
@@ -17,7 +17,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
17
17
  var analitycsContextData = {
18
18
  componentName: 'HelpContentButton',
19
19
  packageName: "@atlaskit/help",
20
- packageVersion: "7.5.1"
20
+ packageVersion: "7.5.3"
21
21
  };
22
22
  var HelpContentButton = function HelpContentButton(_ref) {
23
23
  var _ref$id = _ref.id,
@@ -30,7 +30,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
30
30
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
31
31
 
32
32
  var packageName = "@atlaskit/help";
33
- var packageVersion = "7.5.1";
33
+ var packageVersion = "7.5.3";
34
34
  var buttonStyles = (0, _react2.css)({
35
35
  padding: '0',
36
36
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
@@ -29,7 +29,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
29
29
  var ANALYTICS_CONTEXT_DATA = {
30
30
  componentName: 'searchInput',
31
31
  packageName: "@atlaskit/help",
32
- packageVersion: "7.5.1"
32
+ packageVersion: "7.5.3"
33
33
  };
34
34
  var buttonStyles = (0, _react2.css)({
35
35
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
@@ -9,7 +9,7 @@ exports.default = exports.SearchExternalSite = void 0;
9
9
  var _react = _interopRequireDefault(require("react"));
10
10
  var _analyticsNext = require("@atlaskit/analytics-next");
11
11
  var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
12
- var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
12
+ var _button = _interopRequireDefault(require("@atlaskit/button"));
13
13
  var _shortcut = _interopRequireDefault(require("@atlaskit/icon/glyph/shortcut"));
14
14
  var _reactIntlNext = require("react-intl-next");
15
15
  var _messages = require("../../../messages");
@@ -34,7 +34,7 @@ var SearchExternalSite = exports.SearchExternalSite = function SearchExternalSit
34
34
  data: {
35
35
  componentName: 'searchExternalUrl'
36
36
  }
37
- }, /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
37
+ }, /*#__PURE__*/_react.default.createElement(_button.default, {
38
38
  appearance: "link",
39
39
  iconAfter: /*#__PURE__*/_react.default.createElement(_shortcut.default, {
40
40
  size: "small",
@@ -9,7 +9,7 @@ exports.default = exports.SearchResultsEmpty = void 0;
9
9
  var _react = _interopRequireDefault(require("react"));
10
10
  var _analyticsNext = require("@atlaskit/analytics-next");
11
11
  var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
12
- var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
12
+ var _button = _interopRequireDefault(require("@atlaskit/button"));
13
13
  var _shortcut = _interopRequireDefault(require("@atlaskit/icon/glyph/shortcut"));
14
14
  var _reactIntlNext = require("react-intl-next");
15
15
  var _NotFoundImage = _interopRequireDefault(require("../../../assets/NotFoundImage"));
@@ -35,7 +35,7 @@ var SearchResultsEmpty = exports.SearchResultsEmpty = function SearchResultsEmpt
35
35
  data: {
36
36
  componentName: 'searchExternalUrl'
37
37
  }
38
- }, /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
38
+ }, /*#__PURE__*/_react.default.createElement(_button.default, {
39
39
  appearance: "link",
40
40
  iconAfter: /*#__PURE__*/_react.default.createElement(_shortcut.default, {
41
41
  size: "small",
@@ -8,7 +8,7 @@ exports.default = exports.ShowMoreButton = void 0;
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
  var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
10
10
  var _reactIntlNext = require("react-intl-next");
11
- var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
11
+ var _button = _interopRequireDefault(require("@atlaskit/button"));
12
12
  var _messages = require("../../messages");
13
13
  var _styled = require("../ArticlesList/styled");
14
14
  var ShowMoreButton = exports.ShowMoreButton = function ShowMoreButton(_ref) {
@@ -20,7 +20,7 @@ var ShowMoreButton = exports.ShowMoreButton = function ShowMoreButton(_ref) {
20
20
  _ref$loading = _ref.loading,
21
21
  loading = _ref$loading === void 0 ? false : _ref$loading,
22
22
  formatMessage = _ref.intl.formatMessage;
23
- return showMoreToggeled ? /*#__PURE__*/_react.default.createElement(_styled.ToggleShowMoreArticlesContainer, null, /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
23
+ return showMoreToggeled ? /*#__PURE__*/_react.default.createElement(_styled.ToggleShowMoreArticlesContainer, null, /*#__PURE__*/_react.default.createElement(_button.default, {
24
24
  appearance: "link",
25
25
  spacing: "compact",
26
26
  onClick: onToggle
@@ -29,7 +29,7 @@ var ShowMoreButton = exports.ShowMoreButton = function ShowMoreButton(_ref) {
29
29
  itemsType: itemsType
30
30
  }), loading && /*#__PURE__*/_react.default.createElement("span", null, ' ', /*#__PURE__*/_react.default.createElement(_spinner.default, {
31
31
  size: "medium"
32
- })))) : /*#__PURE__*/_react.default.createElement(_styled.ToggleShowMoreArticlesContainer, null, /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
32
+ })))) : /*#__PURE__*/_react.default.createElement(_styled.ToggleShowMoreArticlesContainer, null, /*#__PURE__*/_react.default.createElement(_button.default, {
33
33
  appearance: "link",
34
34
  spacing: "compact",
35
35
  onClick: onToggle
@@ -21,7 +21,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
21
21
  var ANALYTICS_CONTEXT_DATA = {
22
22
  componentName: 'WhatsNewButton',
23
23
  packageName: "@atlaskit/help",
24
- packageVersion: "7.5.1"
24
+ packageVersion: "7.5.3"
25
25
  };
26
26
  var WhatsNewButton = exports.WhatsNewButton = function WhatsNewButton(_ref) {
27
27
  var productName = _ref.productName,
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.default = exports.WhatsNewResultsError = void 0;
8
8
  var _react = _interopRequireDefault(require("react"));
9
- var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
9
+ var _button = _interopRequireDefault(require("@atlaskit/button"));
10
10
  var _reactIntlNext = require("react-intl-next");
11
11
  var _ErrorImage = _interopRequireDefault(require("../../../../assets/ErrorImage"));
12
12
  var _messages = require("../../../../messages");
@@ -14,7 +14,7 @@ var _styled = require("./styled");
14
14
  var WhatsNewResultsError = exports.WhatsNewResultsError = function WhatsNewResultsError(_ref) {
15
15
  var onSearch = _ref.onSearch,
16
16
  formatMessage = _ref.intl.formatMessage;
17
- 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, {
17
+ 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, {
18
18
  onClick: function onClick() {
19
19
  return onSearch('');
20
20
  },
@@ -15,7 +15,7 @@ var _styled2 = require("./styled");
15
15
  var ANALYTICS_CONTEXT_DATA = {
16
16
  componentName: 'ArticlesListItem',
17
17
  packageName: "@atlaskit/help",
18
- packageVersion: "7.5.1"
18
+ packageVersion: "7.5.3"
19
19
  };
20
20
  var WhatsNewResultListItem = exports.WhatsNewResultListItem = function WhatsNewResultListItem(_ref) {
21
21
  var formatMessage = _ref.intl.formatMessage,
@@ -5,5 +5,5 @@ export const createAndFire = x.createAndFireEvent('atlaskit');
5
5
  export const defaultAnalyticsAttributes = {
6
6
  componentName: 'help',
7
7
  packageName: "@atlaskit/help",
8
- packageVersion: "7.5.1"
8
+ packageVersion: "7.5.3"
9
9
  };
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import Button from '@atlaskit/button/custom-theme-button';
2
+ import Button from '@atlaskit/button';
3
3
  import { injectIntl } from 'react-intl-next';
4
4
  import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
5
5
  import { messages } from '../../../messages';
@@ -8,7 +8,7 @@ import { LoadingErrorMessage, LoadingErrorButtonContainer } from './styled';
8
8
  const ANALYTICS_CONTEXT_DATA = {
9
9
  componentName: 'ArticleLoadingFail',
10
10
  packageName: "@atlaskit/help",
11
- packageVersion: "7.5.1"
11
+ packageVersion: "7.5.3"
12
12
  };
13
13
  export const ArticleLoadingFail = ({
14
14
  onTryAgainButtonClick,
@@ -1,12 +1,12 @@
1
1
  import React from 'react';
2
2
  import { injectIntl } from 'react-intl-next';
3
3
  import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
4
- import Button from '@atlaskit/button/custom-theme-button';
4
+ import Button from '@atlaskit/button';
5
5
  import { messages } from '../../../../messages';
6
6
  const ANALYTICS_CONTEXT_DATA = {
7
7
  componentName: 'ArticleWasHelpfulNoButton',
8
8
  packageName: "@atlaskit/help",
9
- packageVersion: "7.5.1"
9
+ packageVersion: "7.5.3"
10
10
  };
11
11
  export const ArticleWasHelpfulNoButton = ({
12
12
  isSelected = false,
@@ -1,12 +1,12 @@
1
1
  import React from 'react';
2
2
  import { injectIntl } from 'react-intl-next';
3
3
  import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
4
- import Button from '@atlaskit/button/custom-theme-button';
4
+ import Button from '@atlaskit/button';
5
5
  import { messages } from '../../../../messages';
6
6
  const ANALYTICS_CONTEXT_DATA = {
7
7
  componentName: 'ArticleWasHelpfulYesButton',
8
8
  packageName: "@atlaskit/help",
9
- packageVersion: "7.5.1"
9
+ packageVersion: "7.5.3"
10
10
  };
11
11
  export const ArticleWasHelpfulYesButton = ({
12
12
  isSelected = false,
@@ -26,7 +26,7 @@ const FEEDBACK_REASON_TEXT_MAX_LENGTH = '16000';
26
26
  const ANALYTICS_CONTEXT_DATA = {
27
27
  componentName: 'ArticleWasHelpfulForm',
28
28
  packageName: "@atlaskit/help",
29
- packageVersion: "7.5.1"
29
+ packageVersion: "7.5.3"
30
30
  };
31
31
  const buttonStyles = css({
32
32
  padding: '0',
@@ -150,7 +150,7 @@ export const ArticleWasHelpfulForm = ({
150
150
  }) => {
151
151
  return jsx("form", _extends({}, formProps, {
152
152
  name: "form-example"
153
- }), jsx(ArticleFeedbackText, null, formatMessage(messages.help_article_rating_form_title)), !wasHelpful && jsx(Field, {
153
+ }), !wasHelpful && jsx(Field, {
154
154
  name: "feedbackReason",
155
155
  isRequired: true
156
156
  }, ({
@@ -163,12 +163,20 @@ export const ArticleWasHelpfulForm = ({
163
163
  defaultValue: ""
164
164
  }, ({
165
165
  fieldProps
166
- }) => jsx(TextArea, _extends({}, fieldProps, {
166
+ }) => jsx(React.Fragment, null, jsx(ArticleFeedbackText, {
167
+ id: "articleFeedbackText"
168
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
169
+ ,
170
+ style: {
171
+ top: "var(--ds-space-negative-100, -8px)"
172
+ }
173
+ }, formatMessage(messages.help_article_rating_form_title)), jsx(TextArea, _extends({}, fieldProps, {
167
174
  minimumRows: 4,
175
+ "aria-labelledby": "articleFeedbackText",
168
176
  maxLength: FEEDBACK_REASON_TEXT_MAX_LENGTH,
169
177
  value: feedbackReasonText,
170
178
  onChange: feedbackReasonTextOnChange
171
- }))), jsx(CheckboxField, {
179
+ })))), jsx(CheckboxField, {
172
180
  name: "contactMe"
173
181
  }, ({
174
182
  fieldProps
@@ -196,7 +204,10 @@ export const ArticleWasHelpfulForm = ({
196
204
  }, jsx(CheckCircleIcon, {
197
205
  primaryColor: `var(--ds-icon-success, ${colors.G400})`,
198
206
  label: ""
199
- })), jsx(ArticleFeedbackText, null, formatMessage(messages.help_article_rating_form_Success)));
207
+ })), jsx(ArticleFeedbackText, {
208
+ role: "alert",
209
+ "aria-live": "polite"
210
+ }, formatMessage(messages.help_article_rating_form_Success)));
200
211
  }
201
212
  } else if (wasHelpfulFormSubmited && wasHelpfulFormSubmitedFailed) {
202
213
  return jsx(React.Fragment, null, wasHelpfulFormSubmited && wasHelpfulFormSubmitedFailed && jsx(ArticleFeedbackContainer, null, jsx(SectionMessage, {
@@ -59,7 +59,7 @@ export const HelpArticle = ({
59
59
  analyticsEvent.payload.attributes = {
60
60
  componentName: 'Article',
61
61
  packageName: "@atlaskit/help",
62
- packageVersion: "7.5.1"
62
+ packageVersion: "7.5.3"
63
63
  };
64
64
  if (onRelatedArticlesShowMoreClick) {
65
65
  onRelatedArticlesShowMoreClick(event, analyticsEvent, isCollapsed);
@@ -4,7 +4,7 @@ import { BODY_FORMAT_TYPES } from '@atlaskit/help-article';
4
4
  import HelpArticleContent from '@atlaskit/help-article';
5
5
  import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
6
6
  import { AnalyticsContext } from '@atlaskit/analytics-next';
7
- import Button from '@atlaskit/button/custom-theme-button';
7
+ import Button from '@atlaskit/button';
8
8
  import { messages } from '../../../messages';
9
9
  import { getTypeIcon, getTypeTitle } from '../../../util';
10
10
  import { WhatsNewTypeIcon, DividerLine } from '../../../util/styled';
@@ -13,7 +13,7 @@ import { WhatsNewTypeTitle, WhatsNewTitleText, WhatsNewIconContainer, RelatedLin
13
13
  const analyticsContextData = {
14
14
  componentName: 'ArticlesListItem',
15
15
  packageName: "@atlaskit/help",
16
- packageVersion: "7.5.1"
16
+ packageVersion: "7.5.3"
17
17
  };
18
18
  export const WhatsNewArticle = ({
19
19
  intl: {
@@ -8,7 +8,7 @@ import { ArticlesListItemWrapper, ArticlesListItemContainer, ArticlesListItemTit
8
8
  const ANALYTICS_CONTEXT_DATA = {
9
9
  componentName: 'ArticlesListItem',
10
10
  packageName: "@atlaskit/help",
11
- packageVersion: "7.5.1"
11
+ packageVersion: "7.5.3"
12
12
  };
13
13
  export const ArticlesListItem = ({
14
14
  styles,
@@ -7,7 +7,7 @@ import { HelpContentButtonContainer, HelpContentButtonIcon, HelpContentButtonTex
7
7
  const analitycsContextData = {
8
8
  componentName: 'HelpContentButton',
9
9
  packageName: "@atlaskit/help",
10
- packageVersion: "7.5.1"
10
+ packageVersion: "7.5.3"
11
11
  };
12
12
  const HelpContentButton = ({
13
13
  id = '',
@@ -17,7 +17,7 @@ import { usePrevious } from '../../util/hooks/previous';
17
17
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
18
18
  import { css, jsx } from '@emotion/react';
19
19
  const packageName = "@atlaskit/help";
20
- const packageVersion = "7.5.1";
20
+ const packageVersion = "7.5.3";
21
21
  const buttonStyles = css({
22
22
  padding: '0',
23
23
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
@@ -18,7 +18,7 @@ import { SearchInputContainer, SearchIconContainer, CloseButtonAndSpinnerContain
18
18
  const ANALYTICS_CONTEXT_DATA = {
19
19
  componentName: 'searchInput',
20
20
  packageName: "@atlaskit/help",
21
- packageVersion: "7.5.1"
21
+ packageVersion: "7.5.3"
22
22
  };
23
23
  const buttonStyles = css({
24
24
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
3
3
  import * as colors from '@atlaskit/theme/colors';
4
- import Button from '@atlaskit/button/custom-theme-button';
4
+ import Button from '@atlaskit/button';
5
5
  import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
6
6
  import { injectIntl } from 'react-intl-next';
7
7
  import { messages } from '../../../messages';
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
3
3
  import * as colors from '@atlaskit/theme/colors';
4
- import Button from '@atlaskit/button/custom-theme-button';
4
+ import Button from '@atlaskit/button';
5
5
  import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
6
6
  import { injectIntl } from 'react-intl-next';
7
7
  import NotFoundImage from '../../../assets/NotFoundImage';
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import Spinner from '@atlaskit/spinner';
3
3
  import { injectIntl } from 'react-intl-next';
4
- import Button from '@atlaskit/button/custom-theme-button';
4
+ import Button from '@atlaskit/button';
5
5
  import { messages } from '../../messages';
6
6
  import { ToggleShowMoreArticlesContainer } from '../ArticlesList/styled';
7
7
  export const ShowMoreButton = ({
@@ -11,7 +11,7 @@ import { ARTICLE_TYPE } from '../../../model/Help';
11
11
  const ANALYTICS_CONTEXT_DATA = {
12
12
  componentName: 'WhatsNewButton',
13
13
  packageName: "@atlaskit/help",
14
- packageVersion: "7.5.1"
14
+ packageVersion: "7.5.3"
15
15
  };
16
16
  export const WhatsNewButton = ({
17
17
  productName,
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import Button from '@atlaskit/button/custom-theme-button';
2
+ import Button from '@atlaskit/button';
3
3
  import { injectIntl } from 'react-intl-next';
4
4
  import ErrorImage from '../../../../assets/ErrorImage';
5
5
  import { messages } from '../../../../messages';
@@ -8,7 +8,7 @@ import { WhatsNewResultListItemWrapper, WhatsNewResultListItemTitleContainer, Wh
8
8
  const ANALYTICS_CONTEXT_DATA = {
9
9
  componentName: 'ArticlesListItem',
10
10
  packageName: "@atlaskit/help",
11
- packageVersion: "7.5.1"
11
+ packageVersion: "7.5.3"
12
12
  };
13
13
  export const WhatsNewResultListItem = ({
14
14
  intl: {
@@ -5,5 +5,5 @@ export var createAndFire = x.createAndFireEvent('atlaskit');
5
5
  export var defaultAnalyticsAttributes = {
6
6
  componentName: 'help',
7
7
  packageName: "@atlaskit/help",
8
- packageVersion: "7.5.1"
8
+ packageVersion: "7.5.3"
9
9
  };
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import Button from '@atlaskit/button/custom-theme-button';
2
+ import Button from '@atlaskit/button';
3
3
  import { injectIntl } from 'react-intl-next';
4
4
  import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
5
5
  import { messages } from '../../../messages';
@@ -8,7 +8,7 @@ import { LoadingErrorMessage, LoadingErrorButtonContainer } from './styled';
8
8
  var ANALYTICS_CONTEXT_DATA = {
9
9
  componentName: 'ArticleLoadingFail',
10
10
  packageName: "@atlaskit/help",
11
- packageVersion: "7.5.1"
11
+ packageVersion: "7.5.3"
12
12
  };
13
13
  export var ArticleLoadingFail = function ArticleLoadingFail(_ref) {
14
14
  var onTryAgainButtonClick = _ref.onTryAgainButtonClick,
@@ -1,12 +1,12 @@
1
1
  import React from 'react';
2
2
  import { injectIntl } from 'react-intl-next';
3
3
  import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
4
- import Button from '@atlaskit/button/custom-theme-button';
4
+ import Button from '@atlaskit/button';
5
5
  import { messages } from '../../../../messages';
6
6
  var ANALYTICS_CONTEXT_DATA = {
7
7
  componentName: 'ArticleWasHelpfulNoButton',
8
8
  packageName: "@atlaskit/help",
9
- packageVersion: "7.5.1"
9
+ packageVersion: "7.5.3"
10
10
  };
11
11
  export var ArticleWasHelpfulNoButton = function ArticleWasHelpfulNoButton(_ref) {
12
12
  var _ref$isSelected = _ref.isSelected,
@@ -1,12 +1,12 @@
1
1
  import React from 'react';
2
2
  import { injectIntl } from 'react-intl-next';
3
3
  import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
4
- import Button from '@atlaskit/button/custom-theme-button';
4
+ import Button from '@atlaskit/button';
5
5
  import { messages } from '../../../../messages';
6
6
  var ANALYTICS_CONTEXT_DATA = {
7
7
  componentName: 'ArticleWasHelpfulYesButton',
8
8
  packageName: "@atlaskit/help",
9
- packageVersion: "7.5.1"
9
+ packageVersion: "7.5.3"
10
10
  };
11
11
  export var ArticleWasHelpfulYesButton = function ArticleWasHelpfulYesButton(_ref) {
12
12
  var _ref$isSelected = _ref.isSelected,
@@ -27,7 +27,7 @@ var FEEDBACK_REASON_TEXT_MAX_LENGTH = '16000';
27
27
  var ANALYTICS_CONTEXT_DATA = {
28
28
  componentName: 'ArticleWasHelpfulForm',
29
29
  packageName: "@atlaskit/help",
30
- packageVersion: "7.5.1"
30
+ packageVersion: "7.5.3"
31
31
  };
32
32
  var buttonStyles = css({
33
33
  padding: '0',
@@ -167,7 +167,7 @@ export var ArticleWasHelpfulForm = function ArticleWasHelpfulForm(_ref) {
167
167
  var formProps = _ref2.formProps;
168
168
  return jsx("form", _extends({}, formProps, {
169
169
  name: "form-example"
170
- }), jsx(ArticleFeedbackText, null, formatMessage(messages.help_article_rating_form_title)), !wasHelpful && jsx(Field, {
170
+ }), !wasHelpful && jsx(Field, {
171
171
  name: "feedbackReason",
172
172
  isRequired: true
173
173
  }, function (_ref3) {
@@ -181,12 +181,20 @@ export var ArticleWasHelpfulForm = function ArticleWasHelpfulForm(_ref) {
181
181
  defaultValue: ""
182
182
  }, function (_ref4) {
183
183
  var fieldProps = _ref4.fieldProps;
184
- return jsx(TextArea, _extends({}, fieldProps, {
184
+ return jsx(React.Fragment, null, jsx(ArticleFeedbackText, {
185
+ id: "articleFeedbackText"
186
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
187
+ ,
188
+ style: {
189
+ top: "var(--ds-space-negative-100, -8px)"
190
+ }
191
+ }, formatMessage(messages.help_article_rating_form_title)), jsx(TextArea, _extends({}, fieldProps, {
185
192
  minimumRows: 4,
193
+ "aria-labelledby": "articleFeedbackText",
186
194
  maxLength: FEEDBACK_REASON_TEXT_MAX_LENGTH,
187
195
  value: feedbackReasonText,
188
196
  onChange: feedbackReasonTextOnChange
189
- }));
197
+ })));
190
198
  }), jsx(CheckboxField, {
191
199
  name: "contactMe"
192
200
  }, function (_ref5) {
@@ -216,7 +224,10 @@ export var ArticleWasHelpfulForm = function ArticleWasHelpfulForm(_ref) {
216
224
  }, jsx(CheckCircleIcon, {
217
225
  primaryColor: "var(--ds-icon-success, ".concat(colors.G400, ")"),
218
226
  label: ""
219
- })), jsx(ArticleFeedbackText, null, formatMessage(messages.help_article_rating_form_Success)));
227
+ })), jsx(ArticleFeedbackText, {
228
+ role: "alert",
229
+ "aria-live": "polite"
230
+ }, formatMessage(messages.help_article_rating_form_Success)));
220
231
  }
221
232
  } else if (wasHelpfulFormSubmited && wasHelpfulFormSubmitedFailed) {
222
233
  return jsx(React.Fragment, null, wasHelpfulFormSubmited && wasHelpfulFormSubmitedFailed && jsx(ArticleFeedbackContainer, null, jsx(SectionMessage, {
@@ -55,7 +55,7 @@ export var HelpArticle = function HelpArticle(_ref) {
55
55
  analyticsEvent.payload.attributes = {
56
56
  componentName: 'Article',
57
57
  packageName: "@atlaskit/help",
58
- packageVersion: "7.5.1"
58
+ packageVersion: "7.5.3"
59
59
  };
60
60
  if (onRelatedArticlesShowMoreClick) {
61
61
  onRelatedArticlesShowMoreClick(event, analyticsEvent, isCollapsed);
@@ -4,7 +4,7 @@ import { BODY_FORMAT_TYPES } from '@atlaskit/help-article';
4
4
  import HelpArticleContent from '@atlaskit/help-article';
5
5
  import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
6
6
  import { AnalyticsContext } from '@atlaskit/analytics-next';
7
- import Button from '@atlaskit/button/custom-theme-button';
7
+ import Button from '@atlaskit/button';
8
8
  import { messages } from '../../../messages';
9
9
  import { getTypeIcon, getTypeTitle } from '../../../util';
10
10
  import { WhatsNewTypeIcon, DividerLine } from '../../../util/styled';
@@ -13,7 +13,7 @@ import { WhatsNewTypeTitle, WhatsNewTitleText, WhatsNewIconContainer, RelatedLin
13
13
  var analyticsContextData = {
14
14
  componentName: 'ArticlesListItem',
15
15
  packageName: "@atlaskit/help",
16
- packageVersion: "7.5.1"
16
+ packageVersion: "7.5.3"
17
17
  };
18
18
  export var WhatsNewArticle = function WhatsNewArticle(_ref) {
19
19
  var formatMessage = _ref.intl.formatMessage,
@@ -8,7 +8,7 @@ import { ArticlesListItemWrapper, ArticlesListItemContainer, ArticlesListItemTit
8
8
  var ANALYTICS_CONTEXT_DATA = {
9
9
  componentName: 'ArticlesListItem',
10
10
  packageName: "@atlaskit/help",
11
- packageVersion: "7.5.1"
11
+ packageVersion: "7.5.3"
12
12
  };
13
13
  export var ArticlesListItem = function ArticlesListItem(_ref) {
14
14
  var styles = _ref.styles,
@@ -7,7 +7,7 @@ import { HelpContentButtonContainer, HelpContentButtonIcon, HelpContentButtonTex
7
7
  var analitycsContextData = {
8
8
  componentName: 'HelpContentButton',
9
9
  packageName: "@atlaskit/help",
10
- packageVersion: "7.5.1"
10
+ packageVersion: "7.5.3"
11
11
  };
12
12
  var HelpContentButton = function HelpContentButton(_ref) {
13
13
  var _ref$id = _ref.id,
@@ -20,7 +20,7 @@ import { usePrevious } from '../../util/hooks/previous';
20
20
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
21
21
  import { css, jsx } from '@emotion/react';
22
22
  var packageName = "@atlaskit/help";
23
- var packageVersion = "7.5.1";
23
+ var packageVersion = "7.5.3";
24
24
  var buttonStyles = css({
25
25
  padding: '0',
26
26
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
@@ -18,7 +18,7 @@ import { SearchInputContainer, SearchIconContainer, CloseButtonAndSpinnerContain
18
18
  var ANALYTICS_CONTEXT_DATA = {
19
19
  componentName: 'searchInput',
20
20
  packageName: "@atlaskit/help",
21
- packageVersion: "7.5.1"
21
+ packageVersion: "7.5.3"
22
22
  };
23
23
  var buttonStyles = css({
24
24
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
3
3
  import * as colors from '@atlaskit/theme/colors';
4
- import Button from '@atlaskit/button/custom-theme-button';
4
+ import Button from '@atlaskit/button';
5
5
  import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
6
6
  import { injectIntl } from 'react-intl-next';
7
7
  import { messages } from '../../../messages';
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
3
3
  import * as colors from '@atlaskit/theme/colors';
4
- import Button from '@atlaskit/button/custom-theme-button';
4
+ import Button from '@atlaskit/button';
5
5
  import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
6
6
  import { injectIntl } from 'react-intl-next';
7
7
  import NotFoundImage from '../../../assets/NotFoundImage';
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import Spinner from '@atlaskit/spinner';
3
3
  import { injectIntl } from 'react-intl-next';
4
- import Button from '@atlaskit/button/custom-theme-button';
4
+ import Button from '@atlaskit/button';
5
5
  import { messages } from '../../messages';
6
6
  import { ToggleShowMoreArticlesContainer } from '../ArticlesList/styled';
7
7
  export var ShowMoreButton = function ShowMoreButton(_ref) {
@@ -11,7 +11,7 @@ import { ARTICLE_TYPE } from '../../../model/Help';
11
11
  var ANALYTICS_CONTEXT_DATA = {
12
12
  componentName: 'WhatsNewButton',
13
13
  packageName: "@atlaskit/help",
14
- packageVersion: "7.5.1"
14
+ packageVersion: "7.5.3"
15
15
  };
16
16
  export var WhatsNewButton = function WhatsNewButton(_ref) {
17
17
  var productName = _ref.productName,
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import Button from '@atlaskit/button/custom-theme-button';
2
+ import Button from '@atlaskit/button';
3
3
  import { injectIntl } from 'react-intl-next';
4
4
  import ErrorImage from '../../../../assets/ErrorImage';
5
5
  import { messages } from '../../../../messages';
@@ -8,7 +8,7 @@ import { WhatsNewResultListItemWrapper, WhatsNewResultListItemTitleContainer, Wh
8
8
  var ANALYTICS_CONTEXT_DATA = {
9
9
  componentName: 'ArticlesListItem',
10
10
  packageName: "@atlaskit/help",
11
- packageVersion: "7.5.1"
11
+ packageVersion: "7.5.3"
12
12
  };
13
13
  export var WhatsNewResultListItem = function WhatsNewResultListItem(_ref) {
14
14
  var formatMessage = _ref.intl.formatMessage,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/help",
3
- "version": "7.5.1",
3
+ "version": "7.5.3",
4
4
  "description": "A cross-product help component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -42,12 +42,12 @@
42
42
  },
43
43
  "dependencies": {
44
44
  "@atlaskit/analytics-next": "^9.3.0",
45
- "@atlaskit/button": "^18.0.0",
45
+ "@atlaskit/button": "^19.0.0",
46
46
  "@atlaskit/checkbox": "^13.5.0",
47
47
  "@atlaskit/form": "^10.4.0",
48
48
  "@atlaskit/help-article": "^4.1.10",
49
49
  "@atlaskit/help-layout": "^4.3.0",
50
- "@atlaskit/icon": "^22.4.0",
50
+ "@atlaskit/icon": "^22.6.0",
51
51
  "@atlaskit/notification-indicator": "^9.2.0",
52
52
  "@atlaskit/notification-log-client": "^6.1.0",
53
53
  "@atlaskit/radio": "^6.4.0",
@@ -57,7 +57,7 @@
57
57
  "@atlaskit/textarea": "^5.5.0",
58
58
  "@atlaskit/textfield": "^6.4.0",
59
59
  "@atlaskit/theme": "^12.11.0",
60
- "@atlaskit/tokens": "^1.52.0",
60
+ "@atlaskit/tokens": "^1.56.0",
61
61
  "@atlaskit/tooltip": "^18.5.0",
62
62
  "@babel/runtime": "^7.0.0",
63
63
  "@emotion/react": "^11.7.1",