@atlaskit/smart-card 34.5.2 → 34.6.1

package/dist/cjs/view/FlexibleCard/components/elements/preview/index.js

@@ -1,23 +1,20 @@
 "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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = require("react");
-var _react2 = require("@emotion/react");
+var _react = _interopRequireWildcard(require("react"));
 var _constants = require("../../../../../constants");
 var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
 var _media = _interopRequireDefault(require("../media"));
 var _excluded = ["overrideUrl"];
-/**
- * @jsxRuntime classic
- * @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 && {}.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 Preview = function Preview(props) {
   var _ref = props !== null && props !== void 0 ? props : {},
     overrideUrl = _ref.overrideUrl,
@@ -30,6 +27,6 @@ var Preview = function Preview(props) {
   if (!data) {
     return null;
   }
-  return (0, _react2.jsx)(_media.default, (0, _extends2.default)({}, rest, data));
+  return /*#__PURE__*/_react.default.createElement(_media.default, (0, _extends2.default)({}, rest, data));
 };
 var _default = exports.default = Preview;

package/dist/cjs/view/FlexibleCard/components/elements/snippet-element/SnippetElementOld.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = require("react");
+var _react2 = require("@emotion/react");
+var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
+var _text = _interopRequireDefault(require("../text"));
+var _excluded = ["content", "maxLines", "overrideCss"];
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+var SNIPPET_DEFAULT_MAX_LINES = 3;
+var getSnippetStyles = function getSnippetStyles(overrideCss) {
+  return (0, _react2.css)({
+    color: "var(--ds-text, #172B4D)",
+    WebkitUserSelect: 'text',
+    MozUserSelect: 'text',
+    MsUserSelect: 'text',
+    userSelect: 'text'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  overrideCss);
+};
+var SnippetElementOld = function SnippetElementOld() {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var overrideContent = _ref.content,
+    _ref$maxLines = _ref.maxLines,
+    maxLines = _ref$maxLines === void 0 ? SNIPPET_DEFAULT_MAX_LINES : _ref$maxLines,
+    overrideCss = _ref.overrideCss,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var context = (0, _react.useContext)(_flexibleUiContext.FlexibleUiContext);
+  return (0, _react2.jsx)(_text.default, (0, _extends2.default)({
+    content: overrideContent !== null && overrideContent !== void 0 ? overrideContent : context === null || context === void 0 ? void 0 : context.snippet,
+    maxLines: maxLines,
+    overrideCss: getSnippetStyles(overrideCss)
+  }, props));
+};
+var _default = exports.default = SnippetElementOld;

package/dist/cjs/view/FlexibleCard/components/elements/snippet-element/index.compiled.css

@@ -0,0 +1,5 @@
+._181u1kdv{-webkit-user-select:text}
+._1rkw1kdv{-moz-user-select:text}
+._syaz1fxt{color:var(--ds-text,#172b4d)}
+._te171kdv{-ms-user-select:text}
+._uizt1kdv{-webkit-user-select:text;-ms-user-select:text;user-select:text}

package/dist/cjs/view/FlexibleCard/components/elements/snippet-element/index.js

@@ -1,46 +1,48 @@
+/* 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;
+require("./index.compiled.css");
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = require("react");
-var _react2 = require("@emotion/react");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
 var _text = _interopRequireDefault(require("../text"));
-var _excluded = ["content", "maxLines", "overrideCss"];
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+var _SnippetElementOld = _interopRequireDefault(require("./SnippetElementOld"));
+var _excluded = ["content", "maxLines", "className"];
+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 SNIPPET_DEFAULT_MAX_LINES = 3;
-var getSnippetStyles = function getSnippetStyles(overrideCss) {
-  return (0, _react2.css)({
-    color: "var(--ds-text, #172B4D)",
-    WebkitUserSelect: 'text',
-    MozUserSelect: 'text',
-    MsUserSelect: 'text',
-    userSelect: 'text'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  overrideCss);
-};
-var SnippetElement = function SnippetElement() {
+var snippetBaseStyle = null;
+var SnippetElementNew = function SnippetElementNew() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var overrideContent = _ref.content,
     _ref$maxLines = _ref.maxLines,
     maxLines = _ref$maxLines === void 0 ? SNIPPET_DEFAULT_MAX_LINES : _ref$maxLines,
-    overrideCss = _ref.overrideCss,
+    className = _ref.className,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var context = (0, _react.useContext)(_flexibleUiContext.FlexibleUiContext);
-  return (0, _react2.jsx)(_text.default, (0, _extends2.default)({
+  return /*#__PURE__*/React.createElement(_text.default, (0, _extends2.default)({
     content: overrideContent !== null && overrideContent !== void 0 ? overrideContent : context === null || context === void 0 ? void 0 : context.snippet,
     maxLines: maxLines,
-    overrideCss: getSnippetStyles(overrideCss)
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    className: (0, _runtime.ax)(["_syaz1fxt _181u1kdv _1rkw1kdv _te171kdv _uizt1kdv", className])
   }, props));
 };
+var SnippetElement = function SnippetElement() {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-smartcard')) {
+    return /*#__PURE__*/React.createElement(SnippetElementNew, props);
+  } else {
+    return /*#__PURE__*/React.createElement(_SnippetElementOld.default, props);
+  }
+};
 var _default = exports.default = SnippetElement;

package/dist/cjs/view/FlexibleCard/components/elements/text/TextOld.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("@emotion/react");
+var _utils = require("../../utils");
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
+var getStyles = function getStyles(maxLines) {
+  return (0, _react.css)({
+    color: "var(--ds-text-subtlest, #626F86)",
+    font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+    whiteSpace: 'normal'
+  },
+  // 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)(maxLines));
+};
+
+/**
+ * A base element that displays some Text.
+ * @internal
+ * @param {TextProps} TextProps - The props necessary for the Text element.
+ * @see Title
+ */
+var TextOld = function TextOld(_ref) {
+  var content = _ref.content,
+    _ref$maxLines = _ref.maxLines,
+    maxLines = _ref$maxLines === void 0 ? 1 : _ref$maxLines,
+    message = _ref.message,
+    name = _ref.name,
+    overrideCss = _ref.overrideCss,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'smart-element-text' : _ref$testId;
+  if (!message && !content) {
+    return null;
+  }
+  return (0, _react.jsx)("span", {
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+    css: [getStyles(maxLines), overrideCss],
+    "data-separator": true,
+    "data-smart-element": name,
+    "data-smart-element-text": true,
+    "data-testid": testId
+  }, (0, _utils.getFormattedMessage)(message) || content);
+};
+var _default = exports.default = TextOld;

package/dist/cjs/view/FlexibleCard/components/elements/text/index.compiled.css

@@ -0,0 +1,11 @@
+._11c8qk37{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc 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}
+._1nmz1hna{word-break:break-word}
+._1reo15vq{overflow-x:hidden}
+._1yyjr31u{-webkit-line-clamp:var(--_1erfju8)}
+._o5724jg8{white-space:normal}
+._sudp1e54{-webkit-box-orient:vertical}
+._syaz131l{color:var(--ds-text-subtlest,#626f86)}
+@supports not (-webkit-line-clamp:1){._102klxil{max-height:var(--_ohw86c)}}

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

@@ -1,26 +1,21 @@
+/* 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("@emotion/react");
+require("./index.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _utils = require("../../utils");
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var getStyles = function getStyles(maxLines) {
-  return (0, _react.css)({
-    color: "var(--ds-text-subtlest, #626F86)",
-    font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
-    whiteSpace: 'normal'
-  },
-  // 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)(maxLines));
-};
+var _TextOld = _interopRequireDefault(require("./TextOld"));
+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 baseStyle = null;
 
 /**
  * A base element that displays some Text.
@@ -28,25 +23,38 @@ var getStyles = function getStyles(maxLines) {
  * @param {TextProps} TextProps - The props necessary for the Text element.
  * @see Title
  */
-var Text = function Text(_ref) {
+var TextNew = function TextNew(_ref) {
   var content = _ref.content,
     _ref$maxLines = _ref.maxLines,
     maxLines = _ref$maxLines === void 0 ? 1 : _ref$maxLines,
     message = _ref.message,
     name = _ref.name,
-    overrideCss = _ref.overrideCss,
+    className = _ref.className,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'smart-element-text' : _ref$testId;
   if (!message && !content) {
     return null;
   }
-  return (0, _react.jsx)("span", {
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-    css: [getStyles(maxLines), overrideCss],
+  var dynamicCss = null;
+  return /*#__PURE__*/React.createElement("span", {
     "data-separator": true,
     "data-smart-element": name,
     "data-smart-element-text": true,
     "data-testid": testId
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    ,
+    className: (0, _runtime.ax)(["_11c8qk37 _1reo15vq _18m915vq _syaz131l _o5724jg8 _1e0ccj1k _1bto1l2s _1nmz1hna _sudp1e54", "_1yyjr31u _102klxil", className]),
+    style: {
+      "--_1erfju8": (0, _runtime.ix)(maxLines),
+      "--_ohw86c": (0, _runtime.ix)("calc(".concat(maxLines, " * 1rem)"))
+    }
   }, (0, _utils.getFormattedMessage)(message) || content);
 };
+var Text = function Text(props) {
+  if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-smartcard')) {
+    return /*#__PURE__*/React.createElement(TextNew, props);
+  } else {
+    return /*#__PURE__*/React.createElement(_TextOld.default, props);
+  }
+};
 var _default = exports.default = Text;

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

@@ -14,7 +14,10 @@ var _reactIntlNext = require("react-intl-next");
 var _reactLoadable = _interopRequireDefault(require("react-loadable"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../constants");
-var _templateObject; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+var _templateObject;
+/* eslint-disable @atlaskit/ui-styling-standard/no-unsafe-values */
+/* eslint-disable @atlaskit/design-system/use-tokens-typography */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var sizeToButtonSpacing = exports.sizeToButtonSpacing = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _constants.SmartLinkSize.Small, 'none'), _constants.SmartLinkSize.Medium, 'compact'), _constants.SmartLinkSize.Large, 'compact'), _constants.SmartLinkSize.XLarge, 'default');
 var getFormattedMessage = exports.getFormattedMessage = function getFormattedMessage(message) {
   if (message) {
@@ -105,6 +108,10 @@ var importIcon = exports.importIcon = function importIcon(importFn) {
     }
   }); // Because we're using dynamic loading here, TS will not be able to infer the type.
 };
+
+/**
+ * @deprecated remove FF bandicoots-compiled-migration-smartcard clean up
+ */
 var getLinkLineHeight = exports.getLinkLineHeight = function getLinkLineHeight(size) {
   switch (size) {
     case _constants.SmartLinkSize.XLarge:
@@ -116,13 +123,16 @@ var getLinkLineHeight = exports.getLinkLineHeight = function getLinkLineHeight(s
       return '1rem';
   }
 };
+
+/**
+ * @deprecated remove FF bandicoots-compiled-migration-smartcard clean up
+ */
 var getLinkSizeStyles = exports.getLinkSizeStyles = function getLinkSizeStyles(size) {
   switch (size) {
     case _constants.SmartLinkSize.XLarge:
       return (0, _react2.css)({
         font: "var(--ds-font-heading-medium, normal 500 20px/24px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
         fontWeight: "var(--ds-font-weight-regular, 400)",
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/design-system/use-tokens-typography -- Ignored via go/DSP-18766
         lineHeight: getLinkLineHeight(size)
       });
     case _constants.SmartLinkSize.Large:
@@ -130,7 +140,6 @@ var getLinkSizeStyles = exports.getLinkSizeStyles = function getLinkSizeStyles(s
       return (0, _react2.css)({
         font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
         fontWeight: "var(--ds-font-weight-regular, 400)",
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/design-system/use-tokens-typography -- Ignored via go/DSP-18766
         lineHeight: getLinkLineHeight(size)
       });
     case _constants.SmartLinkSize.Small:
@@ -138,7 +147,6 @@ var getLinkSizeStyles = exports.getLinkSizeStyles = function getLinkSizeStyles(s
       return (0, _react2.css)({
         font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
         fontWeight: "var(--ds-font-weight-regular, 400)",
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/design-system/use-tokens-typography -- Ignored via go/DSP-18766
         lineHeight: getLinkLineHeight(size)
       });
   }
@@ -201,6 +209,10 @@ var getPrimitivesPaddingSpaceBySize = exports.getPrimitivesPaddingSpaceBySize =
       return 'space.100';
   }
 };
+
+/**
+ * @deprecated remove FF bandicoots-compiled-migration-smartcard clean up
+ */
 var getTruncateStyles = exports.getTruncateStyles = function getTruncateStyles(maxLines) {
   var lineHeight = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '1rem';
   var wordBreak = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'break-word';

package/dist/cjs/view/HoverCard/components/ContentContainer.compiled.css

@@ -0,0 +1,8 @@
+._11q7glyw{background:none}
+._2rkopd34{border-radius:var(--ds-border-radius-200,8px)}
+._189eidpf{border-width:0}
+._16qsie2t{box-shadow:var(--ds-shadow-overlay,0 8px 9pt rgba(9,30,66,.15),0 0 1px rgba(9,30,66,.31))}
+._1bsby0ve{width:var(--_1rzblqv)}
+._9spsglyw .smart-link-loading-placeholder{display:none}
+._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
+._vchhusvi{box-sizing:border-box}

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

@@ -1,27 +1,32 @@
+/* ContentContainer.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;
+require("./ContentContainer.compiled.css");
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = require("react");
-var _react2 = require("@emotion/react");
 var _reactMagneticDi = require("react-magnetic-di");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _useAiSummaryAction = _interopRequireDefault(require("../../../state/hooks/use-ai-summary-action"));
 var _aiPrism = _interopRequireDefault(require("../../common/ai-prism"));
-var _styled = require("../styled");
+var _ContentContainerOld = _interopRequireDefault(require("./ContentContainerOld"));
 var _HoverCardContent = require("./HoverCardContent");
 var _excluded = ["children", "isAIEnabled", "testId", "url"],
   _excluded2 = ["children", "isAIEnabled", "testId", "url"];
-/**
- * @jsxRuntime classic
- * @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 && {}.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 NEW_CARD_WIDTH_REM = 25;
+var HoverCardContainerStyle = null;
+var popupContainerStyles = null;
 var ConnectedAIPrismContainer = function ConnectedAIPrismContainer(_ref) {
   var children = _ref.children,
     _ref$isAIEnabled = _ref.isAIEnabled,
@@ -38,15 +43,16 @@ var ConnectedAIPrismContainer = function ConnectedAIPrismContainer(_ref) {
   (0, _react.useEffect)(function () {
     setShowPrism(status === 'loading');
   }, [status]);
-  var container = (0, _react2.jsx)("div", (0, _extends2.default)({
+  var container = /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: _HoverCardContent.hoverCardClassName
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    ,
-    css: [_styled.HoverCardContainer, !isAIEnabled ? _styled.popupContainerStyles : undefined],
+    className: (0, _runtime.ax)(["_11q7glyw _189eidpf _vchhusvi _1bsby0ve _9spsglyw", !isAIEnabled && "_2rkopd34 _bfhk1bhr _16qsie2t", _HoverCardContent.hoverCardClassName]),
     "data-testid": testId
-  }, props), children);
-  return isAIEnabled ? (0, _react2.jsx)(_aiPrism.default, {
+  }, props, {
+    style: {
+      "--_1rzblqv": (0, _runtime.ix)("".concat(NEW_CARD_WIDTH_REM, "rem"))
+    }
+  }), children);
+  return isAIEnabled ? /*#__PURE__*/React.createElement(_aiPrism.default, {
     isVisible: showPrism,
     testId: "".concat(testId, "-prism")
   }, container) : container;
@@ -58,10 +64,17 @@ var ContentContainer = function ContentContainer(_ref2) {
     testId = _ref2.testId,
     url = _ref2.url,
     props = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
-  return (0, _react2.jsx)(ConnectedAIPrismContainer, (0, _extends2.default)({
+  return /*#__PURE__*/React.createElement(ConnectedAIPrismContainer, (0, _extends2.default)({
     isAIEnabled: isAIEnabled,
     url: url,
     testId: testId
   }, props), children);
 };
-var _default = exports.default = ContentContainer;
+var Exported = function Exported(props) {
+  if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-smartcard')) {
+    return /*#__PURE__*/React.createElement(ContentContainer, props);
+  } else {
+    return /*#__PURE__*/React.createElement(_ContentContainerOld.default, props);
+  }
+};
+var _default = exports.default = Exported;

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

@@ -0,0 +1,67 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = require("react");
+var _react2 = require("@emotion/react");
+var _reactMagneticDi = require("react-magnetic-di");
+var _useAiSummaryAction = _interopRequireDefault(require("../../../state/hooks/use-ai-summary-action"));
+var _aiPrism = _interopRequireDefault(require("../../common/ai-prism"));
+var _styled = require("../styled");
+var _HoverCardContent = require("./HoverCardContent");
+var _excluded = ["children", "isAIEnabled", "testId", "url"],
+  _excluded2 = ["children", "isAIEnabled", "testId", "url"];
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+var ConnectedAIPrismContainer = function ConnectedAIPrismContainer(_ref) {
+  var children = _ref.children,
+    _ref$isAIEnabled = _ref.isAIEnabled,
+    isAIEnabled = _ref$isAIEnabled === void 0 ? false : _ref$isAIEnabled,
+    testId = _ref.testId,
+    url = _ref.url,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var _useAISummaryAction = (0, _useAiSummaryAction.default)(url),
+    status = _useAISummaryAction.state.status;
+  var _useState = (0, _react.useState)(status === 'loading'),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    showPrism = _useState2[0],
+    setShowPrism = _useState2[1];
+  (0, _react.useEffect)(function () {
+    setShowPrism(status === 'loading');
+  }, [status]);
+  var container = (0, _react2.jsx)("div", (0, _extends2.default)({
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    className: _HoverCardContent.hoverCardClassName
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    ,
+    css: [_styled.HoverCardContainer, !isAIEnabled ? _styled.popupContainerStyles : undefined],
+    "data-testid": testId
+  }, props), children);
+  return isAIEnabled ? (0, _react2.jsx)(_aiPrism.default, {
+    isVisible: showPrism,
+    testId: "".concat(testId, "-prism")
+  }, container) : container;
+};
+var ContentContainerOld = function ContentContainerOld(_ref2) {
+  var children = _ref2.children,
+    _ref2$isAIEnabled = _ref2.isAIEnabled,
+    isAIEnabled = _ref2$isAIEnabled === void 0 ? false : _ref2$isAIEnabled,
+    testId = _ref2.testId,
+    url = _ref2.url,
+    props = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
+  return (0, _react2.jsx)(ConnectedAIPrismContainer, (0, _extends2.default)({
+    isAIEnabled: isAIEnabled,
+    url: url,
+    testId: testId
+  }, props), children);
+};
+var _default = exports.default = ContentContainerOld;

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

@@ -8,13 +8,7 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@emotion/react");
 var _excluded = ["children", "shouldFitContainer", "shouldRenderToParent"];
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 /**
  * The purpose of this component is to hide the default Popup border.
  * HoverCard border implementation is in ContentContainer where it can
@@ -25,7 +19,7 @@ var CustomPopupContainer = /*#__PURE__*/_react.default.forwardRef(function (_ref
     _ = _ref.shouldFitContainer,
     __ = _ref.shouldRenderToParent,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return (0, _react2.jsx)("div", (0, _extends2.default)({}, props, {
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, props, {
     ref: ref
   }), children);
 });

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

@@ -10,7 +10,6 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
-var _react2 = require("@emotion/react");
 var _popup = _interopRequireDefault(require("@atlaskit/popup"));
 var _constants = require("../../../constants");
 var _actions = require("../../../state/actions");
@@ -21,11 +20,6 @@ var _CustomPopupContainer = _interopRequireDefault(require("../components/Custom
 var _HoverCardContent = _interopRequireDefault(require("../components/HoverCardContent"));
 var _styled = require("../styled");
 var _excluded = ["aria-haspopup", "aria-expanded"];
-/**
- * @jsxRuntime classic
- * @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 && {}.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 HOVER_CARD_SOURCE = exports.HOVER_CARD_SOURCE = 'smartLinkPreviewHoverCard';
@@ -199,20 +193,20 @@ var HoverCardComponent = exports.HoverCardComponent = function HoverCardComponen
       url: url,
       id: id
     };
-    return (0, _react2.jsx)(_SmartLinkAnalyticsContext.SmartLinkAnalyticsContext, {
+    return /*#__PURE__*/_react.default.createElement(_SmartLinkAnalyticsContext.SmartLinkAnalyticsContext, {
       url: url,
       display: _constants.CardDisplay.HoverCardPreview,
       id: id,
       source: HOVER_CARD_SOURCE
-    }, (0, _react2.jsx)(_HoverCardContent.default, hoverCardContentProps));
+    }, /*#__PURE__*/_react.default.createElement(_HoverCardContent.default, hoverCardContentProps));
   }, [initShowCard, initHideCard, linkState, onActionClick, renderers, actionOptions, url, id]);
   var trigger = (0, _react.useCallback)(function (_ref3) {
     var ariaHasPopup = _ref3['aria-haspopup'],
       ariaExpanded = _ref3['aria-expanded'],
       triggerProps = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
-    return (0, _react2.jsx)("span", {
+    return /*#__PURE__*/_react.default.createElement("span", {
       ref: parentSpan
-    }, (0, _react2.jsx)("span", (0, _extends2.default)({}, triggerProps, {
+    }, /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({}, triggerProps, {
       // eslint-disable-next-line jsx-a11y/mouse-events-have-key-events
       onMouseOver: initShowCard,
       onMouseLeave: initHideCard,
@@ -222,7 +216,7 @@ var HoverCardComponent = exports.HoverCardComponent = function HoverCardComponen
       "data-testid": "hover-card-trigger-wrapper"
     }), children));
   }, [children, initHideCard, initShowCard, onChildClick, onContextMenuClick, setMousePosition]);
-  return (0, _react2.jsx)(_popup.default, {
+  return /*#__PURE__*/_react.default.createElement(_popup.default, {
     testId: "hover-card",
     isOpen: isOpen && canOpen,
     onClose: hideCard,