@desynova-digital/components 9.2.11 → 9.2.12
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.
- package/atoms/cardV2/contentV2.js +11 -9
- package/package.json +2 -2
|
@@ -33,7 +33,7 @@ var TitleStyles = (0, _styledComponents["default"])(function (props) {
|
|
|
33
33
|
return isTitleClick ? 'pointer' : 'default';
|
|
34
34
|
});
|
|
35
35
|
var ContentBody = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n flex-direction: column;\n &.no-meta-row {\n margin-top: 6px;\n }\n"])));
|
|
36
|
-
var ContentStyles = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n height: ", ";\n width: ", ";\n padding: ", ";\n background-color: ", ";\n border-radius: 0 0 8px 8px;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n\n &.no-meta-row {\n // height: ", ";\n
|
|
36
|
+
var ContentStyles = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n height: ", ";\n width: ", ";\n padding: ", ";\n background-color: ", ";\n border-radius: 0 0 8px 8px;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n\n &.no-meta-row {\n // height: ", ";\n ", "\n }\n\n &.no-meta-row .footer-row {\n margin-top: 10px;\n }\n\n .title-parent {\n position: relative;\n }\n\n .segment-indicator {\n position: relative;\n color: #fff;\n padding-left: 10px;\n &:before {\n display: inline-block;\n content: ' ';\n width: 6px;\n height: 6px;\n position: absolute;\n top: 2px;\n left: 0px;\n background: ", ";\n border-radius: 50%;\n }\n }\n .overlapping-container {\n justify-content: center;\n align-items: center;\n height: 11px;\n position: relative;\n .overlappig-popup-container {\n position: absolute;\n bottom: 100%;\n margin-right: 110px;\n pointer-events: none;\n opacity: 0;\n transition: opacity 0.3s ease-out;\n padding-bottom: 10px;\n\n .overlappig-popup {\n font-family: SFUIText-Regular;\n background: #182738;\n box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.2);\n border-radius: 2px;\n padding: 12px;\n width: 300px;\n z-index: 10;\n\n .popup-pointer {\n content: '';\n position: absolute;\n width: 0;\n height: 0;\n border-left: 5px solid transparent;\n border-right: 5px solid transparent;\n border-bottom: 5px solid ", ";\n\n bottom: 5px;\n left: 66%;\n -webkit-transform: rotate(180deg);\n -ms-transform: translate(180deg);\n transform: translate(180deg);\n }\n\n .overlapping-episod-list-container {\n max-height: 165px;\n overflow: scroll;\n ::-webkit-scrollbar {\n display: none;\n }\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none;\n }\n\n .divider {\n height: 1px;\n width: 100%;\n margin: 10px 0;\n background: #303f51;\n }\n .header-container {\n display: flex;\n position: relative;\n .thumbnail {\n width: 100px;\n height: 55px;\n background-size: cover !important;\n background-repeat: no-repeat !important;\n margin-right: 10px;\n border-radius: 2px;\n }\n .episod-title {\n font-size: 12px;\n margin-bottom: 8px;\n max-width: 180px;\n line-height: 14px;\n color: #fff;\n }\n .episod-details {\n font-size: 10px;\n color: #afb2ba;\n }\n }\n\n .overlappig-popup-title {\n font-size: 12px;\n line-height: 12px;\n color: #afb2ba;\n margin-bottom: 15px;\n }\n }\n }\n\n :hover {\n .overlappig-popup-container {\n opacity: 1;\n pointer-events: all;\n }\n }\n p {\n font-size: 12px;\n margin-left: 5px;\n height: 12px;\n }\n }\n .meta-row {\n display: flex;\n align-items: center;\n margin-top: 6px;\n cursor: default;\n column-gap: 10px\n }\n .category-count {\n margin-top: 6px;\n color: #afb2ba;\n font-family: SFUIText-Regular;\n font-size: 10px;\n line-height: 12px;\n }\n .meta-badge {\n ", "\n font-size: 8px;\n line-height: 12px;\n padding: 1px 3px;\n border-radius: 4px;\n font-family: SFUIText-Regular;\n min-height: 12px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n }\n .meta-text {\n color: ", ";\n font-family: SFUIText-Regular;\n font-size: 10px;\n font-style: normal;\n font-weight: 300;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n .footer-row {\n display: flex;\n align-items: center;\n margin-top: 16px;\n column-gap: 12px;\n position: relative;\n cursor: default;\n }\n .meta-row + .footer-row {\n margin-top: 10px;\n }\n .footer-text {\n color: #afb2ba;\n font-family: SFUIText-Regular;\n font-size: 8px;\n line-height: 10px;\n margin-right: 0;\n }\n .footer-icons {\n margin-left: auto;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n .footer-icon {\n color: #afb2ba;\n font-family: SFUIText-Regular;\n font-size: 8px;\n line-height: 12px;\n display: inline-flex;\n align-items: center;\n }\n .footer-text-language {\n color: #afb2ba;\n font-family: SFUIText-Regular;\n font-size: 8px;\n line-height: 10px;\n margin-right: 0;\n text-transform: capitalize;\n }\n"])), function (_ref2) {
|
|
37
37
|
var type = _ref2.type,
|
|
38
38
|
width = _ref2.width;
|
|
39
39
|
return type === 'search' || width === 'sm' ? 'auto' : width === 'md' ? '74px' : '90px';
|
|
@@ -55,7 +55,7 @@ var ContentStyles = _styledComponents["default"].div(_templateObject5 || (_templ
|
|
|
55
55
|
}, function (_ref6) {
|
|
56
56
|
var type = _ref6.type,
|
|
57
57
|
width = _ref6.width;
|
|
58
|
-
return type === 'search' || width === 'sm' ? 'auto' : width === 'md' ? '62px' : '';
|
|
58
|
+
return type === 'search' || width === 'sm' ? 'auto' : width === 'md' ? '62px' : '64px';
|
|
59
59
|
}, function (_ref7) {
|
|
60
60
|
var type = _ref7.type,
|
|
61
61
|
width = _ref7.width;
|
|
@@ -91,7 +91,9 @@ var ContentV2 = function ContentV2(props) {
|
|
|
91
91
|
overlapping = props.overlapping,
|
|
92
92
|
icon_status = props.icon_status,
|
|
93
93
|
asset_type = props.asset_type,
|
|
94
|
-
h1 = props.h1
|
|
94
|
+
h1 = props.h1,
|
|
95
|
+
creation = props.creation,
|
|
96
|
+
extension = props.extension;
|
|
95
97
|
var ICON_DIMENSION_MAP = {
|
|
96
98
|
snp_edit: {
|
|
97
99
|
width: 10,
|
|
@@ -177,7 +179,7 @@ var ContentV2 = function ContentV2(props) {
|
|
|
177
179
|
var contentTooltipTitle = isFooterIconHovered ? '' : combinedTooltipText;
|
|
178
180
|
return /*#__PURE__*/_react["default"].createElement(ContentStyles, (0, _extends2["default"])({}, props, {
|
|
179
181
|
className: "asset-card-content".concat(hasMetaRow ? '' : ' no-meta-row')
|
|
180
|
-
// title={contentTooltipTitle}
|
|
182
|
+
// title={contentTooltipTitle}
|
|
181
183
|
}), /*#__PURE__*/_react["default"].createElement("div", {
|
|
182
184
|
className: "title-parent"
|
|
183
185
|
}, /*#__PURE__*/_react["default"].createElement(TitleStyles, {
|
|
@@ -204,7 +206,7 @@ var ContentV2 = function ContentV2(props) {
|
|
|
204
206
|
width: 8,
|
|
205
207
|
height: 8,
|
|
206
208
|
color: isFilesIconHovered ? '#00CEC6' : '#AFB2BA'
|
|
207
|
-
})) : null)), (episode_label || version_label || category_label || date_count_label || identifier_label || isSegment) && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, (version_label || category_label) && /*#__PURE__*/_react["default"].createElement("div", {
|
|
209
|
+
})) : null)), (episode_label || version_label || category_label || date_count_label || identifier_label || isSegment || extension || creation) && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, (version_label || category_label) && /*#__PURE__*/_react["default"].createElement("div", {
|
|
208
210
|
className: "meta-row"
|
|
209
211
|
}, version_label && /*#__PURE__*/_react["default"].createElement("span", {
|
|
210
212
|
className: "meta-badge"
|
|
@@ -212,13 +214,13 @@ var ContentV2 = function ContentV2(props) {
|
|
|
212
214
|
className: "meta-text"
|
|
213
215
|
}, category_label), isSegment && /*#__PURE__*/_react["default"].createElement(ParaStyles, {
|
|
214
216
|
className: "segment-indicator"
|
|
215
|
-
}, "S")), (date_count_label || identifier_label || language_label) && /*#__PURE__*/_react["default"].createElement("div", {
|
|
217
|
+
}, "S")), (date_count_label || identifier_label || language_label || extension || creation) && /*#__PURE__*/_react["default"].createElement("div", {
|
|
216
218
|
className: "footer-row"
|
|
217
|
-
}, date_count_label && /*#__PURE__*/_react["default"].createElement("span", {
|
|
219
|
+
}, (date_count_label || creation) && /*#__PURE__*/_react["default"].createElement("span", {
|
|
218
220
|
className: "footer-text"
|
|
219
|
-
}, date_count_label), identifier_label && /*#__PURE__*/_react["default"].createElement("span", {
|
|
221
|
+
}, date_count_label || creation), (identifier_label || extension) && /*#__PURE__*/_react["default"].createElement("span", {
|
|
220
222
|
className: "footer-text"
|
|
221
|
-
}, identifier_label), language_label && /*#__PURE__*/_react["default"].createElement("span", {
|
|
223
|
+
}, identifier_label || extension), language_label && /*#__PURE__*/_react["default"].createElement("span", {
|
|
222
224
|
className: "footer-text-language"
|
|
223
225
|
}, language_label), /*#__PURE__*/_react["default"].createElement("span", {
|
|
224
226
|
className: "footer-icons"
|
package/package.json
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@desynova-digital/components",
|
|
3
|
-
"version": "9.2.
|
|
3
|
+
"version": "9.2.12",
|
|
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.
|
|
10
|
+
"@desynova-digital/tokens": "9.2.12",
|
|
11
11
|
"prop-types": "^15.7.2",
|
|
12
12
|
"styled-components": "^4.3.2"
|
|
13
13
|
},
|