@atlaskit/help 8.0.9 → 9.0.0

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @atlaskit/help
 
+## 9.0.0
+
+### Major Changes
+
+- [#142728](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/142728)
+  [`3c752e6f27c2d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3c752e6f27c2d) -
+  Migrated from `@emotion/react` to `@compiled/react` in order to improve performance, align with
+  the rest of the Atlaskit techstack, and support React 18 Streaming SSR.
+
+  Please note, in order to use this version of `@atlaskit/help`, you will need to ensure that your
+  bundler is configured to handle `.css` imports correctly. Most bundlers come with built-in support
+  for `.css` imports, so you may not need to do anything. If you are using a different bundler,
+  please refer to the documentation for that bundler to understand how to handle `.css` imports. For
+  more information on the migration, please refer to
+  [RFC-73 Migrating our components to Compiled CSS-in-JS](https://community.developer.atlassian.com/t/rfc-73-migrating-our-components-to-compiled-css-in-js/85953).
+
+### Patch Changes
+
+- Updated dependencies
+
+## 8.0.10
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 8.0.9
 
 ### Patch Changes

package/analytics/package.json

@@ -4,7 +4,7 @@
   "module": "../dist/esm/analytics.js",
   "module:es2019": "../dist/es2019/analytics.js",
   "sideEffects": [
-    "*.compiled.css"
+    "**/*.compiled.css"
   ],
   "types": "../dist/types/analytics.d.ts",
   "typesVersions": {

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: "8.0.9"
+  packageVersion: "9.0.0"
 };

package/dist/cjs/assets/IconWrapper.js

@@ -6,14 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.IconWrapper = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 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, {
+  return /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
     alignItems: "center",
     justifyContent: "center"
   }, !(0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ? /*#__PURE__*/_react.default.createElement(Icon, {

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

@@ -10,14 +10,14 @@ var _button = _interopRequireDefault(require("@atlaskit/button"));
 var _reactIntlNext = require("react-intl-next");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _heading = _interopRequireDefault(require("@atlaskit/heading"));
-var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _messages = require("../../../messages");
 var _SomethingWrongImage = _interopRequireDefault(require("../../../assets/SomethingWrongImage"));
 var _styled = require("./styled");
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleLoadingFail',
   packageName: "@atlaskit/help",
-  packageVersion: "8.0.9"
+  packageVersion: "9.0.0"
 };
 var ArticleLoadingFail = exports.ArticleLoadingFail = function ArticleLoadingFail(_ref) {
   var onTryAgainButtonClick = _ref.onTryAgainButtonClick,
@@ -32,7 +32,7 @@ var ArticleLoadingFail = exports.ArticleLoadingFail = function ArticleLoadingFai
   };
   return /*#__PURE__*/_react.default.createElement(_styled.LoadingErrorMessage, null, /*#__PURE__*/_react.default.createElement(_SomethingWrongImage.default, null), /*#__PURE__*/_react.default.createElement(_styled.LoadingErrorHeading, null, /*#__PURE__*/_react.default.createElement(_heading.default, {
     size: "large"
-  }, formatMessage(_messages.messages.help_article_error_title))), /*#__PURE__*/_react.default.createElement(_primitives.Text, {
+  }, formatMessage(_messages.messages.help_article_error_title))), /*#__PURE__*/_react.default.createElement(_compiled.Text, {
     as: "p"
   }, formatMessage(_messages.messages.help_article_error_text)), /*#__PURE__*/_react.default.createElement(_styled.LoadingErrorButtonContainer, null, handleOnTryAgainButtonClick && /*#__PURE__*/_react.default.createElement(_button.default, {
     onClick: handleOnTryAgainButtonClick

package/dist/cjs/components/Article/ArticleLoadingFail/styled.compiled.css

@@ -0,0 +1,3 @@
+._ca0q1ejb{padding-top:var(--ds-space-300,24px)}
+._ca0q1jfw{padding-top:var(--ds-space-500,40px)}
+._y3gn1h6o{text-align:center}

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

@@ -1,3 +1,4 @@
+/* styled.tsx generated by @compiled/babel-plugin v0.36.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -5,27 +6,27 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.LoadingErrorMessage = exports.LoadingErrorHeading = exports.LoadingErrorButtonContainer = void 0;
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var LoadingErrorMessage = exports.LoadingErrorMessage = _styled.default.div({
-  paddingTop: "var(--ds-space-300, 24px)",
-  textAlign: 'center'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var LoadingErrorButtonContainer = exports.LoadingErrorButtonContainer = _styled.default.div({
-  paddingTop: "var(--ds-space-300, 24px)",
-  textAlign: 'center'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var LoadingErrorHeading = exports.LoadingErrorHeading = _styled.default.div({
-  paddingTop: "var(--ds-space-500, 40px)",
-  textAlign: 'center'
-});
+require("./styled.compiled.css");
+var _runtime = require("@compiled/react/runtime");
+var _react = _interopRequireDefault(require("react"));
+var loadingErrorMessageStyles = null;
+var LoadingErrorMessage = exports.LoadingErrorMessage = function LoadingErrorMessage(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _runtime.ax)(["_ca0q1ejb _y3gn1h6o"])
+  }, children);
+};
+var loadingErrorButtonContainerStyles = null;
+var LoadingErrorButtonContainer = exports.LoadingErrorButtonContainer = function LoadingErrorButtonContainer(_ref2) {
+  var children = _ref2.children;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _runtime.ax)(["_ca0q1ejb _y3gn1h6o"])
+  }, children);
+};
+var loadingErrorHeadingStyles = null;
+var LoadingErrorHeading = exports.LoadingErrorHeading = function LoadingErrorHeading(_ref3) {
+  var children = _ref3.children;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _runtime.ax)(["_ca0q1jfw _y3gn1h6o"])
+  }, children);
+};

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: "8.0.9"
+  packageVersion: "9.0.0"
 };
 var ArticleWasHelpfulNoButton = exports.ArticleWasHelpfulNoButton = function ArticleWasHelpfulNoButton(_ref) {
   var _ref$isSelected = _ref.isSelected,

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

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

package/dist/cjs/components/Article/HelpArticle/WasHelpfulForm/index.compiled.css

@@ -0,0 +1,8 @@
+._19bvidpf{padding-left:0}
+._1ipkidpf span{margin-top:0}
+._1kdcidpf span{margin-right:0}
+._1w2uidpf span{margin-left:0}
+._3glyidpf span{margin-bottom:0}
+._ca0qidpf{padding-top:0}
+._n3tdidpf{padding-bottom:0}
+._u5f3idpf{padding-right:0}

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

@@ -1,3 +1,4 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -6,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ArticleWasHelpfulForm = void 0;
+require("./index.compiled.css");
+var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
@@ -20,38 +23,21 @@ var _checkbox = require("@atlaskit/checkbox");
 var _textarea = _interopRequireDefault(require("@atlaskit/textarea"));
 var _successCheckCircle = _interopRequireDefault(require("@atlaskit/icon/core/migration/success--check-circle"));
 var _theme = require("@atlaskit/theme");
-var _react2 = require("@emotion/react");
-var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _messages = require("../../../../messages");
 var _WasHelpfulYesButton = _interopRequireDefault(require("./WasHelpfulYesButton"));
 var _WasHelpfulNoButton = _interopRequireDefault(require("./WasHelpfulNoButton"));
 var _styled = require("./styled");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
 /** @jsxFrag */
-
-// AFP-2532 TODO: Fix automatic suppressions below
-// eslint-disable-next-line @atlassian/tangerine/import/entry-points
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
 var FEEDBACK_REASON_TEXT_MAX_LENGTH = '16000';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulForm',
   packageName: "@atlaskit/help",
-  packageVersion: "8.0.9"
+  packageVersion: "9.0.0"
 };
-var buttonStyles = (0, _react2.css)({
-  padding: '0',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '& span': {
-    margin: '0'
-  }
-});
+var buttonStyles = null;
 var ArticleWasHelpfulForm = exports.ArticleWasHelpfulForm = function ArticleWasHelpfulForm(_ref) {
   var onWasHelpfulSubmit = _ref.onWasHelpfulSubmit,
     onWasHelpfulYesButtonClick = _ref.onWasHelpfulYesButtonClick,
@@ -165,25 +151,21 @@ var ArticleWasHelpfulForm = exports.ArticleWasHelpfulForm = function ArticleWasH
   };
   if (!wasHelpfulFormSubmitedFailed) {
     if ((handleArticleWasHelpfulYesButtonClick || handleArticleWasHelpfulNoButtonClick) && !wasHelpfulFormSubmited) {
-      return (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_styled.ArticleFeedbackContainer, null, (0, _react2.jsx)(_styled.ArticleFeedbackText
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-      , {
-        style: {
-          paddingRight: "var(--ds-space-100, 8px)"
-        }
-      }, formatMessage(_messages.messages.help_article_rating_title)), (0, _react2.jsx)(_buttonGroup.default, null, handleArticleWasHelpfulYesButtonClick && (0, _react2.jsx)(_WasHelpfulYesButton.default, {
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.ArticleFeedbackContainer, null, /*#__PURE__*/_react.default.createElement(_styled.ArticleFeedbackText, {
+        paddingRight: "var(--ds-space-100, 8px)"
+      }, formatMessage(_messages.messages.help_article_rating_title)), /*#__PURE__*/_react.default.createElement(_buttonGroup.default, null, handleArticleWasHelpfulYesButtonClick && /*#__PURE__*/_react.default.createElement(_WasHelpfulYesButton.default, {
         onClick: handleArticleWasHelpfulYesButtonClick,
         isSelected: wasHelpful === true
-      }), handleArticleWasHelpfulNoButtonClick && (0, _react2.jsx)(_WasHelpfulNoButton.default, {
+      }), handleArticleWasHelpfulNoButtonClick && /*#__PURE__*/_react.default.createElement(_WasHelpfulNoButton.default, {
         onClick: handleArticleWasHelpfulNoButtonClick,
         isSelected: wasHelpful === false
-      }))), wasHelpful !== null && onWasHelpfulSubmit && (0, _react2.jsx)(_styled.ArticleFeedbackAnswerWrapper, null, (0, _react2.jsx)(_form.default, {
+      }))), wasHelpful !== null && onWasHelpfulSubmit && /*#__PURE__*/_react.default.createElement(_styled.ArticleFeedbackAnswerWrapper, null, /*#__PURE__*/_react.default.createElement(_form.default, {
         onSubmit: onFeedbackSubmitClick
       }, function (_ref2) {
         var formProps = _ref2.formProps;
-        return (0, _react2.jsx)("form", (0, _extends2.default)({}, formProps, {
+        return /*#__PURE__*/_react.default.createElement("form", (0, _extends2.default)({}, formProps, {
           name: "form-example"
-        }), !wasHelpful && (0, _react2.jsx)("fieldset", null, (0, _react2.jsx)("legend", {
+        }), !wasHelpful && /*#__PURE__*/_react.default.createElement("fieldset", null, /*#__PURE__*/_react.default.createElement("legend", {
           id: "feedbackReason-label",
           style: {
             // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
@@ -203,89 +185,85 @@ var ArticleWasHelpfulForm = exports.ArticleWasHelpfulForm = function ArticleWasH
             // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
             overflow: 'hidden'
           }
-        }, formatMessage(_messages.messages.help_article_rating_form_title)), (0, _react2.jsx)(_form.Field, {
+        }, formatMessage(_messages.messages.help_article_rating_form_title)), /*#__PURE__*/_react.default.createElement(_form.Field, {
           name: "feedbackReason",
           isRequired: true
         }, function (_ref3) {
           var fieldProps = _ref3.fieldProps;
-          return (0, _react2.jsx)(_radio.RadioGroup, (0, _extends2.default)({}, fieldProps, {
+          return /*#__PURE__*/_react.default.createElement(_radio.RadioGroup, (0, _extends2.default)({}, fieldProps, {
             options: negativeFeedbackReason,
             onChange: radioGroupReasonOnChange,
             "aria-labelledby": "feedbackReason-label"
           }));
-        })), (0, _react2.jsx)(_form.Field, {
+        })), /*#__PURE__*/_react.default.createElement(_form.Field, {
           name: "feedbackReasonText",
           defaultValue: ""
         }, function (_ref4) {
           var fieldProps = _ref4.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, {
+          return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.ArticleFeedbackText, {
+            id: "articleFeedbackText",
+            top: "var(--ds-space-negative-100, -8px)"
+          }, formatMessage(_messages.messages.help_article_rating_form_title)), /*#__PURE__*/_react.default.createElement(_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, {
+        }), /*#__PURE__*/_react.default.createElement(_form.CheckboxField, {
           name: "contactMe"
         }, function (_ref5) {
           var fieldProps = _ref5.fieldProps;
-          return (0, _react2.jsx)(_checkbox.Checkbox, (0, _extends2.default)({}, fieldProps, {
+          return /*#__PURE__*/_react.default.createElement(_checkbox.Checkbox, (0, _extends2.default)({}, fieldProps, {
             isChecked: contactMe,
             onChange: checkboxContactMeOnChange,
             label: formatMessage(_messages.messages.help_article_rating_form_contact_me)
           }));
-        }), (0, _react2.jsx)(_form.FormFooter, null, (0, _react2.jsx)(_buttonGroup.default, null, (0, _react2.jsx)(_customThemeButton.default, {
+        }), /*#__PURE__*/_react.default.createElement(_form.FormFooter, null, /*#__PURE__*/_react.default.createElement(_buttonGroup.default, null, /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
           type: "submit",
           appearance: "primary",
           isDisabled: !wasHelpful && feedbackReason === '',
           isLoading: wasHelpfulFormSubmitLoading
-        }, formatMessage(_messages.messages.help_article_rating_form_submit)), (0, _react2.jsx)(_customThemeButton.default, {
+        }, formatMessage(_messages.messages.help_article_rating_form_submit)), /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
           onClick: onFeedbackSubmitCancel
         }, formatMessage(_messages.messages.help_article_rating_form_cancel)))));
       })));
     } else if (wasHelpfulFormSubmited && wasHelpful === null) {
-      return (0, _react2.jsx)(_styled.ArticleFeedbackContainer, null, (0, _react2.jsx)("span", {
+      return /*#__PURE__*/_react.default.createElement(_styled.ArticleFeedbackContainer, null, /*#__PURE__*/_react.default.createElement("span", {
         style: {
           // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
           paddingRight: "var(--ds-space-100, 8px)",
           // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
           verticalAlign: 'middle'
         }
-      }, (0, _react2.jsx)(_successCheckCircle.default, {
+      }, /*#__PURE__*/_react.default.createElement(_successCheckCircle.default, {
         spacing: "spacious",
         color: "var(--ds-icon-success, ".concat(_theme.colors.G400, ")"),
         label: ""
-      })), (0, _react2.jsx)(_styled.ArticleFeedbackText, {
+      })), /*#__PURE__*/_react.default.createElement(_styled.ArticleFeedbackText, {
         role: "alert",
         "aria-live": "polite"
       }, formatMessage(_messages.messages.help_article_rating_form_Success)));
     }
   } else if (wasHelpfulFormSubmited && wasHelpfulFormSubmitedFailed) {
-    return (0, _react2.jsx)(_react.default.Fragment, null, wasHelpfulFormSubmited && wasHelpfulFormSubmitedFailed && (0, _react2.jsx)(_styled.ArticleFeedbackContainer, null, (0, _react2.jsx)(_sectionMessage.default, {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, wasHelpfulFormSubmited && wasHelpfulFormSubmitedFailed && /*#__PURE__*/_react.default.createElement(_styled.ArticleFeedbackContainer, null, /*#__PURE__*/_react.default.createElement(_sectionMessage.default, {
       appearance: "warning"
-    }, (0, _react2.jsx)(_primitives.Text, {
+    }, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
       as: "p"
-    }, formatMessage(_messages.messages.help_article_rating_form_failed)), (0, _react2.jsx)(_primitives.Text, {
+    }, formatMessage(_messages.messages.help_article_rating_form_failed)), /*#__PURE__*/_react.default.createElement(_compiled.Text, {
       as: "p"
-    }, (0, _react2.jsx)(_customThemeButton.default, {
+    }, /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
       appearance: "link",
       spacing: "compact",
-      css: buttonStyles,
-      onClick: handleTryAgainOnClick
+      onClick: handleTryAgainOnClick,
+      className: (0, _runtime.ax)(["_ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1ipkidpf _1kdcidpf _3glyidpf _1w2uidpf"])
     }, formatMessage(_messages.messages.help_article_rating_form_failed_try_again))))));
   }
   return null;
 };
 var ArticleWasHelpfulFormWithContext = function ArticleWasHelpfulFormWithContext(props) {
-  return (0, _react2.jsx)(_analyticsNext.AnalyticsContext, {
+  return /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
     data: ANALYTICS_CONTEXT_DATA
-  }, (0, _react2.jsx)(ArticleWasHelpfulForm, props));
+  }, /*#__PURE__*/_react.default.createElement(ArticleWasHelpfulForm, props));
 };
 var _default = exports.default = (0, _reactIntlNext.injectIntl)(ArticleWasHelpfulFormWithContext);

package/dist/cjs/components/Article/HelpArticle/WasHelpfulForm/styled.compiled.css

@@ -0,0 +1,5 @@
+._11c8kn18{font:var(--_1a31d1l)}
+._1e0c1o8l{display:inline-block}
+._ca0qpxbi{padding-top:var(--ds-space-200,1pc)}
+._kqswh2mm{position:relative}
+._syazpsu8{color:var(--_vrm7dk)}

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

@@ -1,39 +1,50 @@
+/* styled.tsx generated by @compiled/babel-plugin v0.36.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ArticleFeedbackText = exports.ArticleFeedbackContainer = exports.ArticleFeedbackAnswerWrapper = void 0;
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
+require("./styled.compiled.css");
+var _runtime = require("@compiled/react/runtime");
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
 var _typography = require("@atlaskit/theme/typography");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var ArticleFeedbackContainer = exports.ArticleFeedbackContainer = _styled.default.div({
-  position: 'relative'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var ArticleFeedbackText = exports.ArticleFeedbackText = _styled.default.div({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  font: "var(--ds-font-heading-xxsmall, ".concat(_typography.fontFallback.heading.xxsmall, ")"),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  color: "var(--ds-text-subtlest, ".concat(colors.N200, ")"),
-  position: 'relative',
-  display: 'inline-block'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var ArticleFeedbackAnswerWrapper = exports.ArticleFeedbackAnswerWrapper = _styled.default.div({
-  paddingTop: "var(--ds-space-200, 16px)"
-});
+var _colors = require("@atlaskit/theme/colors");
+var _excluded = ["id", "top", "paddingRight", "children"];
+var heading = _typography.fontFallback.heading;
+var articleFeedbackContainerStyles = null;
+var ArticleFeedbackContainer = exports.ArticleFeedbackContainer = function ArticleFeedbackContainer(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _runtime.ax)(["_kqswh2mm"])
+  }, children);
+};
+var articleFeedbackTextStyles = null;
+var ArticleFeedbackText = exports.ArticleFeedbackText = function ArticleFeedbackText(_ref2) {
+  var id = _ref2.id,
+    top = _ref2.top,
+    paddingRight = _ref2.paddingRight,
+    children = _ref2.children,
+    rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    id: id
+  }, rest, {
+    className: (0, _runtime.ax)(["_11c8kn18 _syazpsu8 _kqswh2mm _1e0c1o8l"]),
+    style: {
+      top: top,
+      paddingRight: paddingRight,
+      "--_1a31d1l": (0, _runtime.ix)("var(--ds-font-heading-xxsmall, ".concat(heading.xxsmall, ")")),
+      "--_vrm7dk": (0, _runtime.ix)("var(--ds-text-subtlest, ".concat(_colors.N200, ")"))
+    }
+  }), children);
+};
+var articleFeedbackAnswerWrapperStyles = null;
+var ArticleFeedbackAnswerWrapper = exports.ArticleFeedbackAnswerWrapper = function ArticleFeedbackAnswerWrapper(_ref3) {
+  var children = _ref3.children;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _runtime.ax)(["_ca0qpxbi"])
+  }, children);
+};

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: "8.0.9"
+      packageVersion: "9.0.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: "8.0.9"
+  packageVersion: "9.0.0"
 };
 var WhatsNewArticle = exports.WhatsNewArticle = function WhatsNewArticle(_ref) {
   var formatMessage = _ref.intl.formatMessage,

package/dist/cjs/components/Article/WhatsNewArticle/styled.compiled.css

@@ -0,0 +1,16 @@
+._11c81bq0{font:var(--_bo9t81)}
+._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._19bv1b66{padding-left:var(--ds-space-050,4px)}
+._1e0c1o8l{display:inline-block}
+._1e0c1ule{display:block}
+._1hmsglyw{text-decoration-line:none}
+._1reo15vq{overflow-x:hidden}
+._4bfu1r31{text-decoration-color:currentColor}
+._ajmmnqa1{text-decoration-style:solid}
+._k48p1pd9{font-weight:var(--ds-font-weight-semibold,600)}
+._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}
+._o5724jg8{white-space:normal}
+._otyru2gc{margin-bottom:var(--ds-space-100,8px)}
+._s7n4nkob{vertical-align:middle}
+._syaz1o8f{color:var(--_ggxzyp)}
+._syazg0pi{color:var(--_1dzgjqk)}