@atlaskit/smart-card 34.0.1 → 34.1.1

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

@@ -0,0 +1,83 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import { css, jsx, keyframes } from '@emotion/react';
+import { N20, N30 } from '@atlaskit/theme/colors';
+var AutomationSkeletonContainer = css({
+  paddingBlock: "var(--ds-space-025, 2px)"
+});
+var SkeletonContainer = css({
+  marginBlock: "var(--ds-space-100, 8px)",
+  marginInline: "var(--ds-space-250, 20px)",
+  display: 'flex'
+});
+var SkeletonIcon = 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 = css({
+  width: '24px',
+  height: '24px',
+  display: 'flex',
+  justifyContent: 'center',
+  alignItems: 'center'
+});
+var shimmer = keyframes({
+  '0%': {
+    backgroundPosition: '-300px 0'
+  },
+  '100%': {
+    backgroundPosition: '2000px 0'
+  }
+});
+var SkeletonText = 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(N30, ")"),
+  backgroundImage: "linear-gradient(to right, ".concat("var(--ds-skeleton, ".concat(N30, ")"), " 10%, ", "var(--ds-skeleton-subtle, ".concat(N20, ")"), " 30%, ", "var(--ds-skeleton, ".concat(N30, ")"), " 50%)"),
+  backgroundRepeat: 'no-repeat'
+});
+var SkeletonLine = function SkeletonLine() {
+  return jsx("div", {
+    css: SkeletonContainer
+  }, jsx("div", {
+    css: MenuIcon
+  }, jsx("div", {
+    css: SkeletonIcon
+  })), jsx("div", {
+    css: SkeletonText
+  }));
+};
+var getSkeletonLines = function getSkeletonLines(lineCount) {
+  var skeletonLines = [];
+  for (var i = 0; i < lineCount; i++) {
+    skeletonLines.push(jsx(SkeletonLine, {
+      key: "skeleton-line-".concat(i)
+    }));
+  }
+  return skeletonLines;
+};
+export var 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
+    jsx("div", {
+      css: AutomationSkeletonContainer
+    }, getSkeletonLines(lineCount))
+  );
+};

package/dist/esm/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/esm/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/skeleton/main.js

@@ -1,83 +1,50 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx, keyframes } from '@emotion/react';
+/* main.tsx generated by @compiled/babel-plugin v0.35.0 */
+import "./main.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+import { fg } from '@atlaskit/platform-feature-flags';
 import { N20, N30 } from '@atlaskit/theme/colors';
-var AutomationSkeletonContainer = css({
-  paddingBlock: "var(--ds-space-025, 2px)"
-});
-var SkeletonContainer = css({
-  marginBlock: "var(--ds-space-100, 8px)",
-  marginInline: "var(--ds-space-250, 20px)",
-  display: 'flex'
-});
-var SkeletonIcon = 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 = css({
-  width: '24px',
-  height: '24px',
-  display: 'flex',
-  justifyContent: 'center',
-  alignItems: 'center'
-});
-var shimmer = keyframes({
-  '0%': {
-    backgroundPosition: '-300px 0'
-  },
-  '100%': {
-    backgroundPosition: '2000px 0'
-  }
-});
-var SkeletonText = 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(N30, ")"),
-  backgroundImage: "linear-gradient(to right, ".concat("var(--ds-skeleton, ".concat(N30, ")"), " 10%, ", "var(--ds-skeleton-subtle, ".concat(N20, ")"), " 30%, ", "var(--ds-skeleton, ".concat(N30, ")"), " 50%)"),
-  backgroundRepeat: 'no-repeat'
-});
+import { SkeletonOld } from './SkeletonOld';
+var AutomationSkeletonContainer = null;
+var SkeletonContainer = null;
+var SkeletonIcon = null;
+var MenuIcon = null;
+var shimmer = null;
+var SkeletonText = null;
 var SkeletonLine = function SkeletonLine() {
-  return jsx("div", {
-    css: SkeletonContainer
-  }, jsx("div", {
-    css: MenuIcon
-  }, jsx("div", {
-    css: SkeletonIcon
-  })), jsx("div", {
-    css: SkeletonText
+  return /*#__PURE__*/React.createElement("div", {
+    className: ax(["_1mouu2gc _195gv47k _1e0c1txw"])
+  }, /*#__PURE__*/React.createElement("div", {
+    className: ax(["_1bsb1tcg _4t3i1tcg _1e0c1txw _1bah1h6o _4cvr1h6o"])
+  }, /*#__PURE__*/React.createElement("div", {
+    className: ax(["_2rkov77o _19it1vjj _1bsbpxbi _4t3ipxbi _1e0c1o8l _bfhk1r31 _tzy4nh7s"]),
+    style: {
+      "--_z2s59f": ix("var(--ds-space-025, 2px)".concat(" solid transparent"))
+    }
+  })), /*#__PURE__*/React.createElement("div", {
+    className: ax(["_1bsb13sl _4t3ipxbi _19pk1b66 _18u0utpp _5sag9cwz _1o51q7pw _tip812c5 _j7hq1nls _1pglp3kn _bfhk1uqo _1itk8aai _12vemgnk"]),
+    style: {
+      "--_1vab7it": ix("var(--ds-skeleton, ".concat(N30, ")")),
+      "--_w76hiz": ix("linear-gradient(to right, ".concat("var(--ds-skeleton, ".concat(N30, ")"), " 10%, ", "var(--ds-skeleton-subtle, ".concat(N20, ")"), " 30%, ", "var(--ds-skeleton, ".concat(N30, ")"), " 50%)"))
+    }
   }));
 };
 var getSkeletonLines = function getSkeletonLines(lineCount) {
   var skeletonLines = [];
   for (var i = 0; i < lineCount; i++) {
-    skeletonLines.push(jsx(SkeletonLine, {
+    skeletonLines.push( /*#__PURE__*/React.createElement(SkeletonLine, {
       key: "skeleton-line-".concat(i)
     }));
   }
   return skeletonLines;
 };
-export var Skeleton = function Skeleton(props) {
+export var 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
-    jsx("div", {
-      css: AutomationSkeletonContainer
-    }, getSkeletonLines(lineCount))
-  );
+  return /*#__PURE__*/React.createElement("div", {
+    className: ax(["_1rjcv77o"])
+  }, getSkeletonLines(lineCount));
+};
+export var Skeleton = function Skeleton(props) {
+  return fg('bandicoots-compiled-migration-smartcard') ? /*#__PURE__*/React.createElement(SkeletonNew, props) : /*#__PURE__*/React.createElement(SkeletonOld, props);
 };

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

@@ -1,14 +1,10 @@
+/* index.tsx generated by @compiled/babel-plugin v0.35.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["onClick"];
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
 import { lazy, useCallback } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import { useAnalyticsEvents } from '../../../../../common/analytics/generated/use-analytics-events';
 import { messages } from '../../../../../messages';
@@ -31,7 +27,7 @@ var ViewRelatedLinksAction = function ViewRelatedLinksAction(_ref) {
   var onClick = useCallback(function () {
     var ari = actionData === null || actionData === void 0 ? void 0 : actionData.ari;
     if (ari) {
-      modal.open(jsx(RelatedLinksModal, {
+      modal.open( /*#__PURE__*/React.createElement(RelatedLinksModal, {
         ari: ari,
         showModal: true,
         onClose: function onClose() {
@@ -42,9 +38,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 ? jsx(Action, _extends({
-    content: jsx(FormattedMessage, messages.related_links_view_related_urls),
-    icon: jsx(RelatedLinksActionIcon, null),
+  return actionData ? /*#__PURE__*/React.createElement(Action, _extends({
+    content: /*#__PURE__*/React.createElement(FormattedMessage, messages.related_links_view_related_urls),
+    icon: /*#__PURE__*/React.createElement(RelatedLinksActionIcon, 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/esm/view/FlexibleCard/components/actions/view-related-links-action/related-links-action-icon/RelatedLinksActionIconOld.js

@@ -0,0 +1,25 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import { css, jsx } from '@emotion/react';
+import ChildIssuesIcon from '@atlaskit/icon/core/migration/child-issues';
+var rotateSvg = css({
+  transform: 'rotate(180deg)',
+  display: 'inline-block'
+});
+
+/**
+ * ChildIssuesIcon but 180 degrees rotated
+ */
+var RelatedLinksActionIconOld = function RelatedLinksActionIconOld() {
+  return jsx("span", {
+    css: rotateSvg
+  }, jsx(ChildIssuesIcon, {
+    color: "currentColor",
+    spacing: "spacious",
+    label: "View recent links..."
+  }));
+};
+export default RelatedLinksActionIconOld;

package/dist/esm/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/esm/view/FlexibleCard/components/actions/view-related-links-action/related-links-action-icon/index.js

@@ -1,25 +1,28 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
+/* index.tsx generated by @compiled/babel-plugin v0.35.0 */
+import "./index.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
 import ChildIssuesIcon from '@atlaskit/icon/core/migration/child-issues';
-var rotateSvg = css({
-  transform: 'rotate(180deg)',
-  display: 'inline-block'
-});
+import { fg } from '@atlaskit/platform-feature-flags';
+import RelatedLinksActionIconOld from './RelatedLinksActionIconOld';
+var rotateSvg = null;
 
 /**
  * ChildIssuesIcon but 180 degrees rotated
  */
-var RelatedLinksActionIcon = function RelatedLinksActionIcon() {
-  return jsx("span", {
-    css: rotateSvg
-  }, jsx(ChildIssuesIcon, {
+var RelatedLinksActionIconNew = function RelatedLinksActionIconNew() {
+  return /*#__PURE__*/React.createElement("span", {
+    className: ax(["_t9ec1sub _1e0c1o8l"])
+  }, /*#__PURE__*/React.createElement(ChildIssuesIcon, {
     color: "currentColor",
     spacing: "spacious",
     label: "View recent links..."
   }));
 };
+var RelatedLinksActionIcon = function RelatedLinksActionIcon() {
+  if (fg('bandicoots-compiled-migration-smartcard')) {
+    return /*#__PURE__*/React.createElement(RelatedLinksActionIconNew, null);
+  }
+  return /*#__PURE__*/React.createElement(RelatedLinksActionIconOld, null);
+};
 export default RelatedLinksActionIcon;

package/dist/esm/view/FlexibleCard/components/common/image-icon/index.js

@@ -1,10 +1,6 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
+/* index.tsx generated by @compiled/babel-plugin v0.35.0 */
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
 import ImageLoader from 'react-render-image';
 import LoadingSkeleton from '../loading-skeleton';
 var ImageIcon = function ImageIcon(_ref) {
@@ -13,14 +9,14 @@ var ImageIcon = function ImageIcon(_ref) {
     url = _ref.url,
     onError = _ref.onError,
     onLoad = _ref.onLoad;
-  return jsx(ImageLoader, {
+  return /*#__PURE__*/React.createElement(ImageLoader, {
     src: url,
-    loading: jsx(LoadingSkeleton, {
+    loading: /*#__PURE__*/React.createElement(LoadingSkeleton, {
       testId: "".concat(testId, "-loading")
     })
     // eslint-disable-next-line jsx-a11y/alt-text
     ,
-    loaded: jsx("img", {
+    loaded: /*#__PURE__*/React.createElement("img", {
       src: url,
       "data-testid": "".concat(testId, "-image")
     }),

package/dist/esm/view/FlexibleCard/components/common/loading-skeleton/LoadingSkeletonOld.js

@@ -0,0 +1,45 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import { css, jsx, keyframes } from '@emotion/react';
+var LoadingSkeletonOld = function LoadingSkeletonOld(_ref) {
+  var testId = _ref.testId,
+    width = _ref.width,
+    height = _ref.height;
+  var animationNameStyles = keyframes({
+    '0%': {
+      backgroundPosition: '50% 0'
+    },
+    '100%': {
+      backgroundPosition: '-50% 0'
+    }
+  });
+  var styles = css({
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+    width: "".concat(width, "rem"),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+    height: "".concat(height, "rem"),
+    borderRadius: '2px',
+    userSelect: 'none',
+    background: "var(--ds-skeleton-subtle, #f6f7f8)",
+    backgroundImage: "linear-gradient( to right, transparent 0%, ".concat("var(--ds-skeleton, #edeef1)", " 20%, transparent 40%, transparent 100% )"),
+    backgroundRepeat: 'no-repeat',
+    backgroundSize: '280% 100%',
+    display: 'inline-block',
+    animationDuration: '1s',
+    animationFillMode: 'forwards',
+    animationIterationCount: 'infinite',
+    animationName: animationNameStyles,
+    animationTimingFunction: 'linear'
+  });
+
+  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- needs dynamic css
+  return jsx("span", {
+    css: styles,
+    "data-testid": testId
+  });
+};
+export default LoadingSkeletonOld;

package/dist/esm/view/FlexibleCard/components/common/loading-skeleton/index.compiled.css

@@ -0,0 +1,15 @@
+
+._2rkoyh40{border-radius:2px}._12vemgnk{background-repeat:no-repeat}
+._1bsb9a7u{width:var(--_uc2kr6)}
+._1e0c1o8l{display:inline-block}
+._1itkx3i8{background-image:var(--_16116mi)}
+._1lrw6rms{background-size:280% 100%}
+._1o51q7pw{animation-fill-mode:forwards}
+._1pglp3kn{animation-timing-function:linear}
+._4t3iaym7{height:var(--_1nl18gq)}
+._5sag9cwz{animation-duration:1s}
+._bfhk178v{background-color:var(--ds-skeleton-subtle,#f6f7f8)}
+._j7hqqkar{animation-name:kc09ee}
+._tip812c5{animation-iteration-count:infinite}
+._uiztglyw{-webkit-user-select:none;-ms-user-select:none;user-select:none}
+@keyframes kc09ee{0%{background-position:50% 0}to{background-position:-50% 0}}

package/dist/esm/view/FlexibleCard/components/common/loading-skeleton/index.js

@@ -1,45 +1,31 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx, keyframes } from '@emotion/react';
-var LoadingSkeleton = function LoadingSkeleton(_ref) {
+/* index.tsx generated by @compiled/babel-plugin v0.35.0 */
+import "./index.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+import { fg } from '@atlaskit/platform-feature-flags';
+import LoadingSkeletonOld from './LoadingSkeletonOld';
+var animationNameStyles = null;
+var LoadingSkeletonNew = function LoadingSkeletonNew(_ref) {
   var testId = _ref.testId,
     width = _ref.width,
     height = _ref.height;
-  var animationNameStyles = keyframes({
-    '0%': {
-      backgroundPosition: '50% 0'
-    },
-    '100%': {
-      backgroundPosition: '-50% 0'
-    }
-  });
-  var styles = css({
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    width: "".concat(width, "rem"),
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    height: "".concat(height, "rem"),
-    borderRadius: '2px',
-    userSelect: 'none',
-    background: "var(--ds-skeleton-subtle, #f6f7f8)",
-    backgroundImage: "linear-gradient( to right, transparent 0%, ".concat("var(--ds-skeleton, #edeef1)", " 20%, transparent 40%, transparent 100% )"),
-    backgroundRepeat: 'no-repeat',
-    backgroundSize: '280% 100%',
-    display: 'inline-block',
-    animationDuration: '1s',
-    animationFillMode: 'forwards',
-    animationIterationCount: 'infinite',
-    animationName: animationNameStyles,
-    animationTimingFunction: 'linear'
-  });
+  var styles = null;
 
   // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- needs dynamic css
-  return jsx("span", {
-    css: styles,
-    "data-testid": testId
+  return /*#__PURE__*/React.createElement("span", {
+    "data-testid": testId,
+    className: ax(["_2rkoyh40 _1bsb9a7u _4t3iaym7 _uiztglyw _bfhk178v _1itkx3i8 _12vemgnk _1lrw6rms _1e0c1o8l _5sag9cwz _1o51q7pw _tip812c5 _j7hqqkar _1pglp3kn"]),
+    style: {
+      "--_uc2kr6": ix("".concat(width, "rem")),
+      "--_1nl18gq": ix("".concat(height, "rem")),
+      "--_16116mi": ix("linear-gradient( to right, transparent 0%, ".concat("var(--ds-skeleton, #edeef1)", " 20%, transparent 40%, transparent 100% )"))
+    }
   });
 };
+var LoadingSkeleton = function LoadingSkeleton(props) {
+  if (fg('bandicoots-compiled-migration-smartcard')) {
+    return /*#__PURE__*/React.createElement(LoadingSkeletonNew, props);
+  }
+  return /*#__PURE__*/React.createElement(LoadingSkeletonOld, props);
+};
 export default LoadingSkeleton;

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

@@ -25,6 +25,10 @@ export var getFormattedMessageAsString = function getFormattedMessageAsString(in
     context: context
   }) : '';
 };
+
+/**
+ * @deprecated remove on FF bandicoots-compiled-migration-smartcard clean up
+ */
 var getIconDimensionStyles = function getIconDimensionStyles(value) {
   return css({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
@@ -41,6 +45,10 @@ var getIconDimensionStyles = function getIconDimensionStyles(value) {
     maxWidth: value
   });
 };
+
+/**
+ * @deprecated remove on FF bandicoots-compiled-migration-smartcard clean up
+ */
 export var 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/esm/view/LinkUrl/index.js

@@ -13,7 +13,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "34.0.1",
+  packageVersion: "34.1.1",
   componentName: 'linkUrl'
 };
 var Anchor = withLinkClickedEvent('a');

package/dist/types/view/FlexibleCard/components/actions/action/ActionOld.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { jsx } from '@emotion/react';
+import { type ActionProps } from './types';
+/**
+ * A base action that can be triggered with an on click.
+ * @internal
+ * @param {ActionProps} ActionProps - The props necessary for the Action.
+ */
+declare const ActionOld: ({ as, appearance, content, isLoading, onClick, size, testId, icon, iconPosition, spaceInline, tooltipMessage, tooltipOnHide, hideTooltip, hideTooltipOnMouseDown, xcss, asDropDownItem, overrideCss, isDisabled, href, ariaLabel, wrapper: Wrapper, }: ActionProps) => jsx.JSX.Element | null;
+export default ActionOld;

package/dist/types/view/FlexibleCard/components/actions/action/action-button/ActionButtonOld.d.ts

@@ -0,0 +1,4 @@
+import { jsx } from '@emotion/react';
+import { type ActionButtonProps } from './types';
+declare const ActionButtonOld: ({ appearance, content, iconAfter, iconBefore, isLoading, onClick, overrideCss, size, testId, tooltipMessage, isDisabled, href, ariaLabel, }: ActionButtonProps) => jsx.JSX.Element;
+export default ActionButtonOld;

package/dist/types/view/FlexibleCard/components/actions/action/action-button/index.d.ts

@@ -1,4 +1,4 @@
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
 import { type ActionButtonProps } from './types';
-declare const ActionButton: ({ appearance, content, iconAfter, iconBefore, isLoading, onClick, overrideCss, size, testId, tooltipMessage, isDisabled, href, ariaLabel, }: ActionButtonProps) => jsx.JSX.Element;
+declare const ActionButton: (props: ActionButtonProps) => JSX.Element;
 export default ActionButton;

package/dist/types/view/FlexibleCard/components/actions/action/action-icon/ActionIconOld.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { jsx } from '@emotion/react';
+import { type ActionIconProps } from './types';
+declare const ActionIconOld: ({ size, testId, icon, isDisabled, asStackItemIcon }: ActionIconProps) => jsx.JSX.Element;
+export default ActionIconOld;

package/dist/types/view/FlexibleCard/components/actions/action/action-icon/index.d.ts

@@ -1,8 +1,4 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
 import { type ActionIconProps } from './types';
-declare const ActionIcon: ({ size, testId, icon, isDisabled, asStackItemIcon }: ActionIconProps) => jsx.JSX.Element;
+declare const ActionIcon: (props: ActionIconProps) => JSX.Element;
 export default ActionIcon;

package/dist/types/view/FlexibleCard/components/actions/action/index.d.ts

@@ -1,13 +1,4 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
 import { type ActionProps } from './types';
-/**
- * A base action that can be triggered with an on click.
- * @internal
- * @param {ActionProps} ActionProps - The props necessary for the Action.
- */
-declare const Action: ({ as, appearance, content, isLoading, onClick, size, testId, icon, iconPosition, spaceInline, tooltipMessage, tooltipOnHide, hideTooltip, hideTooltipOnMouseDown, xcss, asDropDownItem, overrideCss, isDisabled, href, ariaLabel, wrapper: Wrapper, }: ActionProps) => jsx.JSX.Element | null;
+declare const Action: (props: ActionProps) => JSX.Element;
 export default Action;

package/dist/types/view/FlexibleCard/components/actions/action/types.d.ts

@@ -70,10 +70,17 @@ export type ActionProps = {
      */
     asDropDownItem?: boolean;
     /**
+     * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-24430 Internal documentation for deprecation (no external access)}
      * Additional CSS properties on the Action.
      * Note: This should be replaced with xcss once component has migrate to use DS Primitives
+     *
+     * use compiled css instead
      */
     overrideCss?: SerializedStyles;
+    /**
+     * For compiled css
+     */
+    className?: string;
     /**
      * Used to add space along the inline axis in ActionStackItem.
      */

package/dist/types/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/skeleton/SkeletonOld.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { jsx } from '@emotion/react';
+type SkeletonProps = {
+    lineCount?: number;
+};
+export declare const SkeletonOld: (props: SkeletonProps) => jsx.JSX.Element;
+export {};