oolib 2.63.0 → 2.63.1
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.
|
@@ -37,6 +37,6 @@ var flexColumn = (0, styled_components_1.css)(templateObject_1 || (templateObjec
|
|
|
37
37
|
exports.StyledContainer1 = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", "\n gap: 1rem;\n"], ["\n ", "\n gap: 1rem;\n"])), flexColumn);
|
|
38
38
|
exports.StyledMetaBlock = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n gap: 0.5em;\n"], ["\n display: flex;\n gap: 0.5em;\n"])));
|
|
39
39
|
exports.StyledEmbedSection = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n height: 100px;\n display: flex;\n align-items: center;\n overflow: hidden;\n width: 100%;\n"], ["\n height: 100px;\n display: flex;\n align-items: center;\n overflow: hidden;\n width: 100%;\n"])));
|
|
40
|
-
exports.StyledCardWrapper = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n height: 100%;\n border: 2px solid ", ";\n background-color: ", ";\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n\n ", "\n\n cursor: pointer;\n\n &:hover {\n background-color: ", ";\n ", ";\n }\n"], ["\n height: 100%;\n border: 2px solid ", ";\n background-color: ", ";\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n\n ", "\n\n cursor: pointer;\n\n &:hover {\n background-color: ", ";\n ", ";\n }\n"])), greyColor5, greyColor5, (0, transitions_1.transition)("background-color"), white, styled_1.CSSTitleAnimationOnHover);
|
|
40
|
+
exports.StyledCardWrapper = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n height: 100%;\n border: 2px solid ", ";\n background-color: ", ";\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n\n ", "\n\n cursor: pointer;\n\n &:hover {\n background-color: ", ";\n ", ";\n #CardPlaceholder {\n opacity: 1;\n }\n }\n"], ["\n height: 100%;\n border: 2px solid ", ";\n background-color: ", ";\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n\n ", "\n\n cursor: pointer;\n\n &:hover {\n background-color: ", ";\n ", ";\n #CardPlaceholder {\n opacity: 1;\n }\n }\n"])), greyColor5, greyColor5, (0, transitions_1.transition)("background-color"), white, styled_1.CSSTitleAnimationOnHover);
|
|
41
41
|
exports.StyledUpperSection = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n /* height: 100%; */\n flex-grow: 1;\n justify-content: space-between;\n\n padding: 2rem;\n ", "\n gap: 3rem;\n"], ["\n /* height: 100%; */\n flex-grow: 1;\n justify-content: space-between;\n\n padding: 2rem;\n ", "\n gap: 3rem;\n"])), flexColumn);
|
|
42
42
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
|
|
@@ -13,7 +13,7 @@ var themes_1 = require("../../../themes");
|
|
|
13
13
|
var mixins_1 = require("../../../themes/mixins");
|
|
14
14
|
var Typo_1 = require("../../Typo");
|
|
15
15
|
var styled_1 = require("../styled");
|
|
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 }\n"], ["\n border-bottom: 1px solid ", ";\n margin-bottom: 2rem;\n padding-bottom: 2rem;\n cursor: pointer;\n &:hover {\n ", ";\n }\n"])), themes_1.colors.greyColor15, styled_1.CSSTitleAnimationOnHover);
|
|
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
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 gap: .7rem;\n"], ["\n display: flex;\n align-items: flex-start;\n flex-direction: column;\n flex-wrap: wrap;\n gap: .7rem;\n"])));
|
|
19
19
|
exports.StyledLabel = (0, styled_components_1.default)(Typo_1.LABEL)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", ";\n max-width: 23rem;\n ", "{\n max-width: 40rem;\n }\n"], ["\n ", ";\n max-width: 23rem;\n ", "{\n max-width: 40rem;\n }\n"
|
|
@@ -1,4 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
2
6
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
7
|
if (k2 === undefined) k2 = k;
|
|
4
8
|
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
@@ -31,6 +35,9 @@ var react_1 = __importStar(require("react"));
|
|
|
31
35
|
var cards_ph1_jpg_1 = __importDefault(require("../../../../assets/images/cards_ph1.jpg"));
|
|
32
36
|
var cards_ph2_jpg_1 = __importDefault(require("../../../../assets/images/cards_ph2.jpg"));
|
|
33
37
|
var cards_ph3_jpg_1 = __importDefault(require("../../../../assets/images/cards_ph3.jpg"));
|
|
38
|
+
var styled_components_1 = __importDefault(require("styled-components"));
|
|
39
|
+
var mixins_1 = require("../../../../themes/mixins");
|
|
40
|
+
var StyledImg = styled_components_1.default.img(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n opacity: 0.7;\n ", ";\n"], ["\n opacity: 0.7;\n ", ";\n"])), (0, mixins_1.transition)('opacity'));
|
|
34
41
|
var CardPlaceholder = function (_a) {
|
|
35
42
|
var _b = _a.style, style = _b === void 0 ? { height: 'auto', width: '100%' } : _b;
|
|
36
43
|
var placeholders = {
|
|
@@ -41,6 +48,7 @@ var CardPlaceholder = function (_a) {
|
|
|
41
48
|
//useRef cuz we want this int only one time, which is on first mount.
|
|
42
49
|
//else, everytime the parent comp rerenders, the placeholder changes, which looks quite bad
|
|
43
50
|
var randomInt = (0, react_1.useRef)(Math.ceil(Math.random() * 3)); //will give us 1,2 or 3
|
|
44
|
-
return react_1.default.createElement(
|
|
51
|
+
return react_1.default.createElement(StyledImg, { id: 'CardPlaceholder', style: style, src: placeholders["ph".concat(randomInt.current)] });
|
|
45
52
|
};
|
|
46
53
|
exports.CardPlaceholder = CardPlaceholder;
|
|
54
|
+
var templateObject_1;
|
|
@@ -30,7 +30,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
30
30
|
exports.CSSTitleAnimationOnHover = exports.StyledTitleSpan = exports.StyledTitle = void 0;
|
|
31
31
|
var styled_components_1 = __importStar(require("styled-components"));
|
|
32
32
|
var mixins_1 = require("../../themes/mixins");
|
|
33
|
-
var Typo_1 = require("
|
|
33
|
+
var Typo_1 = require("../Typo");
|
|
34
34
|
var utilsOolib_1 = require("../../utilsOolib");
|
|
35
35
|
/** --- this bit handles the entire title underline hover animation --- */
|
|
36
36
|
exports.StyledTitle = (0, styled_components_1.default)(Typo_1.SERIF_4_5)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), (0, mixins_1.transition)("color"));
|