@atlaskit/help 7.4.0 → 7.4.2

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

@@ -15,7 +15,7 @@ import useCancellablePromise from '../../util/hooks/cancellablePromise';
 import { usePrevious } from '../../util/hooks/previous';
 import { jsx } from '@emotion/react';
 const packageName = "@atlaskit/help";
-const packageVersion = "7.4.0";
+const packageVersion = "7.4.2";
 export const RelatedArticles = ({
   style = 'primary',
   routeGroup,
@@ -80,7 +80,9 @@ export const RelatedArticles = ({
       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/es2019/components/RelatedArticles/styled.js

@@ -15,6 +15,8 @@ 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 RelatedArticlesTitle = styled.div(baseHeading(16, 20), {
   color: `var(--ds-text, ${colors.N800})`,
   fontWeight: 600,
@@ -25,15 +27,20 @@ export const 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 const 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 const 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 const LoadignRelatedArticleListItem = styled.li({
   display: 'block',
   width: '100%',

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

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

package/dist/es2019/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 const SearchInputContainer = styled.div({
   order: 0,
   flex: '0 1 auto',
@@ -7,6 +8,8 @@ export const 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 const SearchIconContainer = styled.div({
   width: "var(--ds-space-300, 24px)",
   height: "var(--ds-space-300, 24px)",
@@ -18,6 +21,8 @@ export const 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 const CloseButtonAndSpinnerContainer = styled.div({
   fontSize: 0,
   paddingRight: "var(--ds-space-100, 8px)",

package/dist/es2019/components/Search/SearchResults/index.js

@@ -64,7 +64,9 @@ export const SearchResults = () => {
     timeout: FADEIN_OVERLAY_TRANSITION_DURATION_MS
   }, state => /*#__PURE__*/React.createElement(SearchResultsContainer, {
     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]
     }
   }, searchState !== REQUEST_STATE.error && searchResult !== null && searchResult.length > 0 && state !== 'exited' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SearchResultsList, {

package/dist/es2019/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 const SearchResultsContainer = styled.div({
   position: 'absolute',
   height: '100%',
@@ -15,14 +16,20 @@ export const SearchResultsContainer = styled.div({
   zIndex: 10,
   padding: `0 ${"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 const 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 const SearchResultEmptyMessageImage = styled.div({
   padding: `${"var(--ds-space-300, 24px)"} ${"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 const SearchResultEmptyMessageText = styled.div({
   padding: `${"var(--ds-space-300, 24px)"} ${"var(--ds-space-300, 24px)"} 0 ${"var(--ds-space-300, 24px)"}`,
   textAlign: 'center',
@@ -30,6 +37,8 @@ export const SearchResultEmptyMessageText = styled.div({
     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 SearchResultSearchExternalSiteContainer = styled.div({
   padding: "var(--ds-space-300, 24px)",
   textAlign: 'center',

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

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

package/dist/es2019/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 const WhatsNewResultsEmptyMessageImage = styled.div({
   padding: `${"var(--ds-space-300, 24px)"} ${"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 const WhatsNewResultsEmptyMessageText = styled.div({
   padding: `${"var(--ds-space-300, 24px)"} ${"var(--ds-space-300, 24px)"} 0 ${"var(--ds-space-300, 24px)"}`,
   textAlign: 'center',

package/dist/es2019/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 const SearchResultEmptyMessageImage = styled.div({
   padding: `${"var(--ds-space-300, 24px)"} ${"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 const SearchResultEmptyMessageText = styled.div({
   padding: `${"var(--ds-space-300, 24px)"} ${"var(--ds-space-300, 24px)"} 0 ${"var(--ds-space-300, 24px)"}`,
   textAlign: 'center',

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

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

package/dist/es2019/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 const WhatsNewResultListItemWrapper = styled.a({
+export const 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)",
@@ -27,11 +29,15 @@ export const WhatsNewResultListItemWrapper = 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 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 const WhatsNewResultListItemTitleText = styled.span({
   fontSize: `${fontSizeSmall()}px`,
   lineHeight: `${fontSize()}px`,
@@ -42,6 +48,8 @@ export const 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 const WhatsNewResultListItemDescription = styled.p({
   display: 'block',
   lineHeight: '20px',

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

@@ -31,7 +31,9 @@ const WhatsNewResultsList = ({
       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/es2019/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/styled.js

@@ -10,12 +10,18 @@ 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 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 const WhatsNewResultsListGroupWrapper = styled.div({
   padding: `${"var(--ds-space-100, 8px)"} 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 const WhatsNewResultsListGroupTitle = styled.div({
   color: `var(--ds-text-subtlest, ${colors.N200})`,
   fontSize: `${fontSizeSmall()}px`,
@@ -23,6 +29,8 @@ export const WhatsNewResultsListGroupTitle = styled.div({
   padding: `0 ${"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 const ToggleShowWhatsNewResultsContainer = styled.div({
   padding: `${"var(--ds-space-100, 8px)"} 0`,
   span: {

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

@@ -23,8 +23,11 @@ export const WhatsNewResultsLoading = ({
     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",
@@ -32,6 +35,7 @@ export const WhatsNewResultsLoading = ({
     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",
@@ -45,8 +49,11 @@ export const WhatsNewResultsLoading = ({
     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",
@@ -54,6 +61,7 @@ export const WhatsNewResultsLoading = ({
     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",
@@ -71,8 +79,11 @@ export const WhatsNewResultsLoading = ({
     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",
@@ -80,6 +91,7 @@ export const WhatsNewResultsLoading = ({
     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",
@@ -93,8 +105,11 @@ export const WhatsNewResultsLoading = ({
     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",
@@ -102,6 +117,7 @@ export const WhatsNewResultsLoading = ({
     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/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 const LoadignWhatsNewResultsList = styled.ul({
   width: '100%',
   margin: 0,
@@ -10,6 +11,8 @@ export const 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 const LoadignWhatsNewResultsListItem = styled.li({
   display: 'block',
   width: '100%',

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

@@ -110,11 +110,15 @@ export const WhatsNewResults = ({
   }, state => /*#__PURE__*/React.createElement(WhatsNewResultsContainer, {
     ref: containerRef,
     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]
     }
   }, /*#__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/es2019/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 const WhatsNewResultsContainer = styled.div({
   position: 'absolute',
   height: '100%',
@@ -15,12 +16,18 @@ export const 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 const SelectContainer = styled.div({
   width: `${19 * gridSize()}px`
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const 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 const WhatsNewResultsListTitleContainer = styled.div({
   padding: `0 ${"var(--ds-space-100, 8px)"}`
 });

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

@@ -1,6 +1,4 @@
 import React from 'react';
-import { ArticleItem } from '../../model/Article';
-import { articleId } from '../../model/Help';
 import { createCtx } from '../../util/hooks/ctx';
 export const [useHelpArticleContext, CtxProvider] = createCtx();
 export const HelpArticleContextProvider = ({

package/dist/es2019/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 const HelpBodyContainer = styled.div({
   flexGrow: 1,
   minHeight: 0,
@@ -14,6 +15,8 @@ export const 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 const HelpBody = styled.div({
   width: '100%',
   boxSizing: 'border-box',
@@ -24,6 +27,7 @@ export const 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 const Home = styled.div(props => ({
   display: props.isOverlayFullyVisible ? 'none' : 'block',
   height: '100%',

package/dist/es2019/util/styled.js

@@ -5,6 +5,8 @@ import styled from '@emotion/styled';
 import { gridSize } from '@atlaskit/theme/constants';
 import * as colors from '@atlaskit/theme/colors';
 import { WHATS_NEW_ITEM_TYPES } from '../model/WhatsNew';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const DividerLine = styled.div({
   backgroundColor: `var(--ds-border, ${colors.N30A})`,
   height: '2px',
@@ -26,6 +28,8 @@ const shimmer = keyframes({
     backgroundPosition: '1000px 0'
   }
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const LoadingRectangle = styled.div(props => ({
   display: 'inline-block',
   verticalAlign: 'middle',
@@ -48,6 +52,7 @@ export const LoadingRectangle = styled.div(props => ({
  * Loading Circle
  */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const LoadingCircle = styled.div(props => ({
   display: 'inline-block',
   verticalAlign: 'middle',
@@ -70,7 +75,7 @@ export const LoadingCircle = styled.div(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
 export const WhatsNewTypeIcon = styled.div`
   display: inline-block;
   vertical-align: middle;

package/dist/esm/analytics.js

@@ -5,5 +5,5 @@ export var createAndFire = x.createAndFireEvent('atlaskit');
 export var defaultAnalyticsAttributes = {
   componentName: 'help',
   packageName: "@atlaskit/help",
-  packageVersion: "7.4.0"
+  packageVersion: "7.4.2"
 };

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

@@ -8,7 +8,7 @@ import { LoadingErrorMessage, LoadingErrorButtonContainer } from './styled';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleLoadingFail',
   packageName: "@atlaskit/help",
-  packageVersion: "7.4.0"
+  packageVersion: "7.4.2"
 };
 export var ArticleLoadingFail = function ArticleLoadingFail(_ref) {
   var onTryAgainButtonClick = _ref.onTryAgainButtonClick,

package/dist/esm/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 var 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 var LoadingErrorButtonContainer = styled.div({
   paddingTop: "var(--ds-space-300, 24px)",
   textAlign: 'center'

package/dist/esm/components/Article/HelpArticle/WasHelpfulForm/WasHelpfulNoButton.js

@@ -6,7 +6,7 @@ import { messages } from '../../../../messages';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulNoButton',
   packageName: "@atlaskit/help",
-  packageVersion: "7.4.0"
+  packageVersion: "7.4.2"
 };
 export var ArticleWasHelpfulNoButton = function ArticleWasHelpfulNoButton(_ref) {
   var _ref$isSelected = _ref.isSelected,

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

@@ -6,7 +6,7 @@ import { messages } from '../../../../messages';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulYesButton',
   packageName: "@atlaskit/help",
-  packageVersion: "7.4.0"
+  packageVersion: "7.4.2"
 };
 export var ArticleWasHelpfulYesButton = function ArticleWasHelpfulYesButton(_ref) {
   var _ref$isSelected = _ref.isSelected,

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

@@ -26,7 +26,7 @@ var FEEDBACK_REASON_TEXT_MAX_LENGTH = '16000';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulForm',
   packageName: "@atlaskit/help",
-  packageVersion: "7.4.0"
+  packageVersion: "7.4.2"
 };
 export var ArticleWasHelpfulForm = function ArticleWasHelpfulForm(_ref) {
   var onWasHelpfulSubmit = _ref.onWasHelpfulSubmit,
@@ -141,7 +141,9 @@ export var ArticleWasHelpfulForm = function ArticleWasHelpfulForm(_ref) {
   };
   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)"
         }
@@ -198,7 +200,9 @@ export var ArticleWasHelpfulForm = function ArticleWasHelpfulForm(_ref) {
     } 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/esm/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 var 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 var ArticleFeedbackText = styled.div({
   font: "var(--ds-font-heading-xxsmall, ".concat(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
 export var ArticleFeedbackAnswerWrapper = styled.div({
   paddingTop: "var(--ds-space-200, 16px)"
 });

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

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

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

@@ -9,8 +9,11 @@ export var Loading = function Loading(_ref) {
     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",
@@ -18,6 +21,7 @@ export var Loading = function Loading(_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/Article/WhatsNewArticle/index.js

@@ -13,7 +13,7 @@ import { WhatsNewTypeTitle, WhatsNewTitleText, WhatsNewIconContainer, RelatedLin
 var analyticsContextData = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "7.4.0"
+  packageVersion: "7.4.2"
 };
 export var WhatsNewArticle = function WhatsNewArticle(_ref) {
   var formatMessage = _ref.intl.formatMessage,
@@ -29,7 +29,9 @@ export var WhatsNewArticle = function WhatsNewArticle(_ref) {
     }, 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)"