@atlaskit/smart-card 27.5.4 → 27.6.0

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

@@ -1,4 +1,5 @@
 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 +15,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 +23,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

@@ -25,6 +25,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 +63,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/snippet-element/index.js

@@ -11,7 +11,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

@@ -7,7 +7,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 +29,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

@@ -32,11 +32,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 +98,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 +107,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 +116,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 +183,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

@@ -46,7 +46,9 @@ const ConnectedAIPrismContainer = ({
   }, [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 +73,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

@@ -14,7 +14,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/views/forbidden/styled.js

@@ -1,10 +1,14 @@
 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 +16,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/styled.js

@@ -2,7 +2,7 @@ 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 +30,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

@@ -22,31 +22,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,13 @@
 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 +18,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

@@ -2,16 +2,23 @@ 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/styled.js

@@ -19,13 +19,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 +40,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 +65,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

@@ -91,15 +91,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

@@ -7,7 +7,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 +23,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)"
 });

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

@@ -39,23 +39,31 @@ export const IconOverrides = `
 // - @atlaskit/icon-object: for object icons, e.g. repository, branch, etc.
 // NB: the first set of overrides style icons imported from @atlaskit/icon-object correctly.
 // NB: the second set of overrides style icons imported from @atlaskit/icon correctly.
-// 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 IconWrapper = styled.span({
   userSelect: 'none'
-}, IconOverrides, IconObjectOverrides);
+},
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+IconOverrides,
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+IconObjectOverrides);
 
 // Wraps all emoji in Inline Links similar to icon
-// 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 EmojiWrapper = styled.span({
   display: 'inline-block',
   marginRight: "var(--ds-space-025, 2px)",
   userSelect: 'none'
-}, IconOverrides, IconObjectOverrides);
+},
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+IconOverrides,
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+IconObjectOverrides);
 
 // The main 'wrapping' element, title of the content.
 // NB: `white-space` adds little whitespace before wrapping.
 // NB: `word-break` line breaks as soon as an overflow takes place.
-// 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 IconTitleWrapper = styled.span({
   whiteSpace: 'pre-wrap',
   wordBreak: 'break-all',
@@ -64,14 +72,14 @@ export const IconTitleWrapper = styled.span({
 });
 
 // TODO: Replace overrides 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 LozengeWrapper = styled.span({
   display: 'inline-block',
   verticalAlign: '1px',
   margin: `0 ${"var(--ds-space-050, 4px)"} 0 ${"var(--ds-space-025, 2px)"}`
 });
 
-// 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 RightIconPositionWrapper = styled.span({
   marginLeft: "var(--ds-space-025, 2px)",
   position: 'relative',
@@ -81,14 +89,14 @@ export const RightIconPositionWrapper = styled.span({
 // The following components are used to absolutely position icons in the vertical center.
 // - IconPositionWrapper: the `relative` parent which has no height in itself.
 // - IconEmptyWrapper: the child which forces `IconPositionWrapper` to have a height.
-// 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 IconPositionWrapper = styled.span({
   marginRight: "var(--ds-space-050, 4px)",
   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 IconEmptyWrapper = styled.span({
   width: '14px',
   height: '100%',
@@ -100,5 +108,5 @@ export const IconEmptyWrapper = styled.span({
 // To achieve same result we use classname instead.
 export const TitleWrapperClassName = 'smart-link-title-wrapper';
 
-// 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/design-system/no-empty-styled-expression -- Ignored via go/DSP-18766
 export const TitleWrapper = styled.span({});

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

@@ -1,7 +1,7 @@
 import styled from '@emotion/styled';
 import { IconTitleWrapper } from '../IconAndTitleLayout/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 SpinnerWrapper = styled(IconTitleWrapper)({
   verticalAlign: 'text-bottom',
   padding: '0px'

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

@@ -2,8 +2,9 @@ import styled from '@emotion/styled';
 import { B400, N200 } from '@atlaskit/theme/colors';
 // By default buttons will hide overflow and ellipsis content instead of wrapping.
 // This basically turns the button back into inline content
-// 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 IconStyledButton = styled.span({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   '&&&': {
     textAlign: 'initial',
     display: 'inline',
@@ -15,11 +16,13 @@ export const IconStyledButton = styled.span({
     backgroundClip: 'padding-box',
     boxDecorationBreak: 'clone'
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '> span': {
     display: 'inline',
     overflow: 'initial',
     textOverflow: 'initial',
     whiteSpace: 'initial',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '> span': {
       overflow: 'initial',
       textOverflow: 'initial',
@@ -28,18 +31,18 @@ export const IconStyledButton = styled.span({
   }
 });
 
-// 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 NoLinkAppearance = styled.span({
   color: `var(--ds-text-subtlest, ${N200})`,
   marginLeft: "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 LowercaseAppearance = styled.span({
   textTransform: 'lowercase'
 });
 
-// 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 LinkAppearance = styled.a({
   color: `var(--ds-link, ${B400})`,
   '&:hover': {

package/dist/es2019/view/LinkUrl/LinkWarningModal/styled.js

@@ -1,4 +1,6 @@
 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 breakWordsCss = css({
   whiteSpace: 'pre-line',
   wordBreak: 'break-all'

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

@@ -7,7 +7,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
 import LinkWarningModal from './LinkWarningModal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "27.5.4",
+  packageVersion: "27.6.0",
   componentName: 'linkUrl'
 };
 const Link = withLinkClickedEvent('a');

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

@@ -0,0 +1,14 @@
+import RelatedLinksBaseModal from './components/RelatedLinksBaseModal';
+import React from 'react';
+import { RelatedLinksUnavailableView } from './views/unavailable';
+const RelatedLinksModal = ({
+  onClose,
+  showModal,
+  url
+}) => {
+  return /*#__PURE__*/React.createElement(RelatedLinksBaseModal, {
+    onClose: onClose,
+    showModal: showModal
+  }, /*#__PURE__*/React.createElement(RelatedLinksUnavailableView, null));
+};
+export default RelatedLinksModal;

package/dist/es2019/view/common/Byline.js

@@ -8,12 +8,15 @@ export const Byline = ({
   testId,
   className
 }) => jsx("span", {
+  // 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: mq({
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     fontSize: gs(1.5),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     lineHeight: gs(2.5),
     color: `${`var(--ds-text-subtlest, ${N300})`}`,
     fontWeight: 'normal',
-    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
+    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     marginTop: gs(0.5),
     // Spec: only allow two lines MAX to be shown.
     display: '-webkit-box',
@@ -23,6 +26,7 @@ export const Byline = ({
     WebkitBoxOrient: 'vertical',
     wordBreak: 'break-word',
     // Fallback options.
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     maxHeight: gs(5),
     whiteSpace: 'pre-line',
     // EDM-713: fixes copy-paste from renderer to editor for Firefox