@atlaskit/smart-card 34.0.0 → 34.1.0

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

@@ -1,28 +1,29 @@
+/* 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");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../../../constants");
 var _actionButton = _interopRequireDefault(require("./action-button"));
 var _actionDropdownItem = _interopRequireDefault(require("./action-dropdown-item"));
 var _actionIcon = _interopRequireDefault(require("./action-icon"));
 var _actionStackItem = _interopRequireDefault(require("./action-stack-item"));
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
+var _ActionOld = _interopRequireDefault(require("./ActionOld"));
+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; }
 /**
  * A base action that can be triggered with an on click.
  * @internal
  * @param {ActionProps} ActionProps - The props necessary for the Action.
  */
-var Action = function Action(_ref) {
+var ActionNew = function ActionNew(_ref) {
   var as = _ref.as,
     _ref$appearance = _ref.appearance,
     appearance = _ref$appearance === void 0 ? 'subtle' : _ref$appearance,
@@ -44,7 +45,7 @@ var Action = function Action(_ref) {
     hideTooltipOnMouseDown = _ref.hideTooltipOnMouseDown,
     xcss = _ref.xcss,
     asDropDownItem = _ref.asDropDownItem,
-    overrideCss = _ref.overrideCss,
+    className = _ref.className,
     isDisabled = _ref.isDisabled,
     href = _ref.href,
     ariaLabel = _ref.ariaLabel,
@@ -54,7 +55,7 @@ var Action = function Action(_ref) {
   }
   var isStackItem = as === 'stack-item';
   var isDropdownItem = as === 'dropdown-item' || asDropDownItem;
-  var actionIcon = icon && (0, _react.jsx)(_actionIcon.default, {
+  var actionIcon = icon && /*#__PURE__*/React.createElement(_actionIcon.default, {
     asStackItemIcon: isStackItem,
     isDisabled: isDisabled,
     icon: icon,
@@ -64,7 +65,7 @@ var Action = function Action(_ref) {
   var iconBefore = icon && iconPosition === 'before' ? actionIcon : undefined;
   var iconAfter = icon && iconPosition === 'after' ? actionIcon : undefined;
   if (isStackItem) {
-    return (0, _react.jsx)(_actionStackItem.default, {
+    return /*#__PURE__*/React.createElement(_actionStackItem.default, {
       content: content,
       icon: actionIcon,
       space: spaceInline,
@@ -83,7 +84,7 @@ var Action = function Action(_ref) {
     });
   }
   if (isDropdownItem) {
-    return (0, _react.jsx)(_actionDropdownItem.default, {
+    return /*#__PURE__*/React.createElement(_actionDropdownItem.default, {
       content: content,
       iconAfter: iconAfter,
       iconBefore: iconBefore,
@@ -92,14 +93,16 @@ var Action = function Action(_ref) {
       testId: testId
     });
   }
-  var button = (0, _react.jsx)(_actionButton.default, {
+  var button = /*#__PURE__*/React.createElement(_actionButton.default, {
     appearance: appearance,
     content: content,
     iconAfter: iconAfter,
     iconBefore: iconBefore,
     isLoading: isLoading,
-    onClick: onClick,
-    overrideCss: overrideCss,
+    onClick: onClick
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    ,
+    className: className,
     size: size,
     testId: testId,
     tooltipMessage: tooltipMessage || content,
@@ -107,6 +110,12 @@ var Action = function Action(_ref) {
     href: href,
     ariaLabel: ariaLabel
   });
-  return Wrapper !== undefined ? (0, _react.jsx)(Wrapper, null, button) : button;
+  return Wrapper !== undefined ? /*#__PURE__*/React.createElement(Wrapper, null, button) : button;
+};
+var Action = function Action(props) {
+  if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-smartcard')) {
+    return /*#__PURE__*/React.createElement(ActionNew, props);
+  }
+  return /*#__PURE__*/React.createElement(_ActionOld.default, props);
 };
 var _default = exports.default = Action;

package/dist/cjs/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/skeleton/SkeletonOld.js

@@ -0,0 +1,90 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SkeletonOld = void 0;
+var _react = require("@emotion/react");
+var _colors = require("@atlaskit/theme/colors");
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
+var AutomationSkeletonContainer = (0, _react.css)({
+  paddingBlock: "var(--ds-space-025, 2px)"
+});
+var SkeletonContainer = (0, _react.css)({
+  marginBlock: "var(--ds-space-100, 8px)",
+  marginInline: "var(--ds-space-250, 20px)",
+  display: 'flex'
+});
+var SkeletonIcon = (0, _react.css)({
+  width: "var(--ds-space-200, 16px)",
+  height: "var(--ds-space-200, 16px)",
+  display: 'inline-block',
+  borderRadius: "var(--ds-space-025, 2px)",
+  backgroundColor: 'currentColor',
+  border: "var(--ds-space-025, 2px)".concat(" solid transparent"),
+  opacity: 0.15
+});
+var MenuIcon = (0, _react.css)({
+  width: '24px',
+  height: '24px',
+  display: 'flex',
+  justifyContent: 'center',
+  alignItems: 'center'
+});
+var shimmer = (0, _react.keyframes)({
+  '0%': {
+    backgroundPosition: '-300px 0'
+  },
+  '100%': {
+    backgroundPosition: '2000px 0'
+  }
+});
+var SkeletonText = (0, _react.css)({
+  width: '85%',
+  height: "var(--ds-space-200, 16px)",
+  marginTop: "var(--ds-space-050, 4px)",
+  marginLeft: "var(--ds-space-150, 12px)",
+  animationDuration: '1s',
+  animationFillMode: 'forwards',
+  animationIterationCount: 'infinite',
+  animationName: shimmer,
+  animationTimingFunction: 'linear',
+  backgroundColor: "var(--ds-skeleton, ".concat(_colors.N30, ")"),
+  backgroundImage: "linear-gradient(to right, ".concat("var(--ds-skeleton, ".concat(_colors.N30, ")"), " 10%, ", "var(--ds-skeleton-subtle, ".concat(_colors.N20, ")"), " 30%, ", "var(--ds-skeleton, ".concat(_colors.N30, ")"), " 50%)"),
+  backgroundRepeat: 'no-repeat'
+});
+var SkeletonLine = function SkeletonLine() {
+  return (0, _react.jsx)("div", {
+    css: SkeletonContainer
+  }, (0, _react.jsx)("div", {
+    css: MenuIcon
+  }, (0, _react.jsx)("div", {
+    css: SkeletonIcon
+  })), (0, _react.jsx)("div", {
+    css: SkeletonText
+  }));
+};
+var getSkeletonLines = function getSkeletonLines(lineCount) {
+  var skeletonLines = [];
+  for (var i = 0; i < lineCount; i++) {
+    skeletonLines.push((0, _react.jsx)(SkeletonLine, {
+      key: "skeleton-line-".concat(i)
+    }));
+  }
+  return skeletonLines;
+};
+var SkeletonOld = exports.SkeletonOld = function SkeletonOld(props) {
+  var _props$lineCount = props.lineCount,
+    lineCount = _props$lineCount === void 0 ? 5 : _props$lineCount;
+  return (
+    // eslint-disable-next-line @atlaskit/design-system/use-primitives
+    (0, _react.jsx)("div", {
+      css: AutomationSkeletonContainer
+    }, getSkeletonLines(lineCount))
+  );
+};

package/dist/cjs/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/skeleton/main.compiled.css

@@ -0,0 +1,27 @@
+
+._19it1vjj{border:var(--_z2s59f)}
+._2rkov77o{border-radius:var(--ds-space-025,2px)}
+._195gv47k{margin-inline:var(--ds-space-250,20px)}
+._1mouu2gc{margin-block:var(--ds-space-100,8px)}
+._1rjcv77o{padding-block:var(--ds-space-025,2px)}._12vemgnk{background-repeat:no-repeat}
+._18u0utpp{margin-left:var(--ds-space-150,9pt)}
+._19pk1b66{margin-top:var(--ds-space-050,4px)}
+._1bah1h6o{justify-content:center}
+._1bsb13sl{width:85%}
+._1bsb1tcg{width:24px}
+._1bsbpxbi{width:var(--ds-space-200,1pc)}
+._1e0c1o8l{display:inline-block}
+._1e0c1txw{display:flex}
+._1itk8aai{background-image:var(--_w76hiz)}
+._1o51q7pw{animation-fill-mode:forwards}
+._1pglp3kn{animation-timing-function:linear}
+._4cvr1h6o{align-items:center}
+._4t3i1tcg{height:24px}
+._4t3ipxbi{height:var(--ds-space-200,1pc)}
+._5sag9cwz{animation-duration:1s}
+._bfhk1r31{background-color:currentColor}
+._bfhk1uqo{background-color:var(--_1vab7it)}
+._j7hq1nls{animation-name:k1a7rfge}
+._tip812c5{animation-iteration-count:infinite}
+._tzy4nh7s{opacity:.15}
+@keyframes k1a7rfge{0%{background-position:-300px 0}to{background-position:125pc 0}}

package/dist/cjs/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/skeleton/main.js

@@ -1,90 +1,59 @@
+/* main.tsx generated by @compiled/babel-plugin v0.35.0 */
 "use strict";
 
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Skeleton = void 0;
-var _react = require("@emotion/react");
+exports.SkeletonNew = exports.Skeleton = void 0;
+require("./main.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _colors = require("@atlaskit/theme/colors");
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var AutomationSkeletonContainer = (0, _react.css)({
-  paddingBlock: "var(--ds-space-025, 2px)"
-});
-var SkeletonContainer = (0, _react.css)({
-  marginBlock: "var(--ds-space-100, 8px)",
-  marginInline: "var(--ds-space-250, 20px)",
-  display: 'flex'
-});
-var SkeletonIcon = (0, _react.css)({
-  width: "var(--ds-space-200, 16px)",
-  height: "var(--ds-space-200, 16px)",
-  display: 'inline-block',
-  borderRadius: "var(--ds-space-025, 2px)",
-  backgroundColor: 'currentColor',
-  border: "var(--ds-space-025, 2px)".concat(" solid transparent"),
-  opacity: 0.15
-});
-var MenuIcon = (0, _react.css)({
-  width: '24px',
-  height: '24px',
-  display: 'flex',
-  justifyContent: 'center',
-  alignItems: 'center'
-});
-var shimmer = (0, _react.keyframes)({
-  '0%': {
-    backgroundPosition: '-300px 0'
-  },
-  '100%': {
-    backgroundPosition: '2000px 0'
-  }
-});
-var SkeletonText = (0, _react.css)({
-  width: '85%',
-  height: "var(--ds-space-200, 16px)",
-  marginTop: "var(--ds-space-050, 4px)",
-  marginLeft: "var(--ds-space-150, 12px)",
-  animationDuration: '1s',
-  animationFillMode: 'forwards',
-  animationIterationCount: 'infinite',
-  animationName: shimmer,
-  animationTimingFunction: 'linear',
-  backgroundColor: "var(--ds-skeleton, ".concat(_colors.N30, ")"),
-  backgroundImage: "linear-gradient(to right, ".concat("var(--ds-skeleton, ".concat(_colors.N30, ")"), " 10%, ", "var(--ds-skeleton-subtle, ".concat(_colors.N20, ")"), " 30%, ", "var(--ds-skeleton, ".concat(_colors.N30, ")"), " 50%)"),
-  backgroundRepeat: 'no-repeat'
-});
+var _SkeletonOld = require("./SkeletonOld");
+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 AutomationSkeletonContainer = null;
+var SkeletonContainer = null;
+var SkeletonIcon = null;
+var MenuIcon = null;
+var shimmer = null;
+var SkeletonText = null;
 var SkeletonLine = function SkeletonLine() {
-  return (0, _react.jsx)("div", {
-    css: SkeletonContainer
-  }, (0, _react.jsx)("div", {
-    css: MenuIcon
-  }, (0, _react.jsx)("div", {
-    css: SkeletonIcon
-  })), (0, _react.jsx)("div", {
-    css: SkeletonText
+  return /*#__PURE__*/React.createElement("div", {
+    className: (0, _runtime.ax)(["_1mouu2gc _195gv47k _1e0c1txw"])
+  }, /*#__PURE__*/React.createElement("div", {
+    className: (0, _runtime.ax)(["_1bsb1tcg _4t3i1tcg _1e0c1txw _1bah1h6o _4cvr1h6o"])
+  }, /*#__PURE__*/React.createElement("div", {
+    className: (0, _runtime.ax)(["_2rkov77o _19it1vjj _1bsbpxbi _4t3ipxbi _1e0c1o8l _bfhk1r31 _tzy4nh7s"]),
+    style: {
+      "--_z2s59f": (0, _runtime.ix)("var(--ds-space-025, 2px)".concat(" solid transparent"))
+    }
+  })), /*#__PURE__*/React.createElement("div", {
+    className: (0, _runtime.ax)(["_1bsb13sl _4t3ipxbi _19pk1b66 _18u0utpp _5sag9cwz _1o51q7pw _tip812c5 _j7hq1nls _1pglp3kn _bfhk1uqo _1itk8aai _12vemgnk"]),
+    style: {
+      "--_1vab7it": (0, _runtime.ix)("var(--ds-skeleton, ".concat(_colors.N30, ")")),
+      "--_w76hiz": (0, _runtime.ix)("linear-gradient(to right, ".concat("var(--ds-skeleton, ".concat(_colors.N30, ")"), " 10%, ", "var(--ds-skeleton-subtle, ".concat(_colors.N20, ")"), " 30%, ", "var(--ds-skeleton, ".concat(_colors.N30, ")"), " 50%)"))
+    }
   }));
 };
 var getSkeletonLines = function getSkeletonLines(lineCount) {
   var skeletonLines = [];
   for (var i = 0; i < lineCount; i++) {
-    skeletonLines.push((0, _react.jsx)(SkeletonLine, {
+    skeletonLines.push( /*#__PURE__*/React.createElement(SkeletonLine, {
       key: "skeleton-line-".concat(i)
     }));
   }
   return skeletonLines;
 };
-var Skeleton = exports.Skeleton = function Skeleton(props) {
+var SkeletonNew = exports.SkeletonNew = function SkeletonNew(props) {
   var _props$lineCount = props.lineCount,
     lineCount = _props$lineCount === void 0 ? 5 : _props$lineCount;
-  return (
-    // eslint-disable-next-line @atlaskit/design-system/use-primitives
-    (0, _react.jsx)("div", {
-      css: AutomationSkeletonContainer
-    }, getSkeletonLines(lineCount))
-  );
+  return /*#__PURE__*/React.createElement("div", {
+    className: (0, _runtime.ax)(["_1rjcv77o"])
+  }, getSkeletonLines(lineCount));
+};
+var Skeleton = exports.Skeleton = function Skeleton(props) {
+  return (0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-smartcard') ? /*#__PURE__*/React.createElement(SkeletonNew, props) : /*#__PURE__*/React.createElement(_SkeletonOld.SkeletonOld, props);
 };

package/dist/cjs/view/FlexibleCard/components/actions/view-related-links-action/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");
@@ -5,11 +6,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _runtime = require("@compiled/react/runtime");
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = require("react");
-var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _useAnalyticsEvents2 = require("../../../../../common/analytics/generated/use-analytics-events");
 var _messages = require("../../../../../messages");
@@ -19,10 +21,7 @@ var _action = _interopRequireDefault(require("../action"));
 var _relatedLinksActionIcon = _interopRequireDefault(require("./related-links-action-icon"));
 var _excluded = ["onClick"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.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
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.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 RelatedLinksModal = /*#__PURE__*/(0, _react.lazy)(function () {
   return Promise.resolve().then(function () {
     return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_smartcard-RelatedLinksModal" */'../../../../RelatedLinksModal'));
@@ -40,7 +39,7 @@ var ViewRelatedLinksAction = function ViewRelatedLinksAction(_ref) {
   var onClick = (0, _react.useCallback)(function () {
     var ari = actionData === null || actionData === void 0 ? void 0 : actionData.ari;
     if (ari) {
-      modal.open((0, _react2.jsx)(RelatedLinksModal, {
+      modal.open( /*#__PURE__*/React.createElement(RelatedLinksModal, {
         ari: ari,
         showModal: true,
         onClose: function onClose() {
@@ -51,9 +50,9 @@ var ViewRelatedLinksAction = function ViewRelatedLinksAction(_ref) {
     fireEvent('ui.button.clicked.relatedLinks', {});
     onClickCallback === null || onClickCallback === void 0 || onClickCallback();
   }, [actionData === null || actionData === void 0 ? void 0 : actionData.ari, fireEvent, modal, onClickCallback]);
-  return actionData ? (0, _react2.jsx)(_action.default, (0, _extends2.default)({
-    content: (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.related_links_view_related_urls),
-    icon: (0, _react2.jsx)(_relatedLinksActionIcon.default, null),
+  return actionData ? /*#__PURE__*/React.createElement(_action.default, (0, _extends2.default)({
+    content: /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.messages.related_links_view_related_urls),
+    icon: /*#__PURE__*/React.createElement(_relatedLinksActionIcon.default, null),
     onClick: onClick,
     testId: "smart-action-view-related-links-action",
     ariaLabel: "View most recent pages or content types coming from or found on this link"

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

@@ -0,0 +1,33 @@
+"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 _childIssues = _interopRequireDefault(require("@atlaskit/icon/core/migration/child-issues"));
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
+var rotateSvg = (0, _react.css)({
+  transform: 'rotate(180deg)',
+  display: 'inline-block'
+});
+
+/**
+ * ChildIssuesIcon but 180 degrees rotated
+ */
+var RelatedLinksActionIconOld = function RelatedLinksActionIconOld() {
+  return (0, _react.jsx)("span", {
+    css: rotateSvg
+  }, (0, _react.jsx)(_childIssues.default, {
+    color: "currentColor",
+    spacing: "spacious",
+    label: "View recent links..."
+  }));
+};
+var _default = exports.default = RelatedLinksActionIconOld;

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

@@ -0,0 +1,2 @@
+._1e0c1o8l{display:inline-block}
+._t9ec1sub{transform:rotate(180deg)}

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

@@ -1,33 +1,38 @@
+/* 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 _childIssues = _interopRequireDefault(require("@atlaskit/icon/core/migration/child-issues"));
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var rotateSvg = (0, _react.css)({
-  transform: 'rotate(180deg)',
-  display: 'inline-block'
-});
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _RelatedLinksActionIconOld = _interopRequireDefault(require("./RelatedLinksActionIconOld"));
+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 rotateSvg = null;
 
 /**
  * ChildIssuesIcon but 180 degrees rotated
  */
-var RelatedLinksActionIcon = function RelatedLinksActionIcon() {
-  return (0, _react.jsx)("span", {
-    css: rotateSvg
-  }, (0, _react.jsx)(_childIssues.default, {
+var RelatedLinksActionIconNew = function RelatedLinksActionIconNew() {
+  return /*#__PURE__*/React.createElement("span", {
+    className: (0, _runtime.ax)(["_t9ec1sub _1e0c1o8l"])
+  }, /*#__PURE__*/React.createElement(_childIssues.default, {
     color: "currentColor",
     spacing: "spacious",
     label: "View recent links..."
   }));
 };
+var RelatedLinksActionIcon = function RelatedLinksActionIcon() {
+  if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-smartcard')) {
+    return /*#__PURE__*/React.createElement(RelatedLinksActionIconNew, null);
+  }
+  return /*#__PURE__*/React.createElement(_RelatedLinksActionIconOld.default, null);
+};
 var _default = exports.default = RelatedLinksActionIcon;

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

@@ -30,6 +30,10 @@ var getFormattedMessageAsString = exports.getFormattedMessageAsString = function
     context: context
   }) : '';
 };
+
+/**
+ * @deprecated remove on FF bandicoots-compiled-migration-smartcard clean up
+ */
 var getIconDimensionStyles = function getIconDimensionStyles(value) {
   return (0, _react2.css)({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
@@ -46,6 +50,10 @@ var getIconDimensionStyles = function getIconDimensionStyles(value) {
     maxWidth: value
   });
 };
+
+/**
+ * @deprecated remove on FF bandicoots-compiled-migration-smartcard clean up
+ */
 var getIconSizeStyles = exports.getIconSizeStyles = function getIconSizeStyles(width) {
   var sizeStyles = getIconDimensionStyles(width);
   // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation

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.0.0",
+  packageVersion: "34.1.0",
   componentName: 'linkUrl'
 };
 var Anchor = (0, _click.withLinkClickedEvent)('a');

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.0.0"
+  packageVersion: "34.1.0"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/es2019/view/FlexibleCard/components/actions/action/ActionOld.js

@@ -0,0 +1,100 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import { jsx } from '@emotion/react';
+import { SmartLinkSize } from '../../../../../constants';
+import ActionButton from './action-button';
+import ActionDropdownItem from './action-dropdown-item';
+import ActionIcon from './action-icon';
+import ActionStackItem from './action-stack-item';
+/**
+ * A base action that can be triggered with an on click.
+ * @internal
+ * @param {ActionProps} ActionProps - The props necessary for the Action.
+ */
+const ActionOld = ({
+  as,
+  appearance = 'subtle',
+  content,
+  isLoading = false,
+  onClick,
+  size = SmartLinkSize.Medium,
+  testId = 'smart-action',
+  icon,
+  iconPosition = 'before',
+  spaceInline,
+  tooltipMessage,
+  tooltipOnHide,
+  hideTooltip,
+  hideTooltipOnMouseDown,
+  xcss,
+  asDropDownItem,
+  overrideCss,
+  isDisabled,
+  href,
+  ariaLabel,
+  wrapper: Wrapper
+}) => {
+  if (!onClick) {
+    return null;
+  }
+  const isStackItem = as === 'stack-item';
+  const isDropdownItem = as === 'dropdown-item' || asDropDownItem;
+  const actionIcon = icon && jsx(ActionIcon, {
+    asStackItemIcon: isStackItem,
+    isDisabled: isDisabled,
+    icon: icon,
+    size: size,
+    testId: testId
+  });
+  const iconBefore = icon && iconPosition === 'before' ? actionIcon : undefined;
+  const iconAfter = icon && iconPosition === 'after' ? actionIcon : undefined;
+  if (isStackItem) {
+    return jsx(ActionStackItem, {
+      content: content,
+      icon: actionIcon,
+      space: spaceInline,
+      isDisabled: isDisabled,
+      isLoading: isLoading,
+      onClick: onClick,
+      size: size,
+      testId: testId,
+      tooltipMessage: tooltipMessage || content
+      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+      ,
+      xcss: xcss,
+      tooltipOnHide: tooltipOnHide,
+      hideTooltipOnMouseDown: hideTooltipOnMouseDown,
+      hideTooltip: hideTooltip
+    });
+  }
+  if (isDropdownItem) {
+    return jsx(ActionDropdownItem, {
+      content: content,
+      iconAfter: iconAfter,
+      iconBefore: iconBefore,
+      isLoading: isLoading,
+      onClick: onClick,
+      testId: testId
+    });
+  }
+  const button = jsx(ActionButton, {
+    appearance: appearance,
+    content: content,
+    iconAfter: iconAfter,
+    iconBefore: iconBefore,
+    isLoading: isLoading,
+    onClick: onClick,
+    overrideCss: overrideCss,
+    size: size,
+    testId: testId,
+    tooltipMessage: tooltipMessage || content,
+    isDisabled: isDisabled,
+    href: href,
+    ariaLabel: ariaLabel
+  });
+  return Wrapper !== undefined ? jsx(Wrapper, null, button) : button;
+};
+export default ActionOld;