@atlaskit/help 7.4.1 → 7.4.2

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.4.1"
+  packageVersion: "7.4.2"
 };

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.4.1"
+  packageVersion: "7.4.2"
 };
 var ArticleLoadingFail = exports.ArticleLoadingFail = function ArticleLoadingFail(_ref) {
   var onTryAgainButtonClick = _ref.onTryAgainButtonClick,

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

@@ -8,10 +8,13 @@ exports.LoadingErrorMessage = exports.LoadingErrorButtonContainer = void 0;
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 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 -- To migrate as part of go/ui-styling-standard
 var LoadingErrorButtonContainer = exports.LoadingErrorButtonContainer = _styled.default.div({
   paddingTop: "var(--ds-space-300, 24px)",
   textAlign: 'center'

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

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

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

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

@@ -37,7 +37,7 @@ var FEEDBACK_REASON_TEXT_MAX_LENGTH = '16000';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulForm',
   packageName: "@atlaskit/help",
-  packageVersion: "7.4.1"
+  packageVersion: "7.4.2"
 };
 var ArticleWasHelpfulForm = exports.ArticleWasHelpfulForm = function ArticleWasHelpfulForm(_ref) {
   var onWasHelpfulSubmit = _ref.onWasHelpfulSubmit,
@@ -152,7 +152,9 @@ 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, {
+      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)"
         }
@@ -209,7 +211,9 @@ var ArticleWasHelpfulForm = exports.ArticleWasHelpfulForm = function ArticleWasH
     } else if (wasHelpfulFormSubmited && wasHelpful === null) {
       return (0, _react2.jsx)(_styled.ArticleFeedbackContainer, null, (0, _react2.jsx)("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)(_checkCircle.default, {

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

@@ -13,15 +13,20 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 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 && Object.prototype.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; }
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var ArticleFeedbackContainer = exports.ArticleFeedbackContainer = _styled.default.div({
   position: 'relative'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var ArticleFeedbackText = exports.ArticleFeedbackText = _styled.default.div({
   font: "var(--ds-font-heading-xxsmall, ".concat(_typography.fontFallback.heading.xxsmall, ")"),
   color: "var(--ds-text-subtlest, ".concat(colors.N200, ")"),
   position: 'relative',
   display: 'inline-block'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var ArticleFeedbackAnswerWrapper = exports.ArticleFeedbackAnswerWrapper = _styled.default.div({
   paddingTop: "var(--ds-space-200, 16px)"
 });

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

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

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

@@ -16,8 +16,11 @@ var Loading = exports.Loading = function Loading(_ref) {
     role: "img"
   }, /*#__PURE__*/_react.default.createElement(_styled.LoadingRectangle, {
     style: {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       display: 'inline-block',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       verticalAlign: 'middle',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       position: 'relative'
     },
     contentHeight: "16px",
@@ -25,6 +28,7 @@ var Loading = exports.Loading = function Loading(_ref) {
     marginTop: "4px"
   }), /*#__PURE__*/_react.default.createElement(_styled.LoadingRectangle, {
     style: {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       marginLeft: "var(--ds-space-100, 8px)"
     },
     contentHeight: "11px",

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.4.1"
+  packageVersion: "7.4.2"
 };
 var WhatsNewArticle = exports.WhatsNewArticle = function WhatsNewArticle(_ref) {
   var formatMessage = _ref.intl.formatMessage,
@@ -38,7 +38,9 @@ var WhatsNewArticle = exports.WhatsNewArticle = function WhatsNewArticle(_ref) {
     }, (0, _util.getTypeIcon)(article.type)), /*#__PURE__*/_react.default.createElement(_styled2.WhatsNewTypeTitle, null, typeTitle)), /*#__PURE__*/_react.default.createElement(_styled2.WhatsNewTitleText, null, article.title), /*#__PURE__*/_react.default.createElement(_helpArticle.default, {
       body: article.description,
       bodyFormat: article.bodyFormat ? article.bodyFormat : _helpArticle.BODY_FORMAT_TYPES.html
-    }), (article.relatedExternalLinks || article.communityUrl) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.DividerLine, {
+    }), (article.relatedExternalLinks || article.communityUrl) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.DividerLine
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    , {
       style: {
         marginTop: 0,
         marginBottom: "var(--ds-space-200, 16px)"

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

@@ -14,6 +14,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 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 && Object.prototype.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; }
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var WhatsNewTypeTitle = exports.WhatsNewTypeTitle = _styled.default.span({
   textDecoration: 'none',
   color: "var(--ds-text-subtlest, ".concat(colors.N300, ")"),
@@ -23,10 +24,14 @@ var WhatsNewTypeTitle = exports.WhatsNewTypeTitle = _styled.default.span({
   whiteSpace: 'normal',
   overflowX: 'hidden'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var WhatsNewIconContainer = exports.WhatsNewIconContainer = _styled.default.div({
   display: 'block',
   paddingBottom: "var(--ds-space-100, 8px)"
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var WhatsNewTitleText = exports.WhatsNewTitleText = _styled.default.span({
   textDecoration: 'none',
   color: "var(--ds-text, ".concat(colors.N800, ")"),
@@ -37,6 +42,8 @@ var WhatsNewTitleText = exports.WhatsNewTitleText = _styled.default.span({
   paddingBottom: "var(--ds-space-100, 8px)",
   display: 'block'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var WhatsNewRelatedLinksTitleText = exports.WhatsNewRelatedLinksTitleText = _styled.default.span({
   textDecoration: 'none',
   color: "var(--ds-text, ".concat(colors.N800, ")"),
@@ -47,9 +54,13 @@ var WhatsNewRelatedLinksTitleText = exports.WhatsNewRelatedLinksTitleText = _sty
   paddingBottom: "var(--ds-space-100, 8px)",
   display: 'block'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var RelatedLinkContainer = exports.RelatedLinkContainer = _styled.default.div({
   marginBottom: "var(--ds-space-100, 8px)"
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var ExternalLinkIconContainer = exports.ExternalLinkIconContainer = _styled.default.div({
   display: 'inline-block',
   verticalAlign: 'middle',

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

@@ -8,6 +8,7 @@ exports.ArticleContainer = void 0;
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var ArticleContainer = exports.ArticleContainer = _styled.default.div({
   padding: "var(--ds-space-200, 16px)".concat(" ", "var(--ds-space-300, 24px)"),
   position: 'absolute',

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

@@ -20,7 +20,7 @@ var getStyles = function getStyles(style) {
   }
   return {
     border: 0,
-    padding: "var(--ds-space-100, 8px)",
+    padding: "var(--ds-space-150, 12px)",
     marginBottom: 0
   };
 };

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

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

@@ -13,6 +13,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 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 && Object.prototype.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; }
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var ArticlesListItemWrapper = exports.ArticlesListItemWrapper = _styled.default.a({
   position: 'relative',
   boxSizing: 'border-box',
@@ -40,6 +41,8 @@ var ArticlesListItemWrapper = exports.ArticlesListItemWrapper = _styled.default.
 }, function (props) {
   return props.styles;
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var ArticlesListItemContainer = exports.ArticlesListItemContainer = _styled.default.div({
   width: '100%',
   whiteSpace: 'nowrap',
@@ -50,16 +53,22 @@ var ArticlesListItemTitleSection = exports.ArticlesListItemTitleSection = _style
   flexDirection: 'column',
   flexGrow: 1
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var ArticlesListItemTypeTitle = exports.ArticlesListItemTypeTitle = _styled.default.div({
   font: "var(--ds-font-body-small, ".concat(_typography.fontFallback.body.small, ")"),
   fontWeight: "var(--ds-font-weight-bold, bold)",
   color: "var(--ds-text-subtlest, ".concat(colors.N200, ")")
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var ArticlesListItemLinkIcon = exports.ArticlesListItemLinkIcon = _styled.default.span({
   alignSelf: 'auto',
   paddingInlineStart: "var(--ds-space-050, 4px)",
   verticalAlign: 'middle'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var ArticlesListItemTitleText = exports.ArticlesListItemTitleText = _styled.default.p({
   textDecoration: 'none',
   color: "var(--ds-text, ".concat(colors.N800, ")"),
@@ -69,6 +78,8 @@ var ArticlesListItemTitleText = exports.ArticlesListItemTitleText = _styled.defa
   overflow: 'hidden',
   marginBottom: "var(--ds-space-100, 4px)"
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var ArticlesListItemDescription = exports.ArticlesListItemDescription = _styled.default.p({
   display: 'block',
   lineHeight: '20px',

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

@@ -43,7 +43,9 @@ var ArticleList = function ArticleList(_ref) {
       onToggleArticlesList(event, analyticsEvent, !showMoreToggled);
     }
   };
-  return articles && articles.length > 0 ? /*#__PURE__*/_react.default.createElement(_styled.ArticlesListContainer, null, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ArticlesList.default, {
+  return articles && articles.length > 0 ? /*#__PURE__*/_react.default.createElement(_styled.ArticlesListContainer, null, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ArticlesList.default
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+  , {
     style: style,
     onArticlesListItemClick: onArticlesListItemClick,
     articles: articles,

package/dist/cjs/components/ArticlesList/styled.js

@@ -18,9 +18,13 @@ var truncate = exports.truncate = function truncate() {
     width: width
   });
 };
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var ArticlesListContainer = exports.ArticlesListContainer = _styled.default.div({
   position: 'relative'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var ToggleShowMoreArticlesContainer = exports.ToggleShowMoreArticlesContainer = _styled.default.div({
   padding: "var(--ds-space-100, 8px)".concat(" 0"),
   span: {

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

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

@@ -13,17 +13,17 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 /** @jsx jsx */
 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 && Object.prototype.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; }
-// eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression -- needs manual remediation (styled components used)
+// eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression, @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var HelpContentButtonContainer = exports.HelpContentButtonContainer = _styledComponents.default.a(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: block;\n  cursor: pointer;\n  width: calc(100% - ", ");\n  color: ", ";\n  padding: ", ";\n  border-radius: 3px;\n\n  &:hover,\n  &:focus,\n  &:visited,\n  &:active {\n    text-decoration: none;\n    outline: none;\n    outline-offset: none;\n    color: ", ";\n  }\n\n  &:focus {\n    box-shadow: ", " 0 0 0 2px inset;\n  }\n\n  &:hover {\n    background-color: ", ";\n  }\n\n  &:active {\n    background-color: ", ";\n  }\n"])), "var(--ds-space-200, 16px)", "var(--ds-text-subtle, ".concat(colors.N600, ")"), "var(--ds-space-100, 8px)", "var(--ds-text-subtle, ".concat(colors.N600, ")"), "var(--ds-border-focused, ".concat(colors.B100, ")"), "var(--ds-background-neutral-subtle-hovered, ".concat(colors.N30, ")"), "var(--ds-background-neutral-subtle-pressed, ".concat(colors.B50, ")"));
 
-// eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression -- needs manual remediation (styled components used)
+// eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression, @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var HelpContentButtonIcon = exports.HelpContentButtonIcon = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-block;\n  vertical-align: middle;\n  width: 20px;\n  height: 20px;\n  border-radius: 4px;\n  position: relative;\n\n  & span {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n"])));
 
-// eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression -- needs manual remediation (styled components used)
+// eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression, @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var HelpContentButtonText = exports.HelpContentButtonText = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  width: calc(100% - 20px);\n  display: inline-block;\n  vertical-align: middle;\n  padding: 0 ", ";\n  box-sizing: border-box;\n"])), "var(--ds-space-100, 8px)");
 
-// eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression -- needs manual remediation (styled components used)
+// eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression, @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var HelpContentButtonExternalLinkIcon = exports.HelpContentButtonExternalLinkIcon = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-block;\n  vertical-align: middle;\n  padding-left: ", ";\n"])), "var(--ds-space-050, 4px)");
 
-// eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression -- needs manual remediation (styled components used)
+// eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression, @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var HelpContentButtonExternalNotificationIcon = exports.HelpContentButtonExternalNotificationIcon = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-block;\n  vertical-align: middle;\n  margin-top: ", ";\n  padding-left: ", ";\n"])), "var(--ds-space-negative-050, -4px)", "var(--ds-space-050, 4px)");

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

@@ -28,7 +28,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 /** @jsxFrag */
 
 var packageName = "@atlaskit/help";
-var packageVersion = "7.4.1";
+var packageVersion = "7.4.2";
 var RelatedArticles = exports.RelatedArticles = function RelatedArticles(_ref) {
   var _ref$style = _ref.style,
     style = _ref$style === void 0 ? 'primary' : _ref$style,
@@ -119,7 +119,9 @@ var RelatedArticles = exports.RelatedArticles = function RelatedArticles(_ref) {
       onClick: updateRelatedArticles
     }, formatMessage(_messages.messages.help_related_article_endpoint_error_button_label))));
   } else {
-    return (0, _react2.jsx)(_react.default.Fragment, null, style === 'secondary' && relatedArticles.length > 0 && (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_styled.DividerLine, null), (0, _react2.jsx)(_styled2.RelatedArticlesTitle, null, formatMessage(_messages.messages.help_related_article_title))), isLoading ? (0, _react2.jsx)(_RelatedArticlesLoading.default, null) : (0, _react2.jsx)(_ArticlesList.default, {
+    return (0, _react2.jsx)(_react.default.Fragment, null, style === 'secondary' && relatedArticles.length > 0 && (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_styled.DividerLine, null), (0, _react2.jsx)(_styled2.RelatedArticlesTitle, null, formatMessage(_messages.messages.help_related_article_title))), isLoading ? (0, _react2.jsx)(_RelatedArticlesLoading.default, null) : (0, _react2.jsx)(_ArticlesList.default
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    , {
       style: style,
       articles: relatedArticles,
       onArticlesListItemClick: onRelatedArticlesListItemClick,

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

@@ -26,6 +26,8 @@ var truncate = exports.truncate = function truncate() {
     width: width
   });
 };
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var RelatedArticlesTitle = exports.RelatedArticlesTitle = _styled.default.div(baseHeading(16, 20), {
   color: "var(--ds-text, ".concat(colors.N800, ")"),
   fontWeight: 600,
@@ -36,15 +38,20 @@ var RelatedArticlesTitle = exports.RelatedArticlesTitle = _styled.default.div(ba
 /**
  * Loading styled-components
  */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var LoadignRelatedArticleSection = exports.LoadignRelatedArticleSection = _styled.default.div({
   marginTop: "var(--ds-space-100, 8px)"
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var LoadignRelatedArticleList = exports.LoadignRelatedArticleList = _styled.default.ul({
   width: '100%',
   margin: 0,
   padding: 0,
   boxSizing: 'border-box'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var LoadignRelatedArticleListItem = exports.LoadignRelatedArticleListItem = _styled.default.li({
   display: 'block',
   width: '100%',

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

@@ -27,7 +27,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'searchInput',
   packageName: "@atlaskit/help",
-  packageVersion: "7.4.1"
+  packageVersion: "7.4.2"
 };
 var SearchInput = exports.SearchInput = function SearchInput(_ref) {
   var formatMessage = _ref.intl.formatMessage;

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

@@ -8,6 +8,7 @@ exports.SearchInputContainer = exports.SearchIconContainer = exports.CloseButton
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var SearchInputContainer = exports.SearchInputContainer = _styled.default.div({
   order: 0,
   flex: '0 1 auto',
@@ -15,6 +16,8 @@ var SearchInputContainer = exports.SearchInputContainer = _styled.default.div({
   width: '100%',
   boxSizing: 'border-box'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var SearchIconContainer = exports.SearchIconContainer = _styled.default.div({
   width: "var(--ds-space-300, 24px)",
   height: "var(--ds-space-300, 24px)",
@@ -26,6 +29,8 @@ var SearchIconContainer = exports.SearchIconContainer = _styled.default.div({
     boxSizing: 'border-box'
   }
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var CloseButtonAndSpinnerContainer = exports.CloseButtonAndSpinnerContainer = _styled.default.div({
   fontSize: 0,
   paddingRight: "var(--ds-space-100, 8px)",

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

@@ -12,6 +12,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 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 && Object.prototype.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; }
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var SearchResultsContainer = exports.SearchResultsContainer = _styled.default.div({
   position: 'absolute',
   height: '100%',
@@ -26,14 +27,20 @@ var SearchResultsContainer = exports.SearchResultsContainer = _styled.default.di
   zIndex: 10,
   padding: "0 ".concat("var(--ds-space-200, 16px)")
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var SearchResultsList = exports.SearchResultsList = _styled.default.div({
   paddingTop: "var(--ds-space-300, 24px)",
   position: 'relative'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var SearchResultEmptyMessageImage = exports.SearchResultEmptyMessageImage = _styled.default.div({
   padding: "var(--ds-space-300, 24px)".concat(" ", "var(--ds-space-300, 24px)", " 0 ", "var(--ds-space-300, 24px)"),
   textAlign: 'center'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var SearchResultEmptyMessageText = exports.SearchResultEmptyMessageText = _styled.default.div({
   padding: "var(--ds-space-300, 24px)".concat(" ", "var(--ds-space-300, 24px)", " 0 ", "var(--ds-space-300, 24px)"),
   textAlign: 'center',
@@ -41,6 +48,8 @@ var SearchResultEmptyMessageText = exports.SearchResultEmptyMessageText = _style
     color: "var(--ds-text-subtlest, ".concat(colors.N200, ")")
   }
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var SearchResultSearchExternalSiteContainer = exports.SearchResultSearchExternalSiteContainer = _styled.default.div({
   padding: "var(--ds-space-300, 24px)",
   textAlign: 'center',

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

package/dist/cjs/components/WhatsNew/WhatsNewResults/WhatsNewResultsEmpty/styled.js

@@ -12,10 +12,13 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 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 && Object.prototype.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; }
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var WhatsNewResultsEmptyMessageImage = exports.WhatsNewResultsEmptyMessageImage = _styled.default.div({
   padding: "var(--ds-space-300, 24px)".concat(" ", "var(--ds-space-300, 24px)", " 0 ", "var(--ds-space-300, 24px)"),
   textAlign: 'center'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var WhatsNewResultsEmptyMessageText = exports.WhatsNewResultsEmptyMessageText = _styled.default.div({
   padding: "var(--ds-space-300, 24px)".concat(" ", "var(--ds-space-300, 24px)", " 0 ", "var(--ds-space-300, 24px)"),
   textAlign: 'center',

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

@@ -12,10 +12,13 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 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 && Object.prototype.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; }
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var SearchResultEmptyMessageImage = exports.SearchResultEmptyMessageImage = _styled.default.div({
   padding: "var(--ds-space-300, 24px)".concat(" ", "var(--ds-space-300, 24px)", " 0 ", "var(--ds-space-300, 24px)"),
   textAlign: 'center'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var SearchResultEmptyMessageText = exports.SearchResultEmptyMessageText = _styled.default.div({
   padding: "var(--ds-space-300, 24px)".concat(" ", "var(--ds-space-300, 24px)", " 0 ", "var(--ds-space-300, 24px)"),
   textAlign: 'center',

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

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

@@ -13,7 +13,9 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 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 && Object.prototype.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; }
 /** @jsx jsx */
 
-var WhatsNewResultListItemWrapper = exports.WhatsNewResultListItemWrapper = _styled.default.a({
+var WhatsNewResultListItemWrapper = exports.WhatsNewResultListItemWrapper =
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+_styled.default.a({
   position: "relative",
   boxSizing: "border-box",
   padding: "var(--ds-space-100, 8px)",
@@ -40,11 +42,15 @@ var WhatsNewResultListItemWrapper = exports.WhatsNewResultListItemWrapper = _sty
 }, function (props) {
   return props.styles;
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var WhatsNewResultListItemTitleContainer = exports.WhatsNewResultListItemTitleContainer = _styled.default.div({
   width: '100%',
   whiteSpace: 'nowrap',
   marginBottom: "var(--ds-space-050, 4px)"
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var WhatsNewResultListItemTitleText = exports.WhatsNewResultListItemTitleText = _styled.default.span({
   fontSize: "".concat((0, _constants.fontSizeSmall)(), "px"),
   lineHeight: "".concat((0, _constants.fontSize)(), "px"),
@@ -55,6 +61,8 @@ var WhatsNewResultListItemTitleText = exports.WhatsNewResultListItemTitleText =
   whiteSpace: 'normal',
   overflowX: 'hidden'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var WhatsNewResultListItemDescription = exports.WhatsNewResultListItemDescription = _styled.default.p({
   display: 'block',
   lineHeight: '20px',

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

@@ -40,7 +40,9 @@ var WhatsNewResultsList = function WhatsNewResultsList(_ref) {
       onWhatsNewResultItemClick(event, analyticsEvent, articleData);
     }
   }, [onWhatsNewResultItemClick, openArticle]);
-  return whatsNewArticles && whatsNewArticles.length > 0 ? /*#__PURE__*/_react.default.createElement(_styled.WhatsNewResultsListContainer, null, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_WhatsNewResultsList.default, {
+  return whatsNewArticles && whatsNewArticles.length > 0 ? /*#__PURE__*/_react.default.createElement(_styled.WhatsNewResultsListContainer, null, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_WhatsNewResultsList.default
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+  , {
     style: style,
     onWhatsNewResultItemClick: handleOnWhatsNewResultItemClick,
     whatsNewArticles: whatsNewArticles

package/dist/cjs/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/styled.js

@@ -23,12 +23,18 @@ var truncate = exports.truncate = function truncate() {
     width: width
   });
 };
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var WhatsNewResultsListContainer = exports.WhatsNewResultsListContainer = _styled.default.div({
   position: 'relative'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var WhatsNewResultsListGroupWrapper = exports.WhatsNewResultsListGroupWrapper = _styled.default.div({
   padding: "var(--ds-space-100, 8px)".concat(" 0 ", "var(--ds-space-100, 8px)", " 0")
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var WhatsNewResultsListGroupTitle = exports.WhatsNewResultsListGroupTitle = _styled.default.div({
   color: "var(--ds-text-subtlest, ".concat(colors.N200, ")"),
   fontSize: "".concat((0, _constants.fontSizeSmall)(), "px"),
@@ -36,6 +42,8 @@ var WhatsNewResultsListGroupTitle = exports.WhatsNewResultsListGroupTitle = _sty
   padding: "0 ".concat("var(--ds-space-100, 8px)", " ", "var(--ds-space-100, 8px)", " ", "var(--ds-space-100, 8px)"),
   textTransform: 'uppercase'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var ToggleShowWhatsNewResultsContainer = exports.ToggleShowWhatsNewResultsContainer = _styled.default.div({
   padding: "var(--ds-space-100, 8px)".concat(" 0"),
   span: {