oolib 2.64.4 → 2.64.6
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/TextInputs/index.js +1 -1
- package/dist/components/cards/ListContent/index.js +1 -2
- package/dist/components/cards/comps/CardMetaBlock/index.d.ts +2 -1
- package/dist/components/cards/comps/CardMetaBlock/index.js +11 -11
- package/dist/components/cards/styled.d.ts +2 -2
- package/dist/components/cards/styled.js +3 -3
- package/package.json +1 -1
|
@@ -226,7 +226,7 @@ var PhoneInput = function (_a) {
|
|
|
226
226
|
if (passValidationErrorToFormValidation)
|
|
227
227
|
passValidationErrorToFormValidation("success");
|
|
228
228
|
};
|
|
229
|
-
return (react_1.default.createElement(exports.TextInput, __assign({ type: "tel", placeholder: "Enter Phone...", handleValidation: handleValidation, maxLength:
|
|
229
|
+
return (react_1.default.createElement(exports.TextInput, __assign({ type: "tel", placeholder: "Enter Phone...", handleValidation: handleValidation, maxLength: 11 }, props)));
|
|
230
230
|
};
|
|
231
231
|
exports.PhoneInput = PhoneInput;
|
|
232
232
|
var URLInput = function (_a) {
|
|
@@ -49,14 +49,13 @@ var ListContent = function (_a) {
|
|
|
49
49
|
react_1.default.createElement(styled_1.StyledLabel, { color: (0, utilsOolib_1.getPrimaryColorText)(theme === null || theme === void 0 ? void 0 : theme.colors) }, cardLabel))),
|
|
50
50
|
statusTag && (react_1.default.createElement(Tags_1.TagDisplay, { variant: "secondary", XS: true, display: statusTag }))),
|
|
51
51
|
title ? (react_1.default.createElement("div", { style: {
|
|
52
|
-
paddingBottom: "1rem",
|
|
53
52
|
display: "flex",
|
|
54
53
|
alignItems: "end",
|
|
55
54
|
} },
|
|
56
55
|
react_1.default.createElement(LineClampWrapper_1.LineClampWrapper, { noOfLines_M: 6, noOfLines_D: 3, title: title },
|
|
57
56
|
react_1.default.createElement(styled_1.StyledTitle, { capitalize: true, className: "StyledTitle" },
|
|
58
57
|
react_1.default.createElement(styled_1.StyledTitleSpan, { className: "StyledTitleSpan" }, title))))) : null,
|
|
59
|
-
(metaBlockData === null || metaBlockData === void 0 ? void 0 : metaBlockData.length) > 0 && (react_1.default.createElement("div", { style: { width: "100%" } },
|
|
58
|
+
(metaBlockData === null || metaBlockData === void 0 ? void 0 : metaBlockData.length) > 0 && (react_1.default.createElement("div", { style: { width: "100%", paddingTop: "1rem", } },
|
|
60
59
|
react_1.default.createElement(CardMetaBlock_1.default, { value: metaBlockData })))),
|
|
61
60
|
mediaConfigExists && (react_1.default.createElement(styled_js_1.StyledContentModule2, null,
|
|
62
61
|
!(0, mediaDataExists_1.imageDataExists)(image) && !(0, mediaDataExists_1.videoDataExists)(video) && (react_1.default.createElement(styled_js_1.StyledMediaMask, null,
|
|
@@ -26,32 +26,32 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
26
26
|
__setModuleDefault(result, mod);
|
|
27
27
|
return result;
|
|
28
28
|
};
|
|
29
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
30
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
31
|
-
};
|
|
32
29
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
33
30
|
var react_1 = __importStar(require("react"));
|
|
34
|
-
var styled_components_1 =
|
|
31
|
+
var styled_components_1 = __importStar(require("styled-components"));
|
|
35
32
|
var themes_1 = require("../../../../themes");
|
|
36
33
|
var Typo_1 = require("../../../Typo");
|
|
37
34
|
var mixins_1 = require("../../../../themes/mixins");
|
|
38
35
|
var greyColor100 = themes_1.colors.greyColor100;
|
|
39
|
-
var StyledContainer = styled_components_1.default.div(
|
|
40
|
-
var
|
|
41
|
-
|
|
36
|
+
var StyledContainer = 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) {
|
|
37
|
+
var align = _a.align;
|
|
38
|
+
return align === 'center' && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject([" justify-content: center;"], [" justify-content: center;"])));
|
|
39
|
+
});
|
|
40
|
+
var StyledMetaWrapper = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex; \n align-items: center;\n max-width: 50%;\n"], ["\n display: flex; \n align-items: center;\n max-width: 50%;\n"])));
|
|
41
|
+
var STYLED_SANS_2 = (0, styled_components_1.default)(Typo_1.SANS_2)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", "\n color: ", ";\n"], ["\n ", "\n color: ", ";\n"])), mixins_1.ellipsis, function (_a) {
|
|
42
42
|
var disabled = _a.disabled;
|
|
43
43
|
return disabled ? themes_1.colors.greyColor40 : themes_1.colors.greyColor100;
|
|
44
44
|
});
|
|
45
|
-
var StyledSeparator = styled_components_1.default.div(
|
|
45
|
+
var StyledSeparator = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __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) {
|
|
46
46
|
var disabled = _a.disabled;
|
|
47
47
|
return disabled ? themes_1.colors.greyColor40 : themes_1.colors.greyColor100;
|
|
48
48
|
});
|
|
49
49
|
var CardMetaBlock = function (_a) {
|
|
50
|
-
var value = _a.value, disabled = _a.disabled;
|
|
51
|
-
return (react_1.default.createElement(StyledContainer,
|
|
50
|
+
var value = _a.value, disabled = _a.disabled, _b = _a.align, align = _b === void 0 ? 'left' : _b;
|
|
51
|
+
return (react_1.default.createElement(StyledContainer, { align: align }, value.map(function (v, i) { return (react_1.default.createElement(react_1.Fragment, null,
|
|
52
52
|
react_1.default.createElement(StyledMetaWrapper, { key: i },
|
|
53
53
|
react_1.default.createElement(STYLED_SANS_2, { disabled: disabled, capitalize: true }, v)),
|
|
54
54
|
i + 1 === value.length ? null : react_1.default.createElement(StyledSeparator, { disabled: disabled }))); })));
|
|
55
55
|
};
|
|
56
56
|
exports.default = CardMetaBlock;
|
|
57
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
|
57
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
/** -- this bit is common for ListContent and CardEmbed */
|
|
1
|
+
/** -- this bit is common for CardContent, ListContent and CardEmbed */
|
|
2
2
|
export const StyledLabel: import("styled-components").StyledComponent<(props: any) => import("react").JSX.Element, any, {}, never>;
|
|
3
|
-
/** -- END this bit is common for ListContent and CardEmbed */
|
|
3
|
+
/** -- END this bit is common for CardContent, ListContent and CardEmbed */
|
|
4
4
|
/** --- this bit handles the entire title underline hover animation --- */
|
|
5
5
|
export const StyledTitle: import("styled-components").StyledComponent<(props: any) => import("react").JSX.Element, any, {}, never>;
|
|
6
6
|
export const StyledTitleSpan: import("styled-components").StyledComponent<"span", any, {}, never>;
|
|
@@ -33,15 +33,15 @@ var mixins_1 = require("../../themes/mixins");
|
|
|
33
33
|
var Typo_1 = require("../Typo");
|
|
34
34
|
var utilsOolib_1 = require("../../utilsOolib");
|
|
35
35
|
var themes_1 = require("../../themes");
|
|
36
|
-
/** -- this bit is common for ListContent and CardEmbed */
|
|
36
|
+
/** -- this bit is common for CardContent, ListContent and CardEmbed */
|
|
37
37
|
exports.StyledLabel = (0, styled_components_1.default)(Typo_1.LABEL)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", ";\n max-width: 23rem;\n ", "{\n max-width: 40rem;\n }\n \n ", " \n"], ["\n ", ";\n max-width: 23rem;\n ", "{\n max-width: 40rem;\n }\n \n ", " \n"
|
|
38
|
-
/** -- END this bit is common for ListContent and CardEmbed */
|
|
38
|
+
/** -- END this bit is common for CardContent, ListContent and CardEmbed */
|
|
39
39
|
/** --- this bit handles the entire title underline hover animation --- */
|
|
40
40
|
])), mixins_1.ellipsis, (0, mixins_1.mediaQuery)("sm"), 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
|
});
|
|
44
|
-
/** -- END this bit is common for ListContent and CardEmbed */
|
|
44
|
+
/** -- END this bit is common for CardContent, ListContent and CardEmbed */
|
|
45
45
|
/** --- this bit handles the entire title underline hover animation --- */
|
|
46
46
|
exports.StyledTitle = (0, styled_components_1.default)(Typo_1.SERIF_4_5)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", ";\n color: ", ";\n"], ["\n ", ";\n color: ", ";\n"])), (0, mixins_1.transition)("color"), function (_a) {
|
|
47
47
|
var disabled = _a.disabled;
|