@atlaskit/smart-card 27.5.4 → 27.6.1

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

@@ -5,22 +5,49 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = require("@emotion/react");
 var _action = _interopRequireDefault(require("../action"));
 var _reactIntlNext = require("react-intl-next");
 var _messages = require("../../../../../messages");
 var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
 var _relatedLinksActionIcon = _interopRequireDefault(require("./related-links-action-icon"));
-/** @jsx jsx */
-
-var ViewRelatedLinksAction = function ViewRelatedLinksAction(props) {
+var _react2 = require("react");
+var _modal = require("../../../../../state/modal");
+var _excluded = ["onClick"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+var RelatedLinksModal = /*#__PURE__*/(0, _react2.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_smartcard-RelatedLinksModal" */'../../../../RelatedLinksModal'));
+  });
+});
+var ViewRelatedLinksAction = function ViewRelatedLinksAction(_ref) {
   var _context$actions;
+  var onClickCallback = _ref.onClick,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var modal = (0, _modal.useSmartLinkModal)();
   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) {
+      modal.open((0, _react.jsx)(RelatedLinksModal, {
+        url: url,
+        showModal: true,
+        onClose: function onClose() {
+          return modal.close();
+        }
+      }));
+    }
+    onClickCallback === null || onClickCallback === void 0 || onClickCallback();
+  }, [actionData === null || actionData === void 0 ? void 0 : actionData.url, 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),
+    onClick: onClick,
     testId: "smart-action-view-related-links-action",
     ariaLabel: "View most recent pages or content types coming from or found on this link"
   }, props)) : null;

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

@@ -8,6 +8,7 @@ exports.default = void 0;
 var _react = require("@emotion/react");
 var _childIssues = _interopRequireDefault(require("@atlaskit/icon/glyph/child-issues"));
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var rotateSvg = (0, _react.css)({
   transform: 'rotate(180deg)',

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

@@ -19,6 +19,7 @@ var _reactMagneticDi = require("react-magnetic-di");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var ignoreContainerPaddingStyles = (0, _react.css)({
   display: 'flex',
@@ -88,7 +89,9 @@ var ActionBlock = function ActionBlock(_ref) {
         },
         onError: onError,
         onLoadingChange: onLoadingChange,
-        size: size,
+        size: size
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+        ,
         xcss: (0, _primitives.xcss)({
           paddingInline: padding
         }),

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

@@ -14,6 +14,7 @@ var _react2 = _interopRequireWildcard(require("react"));
 var Actions = _interopRequireWildcard(require("../../../actions"));
 var _excluded = ["name", "hideContent", "hideIcon", "onClick", "isDisabled"];
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }

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

@@ -25,11 +25,14 @@ var _utils2 = require("../utils");
 var _reactMagneticDi = require("react-magnetic-di");
 var _excluded = ["triggerRef"];
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var styles = (0, _react2.css)({
   display: 'inline-flex',
   lineHeight: '1rem',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '> div': {
     alignItems: 'center',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     'button:focus-visible': {
       outlineOffset: "var(--ds-space-negative-025, -2px)"
     }

package/dist/cjs/view/FlexibleCard/components/blocks/ai-footer-block/resolved/ai-footer-metadata.js

@@ -13,18 +13,12 @@ var _primitives = require("@atlaskit/primitives");
 var _aiIcon = _interopRequireDefault(require("../../../../../common/ai-icon"));
 var _info = require("../icons/info");
 var _messages = require("../../../../../../messages");
-var _useAiSummary = require("../../../../../../state/hooks/use-ai-summary");
+var _useAiSummaryAction = _interopRequireDefault(require("../../../../../../state/hooks/use-ai-summary-action"));
 var AIFooterMetadata = exports.AIFooterMetadata = function AIFooterMetadata(_ref) {
   var testId = _ref.testId,
-    url = _ref.url,
-    ari = _ref.ari,
-    product = _ref.product;
-  var _useAISummary = (0, _useAiSummary.useAISummary)({
-      url: url,
-      ari: ari,
-      product: product
-    }),
-    status = _useAISummary.state.status;
+    url = _ref.url;
+  var _useAISummaryAction = (0, _useAiSummaryAction.default)(url),
+    status = _useAISummaryAction.state.status;
   if (status !== 'done') {
     return null;
   }

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

@@ -13,6 +13,8 @@ var _tooltip = _interopRequireWildcard(require("@atlaskit/tooltip"));
 var _primitives = require("@atlaskit/primitives");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var AIIndicatorTooltipPrimitive = (0, _styled.default)(_tooltip.TooltipPrimitive)({
   borderRadius: "var(--ds-border-radius, 3px)",

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

@@ -20,6 +20,8 @@ var _aiIndicatorContainer = _interopRequireDefault(require("./ai-indicator-conta
 var _aiLearnMoreAnchor = _interopRequireDefault(require("../../../common/ai-summary/ai-learn-more-anchor"));
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var tooltipMsgStyles = (0, _primitives.xcss)({
   color: 'color.text',
   fontSize: '14px',
@@ -28,6 +30,7 @@ var tooltipMsgStyles = (0, _primitives.xcss)({
 });
 var iconTooltipLinkStyles = (0, _react2.css)({
   color: "var(--ds-text-subtlest, #626F86)",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   '&:link, :visited': {
     color: "var(--ds-text-subtlest, #626F86)"
   },

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

@@ -11,6 +11,7 @@ var _aiStateLoading = _interopRequireDefault(require("./ai-state-loading"));
 var _aiStateDone = _interopRequireDefault(require("./ai-state-done"));
 var _aiStateError = _interopRequireDefault(require("./ai-state-error"));
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var AIStateIndicator = function AIStateIndicator(_ref) {
   var state = _ref.state,

package/dist/cjs/view/FlexibleCard/components/blocks/ai-summary-block/feature-discovery/index.js

@@ -9,6 +9,7 @@ var _react2 = require("react");
 var _storageClient = require("@atlaskit/frontend-utilities/storage-client");
 var _styled = require("./styled");
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var LOCAL_STORAGE_CLIENT_KEY = '@atlaskit/smart-card';
 var LOCAL_STORAGE_DISCOVERY_KEY = 'action-discovery-ai-summarise';
@@ -43,10 +44,13 @@ var FeatureDiscovery = function FeatureDiscovery(_ref) {
   }, [storageClient, discovered]);
   var component = (0, _react2.useMemo)(function () {
     if (!discovered) {
-      return (0, _react.jsx)("span", {
-        css: (0, _styled.getPulseStyles)(),
-        "data-testid": "".concat(testId, "-discovery")
-      }, children);
+      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)("span", {
+          css: (0, _styled.getPulseStyles)(),
+          "data-testid": "".concat(testId, "-discovery")
+        }, children)
+      );
     }
   }, [children, discovered, testId]);
   return component !== null && component !== void 0 ? component : children;

package/dist/cjs/view/FlexibleCard/components/blocks/ai-summary-block/feature-discovery/styled.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getPulseStyles = void 0;
 var _react = require("@emotion/react");
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var getPulseStyles = exports.getPulseStyles = function getPulseStyles() {
   var color = "var(--ds-border-discovery, #8270DB)";
   var pulseKeyframes = (0, _react.keyframes)({

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

@@ -10,6 +10,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireDefault(require("react"));
 var _resolved = _interopRequireDefault(require("./resolved"));
 var _constants = require("../../../../../constants");
+var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
 var _excluded = ["status", "testId"];
 /**
  * Represents an AISummaryBlock, designed to summarising link resource
@@ -19,15 +20,22 @@ var _excluded = ["status", "testId"];
  * @see Block
  */
 var AISummaryBlock = function AISummaryBlock(_ref) {
+  var _context$actions;
   var status = _ref.status,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'smart-ai-summary-block' : _ref$testId,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  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[_constants.InternalActionName.AISummaryAction];
   if (status !== _constants.SmartLinkStatus.Resolved) {
     return null;
   }
+  if (!(actionData !== null && actionData !== void 0 && actionData.url)) {
+    return null;
+  }
   return /*#__PURE__*/_react.default.createElement(_resolved.default, (0, _extends2.default)({}, props, {
-    testId: testId
+    testId: testId,
+    url: actionData.url
   }));
 };
 var _default = exports.default = AISummaryBlock;

package/dist/cjs/view/FlexibleCard/components/blocks/ai-summary-block/resolved/index.js

@@ -19,7 +19,7 @@ var _motionWrapper = _interopRequireDefault(require("../../../common/motion-wrap
 var _aiStateIndicator = _interopRequireDefault(require("../ai-state-indicator"));
 var _utils = require("../../utils");
 var _messages = require("../../../../../../messages");
-var _useAiSummary = require("../../../../../../state/hooks/use-ai-summary");
+var _useAiSummaryAction = _interopRequireDefault(require("../../../../../../state/hooks/use-ai-summary-action"));
 var _aiIcon = _interopRequireDefault(require("../../../../../common/ai-icon"));
 var _aiSummary = _interopRequireDefault(require("../../../../../common/ai-summary"));
 var _useAnalyticsEvents2 = require("../../../../../../common/analytics/generated/use-analytics-events");
@@ -28,11 +28,11 @@ var _aiEventErrorViewed = _interopRequireDefault(require("../../../common/ai-sum
 var _reactMagneticDi = require("react-magnetic-di");
 var _react2 = require("@emotion/react");
 var _featureDiscovery = _interopRequireDefault(require("../feature-discovery"));
-var _flexibleUiContext = require("../../../../../../state/flexible-ui-context");
-var _linkProvider = require("@atlaskit/link-provider");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var AISummaryBlockErrorIndicator = exports.AISummaryBlockErrorIndicator = function AISummaryBlockErrorIndicator(_ref) {
   var showErrorIndicator = _ref.showErrorIndicator,
     error = _ref.error,
@@ -74,27 +74,16 @@ var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
     _props$aiSummaryMinHe = props.aiSummaryMinHeight,
     aiSummaryMinHeight = _props$aiSummaryMinHe === void 0 ? 0 : _props$aiSummaryMinHe,
     metadata = props.metadata,
-    placeholder = props.placeholder;
+    placeholder = props.placeholder,
+    url = props.url;
   var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
     fireEvent = _useAnalyticsEvents.fireEvent;
-  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
-  var url = (context === null || context === void 0 ? void 0 : context.url) || '';
-  var ari = (context === null || context === void 0 ? void 0 : context.ari) || '';
-  var _useSmartLinkContext = (0, _linkProvider.useSmartLinkContext)(),
-    product = _useSmartLinkContext.product,
-    connections = _useSmartLinkContext.connections;
-  var _useAISummary = (0, _useAiSummary.useAISummary)({
-      url: url,
-      ari: ari,
-      product: product,
-      envKey: connections.client.envKey,
-      baseUrl: connections.client.baseUrlOverride
-    }),
-    summariseUrl = _useAISummary.summariseUrl,
-    _useAISummary$state = _useAISummary.state,
-    content = _useAISummary$state.content,
-    status = _useAISummary$state.status,
-    error = _useAISummary$state.error;
+  var _useAISummaryAction = (0, _useAiSummaryAction.default)(url),
+    summariseUrl = _useAISummaryAction.summariseUrl,
+    _useAISummaryAction$s = _useAISummaryAction.state,
+    content = _useAISummaryAction$s.content,
+    status = _useAISummaryAction$s.status,
+    error = _useAISummaryAction$s.error;
   var showAISummary = status === 'done' ||
   // We want to display the AI Summary component only when there is content available during the loading process.
   status === 'loading' && !!content;
@@ -155,7 +144,9 @@ var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
      */,
     overrideCss: (0, _react2.css)({
       overflow: 'visible'
-    }, props.overrideCss)
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+    props.overrideCss)
   }), status === 'done' && /*#__PURE__*/_react.default.createElement(_aiEventSummaryViewed.default, {
     fromCache: isSummarisedOnMountRef.current
   }), /*#__PURE__*/_react.default.createElement(_motionWrapper.default, {

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

@@ -12,6 +12,7 @@ var _constants = require("../../../../../constants");
 var _utils = require("../utils");
 var _templateObject;
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var getBlockStyles = function getBlockStyles(direction, size
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
 ) {
@@ -41,6 +42,7 @@ var Block = function Block(_ref) {
     onRender && onRender();
   }, [onRender]);
   return (0, _react2.jsx)("div", {
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
     css: [getBlockStyles(direction, size), overrideCss],
     "data-smart-block": true,
     "data-testid": testId,

package/dist/cjs/view/FlexibleCard/components/blocks/element-group/index.js

@@ -12,6 +12,7 @@ var _utils = require("../utils");
 var _utils2 = require("../../utils");
 var _templateObject;
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var getAlignmentStyles = function getAlignmentStyles(align) {
   switch (align) {
     case _constants.SmartLinkAlignment.Right:
@@ -35,17 +36,23 @@ var getGapStyles = function getGapStyles(size, align) {
   var gap = (0, _utils.getGapSize)(size);
   if (align === _constants.SmartLinkAlignment.Right) {
     return (0, _react.css)({
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
       '> span': {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         marginLeft: "".concat(gap, "rem")
       },
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
       '> span:first-child': {
         marginLeft: 'initial'
       }
     });
   }
   return (0, _react.css)({
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '> span': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       marginRight: "".concat(gap, "rem"),
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
       '&:last-child': {
         marginRight: 'initial'
       }
@@ -58,9 +65,19 @@ var getHorizontalDirectionStyles = function getHorizontalDirectionStyles(size, a
   return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t\tdisplay: block;\n\t\tvertical-align: middle;\n\t\t", "\n\n\t\t> span, > div {\n\t\t\tvertical-align: middle;\n\n\t\t\t&[data-smart-element-date-time],\n\t\t\t&[data-smart-element-text] {\n\t\t\t\t// Show all/wrapped/truncated\n\t\t\t\tdisplay: inline;\n\t\t\t}\n\t\t}\n\n\t\t", "\n\t"])), (0, _utils2.getTruncateStyles)(1, lineHeight + 'rem'), getGapStyles(size, align));
 };
 var getElementGroupStyles = exports.getElementGroupStyles = function getElementGroupStyles(direction, size, align, width, position) {
-  return (0, _react.css)((0, _utils.getBaseStyles)(direction, size), getAlignmentStyles(align), {
+  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
+  (0, _utils.getBaseStyles)(direction, size),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  getAlignmentStyles(align), {
     minWidth: '10%'
-  }, width === _constants.SmartLinkWidth.Flexible ? "flex: 1 3;" : '', direction === _constants.SmartLinkDirection.Horizontal ? getHorizontalDirectionStyles(size, align) : '', position === _constants.SmartLinkPosition.Top ? 'align-self: flex-start;' : '');
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  width === _constants.SmartLinkWidth.Flexible ? "flex: 1 3;" : '',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  direction === _constants.SmartLinkDirection.Horizontal ? getHorizontalDirectionStyles(size, align) : '',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  position === _constants.SmartLinkPosition.Top ? 'align-self: flex-start;' : '');
 };
 
 /**
@@ -86,6 +103,7 @@ var ElementGroup = function ElementGroup(_ref) {
     _ref$position = _ref.position,
     position = _ref$position === void 0 ? _constants.SmartLinkPosition.Center : _ref$position;
   return (0, _react.jsx)("div", {
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
     css: [getElementGroupStyles(direction, size, align, width, position), overrideCss],
     "data-smart-element-group": true,
     "data-testid": testId

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

@@ -14,7 +14,7 @@ var _utils = require("../utils");
 var _block = _interopRequireDefault(require("../block"));
 var _elementGroup = _interopRequireDefault(require("../element-group"));
 var _utils2 = require("../../utils");
-var _excluded = ["maxLines", "status", "testId", "primary", "secondary"];
+var _excluded = ["maxLines", "status", "testId", "primary", "secondary"]; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var DEFAULT_MAX_LINES = 2;
 var MAXIMUM_MAX_LINES = 2;
 var MINIMUM_MAX_LINES = 1;
@@ -25,8 +25,11 @@ var getElementGroupStyles = function getElementGroupStyles(size, maxLines) {
   // sides so they line up nicely.
   var lineHeight = (0, _utils2.getMaxLineHeight)(size);
   return (0, _react2.css)({
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     lineHeight: "".concat(lineHeight, "rem")
-  }, (0, _utils2.getTruncateStyles)(maxLines, lineHeight + 'rem'));
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  (0, _utils2.getTruncateStyles)(maxLines, lineHeight + 'rem'));
 };
 var getMaxLines = function getMaxLines(maxLines) {
   if (maxLines > MAXIMUM_MAX_LINES) {

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

@@ -13,6 +13,7 @@ var _constants = require("../../../../../constants");
 var _resolved = _interopRequireDefault(require("./resolved"));
 var _excluded = ["status", "testId", "overrideUrl"];
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 /**
  * Represents a PreviewBlock, which typically contains media or other large format content.
  * @public

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

@@ -18,6 +18,7 @@ var _elements = require("../../../elements");
 var _excluded = ["ignoreContainerPadding", "onError", "overrideCss", "placement", "testId", "overrideUrl"];
 var _templateObject;
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
@@ -45,9 +46,11 @@ var getPreviewBlockStyles = function getPreviewBlockStyles(placement, ignoreCont
     return (0, _react2.css)({
       marginLeft: 'calc(var(--container-gap-left) * -1)',
       marginRight: 'calc(var(--container-gap-right) * -1)',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
       '&:first-of-type': {
         marginTop: 'calc(var(--container-padding) * -1)'
       },
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
       '&:last-of-type': {
         marginBottom: 'calc(var(--container-padding) * -1)'
       }
@@ -75,6 +78,7 @@ var PreviewBlockResolvedView = function PreviewBlockResolvedView(_ref) {
     styles = _useState2[0],
     setStyles = _useState2[1];
   var updateStyles = (0, _react.useCallback)(function () {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     setStyles((0, _react2.css)(getPreviewBlockStyles(placement, ignoreContainerPadding), overrideCss));
   }, [ignoreContainerPadding, overrideCss, placement]);
   (0, _react.useEffect)(function () {

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

@@ -20,7 +20,7 @@ var _errored = require("./errored");
 var _resolved = require("./resolved");
 var _resolving = require("./resolving");
 var _analytics = require("./analytics");
-var _excluded = ["testId", "url", "renderers"];
+var _excluded = ["testId", "url", "renderers"]; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**

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

@@ -19,6 +19,8 @@ var _text = _interopRequireDefault(require("../../../../elements/text"));
 var _resolvedResultStack = _interopRequireDefault(require("./resolved-result-stack"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var RelatedUrlList = function RelatedUrlList(_ref) {
   var resolvedResults = _ref.resolvedResults,
     title = _ref.title,

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

@@ -17,8 +17,10 @@ var _utils = require("../../../utils");
 var _elementGroup = _interopRequireDefault(require("../../element-group"));
 var _excluded = ["actionGroup", "retry", "position", "testId", "title", "icon", "hideIcon"];
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var actionStyles = (0, _react2.css)({
   cursor: 'pointer',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   ':hover': {
     color: "var(--ds-text-subtle, #8993A4)",
     textDecoration: 'underline'
@@ -29,8 +31,15 @@ var getMessageStyles = function getMessageStyles(size, hasAction) {
   return (0, _react2.css)({
     flex: '1 1 auto',
     justifyContent: 'flex-end'
-  }, hasAction ? actionStyles : '', sizeStyles, (0, _utils.getTruncateStyles)(1, (0, _utils.getLinkLineHeight)(size)), {
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  hasAction ? actionStyles : '',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  sizeStyles,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  (0, _utils.getTruncateStyles)(1, (0, _utils.getLinkLineHeight)(size)), {
     color: "var(--ds-text-disabled, #6B778C)",
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
     ':focus': {
       outline: "var(--ds-border-focused, #388BFF)".concat(" solid 2px")
     }
@@ -70,7 +79,9 @@ var TitleBlockErroredView = function TitleBlockErroredView(_ref) {
     align: _constants.SmartLinkAlignment.Right
   }, (0, _react2.jsx)("span", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: hasAction ? 'has-action' : '',
+    className: hasAction ? 'has-action' : ''
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+    ,
     css: getMessageStyles(size, hasAction),
     onClick: onClick,
     "data-testid": "".concat(testId, "-errored-view-message"),

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

@@ -18,15 +18,17 @@ var _errored = _interopRequireDefault(require("./errored"));
 var _resolving = _interopRequireDefault(require("./resolving"));
 var _actionGroup = _interopRequireDefault(require("../action-group"));
 var _elements = require("../../elements");
-var _excluded = ["actions", "anchorTarget", "hideTitleTooltip", "maxLines", "onActionMenuOpenChange", "onClick", "overrideCss", "status", "showActionOnHover", "testId", "text", "icon", "theme", "hideRetry", "metadataPosition", "hideIcon"];
+var _excluded = ["actions", "anchorTarget", "hideTitleTooltip", "maxLines", "onActionMenuOpenChange", "onClick", "overrideCss", "status", "showActionOnHover", "testId", "text", "icon", "theme", "hideRetry", "metadataPosition", "hideIcon"]; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var getActionStyles = function getActionStyles(showOnHover, isOpen) {
   if (showOnHover && !isOpen) {
     return (0, _react2.css)({
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
       '.actions-button-group': {
         opacity: 0
       },
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
       '&:hover .actions-button-group, .actions-button-group:focus-within': {
         opacity: 1
       }
@@ -105,6 +107,7 @@ var TitleBlock = function TitleBlock(_ref) {
     onDropdownOpenChange: onDropdownOpenChange
   });
   var actionStyles = getActionStyles(showActionOnHover, actionDropdownOpen);
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   var combinedCss = (0, _react2.css)(actionStyles, overrideCss);
   var overrideText = !!text ? {
     text: text

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

@@ -14,7 +14,7 @@ var _block = _interopRequireDefault(require("../../block"));
 var _elementGroup = _interopRequireDefault(require("../../element-group"));
 var _constants = require("../../../../../../constants");
 var _utils = require("../../utils");
-var _excluded = ["actionGroup", "metadata", "position", "subtitle", "testId", "text", "icon", "title", "metadataPosition", "hideIcon"];
+var _excluded = ["actionGroup", "metadata", "position", "subtitle", "testId", "text", "icon", "title", "metadataPosition", "hideIcon"]; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 /**
  * This renders a fully resolved TitleBlock.
  * This should render when a Smart Link returns a valid response.

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

@@ -15,6 +15,7 @@ var _loadingSkeleton = _interopRequireDefault(require("../../../common/loading-s
 var _utils = require("../../../utils");
 var _excluded = ["actionGroup", "testId", "title", "hideIcon"];
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 /**
  * This represents a TitleBlock for a Smart Link that is currently waiting
  * for a request to finish.
@@ -33,7 +34,9 @@ var TitleBlockResolvingView = function TitleBlockResolvingView(_ref) {
   var iconStyles = (0, _utils.getIconSizeStyles)(iconWidth);
   return (0, _react2.jsx)(_block.default, (0, _extends2.default)({}, blockProps, {
     testId: "".concat(testId, "-resolving-view")
-  }), !hideIcon && (0, _react2.jsx)("span", {
+  }), !hideIcon &&
+  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+  (0, _react2.jsx)("span", {
     css: iconStyles,
     "data-testid": "".concat(testId, "-icon")
   }, (0, _react2.jsx)(_loadingSkeleton.default, {