@atlaskit/smart-card 34.7.0 → 34.8.0

package/dist/cjs/view/FlexibleCard/components/blocks/action-block/action-footer/ActionFooterOld.js

@@ -0,0 +1,72 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ActionFooterOld = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _error = _interopRequireDefault(require("@atlaskit/icon/utility/migration/error"));
+var _primitives = require("@atlaskit/primitives");
+var _motionWrapper = _interopRequireDefault(require("../../../common/motion-wrapper"));
+var containerStyles = (0, _primitives.xcss)({
+  all: 'unset',
+  borderRadius: 'border.radius',
+  margin: 'space.100',
+  marginBottom: 'space.0',
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
+  lineHeight: '20px',
+  padding: 'space.075',
+  paddingInline: 'space.100',
+  width: '100%',
+  ':empty': {
+    display: 'none'
+  }
+});
+var errorStyles = (0, _primitives.xcss)({
+  backgroundColor: 'color.background.danger'
+});
+var errorContentStyles = (0, _primitives.xcss)({
+  paddingInlineStart: 'space.025'
+});
+var titleStyles = (0, _primitives.xcss)({
+  color: 'color.text.subtle',
+  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)"
+});
+var getIcon = function getIcon(appearance) {
+  switch (appearance) {
+    case 'error':
+      return /*#__PURE__*/_react.default.createElement(_error.default, {
+        color: "var(--ds-icon-danger, #C9372C)",
+        spacing: "compact",
+        label: "Error",
+        LEGACY_size: "small",
+        testId: "action-error-icon",
+        LEGACY_margin: "0 ".concat("var(--ds-space-negative-025, -2px)")
+      });
+    default:
+      return null;
+  }
+};
+var ActionFooterOld = exports.ActionFooterOld = function ActionFooterOld(_ref) {
+  var message = _ref.message,
+    testId = _ref.testId;
+  if (!message) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    testId: "".concat(testId, "-footer"),
+    xcss: [containerStyles, message.appearance === 'error' && errorStyles]
+  }, /*#__PURE__*/_react.default.createElement(_motionWrapper.default, {
+    isFadeIn: true,
+    show: true,
+    showTransition: true
+  }, /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
+    alignBlock: "start",
+    grow: "fill",
+    space: "space.075",
+    xcss: errorContentStyles
+  }, message.icon || getIcon(message.appearance), /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    xcss: titleStyles
+  }, message.title))));
+};

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

@@ -0,0 +1,13 @@
+
+._kkk2n7od{all:unset}._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)}
+._18s8u2gc{margin:var(--ds-space-100,8px)}
+._1yt412x7{padding:var(--ds-space-075,6px)}
+._2rkoglpi{border-radius:var(--ds-border-radius,4px)}
+._18zru2gc{padding-inline:var(--ds-space-100,8px)}
+._1bsb1osq{width:100%}
+._bfhk1gly{background-color:var(--ds-background-danger,#ffeceb)}
+._bozgv77o{padding-inline-start:var(--ds-space-025,2px)}
+._fiawglyw:empty{display:none}
+._otyrze3t{margin-bottom:var(--ds-space-0,0)}
+._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
+._vwz4gktf{line-height:20px}

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

@@ -1,42 +1,32 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ActionFooter = void 0;
-var _react = _interopRequireDefault(require("react"));
+require("./index.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
 var _error = _interopRequireDefault(require("@atlaskit/icon/utility/migration/error"));
-var _primitives = require("@atlaskit/primitives");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _motionWrapper = _interopRequireDefault(require("../../../common/motion-wrapper"));
-var containerStyles = (0, _primitives.xcss)({
-  all: 'unset',
-  borderRadius: 'border.radius',
-  margin: 'space.100',
-  marginBottom: 'space.0',
-  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-  lineHeight: '20px',
-  padding: 'space.075',
-  paddingInline: 'space.100',
-  width: '100%',
-  ':empty': {
-    display: 'none'
-  }
-});
-var errorStyles = (0, _primitives.xcss)({
-  backgroundColor: 'color.background.danger'
-});
-var errorContentStyles = (0, _primitives.xcss)({
-  paddingInlineStart: 'space.025'
-});
-var titleStyles = (0, _primitives.xcss)({
-  color: 'color.text.subtle',
-  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)"
-});
+var _ActionFooterOld = require("./ActionFooterOld");
+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 containerStyles = null;
+var errorStyles = null;
+var styles = {
+  errorContentStyles: "_bozgv77o",
+  titleStyles: "_11c8qk37 _syaz1gjq"
+};
 var getIcon = function getIcon(appearance) {
   switch (appearance) {
     case 'error':
-      return /*#__PURE__*/_react.default.createElement(_error.default, {
+      return /*#__PURE__*/React.createElement(_error.default, {
         color: "var(--ds-icon-danger, #C9372C)",
         spacing: "compact",
         label: "Error",
@@ -48,25 +38,31 @@ var getIcon = function getIcon(appearance) {
       return null;
   }
 };
-var ActionFooter = exports.ActionFooter = function ActionFooter(_ref) {
+var ActionFooterNew = function ActionFooterNew(_ref) {
   var message = _ref.message,
     testId = _ref.testId;
   if (!message) {
     return null;
   }
-  return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-    testId: "".concat(testId, "-footer"),
-    xcss: [containerStyles, message.appearance === 'error' && errorStyles]
-  }, /*#__PURE__*/_react.default.createElement(_motionWrapper.default, {
+  return /*#__PURE__*/React.createElement("div", {
+    "data-testId": "".concat(testId, "-footer"),
+    className: (0, _runtime.ax)(["_kkk2n7od _2rkoglpi _18s8u2gc _1yt412x7 _18zru2gc _otyrze3t _vwz4gktf _1bsb1osq _fiawglyw", message.appearance === 'error' && "_bfhk1gly"])
+  }, /*#__PURE__*/React.createElement(_motionWrapper.default, {
     isFadeIn: true,
     show: true,
     showTransition: true
-  }, /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
+  }, /*#__PURE__*/React.createElement(_compiled.Inline, {
     alignBlock: "start",
     grow: "fill",
     space: "space.075",
-    xcss: errorContentStyles
-  }, message.icon || getIcon(message.appearance), /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-    xcss: titleStyles
+    xcss: styles.errorContentStyles
+  }, message.icon || getIcon(message.appearance), /*#__PURE__*/React.createElement(_compiled.Box, {
+    xcss: styles.titleStyles
   }, message.title))));
+};
+var ActionFooter = exports.ActionFooter = function ActionFooter(props) {
+  if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-smartcard')) {
+    return /*#__PURE__*/React.createElement(ActionFooterNew, props);
+  }
+  return /*#__PURE__*/React.createElement(_ActionFooterOld.ActionFooterOld, props);
 };

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

@@ -6,7 +6,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.getPrimitivesPaddingSpaceBySize = exports.default = void 0;
 require("./index.compiled.css");
 var _react = _interopRequireWildcard(require("react"));
 var React = _react;
@@ -14,11 +14,9 @@ var _runtime = require("@compiled/react/runtime");
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _reactMagneticDi = require("react-magnetic-di");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _primitives = require("@atlaskit/primitives");
 var _constants = require("../../../../../constants");
 var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
 var Actions = _interopRequireWildcard(require("../../actions"));
-var _utils = require("../../utils");
 var _actionFooter = require("./action-footer");
 var _ActionBlockOld = _interopRequireDefault(require("./ActionBlockOld"));
 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); }
@@ -36,6 +34,24 @@ var sort = function sort(a, b) {
   }
   return idxA - idxB;
 };
+
+/**
+ * Get container padding based on smart link size
+ * To replace container/index.tsx getPadding() with space token for primitives
+ */
+var getPrimitivesPaddingSpaceBySize = exports.getPrimitivesPaddingSpaceBySize = function getPrimitivesPaddingSpaceBySize(size) {
+  switch (size) {
+    case _constants.SmartLinkSize.XLarge:
+      return "var(--ds-space-300, 24px)";
+    case _constants.SmartLinkSize.Large:
+      return "var(--ds-space-250, 20px)";
+    case _constants.SmartLinkSize.Medium:
+      return "var(--ds-space-200, 16px)";
+    case _constants.SmartLinkSize.Small:
+    default:
+      return "var(--ds-space-100, 8px)";
+  }
+};
 var ActionBlockNew = function ActionBlockNew(_ref) {
   var blockRef = _ref.blockRef,
     onClickCallback = _ref.onClick,
@@ -56,7 +72,7 @@ var ActionBlockNew = function ActionBlockNew(_ref) {
   var onLoadingChange = (0, _react.useCallback)(function (isLoading) {
     setIsLoading(isLoading);
   }, [setIsLoading]);
-  var padding = !(ui !== null && ui !== void 0 && ui.hidePadding) ? (0, _utils.getPrimitivesPaddingSpaceBySize)((ui === null || ui === void 0 ? void 0 : ui.size) || _constants.SmartLinkSize.Medium) : undefined;
+  var padding = !(ui !== null && ui !== void 0 && ui.hidePadding) ? getPrimitivesPaddingSpaceBySize((ui === null || ui === void 0 ? void 0 : ui.size) || _constants.SmartLinkSize.Medium) : undefined;
   var _onClick = (0, _react.useCallback)(function (name) {
     setMessage(undefined);
     onClickCallback === null || onClickCallback === void 0 || onClickCallback(name);
@@ -82,11 +98,11 @@ var ActionBlockNew = function ActionBlockNew(_ref) {
         onError: onError,
         onLoadingChange: onLoadingChange,
         size: size
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/design-system/no-unsafe-design-token-usage
         ,
-        xcss: (0, _primitives.xcss)({
+        style: padding && {
           paddingInline: padding
-        }),
+        },
         hideTooltip: isLoading
       }) : null;
     });
@@ -97,7 +113,6 @@ var ActionBlockNew = function ActionBlockNew(_ref) {
     className: (0, _runtime.ax)(["_1e0c1txw _2lx21bp4 _vchhusvi _16jlkb7n _1bsb1osq _18u01ivi _2hwxc10g"])
   }, actions, /*#__PURE__*/React.createElement(_actionFooter.ActionFooter, {
     message: message,
-    paddingInline: padding,
     testId: testId
   })) : null;
 };

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

@@ -9,13 +9,15 @@ var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _reactMagneticDi = require("react-magnetic-di");
 var _atlassianIntelligence = _interopRequireDefault(require("@atlaskit/icon/core/atlassian-intelligence"));
-var _primitives = require("@atlaskit/primitives");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _messages = require("../../../../../../messages");
 var _useAiSummaryAction = _interopRequireDefault(require("../../../../../../state/hooks/use-ai-summary-action"));
 var _aiIcon = _interopRequireDefault(require("../../../../../common/ai-icon"));
 var _info = require("../icons/info");
-var AIFooterMetadata = exports.AIFooterMetadata = function AIFooterMetadata(_ref) {
+var _aiFooterMetadataOld = require("./ai-footer-metadataOld");
+var AIFooterMetadataNew = function AIFooterMetadataNew(_ref) {
   var testId = _ref.testId,
     url = _ref.url;
   var _useAISummaryAction = (0, _useAiSummaryAction.default)(url),
@@ -23,7 +25,7 @@ var AIFooterMetadata = exports.AIFooterMetadata = function AIFooterMetadata(_ref
   if (status !== 'done') {
     return null;
   }
-  return /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
+  return /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
     space: "space.100",
     testId: testId,
     alignInline: "end",
@@ -32,7 +34,7 @@ var AIFooterMetadata = exports.AIFooterMetadata = function AIFooterMetadata(_ref
     content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.ai_summarized_info_short),
     position: "bottom"
   }, function (tooltipProps) {
-    return /*#__PURE__*/_react.default.createElement(_primitives.Box, tooltipProps, /*#__PURE__*/_react.default.createElement(_info.InfoIcon, {
+    return /*#__PURE__*/_react.default.createElement(_compiled.Box, tooltipProps, /*#__PURE__*/_react.default.createElement(_info.InfoIcon, {
       label: "Information",
       LEGACY_size: "small",
       color: "var(--ds-icon-subtle, #626F86)"
@@ -43,4 +45,10 @@ var AIFooterMetadata = exports.AIFooterMetadata = function AIFooterMetadata(_ref
     LEGACY_fallbackIcon: _aiIcon.default,
     color: "var(--ds-icon-subtle, #626F86)"
   }));
+};
+var AIFooterMetadata = exports.AIFooterMetadata = function AIFooterMetadata(props) {
+  if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-smartcard')) {
+    return /*#__PURE__*/_react.default.createElement(AIFooterMetadataNew, props);
+  }
+  return /*#__PURE__*/_react.default.createElement(_aiFooterMetadataOld.AIFooterMetadataOld, props);
 };

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

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AIFooterMetadataOld = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactIntlNext = require("react-intl-next");
+var _reactMagneticDi = require("react-magnetic-di");
+var _atlassianIntelligence = _interopRequireDefault(require("@atlaskit/icon/core/atlassian-intelligence"));
+var _primitives = require("@atlaskit/primitives");
+var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
+var _messages = require("../../../../../../messages");
+var _useAiSummaryAction = _interopRequireDefault(require("../../../../../../state/hooks/use-ai-summary-action"));
+var _aiIcon = _interopRequireDefault(require("../../../../../common/ai-icon"));
+var _info = require("../icons/info");
+var AIFooterMetadataOld = exports.AIFooterMetadataOld = function AIFooterMetadataOld(_ref) {
+  var testId = _ref.testId,
+    url = _ref.url;
+  var _useAISummaryAction = (0, _useAiSummaryAction.default)(url),
+    status = _useAISummaryAction.state.status;
+  if (status !== 'done') {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
+    space: "space.100",
+    testId: testId,
+    alignInline: "end",
+    grow: "fill"
+  }, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+    content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.ai_summarized_info_short),
+    position: "bottom"
+  }, function (tooltipProps) {
+    return /*#__PURE__*/_react.default.createElement(_primitives.Box, tooltipProps, /*#__PURE__*/_react.default.createElement(_info.InfoIcon, {
+      label: "Information",
+      LEGACY_size: "small",
+      color: "var(--ds-icon-subtle, #626F86)"
+    }));
+  }), /*#__PURE__*/_react.default.createElement(_atlassianIntelligence.default, {
+    label: "AI",
+    LEGACY_size: "small",
+    LEGACY_fallbackIcon: _aiIcon.default,
+    color: "var(--ds-icon-subtle, #626F86)"
+  }));
+};

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

@@ -10,7 +10,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _constants = require("../../../../../../constants");
 var _elements = require("../../../elements");
 var _block = _interopRequireDefault(require("../../block"));
@@ -46,7 +46,7 @@ var TitleBlockErroredViewNew = function TitleBlockErroredViewNew(_ref) {
   }), title, descriptor && /*#__PURE__*/_react.default.createElement(_elementGroup.default, {
     direction: _constants.SmartLinkDirection.Horizontal,
     align: _constants.SmartLinkAlignment.Right
-  }, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+  }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     onClick: onClick,
     testId: "".concat(testId, "-errored-view-message"),
     tabIndex: hasAction ? 0 : -1

package/dist/cjs/view/FlexibleCard/components/common/motion-wrapper/index.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.MotionWrapper = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
-var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 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 MotionWrapper = exports.MotionWrapper = function MotionWrapper(_ref) {
@@ -36,7 +36,7 @@ var MotionWrapper = exports.MotionWrapper = function MotionWrapper(_ref) {
       setHeight(0);
     }
   }, [children, show]);
-  return show ? /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+  return show ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     style: {
       height: height,
       minHeight: minHeight,

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

@@ -8,11 +8,13 @@
 ._19l3oqnp img, ._1pr2oqnp span, ._1u5toqnp svg{max-height:.75rem}
 ._19l3viql img, ._1pr2viql span, ._1u5tviql svg{max-height:2rem}
 ._19pkidpf{margin-top:0}
+._1bah1h6o{justify-content:center}
 ._1bsb1j6v{width:1rem}
 ._1bsb1k8s{width:1.5rem}
 ._1bsboqnp{width:.75rem}
 ._1bsbviql{width:2rem}
 ._1btozryt{text-overflow:clip}
+._1e0c1txw{display:flex}
 ._1e0ccj1k{display:-webkit-box}
 ._1ipkidpf span{margin-top:0}
 ._1kdcidpf span{margin-right:0}
@@ -43,6 +45,7 @@
 ._1yyjkb7n{-webkit-line-clamp:1}
 ._2hwxidpf{margin-right:0}
 ._3glyidpf span{margin-bottom:0}
+._4cvr1h6o{align-items:center}
 ._4t3i1j6v{height:1rem}
 ._4t3i1k8s{height:1.5rem}
 ._4t3ioqnp{height:.75rem}

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

@@ -8,12 +8,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 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 _react = _interopRequireWildcard(require("react"));
 var _link = _interopRequireDefault(require("@atlaskit/icon/core/migration/link"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _constants = require("../../../../../constants");
 var _atlaskitIcon = _interopRequireDefault(require("../../common/atlaskit-icon"));
 var _imageIcon = _interopRequireDefault(require("../../common/image-icon"));
@@ -24,6 +25,9 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 /* eslint-disable @compiled/shorthand-property-sorting */
 /* eslint-disable @atlaskit/design-system/use-tokens-typography */
 /* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors */
+var styles = {
+  iconWrapperStyle: "_1e0c1txw _4cvr1h6o _1bah1h6o"
+};
 var positionStyleMap = {
   center: "_1wpz1h6o",
   top: "_19pkidpf _2hwxidpf _otyridpf _18u0idpf _1wpz1y6m"
@@ -49,7 +53,7 @@ var customRenderStyleMapNew = {
 var renderAtlaskitIcon = function renderAtlaskitIcon(icon, testId) {
   var size = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _constants.SmartLinkSize.Medium;
   if (icon) {
-    return /*#__PURE__*/_react.default.createElement(_atlaskitIcon.default, (0, _extends2.default)({
+    return /*#__PURE__*/React.createElement(_atlaskitIcon.default, (0, _extends2.default)({
       icon: icon,
       testId: "".concat(testId, "-icon")
     }, (0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration') && {
@@ -58,7 +62,7 @@ var renderAtlaskitIcon = function renderAtlaskitIcon(icon, testId) {
   }
 };
 var renderDefaultIcon = function renderDefaultIcon(label, testId) {
-  return /*#__PURE__*/_react.default.createElement(_link.default, {
+  return /*#__PURE__*/React.createElement(_link.default, {
     label: label,
     testId: "".concat(testId, "-default"),
     color: "currentColor"
@@ -68,7 +72,7 @@ var renderImageIcon = function renderImageIcon(defaultIcon, url, testId) {
   var size = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : _constants.SmartLinkSize.Medium;
   var width = size === _constants.SmartLinkSize.Large ? "var(--ds-space-300, 24px)" : "var(--ds-space-200, 16px)";
   if (url) {
-    return /*#__PURE__*/_react.default.createElement(_imageIcon.default, (0, _extends2.default)({
+    return /*#__PURE__*/React.createElement(_imageIcon.default, (0, _extends2.default)({
       defaultIcon: defaultIcon,
       testId: testId,
       url: url
@@ -105,11 +109,7 @@ var IconNew = function IconNew(_ref) {
     return overrideIcon || (render === null || render === void 0 ? void 0 : render()) || renderImageIcon(defaultIcon, url, testId, (0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration') ? size : undefined) || renderAtlaskitIcon(icon, testId, (0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration') ? size : undefined) || defaultIcon;
   }, [overrideIcon, icon, label, render, testId, url, size]);
   var width = (0, _utils.getIconWidth)(size);
-
-  // const styles = getIconStyles(position, width);
-  // const renderStyles = render ? getCustomRenderStyles(width) : undefined;
-
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     "data-fit-to-content": true,
     "data-smart-element": name,
     "data-smart-element-icon": true,
@@ -117,8 +117,8 @@ var IconNew = function IconNew(_ref) {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
     className: (0, _runtime.ax)([!(0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration') && iconStylesMapOld[size], !(0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration') && positionStyleMap[position], render && !(0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration') && customRenderStyleMapOld[size], render && (0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration') && customRenderStyleMapNew[size], className])
-  }, (0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration') ? /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-    xcss: iconWrapperStyle,
+  }, (0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration') ? /*#__PURE__*/React.createElement(_compiled.Box, {
+    xcss: styles.iconWrapperStyle,
     style: {
       width: width,
       height: width
@@ -127,14 +127,9 @@ var IconNew = function IconNew(_ref) {
 };
 var Icon = function Icon(props) {
   if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-smartcard')) {
-    return /*#__PURE__*/_react.default.createElement(IconNew, props);
+    return /*#__PURE__*/React.createElement(IconNew, props);
   } else {
-    return /*#__PURE__*/_react.default.createElement(_IconOld.default, props);
+    return /*#__PURE__*/React.createElement(_IconOld.default, props);
   }
 };
-var iconWrapperStyle = (0, _primitives.xcss)({
-  display: 'flex',
-  alignItems: 'center',
-  justifyContent: 'center'
-});
 var _default = exports.default = Icon;

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

@@ -4,6 +4,7 @@
 ._189eyh40{border-width:2px}
 ._1dqonqa1{border-style:solid}
 ._1h6d1j28{border-color:transparent}
+._18u012x7{margin-left:var(--ds-space-075,6px)}
 ._18u0v77o{margin-left:var(--ds-space-025,2px)}
 ._19bvidpf{padding-left:0}
 ._19pkv77o{margin-top:var(--ds-space-025,2px)}

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

@@ -17,16 +17,15 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-down"));
 var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _LozengeActionTriggerOld = _interopRequireDefault(require("./LozengeActionTriggerOld"));
 var _excluded = ["appearance", "isOpen", "testId", "text", "triggerRef"];
 /* eslint-disable @atlaskit/design-system/use-tokens-typography */
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-var chevronDownStyles = (0, _primitives.xcss)({
-  marginLeft: 'space.075',
-  display: 'flex'
-});
+var styles = {
+  chevronDown: "_18u012x7 _1e0c1txw"
+};
 var triggerLozengeStyles = null;
 var triggerButtonStyles = null;
 var LozengeActionTriggerNew = function LozengeActionTriggerNew(_ref) {
@@ -52,9 +51,9 @@ var LozengeActionTriggerNew = function LozengeActionTriggerNew(_ref) {
       isBold: isBold
     }, /*#__PURE__*/React.createElement("span", {
       className: (0, _runtime.ax)(["_4cvr1h6o _1e0c1txw"])
-    }, /*#__PURE__*/React.createElement("span", null, text), /*#__PURE__*/React.createElement(_primitives.Box, {
+    }, /*#__PURE__*/React.createElement("span", null, text), /*#__PURE__*/React.createElement(_compiled.Box, {
       as: "span",
-      xcss: chevronDownStyles
+      xcss: styles.chevronDown
     }, /*#__PURE__*/React.createElement(_chevronDown.default, {
       color: "currentColor",
       label: "options",

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

@@ -18,6 +18,7 @@ var triggerButtonStyles = exports.triggerButtonStyles = (0, _react.css)({
   color: 'unset',
   cursor: 'pointer',
   fontFamily: 'unset',
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   fontSize: 'unset',
   fontStyle: 'unset',
   fontWeight: 'unset',

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

@@ -195,6 +195,7 @@ var getPrimitivesInlineSpaceBySize = exports.getPrimitivesInlineSpaceBySize = fu
 /**
  * Get container padding based on smart link size
  * To replace container/index.tsx getPadding() with space token for primitives
+ * @deprecated remove on FF clean up bandicoots-compiled-migration-smartcard
  */
 var getPrimitivesPaddingSpaceBySize = exports.getPrimitivesPaddingSpaceBySize = function getPrimitivesPaddingSpaceBySize(size) {
   switch (size) {