@atlaskit/smart-card 27.5.3 → 27.6.0

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

@@ -38,11 +38,17 @@ var getFormattedMessageAsString = exports.getFormattedMessageAsString = function
 };
 var getIconDimensionStyles = function getIconDimensionStyles(value) {
   return (0, _react2.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
   });
 };
@@ -94,6 +100,7 @@ var getLinkSizeStyles = exports.getLinkSizeStyles = function getLinkSizeStyles(s
         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 _constants.SmartLinkSize.Large:
@@ -102,6 +109,7 @@ var getLinkSizeStyles = exports.getLinkSizeStyles = function getLinkSizeStyles(s
         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 _constants.SmartLinkSize.Small:
@@ -110,6 +118,7 @@ var getLinkSizeStyles = exports.getLinkSizeStyles = function getLinkSizeStyles(s
         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)
       });
   }
@@ -179,10 +188,13 @@ var getTruncateStyles = exports.getTruncateStyles = function getTruncateStyles(m
     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/cjs/view/HoverCard/components/ContentContainer.js

@@ -56,7 +56,9 @@ var ConnectedAIPrismContainer = function ConnectedAIPrismContainer(_ref) {
   }, [status]);
   var container = (0, _react.jsx)("div", (0, _extends2.default)({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: _HoverCardContent.hoverCardClassName,
+    className: _HoverCardContent.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: [_styled.HoverCardContainer, !isAIEnabled ? _styled.popupContainerStyles : undefined],
     "data-testid": testId
   }, props), children);
@@ -81,7 +83,9 @@ var ContentContainer = function ContentContainer(_ref2) {
   }
   return (0, _react.jsx)("div", (0, _extends2.default)({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: _HoverCardContent.hoverCardClassName,
+    className: _HoverCardContent.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: _styled.HoverCardContainer,
     "data-testid": testId
   }, props), children);

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

@@ -22,7 +22,11 @@ var CustomPopupContainer = /*#__PURE__*/_react.default.forwardRef(function (_ref
   var children = _ref.children,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return (0, _react2.jsx)("div", (0, _extends2.default)({
-    css: (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.hover-card-ai-summaries') ? undefined : _styled.popupContainerStyles
+    css:
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    (0, _platformFeatureFlags.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
+    _styled.popupContainerStyles
   }, props, {
     ref: ref
   }), children);

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

@@ -6,11 +6,15 @@ Object.defineProperty(exports, "__esModule", {
 exports.titleBlockStyles = exports.mainTextStyles = exports.connectButtonStyles = void 0;
 var _react = require("@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
 var titleBlockStyles = exports.titleBlockStyles = (0, _react.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
 var mainTextStyles = exports.mainTextStyles = (0, _react.css)({
   display: 'inline',
   justifyContent: 'center',
@@ -18,6 +22,8 @@ var mainTextStyles = exports.mainTextStyles = (0, _react.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
 var connectButtonStyles = exports.connectButtonStyles = (0, _react.css)({
   justifyContent: 'center',
   marginTop: "var(--ds-space-100, 8px)"

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

@@ -11,11 +11,15 @@ var _styled = require("../../../styled");
 var _templateObject;
 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
 var metadataBlockCss = exports.metadataBlockCss = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\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"])), _styled.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
 var footerBlockCss = exports.footerBlockCss = (0, _react.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
 var hiddenSnippetStyles = exports.hiddenSnippetStyles = (0, _react.css)({
   visibility: 'hidden',
   position: 'absolute'

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

@@ -27,33 +27,36 @@ var HoverCardLoadingView = function HoverCardLoadingView(_ref) {
     items: actions,
     visibleButtonsNum: 2
   });
-  return (0, _react.jsx)("div", {
-    css: _styled2.loadingViewContainer,
-    "data-testid": testId
-  }, (0, _react.jsx)("div", {
-    css: _styled2.skeletonContainer
-  }, (0, _react.jsx)(_blocks.CustomBlock, (0, _extends2.default)({}, titleBlockProps, {
-    overrideCss: _styled2.titleBlockStyles,
-    testId: "".concat(testId, "-title-block")
-  }), (0, _react.jsx)(_icon.default, {
-    render: function render() {
-      return (0, _react.jsx)(_loadingSkeleton.default, null);
-    },
-    size: size
-  }), (0, _react.jsx)("span", {
-    css: (0, _styled2.getTitleStyles)(lineHeightRem),
-    "data-testid": "".concat(testId, "-title")
-  }, (0, _react.jsx)(_loadingSkeleton.default, {
-    height: lineHeightRem
-  })), actionGroup), (0, _react.jsx)(_loadingSkeleton.default, {
-    width: skeletonWidth,
-    height: lineHeightRem
-  }), (0, _react.jsx)(_loadingSkeleton.default, {
-    width: skeletonWidth,
-    height: lineHeightRem * 3
-  }), (0, _react.jsx)(_loadingSkeleton.default, {
-    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
+    (0, _react.jsx)("div", {
+      css: _styled2.loadingViewContainer,
+      "data-testid": testId
+    }, (0, _react.jsx)("div", {
+      css: _styled2.skeletonContainer
+    }, (0, _react.jsx)(_blocks.CustomBlock, (0, _extends2.default)({}, titleBlockProps, {
+      overrideCss: _styled2.titleBlockStyles,
+      testId: "".concat(testId, "-title-block")
+    }), (0, _react.jsx)(_icon.default, {
+      render: function render() {
+        return (0, _react.jsx)(_loadingSkeleton.default, null);
+      },
+      size: size
+    }), (0, _react.jsx)("span", {
+      css: (0, _styled2.getTitleStyles)(lineHeightRem),
+      "data-testid": "".concat(testId, "-title")
+    }, (0, _react.jsx)(_loadingSkeleton.default, {
+      height: lineHeightRem
+    })), actionGroup), (0, _react.jsx)(_loadingSkeleton.default, {
+      width: skeletonWidth,
+      height: lineHeightRem
+    }), (0, _react.jsx)(_loadingSkeleton.default, {
+      width: skeletonWidth,
+      height: lineHeightRem * 3
+    }), (0, _react.jsx)(_loadingSkeleton.default, {
+      width: skeletonWidth,
+      height: lineHeightRem
+    })))
+  );
 };
 var _default = exports.default = HoverCardLoadingView;

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

@@ -5,11 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.titleBlockStyles = exports.skeletonContainer = exports.loadingViewContainer = exports.getTitleStyles = void 0;
 var _react = require("@emotion/react");
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 var loadingViewContainer = exports.loadingViewContainer = (0, _react.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
 var skeletonContainer = exports.skeletonContainer = (0, _react.css)({
   display: 'flex',
   flexDirection: 'column',
@@ -20,12 +23,16 @@ var skeletonContainer = exports.skeletonContainer = (0, _react.css)({
 var getTitleStyles = exports.getTitleStyles = function getTitleStyles(height) {
   return (0, _react.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
 var titleBlockStyles = exports.titleBlockStyles = (0, _react.css)({
   width: '100%',
   gap: "var(--ds-space-100, 0.5rem)"

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

@@ -8,16 +8,23 @@ var _react = require("@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
 var connectButtonStyles = exports.connectButtonStyles = (0, _react.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
 var titleBlockStyles = exports.titleBlockStyles = (0, _react.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
 var mainTextStyles = exports.mainTextStyles = (0, _react.css)({
   marginTop: blockGap,
   fontSize: '0.75rem'

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

@@ -27,32 +27,41 @@ var NEW_CARD_WIDTH_REM = exports.NEW_CARD_WIDTH_REM = 25;
 var CARD_GAP_PX = exports.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
 var separatorCss = exports.separatorCss = (0, _react.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
 var HoverCardContainer = exports.HoverCardContainer = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\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"])), (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.hover-card-ai-summaries') ? NEW_CARD_WIDTH_REM : CARD_WIDTH_REM, _index.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
 var titleBlockCss = exports.titleBlockCss = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\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);
 var getTransitionStyles = exports.getTransitionStyles = function getTransitionStyles(snippetHeight) {
   return (0, _react.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
 var popupContainerStyles = exports.popupContainerStyles = (0, _react.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))"
 });
 var getPreviewBlockStyles = exports.getPreviewBlockStyles = function getPreviewBlockStyles(previewHeight) {
-  return (0, _react.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
+    (0, _react.css)(previewHeight ? "height: ".concat(previewHeight, "px;") : '', {
+      borderTopLeftRadius: "var(--ds-border-radius-200, 8px)",
+      borderTopRightRadius: "var(--ds-border-radius-200, 8px)",
+      marginBottom: blockGap
+    })
+  );
 };

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

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

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

@@ -13,7 +13,7 @@ var _react = _interopRequireDefault(require("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
 var Icon = exports.Icon = _styled.default.img({
   height: '14px',
   width: '14px',
@@ -29,7 +29,7 @@ var Icon = exports.Icon = _styled.default.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
 var AKIconWrapper = exports.AKIconWrapper = _styled.default.span({
   marginRight: "var(--ds-space-negative-025, -2px)"
 });

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

@@ -17,23 +17,31 @@ var IconOverrides = exports.IconOverrides = "\n\n  & > * > span {\n    height: 1
 // - @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
 var IconWrapper = exports.IconWrapper = _styled.default.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
 var EmojiWrapper = exports.EmojiWrapper = _styled.default.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
 var IconTitleWrapper = exports.IconTitleWrapper = _styled.default.span({
   whiteSpace: 'pre-wrap',
   wordBreak: 'break-all',
@@ -42,14 +50,14 @@ var IconTitleWrapper = exports.IconTitleWrapper = _styled.default.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
 var LozengeWrapper = exports.LozengeWrapper = _styled.default.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
 var RightIconPositionWrapper = exports.RightIconPositionWrapper = _styled.default.span({
   marginLeft: "var(--ds-space-025, 2px)",
   position: 'relative',
@@ -59,14 +67,14 @@ var RightIconPositionWrapper = exports.RightIconPositionWrapper = _styled.defaul
 // 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
 var IconPositionWrapper = exports.IconPositionWrapper = _styled.default.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
 var IconEmptyWrapper = exports.IconEmptyWrapper = _styled.default.span({
   width: '14px',
   height: '100%',
@@ -78,5 +86,5 @@ var IconEmptyWrapper = exports.IconEmptyWrapper = _styled.default.span({
 // To achieve same result we use classname instead.
 var TitleWrapperClassName = exports.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
 var TitleWrapper = exports.TitleWrapper = _styled.default.span({});

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

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.SpinnerWrapper = void 0;
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _styled2 = require("../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
 var SpinnerWrapper = exports.SpinnerWrapper = (0, _styled.default)(_styled2.IconTitleWrapper)({
   verticalAlign: 'text-bottom',
   padding: '0px'

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

@@ -9,8 +9,9 @@ var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _colors = require("@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
 var IconStyledButton = exports.IconStyledButton = _styled.default.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',
@@ -22,11 +23,13 @@ var IconStyledButton = exports.IconStyledButton = _styled.default.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',
@@ -35,18 +38,18 @@ var IconStyledButton = exports.IconStyledButton = _styled.default.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
 var NoLinkAppearance = exports.NoLinkAppearance = _styled.default.span({
   color: "var(--ds-text-subtlest, ".concat(_colors.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
 var LowercaseAppearance = exports.LowercaseAppearance = _styled.default.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
 var LinkAppearance = exports.LinkAppearance = _styled.default.a({
   color: "var(--ds-link, ".concat(_colors.B400, ")"),
   '&:hover': {

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

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.breakWordsCss = void 0;
 var _react = require("@emotion/react");
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 var breakWordsCss = exports.breakWordsCss = (0, _react.css)({
   whiteSpace: 'pre-line',
   wordBreak: 'break-all'

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

@@ -17,7 +17,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId"],
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "27.5.3",
+  packageVersion: "27.6.0",
   componentName: 'linkUrl'
 };
 var Link = (0, _click.withLinkClickedEvent)('a');

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

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _RelatedLinksBaseModal = _interopRequireDefault(require("./components/RelatedLinksBaseModal"));
+var _react = _interopRequireDefault(require("react"));
+var _unavailable = require("./views/unavailable");
+var RelatedLinksModal = function RelatedLinksModal(_ref) {
+  var onClose = _ref.onClose,
+    showModal = _ref.showModal,
+    url = _ref.url;
+  return /*#__PURE__*/_react.default.createElement(_RelatedLinksBaseModal.default, {
+    onClose: onClose,
+    showModal: showModal
+  }, /*#__PURE__*/_react.default.createElement(_unavailable.RelatedLinksUnavailableView, null));
+};
+var _default = exports.default = RelatedLinksModal;

package/dist/cjs/view/RelatedLinksModal/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/cjs/view/RelatedLinksModal/views/resolving/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _primitives = require("@atlaskit/primitives");
+var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
+var style = (0, _primitives.xcss)({
+  alignItems: 'center',
+  display: 'flex',
+  flexDirection: 'column',
+  height: '100%',
+  justifyContent: 'center'
+});
+var RelatedLinksResolvingView = function RelatedLinksResolvingView() {
+  return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    xcss: style,
+    testId: "related-links-resolving-view"
+  }, /*#__PURE__*/_react.default.createElement(_spinner.default, {
+    size: 'large',
+    testId: "related-links-resolving-view-spinner"
+  }));
+};
+var _default = exports.default = RelatedLinksResolvingView;

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

@@ -15,12 +15,15 @@ var Byline = exports.Byline = function Byline(_ref) {
     testId = _ref.testId,
     className = _ref.className;
   return (0, _react.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: (0, _utils.mq)({
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
       fontSize: (0, _utils.gs)(1.5),
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
       lineHeight: (0, _utils.gs)(2.5),
       color: "".concat("var(--ds-text-subtlest, ".concat(_colors.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: (0, _utils.gs)(0.5),
       // Spec: only allow two lines MAX to be shown.
       display: '-webkit-box',
@@ -30,6 +33,7 @@ var Byline = exports.Byline = function Byline(_ref) {
       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: (0, _utils.gs)(5),
       whiteSpace: 'pre-line',
       // EDM-713: fixes copy-paste from renderer to editor for Firefox

package/dist/cjs/view/common/Icon.js

@@ -24,7 +24,9 @@ var getImageStyles = function getImageStyles(isFlexibleUi) {
     return;
   }
   return (0, _react.css)({
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     height: (0, _utils.gs)(2),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     width: (0, _utils.gs)(2)
   });
 };
@@ -33,7 +35,9 @@ var getSpanStyles = function getSpanStyles(isFlexibleUi) {
     return;
   }
   return (0, _react.css)({
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     height: (0, _utils.gs)(2.5),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     width: (0, _utils.gs)(2),
     display: 'flex',
     alignItems: 'center',
@@ -54,7 +58,9 @@ var Icon = exports.Icon = function Icon(_ref) {
     testId: "".concat(testId, "-default")
   });
   var image = url && (0, _react.jsx)(_reactRenderImage.default, {
-    src: url,
+    src: url
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+    ,
     loaded: (0, _react.jsx)("img", {
       css: getImageStyles(isFlexibleUi),
       src: url,
@@ -63,6 +69,7 @@ var Icon = exports.Icon = function Icon(_ref) {
     errored: placeholder
   });
   return (0, _react.jsx)("span", {
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
     css: getSpanStyles(isFlexibleUi),
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766