@desynova-digital/components 9.2.12 → 9.2.14

package/atoms/cardV2/contentV2.js

@@ -218,7 +218,7 @@ var ContentV2 = function ContentV2(props) {
     className: "footer-row"
   }, (date_count_label || creation) && /*#__PURE__*/_react["default"].createElement("span", {
     className: "footer-text"
-  }, date_count_label || creation), (identifier_label || extension) && /*#__PURE__*/_react["default"].createElement("span", {
+  }, date_count_label || creation), (identifier_label || extension) && asset_type != 'movie' && /*#__PURE__*/_react["default"].createElement("span", {
     className: "footer-text"
   }, identifier_label || extension), language_label && /*#__PURE__*/_react["default"].createElement("span", {
     className: "footer-text-language"

package/atoms/cardV2/thumbnailV2.js

@@ -32,7 +32,7 @@ var assetStyles = {
   }
 };
 var HoverActionButton = _styledComponents["default"].button(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  ", ";\n  border: none;\n  cursor: pointer;\n  width: 26px;\n  height: 26px;\n  border-radius: 15px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  opacity: 0;\n  transition: opacity 200ms ease;\n"])), OverlayBackgroundStyles);
-var ThumbnailStyles = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  position: relative;\n  background: ", ";\n  background-color: ", ";\n  background-size: ", ";\n  width: ", ";\n  height: ", ";\n  border-radius: 8px 8px 0 0;\n\n  .iframe-image-block {\n    cursor: ", ";\n    background: #000;\n    opacity: 0;\n    &:hover {\n      opacity: 1;\n    }\n    .hover-pointer {\n      position: absolute;\n      width: 1px;\n      height: 100%;\n      top: 0;\n      background: #fff;\n      pointer-events: none;\n      z-index: 1;\n    }\n  }\n  .background-block {\n    position: absolute;\n    z-index: 1;\n    width: 100%;\n    height: 100%;\n    left: 0;\n    top: 0;\n    overflow: hidden;\n    .circle {\n      width: 40px;\n      height: 40px;\n      border-radius: 50%;\n      position: absolute;\n      left: 50%;\n      top: 50%;\n      transform: translate(-50%, -50%);\n      background-color: #15212f;\n    }\n    i {\n      position: absolute;\n      left: 50%;\n      top: 50%;\n      transform: translate(-50%, -50%);\n    }\n    img {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: auto;\n    }\n  }\n  .thumbnail-image-block {\n    cursor: pointer;\n    background: linear-gradient(359deg, #182738 19.98%, #182738 48.97%, rgba(24, 39, 56, 0.42) 99.47%);\n  }\n\n  &:hover ", " {\n    opacity: 1;\n  }\n"])), function (_ref) {
+var ThumbnailStyles = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  position: relative;\n  background: ", ";\n  background-color: ", ";\n  background-size: ", ";\n  width: ", ";\n  height: ", ";\n  border-radius: 8px 8px 0 0;\n\n  .iframe-image-block {\n    cursor: ", ";\n    background: #000;\n    opacity: 0;\n    &:hover {\n      opacity: 1;\n    }\n    .hover-pointer {\n      position: absolute;\n      width: 1px;\n      height: 100%;\n      top: 0;\n      background: #fff;\n      pointer-events: none;\n      z-index: 1;\n    }\n  }\n  .background-block {\n    position: absolute;\n    z-index: 1;\n    width: 100%;\n    height: 100%;\n    left: 0;\n    top: 0;\n    overflow: hidden;\n    .circle {\n      width: 40px;\n      height: 40px;\n      border-radius: 50%;\n      position: absolute;\n      left: 50%;\n      top: 50%;\n      transform: translate(-50%, -50%);\n      background-color: #15212f;\n      svg path {\n        fill: #AFB2BA;\n      }\n    }\n    i {\n      position: absolute;\n      left: 50%;\n      top: 50%;\n      transform: translate(-50%, -50%);\n    }\n    img {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: auto;\n    }\n  }\n  .thumbnail-image-block {\n    cursor: pointer;\n    background: linear-gradient(359deg, #182738 19.98%, #182738 48.97%, rgba(24, 39, 56, 0.42) 99.47%);\n  }\n\n  &:hover ", " {\n    opacity: 1;\n  }\n"])), function (_ref) {
   var thumbnail = _ref.thumbnail;
   return "url(".concat(thumbnail, ") no-repeat 50%");
 }, function (_ref2) {
@@ -82,7 +82,8 @@ var ThumbnailV2 = function ThumbnailV2(props) {
     file_type = props.file_type,
     data_type = props.data_type,
     onUploadTypeClick = props.onUploadTypeClick,
-    showPointer = props.showPointer;
+    showPointer = props.showPointer,
+    value = props.value;
   var _useState = (0, _react.useState)(null),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     statusIndex = _useState2[0],
@@ -213,9 +214,9 @@ var ThumbnailV2 = function ThumbnailV2(props) {
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "circle"
   }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
-    name: "".concat(file_type, "-icon"),
-    width: 20,
-    height: 20
+    name: file_type == 'video' && value == 'collateral' ? 'videoFile-icon' : "".concat(file_type, "-icon"),
+    width: 15,
+    height: 15
   }))) : null, iframeurl && /*#__PURE__*/_react["default"].createElement("div", {
     onMouseMove: handleMouseMove,
     className: "iframe-image-block background-block",

package/atoms/icon/icons.json

@@ -1565,10 +1565,10 @@
     },
     "video-icon": {
       "paths": [
-        "M1.8 3.6H0V16.2C0 17.19 0.81 18 1.8 18H14.4V16.2H1.8V3.6ZM16.2 0H5.4C4.41 0 3.6 0.81 3.6 1.8V12.6C3.6 13.59 4.41 14.4 5.4 14.4H16.2C17.19 14.4 18 13.59 18 12.6V1.8C18 0.81 17.19 0 16.2 0ZM16.2 12.6H5.4V1.8H16.2V12.6ZM9 3.15V11.25L14.4 7.2L9 3.15Z"
+        "M7.125 9.375L12.375 6L7.125 2.625V9.375ZM4.5 12C4.0875 12 3.73438 11.8531 3.44063 11.5594C3.14688 11.2656 3 10.9125 3 10.5V1.5C3 1.0875 3.14688 0.734375 3.44063 0.440625C3.73438 0.146875 4.0875 0 4.5 0H13.5C13.9125 0 14.2656 0.146875 14.5594 0.440625C14.8531 0.734375 15 1.0875 15 1.5V10.5C15 10.9125 14.8531 11.2656 14.5594 11.5594C14.2656 11.8531 13.9125 12 13.5 12H4.5ZM1.5 15C1.0875 15 0.734375 14.8531 0.440625 14.5594C0.146875 14.2656 0 13.9125 0 13.5V3H1.5V13.5H12V15H1.5Z"
       ],
-      "width": 18,
-      "height": 18
+      "width": 15,
+      "height": 15
     },
     "enhance": {
       "paths": [
@@ -1962,13 +1962,6 @@
       "width": 14,
       "height": 14
     },
-    "videoFile-icon": {
-      "paths": [
-        "M7.125 9.375L12.375 6L7.125 2.625V9.375ZM4.5 12C4.0875 12 3.73438 11.8531 3.44063 11.5594C3.14688 11.2656 3 10.9125 3 10.5V1.5C3 1.0875 3.14688 0.734375 3.44063 0.440625C3.73438 0.146875 4.0875 0 4.5 0H13.5C13.9125 0 14.2656 0.146875 14.5594 0.440625C14.8531 0.734375 15 1.0875 15 1.5V10.5C15 10.9125 14.8531 11.2656 14.5594 11.5594C14.2656 11.8531 13.9125 12 13.5 12H4.5ZM1.5 15C1.0875 15 0.734375 14.8531 0.440625 14.5594C0.146875 14.2656 0 13.9125 0 13.5V3H1.5V13.5H12V15H1.5Z"
-      ],
-      "width": 15,
-      "height": 15
-    },
     "folder-icon": {
       "paths": [
         "M16.441 5.33442L4.69276 5.76392C4.30397 5.76392 4.07727 5.90716 3.97018 6.27505L1.53146 14.4859C1.43063 14.8349 0.947272 14.9982 0.61102 14.9982C0.274993 14.9982 0 14.7275 0 14.3968V12.0957V2.66853V2.21813V0.837876C0 0.375152 0.381189 0 0.85136 0H6.9003C7.12611 0 7.34253 0.0882322 7.50216 0.245334L9.25719 1.97257C9.41682 2.12967 9.63346 2.21791 9.85905 2.21791H15.5896C16.0598 2.21791 16.441 2.59306 16.441 3.05578V3.34204V5.33442Z",

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@desynova-digital/components",
-  "version": "9.2.12",
+  "version": "9.2.14",
   "description": "Components for Desynova Digital",
   "main": "index.js",
   "author": "desynova-digital",
   "license": "MIT",
   "repository": "desynova-digital",
   "dependencies": {
-    "@desynova-digital/tokens": "9.2.12",
+    "@desynova-digital/tokens": "9.2.14",
     "prop-types": "^15.7.2",
     "styled-components": "^4.3.2"
   },