@atlaskit/smart-card 34.6.2 → 34.6.3

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

@@ -1,31 +1,35 @@
+/* index.tsx generated by @compiled/babel-plugin v0.35.0 */
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
-var _react2 = require("@emotion/react");
+require("./index.compiled.css");
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _runtime = require("@compiled/react/runtime");
 var _storageClient = require("@atlaskit/frontend-utilities/storage-client");
-var _styled = require("./styled");
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _FeatureDiscoveryOld = _interopRequireDefault(require("./FeatureDiscoveryOld"));
+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 && {}.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 LOCAL_STORAGE_CLIENT_KEY = '@atlaskit/smart-card';
 var LOCAL_STORAGE_DISCOVERY_KEY = 'action-discovery-ai-summarise';
 var LOCAL_STORAGE_DISCOVERY_VALUE = 'discovered';
 var LOCAL_STORAGE_DISCOVERY_EXPIRY_IN_MS = 15552000000; // 180 days
 var LOCAL_STORAGE_DISCOVERY_REQUIRED_TIME = 2000;
+var pulseKeyframes = null;
+var pulseStyles = null;
+
 /**
  * This is a hacky solution to help with the feature discovery.
  * This implementation must be removed once the experiment is completed.
  * Cleanup on https://product-fabric.atlassian.net/browse/EDM-9649
  */
-var FeatureDiscovery = function FeatureDiscovery(_ref) {
+var FeatureDiscoveryNew = function FeatureDiscoveryNew(_ref) {
   var children = _ref.children,
     testId = _ref.testId;
   var renderedTime = (0, _react.useRef)();
@@ -57,15 +61,23 @@ var FeatureDiscovery = function FeatureDiscovery(_ref) {
   }, [storageClient, discovered]);
   var component = (0, _react.useMemo)(function () {
     if (!discovered) {
-      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, _react2.jsx)("span", {
-          css: (0, _styled.getPulseStyles)(),
-          "data-testid": "".concat(testId, "-discovery")
-        }, children)
-      );
+      return /*#__PURE__*/React.createElement("span", {
+        "data-testid": "".concat(testId, "-discovery"),
+        className: (0, _runtime.ax)(["_2rko1l7b _y44v1kew _1e0c116y _16qs10kv"]),
+        style: {
+          "--_zsb6fb": (0, _runtime.ix)("0 0 0 0 ".concat("var(--ds-border-discovery, #8270DB)")),
+          "--_d0o24t": (0, _runtime.ix)("".concat(pulseKeyframes, " 2s cubic-bezier(0.5, 0, 0, 1) 0.25s both 2"))
+        }
+      }, children);
     }
   }, [children, discovered, testId]);
   return component !== null && component !== void 0 ? component : children;
 };
+var FeatureDiscovery = function FeatureDiscovery(props) {
+  if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-smartcard')) {
+    return /*#__PURE__*/React.createElement(FeatureDiscoveryNew, props);
+  } else {
+    return /*#__PURE__*/React.createElement(_FeatureDiscoveryOld.default, props);
+  }
+};
 var _default = exports.default = FeatureDiscovery;

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

@@ -7,6 +7,9 @@ exports.getPulseStyles = void 0;
 var _react = require("@emotion/react");
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
+/**
+ * @deprecated remove on FF cleanup of bandicoots-compiled-migration-smartcard
+ */
 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/resolved/AISummaryBlockResolvedViewOld.js

@@ -0,0 +1,65 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _react2 = require("@emotion/react");
+var _reactMagneticDi = require("react-magnetic-di");
+var _constants = require("../../../../../../constants");
+var _useAiSummaryAction = _interopRequireDefault(require("../../../../../../state/hooks/use-ai-summary-action"));
+var _aiSummary = _interopRequireDefault(require("../../../../../common/ai-summary"));
+var _motionWrapper = _interopRequireDefault(require("../../../common/motion-wrapper"));
+var _block = _interopRequireDefault(require("../../block"));
+var _aiEventSummaryViewed = _interopRequireDefault(require("../ai-event-summary-viewed"));
+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 && {}.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 AISummaryBlockResolvedViewOld = function AISummaryBlockResolvedViewOld(props) {
+  var testId = props.testId,
+    _props$aiSummaryMinHe = props.aiSummaryMinHeight,
+    aiSummaryMinHeight = _props$aiSummaryMinHe === void 0 ? 0 : _props$aiSummaryMinHe,
+    placeholder = props.placeholder,
+    url = props.url;
+  var _useAISummaryAction = (0, _useAiSummaryAction.default)(url),
+    _useAISummaryAction$s = _useAISummaryAction.state,
+    content = _useAISummaryAction$s.content,
+    status = _useAISummaryAction$s.status;
+  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;
+  var isSummarisedOnMountRef = (0, _react.useRef)(status === 'done');
+  var minHeight = isSummarisedOnMountRef.current ? 0 : aiSummaryMinHeight;
+  if (!showAISummary) {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, placeholder);
+  }
+  return /*#__PURE__*/_react.default.createElement(_block.default, (0, _extends2.default)({}, props, {
+    direction: _constants.SmartLinkDirection.Vertical,
+    testId: "".concat(testId, "-resolved-view")
+    /**
+     * Enabled for feature discovery to allow box shadow to overflow
+     * Cleanup: https://product-fabric.atlassian.net/browse/EDM-8681
+     */,
+    overrideCss: (0, _react2.css)({
+      overflow: 'visible'
+    },
+    // 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, {
+    minHeight: minHeight,
+    show: showAISummary,
+    showTransition: !isSummarisedOnMountRef.current
+  }, /*#__PURE__*/_react.default.createElement(_aiSummary.default, {
+    testId: "".concat(testId, "-ai-summary"),
+    minHeight: minHeight,
+    content: content
+  })));
+};
+var _default = exports.default = AISummaryBlockResolvedViewOld;

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

@@ -0,0 +1,2 @@
+._18m9ewfl{overflow-y:visible}
+._1reoewfl{overflow-x:visible}

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

@@ -1,3 +1,4 @@
+/* index.tsx generated by @compiled/babel-plugin v0.35.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -6,21 +7,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+require("./index.compiled.css");
 var _react = _interopRequireWildcard(require("react"));
-var _react2 = require("@emotion/react");
+var React = _react;
+var _runtime = require("@compiled/react/runtime");
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _reactMagneticDi = require("react-magnetic-di");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../../../../constants");
 var _useAiSummaryAction = _interopRequireDefault(require("../../../../../../state/hooks/use-ai-summary-action"));
 var _aiSummary = _interopRequireDefault(require("../../../../../common/ai-summary"));
 var _motionWrapper = _interopRequireDefault(require("../../../common/motion-wrapper"));
 var _block = _interopRequireDefault(require("../../block"));
 var _aiEventSummaryViewed = _interopRequireDefault(require("../ai-event-summary-viewed"));
+var _AISummaryBlockResolvedViewOld = _interopRequireDefault(require("./AISummaryBlockResolvedViewOld"));
 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 && {}.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 AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
+var styles = null;
+var AISummaryBlockResolvedViewNew = function AISummaryBlockResolvedViewNew(props) {
   var testId = props.testId,
     _props$aiSummaryMinHe = props.aiSummaryMinHeight,
     aiSummaryMinHeight = _props$aiSummaryMinHe === void 0 ? 0 : _props$aiSummaryMinHe,
@@ -36,30 +40,33 @@ var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
   var isSummarisedOnMountRef = (0, _react.useRef)(status === 'done');
   var minHeight = isSummarisedOnMountRef.current ? 0 : aiSummaryMinHeight;
   if (!showAISummary) {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, placeholder);
+    return /*#__PURE__*/React.createElement(_react.Fragment, null, placeholder);
   }
-  return /*#__PURE__*/_react.default.createElement(_block.default, (0, _extends2.default)({}, props, {
+  return /*#__PURE__*/React.createElement(_block.default, (0, _extends2.default)({}, props, {
     direction: _constants.SmartLinkDirection.Vertical,
     testId: "".concat(testId, "-resolved-view")
     /**
      * Enabled for feature discovery to allow box shadow to overflow
      * Cleanup: https://product-fabric.atlassian.net/browse/EDM-8681
      */,
-    overrideCss: (0, _react2.css)({
-      overflow: 'visible'
-    },
-    // 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, {
+    className: (0, _runtime.ax)(["_1reoewfl _18m9ewfl"])
+  }), status === 'done' && /*#__PURE__*/React.createElement(_aiEventSummaryViewed.default, {
     fromCache: isSummarisedOnMountRef.current
-  }), /*#__PURE__*/_react.default.createElement(_motionWrapper.default, {
+  }), /*#__PURE__*/React.createElement(_motionWrapper.default, {
     minHeight: minHeight,
     show: showAISummary,
     showTransition: !isSummarisedOnMountRef.current
-  }, /*#__PURE__*/_react.default.createElement(_aiSummary.default, {
+  }, /*#__PURE__*/React.createElement(_aiSummary.default, {
     testId: "".concat(testId, "-ai-summary"),
     minHeight: minHeight,
     content: content
   })));
 };
+var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
+  if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-smartcard')) {
+    return /*#__PURE__*/React.createElement(AISummaryBlockResolvedViewNew, props);
+  } else {
+    return /*#__PURE__*/React.createElement(_AISummaryBlockResolvedViewOld.default, props);
+  }
+};
 var _default = exports.default = AISummaryBlockResolvedView;

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

@@ -12,6 +12,7 @@
 ._1dthv2br{-webkit-box-align:start}
 ._1e0c1txw{display:flex}
 ._1e0c1ule{display:block}
+._1e0ccj1k{display:-webkit-box}
 ._1iu61nu9 >div[data-smart-element-date-time], ._166k1nu9 >div[data-smart-element-text], ._1div1nu9 >span[data-smart-element-date-time], ._bmfb1nu9 >span[data-smart-element-text]{display:inline}
 ._1nmz1hna{word-break:break-word}
 ._1o9z11wp{flex-shrink:3}
@@ -42,5 +43,7 @@
 ._r291v2br{-ms-flex-align:start}
 ._s7n4nkob{vertical-align:middle}
 ._sudp1e54{-webkit-box-orient:vertical}
+._vwz41j6v{line-height:1rem}
 ._y3gn1e5h{text-align:left}
-._y3gnusic{text-align:right}
+._y3gnusic{text-align:right}
+@supports not (-webkit-line-clamp:1){._102k1k8s{max-height:1.5rem}._102k1m1q{max-height:1.75rem}}

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

@@ -1,4 +1,5 @@
 /* index.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* eslint-disable @atlaskit/design-system/use-tokens-typography */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -21,10 +22,10 @@ var alignmentStyleMap = {
   left: "_1dthv2br _r291v2br _1bah1y6m _y3gn1e5h"
 };
 var baseStyleBySize = {
-  xlarge: "_zulp147b _1reo15vq _18m915vq _4cvr1h6o _1e0c1txw _1ul9idpf",
-  large: "_zulp1e9d _1reo15vq _18m915vq _4cvr1h6o _1e0c1txw _1ul9idpf",
-  medium: "_zulpcxkx _1reo15vq _18m915vq _4cvr1h6o _1e0c1txw _1ul9idpf",
-  small: "_zulppdf9 _1reo15vq _18m915vq _4cvr1h6o _1e0c1txw _1ul9idpf"
+  xlarge: "_zulp147b _1reo15vq _18m915vq _4cvr1h6o _1e0c1txw _1ul9idpf _vwz41j6v",
+  large: "_zulp1e9d _1reo15vq _18m915vq _4cvr1h6o _1e0c1txw _1ul9idpf _vwz41j6v",
+  medium: "_zulpcxkx _1reo15vq _18m915vq _4cvr1h6o _1e0c1txw _1ul9idpf _vwz41j6v",
+  small: "_zulppdf9 _1reo15vq _18m915vq _4cvr1h6o _1e0c1txw _1ul9idpf _vwz41j6v"
 };
 var baseStyleByDirection = {
   horizontal: "_2lx2vrvc _4cvr1h6o",
@@ -58,6 +59,7 @@ var gapStylesRight = {
   medium: "_24rccxkx _3dveidpf",
   small: "_24rcpdf9 _3dveidpf"
 };
+var minWidthStyle = null;
 
 /**
  * Creates a group of Action components. Accepts an array of Actions, in addition to some styling
@@ -81,13 +83,12 @@ var ElementGroupNew = function ElementGroupNew(_ref) {
     _ref$position = _ref.position,
     position = _ref$position === void 0 ? _constants.SmartLinkPosition.Center : _ref$position,
     className = _ref.className;
-  var totalCss = [baseStyleBySize[size], baseStyleByDirection[direction], baseStyle, alignmentStyleMap[align], null, widthStyle[width], direction === _constants.SmartLinkDirection.Horizontal ? horizontalStyleBase : {}, direction === _constants.SmartLinkDirection.Horizontal ? horizontalStyleByHeight[size] : {}, direction === _constants.SmartLinkDirection.Horizontal ? _constants.SmartLinkAlignment.Left ? gapStylesLeft[size] : gapStylesRight[size] : {}, positionStyle[position]];
   return /*#__PURE__*/React.createElement("div", {
     "data-smart-element-group": true,
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
-    className: (0, _runtime.ax)([baseStyleBySize[size], baseStyleByDirection[direction], "_fiawglyw _1ouwidpf _f6ju1ns9", alignmentStyleMap[align], "_1ul99by0", widthStyle[width], direction === _constants.SmartLinkDirection.Horizontal && "_1reo15vq _18m915vq _1e0c1ule _s7n4nkob _1bto1l2s _1nmz1hna _1yyjkb7n _sudp1e54 _1aaynkob _15tynkob _1iu61nu9 _166k1nu9 _1div1nu9 _bmfb1nu9", direction === _constants.SmartLinkDirection.Horizontal && "", _constants.SmartLinkAlignment.Left ? gapStylesLeft[size] : gapStylesRight[size], positionStyle[position], className])
+    className: (0, _runtime.ax)([baseStyleBySize[size], baseStyleByDirection[direction], "_fiawglyw _1ouwidpf _f6ju1ns9", alignmentStyleMap[align], "_1ul99by0", widthStyle[width], direction === _constants.SmartLinkDirection.Horizontal && "_1reo15vq _18m915vq _1e0c1ule _s7n4nkob _1bto1l2s _1nmz1hna _1yyjkb7n _sudp1e54 _1aaynkob _15tynkob _1iu61nu9 _166k1nu9 _1div1nu9 _bmfb1nu9", direction === _constants.SmartLinkDirection.Horizontal && horizontalStyleByHeight[size], direction === _constants.SmartLinkDirection.Horizontal && align === _constants.SmartLinkAlignment.Left && gapStylesLeft[size], direction === _constants.SmartLinkDirection.Horizontal && align === _constants.SmartLinkAlignment.Right && gapStylesRight[size], positionStyle[position], className])
   }, (0, _utils.renderChildren)(children, size));
 };
 var ElementGroup = function ElementGroup(props) {

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

@@ -56,7 +56,8 @@ var FooterBlockResolvedView = function FooterBlockResolvedView(props) {
   }, /*#__PURE__*/React.createElement(_actionGroup.default, {
     onDropdownOpenChange: onDropdownOpenChange,
     items: actions,
-    appearance: "default"
+    appearance: "default",
+    size: size
   })) : null);
 };
 var FooterBlockResolvedViewExported = function FooterBlockResolvedViewExported(props) {

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

@@ -1,4 +1,3 @@
-._11c81oud{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
 ._18m915vq{overflow-y:hidden}
 ._1bto1l2s{text-overflow:ellipsis}
 ._1e0ccj1k{display:-webkit-box}
@@ -7,4 +6,6 @@
 ._1yyjcs5v{-webkit-line-clamp:2}
 ._1yyjkb7n{-webkit-line-clamp:1}
 ._sudp1e54{-webkit-box-orient:vertical}
+._vwz41k8s{line-height:1.5rem}
+._vwz41m1q{line-height:1.75rem}
 @supports not (-webkit-line-clamp:1){._102k1k7u{max-height:3.5rem}._102k1wto{max-height:3rem}}

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

@@ -19,6 +19,7 @@ var _elementGroup = _interopRequireDefault(require("../element-group"));
 var _utils = require("../utils");
 var _MetadataBlockOld = _interopRequireDefault(require("./MetadataBlockOld"));
 var _excluded = ["maxLines", "status", "testId", "primary", "secondary"];
+/* eslint-disable @atlaskit/design-system/use-tokens-typography */
 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 && {}.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 DEFAULT_MAX_LINES = 2;
@@ -29,10 +30,10 @@ var truncateStyles = {
   '2': "_1reo15vq _18m915vq _1e0ccj1k _1bto1l2s _1nmz1hna _1yyjcs5v _sudp1e54"
 };
 var sizeStyles = {
-  xlarge: "_11c81oud _102k1k7u",
-  large: "_11c81oud _102k1k7u",
-  medium: "_11c81oud _102k1wto",
-  small: "_11c81oud _102k1wto"
+  xlarge: "_vwz41m1q _102k1k7u",
+  large: "_vwz41m1q _102k1k7u",
+  medium: "_vwz41k8s _102k1wto",
+  small: "_vwz41k8s _102k1wto"
 };
 var getMaxLines = function getMaxLines(maxLines) {
   if (maxLines > MAXIMUM_MAX_LINES) {
@@ -77,11 +78,13 @@ var MetadataBlock = function MetadataBlock(_ref) {
     align: _constants.SmartLinkAlignment.Left,
     direction: _constants.SmartLinkDirection.Horizontal,
     width: _constants.SmartLinkWidth.Flexible,
+    size: size,
     className: (0, _runtime.ax)([truncateStyles[maxLinesTotal], sizeStyles[size]])
   }, primaryElements), secondaryElements && /*#__PURE__*/React.createElement(_elementGroup.default, {
     align: _constants.SmartLinkAlignment.Right,
     direction: _constants.SmartLinkDirection.Horizontal,
     width: _constants.SmartLinkWidth.Flexible,
+    size: size,
     className: (0, _runtime.ax)([truncateStyles[maxLinesTotal], sizeStyles[size]])
   }, secondaryElements));
 };

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

@@ -120,7 +120,9 @@ var TitleBlockNew = function TitleBlockNew(_ref) {
     title: title,
     metadataPosition: metadataPosition,
     hideIcon: hideIcon,
-    icon: icon
+    icon: icon,
+    size: props.size,
+    theme: theme
   }));
 };
 var TitleBlock = function TitleBlock(props) {

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

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

package/dist/cjs/view/RelatedLinksModal/components/related-link-item/index.compiled.css

@@ -0,0 +1,4 @@
+._11c81vlj{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
+._zulputpp{gap:var(--ds-space-150,9pt)}
+._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
+._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}

package/dist/cjs/view/RelatedLinksModal/components/related-link-item/index.js

@@ -1,27 +1,31 @@
+/* index.tsx generated by @compiled/babel-plugin v0.35.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
+require("./index.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _primitives = require("@atlaskit/primitives");
+var _constants = require("../../../../constants");
 var _index = require("../../../../index");
 var _RelatedLinkItemOld = _interopRequireDefault(require("./RelatedLinkItemOld"));
+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 && {}.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 hoverStyles = (0, _primitives.xcss)({
   ':hover': {
     backgroundColor: 'color.background.input.hovered',
     borderRadius: 'border.radius.100',
     marginInline: 'space.negative.100',
     paddingInline: 'space.100'
-  },
-  paddingTop: 'space.100',
-  paddingBottom: 'space.100',
-  gap: 'space.150',
-  font: 'font.body.small'
+  }
 });
+var relatedLinkItemStyles = null;
 var RelatedLinkItem = function RelatedLinkItem(_ref) {
   var url = _ref.url,
     testId = _ref.testId;
@@ -37,26 +41,30 @@ var RelatedLinkItem = function RelatedLinkItem(_ref) {
     clickableContainer: true,
     size: _index.SmartLinkSize.Large
   };
-  return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+  return /*#__PURE__*/React.createElement(_primitives.Box, {
     testId: testId,
     xcss: hoverStyles
-  }, /*#__PURE__*/_react.default.createElement(_index.Card, {
+  }, /*#__PURE__*/React.createElement(_index.Card, {
     appearance: "block",
     ui: ui,
     url: url
-  }, /*#__PURE__*/_react.default.createElement(_index.TitleBlock, {
+  }, /*#__PURE__*/React.createElement(_index.TitleBlock, {
     maxLines: 1,
     hideTitleTooltip: true,
     position: _index.SmartLinkPosition.Center,
     subtitle: subtitle,
-    anchorTarget: "_blank"
+    anchorTarget: "_blank",
+    size: ui.size,
+    theme: ui.theme,
+    status: _constants.SmartLinkStatus.Resolved,
+    className: (0, _runtime.ax)(["_zulputpp _11c81vlj _ca0qu2gc _n3tdu2gc"])
   })));
 };
 var RelatedLinkItemExported = function RelatedLinkItemExported(props) {
   if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-smartcard')) {
-    return /*#__PURE__*/_react.default.createElement(RelatedLinkItem, props);
+    return /*#__PURE__*/React.createElement(RelatedLinkItem, props);
   } else {
-    return /*#__PURE__*/_react.default.createElement(_RelatedLinkItemOld.default, props);
+    return /*#__PURE__*/React.createElement(_RelatedLinkItemOld.default, props);
   }
 };
 var _default = exports.default = RelatedLinkItemExported;

package/dist/es2019/utils/analytics/analytics.js

@@ -2,7 +2,7 @@ export const ANALYTICS_CHANNEL = 'media';
 export const context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "34.6.2"
+  packageVersion: "34.6.3"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/es2019/view/BlockCard/views/ResolvedView.compiled.css

@@ -3,4 +3,5 @@
 ._1sxbcxkx span[data-smart-element-avatar-group]>ul{margin-right:var(--ds-space-100,.5rem)}
 ._4t3i1k8s{height:1.5rem}
 ._g0eioxwj .actions-button-group button, ._1qryoxwj .actions-button-group button:active, ._sxbroxwj .actions-button-group button:focus, ._1gyioxwj .actions-button-group button:hover{font-size:.875rem}
+._i8d01j6v [data-smart-element-group]{line-height:1rem}
 ._wwyvidpf span[data-smart-element-avatar-group]>ul{padding-left:0}

package/dist/es2019/view/BlockCard/views/ResolvedView.js

@@ -71,12 +71,12 @@ const ResolvedView = ({
     primary: topMetadata,
     maxLines: 1,
     status: SmartLinkStatus.Resolved,
-    className: ax(["_wwyvidpf _1sxbcxkx"])
+    className: ax(["_wwyvidpf _1sxbcxkx _i8d01j6v"])
   }), /*#__PURE__*/React.createElement(SnippetBlock, null), /*#__PURE__*/React.createElement(MetadataBlock, {
     primary: bottomMetadata,
     maxLines: 1,
     status: SmartLinkStatus.Resolved,
-    className: ax(["_wwyvidpf _1sxbcxkx"])
+    className: ax(["_wwyvidpf _1sxbcxkx _i8d01j6v"])
   }), !isPreviewBlockErrored ? /*#__PURE__*/React.createElement(PreviewBlock, _extends({}, PreviewBlockOptions, {
     onError: () => {
       setIsPreviewBlockErrored(true);

package/dist/es2019/view/FlexibleCard/components/blocks/action-block/ActionBlockOld.js

@@ -0,0 +1,96 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { useCallback, useMemo, useState } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import { css, jsx } from '@emotion/react';
+import { di } from 'react-magnetic-di';
+import { xcss } from '@atlaskit/primitives';
+import { SmartLinkSize } from '../../../../../constants';
+import { useFlexibleUiContext, useFlexibleUiOptionContext } from '../../../../../state/flexible-ui-context';
+import * as Actions from '../../actions';
+import { getPrimitivesPaddingSpaceBySize } from '../../utils';
+import { ActionFooter } from './action-footer';
+const ignoreContainerPaddingStyles = css({
+  display: 'flex',
+  flexDirection: 'column',
+  boxSizing: 'border-box',
+  flexGrow: 1,
+  width: '100%',
+  // We have to find a better way to ignore container padding
+  // This has become more and more of a common use case.
+  marginLeft: 'calc(var(--container-gap-left) * -1)',
+  marginRight: 'calc(var(--container-gap-right) * -1)'
+});
+const DEFAULT_SORT_ORDER = ['PreviewAction', 'CopyLinkAction', 'AISummaryAction'];
+const sort = (a, b) => {
+  let idxA = DEFAULT_SORT_ORDER.indexOf(a);
+  let idxB = DEFAULT_SORT_ORDER.indexOf(b);
+  if (idxA === -1) {
+    idxA = DEFAULT_SORT_ORDER.length;
+  }
+  if (idxB === -1) {
+    idxB = DEFAULT_SORT_ORDER.length;
+  }
+  return idxA - idxB;
+};
+const ActionBlockOld = ({
+  blockRef,
+  onClick: onClickCallback,
+  size,
+  spaceInline,
+  testId = 'smart-block-action'
+}) => {
+  const context = useFlexibleUiContext();
+  const ui = useFlexibleUiOptionContext();
+  const [message, setMessage] = useState();
+  const [isLoading, setIsLoading] = useState(false);
+  const onLoadingChange = useCallback(isLoading => {
+    setIsLoading(isLoading);
+  }, [setIsLoading]);
+  const padding = !(ui !== null && ui !== void 0 && ui.hidePadding) ? getPrimitivesPaddingSpaceBySize((ui === null || ui === void 0 ? void 0 : ui.size) || SmartLinkSize.Medium) : undefined;
+  const onClick = useCallback(name => {
+    setMessage(undefined);
+    onClickCallback === null || onClickCallback === void 0 ? void 0 : onClickCallback(name);
+  }, [onClickCallback]);
+  const onError = useCallback(error => {
+    setMessage(error);
+  }, []);
+  const actions = useMemo(() => {
+    if (!(context !== null && context !== void 0 && context.actions)) {
+      return;
+    }
+    const arr = Object.keys(context.actions);
+    arr.sort(sort);
+    return arr.map(name => {
+      const Action = name in Actions ? Actions[name] : undefined;
+      return Action ? jsx(Action, {
+        as: "stack-item",
+        spaceInline: spaceInline,
+        key: name,
+        onClick: () => onClick(name),
+        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, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+        ,
+        xcss: xcss({
+          paddingInline: padding
+        }),
+        hideTooltip: isLoading
+      }) : null;
+    });
+  }, [context === null || context === void 0 ? void 0 : context.actions, onClick, onError, padding, size, spaceInline, isLoading, onLoadingChange]);
+  return actions ? jsx("div", {
+    css: ignoreContainerPaddingStyles,
+    ref: blockRef,
+    "data-testid": testId
+  }, actions, jsx(ActionFooter, {
+    message: message,
+    paddingInline: padding,
+    testId: testId
+  })) : null;
+};
+export default ActionBlockOld;

package/dist/es2019/view/FlexibleCard/components/blocks/action-block/index.compiled.css

@@ -0,0 +1,7 @@
+._16jlkb7n{flex-grow:1}
+._18u01ivi{margin-left:calc(var(--container-gap-left)*-1)}
+._1bsb1osq{width:100%}
+._1e0c1txw{display:flex}
+._2hwxc10g{margin-right:calc(var(--container-gap-right)*-1)}
+._2lx21bp4{flex-direction:column}
+._vchhusvi{box-sizing:border-box}