@atlaskit/help 7.4.2 → 7.5.1

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

@@ -16,7 +16,8 @@ import CheckCircleIcon from '@atlaskit/icon/glyph/check-circle';
 // AFP-2532 TODO: Fix automatic suppressions below
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
 import { colors } from '@atlaskit/theme';
-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 { messages } from '../../../../messages';
 import ArticleWasHelpfulYesButton from './WasHelpfulYesButton';
 import ArticleWasHelpfulNoButton from './WasHelpfulNoButton';
@@ -25,8 +26,15 @@ const FEEDBACK_REASON_TEXT_MAX_LENGTH = '16000';
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulForm',
   packageName: "@atlaskit/help",
-  packageVersion: "7.4.2"
+  packageVersion: "7.5.1"
 };
+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 ArticleWasHelpfulForm = ({
   onWasHelpfulSubmit,
   onWasHelpfulYesButtonClick,
@@ -196,12 +204,7 @@ export const ArticleWasHelpfulForm = ({
     }, jsx("p", null, formatMessage(messages.help_article_rating_form_failed)), jsx("p", null, jsx(Button, {
       appearance: "link",
       spacing: "compact",
-      css: {
-        padding: '0',
-        '& span': {
-          margin: '0'
-        }
-      },
+      css: buttonStyles,
       onClick: handleTryAgainOnClick
     }, formatMessage(messages.help_article_rating_form_failed_try_again))))));
   }

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

@@ -1,22 +1,25 @@
 /** @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';
 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
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const ArticleFeedbackContainer = styled.div({
   position: 'relative'
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const ArticleFeedbackText = styled.div({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   font: `var(--ds-font-heading-xxsmall, ${fontFallback.heading.xxsmall})`,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   color: `var(--ds-text-subtlest, ${colors.N200})`,
   position: 'relative',
   display: 'inline-block'
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const ArticleFeedbackAnswerWrapper = styled.div({
   paddingTop: "var(--ds-space-200, 16px)"
 });

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

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

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

@@ -13,7 +13,7 @@ import { WhatsNewTypeTitle, WhatsNewTitleText, WhatsNewIconContainer, RelatedLin
 const analyticsContextData = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "7.4.2"
+  packageVersion: "7.5.1"
 };
 export const WhatsNewArticle = ({
   intl: {

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

@@ -1,12 +1,15 @@
 /** @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';
 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
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const WhatsNewTypeTitle = styled.span({
   textDecoration: 'none',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   color: `var(--ds-text-subtlest, ${colors.N300})`,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   font: `var(--ds-font-body, ${fontFallback.body.medium})`,
   verticalAlign: 'middle',
   paddingLeft: "var(--ds-space-050, 4px)",
@@ -14,15 +17,16 @@ export const WhatsNewTypeTitle = 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 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
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const WhatsNewTitleText = styled.span({
   textDecoration: 'none',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   color: `var(--ds-text, ${colors.N800})`,
   fontSize: `${fontSize()}px`,
   fontWeight: 600,
@@ -32,9 +36,10 @@ export const WhatsNewTitleText = styled.span({
   display: 'block'
 });
 
-// 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 WhatsNewRelatedLinksTitleText = styled.span({
   textDecoration: 'none',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   color: `var(--ds-text, ${colors.N800})`,
   fontSize: `${fontSizeSmall()}px`,
   fontWeight: 600,
@@ -44,12 +49,12 @@ export const WhatsNewRelatedLinksTitleText = styled.span({
   display: 'block'
 });
 
-// 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 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
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const ExternalLinkIconContainer = styled.div({
   display: 'inline-block',
   verticalAlign: 'middle',

package/dist/es2019/components/Article/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';
-// 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 ArticleContainer = styled.div({
   padding: `${"var(--ds-space-200, 16px)"} ${"var(--ds-space-300, 24px)"}`,
   position: 'absolute',

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

@@ -8,7 +8,7 @@ import { ArticlesListItemWrapper, ArticlesListItemContainer, ArticlesListItemTit
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "7.4.2"
+  packageVersion: "7.5.1"
 };
 export const ArticlesListItem = ({
   styles,

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

@@ -1,8 +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 * 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
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const ArticlesListItemWrapper = styled.a({
   position: 'relative',
   boxSizing: 'border-box',
@@ -10,6 +11,7 @@ export const ArticlesListItemWrapper = 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})`,
   borderRadius: '3px',
   backgroundColor: "var(--ds-background-neutral-subtle, transparent)",
@@ -19,46 +21,57 @@ export const ArticlesListItemWrapper = 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 ArticlesListItemContainer = styled.div({
   width: '100%',
   whiteSpace: 'nowrap',
   display: 'flex'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-styled -- Ignored via go/DSP-18766
 export const ArticlesListItemTitleSection = styled.div({
   display: 'flex',
   flexDirection: 'column',
   flexGrow: 1
 });
 
-// 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 ArticlesListItemTypeTitle = styled.div({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   font: `var(--ds-font-body-small, ${fontFallback.body.small})`,
   fontWeight: "var(--ds-font-weight-bold, bold)",
+  // 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 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
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const ArticlesListItemTitleText = styled.p({
   textDecoration: 'none',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   color: `var(--ds-text, ${colors.N800})`,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   font: `var(--ds-font-heading-xsmall, ${fontFallback.heading.xsmall})`,
   display: 'inline-block',
   whiteSpace: 'normal',
@@ -66,39 +79,56 @@ export const ArticlesListItemTitleText = styled.p({
   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
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const ArticlesListItemDescription = 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-subtle, ${colors.N400})`,
   margin: 0,
   paddingBottom: "var(--ds-space-025, 2px)"
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-styled -- Ignored via go/DSP-18766
 export const ArticlesListItemSource = styled.div({
   display: 'flex',
   alignItems: 'center',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   font: `var(--ds-font-heading-xxsmall, ${fontFallback.heading.xxsmall})`,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   color: `var(--ds-text-subtlest, ${colors.N400A})`,
   padding: `${"var(--ds-space-050, 4px)"} 0`,
   fontWeight: "var(--ds-font-weight-bold, bold)",
   textTransform: 'uppercase'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-styled -- Ignored via go/DSP-18766
 export const ArticlesListItemTrustFactor = styled.div({
   display: 'flex',
   alignItems: 'center',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   font: `var(--ds-font-body-small, ${fontFallback.body.small})`,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   color: `var(--ds-text-subtlest, ${colors.N400A})`,
   paddingTop: "var(--ds-space-025, 2px)"
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-styled -- Ignored via go/DSP-18766
 export const ArticlesListItemViewCount = styled.span({
   paddingRight: "var(--ds-space-100, 8px)"
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-styled -- Ignored via go/DSP-18766
 export const ArticlesListItemHelpfulCount = styled.span({
   display: 'inline-flex',
   paddingRight: "var(--ds-space-100, 8px)"
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-styled -- Ignored via go/DSP-18766
 export const ArticlesListItemLastModified = styled.div({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   font: `var(--ds-font-body-small, ${fontFallback.body.small})`,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   color: `var(--ds-text-subtlest, ${colors.N400A})`,
   padding: `${"var(--ds-space-050, 4px)"} 0`
 });

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

@@ -1,22 +1,26 @@
 /** @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';
 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 ArticlesListContainer = 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 ToggleShowMoreArticlesContainer = 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/HelpContentButton/index.js

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

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.4.2";
+const packageVersion = "7.5.1";
+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.4.2"
+  packageVersion: "7.5.1"
 };
+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",