@atlaskit/help 7.5.0 → 7.5.2

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

@@ -1,76 +1,77 @@
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from 'styled-components';
 import * as colors from '@atlaskit/theme/colors';
-// 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
+// eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression, @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const HelpContentButtonContainer = styled.a`
-  display: block;
-  cursor: pointer;
-  width: calc(100% - ${"var(--ds-space-200, 16px)"});
-  color: ${`var(--ds-text-subtle, ${colors.N600})`};
-  padding: ${"var(--ds-space-100, 8px)"};
-  border-radius: 3px;
+	display: block;
+	cursor: pointer;
+	width: calc(100% - ${"var(--ds-space-200, 16px)"});
+	color: ${`var(--ds-text-subtle, ${colors.N600})`};
+	padding: ${"var(--ds-space-100, 8px)"};
+	border-radius: 3px;
 
-  &:hover,
-  &:focus,
-  &:visited,
-  &:active {
-    text-decoration: none;
-    outline: none;
-    outline-offset: none;
-    color: ${`var(--ds-text-subtle, ${colors.N600})`};
-  }
+	&:hover,
+	&:focus,
+	&:visited,
+	&:active {
+		text-decoration: none;
+		outline: none;
+		outline-offset: none;
+		color: ${`var(--ds-text-subtle, ${colors.N600})`};
+	}
 
-  &:focus {
-    box-shadow: ${`var(--ds-border-focused, ${colors.B100})`} 0 0 0 2px inset;
-  }
+	&:focus {
+		box-shadow: ${`var(--ds-border-focused, ${colors.B100})`} 0 0 0 2px inset;
+	}
 
-  &:hover {
-    background-color: ${`var(--ds-background-neutral-subtle-hovered, ${colors.N30})`};
-  }
+	&:hover {
+		background-color: ${`var(--ds-background-neutral-subtle-hovered, ${colors.N30})`};
+	}
 
-  &:active {
-    background-color: ${`var(--ds-background-neutral-subtle-pressed, ${colors.B50})`};
-  }
+	&:active {
+		background-color: ${`var(--ds-background-neutral-subtle-pressed, ${colors.B50})`};
+	}
 `;
 
-// 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
+// eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression, @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const HelpContentButtonIcon = styled.div`
-  display: inline-block;
-  vertical-align: middle;
-  width: 20px;
-  height: 20px;
-  border-radius: 4px;
-  position: relative;
+	display: inline-block;
+	vertical-align: middle;
+	width: 20px;
+	height: 20px;
+	border-radius: 4px;
+	position: relative;
 
-  & span {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-  }
+	& span {
+		position: absolute;
+		top: 50%;
+		left: 50%;
+		transform: translate(-50%, -50%);
+	}
 `;
 
-// 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
+// eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression, @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const HelpContentButtonText = styled.div`
-  width: calc(100% - 20px);
-  display: inline-block;
-  vertical-align: middle;
-  padding: 0 ${"var(--ds-space-100, 8px)"};
-  box-sizing: border-box;
+	width: calc(100% - 20px);
+	display: inline-block;
+	vertical-align: middle;
+	padding: 0 ${"var(--ds-space-100, 8px)"};
+	box-sizing: border-box;
 `;
 
-// 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
+// eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression, @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const HelpContentButtonExternalLinkIcon = styled.div`
-  display: inline-block;
-  vertical-align: middle;
-  padding-left: ${"var(--ds-space-050, 4px)"};
+	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, @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression, @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const HelpContentButtonExternalNotificationIcon = styled.div`
-  display: inline-block;
-  vertical-align: middle;
-  margin-top: ${"var(--ds-space-negative-050, -4px)"};
-  padding-left: ${"var(--ds-space-050, 4px)"};
+	display: inline-block;
+	vertical-align: middle;
+	margin-top: ${"var(--ds-space-negative-050, -4px)"};
+	padding-left: ${"var(--ds-space-050, 4px)"};
 `;

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

@@ -13,9 +13,18 @@ import { DividerLine } from '../../util/styled';
 import { RelatedArticlesTitle } from './styled';
 import useCancellablePromise from '../../util/hooks/cancellablePromise';
 import { usePrevious } from '../../util/hooks/previous';
-import { jsx } from '@emotion/react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import { css, jsx } from '@emotion/react';
 const packageName = "@atlaskit/help";
-const packageVersion = "7.5.0";
+const packageVersion = "7.5.2";
+const buttonStyles = css({
+  padding: '0',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+  '& span': {
+    margin: '0'
+  }
+});
 export const RelatedArticles = ({
   style = 'primary',
   routeGroup,
@@ -71,12 +80,7 @@ export const RelatedArticles = ({
     }, jsx("p", null, jsx("strong", null, formatMessage(messages.help_related_article_endpoint_error_title))), jsx("p", null, formatMessage(messages.help_related_article_endpoint_error_description)), jsx("p", null, jsx(Button, {
       appearance: "link",
       spacing: "compact",
-      css: {
-        padding: '0',
-        '& span': {
-          margin: '0'
-        }
-      },
+      css: buttonStyles,
       onClick: updateRelatedArticles
     }, formatMessage(messages.help_related_article_endpoint_error_button_label))));
   } else {

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

@@ -1,6 +1,8 @@
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
 import * as colors from '@atlaskit/theme/colors';
 import { fontSize } from '@atlaskit/theme/constants';
@@ -13,11 +15,13 @@ export const truncate = (width = '100%') => css({
   overflowX: 'hidden',
   textOverflow: 'ellipsis',
   whiteSpace: 'nowrap',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   width: width
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
 export const RelatedArticlesTitle = styled.div(baseHeading(16, 20), {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   color: `var(--ds-text, ${colors.N800})`,
   fontWeight: 600,
   letterSpacing: '-0.006em',
@@ -27,12 +31,12 @@ 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
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 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
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const LoadignRelatedArticleList = styled.ul({
   width: '100%',
   margin: 0,
@@ -40,7 +44,7 @@ export const LoadignRelatedArticleList = styled.ul({
   boxSizing: 'border-box'
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const LoadignRelatedArticleListItem = styled.li({
   display: 'block',
   width: '100%',

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

@@ -8,7 +8,8 @@ import { gridSize } from '@atlaskit/theme/constants';
 import Spinner from '@atlaskit/spinner';
 import SearchIcon from '@atlaskit/icon/glyph/search';
 import EditorCloseIcon from '@atlaskit/icon/glyph/editor/close';
-import { jsx } from '@emotion/react';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import { REQUEST_STATE } from '../../../model/Requests';
 import { useSearchContext } from '../../contexts/searchContext';
@@ -17,8 +18,14 @@ import { SearchInputContainer, SearchIconContainer, CloseButtonAndSpinnerContain
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'searchInput',
   packageName: "@atlaskit/help",
-  packageVersion: "7.5.0"
+  packageVersion: "7.5.2"
 };
+const buttonStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  width: `${gridSize() * 3}px`,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  height: `${gridSize() * 3}px`
+});
 export const SearchInput = ({
   intl: {
     formatMessage
@@ -83,10 +90,7 @@ export const SearchInput = ({
     elemAfterInput: jsx(CloseButtonAndSpinnerContainer, null, searchState === REQUEST_STATE.loading && jsx(Spinner, {
       size: "small"
     }), searchValue !== '' && jsx(Button, {
-      css: {
-        width: `${gridSize() * 3}px`,
-        height: `${gridSize() * 3}px`
-      },
+      css: buttonStyles,
       appearance: "subtle",
       onClick: handleOnClearButtonClick,
       spacing: "none",

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

@@ -1,6 +1,7 @@
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const SearchInputContainer = styled.div({
   order: 0,
   flex: '0 1 auto',
@@ -9,11 +10,12 @@ export const SearchInputContainer = styled.div({
   boxSizing: 'border-box'
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const SearchIconContainer = styled.div({
   width: "var(--ds-space-300, 24px)",
   height: "var(--ds-space-300, 24px)",
   paddingLeft: "var(--ds-space-050, 4px)",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& > span': {
     paddingLeft: "var(--ds-space-050, 4px)",
     height: "var(--ds-space-300, 24px)",
@@ -22,15 +24,17 @@ export const SearchIconContainer = styled.div({
   }
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const CloseButtonAndSpinnerContainer = styled.div({
   fontSize: 0,
   paddingRight: "var(--ds-space-100, 8px)",
   position: 'relative',
   whiteSpace: 'nowrap',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& > span': {
     paddingRight: "var(--ds-space-050, 4px)"
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& > button, & > span': {
     display: 'inline-block',
     verticalAlign: 'middle'

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
 import * as colors from '@atlaskit/theme/colors';
-import Button from '@atlaskit/button/custom-theme-button';
+import Button from '@atlaskit/button';
 import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
 import { injectIntl } from 'react-intl-next';
 import { messages } from '../../../messages';

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
 import * as colors from '@atlaskit/theme/colors';
-import Button from '@atlaskit/button/custom-theme-button';
+import Button from '@atlaskit/button';
 import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
 import { injectIntl } from 'react-intl-next';
 import NotFoundImage from '../../../assets/NotFoundImage';

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

@@ -1,7 +1,8 @@
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 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
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const SearchResultsContainer = styled.div({
   position: 'absolute',
   height: '100%',
@@ -17,32 +18,36 @@ export const SearchResultsContainer = styled.div({
   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
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 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
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 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
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const SearchResultEmptyMessageText = 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-nested-selectors -- Ignored via go/DSP-18766
   p: {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     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
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const SearchResultSearchExternalSiteContainer = styled.div({
   padding: "var(--ds-space-300, 24px)",
   textAlign: 'center',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   p: {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     color: `var(--ds-text-subtlest, ${colors.N200})`
   }
 });

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import Spinner from '@atlaskit/spinner';
 import { injectIntl } from 'react-intl-next';
-import Button from '@atlaskit/button/custom-theme-button';
+import Button from '@atlaskit/button';
 import { messages } from '../../messages';
 import { ToggleShowMoreArticlesContainer } from '../ArticlesList/styled';
 export const ShowMoreButton = ({

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.5.0"
+  packageVersion: "7.5.2"
 };
 export const WhatsNewButton = ({
   productName,

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

@@ -1,17 +1,20 @@
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 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
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 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
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const WhatsNewResultsEmptyMessageText = 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-nested-selectors -- Ignored via go/DSP-18766
   p: {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     color: `var(--ds-text-subtlest, ${colors.N200})`
   }
 });

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import Button from '@atlaskit/button/custom-theme-button';
+import Button from '@atlaskit/button';
 import { injectIntl } from 'react-intl-next';
 import ErrorImage from '../../../../assets/ErrorImage';
 import { messages } from '../../../../messages';

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

@@ -1,17 +1,20 @@
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 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
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 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
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const SearchResultEmptyMessageText = 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-nested-selectors -- Ignored via go/DSP-18766
   p: {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     color: `var(--ds-text-subtlest, ${colors.N200})`
   }
 });

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.5.0"
+  packageVersion: "7.5.2"
 };
 export const WhatsNewResultListItem = ({
   intl: {

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

@@ -1,7 +1,9 @@
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
 import { fontSize, fontSizeSmall } from '@atlaskit/theme/constants';
 import * as colors from '@atlaskit/theme/colors';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const WhatsNewResultListItemWrapper =
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 styled.a({
@@ -11,7 +13,9 @@ styled.a({
   display: `block`,
   textDecoration: `none`,
   cursor: `pointer`,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   color: `${`var(--ds-text-subtlest, ${colors.N200})`}`,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   backgroundColor: `${`var(--ds-background-neutral-subtle, ${colors.N0})`}`,
   borderRadius: `3px`,
   '&:hover, &:focus, &:visited, &:active': {
@@ -20,24 +24,29 @@ styled.a({
     outlineOffset: `none`
   },
   '&:focus': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     boxShadow: `${`var(--ds-border-focused, ${colors.B100})`} 0px 0px 0px 2px inset`
   },
   '&:hover': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     backgroundColor: `${`var(--ds-background-neutral-subtle-hovered, ${colors.N30})`}`
   },
   '&:active': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     backgroundColor: `${`var(--ds-background-neutral-subtle-pressed, ${colors.B50})`}`
   }
-}, props => props.styles);
+},
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
+props => props.styles);
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 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
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const WhatsNewResultListItemTitleText = styled.span({
   fontSize: `${fontSizeSmall()}px`,
   lineHeight: `${fontSize()}px`,
@@ -49,10 +58,11 @@ export const WhatsNewResultListItemTitleText = styled.span({
   overflowX: 'hidden'
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const WhatsNewResultListItemDescription = styled.p({
   display: 'block',
   lineHeight: '20px',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   color: `var(--ds-text, ${colors.N800})`,
   margin: 0
 });

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

@@ -36,7 +36,9 @@ const WhatsNewResultsList = ({
       key: key
     }, /*#__PURE__*/React.createElement(WhatsNewResultsListGroupTitle, null, whatsNewArticlesGroupedByDate[key].title), whatsNewArticlesGroupedByDate[key].items.map((whatsNewArticle, i) => /*#__PURE__*/React.createElement(WhatsNewResultItem, {
       styles: {
-        border: style === 'secondary' ? `2px solid ${`var(--ds-border, ${colors.N30})`}` : 0,
+        border: style === 'secondary' ?
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+        `2px solid ${`var(--ds-border, ${colors.N30})`}` : 0,
         padding: style === 'secondary' ? `${"var(--ds-space-100, 8px)"} ${"var(--ds-space-200, 16px)"}` : `${"var(--ds-space-100, 8px)"}`,
         marginBottom: style === 'secondary' ? `${"var(--ds-space-150, 12px)"}` : 0
       },

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

@@ -1,6 +1,8 @@
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
 import { fontSizeSmall } from '@atlaskit/theme/constants';
 import * as colors from '@atlaskit/theme/colors';
@@ -8,21 +10,23 @@ export const truncate = (width = '100%') => css({
   overflowX: 'hidden',
   textOverflow: 'ellipsis',
   whiteSpace: 'nowrap',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   width: width
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 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
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 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
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const WhatsNewResultsListGroupTitle = styled.div({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   color: `var(--ds-text-subtlest, ${colors.N200})`,
   fontSize: `${fontSizeSmall()}px`,
   fontWeight: 'bold',
@@ -30,9 +34,10 @@ export const WhatsNewResultsListGroupTitle = styled.div({
   textTransform: 'uppercase'
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const ToggleShowWhatsNewResultsContainer = styled.div({
   padding: `${"var(--ds-space-100, 8px)"} 0`,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   span: {
     margin: 0
   }

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

@@ -1,9 +1,10 @@
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 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
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const LoadignWhatsNewResultsList = styled.ul({
   width: '100%',
   margin: 0,
@@ -12,7 +13,7 @@ export const LoadignWhatsNewResultsList = styled.ul({
   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
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const LoadignWhatsNewResultsListItem = styled.li({
   display: 'block',
   width: '100%',