@atlaskit/help 7.4.2 → 7.5.1

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/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/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.2"
+  packageVersion: "7.5.1"
 };
 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/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.4.2"
+  packageVersion: "7.5.1"
 };
 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%',

package/dist/es2019/components/WhatsNew/WhatsNewResults/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 { gridSize } from '@atlaskit/theme/constants';
-// 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 WhatsNewResultsContainer = styled.div({
   position: 'absolute',
   height: '100%',
@@ -17,17 +18,18 @@ export const WhatsNewResultsContainer = styled.div({
   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
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const SelectContainer = styled.div({
+  // 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: `${19 * gridSize()}px`
 });
 
-// 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({
   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
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const WhatsNewResultsListTitleContainer = styled.div({
   padding: `0 ${"var(--ds-space-100, 8px)"}`
 });

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

@@ -12,7 +12,8 @@ export const SearchContextProvider = ({
   onSearchExternalUrlClick,
   searchExternalUrl,
   children,
-  openExternalSearchUrlInNewTab
+  openExternalSearchUrlInNewTab,
+  searchOnEnterKeyPress
 }) => {
   // Search
   const [searchValue, setSearchValue] = useState('');
@@ -36,7 +37,7 @@ export const SearchContextProvider = ({
   const debouncedDoSearch = debounce(doSearch, 500);
   const search = onSearch && (newSearchValue => {
     if (newSearchValue !== searchValue) {
-      if (newSearchValue.length >= MIN_CHARACTERS_FOR_SEARCH) {
+      if (newSearchValue.length >= MIN_CHARACTERS_FOR_SEARCH && !searchOnEnterKeyPress) {
         try {
           setSearchState(REQUEST_STATE.loading);
           debouncedDoSearch(newSearchValue);

package/dist/es2019/components/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 HelpBodyContainer = styled.div({
   flexGrow: 1,
   minHeight: 0,
@@ -16,7 +17,7 @@ export const HelpBodyContainer = styled.div({
   alignItems: 'flex-start'
 });
 
-// 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 HelpBody = styled.div({
   width: '100%',
   boxSizing: 'border-box',
@@ -27,10 +28,12 @@ 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
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
 export const Home = styled.div(props => ({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   display: props.isOverlayFullyVisible ? 'none' : 'block',
   height: '100%',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   overflow: props.isOverlayVisible ? 'hidden' : 'auto',
   padding: "var(--ds-space-200, 16px)",
   boxSizing: 'border-box'

package/dist/es2019/util/styled.js

@@ -1,13 +1,16 @@
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { keyframes } from '@emotion/react';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 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
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const DividerLine = styled.div({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   backgroundColor: `var(--ds-border, ${colors.N30A})`,
   height: '2px',
   width: '100%',
@@ -29,13 +32,16 @@ const shimmer = keyframes({
   }
 });
 
-// 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-dynamic-styles -- Ignored via go/DSP-18766
 export const LoadingRectangle = styled.div(props => ({
   display: 'inline-block',
   verticalAlign: 'middle',
   position: 'relative',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   height: props.contentHeight ? props.contentHeight : '1rem',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   marginTop: props.marginTop ? props.marginTop : gridSize() + 'px',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   width: props.contentWidth ? props.contentWidth : '100%',
   borderRadius: '2px',
   animationDuration: '1.2s',
@@ -43,8 +49,15 @@ export const LoadingRectangle = styled.div(props => ({
   animationIterationCount: 'infinite',
   animationName: shimmer,
   animationTimingFunction: 'linear',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   backgroundColor: `var(--ds-background-neutral, ${colors.N30})`,
-  backgroundImage: `linear-gradient( to right, ${`var(--ds-background-neutral-subtle, ${colors.N30})`} 10%, ${`var(--ds-background-neutral, ${colors.N40})`} 20%, ${`var(--ds-background-neutral-subtle, ${colors.N30})`} 30% )`,
+  backgroundImage: `linear-gradient( to right, ${`var(--ds-background-neutral-subtle, ${
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  colors.N30
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  })`} 10%, ${`var(--ds-background-neutral, ${colors.N40})`} 20%, ${`var(--ds-background-neutral-subtle, ${
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  colors.N30})`} 30% )`,
   backgroundRepeat: 'no-repeat'
 }));
 
@@ -52,13 +65,16 @@ 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
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
 export const LoadingCircle = styled.div(props => ({
   display: 'inline-block',
   verticalAlign: 'middle',
   position: 'relative',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   height: props.radius ? props.radius : `${gridSize() * 4}px`,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   marginTop: props.marginTop ? props.marginTop : '',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   width: props.radius ? props.radius : `${gridSize() * 4}px`,
   borderRadius: '50%',
   animationDuration: '1.2s',
@@ -66,8 +82,15 @@ export const LoadingCircle = styled.div(props => ({
   animationIterationCount: 'infinite',
   animationName: shimmer,
   animationTimingFunction: 'linear',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   backgroundColor: `var(--ds-background-neutral, ${colors.N30})`,
-  backgroundImage: `linear-gradient( to right, ${`var(--ds-background-neutral-subtle, ${colors.N30})`} 10%, ${`var(--ds-background-neutral, ${colors.N40})`} 20%, ${`var(--ds-background-neutral-subtle, ${colors.N30})`} 30% )`,
+  backgroundImage: `linear-gradient( to right, ${`var(--ds-background-neutral-subtle, ${
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  colors.N30
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  })`} 10%, ${`var(--ds-background-neutral, ${colors.N40})`} 20%, ${`var(--ds-background-neutral-subtle, ${
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  colors.N30})`} 30% )`,
   backgroundRepeat: 'no-repeat'
 }));
 
@@ -75,15 +98,15 @@ export const LoadingCircle = styled.div(props => ({
  * What's new icon
  */
 
-// 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 WhatsNewTypeIcon = styled.div`
-  display: inline-block;
-  vertical-align: middle;
-  position: relative;
-  height: ${"var(--ds-space-200, 16px)"};
-  width: ${"var(--ds-space-200, 16px)"};
-  border-radius: 2px;
-  background-color: ${({
+	display: inline-block;
+	vertical-align: middle;
+	position: relative;
+	height: ${"var(--ds-space-200, 16px)"};
+	width: ${"var(--ds-space-200, 16px)"};
+	border-radius: 2px;
+	background-color: ${({
   type
 }) => {
   switch (type) {
@@ -102,17 +125,17 @@ export const WhatsNewTypeIcon = styled.div`
   }
 }};
 
-  & > img {
-    width: calc(100% - ${gridSize() / 2}px);
-    height: calc(100% - ${gridSize() / 2}px);
-    position: absolute;
-    left: 50%;
-    top: 50%;
-    transform: translate(-50%, -50%);
+	& > img {
+		width: calc(100% - ${gridSize() / 2}px);
+		height: calc(100% - ${gridSize() / 2}px);
+		position: absolute;
+		left: 50%;
+		top: 50%;
+		transform: translate(-50%, -50%);
 
-    & > svg {
-      height: 100%;
-      width: 100%;
-    }
-  }
+		& > svg {
+			height: 100%;
+			width: 100%;
+		}
+	}
 `;

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.2"
+  packageVersion: "7.5.1"
 };

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.2"
+  packageVersion: "7.5.1"
 };
 export var ArticleLoadingFail = function ArticleLoadingFail(_ref) {
   var onTryAgainButtonClick = _ref.onTryAgainButtonClick,

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

@@ -1,12 +1,13 @@
 /** @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 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
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 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.2"
+  packageVersion: "7.5.1"
 };
 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.2"
+  packageVersion: "7.5.1"
 };
 export var ArticleWasHelpfulYesButton = function ArticleWasHelpfulYesButton(_ref) {
   var _ref$isSelected = _ref.isSelected,