@atlaskit/media-card 74.5.0 → 74.5.2

package/dist/cjs/card/cardAnalytics.js

@@ -4,63 +4,46 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.fireScreenEvent = exports.fireOperationalEvent = exports.fireNonCriticalErrorEvent = exports.fireCopiedEvent = exports.fireCommencedEvent = void 0;
-
 var _analytics = require("../utils/analytics");
-
 var _errors = require("../errors");
-
 var fireOperationalEvent = function fireOperationalEvent(createAnalyticsEvent, status, fileAttributes, performanceAttributes, ssrReliability) {
   var error = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : new _errors.MediaCardError('missing-error-data');
   var traceContext = arguments.length > 6 ? arguments[6] : undefined;
   var metadataTraceContext = arguments.length > 7 ? arguments[7] : undefined;
-
   var fireEvent = function fireEvent(payload) {
     return (0, _analytics.fireMediaCardEvent)(payload, createAnalyticsEvent);
   };
-
   switch (status) {
     case 'complete':
       fireEvent((0, _analytics.getRenderSucceededEventPayload)(fileAttributes, performanceAttributes, ssrReliability, traceContext, metadataTraceContext));
       break;
-
     case 'failed-processing':
       fireEvent((0, _analytics.getRenderFailedFileStatusPayload)(fileAttributes, performanceAttributes, ssrReliability, traceContext, metadataTraceContext));
       break;
-
     case 'error':
       fireEvent((0, _analytics.getRenderErrorEventPayload)(fileAttributes, performanceAttributes, error, ssrReliability, traceContext, metadataTraceContext));
       break;
   }
 };
-
 exports.fireOperationalEvent = fireOperationalEvent;
-
 var fireCommencedEvent = function fireCommencedEvent(createAnalyticsEvent, fileAttributes, performanceAttributes, traceContext) {
   (0, _analytics.fireMediaCardEvent)((0, _analytics.getRenderCommencedEventPayload)(fileAttributes, performanceAttributes, traceContext), createAnalyticsEvent);
 };
-
 exports.fireCommencedEvent = fireCommencedEvent;
-
 var fireCopiedEvent = function fireCopiedEvent(createAnalyticsEvent, fileId, cardRef) {
   if (typeof window.getSelection === 'function') {
     var _selection$containsNo;
-
     var selection = window.getSelection();
-
     if (selection !== null && selection !== void 0 && (_selection$containsNo = selection.containsNode) !== null && _selection$containsNo !== void 0 && _selection$containsNo.call(selection, cardRef, true)) {
       (0, _analytics.fireMediaCardEvent)((0, _analytics.getCopiedFilePayload)(fileId), createAnalyticsEvent);
     }
   }
 };
-
 exports.fireCopiedEvent = fireCopiedEvent;
-
 var fireScreenEvent = function fireScreenEvent(createAnalyticsEvent, fileAttributes) {
   (0, _analytics.fireMediaCardEvent)((0, _analytics.getRenderPreviewableCardPayload)(fileAttributes), createAnalyticsEvent);
 };
-
 exports.fireScreenEvent = fireScreenEvent;
-
 var fireNonCriticalErrorEvent = function fireNonCriticalErrorEvent(createAnalyticsEvent, cardStatus, fileAttributes, ssrReliability) {
   var error = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : new _errors.MediaCardError('missing-error-data');
   var traceContext = arguments.length > 5 ? arguments[5] : undefined;
@@ -68,5 +51,4 @@ var fireNonCriticalErrorEvent = function fireNonCriticalErrorEvent(createAnalyti
   var errorPayload = (0, _analytics.getErrorEventPayload)(cardStatus, fileAttributes, error, ssrReliability, traceContext, metadataTraceContext);
   (0, _analytics.fireMediaCardEvent)(errorPayload, createAnalyticsEvent);
 };
-
 exports.fireNonCriticalErrorEvent = fireNonCriticalErrorEvent;

package/dist/cjs/card/cardImageView/cardImageViewWrapper.js

@@ -4,24 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ProgressBarWrapper = exports.PlayIconWrapper = exports.CardImageViewWrapper = void 0;
-
 var _react = require("@emotion/react");
-
 var _components = require("@atlaskit/theme/components");
-
 var _classnames = require("./classnames");
-
 var _styles = require("./styles");
-
 /**@jsx jsx */
+
 var CardImageViewWrapper = function CardImageViewWrapper(props) {
   var disableOverlay = props.disableOverlay,
-      selectable = props.selectable,
-      selected = props.selected,
-      mediaType = props.mediaType,
-      mediaName = props.mediaName,
-      status = props.status,
-      progress = props.progress;
+    selectable = props.selectable,
+    selected = props.selected,
+    mediaType = props.mediaType,
+    mediaName = props.mediaName,
+    status = props.status,
+    progress = props.progress;
   var theme = (0, _components.useGlobalTheme)();
   return (0, _react.jsx)("div", {
     id: "cardImageViewWrapper",
@@ -40,21 +36,16 @@ var CardImageViewWrapper = function CardImageViewWrapper(props) {
     className: "".concat(_classnames.fileCardImageViewSelector, " ").concat(selected ? _classnames.fileCardImageViewSelectedSelector : '')
   }, props.children);
 };
-
 exports.CardImageViewWrapper = CardImageViewWrapper;
-
 var PlayIconWrapper = function PlayIconWrapper(props) {
   return (0, _react.jsx)("div", {
     css: _styles.playIconWrapperStyles
   }, props.children);
 };
-
 exports.PlayIconWrapper = PlayIconWrapper;
-
 var ProgressBarWrapper = function ProgressBarWrapper(props) {
   return (0, _react.jsx)("div", {
     css: _styles.progressBarWrapperStyles
   }, props.children);
 };
-
 exports.ProgressBarWrapper = ProgressBarWrapper;

package/dist/cjs/card/cardImageView/cardOverlay/cardOverlayComponents.js

@@ -4,18 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TitleWrapper = exports.Overlay = exports.Metadata = exports.ErrorMessage = exports.AltWrapper = void 0;
-
 var _react = require("@emotion/react");
-
 var _components = require("@atlaskit/theme/components");
-
 var _styles = require("./styles");
-
 /**@jsx jsx */
+
 var Overlay = function Overlay(props) {
   var hasError = props.hasError,
-      noHover = props.noHover,
-      className = props.className;
+    noHover = props.noHover,
+    className = props.className;
   return (0, _react.jsx)("div", {
     css: (0, _styles.overlayStyles)({
       hasError: hasError,
@@ -24,25 +21,19 @@ var Overlay = function Overlay(props) {
     className: className
   }, props.children);
 };
-
 exports.Overlay = Overlay;
-
 var ErrorMessage = function ErrorMessage(props) {
   return (0, _react.jsx)("div", {
     css: _styles.errorMessageStyles
   }, props.children);
 };
-
 exports.ErrorMessage = ErrorMessage;
-
 var AltWrapper = function AltWrapper(props) {
   return (0, _react.jsx)("div", {
     css: _styles.altWrapperStyles
   }, props.children);
 };
-
 exports.AltWrapper = AltWrapper;
-
 var TitleWrapper = function TitleWrapper(props) {
   var theme = (0, _components.useGlobalTheme)();
   return (0, _react.jsx)("div", {
@@ -50,14 +41,11 @@ var TitleWrapper = function TitleWrapper(props) {
     className: 'title'
   }, props.children);
 };
-
 exports.TitleWrapper = TitleWrapper;
-
 var Metadata = function Metadata(props) {
   return (0, _react.jsx)("div", {
     css: _styles.metadataStyles,
     className: props.className
   }, props.children);
 };
-
 exports.Metadata = Metadata;

package/dist/cjs/card/cardImageView/cardOverlay/index.js

@@ -1,74 +1,45 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CardOverlay = 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 = require("@emotion/react");
-
 var _react2 = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _check = _interopRequireDefault(require("@atlaskit/icon/glyph/check"));
-
 var _mediaUi = require("@atlaskit/media-ui");
-
 var _fileIcon = require("../../../utils/fileIcon");
-
 var _errorIcon = require("../../../utils/errorIcon");
-
 var _cardActions = _interopRequireDefault(require("../../../utils/cardActions"));
-
 var _styles = require("./styles");
-
 var _cardOverlayComponents = require("./cardOverlayComponents");
-
 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 resolveTitleText = function resolveTitleText(cardStatus, mediaName, error, selected) {
   // don't show title if error
   // also when card is uploading + selected, title is already showing outside of the overlay
   if (error || !mediaName || cardStatus === 'uploading' && !selected) {
     return '';
   }
-
   return mediaName;
 };
-
 var CardOverlay = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(CardOverlay, _Component);
-
   var _super = _createSuper(CardOverlay);
-
   function CardOverlay(props) {
     var _this;
-
     (0, _classCallCheck2.default)(this, CardOverlay);
     _this = _super.call(this, props);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onMenuToggle", function (attrs) {
@@ -81,17 +52,16 @@ var CardOverlay = /*#__PURE__*/function (_Component) {
     };
     return _this;
   }
-
   (0, _createClass2.default)(CardOverlay, [{
     key: "wrapperClassNames",
     get: function get() {
       var _this$props = this.props,
-          error = _this$props.error,
-          noHover = _this$props.noHover,
-          selectable = _this$props.selectable,
-          selected = _this$props.selected,
-          mediaType = _this$props.mediaType,
-          persistent = _this$props.persistent;
+        error = _this$props.error,
+        noHover = _this$props.noHover,
+        selectable = _this$props.selectable,
+        selected = _this$props.selected,
+        mediaType = _this$props.mediaType,
+        persistent = _this$props.persistent;
       var isMenuExpanded = this.state.isMenuExpanded;
       return error ? (0, _classnames.default)('overlay', {
         error: error,
@@ -109,13 +79,13 @@ var CardOverlay = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this$props2 = this.props,
-          cardStatus = _this$props2.cardStatus,
-          error = _this$props2.error,
-          noHover = _this$props2.noHover,
-          mediaName = _this$props2.mediaName,
-          persistent = _this$props2.persistent,
-          selected = _this$props2.selected,
-          actions = _this$props2.actions;
+        cardStatus = _this$props2.cardStatus,
+        error = _this$props2.error,
+        noHover = _this$props2.noHover,
+        mediaName = _this$props2.mediaName,
+        persistent = _this$props2.persistent,
+        selected = _this$props2.selected,
+        actions = _this$props2.actions;
       var titleText = resolveTitleText(cardStatus, mediaName, error, selected);
       var menuTriggerColor = !persistent ? "var(--ds-icon-inverse, white)" : undefined;
       return (0, _react.jsx)(_cardOverlayComponents.Overlay, {
@@ -146,8 +116,8 @@ var CardOverlay = /*#__PURE__*/function (_Component) {
     key: "errorLine",
     value: function errorLine() {
       var _this$props3 = this.props,
-          error = _this$props3.error,
-          alt = _this$props3.alt;
+        error = _this$props3.error,
+        alt = _this$props3.alt;
       return error && (0, _react.jsx)(_react2.default.Fragment, null, (0, _react.jsx)("div", {
         css: _styles.errorLineStyles
       }, (0, _react.jsx)(_errorIcon.ErrorIcon, null), (0, _react.jsx)(_cardOverlayComponents.ErrorMessage, null, error)), alt && (0, _react.jsx)("div", {
@@ -158,8 +128,8 @@ var CardOverlay = /*#__PURE__*/function (_Component) {
     key: "tickBox",
     value: function tickBox() {
       var _this$props4 = this.props,
-          selected = _this$props4.selected,
-          selectable = _this$props4.selectable;
+        selected = _this$props4.selected,
+        selectable = _this$props4.selectable;
       var tick = (0, _react.jsx)(_check.default, {
         label: "tick"
       });
@@ -175,12 +145,11 @@ var CardOverlay = /*#__PURE__*/function (_Component) {
     key: "bottomLeftColumn",
     value: function bottomLeftColumn() {
       var error = this.props.error;
-
       if (!error) {
         var _this$props5 = this.props,
-            mediaType = _this$props5.mediaType,
-            subtitle = _this$props5.subtitle,
-            icon = _this$props5.icon;
+          mediaType = _this$props5.mediaType,
+          subtitle = _this$props5.subtitle,
+          icon = _this$props5.icon;
         var classNames = (0, _classnames.default)('metadata');
         var fileIcon = mediaType || icon ? (0, _react.jsx)(_fileIcon.FileIcon, {
           mediaType: mediaType,
@@ -207,7 +176,6 @@ var CardOverlay = /*#__PURE__*/function (_Component) {
   }]);
   return CardOverlay;
 }(_react2.Component);
-
 exports.CardOverlay = CardOverlay;
 (0, _defineProperty2.default)(CardOverlay, "defaultProps", {
   actions: [],

package/dist/cjs/card/cardImageView/cardOverlay/styles.js

@@ -1,48 +1,32 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.topRowStyles = exports.titleWrapperStyles = exports.tickBoxStyles = exports.subtitleStyles = exports.rightColumnStyles = exports.overlayStyles = exports.metadataStyles = exports.leftColumnStyles = exports.errorMessageStyles = exports.errorLineStyles = exports.bottomRowStyles = exports.altWrapperStyles = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = require("@emotion/react");
-
 var _mediaUi = require("@atlaskit/media-ui");
-
 var _components = require("@atlaskit/theme/components");
-
 var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
-
 var _styles = require("../../styles");
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
-
 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 tickBoxStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  ", "\n  background-color: ", ";\n  position: absolute;\n  top: 8px;\n  right: 8px;\n  border-radius: 20px;\n  color: ", "; /* CLEANUP - TODO FIL-3884: Align color with new design */\n  display: flex;\n  opacity: 0;\n\n  &.selected {\n    opacity: 1;\n    color: ", ";\n    background-color: ", "; /* CLEANUP - TODO FIL-3884: Align with tickbox icons */\n  }\n\n  /* Enforce dimensions of \"tick\" icon */\n  svg {\n    position: absolute;\n    width: 14px;\n  }\n"])), (0, _mediaUi.size)(14), (0, _styles.transition)(), "var(--ds-surface-overlay, ".concat((0, _styles.rgba)('#ffffff', 0.5), ")"), "var(--ds-icon-subtle, #798599)", "var(--ds-icon-inverse, white)", "var(--ds-icon-selected, #0052cc)");
 exports.tickBoxStyles = tickBoxStyles;
-
 var getOverlayStyles = function getOverlayStyles(_ref) {
   var hasError = _ref.hasError,
-      noHover = _ref.noHover;
-
+    noHover = _ref.noHover;
   if (hasError || noHover) {
     return "\n        cursor: default;\n\n        &:hover {\n          background: transparent;\n        }\n      ";
   }
 };
-
 var overlayStyles = function overlayStyles(props) {
   return (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  ", "\n  ", " display: flex;\n  justify-content: space-between;\n  flex-direction: column;\n  background: transparent;\n  transition: 0.3s background ", ", 0.3s border-color;\n  padding: 16px;\n\n  ", "\n  &:not(.persistent):hover, &.active {\n    .top-row {\n      .title {\n        color: ", ";\n      }\n    }\n  }\n\n  &.noHover:hover {\n    .top-row {\n      .title {\n        color: ", ";\n      }\n    }\n  }\n\n  .file-type-icon {\n    display: block;\n  }\n\n  &:not(.persistent) {\n    &:not(.error, .noHover):hover {\n      background-color: ", ";\n    }\n\n    &.selectable {\n      &.selected {\n        background-color: ", ";\n\n        &:hover {\n          /* CLEANUP - TODO FIL-3884 add new overlay with rgba(colors.N900, 0.16) */\n          background-color: ", ";\n        }\n\n        .title,\n        .bottom-row,\n        .file-size {\n          color: ", ";\n        }\n      }\n    }\n  }\n\n  &.persistent {\n    &:not(.active) {\n      overflow: hidden;\n    }\n\n    .top-row {\n      .title {\n        transition: opacity 0.3s;\n        opacity: 0;\n        color: ", ";\n        visibility: hidden;\n      }\n    }\n\n    .bottom-row {\n      opacity: 0;\n      transition: transform 0.2s, opacity 0.5s;\n      /* This is the height of the overlay footer, needs to be present now since the parent uses flex and 100% doesn't look right anymore */\n      transform: translateY(35px);\n\n      .file-type-icon {\n        display: none;\n      }\n\n      .file-size {\n        color: ", ";\n        display: none;\n      }\n    }\n\n    &:hover,\n    &.active {\n      background-color: ", ";\n\n      .title {\n        opacity: 1;\n        visibility: visible;\n      }\n\n      .file-type-icon,\n      .file-size {\n        display: block;\n      }\n\n      .bottom-row {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    /* Selectable */\n    &.selectable {\n      &:hover {\n        .tickbox {\n          opacity: 1;\n        }\n      }\n\n      &.selected {\n        .tickbox {\n          background-color: ", " !important;\n          color: ", ";\n        }\n      }\n    }\n  }\n\n  &.error {\n    .top-row {\n      overflow: visible;\n    }\n    &:hover,\n    &.active {\n      .top-row {\n        .title {\n          color: ", ";\n        }\n      }\n    }\n  }\n"])), (0, _mediaUi.size)(), (0, _mediaUi.absolute)(), _mediaUi.borderRadius, _styles.easeOutCubic, getOverlayStyles(props), "var(--ds-text-information, ".concat(colors.B400, ")"), "var(--ds-text, ".concat(colors.N800, ")"), "var(--ds-background-neutral-hovered, ".concat((0, _styles.rgba)(colors.N900, 0.06), ")"), "var(--ds-background-selected, ".concat(colors.B200, ")"), "var(--ds-background-selected-hovered, ".concat((0, _styles.rgba)(colors.N900, 0.16), ")"), "var(--ds-text, ".concat(colors.N900, ")"), "var(--ds-text, white)", "var(--ds-text, white)", "var(--ds-interaction-hovered, ".concat((0, _styles.rgba)(colors.N900, 0.5), ")"), "var(--ds-background-selected-bold, ".concat(colors.B200, ")"), "var(--ds-icon-inverse, white)", "var(--ds-text, ".concat(colors.N800, ")"));
 };
-
 exports.overlayStyles = overlayStyles;
 var errorLineStyles = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  height: 24px;\n  display: flex;\n  align-items: center;\n"])));
 exports.errorLineStyles = errorLineStyles;
@@ -58,7 +42,6 @@ var errorMessageStyles = (0, _react.css)(_templateObject8 || (_templateObject8 =
 exports.errorMessageStyles = errorMessageStyles;
 var altWrapperStyles = (0, _react.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  font-weight: normal;\n"])), errorMessageStyles);
 exports.altWrapperStyles = altWrapperStyles;
-
 var titleWrapperStyles = function titleWrapperStyles(theme) {
   return (0, _react.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n  box-sizing: border-box;\n  word-wrap: break-word;\n  color: ", ";\n  font-size: 12px;\n  line-height: 18px;\n"])), (0, _components.themed)({
     light: "var(--ds-text, ".concat(colors.N800, ")"),
@@ -67,7 +50,6 @@ var titleWrapperStyles = function titleWrapperStyles(theme) {
     theme: theme
   }));
 };
-
 exports.titleWrapperStyles = titleWrapperStyles;
 var subtitleStyles = (0, _react.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n  ", " font-size: 12px;\n  color: ", ";\n"])), (0, _mediaUi.ellipsis)('100px'), "var(--ds-text-subtlest, #5e6c84)");
 exports.subtitleStyles = subtitleStyles;

package/dist/cjs/card/cardImageView/cardViewWrapper.js

@@ -4,20 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Wrapper = void 0;
-
 var _react = require("@emotion/react");
-
 var _styles = require("../styles/styles");
-
 /**@jsx jsx */
+
 var Wrapper = function Wrapper(props) {
   var testId = props.testId,
-      shouldUsePointerCursor = props.shouldUsePointerCursor,
-      breakpointSize = props.breakpointSize,
-      dimensions = props.dimensions,
-      onClick = props.onClick,
-      onMouseEnter = props.onMouseEnter,
-      innerRef = props.innerRef;
+    shouldUsePointerCursor = props.shouldUsePointerCursor,
+    breakpointSize = props.breakpointSize,
+    dimensions = props.dimensions,
+    onClick = props.onClick,
+    onMouseEnter = props.onMouseEnter,
+    innerRef = props.innerRef;
   return (0, _react.jsx)("div", {
     id: "cardViewWrapper",
     "data-testid": testId,
@@ -31,5 +29,4 @@ var Wrapper = function Wrapper(props) {
     ref: innerRef
   }, props.children);
 };
-
 exports.Wrapper = Wrapper;