@atlaskit/smart-card 27.8.2 → 27.8.4

package/dist/cjs/view/FlexibleCard/components/actions/action/action-stack-item/action-button.js

@@ -58,17 +58,21 @@ var ActionButton = function ActionButton(_ref) {
     }),
     size: size
   }) : iconOption;
-  return /*#__PURE__*/_react.default.createElement(_primitives.Pressable, (0, _extends2.default)({
-    xcss: [buttonStyles, xcss]
-  }, tooltipProps, {
-    onClick: onClick,
-    testId: testId
-  }), /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
-    alignBlock: "center",
-    grow: "fill",
-    space: space
-  }, icon, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-    xcss: contentStyles
-  }, content)));
+  return (
+    /*#__PURE__*/
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+    _react.default.createElement(_primitives.Pressable, (0, _extends2.default)({
+      xcss: [buttonStyles, xcss]
+    }, tooltipProps, {
+      onClick: onClick,
+      testId: testId
+    }), /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
+      alignBlock: "center",
+      grow: "fill",
+      space: space
+    }, icon, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+      xcss: contentStyles
+    }, content)))
+  );
 };
 var _default = exports.default = ActionButton;

package/dist/cjs/view/FlexibleCard/components/actions/action/index.js

@@ -71,7 +71,9 @@ var Action = function Action(_ref) {
       onClick: onClick,
       size: size,
       testId: testId,
-      tooltipMessage: tooltipMessage || content,
+      tooltipMessage: tooltipMessage || content
+      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+      ,
       xcss: xcss,
       tooltipOnHide: tooltipOnHide,
       hideTooltipOnMouseDown: hideTooltipOnMouseDown,

package/dist/cjs/view/FlexibleCard/components/actions/view-related-links-action/index.js

@@ -32,10 +32,10 @@ var ViewRelatedLinksAction = function ViewRelatedLinksAction(_ref) {
   var context = (0, _flexibleUiContext.useFlexibleUiContext)();
   var actionData = context === null || context === void 0 || (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions.ViewRelatedLinksAction;
   var onClick = (0, _react2.useCallback)(function () {
-    var url = actionData === null || actionData === void 0 ? void 0 : actionData.url;
-    if (url) {
+    var ari = actionData === null || actionData === void 0 ? void 0 : actionData.ari;
+    if (ari) {
       modal.open((0, _react.jsx)(RelatedLinksModal, {
-        url: url,
+        ari: ari,
         showModal: true,
         onClose: function onClose() {
           return modal.close();
@@ -43,7 +43,7 @@ var ViewRelatedLinksAction = function ViewRelatedLinksAction(_ref) {
       }));
     }
     onClickCallback === null || onClickCallback === void 0 || onClickCallback();
-  }, [actionData === null || actionData === void 0 ? void 0 : actionData.url, modal, onClickCallback]);
+  }, [actionData === null || actionData === void 0 ? void 0 : actionData.ari, modal, onClickCallback]);
   return actionData ? (0, _react.jsx)(_action.default, (0, _extends2.default)({
     content: (0, _react.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.related_links_view_related_urls),
     icon: (0, _react.jsx)(_relatedLinksActionIcon.default, null),

package/dist/cjs/view/FlexibleCard/components/blocks/action-block/index.js

@@ -90,7 +90,7 @@ var ActionBlock = function ActionBlock(_ref) {
         onError: onError,
         onLoadingChange: onLoadingChange,
         size: size
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
         ,
         xcss: (0, _primitives.xcss)({
           paddingInline: padding

package/dist/cjs/view/FlexibleCard/components/blocks/ai-summary-block/ai-state-indicator/ai-indicator-tooltip.js

@@ -36,9 +36,13 @@ var AIIndicatorTooltip = function AIIndicatorTooltip(_ref) {
     content: content,
     tag: "span"
   }, function (tooltipProps) {
-    return /*#__PURE__*/_react.default.createElement(_primitives.Box, (0, _extends2.default)({
-      xcss: [triggerStyles, overrideXcss]
-    }, tooltipProps), trigger);
+    return (
+      /*#__PURE__*/
+      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+      _react.default.createElement(_primitives.Box, (0, _extends2.default)({
+        xcss: [triggerStyles, overrideXcss]
+      }, tooltipProps), trigger)
+    );
   });
 };
 var _default = exports.default = AIIndicatorTooltip;

package/dist/cjs/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/index.js

@@ -38,7 +38,7 @@ var RelatedUrlList = function RelatedUrlList(_ref) {
   var intl = (0, _reactIntlNext.useIntl)();
   return resolvedResults.length > 0 ?
   /*#__PURE__*/
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
   _react.default.createElement(_primitives.Stack, {
     testId: testId,
     xcss: (0, _primitives.xcss)({

package/dist/cjs/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/resolved-result-stack/index.js

@@ -29,7 +29,7 @@ var ResolvedResultsStack = function ResolvedResultsStack(_ref) {
     space: "space.050",
     testId: "".concat(testId, "-items-wrapper"),
     as: "ul"
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
     ,
     xcss: (0, _primitives.xcss)({
       paddingLeft: 'space.0',

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

@@ -85,7 +85,7 @@ var getBaseStyles = exports.getBaseStyles = function getBaseStyles(direction, si
   });
 };
 
-// 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
+// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var highlightRemoveStyles = exports.highlightRemoveStyles = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\toutline: none !important;\n\toutline-color: inherit;\n\tcolor: inherit;\n\t-webkit-tap-highlight-color: transparent;\n\t-webkit-touch-callout: none;\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n\tuser-select: none;\n"])));
 var isActionGroup = function isActionGroup(node) {
   return /*#__PURE__*/_react.default.isValidElement(node) && node.type === _actionGroup.default;

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

@@ -9,7 +9,7 @@ var _colors = require("@atlaskit/theme/colors");
 var _utils = require("../../../../utils");
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var dropdownItemGroupStyles = exports.dropdownItemGroupStyles = (0, _react.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   button: {
@@ -30,7 +30,7 @@ var sharedBlockStyles = (0, _react.css)({
   alignItems: 'center'
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
 var contentStyles = exports.contentStyles = (0, _react.css)(sharedBlockStyles, {
   marginTop: "var(--ds-space-025, 2px)",
   alignItems: 'flex-start',
@@ -42,7 +42,7 @@ var contentStyles = exports.contentStyles = (0, _react.css)(sharedBlockStyles, {
   }
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
 var linkStyles = exports.linkStyles = (0, _react.css)(sharedBlockStyles, {
   cursor: 'pointer',
   fontSize: '0.875rem',

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

@@ -7,7 +7,7 @@ exports.triggerLozengeStyles = exports.triggerButtonStyles = exports.dropdownIte
 var _react = require("@emotion/react");
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var triggerButtonStyles = exports.triggerButtonStyles = (0, _react.css)({
   all: 'unset',
   backgroundColor: 'transparent',
@@ -31,7 +31,7 @@ var triggerButtonStyles = exports.triggerButtonStyles = (0, _react.css)({
   }
 });
 
-// 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
+// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var triggerLozengeStyles = exports.triggerLozengeStyles = (0, _react.css)({
   alignItems: 'center',
   display: 'flex',
@@ -41,7 +41,7 @@ var triggerLozengeStyles = exports.triggerLozengeStyles = (0, _react.css)({
   }
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var dropdownItemGroupStyles = exports.dropdownItemGroupStyles = (0, _react.css)({
   maxHeight: '300px',
   overflowY: 'auto',

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

@@ -9,14 +9,14 @@ 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
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- 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
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var mainTextStyles = exports.mainTextStyles = (0, _react.css)({
   display: 'inline',
   justifyContent: 'center',
@@ -25,7 +25,7 @@ var mainTextStyles = exports.mainTextStyles = (0, _react.css)({
   textAlign: 'center'
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- 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,15 +11,15 @@ var _styled = require("../../../styled");
 var _templateObject; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var elementGap = '0.5rem';
 
-// 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
+// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- 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
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- 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
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var hiddenSnippetStyles = exports.hiddenSnippetStyles = (0, _react.css)({
   visibility: 'hidden',
   position: 'absolute'

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

@@ -7,14 +7,14 @@ exports.titleBlockStyles = exports.skeletonContainer = exports.loadingViewContai
 var _react = require("@emotion/react");
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- 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
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var skeletonContainer = exports.skeletonContainer = (0, _react.css)({
   display: 'flex',
   flexDirection: 'column',
@@ -34,7 +34,7 @@ var getTitleStyles = exports.getTitleStyles = function getTitleStyles(height) {
   });
 };
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- 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

@@ -11,13 +11,13 @@ 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
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- 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
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- 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
@@ -26,7 +26,7 @@ var titleBlockStyles = exports.titleBlockStyles = (0, _react.css)({
   }
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var mainTextStyles = exports.mainTextStyles = (0, _react.css)({
   marginTop: blockGap,
   fontSize: '0.75rem'

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

@@ -28,7 +28,7 @@ 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
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- 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': {
@@ -36,10 +36,10 @@ var separatorCss = exports.separatorCss = (0, _react.css)({
   }
 });
 
-// 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
+// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- 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, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- 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)({
@@ -49,7 +49,7 @@ var getTransitionStyles = exports.getTransitionStyles = function getTransitionSt
   });
 };
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- 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)",

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

@@ -7,7 +7,7 @@ exports.breakWordsCss = void 0;
 var _react = require("@emotion/react");
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- 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.8.2",
+  packageVersion: "27.8.4",
   componentName: 'linkUrl'
 };
 var Link = (0, _click.withLinkClickedEvent)('a');

package/dist/cjs/view/RelatedLinksModal/components/related-links-list/index.js

@@ -22,7 +22,7 @@ var RelatedLinksList = function RelatedLinksList(_ref) {
     testId: testId
   }, (0, _react.jsx)(_primitives.Box, {
     paddingBlockStart: "space.050"
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
     ,
     xcss: (0, _primitives.xcss)({
       font: "var(--ds-font-heading-xxsmall, normal 600 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
@@ -36,7 +36,7 @@ var RelatedLinksList = function RelatedLinksList(_ref) {
       testId: "".concat(testId, "-item-").concat(idx)
     }));
   })), urls.length === 0 &&
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
   (0, _react.jsx)(_primitives.Box, {
     paddingBlock: "space.100",
     xcss: (0, _primitives.xcss)({

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

@@ -11,7 +11,7 @@ var _unavailable = require("./views/unavailable");
 var RelatedLinksModal = function RelatedLinksModal(_ref) {
   var onClose = _ref.onClose,
     showModal = _ref.showModal,
-    url = _ref.url;
+    ari = _ref.ari;
   return /*#__PURE__*/_react.default.createElement(_RelatedLinksBaseModal.default, {
     onClose: onClose,
     showModal: showModal

package/dist/cjs/view/common/ai-icon/index.js

@@ -15,8 +15,6 @@ var _colors = require("@atlaskit/theme/colors");
  * with modifications
  */
 var AiIcon = function AiIcon(props) {
-  var iconColor = (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.hover-card-action-redesign') ? "var(--ds-icon, #44546F)" : "var(--ds-icon-accent-blue, ".concat(_colors.B200, ")");
-  var textColor = (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.hover-card-action-redesign') ? "var(--ds-icon, #44546F)" : "var(--ds-text-accent-blue, ".concat(_colors.B400, ")");
   return /*#__PURE__*/_react.default.createElement(_svg.default, props, /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("linearGradient", {
     id: "ai_icon_lg0",
     x1: "21",
@@ -26,12 +24,12 @@ var AiIcon = function AiIcon(props) {
     gradientUnits: "userSpaceOnUse"
   }, /*#__PURE__*/_react.default.createElement("stop", {
     offset: "0.270833",
-    stopColor: iconColor,
-    color: iconColor
+    stopColor: "var(--ds-icon-accent-blue, ".concat(_colors.B200, ")"),
+    color: "var(--ds-icon-accent-blue, ".concat(_colors.B200, ")")
   }), /*#__PURE__*/_react.default.createElement("stop", {
     offset: "1",
-    stopColor: textColor,
-    color: textColor
+    stopColor: "var(--ds-text-accent-blue, ".concat(_colors.B400, ")"),
+    color: "var(--ds-text-accent-blue, ".concat(_colors.B400, ")")
   })), /*#__PURE__*/_react.default.createElement("linearGradient", {
     id: "ai_icon_lg1",
     x1: "12.5",
@@ -41,12 +39,12 @@ var AiIcon = function AiIcon(props) {
     gradientUnits: "userSpaceOnUse"
   }, /*#__PURE__*/_react.default.createElement("stop", {
     offset: "0.1875",
-    stopColor: iconColor,
-    color: iconColor
+    stopColor: "var(--ds-icon-accent-blue, ".concat(_colors.B200, ")"),
+    color: "var(--ds-icon-accent-blue, ".concat(_colors.B200, ")")
   }), /*#__PURE__*/_react.default.createElement("stop", {
     offset: "1",
-    stopColor: textColor,
-    color: textColor
+    stopColor: "var(--ds-text-accent-blue, ".concat(_colors.B400, ")"),
+    color: "var(--ds-text-accent-blue, ".concat(_colors.B400, ")")
   })), /*#__PURE__*/_react.default.createElement("linearGradient", {
     id: "ai_icon_lg2",
     x1: "6.82996",
@@ -55,12 +53,12 @@ var AiIcon = function AiIcon(props) {
     y2: "12",
     gradientUnits: "userSpaceOnUse"
   }, /*#__PURE__*/_react.default.createElement("stop", {
-    stopColor: textColor,
-    color: textColor
+    stopColor: "var(--ds-text-accent-blue, ".concat(_colors.B400, ")"),
+    color: "var(--ds-text-accent-blue, ".concat(_colors.B400, ")")
   }), /*#__PURE__*/_react.default.createElement("stop", {
     offset: "0.791667",
-    stopColor: iconColor,
-    color: iconColor
+    stopColor: "var(--ds-icon-accent-blue, ".concat(_colors.B200, ")"),
+    color: "var(--ds-icon-accent-blue, ".concat(_colors.B200, ")")
   })), /*#__PURE__*/_react.default.createElement("linearGradient", {
     id: "ai_icon_lg3",
     x1: "12.5",
@@ -69,52 +67,52 @@ var AiIcon = function AiIcon(props) {
     y2: "21",
     gradientUnits: "userSpaceOnUse"
   }, /*#__PURE__*/_react.default.createElement("stop", {
-    stopColor: textColor,
-    color: textColor
+    stopColor: "var(--ds-text-accent-blue, ".concat(_colors.B400, ")"),
+    color: "var(--ds-text-accent-blue, ".concat(_colors.B400, ")")
   }), /*#__PURE__*/_react.default.createElement("stop", {
     offset: "0.802083",
-    stopColor: iconColor,
-    color: iconColor
+    stopColor: "var(--ds-icon-accent-blue, ".concat(_colors.B200, ")"),
+    color: "var(--ds-icon-accent-blue, ".concat(_colors.B200, ")")
   }))), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M17.17 12C17.17 11.4477 17.6177 11 18.17 11H20C20.5523 11 21 11.4477 21 12C21 12.5523 20.5523 13 20 13H18.17C17.6177 13 17.17 12.5523 17.17 12Z",
-    fill: "url(#ai_icon_lg0)"
+    fill: (0, _platformFeatureFlags.fg)('platform.linking-platform.smart-card.hover-card-action-redesign') ? "var(--ds-icon, #44546F)" : 'url(#ai_icon_lg0)'
   }), /*#__PURE__*/_react.default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M12 3C12.5523 3 13 3.44772 13 4V5.83C13 6.38228 12.5523 6.83 12 6.83C11.4477 6.83 11 6.38228 11 5.83V4C11 3.44772 11.4477 3 12 3Z",
-    fill: "url(#ai_icon_lg1)"
+    fill: (0, _platformFeatureFlags.fg)('platform.linking-platform.smart-card.hover-card-action-redesign') ? "var(--ds-icon, #44546F)" : 'url(#ai_icon_lg1)'
   }), /*#__PURE__*/_react.default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M3 12C3 11.4477 3.44772 11 4 11H5.83C6.38228 11 6.83 11.4477 6.83 12C6.83 12.5523 6.38228 13 5.83 13H4C3.44772 13 3 12.5523 3 12Z",
-    fill: "url(#ai_icon_lg2)"
+    fill: (0, _platformFeatureFlags.fg)('platform.linking-platform.smart-card.hover-card-action-redesign') ? "var(--ds-icon, #44546F)" : 'url(#ai_icon_lg2)'
   }), /*#__PURE__*/_react.default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M12 17.17C12.5523 17.17 13 17.6177 13 18.17V20C13 20.5523 12.5523 21 12 21C11.4477 21 11 20.5523 11 20V18.17C11 17.6177 11.4477 17.17 12 17.17Z",
-    fill: "url(#ai_icon_lg3)"
+    fill: (0, _platformFeatureFlags.fg)('platform.linking-platform.smart-card.hover-card-action-redesign') ? "var(--ds-icon, #44546F)" : 'url(#ai_icon_lg3)'
   }), /*#__PURE__*/_react.default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M14.2929 14.2929C14.6835 13.9024 15.3166 13.9024 15.7071 14.2929L19.7071 18.2929C20.0977 18.6834 20.0977 19.3166 19.7071 19.7071C19.3166 20.0976 18.6835 20.0976 18.2929 19.7071L14.2929 15.7071C13.9024 15.3166 13.9024 14.6834 14.2929 14.2929Z",
-    fill: iconColor
+    fill: (0, _platformFeatureFlags.fg)('platform.linking-platform.smart-card.hover-card-action-redesign') ? "var(--ds-icon, #44546F)" : "var(--ds-icon-accent-blue, ".concat(_colors.B200, ")")
   }), /*#__PURE__*/_react.default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M19.7071 4.29289C20.0977 4.68342 20.0977 5.31658 19.7071 5.70711L15.7071 9.70711C15.3166 10.0976 14.6835 10.0976 14.2929 9.70711C13.9024 9.31658 13.9024 8.68342 14.2929 8.29289L18.2929 4.29289C18.6835 3.90237 19.3166 3.90237 19.7071 4.29289Z",
-    fill: iconColor
+    fill: (0, _platformFeatureFlags.fg)('platform.linking-platform.smart-card.hover-card-action-redesign') ? "var(--ds-icon, #44546F)" : "var(--ds-icon-accent-blue, ".concat(_colors.B200, ")")
   }), /*#__PURE__*/_react.default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M4.29289 4.29289C4.68342 3.90237 5.31658 3.90237 5.70711 4.29289L9.70711 8.29289C10.0976 8.68342 10.0976 9.31658 9.70711 9.70711C9.31658 10.0976 8.68342 10.0976 8.29289 9.70711L4.29289 5.70711C3.90237 5.31658 3.90237 4.68342 4.29289 4.29289Z",
-    fill: iconColor
+    fill: (0, _platformFeatureFlags.fg)('platform.linking-platform.smart-card.hover-card-action-redesign') ? "var(--ds-icon, #44546F)" : "var(--ds-icon-accent-blue, ".concat(_colors.B200, ")")
   }), /*#__PURE__*/_react.default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M9.70711 14.2929C10.0976 14.6834 10.0976 15.3166 9.70711 15.7071L5.70711 19.7071C5.31658 20.0976 4.68342 20.0976 4.29289 19.7071C3.90237 19.3166 3.90237 18.6834 4.29289 18.2929L8.29289 14.2929C8.68342 13.9024 9.31658 13.9024 9.70711 14.2929Z",
-    fill: iconColor
+    fill: (0, _platformFeatureFlags.fg)('platform.linking-platform.smart-card.hover-card-action-redesign') ? "var(--ds-icon, #44546F)" : "var(--ds-icon-accent-blue, ".concat(_colors.B200, ")")
   })));
 };
 var _default = exports.default = AiIcon;

package/dist/cjs/view/common/ai-prism/ai-glowing-border/index.js

@@ -19,7 +19,7 @@ var borderContainerStyles = (0, _react.css)({
   width: 'fit-content'
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var borderContentStyles = exports.borderContentStyles = (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
   borderRadius: _constants.INNER_BORDER_RADIUS,

package/dist/es2019/extractors/flexible/actions/extract-view-related-links-action.js

@@ -1,14 +1,14 @@
-import { extractLink } from '@atlaskit/link-extractors';
+import { extractAri } from '@atlaskit/link-extractors';
 export const extractViewRelatedLinksAction = response => {
   var _response$meta, _response$meta$suppor;
   if (!(response !== null && response !== void 0 && (_response$meta = response.meta) !== null && _response$meta !== void 0 && (_response$meta$suppor = _response$meta.supportedFeature) !== null && _response$meta$suppor !== void 0 && _response$meta$suppor.includes('RelatedLinks'))) {
     return;
   }
-  const url = extractLink(response.data);
-  if (!url) {
+  const ari = extractAri(response.data);
+  if (!ari) {
     return;
   }
   return {
-    url
+    ari
   };
 };

package/dist/es2019/i18n/cs.js

@@ -125,7 +125,11 @@ export default {
   'fabric.linking.related': 'Souvisící',
   'fabric.linking.related_links_found_in': 'Nalezeno v:',
   'fabric.linking.related_links_includes_links_to': 'Zahrnuje odkazy na:',
+  'fabric.linking.related_links_modal_error_header': 'Něco se pokazilo',
+  'fabric.linking.related_links_modal_error_message': 'Při pokusu o načtení nedávných odkazů se vyskytl problém. Zkontrolujte připojení nebo obnovte stránku a zkuste to znovu.',
   'fabric.linking.related_links_modal_title': 'Nedávné odkazy',
+  'fabric.linking.related_links_modal_unavailable_header': 'Žádné nedávné odkazy',
+  'fabric.linking.related_links_modal_unavailable_message': 'Nebyly nalezeny žádné odkazy, které bychom tu mohli zobrazit. Neustále kontrolujeme a přidáváme odkazy na nedávno aktualizované stránky nebo jiné typy obsahu.',
   'fabric.linking.related_links_not_found': 'Nebyly nalezeny žádné odkazy, které bychom tu mohli zobrazit.',
   'fabric.linking.related_links_view_related_urls.nonfinal': 'Zobrazit nedávné odkazy…',
   'fabric.linking.related_work_items_not_found': 'Tento odkaz není nikde jinde zmíněn.',

package/dist/es2019/i18n/da.js

@@ -18,6 +18,7 @@ export default {
   'automation-menu.modal.footer.get-started-button': 'Opret automatisering',
   'automation-menu.modal.footer.ok-button': 'OK',
   'automation-menu.modal.header.icon.label': 'Ikon for overskrift for automatiseringsmodal',
+  'automation-menu.success-state.message': 'Din automatisering er i gang',
   'fabric.linking.access_exists_description': 'Anmod om adgang til at se dette indhold fra {hostname}.',
   'fabric.linking.actions': 'Handlinger',
   'fabric.linking.add_account': 'Tilføj konto',
@@ -124,8 +125,13 @@ export default {
   'fabric.linking.related': 'Relateret',
   'fabric.linking.related_links_found_in': 'Fundet i',
   'fabric.linking.related_links_includes_links_to': 'Omfatter links til',
+  'fabric.linking.related_links_modal_error_header': 'Noget gik galt',
+  'fabric.linking.related_links_modal_error_message': 'Vi løb ind i et problem, da vi forsøgte at indlæse nylige links. Kontrollér din forbindelse, eller genindlæs siden for at prøve igen.',
   'fabric.linking.related_links_modal_title': 'Seneste links',
+  'fabric.linking.related_links_modal_unavailable_header': 'Ingen nylige links',
+  'fabric.linking.related_links_modal_unavailable_message': 'Vi fandt ikke nogen links at vise her. Vi gennemgår løbende og tilføjer nylige links til opdaterede sider eller andre indholdstyper.',
   'fabric.linking.related_links_not_found': 'Vi fandt ikke nogen links.',
+  'fabric.linking.related_links_view_related_urls.nonfinal': 'Se nylige links ...',
   'fabric.linking.related_work_items_not_found': 'Dette link omtales ikke andre steder.',
   'fabric.linking.request_access': 'Anmod om adgang',
   'fabric.linking.request_access_description': 'Dit team bruger {product} til at samarbejde. Send din administrator en anmodning om adgang.',

package/dist/es2019/i18n/de.js

@@ -18,6 +18,7 @@ export default {
   'automation-menu.modal.footer.get-started-button': 'Automatisierung erstellen',
   'automation-menu.modal.footer.ok-button': 'OK',
   'automation-menu.modal.header.icon.label': 'Symbol im Header des Automatisierungsfensters',
+  'automation-menu.success-state.message': 'Ihre Automatisierungsregel wird ausgeführt',
   'fabric.linking.access_exists_description': 'Bitten Sie Ihren Administrator um Zugriffsrechte für die Anzeige dieses Inhalts von {hostname}.',
   'fabric.linking.actions': 'Aktionen',
   'fabric.linking.add_account': 'Account hinzufügen',
@@ -124,8 +125,13 @@ export default {
   'fabric.linking.related': 'Zugehörig',
   'fabric.linking.related_links_found_in': 'Gefunden in',
   'fabric.linking.related_links_includes_links_to': 'Beinhaltet Links zu',
+  'fabric.linking.related_links_modal_error_header': 'Etwas ist schiefgelaufen',
+  'fabric.linking.related_links_modal_error_message': 'Beim Laden der zuletzt aufgerufenen Links ist ein Problem aufgetreten. Überprüfen Sie Ihre Verbindung oder aktualisieren Sie die Seite, um es erneut zu versuchen.',
   'fabric.linking.related_links_modal_title': 'Zuletzt aufgerufene Links',
+  'fabric.linking.related_links_modal_unavailable_header': 'Keine zuletzt aufgerufenen Links',
+  'fabric.linking.related_links_modal_unavailable_message': 'Es wurden keine Links zum Anzeigen gefunden. Die zuletzt aufgerufenen Links werden fortlaufend auf aktualisierte Seiten oder andere Inhaltstypen geprüft und ggf. hinzugefügt.',
   'fabric.linking.related_links_not_found': 'Es wurden keine Links zum Anzeigen gefunden.',
+  'fabric.linking.related_links_view_related_urls.nonfinal': 'Letzte Verknüpfungen anzeigen …',
   'fabric.linking.related_work_items_not_found': 'Dieser Link wird nirgendwo sonst erwähnt.',
   'fabric.linking.request_access': 'Zugriff anfordern',
   'fabric.linking.request_access_description': 'Ihr Team verwendet {product} zur Zusammenarbeit. Senden Sie Ihrem Administrator eine Zugriffsanfrage.',

package/dist/es2019/i18n/es.js

@@ -18,6 +18,7 @@ export default {
   'automation-menu.modal.footer.get-started-button': 'Crear automatización',
   'automation-menu.modal.footer.ok-button': 'Aceptar',
   'automation-menu.modal.header.icon.label': 'Icono del encabezado del modal de automatización',
+  'automation-menu.success-state.message': 'Tu automatización está en progreso',
   'fabric.linking.access_exists_description': 'Solicita acceso para ver este contenido desde {hostname}.',
   'fabric.linking.actions': 'Acciones',
   'fabric.linking.add_account': 'Añadir cuenta',
@@ -124,8 +125,13 @@ export default {
   'fabric.linking.related': 'Relacionado',
   'fabric.linking.related_links_found_in': 'Encontrado en',
   'fabric.linking.related_links_includes_links_to': 'Incluye enlaces a',
+  'fabric.linking.related_links_modal_error_header': 'Se ha producido un error',
+  'fabric.linking.related_links_modal_error_message': 'Hemos tenido una incidencia al cargar enlaces recientes. Comprueba tu conexión o actualiza para volver a intentarlo.',
   'fabric.linking.related_links_modal_title': 'Enlaces recientes',
+  'fabric.linking.related_links_modal_unavailable_header': 'Sin enlaces recientes',
+  'fabric.linking.related_links_modal_unavailable_message': 'No hemos encontrado ningún enlace para mostrar aquí. Revisamos y añadimos continuamente enlaces recientes de las páginas actualizadas u otros tipos de contenido.',
   'fabric.linking.related_links_not_found': 'No hemos encontrado ningún enlace que mostrar aquí.',
+  'fabric.linking.related_links_view_related_urls.nonfinal': 'Consultar enlaces recientes...',
   'fabric.linking.related_work_items_not_found': 'Este enlace no se menciona en ningún otro sitio.',
   'fabric.linking.request_access': 'Solicitar acceso',
   'fabric.linking.request_access_description': 'Tu equipo utiliza {product} para colaborar. Envía al administrador una solicitud para poder acceder.',