@atlaskit/smart-card 27.5.4 → 27.6.1

package/dist/es2019/view/FlexibleCard/components/elements/lozenge/lozenge-action/styled.js

@@ -1,4 +1,6 @@
+// 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/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const triggerButtonStyles = css({
   all: 'unset',
   backgroundColor: 'transparent',
@@ -14,6 +16,7 @@ export const triggerButtonStyles = css({
   textTransform: 'unset',
   border: '2px solid transparent',
   margin: "var(--ds-space-025, 2px)",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   "&:focus-visible, &:focus-within, &[aria-expanded='true']": {
     outline: 'none',
     boxShadow: `0 0 0 2px ${"var(--ds-border-focused, #388BFF)"}`,
@@ -21,17 +24,21 @@ export const triggerButtonStyles = css({
   }
 });
 
-// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
+// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const triggerLozengeStyles = css({
   alignItems: 'center',
   display: 'flex',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   "span[role='img']": {
     margin: `${"var(--ds-space-negative-050, -4px)"} ${"var(--ds-space-negative-100, -8px)"} ${"var(--ds-space-negative-050, -4px)"} -1px`
   }
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const dropdownItemGroupStyles = css({
   maxHeight: '300px',
   overflowY: 'auto',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   button: {
     padding: `${"var(--ds-space-075, 6px)"} ${"var(--ds-space-150, 12px)"}`,
     minHeight: '28px',

package/dist/es2019/view/FlexibleCard/components/elements/media/index.js

@@ -1,5 +1,6 @@
 /** @jsx jsx */
 import React from 'react';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import ImageIcon from '../../common/image-icon';
 /**
@@ -25,6 +26,7 @@ const styles = css({
     position: 'relative',
     overflow: 'hidden'
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '> img, > span': {
     minHeight: '100%',
     minWidth: '100%',
@@ -62,6 +64,7 @@ const Media = ({
     return null;
   }
   return jsx("div", {
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
     css: [styles, overrideCss],
     "data-smart-element": name,
     "data-smart-element-media": type,

package/dist/es2019/view/FlexibleCard/components/elements/preview/index.js

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import React, { useContext } from 'react';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { FlexibleUiContext } from '../../../../../state/flexible-ui-context';
 import { MediaType } from '../../../../../constants';

package/dist/es2019/view/FlexibleCard/components/elements/snippet-element/index.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import React, { useContext } from 'react';
 import { FlexibleUiContext } from '../../../../../state/flexible-ui-context';
@@ -11,7 +12,9 @@ const getSnippetStyles = overrideCss => css({
   MozUserSelect: 'text',
   MsUserSelect: 'text',
   userSelect: 'text'
-}, overrideCss);
+},
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+overrideCss);
 const SnippetElement = ({
   content: overrideContent,
   maxLines = SNIPPET_DEFAULT_MAX_LINES,

package/dist/es2019/view/FlexibleCard/components/elements/text/index.js

@@ -1,5 +1,6 @@
 /** @jsx jsx */
 import React from 'react';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { getFormattedMessage, getTruncateStyles } from '../../utils';
 const getStyles = maxLines => css({
@@ -7,7 +8,9 @@ const getStyles = maxLines => css({
   fontSize: '0.75rem',
   lineHeight: '1rem',
   whiteSpace: 'normal'
-}, getTruncateStyles(maxLines));
+},
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+getTruncateStyles(maxLines));
 
 /**
  * A base element that displays some Text.
@@ -27,6 +30,7 @@ const Text = ({
     return null;
   }
   return jsx("span", {
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
     css: [getStyles(maxLines), overrideCss],
     "data-separator": true,
     "data-smart-element": name,

package/dist/es2019/view/FlexibleCard/components/utils.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import { SmartLinkSize } from '../../../constants';
@@ -32,11 +33,17 @@ export const getFormattedMessageAsString = (intl, message, context) => {
   }) : '';
 };
 const getIconDimensionStyles = value => css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   height: value,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   minHeight: value,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   maxHeight: value,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   width: value,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   minWidth: value,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   maxWidth: value
 });
 export const getIconSizeStyles = width => {
@@ -92,6 +99,7 @@ export const getLinkSizeStyles = size => {
         fontSize: '1.25rem',
         fontWeight: 400,
         letterSpacing: '-0.008em',
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         lineHeight: getLinkLineHeight(size)
       });
     case SmartLinkSize.Large:
@@ -100,6 +108,7 @@ export const getLinkSizeStyles = size => {
         fontSize: '0.875rem',
         fontWeight: 400,
         letterSpacing: '-0.003em',
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         lineHeight: getLinkLineHeight(size)
       });
     case SmartLinkSize.Small:
@@ -108,6 +117,7 @@ export const getLinkSizeStyles = size => {
         fontSize: '0.75rem',
         fontWeight: 400,
         letterSpacing: '0em',
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         lineHeight: getLinkLineHeight(size)
       });
   }
@@ -174,10 +184,13 @@ export const getTruncateStyles = (maxLines, lineHeight = '1rem', wordBreak = 'br
   display: '-webkit-box',
   overflow: 'hidden',
   textOverflow: 'ellipsis',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   wordBreak: wordBreak,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   WebkitLineClamp: maxLines,
   WebkitBoxOrient: 'vertical',
   '@supports not (-webkit-line-clamp: 1)': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     maxHeight: `calc(${maxLines} * ${lineHeight})`
   }
 });

package/dist/es2019/view/HoverCard/components/ContentContainer.js

@@ -1,15 +1,13 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { useState, useEffect } from 'react';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { HoverCardContainer, popupContainerStyles } from '../styled';
 import AIPrism from '../../common/ai-prism';
 import { hoverCardClassName } from './HoverCardContent';
-import { useAISummary } from '../../../state/hooks/use-ai-summary';
-import { useSmartCardState } from '../../../state/store';
-import { useSmartLinkContext } from '@atlaskit/link-provider';
-import { extractAri, extractLink } from '@atlaskit/link-extractors';
+import useAISummaryAction from '../../../state/hooks/use-ai-summary-action';
 import { di } from 'react-magnetic-di';
 const ConnectedAIPrismContainer = ({
   children,
@@ -18,35 +16,20 @@ const ConnectedAIPrismContainer = ({
   url,
   ...props
 }) => {
-  var _cardState$details;
-  const cardState = useSmartCardState(url);
-  const data = cardState === null || cardState === void 0 ? void 0 : (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
-
-  //The data is undefined while the link is resolving.
-  const dataUrl = data ? extractLink(data) : null;
-  const dataAri = data ? extractAri(data) : null;
-  const {
-    product,
-    connections
-  } = useSmartLinkContext();
   const {
     state: {
       status
     }
-  } = useAISummary({
-    url: dataUrl || '',
-    ari: dataAri || '',
-    product: product,
-    envKey: connections.client.envKey,
-    baseUrl: connections.client.baseUrlOverride
-  });
+  } = useAISummaryAction(url);
   const [showPrism, setShowPrism] = useState(status === 'loading');
   useEffect(() => {
     setShowPrism(status === 'loading');
   }, [status]);
   const container = jsx("div", _extends({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: hoverCardClassName,
+    className: hoverCardClassName
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    ,
     css: [HoverCardContainer, !isAIEnabled ? popupContainerStyles : undefined],
     "data-testid": testId
   }, props), children);
@@ -71,7 +54,9 @@ const ContentContainer = ({
   }
   return jsx("div", _extends({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: hoverCardClassName,
+    className: hoverCardClassName
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    ,
     css: HoverCardContainer,
     "data-testid": testId
   }, props), children);

package/dist/es2019/view/HoverCard/components/CustomPopupContainer.js

@@ -3,6 +3,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { popupContainerStyles } from '../styled';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 
 /**
@@ -14,7 +15,11 @@ const CustomPopupContainer = /*#__PURE__*/React.forwardRef(({
   children,
   ...props
 }, ref) => jsx("div", _extends({
-  css: getBooleanFF('platform.linking-platform.smart-card.hover-card-ai-summaries') ? undefined : popupContainerStyles
+  css:
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  getBooleanFF('platform.linking-platform.smart-card.hover-card-ai-summaries') ? undefined :
+  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  popupContainerStyles
 }, props, {
   ref: ref
 }), children));

package/dist/es2019/view/HoverCard/components/HoverCardComponent.js

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import Popup from '@atlaskit/popup';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import React, { useCallback, useMemo, useRef, useEffect } from 'react';
 import { useSmartLinkActions } from '../../../state/hooks-external/useSmartLinkActions';

package/dist/es2019/view/HoverCard/components/HoverCardContent.js

@@ -1,5 +1,6 @@
 /** @jsx jsx */
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import CopyIcon from '@atlaskit/icon/glyph/copy';

package/dist/es2019/view/HoverCard/components/ImagePreview.js

@@ -1,4 +1,6 @@
 import React, { useCallback, useState, useRef } from 'react';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 import extractPreview from '../../../extractors/flexible/extract-preview';
 import { PreviewBlock } from '../../FlexibleCard/components/blocks';
 import { getTransitionStyles, getPreviewBlockStyles } from '../styled';

package/dist/es2019/view/HoverCard/components/views/forbidden/styled.js

@@ -1,10 +1,15 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 const titleFontWeight = '600';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const titleBlockStyles = css({
   justifyContent: 'center',
   fontWeight: titleFontWeight,
   marginTop: "var(--ds-space-100, 8px)"
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const mainTextStyles = css({
   display: 'inline',
   justifyContent: 'center',
@@ -12,6 +17,8 @@ export const mainTextStyles = css({
   fontSize: '0.75rem',
   textAlign: 'center'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const connectButtonStyles = css({
   justifyContent: 'center',
   marginTop: "var(--ds-space-100, 8px)"

package/dist/es2019/view/HoverCard/components/views/resolved/index.js

@@ -10,9 +10,7 @@ import { messages } from '../../../../../messages';
 import { FormattedMessage } from 'react-intl-next';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { getCanBeDatasource } from '../../../../../state/helpers';
-import { useAISummary } from '../../../../../state/hooks/use-ai-summary';
-import { extractAri, extractLink } from '@atlaskit/link-extractors';
-import { useSmartLinkContext } from '@atlaskit/link-provider';
+import useAISummaryAction from '../../../../../state/hooks/use-ai-summary-action';
 import { SmartLinkStatus } from '../../../../../constants';
 import { di } from 'react-magnetic-di';
 export const toFooterActions = (cardActions, onActionClick) => {
@@ -50,30 +48,18 @@ export const toFooterActions = (cardActions, onActionClick) => {
   return [followAction, ...actions];
 };
 
-//This component encapsulates useAISummary hook under the AI Summary FF 'platform.linking-platform.smart-card.hover-card-ai-summaries'
+//This component encapsulates useAISummarySmartLink hook under the AI Summary FF 'platform.linking-platform.smart-card.hover-card-ai-summaries'
 const ConnectedAIBlock = ({
   bottomPrimary,
   imagePreview,
-  data
+  url
 }) => {
-  const dataUrl = data ? extractLink(data) : null;
-  const dataAri = data ? extractAri(data) : null;
-  const {
-    product,
-    connections
-  } = useSmartLinkContext();
   const {
     state: {
       status,
       content
     }
-  } = useAISummary({
-    url: dataUrl || '',
-    ari: dataAri || '',
-    product,
-    envKey: connections.client.envKey,
-    baseUrl: connections.client.baseUrlOverride
-  });
+  } = useAISummaryAction(url);
   const showData = status === 'ready' || status === 'error' ||
   // Description & bottom metadata should only disappear when we start getting summary content
   !content && status === 'loading';
@@ -157,7 +143,7 @@ const HoverCardResolvedView = ({
   }, /*#__PURE__*/React.createElement(ConnectedAIBlock, {
     imagePreview: !!imagePreview,
     bottomPrimary: tertiary,
-    data: data
+    url: url
   })), !isAISummaryEnabled && !imagePreview && /*#__PURE__*/React.createElement(SnippetBlock, {
     status: SmartLinkStatus.Resolved
   }), /*#__PURE__*/React.createElement(SnippetBlock, {

package/dist/es2019/view/HoverCard/components/views/resolved/styled.js

@@ -1,8 +1,9 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 import { separatorCss } from '../../../styled';
 const elementGap = '0.5rem';
 
-// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
+// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const metadataBlockCss = css`
 	gap: 0px;
 	/* primary element group */
@@ -30,9 +31,13 @@ export const metadataBlockCss = css`
 		line-height: 1rem;
 	}
 `;
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const footerBlockCss = css({
   height: '1.5rem'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const hiddenSnippetStyles = css({
   visibility: 'hidden',
   position: 'absolute'

package/dist/es2019/view/HoverCard/components/views/resolving/index.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import React from 'react';
 import LoadingSkeleton from '../../../../FlexibleCard/components/common/loading-skeleton';
@@ -22,31 +23,34 @@ const HoverCardLoadingView = ({
     items: actions,
     visibleButtonsNum: 2
   });
-  return jsx("div", {
-    css: loadingViewContainer,
-    "data-testid": testId
-  }, jsx("div", {
-    css: skeletonContainer
-  }, jsx(CustomBlock, _extends({}, titleBlockProps, {
-    overrideCss: titleBlockStyles,
-    testId: `${testId}-title-block`
-  }), jsx(Icon, {
-    render: () => jsx(LoadingSkeleton, null),
-    size: size
-  }), jsx("span", {
-    css: getTitleStyles(lineHeightRem),
-    "data-testid": `${testId}-title`
-  }, jsx(LoadingSkeleton, {
-    height: lineHeightRem
-  })), actionGroup), jsx(LoadingSkeleton, {
-    width: skeletonWidth,
-    height: lineHeightRem
-  }), jsx(LoadingSkeleton, {
-    width: skeletonWidth,
-    height: lineHeightRem * 3
-  }), jsx(LoadingSkeleton, {
-    width: skeletonWidth,
-    height: lineHeightRem
-  })));
+  return (
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    jsx("div", {
+      css: loadingViewContainer,
+      "data-testid": testId
+    }, jsx("div", {
+      css: skeletonContainer
+    }, jsx(CustomBlock, _extends({}, titleBlockProps, {
+      overrideCss: titleBlockStyles,
+      testId: `${testId}-title-block`
+    }), jsx(Icon, {
+      render: () => jsx(LoadingSkeleton, null),
+      size: size
+    }), jsx("span", {
+      css: getTitleStyles(lineHeightRem),
+      "data-testid": `${testId}-title`
+    }, jsx(LoadingSkeleton, {
+      height: lineHeightRem
+    })), actionGroup), jsx(LoadingSkeleton, {
+      width: skeletonWidth,
+      height: lineHeightRem
+    }), jsx(LoadingSkeleton, {
+      width: skeletonWidth,
+      height: lineHeightRem * 3
+    }), jsx(LoadingSkeleton, {
+      width: skeletonWidth,
+      height: lineHeightRem
+    })))
+  );
 };
 export default HoverCardLoadingView;

package/dist/es2019/view/HoverCard/components/views/resolving/styled.js

@@ -1,9 +1,14 @@
+// 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/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const loadingViewContainer = css({
   display: 'flex',
   flexDirection: 'column',
   padding: "var(--ds-space-200, 1rem)"
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const skeletonContainer = css({
   display: 'flex',
   flexDirection: 'column',
@@ -14,12 +19,16 @@ export const skeletonContainer = css({
 export const getTitleStyles = height => {
   return css({
     flex: '1 0 auto',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     height: `${height}rem`,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     span: {
       width: '100%'
     }
   });
 };
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const titleBlockStyles = css({
   width: '100%',
   gap: "var(--ds-space-100, 0.5rem)"

package/dist/es2019/view/HoverCard/components/views/unauthorised/styled.js

@@ -1,17 +1,25 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 const blockGap = '0.5rem';
 const iconGap = '0.5rem';
 const titleFontWeight = '500';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const connectButtonStyles = css({
   justifyContent: 'flex-end',
   marginTop: blockGap
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const titleBlockStyles = css({
   gap: `${blockGap} ${iconGap}`,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   a: {
     fontWeight: titleFontWeight
   }
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const mainTextStyles = css({
   marginTop: blockGap,
   fontSize: '0.75rem'

package/dist/es2019/view/HoverCard/index.js

@@ -1,5 +1,6 @@
 /** @jsx jsx */
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { useCallback } from 'react';
 import { ErrorBoundary } from 'react-error-boundary';

package/dist/es2019/view/HoverCard/styled.js

@@ -1,3 +1,4 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 import { loadingPlaceholderClassName } from '../../index';
 import { SmartLinkSize } from '../../constants';
@@ -19,13 +20,16 @@ export const NEW_CARD_WIDTH_REM = 25;
 export const CARD_GAP_PX = 10;
 const blockGap = '0.5rem';
 const elementGap = '0.5rem';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const separatorCss = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   '[data-separator] + [data-separator]:before': {
     marginRight: elementGap
   }
 });
 
-// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
+// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const HoverCardContainer = css`
 	background: none;
 	border-width: 0;
@@ -37,7 +41,7 @@ export const HoverCardContainer = css`
 	}
 `;
 
-// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
+// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const titleBlockCss = css`
 	gap: ${blockGap};
 
@@ -62,14 +66,19 @@ export const titleBlockCss = css`
 `;
 export const getTransitionStyles = snippetHeight => css({
   transition: 'height 300ms ease-in-out',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   height: `${snippetHeight}px`
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const popupContainerStyles = css({
   borderRadius: "var(--ds-border-radius-200, 8px)",
   backgroundColor: "var(--ds-surface-overlay, white)",
   boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px rgba(9, 30, 66, 0.15),0px 0px 1px rgba(9, 30, 66, 0.31))"
 });
-export const getPreviewBlockStyles = previewHeight => css(previewHeight ? `height: ${previewHeight}px;` : '', {
+export const getPreviewBlockStyles = previewHeight =>
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+css(previewHeight ? `height: ${previewHeight}px;` : '', {
   borderTopLeftRadius: "var(--ds-border-radius-200, 8px)",
   borderTopRightRadius: "var(--ds-border-radius-200, 8px)",
   marginBottom: blockGap

package/dist/es2019/view/InlineCard/Frame/styled.js

@@ -1,3 +1,4 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
 import { B50, B100, B200, B400, N40 } from '@atlaskit/theme/colors';
 const selectedStyles = {
@@ -91,15 +92,18 @@ const baseWrapperStyles = props => ({
   ...(props.isHovered ? hoveredWihBorderStyles(props) : undefined)
 });
 
-// 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 WrapperAnchor = styled.a(props => ({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   ...baseWrapperStyles(props),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   ...isInteractive(props)
 }));
 WrapperAnchor.displayName = 'WrapperAnchor';
 
-// 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 WrapperSpan = styled.span(props => ({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   ...baseWrapperStyles(props)
 }));
 WrapperSpan.displayName = 'WrapperSpan';

package/dist/es2019/view/InlineCard/Icon.js

@@ -1,3 +1,4 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
 import { Skeleton } from '@atlaskit/linking-common';
 import React from 'react';
@@ -7,7 +8,7 @@ import React from 'react';
 // Current rationale: vertically positioned at the top of
 // the smart card container (when set to 0). Offset this
 // to position it with appropriate whitespace from the top.
-// 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 Icon = styled.img({
   height: '14px',
   width: '14px',
@@ -23,7 +24,7 @@ export const Icon = styled.img({
 // Used for 'untrue' icons which claim to be 16x16 but
 // are less than that in height/width.
 // TODO: Replace this override with proper AtlasKit solution.
-// 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 AKIconWrapper = styled.span({
   marginRight: "var(--ds-space-negative-025, -2px)"
 });