oolib 2.64.12 → 2.64.14
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/dist/components/MetaBlock/index.d.ts +2 -1
- package/dist/components/MetaBlock/index.js +32 -10
- package/dist/components/cards/ListContent/index.d.ts +2 -1
- package/dist/components/cards/ListContent/index.js +42 -38
- package/dist/components/cards/ListContent/styled.js +3 -10
- package/dist/components/cards/styled.js +2 -2
- package/package.json +1 -1
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
export default MetaBlock;
|
|
2
|
-
declare function MetaBlock({ data, config, disabled, align, invert }: {
|
|
2
|
+
declare function MetaBlock({ data, config, disabled, align, invert, orientation, }: {
|
|
3
3
|
data: any;
|
|
4
4
|
config: any;
|
|
5
5
|
disabled: any;
|
|
6
6
|
align?: string;
|
|
7
7
|
invert: any;
|
|
8
|
+
orientation?: string;
|
|
8
9
|
}): React.JSX.Element;
|
|
9
10
|
import React from "react";
|
|
@@ -37,16 +37,20 @@ var OKELink_1 = require("../OKELink");
|
|
|
37
37
|
var parseMetaBlockConfig_1 = require("./utils/parseMetaBlockConfig");
|
|
38
38
|
var utilsOolib_1 = require("../../utilsOolib");
|
|
39
39
|
var greyColor100 = themes_1.colors.greyColor100;
|
|
40
|
-
var
|
|
40
|
+
var StyledHorOrientContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: 1rem;\n flex-wrap: wrap;\n ", "\n"], ["\n display: flex;\n align-items: center;\n gap: 1rem;\n flex-wrap: wrap;\n ", "\n"])), function (_a) {
|
|
41
41
|
var align = _a.align;
|
|
42
42
|
return align === "center" && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n justify-content: center;\n "], ["\n justify-content: center;\n "])));
|
|
43
43
|
});
|
|
44
|
-
var
|
|
45
|
-
var
|
|
44
|
+
var StyledVerOrientContainer = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n width: 100%;\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n ", "\n"], ["\n width: 100%;\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n ", "\n"])), function (_a) {
|
|
45
|
+
var align = _a.align;
|
|
46
|
+
return align === "center" && (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n align-items: center;\n "], ["\n align-items: center;\n "])));
|
|
47
|
+
});
|
|
48
|
+
var StyledMetaWrapper = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: 0.5rem;\n"], ["\n display: flex;\n align-items: center;\n gap: 0.5rem;\n"])));
|
|
49
|
+
var STYLED_SANS_2 = (0, styled_components_1.default)(Typo_1.SANS_2)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n ", "\n ", ";\n"], ["\n ", "\n ", ";\n"])), mixins_1.ellipsis, function (_a) {
|
|
46
50
|
var disabled = _a.disabled;
|
|
47
|
-
return disabled && (0, styled_components_1.css)(
|
|
51
|
+
return disabled && (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n color: ", ";\n "], ["\n color: ", ";\n "])), themes_1.colors.greyColor40);
|
|
48
52
|
});
|
|
49
|
-
var StyledSeparator = styled_components_1.default.div(
|
|
53
|
+
var StyledSeparator = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n width: 0.3rem;\n height: 0.3rem;\n border-radius: 50%;\n background-color: ", ";\n"], ["\n width: 0.3rem;\n height: 0.3rem;\n border-radius: 50%;\n background-color: ", ";\n"])), function (_a) {
|
|
50
54
|
var disabled = _a.disabled, invert = _a.invert;
|
|
51
55
|
return disabled
|
|
52
56
|
? themes_1.colors.greyColor40
|
|
@@ -55,7 +59,7 @@ var StyledSeparator = styled_components_1.default.div(templateObject_6 || (templ
|
|
|
55
59
|
: themes_1.colors.greyColor100;
|
|
56
60
|
});
|
|
57
61
|
var MetaBlock = function (_a) {
|
|
58
|
-
var data = _a.data, config = _a.config, disabled = _a.disabled, _b = _a.align, align = _b === void 0 ? "left" : _b, invert = _a.invert;
|
|
62
|
+
var data = _a.data, config = _a.config, disabled = _a.disabled, _b = _a.align, align = _b === void 0 ? "left" : _b, invert = _a.invert, _c = _a.orientation, orientation = _c === void 0 ? "horizontal" : _c;
|
|
59
63
|
var localize = (0, utilsOolib_1.useLocale)();
|
|
60
64
|
var value = (0, parseMetaBlockConfig_1.parseMetaBlockConfig)({ config: config, data: data, localize: localize });
|
|
61
65
|
if (value.length === 0)
|
|
@@ -72,11 +76,29 @@ var MetaBlock = function (_a) {
|
|
|
72
76
|
" ",
|
|
73
77
|
react_1.default.createElement(OKELink_1.OKELink, { to: to, text: display, invert: invert, icon: icon })));
|
|
74
78
|
};
|
|
75
|
-
|
|
76
|
-
|
|
79
|
+
/**
|
|
80
|
+
* basically we need a max width on each meta item
|
|
81
|
+
* only then the ellipsis would work. So the logic we
|
|
82
|
+
* use for now is, the max width is equally divided between
|
|
83
|
+
* the total number of meta items. However to calc this,
|
|
84
|
+
* we need to minus out the separator/s and flex gap/s
|
|
85
|
+
*
|
|
86
|
+
* Hence this semi complex calculation
|
|
87
|
+
*/
|
|
88
|
+
var calcMaxWidthForEachMetaItem_HOR = function (value) {
|
|
89
|
+
var percent = (100 / value.length) + '%';
|
|
90
|
+
var pixelsToMinus = ((value.length - 1) * (2 + 0.3)) + 'rem'; // 2 = flex gap on the 2 sides of the separator, 0.3 = separator width
|
|
91
|
+
var toReturn = "calc(".concat(percent, " - ").concat(pixelsToMinus, ")");
|
|
92
|
+
console.log({ toReturn: toReturn });
|
|
93
|
+
return toReturn;
|
|
94
|
+
};
|
|
95
|
+
return orientation === "horizontal" ? (react_1.default.createElement(StyledHorOrientContainer, { align: align }, value.map(function (v, i) { return (react_1.default.createElement(react_1.Fragment, { key: i },
|
|
96
|
+
react_1.default.createElement(StyledMetaWrapper, { style: { maxWidth: calcMaxWidthForEachMetaItem_HOR(value) /*100 / value.length + "%"*/ } }, v.to
|
|
77
97
|
? genLink({ display: v.display, to: v.to, icon: v.icon })
|
|
78
98
|
: genText({ icon: v.icon, display: v.display })),
|
|
79
|
-
i + 1 === value.length ? null : (react_1.default.createElement(StyledSeparator, { invert: invert, disabled: disabled })))); })))
|
|
99
|
+
i + 1 === value.length ? null : (react_1.default.createElement(StyledSeparator, { invert: invert, disabled: disabled })))); }))) : (react_1.default.createElement(StyledVerOrientContainer, { align: align }, value.map(function (v, i) { return (react_1.default.createElement("div", { style: { maxWidth: "100%" } }, v.to
|
|
100
|
+
? genLink({ display: v.display, to: v.to, icon: v.icon })
|
|
101
|
+
: genText({ icon: v.icon, display: v.display }))); })));
|
|
80
102
|
};
|
|
81
103
|
exports.default = MetaBlock;
|
|
82
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
|
|
104
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export function ListContent({ id, data, config, to, onClick, openInNewTab, actions, statusTag, }: {
|
|
1
|
+
export function ListContent({ id, data, config, to, onClick, openInNewTab, actions, statusTag, variant, }: {
|
|
2
2
|
id: any;
|
|
3
3
|
data: any;
|
|
4
4
|
config: any;
|
|
@@ -7,5 +7,6 @@ export function ListContent({ id, data, config, to, onClick, openInNewTab, actio
|
|
|
7
7
|
openInNewTab: any;
|
|
8
8
|
actions: any;
|
|
9
9
|
statusTag: any;
|
|
10
|
+
variant?: string;
|
|
10
11
|
}): React.JSX.Element;
|
|
11
12
|
import React from "react";
|
|
@@ -21,62 +21,66 @@ var dontRenderIfBothOnClickAndTo_1 = require("../utils/dontRenderIfBothOnClickAn
|
|
|
21
21
|
var mediaDataExists_1 = require("../utils/mediaDataExists");
|
|
22
22
|
var parseCardConfig_1 = require("../utils/parseCardConfig");
|
|
23
23
|
var styled_js_1 = require("./styled.js");
|
|
24
|
+
var ProfileImageInput_1 = require("../../ImageInput/derivedComps/ProfileImageInput");
|
|
25
|
+
var _EXPORTS_1 = require("../../../utils/_EXPORTS");
|
|
26
|
+
var mixins_1 = require("../../../themes/mixins");
|
|
24
27
|
var ListContent = function (_a) {
|
|
25
|
-
var id = _a.id, data = _a.data, config = _a.config, to = _a.to, onClick = _a.onClick, openInNewTab = _a.openInNewTab, actions = _a.actions, statusTag = _a.statusTag;
|
|
28
|
+
var id = _a.id, data = _a.data, config = _a.config, to = _a.to, onClick = _a.onClick, openInNewTab = _a.openInNewTab, actions = _a.actions, statusTag = _a.statusTag, _b = _a.variant, variant = _b === void 0 ? "content" : _b;
|
|
26
29
|
var theme = (0, styled_components_1.useTheme)();
|
|
30
|
+
var screenWidth = (0, _EXPORTS_1.useScreenWidth)();
|
|
27
31
|
var parseSpecialSyntax = (theme || {}).parseSpecialSyntax;
|
|
28
|
-
var
|
|
32
|
+
var _c = (0, parseCardConfig_1.parseCardConfig)({
|
|
29
33
|
config: config,
|
|
30
34
|
data: data,
|
|
31
35
|
parseSpecialSyntax: parseSpecialSyntax,
|
|
32
|
-
}), cardLabel =
|
|
36
|
+
}), cardLabel = _c.cardLabel, title = _c.title, video = _c.video, image = _c.image, metaBlock = _c.metaBlock;
|
|
33
37
|
var dontRenderRes = (0, dontRenderIfBothOnClickAndTo_1.dontRenderIfBothOnClickAndTo)({ onClick: onClick, to: to });
|
|
34
38
|
if (dontRenderRes)
|
|
35
39
|
return dontRenderRes;
|
|
36
|
-
var
|
|
40
|
+
var _d = (0, decideLinkCompAndTarget_1.decideLinkCompAndTarget)({
|
|
37
41
|
to: to,
|
|
38
42
|
openInNewTab: openInNewTab,
|
|
39
|
-
}), LinkComp =
|
|
43
|
+
}), LinkComp = _d.LinkComp, target = _d.target, externalUrl = _d.externalUrl;
|
|
40
44
|
var mediaConfigExists = config.video || config.image;
|
|
41
45
|
return (react_1.default.createElement(LinkComp, { target: target, href: (0, injectHttps_1.injectHttps)(to), to: to },
|
|
42
46
|
react_1.default.createElement(styled_js_1.StyledListElemContainer, { id: id, onClick: onClick },
|
|
43
|
-
react_1.default.createElement(styled_js_1.StyledListWrapper, { mediaConfigExists: mediaConfigExists /*cuz if it does space needs to be allocated for it
|
|
47
|
+
react_1.default.createElement(styled_js_1.StyledListWrapper, { mediaConfigExists: mediaConfigExists /*cuz if it does space needs to be allocated for it */, actions: actions },
|
|
44
48
|
react_1.default.createElement(styled_js_1.StyledHeader, null,
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
react_1.default.createElement(
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
alignItems: "end",
|
|
52
|
-
} },
|
|
49
|
+
(cardLabel || statusTag) &&
|
|
50
|
+
react_1.default.createElement(styled_js_1.StyledStatusTagCardLabelWrapper, { style: { maxWidth: '100%', paddingBottom: '0.7rem' } },
|
|
51
|
+
cardLabel && (react_1.default.createElement("div", { title: cardLabel, style: { maxWidth: '100%' } },
|
|
52
|
+
react_1.default.createElement(styled_1.StyledLabel, { color: (0, utilsOolib_1.getPrimaryColorText)(theme === null || theme === void 0 ? void 0 : theme.colors) }, cardLabel))),
|
|
53
|
+
statusTag && (react_1.default.createElement(Tags_1.TagDisplay, { variant: "secondary", XS: true, display: statusTag }))),
|
|
54
|
+
title ? (react_1.default.createElement("div", { style: { flexGrow: 1 } },
|
|
53
55
|
react_1.default.createElement(LineClampWrapper_1.LineClampWrapper, { noOfLines_M: 6, noOfLines_D: 3, title: title },
|
|
54
56
|
react_1.default.createElement(styled_1.StyledTitle, { capitalize: true, className: "StyledTitle" },
|
|
55
57
|
react_1.default.createElement(styled_1.StyledTitleSpan, { className: "StyledTitleSpan" }, title))))) : null,
|
|
56
|
-
(metaBlock === null || metaBlock === void 0 ? void 0 : metaBlock.length) > 0 && (react_1.default.createElement("div", { style: { width: "100%", paddingTop: "1rem"
|
|
58
|
+
(metaBlock === null || metaBlock === void 0 ? void 0 : metaBlock.length) > 0 && (react_1.default.createElement("div", { style: { width: "100%", paddingTop: "1rem" } },
|
|
57
59
|
react_1.default.createElement(MetaBlock_1.default, { data: data, config: metaBlock })))),
|
|
58
|
-
mediaConfigExists && (react_1.default.createElement(styled_js_1.StyledContentModule2, null,
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
react_1.default.createElement(styled_js_1.
|
|
63
|
-
react_1.default.createElement(
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
60
|
+
variant === "content" ? ((mediaConfigExists || actions) && (react_1.default.createElement(styled_js_1.StyledContentModule2, null,
|
|
61
|
+
mediaConfigExists && react_1.default.createElement(react_1.default.Fragment, null,
|
|
62
|
+
!(0, mediaDataExists_1.imageDataExists)(image) && !(0, mediaDataExists_1.videoDataExists)(video) && (react_1.default.createElement(styled_js_1.StyledMediaMask, null,
|
|
63
|
+
react_1.default.createElement(CardPlaceholder_1.CardPlaceholder, { style: { height: "100%", width: "auto" } }))),
|
|
64
|
+
(0, mediaDataExists_1.videoDataExists)(video) && (react_1.default.createElement(styled_js_1.StyledMediaMask, null,
|
|
65
|
+
react_1.default.createElement(styled_js_1.StyledVideoWrapper, null,
|
|
66
|
+
react_1.default.createElement(VideoInput_1.default, { value: video, readOnly: true, light: true, height: "100%" }),
|
|
67
|
+
react_1.default.createElement("div", { style: {
|
|
68
|
+
position: "absolute",
|
|
69
|
+
top: 0,
|
|
70
|
+
left: 0,
|
|
71
|
+
width: "100%",
|
|
72
|
+
height: "100%",
|
|
73
|
+
} })))),
|
|
74
|
+
(0, mediaDataExists_1.imageDataExists)(image) > 0 && !(0, mediaDataExists_1.videoDataExists)(video) && (react_1.default.createElement(styled_js_1.StyledMediaMask, null,
|
|
75
|
+
// <div
|
|
76
|
+
// // style={{
|
|
77
|
+
// // width: "14rem",
|
|
78
|
+
// // }}
|
|
79
|
+
// >
|
|
80
|
+
react_1.default.createElement(ImageInput_1.ImageInput, { stretchToFullHeight: true, value: image, aspectRatio: "5/3", readOnly: true, enableCaptions: false, disableImageBorder: true, defaultImageSpread: "cover" })
|
|
81
|
+
// </div>
|
|
82
|
+
))),
|
|
83
|
+
actions && react_1.default.createElement(ActionMenu_1.ActionMenu, { actions: actions, align: "right" })))) : (react_1.default.createElement(styled_js_1.StyledContentModule2, null,
|
|
84
|
+
react_1.default.createElement(ProfileImageInput_1.ProfileImageInput, { readOnly: true, value: image, size: screenWidth >= (0, mixins_1.getBreakPoint)('sm') ? 60 : 70, imageTitle: title })))))));
|
|
81
85
|
};
|
|
82
86
|
exports.ListContent = ListContent;
|
|
@@ -15,19 +15,12 @@ var Typo_1 = require("../../Typo");
|
|
|
15
15
|
var styled_1 = require("../styled");
|
|
16
16
|
exports.StyledListElemContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n border-bottom: 1px solid ", ";\n margin-bottom: 2rem;\n padding-bottom: 2rem;\n cursor: pointer;\n &:hover {\n ", ";\n #CardPlaceholder {\n opacity: 1;\n }\n }\n"], ["\n border-bottom: 1px solid ", ";\n margin-bottom: 2rem;\n padding-bottom: 2rem;\n cursor: pointer;\n &:hover {\n ", ";\n #CardPlaceholder {\n opacity: 1;\n }\n }\n"])), themes_1.colors.greyColor15, styled_1.CSSTitleAnimationOnHover);
|
|
17
17
|
exports.StyledStatusTagCardLabelWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n gap: 1rem;\n align-items: center;\n flex-wrap: wrap;\n"], ["\n display: flex;\n gap: 1rem;\n align-items: center;\n flex-wrap: wrap;\n"])));
|
|
18
|
-
exports.StyledHeader = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n align-items: flex-start;\n flex-direction: column;\n flex-wrap: wrap;\n
|
|
18
|
+
exports.StyledHeader = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n align-items: flex-start;\n flex-direction: column;\n flex-wrap: wrap;\n \n min-width: 0;\n flex-grow: 1;\n"], ["\n display: flex;\n align-items: flex-start;\n flex-direction: column;\n flex-wrap: wrap;\n \n min-width: 0;\n flex-grow: 1;\n"])));
|
|
19
19
|
/** the absolute positioning based approach is required, else the ellipsis causes UI glitches */
|
|
20
|
-
var mediaPadding = 20;
|
|
21
20
|
var mediaContainerWidth = 70;
|
|
22
21
|
var mediaContainerWidth_SM = 60;
|
|
23
|
-
exports.StyledListWrapper = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n width: auto;\n
|
|
24
|
-
|
|
25
|
-
return mediaConfigExists && "".concat((2 * mediaPadding) + mediaContainerWidth, "px");
|
|
26
|
-
}, (0, mixins_1.mediaQuery)("sm"), function (_a) {
|
|
27
|
-
var mediaConfigExists = _a.mediaConfigExists;
|
|
28
|
-
return mediaConfigExists && "".concat((2 * mediaPadding) + mediaContainerWidth_SM, "px");
|
|
29
|
-
});
|
|
30
|
-
exports.StyledContentModule2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: flex;\n flex-direction: column-reverse;\n justify-content: center;\n align-items: flex-end;\n position: absolute;\n row-gap: 1rem;\n column-gap: 0;\n right: 0;\n top: 0;\n transform: translateY(0);\n padding: 0 ", "px;\n ", " {\n top: 50%;\n transform: translateY(-50%); \n flex-direction: row;\n align-items: center;\n row-gap: 0;\n column-gap: 1rem;\n }\n"], ["\n display: flex;\n flex-direction: column-reverse;\n justify-content: center;\n align-items: flex-end;\n position: absolute;\n row-gap: 1rem;\n column-gap: 0;\n right: 0;\n top: 0;\n transform: translateY(0);\n padding: 0 ", "px;\n ", " {\n top: 50%;\n transform: translateY(-50%); \n flex-direction: row;\n align-items: center;\n row-gap: 0;\n column-gap: 1rem;\n }\n"])), mediaPadding, (0, mixins_1.mediaQuery)("sm"));
|
|
22
|
+
exports.StyledListWrapper = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n width: auto;\n display: flex;\n gap:2rem;\n position: relative;\n \n"], ["\n width: auto;\n display: flex;\n gap:2rem;\n position: relative;\n \n"])));
|
|
23
|
+
exports.StyledContentModule2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: flex;\n flex-direction: column-reverse;\n justify-content: flex-end;\n align-items: flex-end;\n gap: 1rem;\n flex-shrink: 0;\n ", " {\n flex-direction: row;\n align-items: center;\n }\n"], ["\n display: flex;\n flex-direction: column-reverse;\n justify-content: flex-end;\n align-items: flex-end;\n gap: 1rem;\n flex-shrink: 0;\n ", " {\n flex-direction: row;\n align-items: center;\n }\n"])), (0, mixins_1.mediaQuery)("sm"));
|
|
31
24
|
exports.StyledMediaMask = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: center;\n overflow: hidden;\n height: 84px;\n width: ", "px;\n ", " {\n width: ", "px;\n height: 6rem;\n }\n"], ["\n display: flex;\n flex-direction: column;\n align-items: center;\n overflow: hidden;\n height: 84px;\n width: ", "px;\n ", " {\n width: ", "px;\n height: 6rem;\n }\n"])), mediaContainerWidth, (0, mixins_1.mediaQuery)("sm"), mediaContainerWidth_SM);
|
|
32
25
|
exports.StyledVideoWrapper = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n width: 14rem;\n height: 8.4rem;\n ", " {\n height: 6rem;\n }\n"], ["\n width: 14rem;\n height: 8.4rem;\n ", " {\n height: 6rem;\n }\n"])), (0, mixins_1.mediaQuery)("sm"));
|
|
33
26
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
|
|
@@ -34,10 +34,10 @@ var Typo_1 = require("../Typo");
|
|
|
34
34
|
var utilsOolib_1 = require("../../utilsOolib");
|
|
35
35
|
var themes_1 = require("../../themes");
|
|
36
36
|
/** -- this bit is common for CardContent, ListContent and CardEmbed */
|
|
37
|
-
exports.StyledLabel = (0, styled_components_1.default)(Typo_1.LABEL)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", ";\n
|
|
37
|
+
exports.StyledLabel = (0, styled_components_1.default)(Typo_1.LABEL)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", ";\n ", " \n"], ["\n ", ";\n ", " \n"
|
|
38
38
|
/** -- END this bit is common for CardContent, ListContent and CardEmbed */
|
|
39
39
|
/** --- this bit handles the entire title underline hover animation --- */
|
|
40
|
-
])), mixins_1.ellipsis,
|
|
40
|
+
])), mixins_1.ellipsis, function (_a) {
|
|
41
41
|
var disabled = _a.disabled;
|
|
42
42
|
return disabled && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n color: ", ";\n "], ["\n color: ", ";\n "])), themes_1.colors.greyColor40);
|
|
43
43
|
});
|