@atlaskit/help 7.5.0 → 7.5.2

package/dist/cjs/util/styled.js

@@ -14,10 +14,13 @@ var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
 var _WhatsNew = require("../model/WhatsNew");
 var _templateObject;
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-// 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
 var DividerLine = exports.DividerLine = _styled.default.div({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   backgroundColor: "var(--ds-border, ".concat(colors.N30A, ")"),
   height: '2px',
   width: '100%',
@@ -39,14 +42,17 @@ var shimmer = (0, _react.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
 var LoadingRectangle = exports.LoadingRectangle = _styled.default.div(function (props) {
   return {
     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 : (0, _constants.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',
@@ -54,8 +60,15 @@ var LoadingRectangle = exports.LoadingRectangle = _styled.default.div(function (
     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, ".concat(colors.N30, ")"),
-    backgroundImage: "linear-gradient( to right, ".concat("var(--ds-background-neutral-subtle, ".concat(colors.N30, ")"), " 10%, ", "var(--ds-background-neutral, ".concat(colors.N40, ")"), " 20%, ", "var(--ds-background-neutral-subtle, ".concat(colors.N30, ")"), " 30% )"),
+    backgroundImage: "linear-gradient( to right, ".concat("var(--ds-background-neutral-subtle, ".concat(
+    // 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, ".concat(colors.N40, ")"), " 20%, ", "var(--ds-background-neutral-subtle, ".concat(
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    colors.N30, ")"), " 30% )"),
     backgroundRepeat: 'no-repeat'
   };
 });
@@ -64,14 +77,17 @@ var LoadingRectangle = exports.LoadingRectangle = _styled.default.div(function (
  * 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
 var LoadingCircle = exports.LoadingCircle = _styled.default.div(function (props) {
   return {
     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 : "".concat((0, _constants.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 : "".concat((0, _constants.gridSize)() * 4, "px"),
     borderRadius: '50%',
     animationDuration: '1.2s',
@@ -79,8 +95,15 @@ var LoadingCircle = exports.LoadingCircle = _styled.default.div(function (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, ".concat(colors.N30, ")"),
-    backgroundImage: "linear-gradient( to right, ".concat("var(--ds-background-neutral-subtle, ".concat(colors.N30, ")"), " 10%, ", "var(--ds-background-neutral, ".concat(colors.N40, ")"), " 20%, ", "var(--ds-background-neutral-subtle, ".concat(colors.N30, ")"), " 30% )"),
+    backgroundImage: "linear-gradient( to right, ".concat("var(--ds-background-neutral-subtle, ".concat(
+    // 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, ".concat(colors.N40, ")"), " 20%, ", "var(--ds-background-neutral-subtle, ".concat(
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    colors.N30, ")"), " 30% )"),
     backgroundRepeat: 'no-repeat'
   };
 });
@@ -89,8 +112,8 @@ var LoadingCircle = exports.LoadingCircle = _styled.default.div(function (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
-var WhatsNewTypeIcon = exports.WhatsNewTypeIcon = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-block;\n  vertical-align: middle;\n  position: relative;\n  height: ", ";\n  width: ", ";\n  border-radius: 2px;\n  background-color: ", ";\n\n  & > img {\n    width: calc(100% - ", "px);\n    height: calc(100% - ", "px);\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n\n    & > svg {\n      height: 100%;\n      width: 100%;\n    }\n  }\n"])), "var(--ds-space-200, 16px)", "var(--ds-space-200, 16px)", function (_ref) {
+// 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
+var WhatsNewTypeIcon = exports.WhatsNewTypeIcon = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tdisplay: inline-block;\n\tvertical-align: middle;\n\tposition: relative;\n\theight: ", ";\n\twidth: ", ";\n\tborder-radius: 2px;\n\tbackground-color: ", ";\n\n\t& > img {\n\t\twidth: calc(100% - ", "px);\n\t\theight: calc(100% - ", "px);\n\t\tposition: absolute;\n\t\tleft: 50%;\n\t\ttop: 50%;\n\t\ttransform: translate(-50%, -50%);\n\n\t\t& > svg {\n\t\t\theight: 100%;\n\t\t\twidth: 100%;\n\t\t}\n\t}\n"])), "var(--ds-space-200, 16px)", "var(--ds-space-200, 16px)", function (_ref) {
   var type = _ref.type;
   switch (type) {
     case _WhatsNew.WHATS_NEW_ITEM_TYPES.IMPROVEMENT:

package/dist/es2019/analytics.js

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

package/dist/es2019/components/Article/ArticleLoadingFail/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 { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
 import { messages } from '../../../messages';
@@ -8,7 +8,7 @@ import { LoadingErrorMessage, LoadingErrorButtonContainer } from './styled';
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleLoadingFail',
   packageName: "@atlaskit/help",
-  packageVersion: "7.5.0"
+  packageVersion: "7.5.2"
 };
 export const ArticleLoadingFail = ({
   onTryAgainButtonClick,

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

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

@@ -1,12 +1,12 @@
 import React from 'react';
 import { injectIntl } from 'react-intl-next';
 import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
-import Button from '@atlaskit/button/custom-theme-button';
+import Button from '@atlaskit/button';
 import { messages } from '../../../../messages';
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulNoButton',
   packageName: "@atlaskit/help",
-  packageVersion: "7.5.0"
+  packageVersion: "7.5.2"
 };
 export const ArticleWasHelpfulNoButton = ({
   isSelected = false,

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

@@ -1,12 +1,12 @@
 import React from 'react';
 import { injectIntl } from 'react-intl-next';
 import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
-import Button from '@atlaskit/button/custom-theme-button';
+import Button from '@atlaskit/button';
 import { messages } from '../../../../messages';
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulYesButton',
   packageName: "@atlaskit/help",
-  packageVersion: "7.5.0"
+  packageVersion: "7.5.2"
 };
 export const ArticleWasHelpfulYesButton = ({
   isSelected = false,

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.5.0"
+  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 ArticleWasHelpfulForm = ({
   onWasHelpfulSubmit,
   onWasHelpfulYesButtonClick,
@@ -142,7 +150,7 @@ export const ArticleWasHelpfulForm = ({
       }) => {
         return jsx("form", _extends({}, formProps, {
           name: "form-example"
-        }), jsx(ArticleFeedbackText, null, formatMessage(messages.help_article_rating_form_title)), !wasHelpful && jsx(Field, {
+        }), !wasHelpful && jsx(Field, {
           name: "feedbackReason",
           isRequired: true
         }, ({
@@ -155,12 +163,20 @@ export const ArticleWasHelpfulForm = ({
           defaultValue: ""
         }, ({
           fieldProps
-        }) => jsx(TextArea, _extends({}, fieldProps, {
+        }) => jsx(React.Fragment, null, jsx(ArticleFeedbackText, {
+          id: "articleFeedbackText"
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
+          ,
+          style: {
+            top: "var(--ds-space-negative-100, -8px)"
+          }
+        }, formatMessage(messages.help_article_rating_form_title)), jsx(TextArea, _extends({}, fieldProps, {
           minimumRows: 4,
+          "aria-labelledby": "articleFeedbackText",
           maxLength: FEEDBACK_REASON_TEXT_MAX_LENGTH,
           value: feedbackReasonText,
           onChange: feedbackReasonTextOnChange
-        }))), jsx(CheckboxField, {
+        })))), jsx(CheckboxField, {
           name: "contactMe"
         }, ({
           fieldProps
@@ -196,12 +212,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.5.0"
+      packageVersion: "7.5.2"
     };
     if (onRelatedArticlesShowMoreClick) {
       onRelatedArticlesShowMoreClick(event, analyticsEvent, isCollapsed);

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

@@ -4,7 +4,7 @@ import { BODY_FORMAT_TYPES } from '@atlaskit/help-article';
 import HelpArticleContent from '@atlaskit/help-article';
 import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
-import Button from '@atlaskit/button/custom-theme-button';
+import Button from '@atlaskit/button';
 import { messages } from '../../../messages';
 import { getTypeIcon, getTypeTitle } from '../../../util';
 import { WhatsNewTypeIcon, DividerLine } from '../../../util/styled';
@@ -13,7 +13,7 @@ import { WhatsNewTypeTitle, WhatsNewTitleText, WhatsNewIconContainer, RelatedLin
 const analyticsContextData = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "7.5.0"
+  packageVersion: "7.5.2"
 };
 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.5.0"
+  packageVersion: "7.5.2"
 };
 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.5.0"
+  packageVersion: "7.5.2"
 };
 const HelpContentButton = ({
   id = '',