@atlaskit/smart-card 16.2.0 → 17.0.1

package/dist/cjs/utils/analytics/index.js

@@ -11,52 +11,53 @@ Object.defineProperty(exports, "ANALYTICS_CHANNEL", {
     return _analytics.ANALYTICS_CHANNEL;
   }
 });
-Object.defineProperty(exports, "context", {
+Object.defineProperty(exports, "connectFailedEvent", {
   enumerable: true,
   get: function get() {
-    return _analytics.context;
+    return _analytics.connectFailedEvent;
   }
 });
-Object.defineProperty(exports, "fireSmartLinkEvent", {
+Object.defineProperty(exports, "connectSucceededEvent", {
   enumerable: true,
   get: function get() {
-    return _analytics.fireSmartLinkEvent;
+    return _analytics.connectSucceededEvent;
   }
 });
-Object.defineProperty(exports, "resolvedEvent", {
+Object.defineProperty(exports, "context", {
   enumerable: true,
   get: function get() {
-    return _analytics.resolvedEvent;
+    return _analytics.context;
   }
 });
-Object.defineProperty(exports, "unresolvedEvent", {
+Object.defineProperty(exports, "fireSmartLinkEvent", {
   enumerable: true,
   get: function get() {
-    return _analytics.unresolvedEvent;
+    return _analytics.fireSmartLinkEvent;
   }
 });
-Object.defineProperty(exports, "invokeSucceededEvent", {
+exports.instrumentEvent = void 0;
+Object.defineProperty(exports, "invokeFailedEvent", {
   enumerable: true,
   get: function get() {
-    return _analytics.invokeSucceededEvent;
+    return _analytics.invokeFailedEvent;
   }
 });
-Object.defineProperty(exports, "invokeFailedEvent", {
+Object.defineProperty(exports, "invokeSucceededEvent", {
   enumerable: true,
   get: function get() {
-    return _analytics.invokeFailedEvent;
+    return _analytics.invokeSucceededEvent;
   }
 });
-Object.defineProperty(exports, "connectSucceededEvent", {
+Object.defineProperty(exports, "resolvedEvent", {
   enumerable: true,
   get: function get() {
-    return _analytics.connectSucceededEvent;
+    return _analytics.resolvedEvent;
   }
 });
-Object.defineProperty(exports, "connectFailedEvent", {
+Object.defineProperty(exports, "screenAuthPopupEvent", {
   enumerable: true,
   get: function get() {
-    return _analytics.connectFailedEvent;
+    return _analytics.screenAuthPopupEvent;
   }
 });
 Object.defineProperty(exports, "trackAppAccountConnected", {
@@ -65,10 +66,10 @@ Object.defineProperty(exports, "trackAppAccountConnected", {
     return _analytics.trackAppAccountConnected;
   }
 });
-Object.defineProperty(exports, "uiAuthEvent", {
+Object.defineProperty(exports, "uiActionClickedEvent", {
   enumerable: true,
   get: function get() {
-    return _analytics.uiAuthEvent;
+    return _analytics.uiActionClickedEvent;
   }
 });
 Object.defineProperty(exports, "uiAuthAlternateAccountEvent", {
@@ -77,16 +78,16 @@ Object.defineProperty(exports, "uiAuthAlternateAccountEvent", {
     return _analytics.uiAuthAlternateAccountEvent;
   }
 });
-Object.defineProperty(exports, "uiCardClickedEvent", {
+Object.defineProperty(exports, "uiAuthEvent", {
   enumerable: true,
   get: function get() {
-    return _analytics.uiCardClickedEvent;
+    return _analytics.uiAuthEvent;
   }
 });
-Object.defineProperty(exports, "uiActionClickedEvent", {
+Object.defineProperty(exports, "uiCardClickedEvent", {
   enumerable: true,
   get: function get() {
-    return _analytics.uiActionClickedEvent;
+    return _analytics.uiCardClickedEvent;
   }
 });
 Object.defineProperty(exports, "uiClosedAuthEvent", {
@@ -95,10 +96,10 @@ Object.defineProperty(exports, "uiClosedAuthEvent", {
     return _analytics.uiClosedAuthEvent;
   }
 });
-Object.defineProperty(exports, "screenAuthPopupEvent", {
+Object.defineProperty(exports, "uiRenderFailedEvent", {
   enumerable: true,
   get: function get() {
-    return _analytics.screenAuthPopupEvent;
+    return _analytics.uiRenderFailedEvent;
   }
 });
 Object.defineProperty(exports, "uiRenderSuccessEvent", {
@@ -107,13 +108,12 @@ Object.defineProperty(exports, "uiRenderSuccessEvent", {
     return _analytics.uiRenderSuccessEvent;
   }
 });
-Object.defineProperty(exports, "uiRenderFailedEvent", {
+Object.defineProperty(exports, "unresolvedEvent", {
   enumerable: true,
   get: function get() {
-    return _analytics.uiRenderFailedEvent;
+    return _analytics.unresolvedEvent;
   }
 });
-exports.instrumentEvent = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
@@ -121,9 +121,9 @@ var _analytics = require("./analytics");
 
 var _performance = require("../performance");
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var instrumentEvent = function instrumentEvent(id, status, definitionId, extensionKey, resourceType, error) {
   var measure = (0, _performance.getMeasure)(id, status) || {

package/dist/cjs/utils/index.js

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getLabelForFileType = exports.getIconForFileType = exports.isSpecialClick = exports.isSpecialKey = exports.isIframe = exports.isSpecialEvent = exports.isCardWithData = void 0;
+exports.isSpecialKey = exports.isSpecialEvent = exports.isSpecialClick = exports.isIframe = exports.isCardWithData = exports.getLabelForFileType = exports.getIconForFileType = void 0;
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 

package/dist/cjs/utils/mocks.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.waitFor = exports.fakeFactory = exports.fakeResponse = exports.mocks = void 0;
+exports.waitFor = exports.mocks = exports.fakeResponse = exports.fakeFactory = void 0;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 

package/dist/cjs/utils/performance.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.create = exports.mark = exports.getMeasure = exports.clearMeasures = exports.clearMarks = exports.getMeasureName = exports.getMarkName = void 0;
+exports.mark = exports.getMeasureName = exports.getMeasure = exports.getMarkName = exports.create = exports.clearMeasures = exports.clearMarks = void 0;
 
 var isPerformanceAPIAvailable = function isPerformanceAPIAvailable() {
   return typeof window !== 'undefined' && 'performance' in window && ['measure', 'clearMeasures', 'clearMarks', 'getEntriesByName', 'getEntriesByType'].every(function (api) {

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "16.2.0",
+	"version": "17.0.1",
 	"sideEffects": false
 }

package/dist/cjs/view/BlockCard/index.js

@@ -45,7 +45,7 @@ var BlockCard = function BlockCard(_ref) {
   var extractorOpts = {
     handleAnalytics: handlePreviewAnalytics,
     handleInvoke: handleInvoke,
-    definitionId: (0, _helpers.getDefinitionId)(details)
+    extensionKey: (0, _helpers.getExtensionKey)(details)
   };
 
   switch (status) {

package/dist/cjs/view/Card/index.js

@@ -29,6 +29,8 @@ var _utils = require("../../utils");
 
 var _analytics = require("../../utils/analytics");
 
+var _reactIntlNext = require("react-intl-next");
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
@@ -46,11 +48,16 @@ var PlainCard = /*#__PURE__*/function (_React$PureComponent) {
   (0, _createClass2.default)(PlainCard, [{
     key: "render",
     value: function render() {
-      return (0, _utils.isCardWithData)(this.props) ? /*#__PURE__*/_react.default.createElement(_loader.CardWithDataRenderer, this.props) : /*#__PURE__*/_react.default.createElement(_loader2.CardWithURLRenderer, this.props);
+      var content = (0, _utils.isCardWithData)(this.props) ? /*#__PURE__*/_react.default.createElement(_loader.CardWithDataRenderer, this.props) : /*#__PURE__*/_react.default.createElement(_loader2.CardWithURLRenderer, this.props);
+      return this.props.intl ? content : /*#__PURE__*/_react.default.createElement(_reactIntlNext.IntlProvider, {
+        locale: "en"
+      }, content);
     }
   }]);
   return PlainCard;
 }(_react.default.PureComponent);
 
-var Card = (0, _analyticsNext.withAnalyticsContext)(_analytics.context)((0, _analyticsNext.withAnalyticsEvents)()(PlainCard));
+var Card = (0, _analyticsNext.withAnalyticsContext)(_analytics.context)((0, _analyticsNext.withAnalyticsEvents)()((0, _reactIntlNext.injectIntl)(PlainCard, {
+  enforceContext: false
+})));
 exports.Card = Card;

package/dist/cjs/view/CardWithUrl/component-lazy/LazyFallback.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.LoadingCardLink = exports.loadingPlaceholderClassName = void 0;
+exports.loadingPlaceholderClassName = exports.LoadingCardLink = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 

package/dist/cjs/view/CardWithUrl/loader.js

@@ -54,8 +54,33 @@ function CardWithURLRenderer(props) {
       (0, _performance.clearMeasures)(id);
     };
   }, [id]);
+  var url = props.url,
+      appearance = props.appearance,
+      isSelected = props.isSelected,
+      isFrameVisible = props.isFrameVisible,
+      onClick = props.onClick,
+      container = props.container,
+      onResolve = props.onResolve,
+      testId = props.testId,
+      showActions = props.showActions,
+      inheritDimensions = props.inheritDimensions,
+      platform = props.platform,
+      embedIframeRef = props.embedIframeRef,
+      inlinePreloaderStyle = props.inlinePreloaderStyle,
+      createAnalyticsEvent = props.createAnalyticsEvent; // Wrapper around analytics.
 
-  var logError = function logError(error, info) {
+  var dispatchAnalytics = (0, _react.useCallback)(function (analyticsPayload) {
+    if (analyticsPayload && analyticsPayload.attributes) {
+      // Update if we haven't already set the display - possible
+      // in the case of `preview` which is rendered differently.
+      if (!analyticsPayload.attributes.display) {
+        analyticsPayload.attributes.display = appearance;
+      }
+    }
+
+    (0, _analytics.fireSmartLinkEvent)(analyticsPayload, createAnalyticsEvent);
+  }, [appearance, createAnalyticsEvent]);
+  var logError = (0, _react.useCallback)(function (error, info) {
     var componentStack = info.componentStack; // NB: APIErrors are thrown in response to Object Resolver Service.
     // In these cases, control is handed back to the Editor. We do not
     // fire an event for these, as they do not cover failed UI render events.
@@ -73,37 +98,7 @@ function CardWithURLRenderer(props) {
       (0, _ufoExperiences.failUfoExperience)('smart-link-authenticated', id);
       dispatchAnalytics((0, _analytics.uiRenderFailedEvent)(appearance, error, errorInfo));
     }
-  }; // Wrapper around analytics.
-
-
-  var dispatchAnalytics = function dispatchAnalytics(analyticsPayload) {
-    var appearance = props.appearance,
-        createAnalyticsEvent = props.createAnalyticsEvent;
-
-    if (analyticsPayload && analyticsPayload.attributes) {
-      // Update if we haven't already set the display - possible
-      // in the case of `preview` which is rendered differently.
-      if (!analyticsPayload.attributes.display) {
-        analyticsPayload.attributes.display = appearance;
-      }
-    }
-
-    (0, _analytics.fireSmartLinkEvent)(analyticsPayload, createAnalyticsEvent);
-  };
-
-  var url = props.url,
-      appearance = props.appearance,
-      isSelected = props.isSelected,
-      isFrameVisible = props.isFrameVisible,
-      onClick = props.onClick,
-      container = props.container,
-      onResolve = props.onResolve,
-      testId = props.testId,
-      showActions = props.showActions,
-      inheritDimensions = props.inheritDimensions,
-      platform = props.platform,
-      embedIframeRef = props.embedIframeRef,
-      inlinePreloaderStyle = props.inlinePreloaderStyle;
+  }, [appearance, dispatchAnalytics, id]);
 
   if (!url) {
     throw new Error('@atlaskit/smart-card: url property is missing.');

package/dist/cjs/view/EmbedCard/index.js

@@ -92,7 +92,7 @@ var EmbedCard = /*#__PURE__*/_react.default.forwardRef(function (_ref, iframeRef
         var resolvedBlockViewProps = (0, _block.extractBlockProps)(data, meta, {
           handleAnalytics: handleAnalytics,
           handleInvoke: handleInvoke,
-          definitionId: (0, _helpers.getDefinitionId)(details)
+          extensionKey: (0, _helpers.getExtensionKey)(details)
         });
         return /*#__PURE__*/_react.default.createElement(_mediaUi.BlockCardResolvedView, (0, _extends2.default)({}, resolvedBlockViewProps, {
           isSelected: isSelected,

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

@@ -0,0 +1,87 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getBlockStyles = exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _core = require("@emotion/core");
+
+var _constants = require("../../../../../constants");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var getDirectionStyles = function getDirectionStyles(direction) {
+  switch (direction) {
+    case _constants.SmartLinkDirection.Vertical:
+      return {
+        flexDirection: 'column',
+        alignItems: 'flex-start'
+      };
+
+    case _constants.SmartLinkDirection.Horizontal:
+    default:
+      return {
+        flexDirection: 'row',
+        alignItems: 'center'
+      };
+  }
+};
+
+var getGapSize = function getGapSize(size) {
+  switch (size) {
+    case _constants.SmartLinkSize.XLarge:
+      return '1.25rem';
+
+    case _constants.SmartLinkSize.Large:
+      return '1rem';
+
+    case _constants.SmartLinkSize.Medium:
+      return '.5rem';
+
+    case _constants.SmartLinkSize.Small:
+    default:
+      return '.25rem';
+  }
+};
+
+var getBlockStyles = function getBlockStyles(direction, size) {
+  return (0, _core.css)(_objectSpread(_objectSpread({
+    display: 'flex',
+    gap: getGapSize(size),
+    lineHeight: '1rem',
+    minWidth: 0
+  }, getDirectionStyles(direction)), {}, {
+    '& > *': {
+      minWidth: 0
+    }
+  }));
+};
+
+exports.getBlockStyles = getBlockStyles;
+
+var Block = function Block(_ref) {
+  var children = _ref.children,
+      _ref$direction = _ref.direction,
+      direction = _ref$direction === void 0 ? _constants.SmartLinkDirection.Horizontal : _ref$direction,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? _constants.SmartLinkSize.Medium : _ref$size,
+      _ref$testId = _ref.testId,
+      testId = _ref$testId === void 0 ? 'smart-block' : _ref$testId;
+  return (0, _core.jsx)("div", {
+    css: getBlockStyles(direction, size),
+    "data-smart-block": true,
+    "data-testid": testId
+  }, children);
+};
+
+var _default = Block;
+exports.default = _default;

package/dist/cjs/view/FlexibleCard/components/blocks/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/view/FlexibleCard/components/container/index.js

@@ -0,0 +1,117 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getContainerStyles = exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _colors = require("@atlaskit/theme/colors");
+
+var _core = require("@emotion/core");
+
+var _constants = require("../../../../constants");
+
+var _tokens = require("@atlaskit/tokens");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var getElevationStyles = function getElevationStyles() {
+  return {
+    border: "1px solid transparent",
+    borderRadius: '1.5px',
+    boxShadow: (0, _tokens.token)('elevation.shadow.raised', "0 1px 1px ".concat(_colors.N50A, ", 0 0 1px 1px ").concat(_colors.N40A)),
+    margin: '2px'
+  };
+};
+
+var getGapSize = function getGapSize(size) {
+  switch (size) {
+    case _constants.SmartLinkSize.XLarge:
+      return '1.25rem';
+
+    case _constants.SmartLinkSize.Large:
+      return '1rem';
+
+    case _constants.SmartLinkSize.Medium:
+      return '.5rem';
+
+    case _constants.SmartLinkSize.Small:
+    default:
+      return '.25rem';
+  }
+};
+
+var getPaddingSize = function getPaddingSize(size) {
+  switch (size) {
+    case _constants.SmartLinkSize.XLarge:
+      return '1.5rem';
+
+    case _constants.SmartLinkSize.Large:
+      return '1.25rem';
+
+    case _constants.SmartLinkSize.Medium:
+      return '1rem';
+
+    case _constants.SmartLinkSize.Small:
+    default:
+      return '.5rem';
+  }
+};
+
+var getContainerStyles = function getContainerStyles(size, hideBackground, hideElevation, hidePadding) {
+  var elevation = hideElevation ? {} : getElevationStyles();
+  return (0, _core.css)(_objectSpread({
+    backgroundColor: hideBackground ? undefined : (0, _tokens.token)('elevation.surface', _colors.N0),
+    display: 'flex',
+    gap: "".concat(getGapSize(size), " 0"),
+    flexDirection: 'column',
+    minWidth: 0,
+    overflow: 'hidden',
+    padding: hidePadding ? undefined : getPaddingSize(size)
+  }, elevation));
+};
+
+exports.getContainerStyles = getContainerStyles;
+
+var renderChildren = function renderChildren(children, containerSize) {
+  return _react.default.Children.map(children, function (child) {
+    if ( /*#__PURE__*/_react.default.isValidElement(child)) {
+      var blockSize = child.props.size;
+      return /*#__PURE__*/_react.default.cloneElement(child, {
+        size: blockSize || containerSize
+      });
+    }
+
+    return child;
+  });
+};
+
+var Container = function Container(_ref) {
+  var children = _ref.children,
+      _ref$hideBackground = _ref.hideBackground,
+      hideBackground = _ref$hideBackground === void 0 ? false : _ref$hideBackground,
+      _ref$hideElevation = _ref.hideElevation,
+      hideElevation = _ref$hideElevation === void 0 ? false : _ref$hideElevation,
+      _ref$hidePadding = _ref.hidePadding,
+      hidePadding = _ref$hidePadding === void 0 ? false : _ref$hidePadding,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? _constants.SmartLinkSize.Medium : _ref$size,
+      _ref$testId = _ref.testId,
+      testId = _ref$testId === void 0 ? 'smart-links-container' : _ref$testId;
+  return (0, _core.jsx)("div", {
+    css: getContainerStyles(size, hideBackground, hideElevation, hidePadding),
+    "data-smart-link-container": true,
+    "data-testid": testId
+  }, renderChildren(children, size));
+};
+
+var _default = Container;
+exports.default = _default;

package/dist/cjs/view/FlexibleCard/components/container/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});