@atlaskit/smart-card 26.42.9 → 26.42.11

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

@@ -12,7 +12,6 @@ var _react2 = require("@emotion/react");
 var _constants = require("../../../../../constants");
 var _utils = require("../utils");
 var _templateObject;
-/** @jsx jsx */
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var getBlockStyles = function getBlockStyles(direction, size) {
@@ -41,7 +40,7 @@ var Block = function Block(_ref) {
   (0, _react.useEffect)(function () {
     onRender && onRender();
   }, [onRender]);
-  return (0, _react2.jsx)("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     css: [getBlockStyles(direction, size), overrideCss],
     "data-smart-block": true,
     "data-testid": testId,

package/dist/cjs/view/FlexibleCard/components/blocks/element-group/index.js

@@ -12,7 +12,6 @@ var _constants = require("../../../../../constants");
 var _utils = require("../utils");
 var _utils2 = require("../../utils");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-/** @jsx jsx */
 var getAlignmentStyles = function getAlignmentStyles(align) {
   switch (align) {
     case _constants.SmartLinkAlignment.Right:
@@ -59,7 +58,7 @@ var ElementGroup = function ElementGroup(_ref) {
     width = _ref$width === void 0 ? _constants.SmartLinkWidth.FitToContent : _ref$width,
     _ref$position = _ref.position,
     position = _ref$position === void 0 ? _constants.SmartLinkPosition.Center : _ref$position;
-  return (0, _react2.jsx)("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     css: [getElementGroupStyles(direction, size, align, width, position), overrideCss],
     "data-smart-element-group": true,
     "data-testid": testId

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

@@ -8,11 +8,9 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@emotion/react");
 var _constants = require("../../../../../constants");
 var _resolved = _interopRequireDefault(require("./resolved"));
 var _excluded = ["status", "testId", "overrideUrl"];
-/** @jsx jsx */
 /**
  * Represents a PreviewBlock, which typically contains media or other large format content.
  * @public
@@ -26,7 +24,7 @@ var PreviewBlock = function PreviewBlock(_ref) {
     testId = _ref$testId === void 0 ? 'smart-block-preview' : _ref$testId,
     overrideUrl = _ref.overrideUrl,
     blockProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return (0, _react2.jsx)(_resolved.default, (0, _extends2.default)({}, blockProps, {
+  return /*#__PURE__*/_react.default.createElement(_resolved.default, (0, _extends2.default)({}, blockProps, {
     testId: testId,
     overrideUrl: overrideUrl
   }));

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

@@ -17,7 +17,6 @@ var _block = _interopRequireDefault(require("../../block"));
 var _elements = require("../../../elements");
 var _excluded = ["ignoreContainerPadding", "onError", "overrideCss", "placement", "testId", "overrideUrl"];
 var _templateObject, _templateObject2, _templateObject3;
-/** @jsx jsx */
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 /**
@@ -78,10 +77,10 @@ var PreviewBlockResolvedView = function PreviewBlockResolvedView(_ref) {
       onError();
     }
   }, [onError]);
-  return (0, _react2.jsx)(_block.default, (0, _extends2.default)({}, blockProps, {
+  return /*#__PURE__*/_react.default.createElement(_block.default, (0, _extends2.default)({}, blockProps, {
     overrideCss: styles,
     testId: "".concat(testId, "-resolved-view")
-  }), (0, _react2.jsx)(_elements.Preview, {
+  }), /*#__PURE__*/_react.default.createElement(_elements.Preview, {
     onError: handleOnError,
     onLoad: handleOnLoad,
     overrideUrl: overrideUrl

package/dist/cjs/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/index.js

@@ -1,3 +1,4 @@
+/* index.tsx generated by @compiled/babel-plugin v0.26.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -6,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _runtime = require("@compiled/react/runtime");
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));

package/dist/cjs/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/resolved-result-stack/index.js

@@ -1,3 +1,4 @@
+/* index.tsx generated by @compiled/babel-plugin v0.26.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -6,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireWildcard(require("react"));
 var _primitives = require("@atlaskit/primitives");
 var _analyticsNext = require("@atlaskit/analytics-next");

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

@@ -19,7 +19,6 @@ var _elementGroup = _interopRequireDefault(require("../../element-group"));
 var _token = require("../../../../../../utils/token");
 var _excluded = ["actionGroup", "retry", "position", "testId", "title", "hideIcon"];
 var _templateObject, _templateObject2;
-/** @jsx jsx */
 var actionStyles = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  cursor: pointer;\n  :hover {\n    color: ", ";\n    text-decoration: underline;\n  }\n"])), _token.tokens.errorMessageHover);
 var getMessageStyles = function getMessageStyles(size, hasAction) {
   var sizeStyles = (0, _utils.getLinkSizeStyles)(size);
@@ -48,20 +47,20 @@ var TitleBlockErroredView = function TitleBlockErroredView(_ref) {
   var _blockProps$size = blockProps.size,
     size = _blockProps$size === void 0 ? _constants.SmartLinkSize.Medium : _blockProps$size;
   var hasAction = onClick !== undefined;
-  return (0, _react2.jsx)(_block.default, (0, _extends2.default)({}, blockProps, {
+  return /*#__PURE__*/_react.default.createElement(_block.default, (0, _extends2.default)({}, blockProps, {
     testId: "".concat(testId, "-errored-view")
-  }), !hideIcon && (0, _react2.jsx)(_elements.LinkIcon, {
+  }), !hideIcon && /*#__PURE__*/_react.default.createElement(_elements.LinkIcon, {
     position: position
-  }), title, descriptor && (0, _react2.jsx)(_elementGroup.default, {
+  }), title, descriptor && /*#__PURE__*/_react.default.createElement(_elementGroup.default, {
     direction: _constants.SmartLinkDirection.Horizontal,
     align: _constants.SmartLinkAlignment.Right
-  }, (0, _react2.jsx)("span", {
+  }, /*#__PURE__*/_react.default.createElement("span", {
     className: hasAction ? 'has-action' : '',
     css: getMessageStyles(size, hasAction),
     onClick: onClick,
     "data-testid": "".concat(testId, "-errored-view-message"),
     tabIndex: hasAction ? 0 : -1
-  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, descriptor, {
+  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, descriptor, {
     values: values
   })))), actionGroup);
 };

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

@@ -8,13 +8,11 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@emotion/react");
 var _block = _interopRequireDefault(require("../../block"));
 var _constants = require("../../../../../../constants");
 var _loadingSkeleton = _interopRequireDefault(require("../../../common/loading-skeleton"));
 var _utils = require("../../../utils");
 var _excluded = ["actionGroup", "testId", "title", "hideIcon"];
-/** @jsx jsx */
 /**
  * This represents a TitleBlock for a Smart Link that is currently waiting
  * for a request to finish.
@@ -31,12 +29,12 @@ var TitleBlockResolvingView = function TitleBlockResolvingView(_ref) {
     size = _blockProps$size === void 0 ? _constants.SmartLinkSize.Medium : _blockProps$size;
   var iconWidth = (0, _utils.getIconWidth)(size);
   var iconStyles = (0, _utils.getIconSizeStyles)(iconWidth);
-  return (0, _react2.jsx)(_block.default, (0, _extends2.default)({}, blockProps, {
+  return /*#__PURE__*/_react.default.createElement(_block.default, (0, _extends2.default)({}, blockProps, {
     testId: "".concat(testId, "-resolving-view")
-  }), !hideIcon && (0, _react2.jsx)("span", {
+  }), !hideIcon && /*#__PURE__*/_react.default.createElement("span", {
     css: iconStyles,
     "data-testid": "".concat(testId, "-icon")
-  }, (0, _react2.jsx)(_loadingSkeleton.default, {
+  }, /*#__PURE__*/_react.default.createElement(_loadingSkeleton.default, {
     testId: "".concat(testId, "-icon-loading")
   })), title, actionGroup);
 };

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

@@ -6,23 +6,20 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@emotion/react");
 var _reactRenderImage = _interopRequireDefault(require("react-render-image"));
 var _loadingSkeleton = _interopRequireDefault(require("../loading-skeleton"));
-/** @jsx jsx */
-
 var ImageIcon = function ImageIcon(_ref) {
   var defaultIcon = _ref.defaultIcon,
     testId = _ref.testId,
     url = _ref.url,
     onError = _ref.onError,
     onLoad = _ref.onLoad;
-  return (0, _react2.jsx)(_reactRenderImage.default, {
+  return /*#__PURE__*/_react.default.createElement(_reactRenderImage.default, {
     src: url,
-    loading: (0, _react2.jsx)(_loadingSkeleton.default, {
+    loading: /*#__PURE__*/_react.default.createElement(_loadingSkeleton.default, {
       testId: "".concat(testId, "-loading")
     }),
-    loaded: (0, _react2.jsx)("img", {
+    loaded: /*#__PURE__*/_react.default.createElement("img", {
       src: url,
       "data-testid": "".concat(testId, "-image")
     }),

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

@@ -9,14 +9,13 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _templateObject, _templateObject2;
-/** @jsx jsx */
 var LoadingSkeleton = function LoadingSkeleton(_ref) {
   var testId = _ref.testId,
     width = _ref.width,
     height = _ref.height;
   var animationNameStyles = (0, _react2.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    0% { background-position: 50%  0; }\n    100% { background-position: -50% 0; }\n  "])));
   var styles = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    width: ", "rem;\n    height: ", "rem;\n    border-radius: 2px;\n    user-select: none;\n    background: ", ";\n    background-image: linear-gradient(\n      to right,\n      transparent 0%,\n      ", " 20%,\n      transparent 40%,\n      transparent 100%\n    );\n    background-repeat: no-repeat;\n    background-size: 280% 100%;\n    display: inline-block;\n\n    animation-duration: 1s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-name: ", ";\n    animation-timing-function: linear;\n  "])), width, height, "var(--ds-skeleton-subtle, #f6f7f8)", "var(--ds-skeleton, #edeef1)", animationNameStyles);
-  return (0, _react2.jsx)("span", {
+  return /*#__PURE__*/_react.default.createElement("span", {
     css: styles,
     "data-testid": testId
   });

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

@@ -18,7 +18,6 @@ var _hoverCardControl = _interopRequireDefault(require("./hover-card-control"));
 var _utils = require("../../../../state/flexible-ui-context/utils");
 var _colors = require("@atlaskit/theme/colors");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-/** @jsx jsx */
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var elevationStyles = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  border: 1px solid ", ";\n  border-radius: ", ";\n  margin: ", ";\n"])), "var(--ds-border, ".concat(_colors.N40, ")"), "var(--ds-border-radius-200, 8px)", "var(--ds-space-025, 2px)");
@@ -119,7 +118,7 @@ var getLayeredLink = function getLayeredLink(testId, context, children, onClick)
   var _ref2 = getTitleBlockProps(children) || {},
     target = _ref2.anchorTarget,
     text = _ref2.text;
-  return (0, _react2.jsx)(_layeredLink.default, {
+  return /*#__PURE__*/_react.default.createElement(_layeredLink.default, {
     onClick: onClick,
     target: target,
     testId: testId,
@@ -169,13 +168,13 @@ var Container = function Container(_ref3) {
   // `retry` object contains action that can be performed on
   // unresolved link (unauthorized, forbidden, not found, etc.)
   var canShowAuthTooltip = showAuthTooltip && status === 'unauthorized' && retry !== undefined;
-  var container = (0, _react2.jsx)("div", {
+  var container = /*#__PURE__*/_react.default.createElement("div", {
     css: getContainerStyles(size, hideBackground, hideElevation, hidePadding, clickableContainer, childrenOptions),
     "data-smart-link-container": true,
     "data-testid": testId
   }, clickableContainer ? getLayeredLink(testId, context, children, onClick) : null, renderChildren(children, size, theme, status, retry, onClick));
   if (context !== null && context !== void 0 && context.url && (canShowHoverPreview || canShowAuthTooltip)) {
-    return (0, _react2.jsx)(_hoverCardControl.default, {
+    return /*#__PURE__*/_react.default.createElement(_hoverCardControl.default, {
       hideHoverCardPreviewButton: hideHoverCardPreviewButton,
       isHoverPreview: canShowHoverPreview,
       isAuthTooltip: canShowAuthTooltip,

package/dist/cjs/view/FlexibleCard/components/container/layered-link/index.js

@@ -10,7 +10,6 @@ var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _useLinkClicked = require("../../../../../state/analytics/useLinkClicked");
 var _templateObject;
-/** @jsx jsx */
 var styles = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  // Stretch the invisible link over the whole of the post.\n  // Hide the link\u2019s text.\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  overflow: hidden;\n  text-indent: 100%;\n  white-space: nowrap;\n\n  // Needs a heightened specificity to trump other anchor.\n  // Stack it under all other links in the post text.\n  a&.layered-link {\n    position: absolute;\n    z-index: 0;\n  }\n\n  // When hovering over the layered link, any hidden action buttons inside\n  // the Container should become visible.\n  // As actions resides inside blocks and layered link is expected to be\n  // on the same level of blocks. That makes the blocks, e.g. TitleBlock,\n  // its sibling. Using general sibling combinator here to apply styling to\n  // all the siblings of layered link.\n  // The general sibling combinator (~) separates two selectors and matches all\n  // iterations of the second element, that are following the first element\n  // (though not necessarily immediately), and are children of the same parent\n  // element.\n  &:hover ~ * {\n    .actions-button-group {\n      opacity: 1;\n    }\n  }\n"])));
 
 /**
@@ -25,7 +24,7 @@ var LayeredLink = function LayeredLink(_ref) {
     text = _ref.text,
     url = _ref.url;
   var onMouseDown = (0, _useLinkClicked.useMouseDownEvent)();
-  return (0, _react2.jsx)("a", {
+  return /*#__PURE__*/_react.default.createElement("a", {
     className: "layered-link",
     css: styles,
     "data-testid": "".concat(testId, "-layered-link"),

package/dist/cjs/view/FlexibleCard/components/elements/atlaskit-badge/index.js

@@ -10,7 +10,6 @@ var _react = _interopRequireDefault(require("react"));
 var _badge = _interopRequireDefault(require("@atlaskit/badge"));
 var _react2 = require("@emotion/react");
 var _templateObject;
-/** @jsx jsx */
 var badgeStyles = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  align-items: center;\n  display: inline-flex;\n"])));
 
 /**
@@ -28,12 +27,12 @@ var AtlaskitBadge = function AtlaskitBadge(_ref) {
   if (!value) {
     return null;
   }
-  return (0, _react2.jsx)("span", {
+  return /*#__PURE__*/_react.default.createElement("span", {
     css: [badgeStyles, overrideCss],
     "data-fit-to-content": true,
     "data-smart-element": name,
     "data-smart-element-atlaskit-badge": true,
     "data-testid": testId
-  }, (0, _react2.jsx)(_badge.default, null, value));
+  }, /*#__PURE__*/_react.default.createElement(_badge.default, null, value));
 };
 var _default = exports.default = AtlaskitBadge;

package/dist/cjs/view/FlexibleCard/components/elements/avatar-group/index.js

@@ -16,7 +16,6 @@ var _messages = require("../../../../../messages");
 var _reactIntlNext = require("react-intl-next");
 var _utils = require("../../utils");
 var _templateObject, _templateObject2;
-/** @jsx jsx */
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -96,13 +95,13 @@ var AvatarGroup = function AvatarGroup(_ref) {
   if (!data.length) {
     return null;
   }
-  return (0, _react2.jsx)("span", {
+  return /*#__PURE__*/_react.default.createElement("span", {
     css: [getStyles(size), overrideCss],
     "data-fit-to-content": true,
     "data-smart-element": name,
     "data-smart-element-avatar-group": true,
     "data-testid": testId
-  }, (0, _react2.jsx)(_avatarGroup.default, {
+  }, /*#__PURE__*/_react.default.createElement(_avatarGroup.default, {
     maxCount: maxCount,
     appearance: "stack",
     size: "small",

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

@@ -16,7 +16,6 @@ var _messages = require("../../../../../messages");
 var _imageIcon = _interopRequireDefault(require("../../common/image-icon"));
 var _atlaskitIcon = _interopRequireDefault(require("../../common/atlaskit-icon"));
 var _templateObject, _templateObject2, _templateObject3, _messageMapper;
-/** @jsx jsx */
 var badgeStyles = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  align-items: center;\n  display: inline-flex;\n  min-width: fit-content;\n"])));
 var iconStyles = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  line-height: 0;\n  vertical-align: middle;\n  ", "\n  img,\n  span,\n  svg {\n    line-height: 0;\n    vertical-align: middle;\n  }\n"])), _token.tokens.badgeIcon, (0, _utils.getIconSizeStyles)('1rem'));
 var labelStyles = (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  font-size: 0.75rem;\n  line-height: 1rem;\n  padding-left: 0.125rem;\n  vertical-align: middle;\n"])), _token.tokens.badgeText);
@@ -33,7 +32,7 @@ var getFormattedMessageFromIcon = function getFormattedMessageFromIcon(icon) {
 };
 var renderAtlaskitIcon = function renderAtlaskitIcon(icon, testId) {
   if (icon) {
-    return (0, _react2.jsx)(_atlaskitIcon.default, {
+    return /*#__PURE__*/_react.default.createElement(_atlaskitIcon.default, {
       icon: icon,
       label: icon,
       testId: "".concat(testId, "-icon")
@@ -42,7 +41,7 @@ var renderAtlaskitIcon = function renderAtlaskitIcon(icon, testId) {
 };
 var renderImageIcon = function renderImageIcon(url, testId) {
   if (url) {
-    return (0, _react2.jsx)(_imageIcon.default, {
+    return /*#__PURE__*/_react.default.createElement(_imageIcon.default, {
       testId: testId,
       url: url
     });
@@ -75,15 +74,15 @@ var Badge = function Badge(_ref) {
   if (!formattedMessageOrLabel || !badgeIcon) {
     return null;
   }
-  return (0, _react2.jsx)("span", {
+  return /*#__PURE__*/_react.default.createElement("span", {
     css: [badgeStyles, overrideCss],
     "data-fit-to-content": true,
     "data-smart-element": name,
     "data-smart-element-badge": true,
     "data-testid": testId
-  }, (0, _react2.jsx)("span", {
+  }, /*#__PURE__*/_react.default.createElement("span", {
     css: iconStyles
-  }, badgeIcon), (0, _react2.jsx)("span", {
+  }, badgeIcon), /*#__PURE__*/_react.default.createElement("span", {
     css: labelStyles,
     "data-testid": "".concat(testId, "-label")
   }, formattedMessageOrLabel));

package/dist/cjs/view/FlexibleCard/components/elements/date-time/index.js

@@ -15,7 +15,6 @@ var _token = require("../../../../../utils/token");
 var _intlUtils = require("@formatjs/intl-utils");
 var _messages = require("../../../../../messages");
 var _templateObject;
-/** @jsx jsx */
 var styles = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  font-size: 0.75rem;\n  line-height: 1rem;\n  ", "\n"])), _token.tokens.text, (0, _utils.getTruncateStyles)(1));
 var typeToDescriptorMap = {
   created: {
@@ -73,13 +72,13 @@ var DateTime = function DateTime(_ref) {
       numeric: 'auto'
     });
   }
-  return (0, _react2.jsx)("span", {
+  return /*#__PURE__*/_react.default.createElement("span", {
     css: [styles, overrideCss],
     "data-separator": true,
     "data-smart-element": name,
     "data-smart-element-date-time": true,
     "data-testid": testId
-  }, text ? "".concat(text, " ").concat(context) : (0, _react2.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, typeToDescriptorMap[type][typeVariant], {
+  }, text ? "".concat(text, " ").concat(context) : /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, typeToDescriptorMap[type][typeVariant], {
     values: {
       context: context
     }

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

@@ -15,7 +15,6 @@ var _atlaskitIcon = _interopRequireDefault(require("../../common/atlaskit-icon")
 var _imageIcon = _interopRequireDefault(require("../../common/image-icon"));
 var _utils = require("../../utils");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-/** @jsx jsx */
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var getPositionStyles = function getPositionStyles(position) {
@@ -35,7 +34,7 @@ var getCustomRenderStyles = function getCustomRenderStyles(value) {
 };
 var renderAtlaskitIcon = function renderAtlaskitIcon(icon, label, testId) {
   if (icon) {
-    return (0, _react2.jsx)(_atlaskitIcon.default, {
+    return /*#__PURE__*/_react.default.createElement(_atlaskitIcon.default, {
       icon: icon,
       label: label,
       testId: "".concat(testId, "-icon")
@@ -43,14 +42,14 @@ var renderAtlaskitIcon = function renderAtlaskitIcon(icon, label, testId) {
   }
 };
 var renderDefaultIcon = function renderDefaultIcon(label, testId) {
-  return (0, _react2.jsx)(_link.default, {
+  return /*#__PURE__*/_react.default.createElement(_link.default, {
     label: label,
     testId: "".concat(testId, "-default")
   });
 };
 var renderImageIcon = function renderImageIcon(defaultIcon, url, testId) {
   if (url) {
-    return (0, _react2.jsx)(_imageIcon.default, {
+    return /*#__PURE__*/_react.default.createElement(_imageIcon.default, {
       defaultIcon: defaultIcon,
       testId: testId,
       url: url
@@ -85,7 +84,7 @@ var Icon = function Icon(_ref) {
   var width = (0, _utils.getIconWidth)(size);
   var styles = getIconStyles(position, width);
   var renderStyles = render ? getCustomRenderStyles(width) : undefined;
-  return (0, _react2.jsx)("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     css: [styles, renderStyles, overrideCss],
     "data-fit-to-content": true,
     "data-smart-element": name,

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

@@ -16,7 +16,6 @@ var _utils = require("../../utils");
 var _token = require("../../../../../utils/token");
 var _useLinkClicked = require("../../../../../state/analytics/useLinkClicked");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-/** @jsx jsx */
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var DEFAULT_MAX_LINES = 2;
@@ -51,7 +50,7 @@ var getMaxLines = function getMaxLines(maxLines) {
   return maxLines;
 };
 var withTooltip = function withTooltip(trigger, content, testId) {
-  return (0, _react2.jsx)(_tooltip.default, {
+  return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
     content: content,
     testId: "".concat(testId, "-tooltip"),
     tag: "span"
@@ -85,7 +84,7 @@ var Link = function Link(_ref) {
   var hasSpace = (0, _react.useMemo)(function () {
     return text ? (0, _utils.hasWhiteSpace)(text) : false;
   }, [text]);
-  var anchor = (0, _react2.jsx)("a", (0, _extends2.default)({
+  var anchor = /*#__PURE__*/_react.default.createElement("a", (0, _extends2.default)({
     css: [getAnchorStyles(size, theme, getMaxLines(maxLines), hasSpace), overrideCss],
     "data-smart-element": name,
     "data-smart-element-link": true,
@@ -98,7 +97,7 @@ var Link = function Link(_ref) {
   }, target !== '_self' && {
     target: target
   }), text);
-  return (0, _react2.jsx)("span", {
+  return /*#__PURE__*/_react.default.createElement("span", {
     css: containerStyles
   }, hideTooltip || text === undefined ? anchor : withTooltip(anchor, text, testId));
 };

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

@@ -12,7 +12,6 @@ var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
 var _lozengeAction = _interopRequireDefault(require("./lozenge-action"));
 var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
 var _templateObject;
-/** @jsx jsx */
 var styles = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-flex;\n  line-height: inherit;\n"])));
 
 /**
@@ -34,17 +33,17 @@ var Lozenge = function Lozenge(_ref) {
   if (!text) {
     return null;
   }
-  var lozenge = action ? (0, _react2.jsx)(_lozengeAction.default, {
+  var lozenge = action ? /*#__PURE__*/_react.default.createElement(_lozengeAction.default, {
     action: action,
     appearance: appearance,
     testId: testId,
     text: text,
     zIndex: ui === null || ui === void 0 ? void 0 : ui.zIndex
-  }) : (0, _react2.jsx)(_lozenge.default, {
+  }) : /*#__PURE__*/_react.default.createElement(_lozenge.default, {
     appearance: appearance,
     testId: "".concat(testId, "-lozenge")
   }, text);
-  return (0, _react2.jsx)("span", {
+  return /*#__PURE__*/_react.default.createElement("span", {
     css: [styles, overrideCss],
     "data-fit-to-content": true,
     "data-smart-element": name,

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

@@ -4,12 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("@emotion/react");
-var _react2 = require("react");
+var _react = require("react");
 var _storageClient = require("@atlaskit/frontend-utilities/storage-client");
 var _styled = require("./styled");
-/** @jsx jsx */
-
 var LOCAL_STORAGE_CLIENT_KEY = '@atlaskit/smart-card';
 var LOCAL_STORAGE_DISCOVERY_KEY = 'action-discovery-status';
 var LOCAL_STORAGE_DISCOVERY_VALUE = 'discovered';
@@ -26,14 +23,14 @@ var FeatureDiscovery = function FeatureDiscovery(_ref) {
   var appearance = _ref.appearance,
     children = _ref.children,
     testId = _ref.testId;
-  var renderedTime = (0, _react2.useRef)();
-  var storageClient = (0, _react2.useMemo)(function () {
+  var renderedTime = (0, _react.useRef)();
+  var storageClient = (0, _react.useMemo)(function () {
     return new _storageClient.StorageClient(LOCAL_STORAGE_CLIENT_KEY);
   }, []);
-  var discovered = (0, _react2.useMemo)(function () {
+  var discovered = (0, _react.useMemo)(function () {
     return storageClient.getItem(LOCAL_STORAGE_DISCOVERY_KEY) === LOCAL_STORAGE_DISCOVERY_VALUE;
   }, [storageClient]);
-  (0, _react2.useEffect)(function () {
+  (0, _react.useEffect)(function () {
     renderedTime.current = Date.now();
     return function () {
       if (!discovered && renderedTime.current) {
@@ -44,9 +41,9 @@ var FeatureDiscovery = function FeatureDiscovery(_ref) {
       }
     };
   }, [storageClient, discovered]);
-  var component = (0, _react2.useMemo)(function () {
+  var component = (0, _react.useMemo)(function () {
     if (!discovered) {
-      return (0, _react.jsx)("span", {
+      return /*#__PURE__*/React.createElement("span", {
         css: (0, _styled.getPulseStyles)(appearance),
         "data-testid": "".concat(testId, "-discovery")
       }, children);