@desynova-digital/components 9.2.12 → 9.2.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/atoms/cardV2/thumbnailV2.js +6 -5
  2. package/package.json +2 -2
package/atoms/cardV2/thumbnailV2.js CHANGED
@@ -32,7 +32,7 @@ var assetStyles = {
32
32
  }
33
33
  };
34
34
  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);
35
- 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) {
35
+ 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) {
36
36
  var thumbnail = _ref.thumbnail;
37
37
  return "url(".concat(thumbnail, ") no-repeat 50%");
38
38
  }, function (_ref2) {
@@ -82,7 +82,8 @@ var ThumbnailV2 = function ThumbnailV2(props) {
82
82
  file_type = props.file_type,
83
83
  data_type = props.data_type,
84
84
  onUploadTypeClick = props.onUploadTypeClick,
85
- showPointer = props.showPointer;
85
+ showPointer = props.showPointer,
86
+ value = props.value;
86
87
  var _useState = (0, _react.useState)(null),
87
88
  _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
88
89
  statusIndex = _useState2[0],
@@ -213,9 +214,9 @@ var ThumbnailV2 = function ThumbnailV2(props) {
213
214
  }, /*#__PURE__*/_react["default"].createElement("div", {
214
215
  className: "circle"
215
216
  }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
216
- name: "".concat(file_type, "-icon"),
217
- width: 20,
218
- height: 20
217
+ name: file_type == 'video' && value == 'collateral' ? 'videoFile-icon' : "".concat(file_type, "-icon"),
218
+ width: 15,
219
+ height: 15
219
220
  }))) : null, iframeurl && /*#__PURE__*/_react["default"].createElement("div", {
220
221
  onMouseMove: handleMouseMove,
221
222
  className: "iframe-image-block background-block",
package/package.json CHANGED
@@ -1,13 +1,13 @@
1
1
  {
2
2
  "name": "@desynova-digital/components",
3
- "version": "9.2.12",
3
+ "version": "9.2.13",
4
4
  "description": "Components for Desynova Digital",
5
5
  "main": "index.js",
6
6
  "author": "desynova-digital",
7
7
  "license": "MIT",
8
8
  "repository": "desynova-digital",
9
9
  "dependencies": {
10
- "@desynova-digital/tokens": "9.2.12",
10
+ "@desynova-digital/tokens": "9.2.13",
11
11
  "prop-types": "^15.7.2",
12
12
  "styled-components": "^4.3.2"
13
13
  },