@desynova-digital/components 8.17.3 → 8.17.4

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 (4) hide show
  1. package/atoms/cardV2/cardV2.js +4 -3
  2. package/atoms/cardV2/cardV2.story.js +1 -1
  3. package/atoms/cardV2/thumbnail.js +6 -5
  4. package/package.json +2 -2
package/atoms/cardV2/cardV2.js CHANGED
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.BaseButtonStyles = exports.BaseParaStyles = exports.DivStyles = exports.CommonStyles = undefined;
7
7
 
8
8
  var _templateObject = _taggedTemplateLiteral(["\n ", "\n"], ["\n ", "\n"]),
9
- _templateObject2 = _taggedTemplateLiteral(["\n background-color: ", ";\n margin: ", ";\n padding: ", ";\n display: ", ";\n justify-content: ", ";\n align-items: ", ";\n font-size: ", ";\n color: ", ";\n position: ", ";\n border: ", ";\n z-index: ", ";\n cursor: ", ";\n border-radius: ", ";\n height: ", ";\n width: ", ";\n "], ["\n background-color: ", ";\n margin: ", ";\n padding: ", ";\n display: ", ";\n justify-content: ", ";\n align-items: ", ";\n font-size: ", ";\n color: ", ";\n position: ", ";\n border: ", ";\n z-index: ", ";\n cursor: ", ";\n border-radius: ", ";\n height: ", ";\n width: ", ";\n "]),
9
+ _templateObject2 = _taggedTemplateLiteral(["\n background-color: ", ";\n margin: ", ";\n padding: ", ";\n display: ", ";\n justify-content: ", ";\n align-items: ", ";\n font-size: ", ";\n color: ", ";\n position: ", ";\n border: ", ";\n z-index: ", ";\n cursor: ", ";\n border-radius: ", ";\n height: ", ";\n width: ", ";\n margin-left: ", "\n "], ["\n background-color: ", ";\n margin: ", ";\n padding: ", ";\n display: ", ";\n justify-content: ", ";\n align-items: ", ";\n font-size: ", ";\n color: ", ";\n position: ", ";\n border: ", ";\n z-index: ", ";\n cursor: ", ";\n border-radius: ", ";\n height: ", ";\n width: ", ";\n margin-left: ", "\n "]),
10
10
  _templateObject3 = _taggedTemplateLiteral(["\n ", ";\n"], ["\n ", ";\n"]),
11
11
  _templateObject4 = _taggedTemplateLiteral(["\n font-family: SFUIText-Regular;\n ", ";\n"], ["\n font-family: SFUIText-Regular;\n ", ";\n"]),
12
12
  _templateObject5 = _taggedTemplateLiteral(["\n position: relative;\n border-radius: 2px;\n"], ["\n position: relative;\n border-radius: 2px;\n"]);
@@ -57,8 +57,9 @@ var CommonStyles = exports.CommonStyles = (0, _styledComponents.css)(_templateOb
57
57
  borderRadius = _ref.borderRadius,
58
58
  height = _ref.height,
59
59
  width = _ref.width,
60
- bgColor = _ref.bgColor;
61
- return (0, _styledComponents.css)(_templateObject2, bgColor, margin, padding, display, justify, align, fontSize, color, position, border, zIndex, cursor, borderRadius, height, width);
60
+ bgColor = _ref.bgColor,
61
+ marginLeft = _ref.marginLeft;
62
+ return (0, _styledComponents.css)(_templateObject2, bgColor, margin, padding, display, justify, align, fontSize, color, position, border, zIndex, cursor, borderRadius, height, width, marginLeft);
62
63
  });
63
64
 
64
65
  var DivStyles = exports.DivStyles = _styledComponents2.default.div(_templateObject3, CommonStyles);
package/atoms/cardV2/cardV2.story.js CHANGED
@@ -67,7 +67,7 @@ var overllapingShows = [{ episode_name: "Wicked Tuna: North vs South, East vs We
67
67
  h3: "24/05/2021",
68
68
  h4: "HINDI",
69
69
  h5: "V1",
70
- upload_type: "FC",
70
+ upload_type: "rc",
71
71
  isSegment: true,
72
72
  upload_status: "Uploading" // if upload_status is present then card_status will be ignored
73
73
  , card_status: "Revision",
package/atoms/cardV2/thumbnail.js CHANGED
@@ -8,7 +8,7 @@ var _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = [
8
8
 
9
9
  var _templateObject = _taggedTemplateLiteral(["\n background: rgba(0, 0, 0, 0.5);\n"], ["\n background: rgba(0, 0, 0, 0.5);\n"]),
10
10
  _templateObject2 = _taggedTemplateLiteral(["\n position: relative;\n background: ", ";\n background-size: cover;\n width: ", ";\n height: ", ";\n\n .iframe-image-block {\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0;\n top: 0;\n cursor: ", ";\n overflow: hidden;\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 img {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: auto;\n }\n }\n"], ["\n position: relative;\n background: ", ";\n background-size: cover;\n width: ", ";\n height: ", ";\n\n .iframe-image-block {\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0;\n top: 0;\n cursor: ", ";\n overflow: hidden;\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 img {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: auto;\n }\n }\n"]),
11
- _templateObject3 = _taggedTemplateLiteral(["\n z-index:2;\n .uploadWrapper{\n border-radius: 50%;\n background: ", ";\n color: ", ";\n width: 25px;\n height: 25px;\n display:flex;\n justify-content: center;\n align-items:center;\n .wrapper{\n font-size: 10px;\n font-family: 'SFUIText-Regular';\n }\n }\n"], ["\n z-index:2;\n .uploadWrapper{\n border-radius: 50%;\n background: ", ";\n color: ", ";\n width: 25px;\n height: 25px;\n display:flex;\n justify-content: center;\n align-items:center;\n .wrapper{\n font-size: 10px;\n font-family: 'SFUIText-Regular';\n }\n }\n"]),
11
+ _templateObject3 = _taggedTemplateLiteral(["\n z-index:2;\n .uploadWrapper{\n border-radius: 50%;\n background: ", ";\n color: ", ";\n width: 25px;\n height: 25px;\n display:flex;\n justify-content: center;\n align-items:center;\n .wrapper{\n font-size: 10px;\n font-family: 'SFUIText-Regular';\n line-height:1.1;\n text-transform:uppercase;\n }\n }\n"], ["\n z-index:2;\n .uploadWrapper{\n border-radius: 50%;\n background: ", ";\n color: ", ";\n width: 25px;\n height: 25px;\n display:flex;\n justify-content: center;\n align-items:center;\n .wrapper{\n font-size: 10px;\n font-family: 'SFUIText-Regular';\n line-height:1.1;\n text-transform:uppercase;\n }\n }\n"]),
12
12
  _templateObject4 = _taggedTemplateLiteral(["\n position: relative;\n padding: 5px 8px;\n width: fit-content;\n border-radius: 15px;\n margin-right: 5px;\n display: flex;\n align-items: center;\n ", ";\n\n .status-color {\n height: 6px;\n width: 6px;\n border-radius: 100%;\n background-color: ", ";\n margin-right: 5px;\n }\n\n .status-text {\n display: -webkit-box;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n -webkit-line-clamp: 1;\n height: 10px;\n }\n"], ["\n position: relative;\n padding: 5px 8px;\n width: fit-content;\n border-radius: 15px;\n margin-right: 5px;\n display: flex;\n align-items: center;\n ", ";\n\n .status-color {\n height: 6px;\n width: 6px;\n border-radius: 100%;\n background-color: ", ";\n margin-right: 5px;\n }\n\n .status-text {\n display: -webkit-box;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n -webkit-line-clamp: 1;\n height: 10px;\n }\n"]),
13
13
  _templateObject5 = _taggedTemplateLiteral(["\n ", ";\n &:hover {\n background-color: #00cec6;\n }\n &:active,\n &:focus {\n outline: none;\n }\n"], ["\n ", ";\n &:hover {\n background-color: #00cec6;\n }\n &:active,\n &:focus {\n outline: none;\n }\n"]),
14
14
  _templateObject6 = _taggedTemplateLiteral(["\n display:flex;\n justify-content:space-between;\n padding:10px;\n"], ["\n display:flex;\n justify-content:space-between;\n padding:10px;\n"]);
@@ -63,9 +63,9 @@ var ThumbnailStyles = _styledComponents2.default.div(_templateObject2, function
63
63
  });
64
64
 
65
65
  var UploadTypeContainer = _styledComponents2.default.div(_templateObject3, function (props) {
66
- return props.upload_type === 'RC' ? '#FF6327' : '#00CEC6';
66
+ return props.upload_type === 'rc' ? '#FF6327' : '#00CEC6';
67
67
  }, function (props) {
68
- return props.upload_type === 'RC' ? '#FFFFFF' : '#0C141D';
68
+ return props.upload_type === 'rc' ? '#FFFFFF' : '#0C141D';
69
69
  });
70
70
 
71
71
  var StatusBoxStyles = _styledComponents2.default.div(_templateObject4, OverlayBackgroundStyles, function (_ref5) {
@@ -174,7 +174,7 @@ var Thumbnail = function Thumbnail(props) {
174
174
  null,
175
175
  upload_type && _react2.default.createElement(
176
176
  UploadTypeContainer,
177
- { upload_type: upload_type },
177
+ { upload_type: upload_type && upload_type.toLowerCase() },
178
178
  _react2.default.createElement(
179
179
  "div",
180
180
  { className: "uploadWrapper" },
@@ -193,7 +193,8 @@ var Thumbnail = function Thumbnail(props) {
193
193
  justify: "flex-end",
194
194
  align: "center",
195
195
  position: "relative",
196
- zIndex: "2"
196
+ zIndex: "2",
197
+ marginLeft: "auto"
197
198
  },
198
199
  (card_status || upload_status) && statusIndex > -1 && _react2.default.createElement(
199
200
  StatusBoxStyles,
package/package.json CHANGED
@@ -1,13 +1,13 @@
1
1
  {
2
2
  "name": "@desynova-digital/components",
3
- "version": "8.17.3",
3
+ "version": "8.17.4",
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": "8.17.3",
10
+ "@desynova-digital/tokens": "8.17.4",
11
11
  "prop-types": "^15.7.2",
12
12
  "styled-components": "^4.3.2"
13
13
  },