@atlaskit/smart-card 34.5.2 → 34.6.0

package/dist/cjs/view/FlexibleCard/components/elements/link/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,86 +7,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+require("./index.compiled.css");
+var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
-var _react2 = require("@emotion/react");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _constants = require("../../../../../constants");
 var _useLinkClicked = require("../../../../../state/analytics/useLinkClicked");
 var _utils = require("../../utils");
+var _LinkOld = _interopRequireDefault(require("./LinkOld"));
 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; }
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
+/* eslint-disable @compiled/shorthand-property-sorting */
+/* eslint-disable @atlaskit/design-system/use-tokens-typography */
 var DEFAULT_MAX_LINES = 2;
 var MAXIMUM_MAX_LINES = 2;
 var MINIMUM_MAX_LINES = 1;
-var containerStyles = (0, _react2.css)({
-  flex: '1 1 auto'
-});
-var getThemeStyles = function getThemeStyles(theme) {
-  switch (theme) {
-    case _constants.SmartLinkInternalTheme.Grey:
-      // We are being specifc with the CSS selectors to ensure that Confluence overrides
-      // do not affect our internal Smart Card styles
-      return (0, _react2.css)({
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-        'a&': {
-          color: "var(--ds-text-subtlest, #626F86)",
-          '&:active, &:visited, &:focus, &:hover': {
-            color: "var(--ds-text-subtlest, #626F86)",
-            textDecoration: 'underline'
-          },
-          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)"
-        }
-      });
-    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-    case _constants.SmartLinkTheme.Black:
-      return (0, _react2.css)({
-        color: "var(--ds-text-subtle, #44546F)",
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-        ':active': {
-          color: "var(--ds-text, #172B4D)"
-        },
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-        ':hover': {
-          color: "var(--ds-text-subtle, #44546F)",
-          textDecoration: 'underline'
-        }
-      });
-    case _constants.SmartLinkTheme.Link:
-    default:
-      return (0, _react2.css)({
-        color: "var(--ds-link, #0C66E4)",
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-        ':active': {
-          color: "var(--ds-link-pressed, #0055CC)"
-        },
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-        ':hover': {
-          color: "var(--ds-link, #0C66E4)",
-          textDecoration: 'underline'
-        }
-      });
-  }
-};
-var getAnchorStyles = function getAnchorStyles(size, theme, maxLines, hasSpace) {
-  var sizeStyles = (0, _utils.getLinkSizeStyles)(size);
-  return (0, _react2.css)({
-    flex: '1 1 auto'
-  },
-  // 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)(maxLines, (0, _utils.getLinkLineHeight)(size), hasSpace ? 'break-word' : 'break-all'),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  getThemeStyles(theme));
-};
+var containerStyles = null;
 var getMaxLines = function getMaxLines(maxLines) {
   if (maxLines > MAXIMUM_MAX_LINES) {
     return DEFAULT_MAX_LINES;
@@ -96,12 +35,45 @@ var getMaxLines = function getMaxLines(maxLines) {
   return maxLines;
 };
 var withTooltip = function withTooltip(trigger, content, testId) {
-  return (0, _react2.jsx)(_tooltip.default, {
+  return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
     content: content,
     testId: "".concat(testId, "-tooltip"),
     tag: "span"
   }, trigger);
 };
+var linkStyleSizeMap = {
+  xlarge: "_11c8o0gd _k48pi7a9 _vwz41k8s",
+  large: "_11c81oud _k48pi7a9 _vwz41j6v",
+  medium: "_11c81oud _k48pi7a9 _vwz41j6v",
+  small: "_11c8qk37 _k48pi7a9 _vwz41j6v"
+};
+var baseAnchorStyle = null;
+var workBreakStyleMap = {
+  true: "_1nmz1hna",
+  false: "_1nmz9jpi"
+};
+var anchorConstantsStyles = null;
+var anchorLineClampMap = {
+  1: "_1yyjkb7n",
+  2: "_1yyjcs5v"
+};
+var anchorLinkLineHeight1Map = {
+  xlarge: "_102k1k8s",
+  large: "_102k1j6v",
+  medium: "_102k1j6v",
+  small: "_102k1j6v"
+};
+var anchorLinkLineHeight2Map = {
+  xlarge: "_102k1wto",
+  large: "_102kviql",
+  medium: "_102kviql",
+  small: "_102kviql"
+};
+var themeStyleMap = {
+  grey: "_fjv618uv _93u918uv _g2lk18uv _pnzf18uv _hlwq8stv _1e2m8stv _1l4b8stv _ue8d8stv _yni7nqa1 _1bianqa1 _93jhnqa1 _64n6nqa1 _1ray131l _dlb7131l _rnxt131l _1h4d131l _10ueqk37 _ye10131l",
+  black: "_syaz1gjq _9oik18uv _1bnx8stv _jf4cnqa1 _30l31gjq _9h8h1fxt",
+  link: "_syaz14q2 _9oik18uv _1bnx8stv _jf4cnqa1 _30l314q2 _9h8h16c2"
+};
 
 /**
  * A base element that represent an anchor.
@@ -109,12 +81,12 @@ var withTooltip = function withTooltip(trigger, content, testId) {
  * @param {LinkProps} LinkProps - The props necessary for the Link element.
  * @see LinkIcon
  */
-var Link = function Link(_ref) {
+var LinkNew = function LinkNew(_ref) {
   var hideTooltip = _ref.hideTooltip,
     _ref$maxLines = _ref.maxLines,
     maxLines = _ref$maxLines === void 0 ? DEFAULT_MAX_LINES : _ref$maxLines,
     name = _ref.name,
-    overrideCss = _ref.overrideCss,
+    className = _ref.className,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? _constants.SmartLinkSize.Medium : _ref$size,
     _ref$testId = _ref.testId,
@@ -130,22 +102,30 @@ var Link = function Link(_ref) {
   var hasSpace = (0, _react.useMemo)(function () {
     return text ? (0, _utils.hasWhiteSpace)(text) : false;
   }, [text]);
-  var anchor = (0, _react2.jsx)("a", (0, _extends2.default)({
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-    css: [getAnchorStyles(size, theme, getMaxLines(maxLines), hasSpace), overrideCss],
+  var anchor = /*#__PURE__*/_react.default.createElement("a", (0, _extends2.default)({
     "data-smart-element": name,
     "data-smart-element-link": true,
     "data-testid": testId,
     onClick: onClick,
     onMouseDown: onMouseDown,
     href: url
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    ,
+    className: (0, _runtime.ax)(["_16jlkb7n _1o9zkb7n _i0dl1wug", linkStyleSizeMap[size], anchorLineClampMap[getMaxLines(maxLines)], "_1reo15vq _18m915vq _1e0ccj1k _1bto1l2s _sudp1e54", workBreakStyleMap[hasSpace ? 'true' : 'false'], getMaxLines(maxLines) === 1 && anchorLinkLineHeight1Map[size], getMaxLines(maxLines) === 2 && anchorLinkLineHeight2Map[size], themeStyleMap[theme], className])
     // We do not want set the target if it is the default value of '_self'. This prevents link
     // click issues in Confluence and Trello which rely on it not being set unless necessary.
   }, target !== '_self' && {
     target: target
   }), text);
-  return (0, _react2.jsx)("span", {
-    css: containerStyles
+  return /*#__PURE__*/_react.default.createElement("span", {
+    className: (0, _runtime.ax)(["_16jlkb7n _1o9zkb7n _i0dl1wug"])
   }, hideTooltip || text === undefined ? anchor : withTooltip(anchor, text, testId));
 };
+var Link = function Link(props) {
+  if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-smartcard')) {
+    return /*#__PURE__*/_react.default.createElement(LinkNew, props);
+  } else {
+    return /*#__PURE__*/_react.default.createElement(_LinkOld.default, props);
+  }
+};
 var _default = exports.default = Link;

package/dist/cjs/view/FlexibleCard/components/elements/lozenge/LozengeOld.js

@@ -0,0 +1,66 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("@emotion/react");
+var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
+var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
+var _lozengeAction = _interopRequireDefault(require("./lozenge-action"));
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
+var styles = (0, _react.css)({
+  display: 'inline-flex',
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
+  lineHeight: 'inherit'
+});
+
+/**
+ * A base element that displays a Lozenge.
+ * @internal
+ * @param {LozengeProps} LozengeProps - The props necessary for the Lozenge element.
+ * @see State
+ */
+var LozengeOld = function LozengeOld(_ref) {
+  var action = _ref.action,
+    _ref$appearance = _ref.appearance,
+    appearance = _ref$appearance === void 0 ? 'default' : _ref$appearance,
+    name = _ref.name,
+    overrideCss = _ref.overrideCss,
+    style = _ref.style,
+    text = _ref.text,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'smart-element-lozenge' : _ref$testId;
+  var ui = (0, _flexibleUiContext.useFlexibleUiOptionContext)();
+  if (!text) {
+    return null;
+  }
+  var lozenge = action ? (0, _react.jsx)(_lozengeAction.default, {
+    action: action,
+    appearance: appearance,
+    testId: testId,
+    text: text,
+    zIndex: ui === null || ui === void 0 ? void 0 : ui.zIndex
+  }) : (0, _react.jsx)(_lozenge.default, {
+    appearance: appearance
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
+    style: style,
+    testId: "".concat(testId, "-lozenge")
+  }, text);
+  return (0, _react.jsx)("span", {
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+    css: [styles, overrideCss],
+    "data-fit-to-content": true,
+    "data-smart-element": name,
+    "data-smart-element-lozenge": true,
+    "data-testid": testId
+  }, lozenge);
+};
+var _default = exports.default = LozengeOld;

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

@@ -0,0 +1,2 @@
+._1e0c116y{display:inline-flex}
+._vwz41kw7{line-height:inherit}

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

@@ -1,25 +1,23 @@
+/* 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 _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
 var _lozengeAction = _interopRequireDefault(require("./lozenge-action"));
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var styles = (0, _react.css)({
-  display: 'inline-flex',
-  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-  lineHeight: 'inherit'
-});
+var _LozengeOld = _interopRequireDefault(require("./LozengeOld"));
+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 styles = null;
 
 /**
  * A base element that displays a Lozenge.
@@ -27,12 +25,12 @@ var styles = (0, _react.css)({
  * @param {LozengeProps} LozengeProps - The props necessary for the Lozenge element.
  * @see State
  */
-var Lozenge = function Lozenge(_ref) {
+var LozengeNew = function LozengeNew(_ref) {
   var action = _ref.action,
     _ref$appearance = _ref.appearance,
     appearance = _ref$appearance === void 0 ? 'default' : _ref$appearance,
     name = _ref.name,
-    overrideCss = _ref.overrideCss,
+    className = _ref.className,
     style = _ref.style,
     text = _ref.text,
     _ref$testId = _ref.testId,
@@ -41,26 +39,34 @@ var Lozenge = function Lozenge(_ref) {
   if (!text) {
     return null;
   }
-  var lozenge = action ? (0, _react.jsx)(_lozengeAction.default, {
+  var lozenge = action ? /*#__PURE__*/React.createElement(_lozengeAction.default, {
     action: action,
     appearance: appearance,
     testId: testId,
     text: text,
     zIndex: ui === null || ui === void 0 ? void 0 : ui.zIndex
-  }) : (0, _react.jsx)(_lozenge.default, {
+  }) : /*#__PURE__*/React.createElement(_lozenge.default, {
     appearance: appearance
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
     ,
     style: style,
     testId: "".concat(testId, "-lozenge")
   }, text);
-  return (0, _react.jsx)("span", {
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-    css: [styles, overrideCss],
+  return /*#__PURE__*/React.createElement("span", {
     "data-fit-to-content": true,
     "data-smart-element": name,
     "data-smart-element-lozenge": true,
     "data-testid": testId
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    ,
+    className: (0, _runtime.ax)(["_1e0c116y _vwz41kw7", className])
   }, lozenge);
 };
+var Lozenge = function Lozenge(props) {
+  if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-smartcard')) {
+    return /*#__PURE__*/React.createElement(LozengeNew, props);
+  } else {
+    return /*#__PURE__*/React.createElement(_LozengeOld.default, props);
+  }
+};
 var _default = exports.default = Lozenge;

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

@@ -1,6 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,8 +10,7 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("react");
-var _react2 = require("@emotion/react");
+var _react = _interopRequireWildcard(require("react"));
 var _dropdownMenu = _interopRequireDefault(require("@atlaskit/dropdown-menu"));
 var _useAnalyticsEvents2 = require("../../../../../../common/analytics/generated/use-analytics-events");
 var _extractLozengeActionItems = _interopRequireDefault(require("../../../../../../extractors/action/extract-lozenge-action-items"));
@@ -25,13 +25,8 @@ var _lozengeActionError = _interopRequireDefault(require("./lozenge-action-error
 var _types = require("./lozenge-action-error/types");
 var _lozengeActionItemsGroup = _interopRequireDefault(require("./lozenge-action-items-group"));
 var _lozengeActionTrigger = _interopRequireDefault(require("./lozenge-action-trigger"));
-/**
- * @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 validateItems = function validateItems() {
   var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var text = arguments.length > 1 ? arguments[1] : undefined;
@@ -148,7 +143,7 @@ var LozengeAction = function LozengeAction(_ref) {
     };
   }(), [action.read, invoke, isLoaded, text, fireEvent]);
   var trigger = (0, _react.useCallback)(function (props) {
-    return (0, _react2.jsx)(_lozengeActionTrigger.default, (0, _extends2.default)({}, props, {
+    return /*#__PURE__*/_react.default.createElement(_lozengeActionTrigger.default, (0, _extends2.default)({}, props, {
       appearance: selected.appearance,
       isOpen: isOpen,
       testId: testId,
@@ -216,7 +211,7 @@ var LozengeAction = function LozengeAction(_ref) {
   }(), [action === null || action === void 0 ? void 0 : action.update, invoke, linkId, reload, url, fireEvent]);
   var dropdownItemGroup = (0, _react.useMemo)(function () {
     if (errorMessage) {
-      return (0, _react2.jsx)(_lozengeActionError.default, {
+      return /*#__PURE__*/_react.default.createElement(_lozengeActionError.default, {
         errorMessage: errorMessage,
         testId: testId,
         url: url,
@@ -224,14 +219,14 @@ var LozengeAction = function LozengeAction(_ref) {
       });
     }
     if (items && items.length > 0) {
-      return (0, _react2.jsx)(_lozengeActionItemsGroup.default, {
+      return /*#__PURE__*/_react.default.createElement(_lozengeActionItemsGroup.default, {
         testId: testId,
         items: items,
         onClick: handleItemClick
       });
     }
   }, [errorMessage, handleItemClick, items, invokePreviewAction, testId, url]);
-  return (0, _react2.jsx)(_dropdownMenu.default, {
+  return /*#__PURE__*/_react.default.createElement(_dropdownMenu.default, {
     isLoading: isLoading,
     isOpen: isOpen,
     onOpenChange: handleOpenChange,

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

@@ -0,0 +1,78 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _react2 = require("@emotion/react");
+var _reactIntlNext = require("react-intl-next");
+var _dropdownMenu = require("@atlaskit/dropdown-menu");
+var _error = _interopRequireDefault(require("@atlaskit/icon/core/migration/error"));
+var _colors = require("@atlaskit/theme/colors");
+var _useAnalyticsEvents2 = require("../../../../../../../common/analytics/generated/use-analytics-events");
+var _messages = require("../../../../../../../messages");
+var _useInvokeClientAction = _interopRequireDefault(require("../../../../../../../state/hooks/use-invoke-client-action"));
+var _utils = require("../../../../utils");
+var _styled = require("./styled");
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
+var MAX_LINE_NUMBER = 8;
+var LozengeActionErrorOld = function LozengeActionErrorOld(_ref) {
+  var errorMessage = _ref.errorMessage,
+    testId = _ref.testId,
+    _ref$maxLineNumber = _ref.maxLineNumber,
+    maxLineNumber = _ref$maxLineNumber === void 0 ? MAX_LINE_NUMBER : _ref$maxLineNumber,
+    invokePreviewAction = _ref.invokePreviewAction;
+  var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
+    fireEvent = _useAnalyticsEvents.fireEvent;
+  var invoke = (0, _useInvokeClientAction.default)({});
+  var isPreviewAvailable = invokePreviewAction !== undefined;
+  var handlePreviewOpen = (0, _react.useCallback)(function () {
+    if (isPreviewAvailable) {
+      fireEvent('ui.button.clicked.smartLinkStatusOpenPreview', {});
+      if (invokePreviewAction) {
+        invoke(invokePreviewAction);
+      }
+    }
+  }, [isPreviewAvailable, invoke, invokePreviewAction, fireEvent]);
+  var content = (0, _react.useMemo)(function () {
+    return (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)("div", {
+      css: _styled.contentStyles
+    }, (0, _react2.jsx)(_error.default, {
+      testId: "".concat(testId, "-icon"),
+      LEGACY_size: "medium",
+      color: "var(--ds-icon-danger, ".concat(_colors.R500, ")"),
+      LEGACY_secondaryColor: "var(--ds-background-danger, ".concat(_colors.R50, ")"),
+      label: 'error',
+      spacing: "spacious"
+    }), (0, _react2.jsx)("span", {
+      css: (0, _styled.textStyles)(maxLineNumber),
+      "data-testid": "".concat(testId, "-error-message")
+    }, typeof errorMessage === 'string' ? errorMessage : (0, _utils.getFormattedMessage)(errorMessage))), isPreviewAvailable ?
+    // 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)("div", {
+      css: _styled.linkStyles
+    }, (0, _react2.jsx)("a", {
+      target: "_blank",
+      "data-testid": "".concat(testId, "-open-embed"),
+      onClick: handlePreviewOpen
+    }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.open_issue_in_jira))) : null);
+  }, [errorMessage, handlePreviewOpen, isPreviewAvailable, maxLineNumber, testId]);
+  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: _styled.dropdownItemGroupStyles,
+      "data-testid": "".concat(testId, "-error-item-group")
+    }, (0, _react2.jsx)(_dropdownMenu.DropdownItemGroup, null, (0, _react2.jsx)(_dropdownMenu.DropdownItem, {
+      testId: "".concat(testId, "-error")
+    }, content)))
+  );
+};
+var _default = exports.default = LozengeActionErrorOld;

package/dist/cjs/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-error/index.compiled.css

@@ -0,0 +1,27 @@
+._11c81doa{font:var(--ds-font-body-large,normal 400 1pc/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
+._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)}
+._pqme1oud >div, ._102e1oud >span{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
+._zulpcxkx{gap:var(--ds-space-100,.5rem)}
+._14hp1wdt button{width:220px}
+._18m915vq{overflow-y:hidden}
+._18u0xy5q{margin-left:var(--ds-space-400,2pc)}
+._19pku2gc{margin-top:var(--ds-space-100,8px)}
+._19pkv77o{margin-top:var(--ds-space-025,2px)}
+._1bto1l2s{text-overflow:ellipsis}
+._1e0c1txw{display:flex}
+._1e0ccj1k{display:-webkit-box}
+._1nmz1hna{word-break:break-word}
+._1reo15vq{overflow-x:hidden}
+._1ul9idpf{min-width:0}
+._1yyj1n6p{-webkit-line-clamp:var(--_t4prqe)}
+._2lx2vrvc{flex-direction:row}
+._4cvr1h6o{align-items:center}
+._4cvr1y6m{align-items:flex-start}
+._80omtlke{cursor:pointer}
+._ngc01o8f >div, ._1t4p1o8f >span{color:var(--_ggxzyp)}
+._o5724jg8{white-space:normal}
+._otyrv77o{margin-bottom:var(--ds-space-025,2px)}
+._sudp1e54{-webkit-box-orient:vertical}
+._1eo073ad button:hover{cursor:default}
+._6pup1kw7 button:hover{background-color:inherit}
+@supports not (-webkit-line-clamp:1){._102k1hw0{max-height:var(--_hm3wc5)}}

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

@@ -1,30 +1,34 @@
+/* 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 _reactIntlNext = require("react-intl-next");
 var _dropdownMenu = require("@atlaskit/dropdown-menu");
 var _error = _interopRequireDefault(require("@atlaskit/icon/core/migration/error"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _colors = require("@atlaskit/theme/colors");
 var _useAnalyticsEvents2 = require("../../../../../../../common/analytics/generated/use-analytics-events");
 var _messages = require("../../../../../../../messages");
 var _useInvokeClientAction = _interopRequireDefault(require("../../../../../../../state/hooks/use-invoke-client-action"));
 var _utils = require("../../../../utils");
-var _styled = require("./styled");
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
+var _LozengeActionErrorOld = _interopRequireDefault(require("./LozengeActionErrorOld"));
+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 MAX_LINE_NUMBER = 8;
-var LozengeActionError = function LozengeActionError(_ref) {
+var contentStyles = null;
+var linkStyles = null;
+var textStylesBase = null;
+var dropdownItemGroupStyles = null;
+var LozengeActionErrorNew = function LozengeActionErrorNew(_ref) {
   var errorMessage = _ref.errorMessage,
     testId = _ref.testId,
     _ref$maxLineNumber = _ref.maxLineNumber,
@@ -42,37 +46,47 @@ var LozengeActionError = function LozengeActionError(_ref) {
       }
     }
   }, [isPreviewAvailable, invoke, invokePreviewAction, fireEvent]);
+  var dynamicCss = null;
   var content = (0, _react.useMemo)(function () {
-    return (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)("div", {
-      css: _styled.contentStyles
-    }, (0, _react2.jsx)(_error.default, {
+    return /*#__PURE__*/React.createElement(_react.Fragment, null, /*#__PURE__*/React.createElement("div", {
+      className: (0, _runtime.ax)(["_zulpcxkx _11c81doa _1reo15vq _18m915vq _1e0c1txw _1ul9idpf _2lx2vrvc _19pkv77o _4cvr1y6m _pqme1oud _102e1oud _ngc01o8f _1t4p1o8f"]),
+      style: {
+        "--_ggxzyp": (0, _runtime.ix)("var(--ds-text, ".concat(_colors.N800, ")"))
+      }
+    }, /*#__PURE__*/React.createElement(_error.default, {
       testId: "".concat(testId, "-icon"),
       LEGACY_size: "medium",
       color: "var(--ds-icon-danger, ".concat(_colors.R500, ")"),
       LEGACY_secondaryColor: "var(--ds-background-danger, ".concat(_colors.R50, ")"),
       label: 'error',
       spacing: "spacious"
-    }), (0, _react2.jsx)("span", {
-      css: (0, _styled.textStyles)(maxLineNumber),
-      "data-testid": "".concat(testId, "-error-message")
-    }, typeof errorMessage === 'string' ? errorMessage : (0, _utils.getFormattedMessage)(errorMessage))), isPreviewAvailable ?
-    // 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)("div", {
-      css: _styled.linkStyles
-    }, (0, _react2.jsx)("a", {
+    }), /*#__PURE__*/React.createElement("span", {
+      "data-testid": "".concat(testId, "-error-message"),
+      className: (0, _runtime.ax)(["_11c81doa _1reo15vq _18m915vq _o5724jg8 _1e0ccj1k _1bto1l2s _1nmz1hna _sudp1e54", "_1yyj1n6p _102k1hw0"]),
+      style: {
+        "--_t4prqe": (0, _runtime.ix)(maxLineNumber),
+        "--_hm3wc5": (0, _runtime.ix)("calc(".concat(maxLineNumber, " * 1rem)"))
+      }
+    }, typeof errorMessage === 'string' ? errorMessage : (0, _utils.getFormattedMessage)(errorMessage))), isPreviewAvailable ? /*#__PURE__*/React.createElement("div", {
+      className: (0, _runtime.ax)(["_zulpcxkx _1reo15vq _18m915vq _11c81oud _1e0c1txw _1ul9idpf _2lx2vrvc _4cvr1h6o _80omtlke _19pku2gc _18u0xy5q _otyrv77o"])
+    }, /*#__PURE__*/React.createElement("a", {
       target: "_blank",
       "data-testid": "".concat(testId, "-open-embed"),
       onClick: handlePreviewOpen
-    }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.open_issue_in_jira))) : null);
-  }, [errorMessage, handlePreviewOpen, isPreviewAvailable, maxLineNumber, testId]);
-  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: _styled.dropdownItemGroupStyles,
-      "data-testid": "".concat(testId, "-error-item-group")
-    }, (0, _react2.jsx)(_dropdownMenu.DropdownItemGroup, null, (0, _react2.jsx)(_dropdownMenu.DropdownItem, {
-      testId: "".concat(testId, "-error")
-    }, content)))
-  );
+    }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.messages.open_issue_in_jira))) : null);
+  }, [errorMessage, handlePreviewOpen, isPreviewAvailable, testId, dynamicCss]);
+  return /*#__PURE__*/React.createElement("span", {
+    "data-testid": "".concat(testId, "-error-item-group"),
+    className: (0, _runtime.ax)(["_14hp1wdt _6pup1kw7 _1eo073ad"])
+  }, /*#__PURE__*/React.createElement(_dropdownMenu.DropdownItemGroup, null, /*#__PURE__*/React.createElement(_dropdownMenu.DropdownItem, {
+    testId: "".concat(testId, "-error")
+  }, content)));
+};
+var LozengeActionError = function LozengeActionError(props) {
+  if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-smartcard')) {
+    return /*#__PURE__*/React.createElement(LozengeActionErrorNew, props);
+  } else {
+    return /*#__PURE__*/React.createElement(_LozengeActionErrorOld.default, props);
+  }
 };
 var _default = exports.default = LozengeActionError;