@atlaskit/help 7.9.0 → 7.10.0

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/help
 
+## 7.10.0
+
+### Minor Changes
+
+- [#154753](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/154753)
+  [`81738a3eb81e1`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/81738a3eb81e1) -
+  [ux] Move custom icons to legacy icon package in preparation for upcoming iconography refresh.
+
+### Patch Changes
+
+- Updated dependencies
+
+## 7.9.1
+
+### Patch Changes
+
+- [#153822](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/153822)
+  [`17654e637fc7f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/17654e637fc7f) -
+  [ux] added radio role for yes and no buttons on was helful form in IPH
+- Updated dependencies
+
 ## 7.9.0
 
 ### Minor Changes

package/afm-cc/tsconfig.json

@@ -39,12 +39,21 @@
         {
             "path": "../../../design-system/icon/afm-cc/tsconfig.json"
         },
+        {
+            "path": "../../../design-system/legacy-custom-icons/afm-cc/tsconfig.json"
+        },
         {
             "path": "../../../notifications/notification-indicator/afm-cc/tsconfig.json"
         },
         {
             "path": "../../../notifications/notification-log-client/afm-cc/tsconfig.json"
         },
+        {
+            "path": "../../../platform/feature-flags/afm-cc/tsconfig.json"
+        },
+        {
+            "path": "../../../design-system/primitives/afm-cc/tsconfig.json"
+        },
         {
             "path": "../../../design-system/radio/afm-cc/tsconfig.json"
         },

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.9.0"
+  packageVersion: "7.10.0"
 };

package/dist/cjs/assets/IconWrapper.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.IconWrapper = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _primitives = require("@atlaskit/primitives");
+var _icon = require("@atlaskit/icon");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var IconWrapper = exports.IconWrapper = function IconWrapper(_ref) {
+  var Icon = _ref.Icon,
+    LegacyIcon = _ref.LegacyIcon,
+    appearance = _ref.appearance;
+  return /*#__PURE__*/_react.default.createElement(_primitives.Flex, {
+    alignItems: "center",
+    justifyContent: "center"
+  }, !(0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ? /*#__PURE__*/_react.default.createElement(Icon, {
+    LEGACY_fallbackIcon: LegacyIcon,
+    label: "",
+    color: "var(--ds-icon-inverse, #FFFFFF)"
+  }) :
+  /*#__PURE__*/
+  // @ts-ignore
+  _react.default.createElement(_icon.IconTile, {
+    icon: Icon,
+    size: "16",
+    label: "",
+    appearance: appearance
+  }));
+};

package/dist/cjs/assets/WhatsNewIcoExperiment.js

@@ -6,9 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = WhatsNewIcoExperiment;
 var _react = _interopRequireDefault(require("react"));
-var _WhatsNewIcoExperiment = _interopRequireDefault(require("./WhatsNewIcoExperiment.svg"));
+var _flaskIcon = _interopRequireDefault(require("@atlaskit/legacy-custom-icons/flask-icon"));
+var _flask = _interopRequireDefault(require("@atlaskit/icon/core/flask"));
+var _IconWrapper = require("./IconWrapper");
+var _colors = require("@atlaskit/theme/colors");
 function WhatsNewIcoExperiment() {
-  return /*#__PURE__*/_react.default.createElement("img", {
-    src: _WhatsNewIcoExperiment.default
+  return /*#__PURE__*/_react.default.createElement(_IconWrapper.IconWrapper, {
+    Icon: _flask.default,
+    LegacyIcon: _flaskIcon.default,
+    appearance: "var(--ds-icon-discovery, ".concat(_colors.P500, ")")
   });
 }

package/dist/cjs/assets/WhatsNewIconFix.js

@@ -6,9 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = WhatsNewIconFix;
 var _react = _interopRequireDefault(require("react"));
-var _WhatsNewIconFix = _interopRequireDefault(require("./WhatsNewIconFix.svg"));
+var _bugIcon = _interopRequireDefault(require("@atlaskit/legacy-custom-icons/bug-icon"));
+var _bug = _interopRequireDefault(require("@atlaskit/icon/core/bug"));
+var _IconWrapper = require("./IconWrapper");
+var _colors = require("@atlaskit/theme/colors");
 function WhatsNewIconFix() {
-  return /*#__PURE__*/_react.default.createElement("img", {
-    src: _WhatsNewIconFix.default
+  return /*#__PURE__*/_react.default.createElement(_IconWrapper.IconWrapper, {
+    Icon: _bug.default,
+    LegacyIcon: _bugIcon.default,
+    appearance: "var(--ds-icon-information, ".concat(_colors.B500, ")")
   });
 }

package/dist/cjs/assets/WhatsNewIconImprovement.js

@@ -6,9 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = WhatsNewIconImprovement;
 var _react = _interopRequireDefault(require("react"));
-var _WhatsNewIconImprovement = _interopRequireDefault(require("./WhatsNewIconImprovement.svg"));
+var _megaphoneStarIcon = _interopRequireDefault(require("@atlaskit/legacy-custom-icons/megaphone-star-icon"));
+var _megaphone = _interopRequireDefault(require("@atlaskit/icon/core/megaphone"));
+var _IconWrapper = require("./IconWrapper");
+var _colors = require("@atlaskit/theme/colors");
 function WhatsNewIconImprovement() {
-  return /*#__PURE__*/_react.default.createElement("img", {
-    src: _WhatsNewIconImprovement.default
+  return /*#__PURE__*/_react.default.createElement(_IconWrapper.IconWrapper, {
+    Icon: _megaphone.default,
+    LegacyIcon: _megaphoneStarIcon.default,
+    appearance: "var(--ds-icon-warning, ".concat(_colors.Y200, ")")
   });
 }

package/dist/cjs/assets/WhatsNewIconNew.js

@@ -6,9 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = WhatsNewIconNew;
 var _react = _interopRequireDefault(require("react"));
-var _WhatsNewIconNew = _interopRequireDefault(require("./WhatsNewIconNew.svg"));
+var _megaphoneIcon = _interopRequireDefault(require("@atlaskit/legacy-custom-icons/megaphone-icon"));
+var _megaphone = _interopRequireDefault(require("@atlaskit/icon/core/megaphone"));
+var _IconWrapper = require("./IconWrapper");
+var _colors = require("@atlaskit/theme/colors");
 function WhatsNewIconNew() {
-  return /*#__PURE__*/_react.default.createElement("img", {
-    src: _WhatsNewIconNew.default
+  return /*#__PURE__*/_react.default.createElement(_IconWrapper.IconWrapper, {
+    Icon: _megaphone.default,
+    LegacyIcon: _megaphoneIcon.default,
+    appearance: "var(--ds-icon, ".concat(_colors.N400, ")")
   });
 }

package/dist/cjs/assets/WhatsNewIconRemoved.js

@@ -6,9 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = WhatsNewIconRemoved;
 var _react = _interopRequireDefault(require("react"));
-var _WhatsNewIconRemoved = _interopRequireDefault(require("./WhatsNewIconRemoved.svg"));
+var _deleteIcon = _interopRequireDefault(require("@atlaskit/legacy-custom-icons/delete-icon"));
+var _delete = _interopRequireDefault(require("@atlaskit/icon/core/delete"));
+var _IconWrapper = require("./IconWrapper");
+var _colors = require("@atlaskit/theme/colors");
 function WhatsNewIconRemoved() {
-  return /*#__PURE__*/_react.default.createElement("img", {
-    src: _WhatsNewIconRemoved.default
+  return /*#__PURE__*/_react.default.createElement(_IconWrapper.IconWrapper, {
+    Icon: _delete.default,
+    LegacyIcon: _deleteIcon.default,
+    appearance: "var(--ds-icon-disabled, ".concat(_colors.N700, ")")
   });
 }

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

@@ -15,7 +15,7 @@ var _styled = require("./styled");
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleLoadingFail',
   packageName: "@atlaskit/help",
-  packageVersion: "7.9.0"
+  packageVersion: "7.10.0"
 };
 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.9.0"
+  packageVersion: "7.10.0"
 };
 var ArticleWasHelpfulNoButton = exports.ArticleWasHelpfulNoButton = function ArticleWasHelpfulNoButton(_ref) {
   var _ref$isSelected = _ref.isSelected,
@@ -33,7 +33,9 @@ var ArticleWasHelpfulNoButton = exports.ArticleWasHelpfulNoButton = function Art
   return /*#__PURE__*/_react.default.createElement(_button.default, {
     onClick: handleButtonClick,
     isSelected: isSelected,
-    "aria-pressed": isSelected
+    "aria-checked": isSelected,
+    role: "radio",
+    tabIndex: 0
   }, formatMessage(_messages.messages.help_article_rating_option_no));
 };
 var ArticleWasHelpfulNoButtonWithContext = function ArticleWasHelpfulNoButtonWithContext(props) {

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.9.0"
+  packageVersion: "7.10.0"
 };
 var ArticleWasHelpfulYesButton = exports.ArticleWasHelpfulYesButton = function ArticleWasHelpfulYesButton(_ref) {
   var _ref$isSelected = _ref.isSelected,
@@ -33,7 +33,9 @@ var ArticleWasHelpfulYesButton = exports.ArticleWasHelpfulYesButton = function A
   return /*#__PURE__*/_react.default.createElement(_button.default, {
     onClick: handleButtonClick,
     isSelected: isSelected,
-    "aria-pressed": isSelected
+    "aria-checked": isSelected,
+    role: "radio",
+    tabIndex: 0
   }, formatMessage(_messages.messages.help_article_rating_option_yes));
 };
 var ArticleWasHelpfulYesButtonWithContext = function ArticleWasHelpfulYesButtonWithContext(props) {

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

@@ -42,7 +42,7 @@ var FEEDBACK_REASON_TEXT_MAX_LENGTH = '16000';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulForm',
   packageName: "@atlaskit/help",
-  packageVersion: "7.9.0"
+  packageVersion: "7.10.0"
 };
 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.9.0"
+      packageVersion: "7.10.0"
     };
     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.9.0"
+  packageVersion: "7.10.0"
 };
 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.9.0"
+  packageVersion: "7.10.0"
 };
 var highlightText = function highlightText(text) {
   if (!text) {

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

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

@@ -33,7 +33,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.9.0";
+var packageVersion = "7.10.0";
 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

@@ -32,7 +32,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'searchInput',
   packageName: "@atlaskit/help",
-  packageVersion: "7.9.0"
+  packageVersion: "7.10.0"
 };
 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/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.9.0"
+  packageVersion: "7.10.0"
 };
 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.9.0"
+  packageVersion: "7.10.0"
 };
 var WhatsNewResultListItem = exports.WhatsNewResultListItem = function WhatsNewResultListItem(_ref) {
   var formatMessage = _ref.intl.formatMessage,

package/dist/cjs/util/styled.js

@@ -116,7 +116,7 @@ var LoadingCircle = exports.LoadingCircle = _styled.default.div(function (props)
  */
 
 // eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression, @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var WhatsNewTypeIcon = exports.WhatsNewTypeIcon = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tdisplay: inline-block;\n\tvertical-align: middle;\n\tposition: relative;\n\theight: ", ";\n\twidth: ", ";\n\tborder-radius: 2px;\n\tbackground-color: ", ";\n\n\t& > img {\n\t\twidth: calc(100% - ", "px);\n\t\theight: calc(100% - ", "px);\n\t\tposition: absolute;\n\t\tleft: 50%;\n\t\ttop: 50%;\n\t\ttransform: translate(-50%, -50%);\n\n\t\t& > svg {\n\t\t\theight: 100%;\n\t\t\twidth: 100%;\n\t\t}\n\t}\n"])), "var(--ds-space-200, 16px)", "var(--ds-space-200, 16px)", function (_ref) {
+var WhatsNewTypeIcon = exports.WhatsNewTypeIcon = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tdisplay: inline-block;\n\tvertical-align: middle;\n\tposition: relative;\n\theight: ", ";\n\twidth: ", ";\n\tborder-radius: 2px;\n\tcolor: #ffff;\n\tbackground-color: ", ";\n\n\t& > img {\n\t\twidth: calc(100% - ", "px);\n\t\theight: calc(100% - ", "px);\n\t\tposition: absolute;\n\t\tleft: 50%;\n\t\ttop: 50%;\n\t\ttransform: translate(-50%, -50%);\n\n\t\t& > svg {\n\t\t\theight: 100%;\n\t\t\twidth: 100%;\n\t\t}\n\t}\n"])), "var(--ds-space-200, 16px)", "var(--ds-space-200, 16px)", function (_ref) {
   var type = _ref.type;
   switch (type) {
     case _WhatsNew.WHATS_NEW_ITEM_TYPES.IMPROVEMENT:

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.9.0"
+  packageVersion: "7.10.0"
 };

package/dist/es2019/assets/IconWrapper.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import { Flex } from '@atlaskit/primitives';
+import { IconTile } from '@atlaskit/icon';
+import { fg } from '@atlaskit/platform-feature-flags';
+export const IconWrapper = ({
+  Icon,
+  LegacyIcon,
+  appearance
+}) => {
+  return /*#__PURE__*/React.createElement(Flex, {
+    alignItems: "center",
+    justifyContent: "center"
+  }, !fg('platform-visual-refresh-icons') ? /*#__PURE__*/React.createElement(Icon, {
+    LEGACY_fallbackIcon: LegacyIcon,
+    label: "",
+    color: "var(--ds-icon-inverse, #FFFFFF)"
+  }) :
+  /*#__PURE__*/
+  // @ts-ignore
+  React.createElement(IconTile, {
+    icon: Icon,
+    size: "16",
+    label: "",
+    appearance: appearance
+  }));
+};

package/dist/es2019/assets/WhatsNewIcoExperiment.js

@@ -1,7 +1,12 @@
 import React from 'react';
-import WhatsNewIcoExperimentSvg from './WhatsNewIcoExperiment.svg';
+import LegacyFlaskIcon from '@atlaskit/legacy-custom-icons/flask-icon';
+import FlaskIcon from '@atlaskit/icon/core/flask';
+import { IconWrapper } from './IconWrapper';
+import { P500 } from '@atlaskit/theme/colors';
 export default function WhatsNewIcoExperiment() {
-  return /*#__PURE__*/React.createElement("img", {
-    src: WhatsNewIcoExperimentSvg
+  return /*#__PURE__*/React.createElement(IconWrapper, {
+    Icon: FlaskIcon,
+    LegacyIcon: LegacyFlaskIcon,
+    appearance: `var(--ds-icon-discovery, ${P500})`
   });
 }

package/dist/es2019/assets/WhatsNewIconFix.js

@@ -1,7 +1,12 @@
 import React from 'react';
-import WhatsNewIconFixSvg from './WhatsNewIconFix.svg';
+import LegacyBugIcon from '@atlaskit/legacy-custom-icons/bug-icon';
+import BugIcon from '@atlaskit/icon/core/bug';
+import { IconWrapper } from './IconWrapper';
+import { B500 } from '@atlaskit/theme/colors';
 export default function WhatsNewIconFix() {
-  return /*#__PURE__*/React.createElement("img", {
-    src: WhatsNewIconFixSvg
+  return /*#__PURE__*/React.createElement(IconWrapper, {
+    Icon: BugIcon,
+    LegacyIcon: LegacyBugIcon,
+    appearance: `var(--ds-icon-information, ${B500})`
   });
 }

package/dist/es2019/assets/WhatsNewIconImprovement.js

@@ -1,7 +1,12 @@
 import React from 'react';
-import WhatsNewIconImprovementSvg from './WhatsNewIconImprovement.svg';
+import LegacyMegaphoneWithStarIcon from '@atlaskit/legacy-custom-icons/megaphone-star-icon';
+import MegaphoneIcon from '@atlaskit/icon/core/megaphone';
+import { IconWrapper } from './IconWrapper';
+import { Y200 } from '@atlaskit/theme/colors';
 export default function WhatsNewIconImprovement() {
-  return /*#__PURE__*/React.createElement("img", {
-    src: WhatsNewIconImprovementSvg
+  return /*#__PURE__*/React.createElement(IconWrapper, {
+    Icon: MegaphoneIcon,
+    LegacyIcon: LegacyMegaphoneWithStarIcon,
+    appearance: `var(--ds-icon-warning, ${Y200})`
   });
 }

package/dist/es2019/assets/WhatsNewIconNew.js

@@ -1,7 +1,12 @@
 import React from 'react';
-import WhatsNewIconNewSvg from './WhatsNewIconNew.svg';
+import LegacyMegaphoneIcon from '@atlaskit/legacy-custom-icons/megaphone-icon';
+import MegaphoneIcon from '@atlaskit/icon/core/megaphone';
+import { IconWrapper } from './IconWrapper';
+import { N400 } from '@atlaskit/theme/colors';
 export default function WhatsNewIconNew() {
-  return /*#__PURE__*/React.createElement("img", {
-    src: WhatsNewIconNewSvg
+  return /*#__PURE__*/React.createElement(IconWrapper, {
+    Icon: MegaphoneIcon,
+    LegacyIcon: LegacyMegaphoneIcon,
+    appearance: `var(--ds-icon, ${N400})`
   });
 }

package/dist/es2019/assets/WhatsNewIconRemoved.js

@@ -1,7 +1,12 @@
 import React from 'react';
-import WhatsNewIconRemovedSvg from './WhatsNewIconRemoved.svg';
+import LegacyDeleteIcon from '@atlaskit/legacy-custom-icons/delete-icon';
+import DeleteIcon from '@atlaskit/icon/core/delete';
+import { IconWrapper } from './IconWrapper';
+import { N700 } from '@atlaskit/theme/colors';
 export default function WhatsNewIconRemoved() {
-  return /*#__PURE__*/React.createElement("img", {
-    src: WhatsNewIconRemovedSvg
+  return /*#__PURE__*/React.createElement(IconWrapper, {
+    Icon: DeleteIcon,
+    LegacyIcon: LegacyDeleteIcon,
+    appearance: `var(--ds-icon-disabled, ${N700})`
   });
 }

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

@@ -8,7 +8,7 @@ import { LoadingErrorMessage, LoadingErrorButtonContainer } from './styled';
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleLoadingFail',
   packageName: "@atlaskit/help",
-  packageVersion: "7.9.0"
+  packageVersion: "7.10.0"
 };
 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.9.0"
+  packageVersion: "7.10.0"
 };
 export const ArticleWasHelpfulNoButton = ({
   isSelected = false,
@@ -29,7 +29,9 @@ export const ArticleWasHelpfulNoButton = ({
   return /*#__PURE__*/React.createElement(Button, {
     onClick: handleButtonClick,
     isSelected: isSelected,
-    "aria-pressed": isSelected
+    "aria-checked": isSelected,
+    role: "radio",
+    tabIndex: 0
   }, formatMessage(messages.help_article_rating_option_no));
 };
 const ArticleWasHelpfulNoButtonWithContext = props => {

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.9.0"
+  packageVersion: "7.10.0"
 };
 export const ArticleWasHelpfulYesButton = ({
   isSelected = false,
@@ -29,7 +29,9 @@ export const ArticleWasHelpfulYesButton = ({
   return /*#__PURE__*/React.createElement(Button, {
     onClick: handleButtonClick,
     isSelected: isSelected,
-    "aria-pressed": isSelected
+    "aria-checked": isSelected,
+    role: "radio",
+    tabIndex: 0
   }, formatMessage(messages.help_article_rating_option_yes));
 };
 const ArticleWasHelpfulYesButtonWithContext = props => {

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

@@ -29,7 +29,7 @@ const FEEDBACK_REASON_TEXT_MAX_LENGTH = '16000';
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulForm',
   packageName: "@atlaskit/help",
-  packageVersion: "7.9.0"
+  packageVersion: "7.10.0"
 };
 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.9.0"
+      packageVersion: "7.10.0"
     };
     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.9.0"
+  packageVersion: "7.10.0"
 };
 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.9.0"
+  packageVersion: "7.10.0"
 };
 const highlightText = text => {
   if (!text) {

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

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

package/dist/es2019/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';
 const packageName = "@atlaskit/help";
-const packageVersion = "7.9.0";
+const packageVersion = "7.10.0";
 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

@@ -21,7 +21,7 @@ import { SearchInputContainer, SearchIconContainer, CloseButtonAndSpinnerContain
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'searchInput',
   packageName: "@atlaskit/help",
-  packageVersion: "7.9.0"
+  packageVersion: "7.10.0"
 };
 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/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.9.0"
+  packageVersion: "7.10.0"
 };
 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.9.0"
+  packageVersion: "7.10.0"
 };
 export const WhatsNewResultListItem = ({
   intl: {

package/dist/es2019/util/styled.js

@@ -109,6 +109,7 @@ export const WhatsNewTypeIcon = styled.div`
 	height: ${"var(--ds-space-200, 16px)"};
 	width: ${"var(--ds-space-200, 16px)"};
 	border-radius: 2px;
+	color: #ffff;
 	background-color: ${({
   type
 }) => {

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.9.0"
+  packageVersion: "7.10.0"
 };