@atlaskit/smart-card 22.1.0 → 22.2.0

package/dist/es2019/__tests_external__/test-cases/card.js

@@ -0,0 +1,14 @@
+import { InProductTestCase } from '@atlaskit/in-product-testing';
+import { BlockCardPageObject } from '../page-objects/BlockCard';
+export const blockSmartLinkRendersTestCase = ({
+  url,
+  status = 'resolved'
+}) => new InProductTestCase({
+  title: 'Block Smart Link is visible in the resolved state',
+  id: 'block-smart-link-resolved',
+  assertions: cy => {
+    const blockCard = new BlockCardPageObject(cy);
+    blockCard.assertHrefRendered(url);
+    blockCard.expectCardReady(1, status);
+  }
+});

package/dist/es2019/__tests_external__/test-cases/embed.js

@@ -0,0 +1,14 @@
+import { InProductTestCase } from '@atlaskit/in-product-testing';
+import { EmbedCardPageObject } from '../page-objects/EmbedCard';
+export const embedSmartLinkRendersTestCase = ({
+  url,
+  status = 'resolved'
+}) => new InProductTestCase({
+  title: 'Embed Smart Link is visible in the resolved state',
+  id: 'embed-smart-link-resolved',
+  assertions: cy => {
+    const embedCard = new EmbedCardPageObject(cy);
+    embedCard.assertHrefRendered(url);
+    embedCard.expectCardReady(1, status);
+  }
+});

package/dist/es2019/__tests_external__/test-cases/inline.js

@@ -0,0 +1,14 @@
+import { InProductTestCase } from '@atlaskit/in-product-testing';
+import { InlineCardPageObject } from '../page-objects/InlineCard';
+export const inlineSmartLinkRendersTestCase = ({
+  url,
+  status = 'resolved'
+}) => new InProductTestCase({
+  title: 'Inline Smart Link is visible in the resolved state',
+  id: 'inline-smart-link-resolved',
+  assertions: cy => {
+    const inlineCard = new InlineCardPageObject(cy);
+    inlineCard.assertHrefRendered(url);
+    inlineCard.expectCardReady(1, status);
+  }
+});

package/dist/es2019/__tests_external__/test-cases/types.js

@@ -0,0 +1 @@
+export {};

package/dist/es2019/state/hooks/usePrefetch.js

@@ -10,15 +10,20 @@ export function usePrefetch(url) {
   const {
     dispatch,
     getState
-  } = store;
+  } = store || {};
   const {
     client
-  } = connections;
+  } = connections || {};
   return useCallback(async () => {
-    // If the link is already being prefetched, the prefetch store
+    // If smartlink context props are undefined do nothing.
+    if (!store || !prefetchStore || !connections) {
+      return;
+    } // If the link is already being prefetched, the prefetch store
     // should have a flag set against the URL. The prefetch store is purposefully
     // separate from the UI in order to ensure no rendering takes place;
     // all mutations which occur are purely store-based mutations.
+
+
     const isPrefetching = prefetchStore[url]; // If the link has already been registered in the store, then it no
     // longer needs to be prefetched, as the normal flow of a link being in
     // the viewport and being fetched is now in motion.
@@ -59,5 +64,5 @@ export function usePrefetch(url) {
         // mutations yet, the link will behave like a 'brand new' link.
       }
     }
-  }, [prefetchStore, url, getState, client, dispatch]);
+  }, [store, prefetchStore, connections, url, getState, client, dispatch]);
 }

package/dist/es2019/version.json

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

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

@@ -55,16 +55,12 @@ export function CardWithURLRenderer(props) {
   const logError = useCallback((error, info) => {
     const {
       componentStack
-    } = info; // NB: APIErrors are thrown in response to Object Resolver Service.
-    // In these cases, control is handed back to the Editor. We do not
+    } = info; // NB: APIErrors are thrown in response to Object Resolver Service. We do not
     // fire an event for these, as they do not cover failed UI render events.
+    // The rest of the errors caught here are unexpected, and correlate
+    // to the reliability of the smart-card front-end components.
 
-    if (error.name === 'APIError') {
-      throw error;
-    } // NB: the rest of the errors caught here are unexpected, and correlate
-    // to the reliability of the smart-card front-end components. We instrument
-    // these in order to measure our front-end reliability.
-    else {
+    if (error.name !== 'APIError') {
       const errorInfo = {
         componentStack
       };
@@ -74,7 +70,11 @@ export function CardWithURLRenderer(props) {
         error,
         errorInfo
       });
-    }
+    } // Rethrow to hand control to the consumer of Smart-card.
+    // In the case of editor this allows the Smart Link to fallback to a blue link.
+
+
+    throw error;
   }, [analytics.ui, appearance, id]);
 
   if (!url) {
@@ -112,5 +112,5 @@ export function CardWithURLRenderer(props) {
 }
 
 const ErrorFallback = () => {
-  return /*#__PURE__*/React.createElement("span", null);
+  return null;
 };

package/dist/es2019/view/InlineCard/IconAndTitleLayout/styled.js

@@ -64,14 +64,12 @@ export const LozengeWrapper = styled.span`
   vertical-align: 1px;
   & > span {
     margin-left: 4px;
-    padding: 2px 0 2px 0;
   }
 `; // TODO: Replace overrides with proper AtlasKit solution.
 
 export const LozengeBlockWrapper = styled.span`
   & > span {
     margin-left: 4px;
-    padding: 2px 0 2px 0;
   }
 `;
 export const RightIconPositionWrapper = styled.span`

package/dist/esm/__tests_external__/index.js

@@ -0,0 +1,6 @@
+export { InlineCardPageObject } from './page-objects/InlineCard';
+export { BlockCardPageObject } from './page-objects/BlockCard';
+export { EmbedCardPageObject } from './page-objects/EmbedCard';
+export { inlineSmartLinkRendersTestCase } from './test-cases/inline';
+export { blockSmartLinkRendersTestCase } from './test-cases/card';
+export { embedSmartLinkRendersTestCase } from './test-cases/embed';

package/dist/esm/__tests_external__/page-objects/BaseCard.js

@@ -0,0 +1,101 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
+
+import { InProductTestPageObject } from '@atlaskit/in-product-testing';
+export var BaseCardPageObject = /*#__PURE__*/function (_InProductTestPageObj) {
+  _inherits(BaseCardPageObject, _InProductTestPageObj);
+
+  var _super = _createSuper(BaseCardPageObject);
+
+  function BaseCardPageObject(cy, appearance) {
+    var _this;
+
+    _classCallCheck(this, BaseCardPageObject);
+
+    _this = _super.call(this, cy);
+    _this.cy = cy;
+    _this.appearance = appearance;
+    return _this;
+  }
+
+  _createClass(BaseCardPageObject, [{
+    key: "_toSelector",
+    value: function _toSelector(appearance, status) {
+      var viewSelector = status.replace(/_/g, '-');
+      return this.toTestId("".concat(appearance, "-card-").concat(viewSelector, "-view"));
+    }
+  }, {
+    key: "expectCardReady",
+    value: function expectCardReady() {
+      var _this2 = this;
+
+      var numOfCards = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
+      var status = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'resolved';
+
+      var selector = this._toSelector(this.appearance, status);
+
+      return this.cy // NOTE: `timeout` used since Smart Links rely on a network response.
+      .get(selector, {
+        timeout: BaseCardPageObject.CARD_TIMEOUT
+      }).should('have.length', numOfCards).each(function (element) {
+        _this2.cy.wrap(element) // NOTE: `be.visible` is used to ensure the file is still visible
+        // whilst it is being uploaded.
+        .should('be.visible');
+      });
+    }
+  }, {
+    key: "expectCardNotExists",
+    value: function expectCardNotExists() {
+      var status = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'resolved';
+
+      var selector = this._toSelector(this.appearance, status);
+
+      return this.cy.get(selector).should('not.exist');
+    }
+  }, {
+    key: "findCardNth",
+    value: function findCardNth() {
+      var nth = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
+      var status = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'resolved';
+
+      var selector = this._toSelector(this.appearance, status);
+
+      return this.cy // NOTE: `timeout` used since Smart Links rely on a network response.
+      .get(selector, {
+        timeout: BaseCardPageObject.CARD_TIMEOUT
+      }).should('have.length.at.least', nth).should('be.visible').eq(nth - 1);
+    }
+  }, {
+    key: "assertHrefRendered",
+    value: function assertHrefRendered(url) {
+      return this.cy.get("a[href=\"".concat(url, "\"]"), {
+        timeout: BaseCardPageObject.CARD_TIMEOUT
+      }).should('be.visible');
+    }
+  }, {
+    key: "assertHrefNotRendered",
+    value: function assertHrefNotRendered(url) {
+      return this.cy.get("a[href=\"".concat(url, "\"]"), {
+        timeout: BaseCardPageObject.CARD_TIMEOUT
+      }).should('not.exist');
+    }
+  }, {
+    key: "click",
+    value: function click() {
+      var status = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'resolved';
+      return this.findCardNth(1, status).click();
+    }
+  }]);
+
+  return BaseCardPageObject;
+}(InProductTestPageObject);
+
+_defineProperty(BaseCardPageObject, "CARD_TIMEOUT", 15000);

package/dist/esm/__tests_external__/page-objects/BlockCard.js

@@ -0,0 +1,28 @@
+import _createClass from "@babel/runtime/helpers/createClass";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
+
+import { BaseCardPageObject } from './BaseCard';
+export var BlockCardPageObject = /*#__PURE__*/function (_BaseCardPageObject) {
+  _inherits(BlockCardPageObject, _BaseCardPageObject);
+
+  var _super = _createSuper(BlockCardPageObject);
+
+  function BlockCardPageObject(cy) {
+    var _this;
+
+    _classCallCheck(this, BlockCardPageObject);
+
+    _this = _super.call(this, cy, 'block');
+    _this.cy = cy;
+    return _this;
+  }
+
+  return _createClass(BlockCardPageObject);
+}(BaseCardPageObject);

package/dist/esm/__tests_external__/page-objects/EmbedCard.js

@@ -0,0 +1,28 @@
+import _createClass from "@babel/runtime/helpers/createClass";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
+
+import { BaseCardPageObject } from './BaseCard';
+export var EmbedCardPageObject = /*#__PURE__*/function (_BaseCardPageObject) {
+  _inherits(EmbedCardPageObject, _BaseCardPageObject);
+
+  var _super = _createSuper(EmbedCardPageObject);
+
+  function EmbedCardPageObject(cy) {
+    var _this;
+
+    _classCallCheck(this, EmbedCardPageObject);
+
+    _this = _super.call(this, cy, 'embed');
+    _this.cy = cy;
+    return _this;
+  }
+
+  return _createClass(EmbedCardPageObject);
+}(BaseCardPageObject);

package/dist/esm/__tests_external__/page-objects/InlineCard.js

@@ -0,0 +1,28 @@
+import _createClass from "@babel/runtime/helpers/createClass";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
+
+import { BaseCardPageObject } from './BaseCard';
+export var InlineCardPageObject = /*#__PURE__*/function (_BaseCardPageObject) {
+  _inherits(InlineCardPageObject, _BaseCardPageObject);
+
+  var _super = _createSuper(InlineCardPageObject);
+
+  function InlineCardPageObject(cy) {
+    var _this;
+
+    _classCallCheck(this, InlineCardPageObject);
+
+    _this = _super.call(this, cy, 'inline');
+    _this.cy = cy;
+    return _this;
+  }
+
+  return _createClass(InlineCardPageObject);
+}(BaseCardPageObject);

package/dist/esm/__tests_external__/test-cases/card.js

@@ -0,0 +1,16 @@
+import { InProductTestCase } from '@atlaskit/in-product-testing';
+import { BlockCardPageObject } from '../page-objects/BlockCard';
+export var blockSmartLinkRendersTestCase = function blockSmartLinkRendersTestCase(_ref) {
+  var url = _ref.url,
+      _ref$status = _ref.status,
+      status = _ref$status === void 0 ? 'resolved' : _ref$status;
+  return new InProductTestCase({
+    title: 'Block Smart Link is visible in the resolved state',
+    id: 'block-smart-link-resolved',
+    assertions: function assertions(cy) {
+      var blockCard = new BlockCardPageObject(cy);
+      blockCard.assertHrefRendered(url);
+      blockCard.expectCardReady(1, status);
+    }
+  });
+};

package/dist/esm/__tests_external__/test-cases/embed.js

@@ -0,0 +1,16 @@
+import { InProductTestCase } from '@atlaskit/in-product-testing';
+import { EmbedCardPageObject } from '../page-objects/EmbedCard';
+export var embedSmartLinkRendersTestCase = function embedSmartLinkRendersTestCase(_ref) {
+  var url = _ref.url,
+      _ref$status = _ref.status,
+      status = _ref$status === void 0 ? 'resolved' : _ref$status;
+  return new InProductTestCase({
+    title: 'Embed Smart Link is visible in the resolved state',
+    id: 'embed-smart-link-resolved',
+    assertions: function assertions(cy) {
+      var embedCard = new EmbedCardPageObject(cy);
+      embedCard.assertHrefRendered(url);
+      embedCard.expectCardReady(1, status);
+    }
+  });
+};

package/dist/esm/__tests_external__/test-cases/inline.js

@@ -0,0 +1,16 @@
+import { InProductTestCase } from '@atlaskit/in-product-testing';
+import { InlineCardPageObject } from '../page-objects/InlineCard';
+export var inlineSmartLinkRendersTestCase = function inlineSmartLinkRendersTestCase(_ref) {
+  var url = _ref.url,
+      _ref$status = _ref.status,
+      status = _ref$status === void 0 ? 'resolved' : _ref$status;
+  return new InProductTestCase({
+    title: 'Inline Smart Link is visible in the resolved state',
+    id: 'inline-smart-link-resolved',
+    assertions: function assertions(cy) {
+      var inlineCard = new InlineCardPageObject(cy);
+      inlineCard.assertHrefRendered(url);
+      inlineCard.expectCardReady(1, status);
+    }
+  });
+};

package/dist/esm/__tests_external__/test-cases/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/state/hooks/usePrefetch.js

@@ -9,15 +9,27 @@ export function usePrefetch(url) {
       prefetchStore = _useSmartLinkContext.prefetchStore,
       connections = _useSmartLinkContext.connections;
 
-  var dispatch = store.dispatch,
-      getState = store.getState;
-  var client = connections.client;
+  var _ref = store || {},
+      dispatch = _ref.dispatch,
+      getState = _ref.getState;
+
+  var _ref2 = connections || {},
+      client = _ref2.client;
+
   return useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
     var isPrefetching, isFetching, needsPrefetch, response;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) {
         switch (_context.prev = _context.next) {
           case 0:
+            if (!(!store || !prefetchStore || !connections)) {
+              _context.next = 2;
+              break;
+            }
+
+            return _context.abrupt("return");
+
+          case 2:
             // If the link is already being prefetched, the prefetch store
             // should have a flag set against the URL. The prefetch store is purposefully
             // separate from the UI in order to ensure no rendering takes place;
@@ -31,7 +43,7 @@ export function usePrefetch(url) {
             needsPrefetch = !isPrefetching && !isFetching;
 
             if (!needsPrefetch) {
-              _context.next = 14;
+              _context.next = 16;
               break;
             }
 
@@ -43,11 +55,11 @@ export function usePrefetch(url) {
             // requests by domain (as usual) to ensure we minimize the amount of connections
             // we create between browser -> ORS when making network requests.
 
-            _context.prev = 5;
-            _context.next = 8;
+            _context.prev = 7;
+            _context.next = 10;
             return client.prefetchData(url);
 
-          case 8:
+          case 10:
             response = _context.sent;
 
             // Once the data comes back, we put the link in the `resolved` status. This ensures
@@ -66,18 +78,18 @@ export function usePrefetch(url) {
               }, undefined, undefined, 'resolved'));
             }
 
-            _context.next = 14;
+            _context.next = 16;
             break;
 
-          case 12:
-            _context.prev = 12;
-            _context.t0 = _context["catch"](5);
-
           case 14:
+            _context.prev = 14;
+            _context.t0 = _context["catch"](7);
+
+          case 16:
           case "end":
             return _context.stop();
         }
       }
-    }, _callee, null, [[5, 12]]);
-  })), [prefetchStore, url, getState, client, dispatch]);
+    }, _callee, null, [[7, 14]]);
+  })), [store, prefetchStore, connections, url, getState, client, dispatch]);
 }

package/dist/esm/version.json

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

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

@@ -59,16 +59,12 @@ export function CardWithURLRenderer(props) {
   }, [appearance, createAnalyticsEvent]);
   var analytics = useSmartLinkAnalytics(url !== null && url !== void 0 ? url : '', dispatchAnalytics, id);
   var logError = 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
+    var componentStack = info.componentStack; // NB: APIErrors are thrown in response to Object Resolver Service. We do not
     // fire an event for these, as they do not cover failed UI render events.
+    // The rest of the errors caught here are unexpected, and correlate
+    // to the reliability of the smart-card front-end components.
 
-    if (error.name === 'APIError') {
-      throw error;
-    } // NB: the rest of the errors caught here are unexpected, and correlate
-    // to the reliability of the smart-card front-end components. We instrument
-    // these in order to measure our front-end reliability.
-    else {
+    if (error.name !== 'APIError') {
       var errorInfo = {
         componentStack: componentStack
       };
@@ -78,7 +74,11 @@ export function CardWithURLRenderer(props) {
         error: error,
         errorInfo: errorInfo
       });
-    }
+    } // Rethrow to hand control to the consumer of Smart-card.
+    // In the case of editor this allows the Smart Link to fallback to a blue link.
+
+
+    throw error;
   }, [analytics.ui, appearance, id]);
 
   if (!url) {
@@ -116,5 +116,5 @@ export function CardWithURLRenderer(props) {
 }
 
 var ErrorFallback = function ErrorFallback() {
-  return /*#__PURE__*/React.createElement("span", null);
+  return null;
 };

package/dist/esm/view/InlineCard/IconAndTitleLayout/styled.js

@@ -21,9 +21,9 @@ export var EmojiWrapper = styled.span(_templateObject2 || (_templateObject2 = _t
 
 export var IconTitleWrapper = styled.span(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  white-space: pre-wrap;\n  word-break: break-all;\n"]))); // TODO: Replace overrides with proper AtlasKit solution.
 
-export var LozengeWrapper = styled.span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: inline-block;\n  vertical-align: 1px;\n  & > span {\n    margin-left: 4px;\n    padding: 2px 0 2px 0;\n  }\n"]))); // TODO: Replace overrides with proper AtlasKit solution.
+export var LozengeWrapper = styled.span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: inline-block;\n  vertical-align: 1px;\n  & > span {\n    margin-left: 4px;\n  }\n"]))); // TODO: Replace overrides with proper AtlasKit solution.
 
-export var LozengeBlockWrapper = styled.span(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  & > span {\n    margin-left: 4px;\n    padding: 2px 0 2px 0;\n  }\n"])));
+export var LozengeBlockWrapper = styled.span(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  & > span {\n    margin-left: 4px;\n  }\n"])));
 export var RightIconPositionWrapper = styled.span(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  margin-left: 2px;\n  margin-right: 4px;\n  position: relative;\n  display: inline-block;\n"]))); // The following components are used to absolutely position icons in the vertical center.
 // - IconPositionWrapper: the `relative` parent which has no height in itself.
 // - IconEmptyWrapper: the child which forces `IconPositionWrapper` to have a height.

package/dist/types/view/Card/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { CardAppearance, CardPlatform, CardProps } from './types';
 import { WrappedComponentProps } from 'react-intl-next';
-export declare const Card: React.ForwardRefExoticComponent<Pick<Omit<React.PropsWithChildren<import("react-intl-next").WithIntlProps<CardProps & WrappedComponentProps<"intl">>>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "children" | "data" | "appearance" | "testId" | "isSelected" | "inheritDimensions" | "id" | "placeholder" | "onError" | "onClick" | "analyticsContext" | "key" | "url" | "ui" | "showActions" | "showHoverPreview" | "onResolve" | "platform" | "isFrameVisible" | "embedIframeRef" | "inlinePreloaderStyle" | "importer" | "container" | "analyticsEvents" | "forwardedRef"> & React.RefAttributes<any>>;
+export declare const Card: React.ForwardRefExoticComponent<Pick<Omit<React.PropsWithChildren<import("react-intl-next").WithIntlProps<CardProps & WrappedComponentProps<"intl">>>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "url" | "children" | "data" | "appearance" | "testId" | "isSelected" | "inheritDimensions" | "id" | "placeholder" | "onError" | "onClick" | "analyticsContext" | "key" | "ui" | "showActions" | "showHoverPreview" | "onResolve" | "platform" | "isFrameVisible" | "embedIframeRef" | "inlinePreloaderStyle" | "importer" | "container" | "analyticsEvents" | "forwardedRef"> & React.RefAttributes<any>>;
 export type { CardAppearance, CardProps, CardPlatform };

package/dist/types/view/HoverCard/index.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { HoverCardProps } from './types';
-export declare const HoverCard: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").PropsWithChildren<HoverCardProps>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & import("react").RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "children" | "id" | "analyticsContext" | "key" | "url"> & import("react").RefAttributes<any>>;
+export declare const HoverCard: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").PropsWithChildren<HoverCardProps>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & import("react").RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "url" | "children" | "id" | "analyticsContext" | "key"> & import("react").RefAttributes<any>>;