@atlaskit/help 7.4.0 → 7.4.2

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: {

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

@@ -27,8 +27,11 @@ var WhatsNewResultsLoading = exports.WhatsNewResultsLoading = function WhatsNewR
     marginTop: "0"
   })), /*#__PURE__*/_react.default.createElement(_styled2.LoadignWhatsNewResultsListItem, null, /*#__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",
@@ -36,6 +39,7 @@ var WhatsNewResultsLoading = exports.WhatsNewResultsLoading = function WhatsNewR
     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",
@@ -49,8 +53,11 @@ var WhatsNewResultsLoading = exports.WhatsNewResultsLoading = function WhatsNewR
     marginTop: "4px"
   })), /*#__PURE__*/_react.default.createElement(_styled2.LoadignWhatsNewResultsListItem, null, /*#__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",
@@ -58,6 +65,7 @@ var WhatsNewResultsLoading = exports.WhatsNewResultsLoading = function WhatsNewR
     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",
@@ -75,8 +83,11 @@ var WhatsNewResultsLoading = exports.WhatsNewResultsLoading = function WhatsNewR
     marginTop: "0"
   })), /*#__PURE__*/_react.default.createElement(_styled2.LoadignWhatsNewResultsListItem, null, /*#__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",
@@ -84,6 +95,7 @@ var WhatsNewResultsLoading = exports.WhatsNewResultsLoading = function WhatsNewR
     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",
@@ -97,8 +109,11 @@ var WhatsNewResultsLoading = exports.WhatsNewResultsLoading = function WhatsNewR
     marginTop: "4px"
   })), /*#__PURE__*/_react.default.createElement(_styled2.LoadignWhatsNewResultsListItem, null, /*#__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",
@@ -106,6 +121,7 @@ var WhatsNewResultsLoading = exports.WhatsNewResultsLoading = function WhatsNewR
     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/WhatsNew/WhatsNewResults/WhatsNewResultsLoading/styled.js

@@ -11,6 +11,7 @@ var _styled = _interopRequireDefault(require("@emotion/styled"));
 /**
  * Loading styled-components
  */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var LoadignWhatsNewResultsList = exports.LoadignWhatsNewResultsList = _styled.default.ul({
   width: '100%',
   margin: 0,
@@ -18,6 +19,8 @@ var LoadignWhatsNewResultsList = exports.LoadignWhatsNewResultsList = _styled.de
   boxSizing: 'border-box',
   marginTop: "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 LoadignWhatsNewResultsListItem = exports.LoadignWhatsNewResultsListItem = _styled.default.li({
   display: 'block',
   width: '100%',

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

@@ -121,7 +121,9 @@ var WhatsNewResults = exports.WhatsNewResults = function WhatsNewResults(_ref) {
       ref: containerRef,
       style: _objectSpread(_objectSpread({}, defaultStyle), transitionStyles[state])
     }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, searchWhatsNewArticlesState === _Requests.REQUEST_STATE.loading && searchWhatsNewArticlesResult === null && state !== 'exited' && /*#__PURE__*/_react.default.createElement(_WhatsNewResultsLoading.default, null), (searchWhatsNewArticlesState === _Requests.REQUEST_STATE.done || searchWhatsNewArticlesState === _Requests.REQUEST_STATE.loading) && searchWhatsNewArticlesResult !== null && state !== 'exited' && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.SelectContainer, null, /*#__PURE__*/_react.default.createElement(_select.default, {
-      defaultValue: selectedOption,
+      defaultValue: selectedOption
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      ,
       className: "single-select",
       classNamePrefix: "react-select",
       options: [{

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

@@ -9,6 +9,7 @@ var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _constants = require("@atlaskit/theme/constants");
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var WhatsNewResultsContainer = exports.WhatsNewResultsContainer = _styled.default.div({
   position: 'absolute',
   height: '100%',
@@ -23,12 +24,18 @@ var WhatsNewResultsContainer = exports.WhatsNewResultsContainer = _styled.defaul
   zIndex: 1,
   padding: "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 SelectContainer = exports.SelectContainer = _styled.default.div({
   width: "".concat(19 * (0, _constants.gridSize)(), "px")
 });
+
+// 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({
   paddingTop: "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 WhatsNewResultsListTitleContainer = exports.WhatsNewResultsListTitleContainer = _styled.default.div({
   padding: "0 ".concat("var(--ds-space-100, 8px)")
 });

package/dist/cjs/components/contexts/helpArticleContext.js

@@ -7,8 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.useHelpArticleContext = exports.HelpArticleContextProvider = exports.CtxProvider = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireDefault(require("react"));
-var _Article = require("../../model/Article");
-var _Help = require("../../model/Help");
 var _ctx = require("../../util/hooks/ctx");
 var _createCtx = (0, _ctx.createCtx)(),
   _createCtx2 = (0, _slicedToArray2.default)(_createCtx, 2),

package/dist/cjs/components/styled.js

@@ -8,6 +8,7 @@ exports.Home = exports.HelpBodyContainer = exports.HelpBody = 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 HelpBodyContainer = exports.HelpBodyContainer = _styled.default.div({
   flexGrow: 1,
   minHeight: 0,
@@ -21,6 +22,8 @@ var HelpBodyContainer = exports.HelpBodyContainer = _styled.default.div({
   alignContent: 'stretch',
   alignItems: 'flex-start'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var HelpBody = exports.HelpBody = _styled.default.div({
   width: '100%',
   boxSizing: 'border-box',
@@ -31,6 +34,7 @@ var HelpBody = exports.HelpBody = _styled.default.div({
   overflowX: 'hidden',
   overflowY: 'auto'
 });
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var Home = exports.Home = _styled.default.div(function (props) {
   return {
     display: props.isOverlayFullyVisible ? 'none' : 'block',

package/dist/cjs/util/styled.js

@@ -16,6 +16,7 @@ var _templateObject;
 /** @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/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var DividerLine = exports.DividerLine = _styled.default.div({
   backgroundColor: "var(--ds-border, ".concat(colors.N30A, ")"),
   height: '2px',
@@ -37,6 +38,8 @@ var shimmer = (0, _react.keyframes)({
     backgroundPosition: '1000px 0'
   }
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var LoadingRectangle = exports.LoadingRectangle = _styled.default.div(function (props) {
   return {
     display: 'inline-block',
@@ -61,6 +64,7 @@ var LoadingRectangle = exports.LoadingRectangle = _styled.default.div(function (
  * Loading Circle
  */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var LoadingCircle = exports.LoadingCircle = _styled.default.div(function (props) {
   return {
     display: 'inline-block',
@@ -85,7 +89,7 @@ var LoadingCircle = exports.LoadingCircle = _styled.default.div(function (props)
  * What's new icon
  */
 
-// eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression -- needs manual remediation
+// 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 WhatsNewTypeIcon = exports.WhatsNewTypeIcon = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-block;\n  vertical-align: middle;\n  position: relative;\n  height: ", ";\n  width: ", ";\n  border-radius: 2px;\n  background-color: ", ";\n\n  & > img {\n    width: calc(100% - ", "px);\n    height: calc(100% - ", "px);\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n\n    & > svg {\n      height: 100%;\n      width: 100%;\n    }\n  }\n"])), "var(--ds-space-200, 16px)", "var(--ds-space-200, 16px)", function (_ref) {
   var type = _ref.type;
   switch (type) {

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

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.4.0"
+  packageVersion: "7.4.2"
 };
 export const ArticleLoadingFail = ({
   onTryAgainButtonClick,

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

@@ -1,9 +1,12 @@
 /** @jsx jsx */
 import styled from '@emotion/styled';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const LoadingErrorMessage = styled.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
 export const LoadingErrorButtonContainer = styled.div({
   paddingTop: "var(--ds-space-300, 24px)",
   textAlign: 'center'

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.4.0"
+  packageVersion: "7.4.2"
 };
 export const ArticleWasHelpfulNoButton = ({
   isSelected = false,

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.4.0"
+  packageVersion: "7.4.2"
 };
 export const ArticleWasHelpfulYesButton = ({
   isSelected = false,

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

@@ -25,7 +25,7 @@ const FEEDBACK_REASON_TEXT_MAX_LENGTH = '16000';
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulForm',
   packageName: "@atlaskit/help",
-  packageVersion: "7.4.0"
+  packageVersion: "7.4.2"
 };
 export const ArticleWasHelpfulForm = ({
   onWasHelpfulSubmit,
@@ -123,7 +123,9 @@ export const ArticleWasHelpfulForm = ({
   };
   if (!wasHelpfulFormSubmitedFailed) {
     if ((handleArticleWasHelpfulYesButtonClick || handleArticleWasHelpfulNoButtonClick) && !wasHelpfulFormSubmited) {
-      return jsx(React.Fragment, null, jsx(ArticleFeedbackContainer, null, jsx(ArticleFeedbackText, {
+      return jsx(React.Fragment, null, jsx(ArticleFeedbackContainer, null, jsx(ArticleFeedbackText
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+      , {
         style: {
           paddingRight: "var(--ds-space-100, 8px)"
         }
@@ -178,7 +180,9 @@ export const ArticleWasHelpfulForm = ({
     } else if (wasHelpfulFormSubmited && wasHelpful === null) {
       return jsx(ArticleFeedbackContainer, null, 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'
         }
       }, jsx(CheckCircleIcon, {

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

@@ -3,15 +3,20 @@
 import styled from '@emotion/styled';
 import * as colors from '@atlaskit/theme/colors';
 import { fontFallback } from '@atlaskit/theme/typography';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const ArticleFeedbackContainer = styled.div({
   position: 'relative'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const ArticleFeedbackText = styled.div({
   font: `var(--ds-font-heading-xxsmall, ${fontFallback.heading.xxsmall})`,
   color: `var(--ds-text-subtlest, ${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
 export const ArticleFeedbackAnswerWrapper = styled.div({
   paddingTop: "var(--ds-space-200, 16px)"
 });

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

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

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

@@ -11,8 +11,11 @@ export const Loading = ({
   role: "img"
 }, /*#__PURE__*/React.createElement(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",
@@ -20,6 +23,7 @@ export const Loading = ({
   marginTop: "4px"
 }), /*#__PURE__*/React.createElement(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/es2019/components/Article/WhatsNewArticle/index.js

@@ -13,7 +13,7 @@ import { WhatsNewTypeTitle, WhatsNewTitleText, WhatsNewIconContainer, RelatedLin
 const analyticsContextData = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "7.4.0"
+  packageVersion: "7.4.2"
 };
 export const WhatsNewArticle = ({
   intl: {
@@ -32,7 +32,9 @@ export const WhatsNewArticle = ({
     }, getTypeIcon(article.type)), /*#__PURE__*/React.createElement(WhatsNewTypeTitle, null, typeTitle)), /*#__PURE__*/React.createElement(WhatsNewTitleText, null, article.title), /*#__PURE__*/React.createElement(HelpArticleContent, {
       body: article.description,
       bodyFormat: article.bodyFormat ? article.bodyFormat : BODY_FORMAT_TYPES.html
-    }), (article.relatedExternalLinks || article.communityUrl) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DividerLine, {
+    }), (article.relatedExternalLinks || article.communityUrl) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(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/es2019/components/Article/WhatsNewArticle/styled.js

@@ -3,6 +3,7 @@ import styled from '@emotion/styled';
 import { fontSize, fontSizeSmall } from '@atlaskit/theme/constants';
 import * as colors from '@atlaskit/theme/colors';
 import { fontFallback } from '@atlaskit/theme/typography';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const WhatsNewTypeTitle = styled.span({
   textDecoration: 'none',
   color: `var(--ds-text-subtlest, ${colors.N300})`,
@@ -12,10 +13,14 @@ export const WhatsNewTypeTitle = styled.span({
   whiteSpace: 'normal',
   overflowX: 'hidden'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const WhatsNewIconContainer = styled.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
 export const WhatsNewTitleText = styled.span({
   textDecoration: 'none',
   color: `var(--ds-text, ${colors.N800})`,
@@ -26,6 +31,8 @@ export const WhatsNewTitleText = styled.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
 export const WhatsNewRelatedLinksTitleText = styled.span({
   textDecoration: 'none',
   color: `var(--ds-text, ${colors.N800})`,
@@ -36,9 +43,13 @@ export const WhatsNewRelatedLinksTitleText = styled.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
 export const RelatedLinkContainer = styled.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
 export const ExternalLinkIconContainer = styled.div({
   display: 'inline-block',
   verticalAlign: 'middle',

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

@@ -105,8 +105,11 @@ export const Article = () => {
     return /*#__PURE__*/React.createElement(ArticleContainer, {
       ref: articleContainerRef,
       style: {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         ...defaultStyle,
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         ...transitionStyles[state],
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         ...enableTransition[!skipArticleSlideInAnimation ? 'enabled' : 'disabled']
       }
     }, /*#__PURE__*/React.createElement(ArticleContent, {

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

@@ -1,6 +1,7 @@
 /** @jsx jsx */
 
 import styled from '@emotion/styled';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const ArticleContainer = styled.div({
   padding: `${"var(--ds-space-200, 16px)"} ${"var(--ds-space-300, 24px)"}`,
   position: 'absolute',

package/dist/es2019/components/ArticlesList/ArticlesList.js

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

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.4.0"
+  packageVersion: "7.4.2"
 };
 export const ArticlesListItem = ({
   styles,

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

@@ -2,6 +2,7 @@
 import styled from '@emotion/styled';
 import * as colors from '@atlaskit/theme/colors';
 import { fontFallback } from '@atlaskit/theme/typography';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const ArticlesListItemWrapper = styled.a({
   position: 'relative',
   boxSizing: 'border-box',
@@ -27,6 +28,8 @@ export const ArticlesListItemWrapper = styled.a({
     backgroundColor: `var(--ds-background-neutral-subtle-pressed, ${colors.B50})`
   }
 }, props => props.styles);
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const ArticlesListItemContainer = styled.div({
   width: '100%',
   whiteSpace: 'nowrap',
@@ -37,16 +40,22 @@ export const ArticlesListItemTitleSection = styled.div({
   flexDirection: 'column',
   flexGrow: 1
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const ArticlesListItemTypeTitle = styled.div({
   font: `var(--ds-font-body-small, ${fontFallback.body.small})`,
   fontWeight: "var(--ds-font-weight-bold, bold)",
   color: `var(--ds-text-subtlest, ${colors.N200})`
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const ArticlesListItemLinkIcon = styled.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
 export const ArticlesListItemTitleText = styled.p({
   textDecoration: 'none',
   color: `var(--ds-text, ${colors.N800})`,
@@ -56,6 +65,8 @@ export const ArticlesListItemTitleText = styled.p({
   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
 export const ArticlesListItemDescription = styled.p({
   display: 'block',
   lineHeight: '20px',
@@ -67,7 +78,7 @@ export const ArticlesListItemSource = styled.div({
   display: 'flex',
   alignItems: 'center',
   font: `var(--ds-font-heading-xxsmall, ${fontFallback.heading.xxsmall})`,
-  color: `var(--ds-surface-hovered, ${colors.N200})`,
+  color: `var(--ds-text-subtlest, ${colors.N400A})`,
   padding: `${"var(--ds-space-050, 4px)"} 0`,
   fontWeight: "var(--ds-font-weight-bold, bold)",
   textTransform: 'uppercase'
@@ -76,7 +87,7 @@ export const ArticlesListItemTrustFactor = styled.div({
   display: 'flex',
   alignItems: 'center',
   font: `var(--ds-font-body-small, ${fontFallback.body.small})`,
-  color: `var(--ds-background-accent-gray-subtlest-pressed, ${colors.N400})`,
+  color: `var(--ds-text-subtlest, ${colors.N400A})`,
   paddingTop: "var(--ds-space-025, 2px)"
 });
 export const ArticlesListItemViewCount = styled.span({
@@ -88,6 +99,6 @@ export const ArticlesListItemHelpfulCount = styled.span({
 });
 export const ArticlesListItemLastModified = styled.div({
   font: `var(--ds-font-body-small, ${fontFallback.body.small})`,
-  color: `var(--ds-text-subtle, ${colors.N200})`,
+  color: `var(--ds-text-subtlest, ${colors.N400A})`,
   padding: `${"var(--ds-space-050, 4px)"} 0`
 });

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

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

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

@@ -8,9 +8,13 @@ export const truncate = (width = '100%') => css({
   whiteSpace: 'nowrap',
   width: width
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const ArticlesListContainer = styled.div({
   position: 'relative'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const ToggleShowMoreArticlesContainer = styled.div({
   padding: `${"var(--ds-space-100, 8px)"} 0`,
   span: {

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

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

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

@@ -2,7 +2,7 @@
 
 import styled from 'styled-components';
 import * as colors from '@atlaskit/theme/colors';
-// 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
 export const HelpContentButtonContainer = styled.a`
   display: block;
   cursor: pointer;
@@ -34,7 +34,7 @@ export const HelpContentButtonContainer = styled.a`
   }
 `;
 
-// 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
 export const HelpContentButtonIcon = styled.div`
   display: inline-block;
   vertical-align: middle;
@@ -51,7 +51,7 @@ export const HelpContentButtonIcon = styled.div`
   }
 `;
 
-// 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
 export const HelpContentButtonText = styled.div`
   width: calc(100% - 20px);
   display: inline-block;
@@ -60,14 +60,14 @@ export const HelpContentButtonText = styled.div`
   box-sizing: border-box;
 `;
 
-// 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
 export const HelpContentButtonExternalLinkIcon = styled.div`
   display: inline-block;
   vertical-align: middle;
   padding-left: ${"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
 export const HelpContentButtonExternalNotificationIcon = styled.div`
   display: inline-block;
   vertical-align: middle;