@atlaskit/media-card 74.5.0 → 74.5.2

package/dist/cjs/utils/breakpoint.js

@@ -4,13 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.cardBreakpointSizes = exports.breakpointStyles = exports.breakpointSize = void 0;
-
 var _mediaUi = require("@atlaskit/media-ui");
-
 var breakpointSize = function breakpointSize(width) {
   var sizes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : cardBreakpointSizes;
   var value = parseInt("".concat(width), 10); // Normalize value
-
   var keys = Object.keys(sizes);
   var defaultValue = keys[0];
   var breakpoint;
@@ -21,7 +18,6 @@ var breakpointSize = function breakpointSize(width) {
   });
   return breakpoint || defaultValue;
 };
-
 exports.breakpointSize = breakpointSize;
 var cardBreakpointSizes = {
   small: 173,
@@ -30,23 +26,17 @@ var cardBreakpointSizes = {
   xlarge: Infinity
 };
 exports.cardBreakpointSizes = cardBreakpointSizes;
-
 var breakpointStyles = function breakpointStyles(_ref) {
   var breakpointSize = _ref.breakpointSize;
-
   switch (breakpointSize) {
     case 'small':
       return "\n        .title {\n          font-size: 12px;\n        }\n        .file-type-icon span {\n          // We need to use important here since we can't use the dimensions provided by the Icon component\n          ".concat((0, _mediaUi.size)('14px !important'), "\n        }\n      ");
-
     case 'medium':
       return "\n        .title {\n          font-size: 14px;\n        }\n        .file-type-icon span {\n          ".concat((0, _mediaUi.size)('16px !important'), "\n        }\n      ");
-
     case 'large':
       return "\n        .overlay {\n          padding: 24px;\n        }\n        .title {\n          font-size: 14px;\n        }\n        .file-size {\n          font-size: 14px;\n        }\n        .file-type-icon span {\n          ".concat((0, _mediaUi.size)('18px !important'), "\n        }\n      ");
-
     case 'xlarge':
       return "\n        border-radius: 2px;\n\n        .title {\n          font-size: 16px;\n        }\n\n        .file-size {\n          font-size: 14px;\n        }\n        \n        .wrapper, .img-wrapper {\n          border-radius: 2px;\n        }\n\n        .overlay {\n          padding: 24px;\n        }\n\n        .file-type-icon span {\n          ".concat((0, _mediaUi.size)('18px !important'), "\n        }\n      ");
   }
 };
-
 exports.breakpointStyles = breakpointStyles;

package/dist/cjs/utils/cardActions/cardActionButton.js

@@ -4,14 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CardActionButton = void 0;
-
 var _react = require("react");
-
 var _react2 = require("@emotion/react");
-
 var _styles = require("./styles");
-
 /**@jsx jsx */
+
 var CardActionButton = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   return (0, _react2.jsx)("div", {
     id: "cardActionButton",

package/dist/cjs/utils/cardActions/cardActionIconButton.js

@@ -1,69 +1,47 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CardActionIconButton = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _cardActionButton = require("./cardActionButton");
-
 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 _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; } }
-
 var CardActionIconButton = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(CardActionIconButton, _Component);
-
   var _super = _createSuper(CardActionIconButton);
-
   function CardActionIconButton() {
     var _this;
-
     (0, _classCallCheck2.default)(this, CardActionIconButton);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onMouseDown", function (event) {
       event.preventDefault();
     });
     return _this;
   }
-
   (0, _createClass2.default)(CardActionIconButton, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          icon = _this$props.icon,
-          triggerColor = _this$props.triggerColor,
-          onClick = _this$props.onClick,
-          variant = _this$props.variant;
+        icon = _this$props.icon,
+        triggerColor = _this$props.triggerColor,
+        onClick = _this$props.onClick,
+        variant = _this$props.variant;
       return /*#__PURE__*/_react.default.createElement(_cardActionButton.CardActionButton, {
         onClick: onClick,
         onMouseDown: this.onMouseDown,
@@ -72,11 +50,11 @@ var CardActionIconButton = /*#__PURE__*/function (_Component) {
         },
         variant: variant
       }, icon);
-    } // this is to prevent currently focused text to loose cursor on clicking card action
-    // this does not prevent onclick behavior
+    }
 
+    // this is to prevent currently focused text to loose cursor on clicking card action
+    // this does not prevent onclick behavior
   }]);
   return CardActionIconButton;
 }(_react.Component);
-
 exports.CardActionIconButton = CardActionIconButton;

package/dist/cjs/utils/cardActions/cardActionsDropdownMenu.js

@@ -1,50 +1,29 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CardActionsDropdownMenu = void 0;
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _more = _interopRequireDefault(require("@atlaskit/icon/glyph/more"));
-
 var _dropdownMenu = _interopRequireWildcard(require("@atlaskit/dropdown-menu"));
-
 var _analyticsNext = require("@atlaskit/analytics-next");
-
 var _analytics = require("../analytics");
-
 var _cardActionButton = require("./cardActionButton");
-
 var _excluded = ["triggerRef"];
-
 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 _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; } }
-
 var CardActionButtonWithAnalytics = (0, _analyticsNext.withAnalyticsEvents)({
   onClick: (0, _analytics.createAndFireMediaCardEvent)({
     eventType: 'ui',
@@ -54,17 +33,15 @@ var CardActionButtonWithAnalytics = (0, _analyticsNext.withAnalyticsEvents)({
     attributes: {}
   })
 })(_cardActionButton.CardActionButton);
-
 // Trick applied due to the lack of props type of DropdownItem
 var DropdownItemWithProps = function DropdownItemWithProps(props) {
   return /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItem, (0, _extends2.default)({
     testId: "media-card-actions-menu-item"
   }, props));
 };
-
 var createDropdownItemWithAnalytics = function createDropdownItemWithAnalytics(action, index) {
   var label = action.label,
-      handler = action.handler;
+    handler = action.handler;
   var DropdownItemWithAnalytics = (0, _analyticsNext.withAnalyticsEvents)({
     onClick: (0, _analytics.createAndFireMediaCardEvent)({
       eventType: 'ui',
@@ -81,33 +58,28 @@ var createDropdownItemWithAnalytics = function createDropdownItemWithAnalytics(a
     onClick: handler
   }, label);
 };
-
 var CardActionsDropdownMenu = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(CardActionsDropdownMenu, _Component);
-
   var _super = _createSuper(CardActionsDropdownMenu);
-
   function CardActionsDropdownMenu() {
     (0, _classCallCheck2.default)(this, CardActionsDropdownMenu);
     return _super.apply(this, arguments);
   }
-
   (0, _createClass2.default)(CardActionsDropdownMenu, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          actions = _this$props.actions,
-          triggerColor = _this$props.triggerColor,
-          onOpenChange = _this$props.onOpenChange,
-          triggerVariant = _this$props.triggerVariant;
-
+        actions = _this$props.actions,
+        triggerColor = _this$props.triggerColor,
+        onOpenChange = _this$props.onOpenChange,
+        triggerVariant = _this$props.triggerVariant;
       if (actions.length > 0) {
         return /*#__PURE__*/_react.default.createElement(_dropdownMenu.default, {
           testId: "media-card-actions-menu",
           onOpenChange: onOpenChange,
           trigger: function trigger(_ref) {
             var triggerRef = _ref.triggerRef,
-                providedProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+              providedProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
             return /*#__PURE__*/_react.default.createElement(CardActionButtonWithAnalytics, (0, _extends2.default)({
               variant: triggerVariant,
               style: {
@@ -126,5 +98,4 @@ var CardActionsDropdownMenu = /*#__PURE__*/function (_Component) {
   }]);
   return CardActionsDropdownMenu;
 }(_react.Component);
-
 exports.CardActionsDropdownMenu = CardActionsDropdownMenu;

package/dist/cjs/utils/cardActions/cardActionsView.js

@@ -1,65 +1,42 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CardActionsView = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _react = require("@emotion/react");
-
 var _react2 = require("react");
-
 var _cardActionIconButton = require("./cardActionIconButton");
-
 var _styles = require("./styles");
-
 var _cardActionsDropdownMenu = require("./cardActionsDropdownMenu");
-
 var _preventClickThrough = require("../preventClickThrough");
-
 var _analytics = require("../analytics");
-
 var _analyticsNext = require("@atlaskit/analytics-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; } }
-
 var CardActionIconButtonWithProps = function CardActionIconButtonWithProps(props) {
   return (0, _react.jsx)(_cardActionIconButton.CardActionIconButton, props);
 };
-
 var CardActionsView = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(CardActionsView, _Component);
-
   var _super = _createSuper(CardActionsView);
-
   function CardActionsView() {
     (0, _classCallCheck2.default)(this, CardActionsView);
     return _super.apply(this, arguments);
   }
-
   (0, _createClass2.default)(CardActionsView, [{
     key: "render",
     value: function render() {
       var actions = this.props.actions;
-
       if (!actions.length) {
         return null;
       }
-
       var primaryAction = actions.find(actionWithIcon);
       var otherActions = actions.filter(actionNotEqualTo(primaryAction));
       return (0, _react.jsx)(_preventClickThrough.PreventClickThrough, null, (0, _react.jsx)("div", {
@@ -70,11 +47,11 @@ var CardActionsView = /*#__PURE__*/function (_Component) {
     key: "renderActionIconButton",
     value: function renderActionIconButton(action, isPrimary) {
       var _this$props = this.props,
-          triggerColor = _this$props.triggerColor,
-          variant = _this$props.variant;
+        triggerColor = _this$props.triggerColor,
+        variant = _this$props.variant;
       var icon = action.icon,
-          handler = action.handler,
-          label = action.label;
+        handler = action.handler,
+        label = action.label;
       var actionSubjectId = isPrimary ? 'mediaCardPrimaryActionButton' : 'mediaCardSecondaryActionButton';
       var CardActionIconButtonWithAnalytics = (0, _analyticsNext.withAnalyticsEvents)({
         onClick: (0, _analytics.createAndFireMediaCardEvent)({
@@ -103,12 +80,11 @@ var CardActionsView = /*#__PURE__*/function (_Component) {
         return null;
       } else {
         var _this$props2 = this.props,
-            triggerColor = _this$props2.triggerColor,
-            onToggle = _this$props2.onToggle,
-            variant = _this$props2.variant;
+          triggerColor = _this$props2.triggerColor,
+          onToggle = _this$props2.onToggle,
+          variant = _this$props2.variant;
         var firstActionWithIcon = actions.find(actionWithIcon);
         var otherActions = actions.filter(actionNotEqualTo(firstActionWithIcon));
-
         if (firstActionWithIcon && otherActions.length === 0) {
           return this.renderActionIconButton(firstActionWithIcon, false);
         } else {
@@ -124,13 +100,10 @@ var CardActionsView = /*#__PURE__*/function (_Component) {
   }]);
   return CardActionsView;
 }(_react2.Component);
-
 exports.CardActionsView = CardActionsView;
-
 function actionWithIcon(action) {
   return !!action.icon;
 }
-
 function actionNotEqualTo(otherAction) {
   return function (action) {
     return action !== otherAction;

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

@@ -33,11 +33,7 @@ Object.defineProperty(exports, "default", {
     return _cardActionsView.CardActionsView;
   }
 });
-
 var _cardActionsView = require("./cardActionsView");
-
 var _cardActionIconButton = require("./cardActionIconButton");
-
 var _cardActionsDropdownMenu = require("./cardActionsDropdownMenu");
-
 var _styles = require("./styles");

package/dist/cjs/utils/cardActions/styles.js

@@ -1,43 +1,30 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.wrapperStyles = exports.cardActionButtonStyles = exports.CardActionIconButtonVariant = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = require("@emotion/react");
-
 var _colors = require("@atlaskit/theme/colors");
-
 var _mediaUi = require("@atlaskit/media-ui");
-
 var _styles = require("../../card/styles");
-
 var _mixins = require("../../card/styles/mixins");
-
 var _templateObject, _templateObject2;
-
 var wrapperStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  display: flex;\n  position: relative;\n  line-height: 0;\n"])), (0, _styles.rootStyles)());
 exports.wrapperStyles = wrapperStyles;
 var CardActionIconButtonVariant;
 exports.CardActionIconButtonVariant = CardActionIconButtonVariant;
-
 (function (CardActionIconButtonVariant) {
   CardActionIconButtonVariant["default"] = "default";
   CardActionIconButtonVariant["filled"] = "filled";
 })(CardActionIconButtonVariant || (exports.CardActionIconButtonVariant = CardActionIconButtonVariant = {}));
-
 var getVariantStyles = function getVariantStyles(variant) {
   return variant === 'filled' ? "\n    background-color: ".concat("var(--ds-surface-overlay, ".concat((0, _mixins.rgba)(_colors.N0, 0.8), ")"), ";\n    margin-right: 8px;\n\n    &:last-child {\n      margin-right: 0;\n    }\n\n    &:hover {\n      background-color: ", "var(--ds-surface-overlay-hovered, ".concat((0, _mixins.rgba)(_colors.N0, 0.6), ")"), "\n    }\n  ") : "\n    &:hover {\n      background-color: ".concat("var(--ds-background-neutral-subtle-hovered, rgba(9, 30, 66, 0.06))", ";\n    }\n  ");
 };
-
 var cardActionButtonStyles = function cardActionButtonStyles(_ref) {
   var variant = _ref.variant;
   return (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  ", "\n    ", "\n    color: ", ";\n\n  &:hover {\n    cursor: pointer;\n  }\n\n  ", "\n"])), _mediaUi.center, _mediaUi.borderRadius, (0, _mediaUi.size)(26), "var(--ds-icon, ".concat(_colors.N500, ")"), getVariantStyles(variant));
 };
-
 exports.cardActionButtonStyles = cardActionButtonStyles;

package/dist/cjs/utils/cardDimensions.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.minSquareCardDimensions = exports.minSmallCardDimensions = exports.minImageCardDimensions = exports.minHorizontalCardDimensions = exports.maxSquareCardDimensions = exports.maxImageCardDimensions = exports.maxHorizontalCardDimensions = exports.getDefaultCardDimensions = exports.getCardMinWidth = exports.getCardMaxWidth = exports.getCardMaxHeight = exports.defaultSquareCardDimensions = exports.defaultSmallCardDimensions = exports.defaultImageCardDimensions = exports.defaultHorizontalCardDimensions = void 0;
 // Default dimensions
+
 var defaultSmallCardDimensions = {
   width: '100%',
   height: 42
@@ -23,8 +24,9 @@ exports.defaultHorizontalCardDimensions = defaultHorizontalCardDimensions;
 var defaultSquareCardDimensions = {
   width: 300,
   height: 300
-}; // Small dimensions
+};
 
+// Small dimensions
 exports.defaultSquareCardDimensions = defaultSquareCardDimensions;
 var minSmallCardDimensions = {
   width: 200,
@@ -44,8 +46,9 @@ exports.minSquareCardDimensions = minSquareCardDimensions;
 var minHorizontalCardDimensions = {
   width: 400,
   height: 125
-}; // Max dimensions
+};
 
+// Max dimensions
 exports.minHorizontalCardDimensions = minHorizontalCardDimensions;
 var maxImageCardDimensions = {
   width: 480,
@@ -62,75 +65,55 @@ var maxSquareCardDimensions = {
   height: 348
 };
 exports.maxSquareCardDimensions = maxSquareCardDimensions;
-
 var getCardMaxHeight = function getCardMaxHeight(appearance) {
   if (appearance === 'image') {
     return maxImageCardDimensions.height;
   }
-
   if (appearance === 'horizontal') {
     return maxHorizontalCardDimensions.height;
   }
-
   if (appearance === 'square') {
     return maxSquareCardDimensions.height;
   }
-
   return maxSquareCardDimensions.width;
 };
-
 exports.getCardMaxHeight = getCardMaxHeight;
-
 var getCardMinWidth = function getCardMinWidth(appearance) {
   if (appearance === 'image') {
     return minImageCardDimensions.width;
   }
-
   if (appearance === 'horizontal') {
     return minHorizontalCardDimensions.width;
   }
-
   if (appearance === 'square') {
     return minSquareCardDimensions.width;
   }
-
   return minSmallCardDimensions.width;
 };
-
 exports.getCardMinWidth = getCardMinWidth;
-
 var getCardMaxWidth = function getCardMaxWidth(appearance) {
   if (appearance === 'image') {
     return maxImageCardDimensions.width;
   }
-
   if (appearance === 'horizontal') {
     return maxHorizontalCardDimensions.width;
   }
-
   if (appearance === 'square') {
     return maxSquareCardDimensions.width;
   }
-
   return maxSquareCardDimensions.width;
 };
-
 exports.getCardMaxWidth = getCardMaxWidth;
-
 var getDefaultCardDimensions = function getDefaultCardDimensions(appearance) {
   if (appearance === 'image') {
     return defaultImageCardDimensions;
   }
-
   if (appearance === 'square') {
     return defaultSquareCardDimensions;
   }
-
   if (appearance === 'horizontal') {
     return defaultHorizontalCardDimensions;
   }
-
   return defaultImageCardDimensions;
 };
-
 exports.getDefaultCardDimensions = getDefaultCardDimensions;

package/dist/cjs/utils/containsPixelUnit.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.containsPixelUnit = void 0;
-
 var containsPixelUnit = function containsPixelUnit(value) {
   return value.substr(-2) === 'px' && !isNaN(+value.slice(0, -2));
 };
-
 exports.containsPixelUnit = containsPixelUnit;

package/dist/cjs/utils/dimensionComparer.js

@@ -4,27 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.isBigger = exports.canCompareDimension = void 0;
-
 var _isValidPercentageUnit = require("./isValidPercentageUnit");
-
 var _containsPixelUnit = require("./containsPixelUnit");
-
 var isPixelEquivalent = function isPixelEquivalent(dimension) {
   return typeof dimension === 'number' || (0, _containsPixelUnit.containsPixelUnit)("".concat(dimension));
 };
-
 var canCompareDimension = function canCompareDimension(current, next) {
   if (!current || !next) {
     return false;
   }
-
   var bothPixelEquivalent = isPixelEquivalent(current) && isPixelEquivalent(next);
   var bothPercentage = (0, _isValidPercentageUnit.isValidPercentageUnit)(current) && (0, _isValidPercentageUnit.isValidPercentageUnit)(next);
   return bothPixelEquivalent || bothPercentage;
 };
-
 exports.canCompareDimension = canCompareDimension;
-
 var isBigger = function isBigger(current, next) {
   if (!!current && !!next && canCompareDimension(current.width, next.width) && canCompareDimension(current.height, next.height)) {
     var nextIsHigher = parseInt("".concat(current.width), 10) < parseInt("".concat(next.width), 10);
@@ -34,5 +27,4 @@ var isBigger = function isBigger(current, next) {
     return false;
   }
 };
-
 exports.isBigger = isBigger;

package/dist/cjs/utils/document.js

@@ -4,17 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _default = function _default() {
   if (typeof window === 'undefined') {
     return;
   }
-
   if (typeof window.document === 'undefined') {
     return;
   }
-
   return window.document;
 };
-
 exports.default = _default;

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

@@ -1,46 +1,29 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ErrorIcon = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = require("@emotion/react");
-
 var _react2 = require("react");
-
 var _warning = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/warning"));
-
 var _styles = require("./styles");
-
 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; } }
-
 var ErrorIcon = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(ErrorIcon, _Component);
-
   var _super = _createSuper(ErrorIcon);
-
   function ErrorIcon() {
     (0, _classCallCheck2.default)(this, ErrorIcon);
     return _super.apply(this, arguments);
   }
-
   (0, _createClass2.default)(ErrorIcon, [{
     key: "render",
     value: function render() {
@@ -55,7 +38,6 @@ var ErrorIcon = /*#__PURE__*/function (_Component) {
   }]);
   return ErrorIcon;
 }(_react2.Component);
-
 exports.ErrorIcon = ErrorIcon;
 (0, _defineProperty2.default)(ErrorIcon, "defaultProps", {
   size: 'small'