@atlaskit/help 7.4.0 → 7.4.2

package/dist/esm/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 var WhatsNewTypeTitle = styled.span({
   textDecoration: 'none',
   color: "var(--ds-text-subtlest, ".concat(colors.N300, ")"),
@@ -12,10 +13,14 @@ export var 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 var 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 var WhatsNewTitleText = styled.span({
   textDecoration: 'none',
   color: "var(--ds-text, ".concat(colors.N800, ")"),
@@ -26,6 +31,8 @@ export var 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 var WhatsNewRelatedLinksTitleText = styled.span({
   textDecoration: 'none',
   color: "var(--ds-text, ".concat(colors.N800, ")"),
@@ -36,9 +43,13 @@ export var 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 var 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 var ExternalLinkIconContainer = styled.div({
   display: 'inline-block',
   verticalAlign: 'middle',

package/dist/esm/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 var ArticleContainer = styled.div({
   padding: "var(--ds-space-200, 16px)".concat(" ", "var(--ds-space-300, 24px)"),
   position: 'absolute',

package/dist/esm/components/ArticlesList/ArticlesList.js

@@ -13,7 +13,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/esm/components/ArticlesList/ArticlesListItem/index.js

@@ -8,7 +8,7 @@ import { ArticlesListItemWrapper, ArticlesListItemContainer, ArticlesListItemTit
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "7.4.0"
+  packageVersion: "7.4.2"
 };
 export var ArticlesListItem = function ArticlesListItem(_ref) {
   var styles = _ref.styles,

package/dist/esm/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 var ArticlesListItemWrapper = styled.a({
   position: 'relative',
   boxSizing: 'border-box',
@@ -29,6 +30,8 @@ export var ArticlesListItemWrapper = styled.a({
 }, function (props) {
   return props.styles;
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export var ArticlesListItemContainer = styled.div({
   width: '100%',
   whiteSpace: 'nowrap',
@@ -39,16 +42,22 @@ export var 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 var ArticlesListItemTypeTitle = styled.div({
   font: "var(--ds-font-body-small, ".concat(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
 export var 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 var ArticlesListItemTitleText = styled.p({
   textDecoration: 'none',
   color: "var(--ds-text, ".concat(colors.N800, ")"),
@@ -58,6 +67,8 @@ export var 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 var ArticlesListItemDescription = styled.p({
   display: 'block',
   lineHeight: '20px',
@@ -69,7 +80,7 @@ export var ArticlesListItemSource = styled.div({
   display: 'flex',
   alignItems: 'center',
   font: "var(--ds-font-heading-xxsmall, ".concat(fontFallback.heading.xxsmall, ")"),
-  color: "var(--ds-surface-hovered, ".concat(colors.N200, ")"),
+  color: "var(--ds-text-subtlest, ".concat(colors.N400A, ")"),
   padding: "var(--ds-space-050, 4px)".concat(" 0"),
   fontWeight: "var(--ds-font-weight-bold, bold)",
   textTransform: 'uppercase'
@@ -78,7 +89,7 @@ export var ArticlesListItemTrustFactor = styled.div({
   display: 'flex',
   alignItems: 'center',
   font: "var(--ds-font-body-small, ".concat(fontFallback.body.small, ")"),
-  color: "var(--ds-background-accent-gray-subtlest-pressed, ".concat(colors.N400, ")"),
+  color: "var(--ds-text-subtlest, ".concat(colors.N400A, ")"),
   paddingTop: "var(--ds-space-025, 2px)"
 });
 export var ArticlesListItemViewCount = styled.span({
@@ -90,6 +101,6 @@ export var ArticlesListItemHelpfulCount = styled.span({
 });
 export var ArticlesListItemLastModified = styled.div({
   font: "var(--ds-font-body-small, ".concat(fontFallback.body.small, ")"),
-  color: "var(--ds-text-subtle, ".concat(colors.N200, ")"),
+  color: "var(--ds-text-subtlest, ".concat(colors.N400A, ")"),
   padding: "var(--ds-space-050, 4px)".concat(" 0")
 });

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

@@ -33,7 +33,9 @@ var ArticleList = function ArticleList(_ref) {
       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/esm/components/ArticlesList/styled.js

@@ -11,9 +11,13 @@ export var truncate = function truncate() {
     width: width
   });
 };
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export var 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 var ToggleShowMoreArticlesContainer = styled.div({
   padding: "var(--ds-space-100, 8px)".concat(" 0"),
   span: {

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

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

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

@@ -4,17 +4,17 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 
 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 var HelpContentButtonContainer = styled.a(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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
 export var HelpContentButtonIcon = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\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
 export var HelpContentButtonText = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\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
 export var HelpContentButtonExternalLinkIcon = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\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
 export var HelpContentButtonExternalNotificationIcon = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\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/esm/components/RelatedArticles/index.js

@@ -18,7 +18,7 @@ import useCancellablePromise from '../../util/hooks/cancellablePromise';
 import { usePrevious } from '../../util/hooks/previous';
 import { jsx } from '@emotion/react';
 var packageName = "@atlaskit/help";
-var packageVersion = "7.4.0";
+var packageVersion = "7.4.2";
 export var RelatedArticles = function RelatedArticles(_ref) {
   var _ref$style = _ref.style,
     style = _ref$style === void 0 ? 'primary' : _ref$style,
@@ -109,7 +109,9 @@ export var RelatedArticles = function RelatedArticles(_ref) {
       onClick: updateRelatedArticles
     }, formatMessage(messages.help_related_article_endpoint_error_button_label))));
   } else {
-    return jsx(React.Fragment, null, style === 'secondary' && relatedArticles.length > 0 && jsx(React.Fragment, null, jsx(DividerLine, null), jsx(RelatedArticlesTitle, null, formatMessage(messages.help_related_article_title))), isLoading ? jsx(RelatedArticlesLoading, null) : jsx(ArticlesList, {
+    return jsx(React.Fragment, null, style === 'secondary' && relatedArticles.length > 0 && jsx(React.Fragment, null, jsx(DividerLine, null), jsx(RelatedArticlesTitle, null, formatMessage(messages.help_related_article_title))), isLoading ? jsx(RelatedArticlesLoading, null) : jsx(ArticlesList
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    , {
       style: style,
       articles: relatedArticles,
       onArticlesListItemClick: onRelatedArticlesListItemClick,

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

@@ -16,6 +16,8 @@ export var truncate = function truncate() {
     width: width
   });
 };
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export var RelatedArticlesTitle = styled.div(baseHeading(16, 20), {
   color: "var(--ds-text, ".concat(colors.N800, ")"),
   fontWeight: 600,
@@ -26,15 +28,20 @@ export var RelatedArticlesTitle = styled.div(baseHeading(16, 20), {
 /**
  * Loading styled-components
  */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export var LoadignRelatedArticleSection = styled.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
 export var LoadignRelatedArticleList = styled.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
 export var LoadignRelatedArticleListItem = styled.li({
   display: 'block',
   width: '100%',

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

@@ -17,7 +17,7 @@ import { SearchInputContainer, SearchIconContainer, CloseButtonAndSpinnerContain
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'searchInput',
   packageName: "@atlaskit/help",
-  packageVersion: "7.4.0"
+  packageVersion: "7.4.2"
 };
 export var SearchInput = function SearchInput(_ref) {
   var formatMessage = _ref.intl.formatMessage;

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

@@ -1,5 +1,6 @@
 /** @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 var SearchInputContainer = styled.div({
   order: 0,
   flex: '0 1 auto',
@@ -7,6 +8,8 @@ export var SearchInputContainer = styled.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
 export var SearchIconContainer = styled.div({
   width: "var(--ds-space-300, 24px)",
   height: "var(--ds-space-300, 24px)",
@@ -18,6 +21,8 @@ export var SearchIconContainer = styled.div({
     boxSizing: 'border-box'
   }
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export var CloseButtonAndSpinnerContainer = styled.div({
   fontSize: 0,
   paddingRight: "var(--ds-space-100, 8px)",

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

@@ -1,6 +1,7 @@
 /** @jsx jsx */
 import styled from '@emotion/styled';
 import * as colors from '@atlaskit/theme/colors';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export var SearchResultsContainer = styled.div({
   position: 'absolute',
   height: '100%',
@@ -15,14 +16,20 @@ export var SearchResultsContainer = styled.div({
   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
 export var SearchResultsList = styled.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
 export var SearchResultEmptyMessageImage = styled.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
 export var SearchResultEmptyMessageText = styled.div({
   padding: "var(--ds-space-300, 24px)".concat(" ", "var(--ds-space-300, 24px)", " 0 ", "var(--ds-space-300, 24px)"),
   textAlign: 'center',
@@ -30,6 +37,8 @@ export var SearchResultEmptyMessageText = styled.div({
     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
 export var SearchResultSearchExternalSiteContainer = styled.div({
   padding: "var(--ds-space-300, 24px)",
   textAlign: 'center',

package/dist/esm/components/WhatsNew/WhatsNewButton/index.js

@@ -11,7 +11,7 @@ import { ARTICLE_TYPE } from '../../../model/Help';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'WhatsNewButton',
   packageName: "@atlaskit/help",
-  packageVersion: "7.4.0"
+  packageVersion: "7.4.2"
 };
 export var WhatsNewButton = function WhatsNewButton(_ref) {
   var productName = _ref.productName,

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

@@ -1,10 +1,13 @@
 /** @jsx jsx */
 import styled from '@emotion/styled';
 import * as colors from '@atlaskit/theme/colors';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export var WhatsNewResultsEmptyMessageImage = styled.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
 export var WhatsNewResultsEmptyMessageText = styled.div({
   padding: "var(--ds-space-300, 24px)".concat(" ", "var(--ds-space-300, 24px)", " 0 ", "var(--ds-space-300, 24px)"),
   textAlign: 'center',

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

@@ -1,10 +1,13 @@
 /** @jsx jsx */
 import styled from '@emotion/styled';
 import * as colors from '@atlaskit/theme/colors';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export var SearchResultEmptyMessageImage = styled.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
 export var SearchResultEmptyMessageText = styled.div({
   padding: "var(--ds-space-300, 24px)".concat(" ", "var(--ds-space-300, 24px)", " 0 ", "var(--ds-space-300, 24px)"),
   textAlign: 'center',

package/dist/esm/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/WhatsNewResultItem/index.js

@@ -8,7 +8,7 @@ import { WhatsNewResultListItemWrapper, WhatsNewResultListItemTitleContainer, Wh
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "7.4.0"
+  packageVersion: "7.4.2"
 };
 export var WhatsNewResultListItem = function WhatsNewResultListItem(_ref) {
   var formatMessage = _ref.intl.formatMessage,

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

@@ -2,7 +2,9 @@
 import styled from '@emotion/styled';
 import { fontSize, fontSizeSmall } from '@atlaskit/theme/constants';
 import * as colors from '@atlaskit/theme/colors';
-export var WhatsNewResultListItemWrapper = styled.a({
+export var WhatsNewResultListItemWrapper =
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+styled.a({
   position: "relative",
   boxSizing: "border-box",
   padding: "var(--ds-space-100, 8px)",
@@ -29,11 +31,15 @@ export var WhatsNewResultListItemWrapper = styled.a({
 }, function (props) {
   return props.styles;
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export var WhatsNewResultListItemTitleContainer = styled.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
 export var WhatsNewResultListItemTitleText = styled.span({
   fontSize: "".concat(fontSizeSmall(), "px"),
   lineHeight: "".concat(fontSize(), "px"),
@@ -44,6 +50,8 @@ export var WhatsNewResultListItemTitleText = 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 var WhatsNewResultListItemDescription = styled.p({
   display: 'block',
   lineHeight: '20px',

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

@@ -30,7 +30,9 @@ var WhatsNewResultsList = function WhatsNewResultsList(_ref) {
       onWhatsNewResultItemClick(event, analyticsEvent, articleData);
     }
   }, [onWhatsNewResultItemClick, openArticle]);
-  return whatsNewArticles && whatsNewArticles.length > 0 ? /*#__PURE__*/React.createElement(WhatsNewResultsListContainer, null, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ArticlesList, {
+  return whatsNewArticles && whatsNewArticles.length > 0 ? /*#__PURE__*/React.createElement(WhatsNewResultsListContainer, 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,
     onWhatsNewResultItemClick: handleOnWhatsNewResultItemClick,
     whatsNewArticles: whatsNewArticles

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

@@ -13,12 +13,18 @@ export var truncate = function truncate() {
     width: width
   });
 };
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export var WhatsNewResultsListContainer = styled.div({
   position: 'relative'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export var WhatsNewResultsListGroupWrapper = styled.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
 export var WhatsNewResultsListGroupTitle = styled.div({
   color: "var(--ds-text-subtlest, ".concat(colors.N200, ")"),
   fontSize: "".concat(fontSizeSmall(), "px"),
@@ -26,6 +32,8 @@ export var WhatsNewResultsListGroupTitle = styled.div({
   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
 export var ToggleShowWhatsNewResultsContainer = styled.div({
   padding: "var(--ds-space-100, 8px)".concat(" 0"),
   span: {

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

@@ -20,8 +20,11 @@ export var WhatsNewResultsLoading = function WhatsNewResultsLoading(_ref) {
     marginTop: "0"
   })), /*#__PURE__*/React.createElement(LoadignWhatsNewResultsListItem, null, /*#__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",
@@ -29,6 +32,7 @@ export var WhatsNewResultsLoading = function WhatsNewResultsLoading(_ref) {
     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",
@@ -42,8 +46,11 @@ export var WhatsNewResultsLoading = function WhatsNewResultsLoading(_ref) {
     marginTop: "4px"
   })), /*#__PURE__*/React.createElement(LoadignWhatsNewResultsListItem, null, /*#__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",
@@ -51,6 +58,7 @@ export var WhatsNewResultsLoading = function WhatsNewResultsLoading(_ref) {
     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",
@@ -68,8 +76,11 @@ export var WhatsNewResultsLoading = function WhatsNewResultsLoading(_ref) {
     marginTop: "0"
   })), /*#__PURE__*/React.createElement(LoadignWhatsNewResultsListItem, null, /*#__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",
@@ -77,6 +88,7 @@ export var WhatsNewResultsLoading = function WhatsNewResultsLoading(_ref) {
     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",
@@ -90,8 +102,11 @@ export var WhatsNewResultsLoading = function WhatsNewResultsLoading(_ref) {
     marginTop: "4px"
   })), /*#__PURE__*/React.createElement(LoadignWhatsNewResultsListItem, null, /*#__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",
@@ -99,6 +114,7 @@ export var WhatsNewResultsLoading = function WhatsNewResultsLoading(_ref) {
     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/esm/components/WhatsNew/WhatsNewResults/WhatsNewResultsLoading/styled.js

@@ -3,6 +3,7 @@ import styled from '@emotion/styled';
 /**
  * Loading styled-components
  */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export var LoadignWhatsNewResultsList = styled.ul({
   width: '100%',
   margin: 0,
@@ -10,6 +11,8 @@ export var LoadignWhatsNewResultsList = styled.ul({
   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
 export var LoadignWhatsNewResultsListItem = styled.li({
   display: 'block',
   width: '100%',

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

@@ -112,7 +112,9 @@ export var WhatsNewResults = function WhatsNewResults(_ref) {
       ref: containerRef,
       style: _objectSpread(_objectSpread({}, defaultStyle), transitionStyles[state])
     }, /*#__PURE__*/React.createElement(React.Fragment, null, searchWhatsNewArticlesState === REQUEST_STATE.loading && searchWhatsNewArticlesResult === null && state !== 'exited' && /*#__PURE__*/React.createElement(WhatsNewResultsLoading, null), (searchWhatsNewArticlesState === REQUEST_STATE.done || searchWhatsNewArticlesState === REQUEST_STATE.loading) && searchWhatsNewArticlesResult !== null && state !== 'exited' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SelectContainer, null, /*#__PURE__*/React.createElement(Select, {
-      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/esm/components/WhatsNew/WhatsNewResults/styled.js

@@ -1,6 +1,7 @@
 /** @jsx jsx */
 import styled from '@emotion/styled';
 import { gridSize } from '@atlaskit/theme/constants';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export var WhatsNewResultsContainer = styled.div({
   position: 'absolute',
   height: '100%',
@@ -15,12 +16,18 @@ export var WhatsNewResultsContainer = styled.div({
   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
 export var SelectContainer = styled.div({
   width: "".concat(19 * gridSize(), "px")
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export var WhatsNewResultsListContainer = styled.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
 export var WhatsNewResultsListTitleContainer = styled.div({
   padding: "0 ".concat("var(--ds-space-100, 8px)")
 });

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

@@ -1,7 +1,5 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React from 'react';
-import { ArticleItem } from '../../model/Article';
-import { articleId } from '../../model/Help';
 import { createCtx } from '../../util/hooks/ctx';
 var _createCtx = createCtx(),
   _createCtx2 = _slicedToArray(_createCtx, 2),

package/dist/esm/components/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 var HelpBodyContainer = styled.div({
   flexGrow: 1,
   minHeight: 0,
@@ -14,6 +15,8 @@ export var HelpBodyContainer = styled.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
 export var HelpBody = styled.div({
   width: '100%',
   boxSizing: 'border-box',
@@ -24,6 +27,7 @@ export var HelpBody = styled.div({
   overflowX: 'hidden',
   overflowY: 'auto'
 });
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export var Home = styled.div(function (props) {
   return {
     display: props.isOverlayFullyVisible ? 'none' : 'block',