@atlaskit/smart-card 27.5.4 → 27.6.0

package/dist/esm/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-items-group/index.js

@@ -9,7 +9,7 @@ var LozengeActionItemsGroup = function LozengeActionItemsGroup(_ref) {
     testId = _ref.testId,
     onClick = _ref.onClick;
   return (
-    // eslint-disable-next-line @atlaskit/design-system/prefer-primitives
+    // eslint-disable-next-line @atlaskit/design-system/prefer-primitives, @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     jsx("span", {
       css: dropdownItemGroupStyles,
       "data-testid": "".concat(testId, "-item-group")

package/dist/esm/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-trigger/index.js

@@ -39,6 +39,7 @@ var LozengeActionTrigger = function LozengeActionTrigger(_ref) {
   return jsx("button", _extends({
     type: "button"
   }, props, {
+    // 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: triggerButtonStyles,
     "data-action-open": isOpen,
     "data-testid": "".concat(testId, "--trigger"),

package/dist/esm/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 var triggerButtonStyles = css({
   all: 'unset',
   backgroundColor: 'transparent',
@@ -14,6 +15,7 @@ export var 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 ".concat("var(--ds-border-focused, #388BFF)"),
@@ -21,17 +23,21 @@ export var 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 var 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)".concat(" ", "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 var 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)".concat(" ", "var(--ds-space-150, 12px)"),
     minHeight: '28px',

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

@@ -25,6 +25,7 @@ var 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 @@ var Media = function Media(_ref) {
     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/esm/view/FlexibleCard/components/elements/snippet-element/index.js

@@ -14,7 +14,9 @@ var getSnippetStyles = function getSnippetStyles(overrideCss) {
     MozUserSelect: 'text',
     MsUserSelect: 'text',
     userSelect: 'text'
-  }, overrideCss);
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  overrideCss);
 };
 var SnippetElement = function SnippetElement() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};

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

@@ -8,7 +8,9 @@ var getStyles = function getStyles(maxLines) {
     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));
 };
 
 /**
@@ -30,6 +32,7 @@ var Text = function Text(_ref) {
     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/esm/view/FlexibleCard/components/utils.js

@@ -31,11 +31,17 @@ export var getFormattedMessageAsString = function getFormattedMessageAsString(in
 };
 var getIconDimensionStyles = function getIconDimensionStyles(value) {
   return 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
   });
 };
@@ -87,6 +93,7 @@ export var getLinkSizeStyles = function 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:
@@ -95,6 +102,7 @@ export var getLinkSizeStyles = function 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:
@@ -103,6 +111,7 @@ export var getLinkSizeStyles = function 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)
       });
   }
@@ -172,10 +181,13 @@ export var getTruncateStyles = function getTruncateStyles(maxLines) {
     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(".concat(maxLines, " * ").concat(lineHeight, ")")
     }
   });

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

@@ -49,7 +49,9 @@ var ConnectedAIPrismContainer = function ConnectedAIPrismContainer(_ref) {
   }, [status]);
   var 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);
@@ -74,7 +76,9 @@ var ContentContainer = function ContentContainer(_ref2) {
   }
   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/esm/view/HoverCard/components/CustomPopupContainer.js

@@ -16,7 +16,11 @@ var CustomPopupContainer = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded);
   return 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/esm/view/HoverCard/components/views/forbidden/styled.js

@@ -1,10 +1,14 @@
 import { css } from '@emotion/react';
 var 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 var 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 var mainTextStyles = css({
   display: 'inline',
   justifyContent: 'center',
@@ -12,6 +16,8 @@ export var 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 var connectButtonStyles = css({
   justifyContent: 'center',
   marginTop: "var(--ds-space-100, 8px)"

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

@@ -4,11 +4,15 @@ import { css } from '@emotion/react';
 import { separatorCss } from '../../../styled';
 var 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 var metadataBlockCss = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tgap: 0px;\n\t/* primary element group */\n\t[data-smart-element-group]:nth-of-type(1) {\n\t\tflex-grow: 7;\n\n\t\t// a separator between text-based element\n\t\t", "\n\n\t\t/* horizontal spacing between elements in group */\n    > span {\n\t\t\tmargin-right: ", ";\n\t\t}\n\t}\n\t/* secondary element group */\n\t[data-smart-element-group]:nth-of-type(2) {\n\t\tflex-grow: 3;\n\t\t/* horizontal spacing between elements in group */\n\t\t> span {\n\t\t\tmargin-left: ", ";\n\t\t}\n\t}\n\n\t[data-smart-element-group] {\n\t\tline-height: 1rem;\n\t}\n"])), separatorCss, elementGap, elementGap);
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export var 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 var hiddenSnippetStyles = css({
   visibility: 'hidden',
   position: 'absolute'

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

@@ -19,33 +19,36 @@ var HoverCardLoadingView = function HoverCardLoadingView(_ref) {
     items: actions,
     visibleButtonsNum: 2
   });
-  return jsx("div", {
-    css: loadingViewContainer,
-    "data-testid": testId
-  }, jsx("div", {
-    css: skeletonContainer
-  }, jsx(CustomBlock, _extends({}, titleBlockProps, {
-    overrideCss: titleBlockStyles,
-    testId: "".concat(testId, "-title-block")
-  }), jsx(Icon, {
-    render: function render() {
-      return jsx(LoadingSkeleton, null);
-    },
-    size: size
-  }), jsx("span", {
-    css: getTitleStyles(lineHeightRem),
-    "data-testid": "".concat(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: "".concat(testId, "-title-block")
+    }), jsx(Icon, {
+      render: function render() {
+        return jsx(LoadingSkeleton, null);
+      },
+      size: size
+    }), jsx("span", {
+      css: getTitleStyles(lineHeightRem),
+      "data-testid": "".concat(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/esm/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 var 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 var skeletonContainer = css({
   display: 'flex',
   flexDirection: 'column',
@@ -14,12 +18,16 @@ export var skeletonContainer = css({
 export var getTitleStyles = function 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: "".concat(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 var titleBlockStyles = css({
   width: '100%',
   gap: "var(--ds-space-100, 0.5rem)"

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

@@ -2,16 +2,23 @@ import { css } from '@emotion/react';
 var blockGap = '0.5rem';
 var iconGap = '0.5rem';
 var 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 var 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 var titleBlockStyles = css({
   gap: "".concat(blockGap, " ").concat(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 var mainTextStyles = css({
   marginTop: blockGap,
   fontSize: '0.75rem'

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

@@ -21,32 +21,41 @@ export var NEW_CARD_WIDTH_REM = 25;
 export var CARD_GAP_PX = 10;
 var blockGap = '0.5rem';
 var 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 var 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 var HoverCardContainer = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tbackground: none;\n\tborder-width: 0;\n\tbox-sizing: border-box;\n\twidth: ", "rem;\n\n\t.", " {\n\t\tdisplay: none;\n\t}\n"])), getBooleanFF('platform.linking-platform.smart-card.hover-card-ai-summaries') ? NEW_CARD_WIDTH_REM : CARD_WIDTH_REM, loadingPlaceholderClassName);
 
-// 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 var titleBlockCss = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n\tgap: ", ";\n\n\t", "\n\n\t// title and subtitle element group\n  [data-smart-element-group] {\n\t\t// gap between title and subtitle\n\t\tgap: 0.06rem;\n\t\tdisplay: flex;\n\t\t/* subtitle element group */\n\t\t> [data-smart-element-group] {\n\t\t\t> span {\n\t\t\t\tmargin-right: ", ";\n\t\t\t}\n\t\t}\n\t}\n\n\t[data-smart-element='Title'] {\n\t\tfont-weight: 600;\n\t}\n"])), blockGap, separatorCss, elementGap);
 export var getTransitionStyles = function getTransitionStyles(snippetHeight) {
   return css({
     transition: 'height 300ms ease-in-out',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     height: "".concat(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 var 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 var getPreviewBlockStyles = function getPreviewBlockStyles(previewHeight) {
-  return css(previewHeight ? "height: ".concat(previewHeight, "px;") : '', {
-    borderTopLeftRadius: "var(--ds-border-radius-200, 8px)",
-    borderTopRightRadius: "var(--ds-border-radius-200, 8px)",
-    marginBottom: blockGap
-  });
+  return (
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+    css(previewHeight ? "height: ".concat(previewHeight, "px;") : '', {
+      borderTopLeftRadius: "var(--ds-border-radius-200, 8px)",
+      borderTopRightRadius: "var(--ds-border-radius-200, 8px)",
+      marginBottom: blockGap
+    })
+  );
 };

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

@@ -88,13 +88,13 @@ var baseWrapperStyles = function 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 var WrapperAnchor = styled.a(function (props) {
   return _objectSpread(_objectSpread({}, baseWrapperStyles(props)), 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 var WrapperSpan = styled.span(function (props) {
   return _objectSpread({}, baseWrapperStyles(props));
 });

package/dist/esm/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 var Icon = styled.img({
   height: '14px',
   width: '14px',
@@ -23,7 +23,7 @@ export var 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 var AKIconWrapper = styled.span({
   marginRight: "var(--ds-space-negative-025, -2px)"
 });

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

@@ -10,23 +10,31 @@ export var IconOverrides = "\n\n  & > * > span {\n    height: 16px;\n    width:
 // - @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 var 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 var 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 var IconTitleWrapper = styled.span({
   whiteSpace: 'pre-wrap',
   wordBreak: 'break-all',
@@ -35,14 +43,14 @@ export var 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 var LozengeWrapper = styled.span({
   display: 'inline-block',
   verticalAlign: '1px',
   margin: "0 ".concat("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 var RightIconPositionWrapper = styled.span({
   marginLeft: "var(--ds-space-025, 2px)",
   position: 'relative',
@@ -52,14 +60,14 @@ export var 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 var 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 var IconEmptyWrapper = styled.span({
   width: '14px',
   height: '100%',
@@ -71,5 +79,5 @@ export var IconEmptyWrapper = styled.span({
 // To achieve same result we use classname instead.
 export var 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 var TitleWrapper = styled.span({});

package/dist/esm/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 var SpinnerWrapper = styled(IconTitleWrapper)({
   verticalAlign: 'text-bottom',
   padding: '0px'

package/dist/esm/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 var 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 var 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 var 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 var NoLinkAppearance = styled.span({
   color: "var(--ds-text-subtlest, ".concat(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 var 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 var LinkAppearance = styled.a({
   color: "var(--ds-link, ".concat(B400, ")"),
   '&:hover': {

package/dist/esm/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 var breakWordsCss = css({
   whiteSpace: 'pre-line',
   wordBreak: 'break-all'

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

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

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

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