oolib 2.16.0 → 2.17.0
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/Buttons/index.js +18 -17
- package/dist/components/Typo/index.d.ts +1 -0
- package/dist/components/Typo/index.js +3 -1
- package/dist/components/Typo/index.styled.d.ts +1 -0
- package/dist/components/Typo/index.styled.js +17 -16
- package/dist/themes/typo.d.ts +2 -0
- package/dist/themes/typo.js +32 -14
- package/package.json +1 -1
|
@@ -37,6 +37,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
37
37
|
exports.GoogleLogin = exports.UploadButton = exports.ButtonGhost = exports.ButtonCustom = exports.ButtonSecondary = exports.ButtonPrimary = void 0;
|
|
38
38
|
var react_1 = __importStar(require("react"));
|
|
39
39
|
var index_styled_1 = require("./index.styled");
|
|
40
|
+
var react_router_dom_1 = require("react-router-dom");
|
|
40
41
|
var Typo_1 = require("../Typo");
|
|
41
42
|
var icons_1 = require("../../icons");
|
|
42
43
|
var DisplayIcon = function (_a) {
|
|
@@ -48,9 +49,11 @@ var ButtonStyledWrapper = function (_a) {
|
|
|
48
49
|
var props = _a.props, variant = _a.variant;
|
|
49
50
|
var id = props.id, link = props.link, children = props.children, value = props.value, submit = props.submit, icon = props.icon, iconAfter = props.iconAfter, onClick = props.onClick, onMouseDown = props.onMouseDown, active = props.active, S = props.S, disabled = props.disabled, invert = props.invert, theme = props.theme, width = props.width, onMouseEnter = props.onMouseEnter, onMouseLeave = props.onMouseLeave, color = props.color, style = props.style, className = props.className;
|
|
50
51
|
var displayText = (link === null || link === void 0 ? void 0 : link.displayText) || children || value;
|
|
51
|
-
var composition = (icon || iconAfter) && displayText
|
|
52
|
-
|
|
53
|
-
|
|
52
|
+
var composition = (icon || iconAfter) && displayText
|
|
53
|
+
? "icon+text"
|
|
54
|
+
: !displayText && "iconOnly";
|
|
55
|
+
var size = (S && "S") || "M";
|
|
56
|
+
return (react_1.default.createElement(index_styled_1.ButtonStyled, { id: id, style: style, className: className, variant: variant, size: size, active: active, invert: invert, disabled: disabled, theme: theme, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, type: submit ? "submit" : "button", onClick: onClick, onMouseDown: onMouseDown, composition: composition, width: width, color: color },
|
|
54
57
|
icon && react_1.default.createElement(DisplayIcon, { icon: icon, size: S ? 15 : 20 }),
|
|
55
58
|
displayText && react_1.default.createElement(Typo_1.SANS_3, { semibold: true }, displayText),
|
|
56
59
|
iconAfter && react_1.default.createElement(DisplayIcon, { icon: iconAfter, size: S ? 15 : 20 })));
|
|
@@ -58,19 +61,17 @@ var ButtonStyledWrapper = function (_a) {
|
|
|
58
61
|
var Button = function (_a) {
|
|
59
62
|
var props = _a.props, variant = _a.variant;
|
|
60
63
|
var link = props.link, onClick = props.onClick;
|
|
61
|
-
var
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
var buttonAction = link ? handleOpenLink : onClick;
|
|
65
|
-
return (react_1.default.createElement(ButtonStyledWrapper, { props: __assign(__assign({}, props), { onClick: buttonAction }), variant: variant }));
|
|
64
|
+
var buttonAction = link ? function () { return null; } : onClick;
|
|
65
|
+
return link ? (react_1.default.createElement(react_router_dom_1.Link, { to: link.val },
|
|
66
|
+
react_1.default.createElement(ButtonStyledWrapper, { props: __assign(__assign({}, props), { onClick: buttonAction }), variant: variant }))) : (react_1.default.createElement(ButtonStyledWrapper, { props: __assign(__assign({}, props), { onClick: buttonAction }), variant: variant }));
|
|
66
67
|
};
|
|
67
|
-
var ButtonPrimary = function (props) { return (react_1.default.createElement(Button, { props: props, variant:
|
|
68
|
+
var ButtonPrimary = function (props) { return (react_1.default.createElement(Button, { props: props, variant: "primary" })); };
|
|
68
69
|
exports.ButtonPrimary = ButtonPrimary;
|
|
69
|
-
var ButtonSecondary = function (props) { return (react_1.default.createElement(Button, { props: props, variant:
|
|
70
|
+
var ButtonSecondary = function (props) { return (react_1.default.createElement(Button, { props: props, variant: "secondary" })); };
|
|
70
71
|
exports.ButtonSecondary = ButtonSecondary;
|
|
71
|
-
var ButtonCustom = function (props) { return (react_1.default.createElement(Button, { props: props, variant:
|
|
72
|
+
var ButtonCustom = function (props) { return (react_1.default.createElement(Button, { props: props, variant: "custom" })); };
|
|
72
73
|
exports.ButtonCustom = ButtonCustom;
|
|
73
|
-
var ButtonGhost = function (props) { return react_1.default.createElement(Button, { props: props, variant:
|
|
74
|
+
var ButtonGhost = function (props) { return (react_1.default.createElement(Button, { props: props, variant: "ghost" })); };
|
|
74
75
|
exports.ButtonGhost = ButtonGhost;
|
|
75
76
|
var UploadButton = function (props) {
|
|
76
77
|
var inputRef = (0, react_1.useRef)(null);
|
|
@@ -79,16 +80,16 @@ var UploadButton = function (props) {
|
|
|
79
80
|
inputRef.current.click();
|
|
80
81
|
};
|
|
81
82
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
82
|
-
react_1.default.createElement("input", { id: id, ref: inputRef, type: "file", accept: accept, multiple: mutilple, onChange: onChange, style: { display:
|
|
83
|
-
react_1.default.createElement(ButtonStyledWrapper, { props: __assign(__assign({}, props), { onClick: handleFileUpload }), variant: variant ||
|
|
83
|
+
react_1.default.createElement("input", { id: id, ref: inputRef, type: "file", accept: accept, multiple: mutilple, onChange: onChange, style: { display: "none" } }),
|
|
84
|
+
react_1.default.createElement(ButtonStyledWrapper, { props: __assign(__assign({}, props), { onClick: handleFileUpload }), variant: variant || "secondary" })));
|
|
84
85
|
};
|
|
85
86
|
exports.UploadButton = UploadButton;
|
|
86
87
|
var GoogleLogin = function (props) {
|
|
87
88
|
var theme = props.theme, S = props.S, disabled = props.disabled, width = props.width, className = props.className, style = props.style, value = props.value, children = props.children, onClick = props.onClick;
|
|
88
|
-
var displayText = value || children ||
|
|
89
|
-
var size = (S && "S") ||
|
|
89
|
+
var displayText = value || children || "Sign up with Google";
|
|
90
|
+
var size = (S && "S") || "M";
|
|
90
91
|
return (react_1.default.createElement(index_styled_1.ButtonStyled, { size: size, disabled: disabled, width: width, onClick: onClick, variant: "googleAuth", theme: theme, style: style, className: className },
|
|
91
|
-
react_1.default.createElement(DisplayIcon, { icon:
|
|
92
|
+
react_1.default.createElement(DisplayIcon, { icon: "OkeGoogleIcon", size: 24 }),
|
|
92
93
|
displayText && react_1.default.createElement(Typo_1.SANS_3, { semibold: true }, displayText)));
|
|
93
94
|
};
|
|
94
95
|
exports.GoogleLogin = GoogleLogin;
|
|
@@ -2,6 +2,7 @@ export function LABEL(props: any): JSX.Element;
|
|
|
2
2
|
export function SANS_0(props: any): JSX.Element;
|
|
3
3
|
export function SANS_2(props: any): JSX.Element;
|
|
4
4
|
export function SANS_3(props: any): JSX.Element;
|
|
5
|
+
export function SANS_3_4(props: any): JSX.Element;
|
|
5
6
|
export function SANS_4(props: any): JSX.Element;
|
|
6
7
|
export function SANS_4_5(props: any): JSX.Element;
|
|
7
8
|
export function SANS_5_6(props: any): JSX.Element;
|
|
@@ -14,7 +14,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
14
14
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
exports.TypoClassesProvider = exports.BLOCKQUOTE = exports.SERIF_9_10 = exports.SERIF_7_8 = exports.SERIF_6_7 = exports.SERIF_5_6 = exports.SERIF_4_5 = exports.SERIF_3_4 = exports.SERIF_3 = exports.SANS_7_8 = exports.SANS_5_6 = exports.SANS_4_5 = exports.SANS_4 = exports.SANS_3 = exports.SANS_2 = exports.SANS_0 = exports.LABEL = void 0;
|
|
17
|
+
exports.TypoClassesProvider = exports.BLOCKQUOTE = exports.SERIF_9_10 = exports.SERIF_7_8 = exports.SERIF_6_7 = exports.SERIF_5_6 = exports.SERIF_4_5 = exports.SERIF_3_4 = exports.SERIF_3 = exports.SANS_7_8 = exports.SANS_5_6 = exports.SANS_4_5 = exports.SANS_4 = exports.SANS_3_4 = exports.SANS_3 = exports.SANS_2 = exports.SANS_0 = exports.LABEL = void 0;
|
|
18
18
|
var react_1 = __importDefault(require("react"));
|
|
19
19
|
var index_styled_1 = require("./index.styled");
|
|
20
20
|
var utilsOolib_1 = require("../../utilsOolib");
|
|
@@ -63,6 +63,8 @@ var SANS_2 = function (props) { return react_1.default.createElement(GenComp, {
|
|
|
63
63
|
exports.SANS_2 = SANS_2;
|
|
64
64
|
var SANS_3 = function (props) { return react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.SANS_3_STYLED }); };
|
|
65
65
|
exports.SANS_3 = SANS_3;
|
|
66
|
+
var SANS_3_4 = function (props) { return react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.SANS_3_4_STYLED }); };
|
|
67
|
+
exports.SANS_3_4 = SANS_3_4;
|
|
66
68
|
var SANS_4 = function (props) { return react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.SANS_4_STYLED }); };
|
|
67
69
|
exports.SANS_4 = SANS_4;
|
|
68
70
|
var SANS_4_5 = function (props) { return (react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.SANS_4_5_STYLED })); };
|
|
@@ -7,24 +7,25 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
7
7
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
8
|
};
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
-
exports.TYPOCLASSES = exports.BLOCKQUOTE_STYLED = exports.LABEL_STYLED = exports.SERIF_9_10_STYLED = exports.SERIF_7_8_STYLED = exports.SERIF_6_7_STYLED = exports.SERIF_5_6_STYLED = exports.SERIF_4_5_STYLED = exports.SERIF_3_4_STYLED = exports.SERIF_3_STYLED = exports.SANS_7_8_STYLED = exports.SANS_5_6_STYLED = exports.SANS_4_5_STYLED = exports.SANS_4_STYLED = exports.SANS_3_STYLED = exports.SANS_2_STYLED = exports.SANS_0_STYLED = void 0;
|
|
10
|
+
exports.TYPOCLASSES = exports.BLOCKQUOTE_STYLED = exports.LABEL_STYLED = exports.SERIF_9_10_STYLED = exports.SERIF_7_8_STYLED = exports.SERIF_6_7_STYLED = exports.SERIF_5_6_STYLED = exports.SERIF_4_5_STYLED = exports.SERIF_3_4_STYLED = exports.SERIF_3_STYLED = exports.SANS_7_8_STYLED = exports.SANS_5_6_STYLED = exports.SANS_4_5_STYLED = exports.SANS_4_STYLED = exports.SANS_3_4_STYLED = exports.SANS_3_STYLED = exports.SANS_2_STYLED = exports.SANS_0_STYLED = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
12
|
var index_1 = require("../../themes/index");
|
|
13
13
|
exports.SANS_0_STYLED = styled_components_1.default.h6(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), index_1.typo.SANS_0);
|
|
14
14
|
exports.SANS_2_STYLED = styled_components_1.default.h4(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), index_1.typo.SANS_2);
|
|
15
15
|
exports.SANS_3_STYLED = styled_components_1.default.h4(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), index_1.typo.SANS_3);
|
|
16
|
-
exports.
|
|
17
|
-
exports.
|
|
18
|
-
exports.
|
|
19
|
-
exports.
|
|
20
|
-
exports.
|
|
21
|
-
exports.
|
|
22
|
-
exports.
|
|
23
|
-
exports.
|
|
24
|
-
exports.
|
|
25
|
-
exports.
|
|
26
|
-
exports.
|
|
27
|
-
exports.
|
|
28
|
-
exports.
|
|
29
|
-
exports.
|
|
30
|
-
|
|
16
|
+
exports.SANS_3_4_STYLED = styled_components_1.default.h4(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), index_1.typo.SANS_3_4);
|
|
17
|
+
exports.SANS_4_STYLED = styled_components_1.default.h5(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), index_1.typo.SANS_4);
|
|
18
|
+
exports.SANS_4_5_STYLED = styled_components_1.default.h5(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), index_1.typo.SANS_4_5);
|
|
19
|
+
exports.SANS_5_6_STYLED = styled_components_1.default.h4(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), index_1.typo.SANS_5_6);
|
|
20
|
+
exports.SANS_7_8_STYLED = styled_components_1.default.h2(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), index_1.typo.SANS_7_8);
|
|
21
|
+
exports.SERIF_3_STYLED = styled_components_1.default.h2(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), index_1.typo.SERIF_3);
|
|
22
|
+
exports.SERIF_3_4_STYLED = styled_components_1.default.p(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), index_1.typo.SERIF_3_4);
|
|
23
|
+
exports.SERIF_4_5_STYLED = styled_components_1.default.h2(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), index_1.typo.SERIF_4_5);
|
|
24
|
+
exports.SERIF_5_6_STYLED = styled_components_1.default.h3(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), index_1.typo.SERIF_5_6);
|
|
25
|
+
exports.SERIF_6_7_STYLED = styled_components_1.default.h2(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), index_1.typo.SERIF_6_7);
|
|
26
|
+
exports.SERIF_7_8_STYLED = styled_components_1.default.h2(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), index_1.typo.SERIF_7_8);
|
|
27
|
+
exports.SERIF_9_10_STYLED = styled_components_1.default.h1(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), index_1.typo.SERIF_9_10);
|
|
28
|
+
exports.LABEL_STYLED = styled_components_1.default.h6(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), index_1.typo.LABEL);
|
|
29
|
+
exports.BLOCKQUOTE_STYLED = styled_components_1.default.h3(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), index_1.typo.BLOCKQUOTE);
|
|
30
|
+
exports.TYPOCLASSES = styled_components_1.default.div(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n .SANS_0 {\n ", "\n }\n\n .SANS_2 {\n ", "\n }\n\n .SANS_3 {\n ", "\n }\n\n .SANS_4 {\n ", "\n }\n\n .SERIF_3 {\n ", "\n }\n\n .SANS_4_5 {\n ", "\n }\n\n .SANS_5_6 {\n ", "\n }\n\n .SERIF_3_4 {\n ", "\n }\n\n .SERIF_4_5 {\n ", "\n }\n\n .SERIF_5_6 {\n ", "\n }\n\n .SERIF_6_7 {\n ", "\n }\n\n .SERIF_7_8 {\n ", "\n }\n\n .SERIF_9_10 {\n ", "\n }\n\n .LABEL {\n ", "\n }\n\n .SANS_7_8 {\n ", "\n }\n\n .BLOCKQUOTE {\n ", "\n }\n\n .OKE-markdown {\n a,\n p {\n ", "\n }\n }\n"], ["\n .SANS_0 {\n ", "\n }\n\n .SANS_2 {\n ", "\n }\n\n .SANS_3 {\n ", "\n }\n\n .SANS_4 {\n ", "\n }\n\n .SERIF_3 {\n ", "\n }\n\n .SANS_4_5 {\n ", "\n }\n\n .SANS_5_6 {\n ", "\n }\n\n .SERIF_3_4 {\n ", "\n }\n\n .SERIF_4_5 {\n ", "\n }\n\n .SERIF_5_6 {\n ", "\n }\n\n .SERIF_6_7 {\n ", "\n }\n\n .SERIF_7_8 {\n ", "\n }\n\n .SERIF_9_10 {\n ", "\n }\n\n .LABEL {\n ", "\n }\n\n .SANS_7_8 {\n ", "\n }\n\n .BLOCKQUOTE {\n ", "\n }\n\n .OKE-markdown {\n a,\n p {\n ", "\n }\n }\n"])), index_1.typo.SANS_0, index_1.typo.SANS_2, index_1.typo.SANS_3, index_1.typo.SANS_4, index_1.typo.SERIF_3, index_1.typo.SANS_4_5, index_1.typo.SANS_5_6, index_1.typo.SERIF_3_4, index_1.typo.SERIF_4_5, index_1.typo.SERIF_5_6, index_1.typo.SERIF_6_7, index_1.typo.SERIF_7_8, index_1.typo.SERIF_9_10, index_1.typo.LABEL, index_1.typo.SANS_7_8, index_1.typo.BLOCKQUOTE, index_1.typo.SANS_3);
|
|
31
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18;
|
package/dist/themes/typo.d.ts
CHANGED
|
@@ -4,6 +4,7 @@ export namespace typo {
|
|
|
4
4
|
export { SANS_0 };
|
|
5
5
|
export { SANS_2 };
|
|
6
6
|
export { SANS_3 };
|
|
7
|
+
export { SANS_3_4 };
|
|
7
8
|
export { LABEL };
|
|
8
9
|
export { SANS_4 };
|
|
9
10
|
export { SERIF_3_4 };
|
|
@@ -23,6 +24,7 @@ declare const sansSerif: any;
|
|
|
23
24
|
declare const SANS_0: any;
|
|
24
25
|
declare const SANS_2: any;
|
|
25
26
|
declare const SANS_3: any;
|
|
27
|
+
declare const SANS_3_4: any;
|
|
26
28
|
declare const LABEL: any;
|
|
27
29
|
declare const SANS_4: any;
|
|
28
30
|
declare const SERIF_3_4: any;
|
package/dist/themes/typo.js
CHANGED
|
@@ -66,7 +66,24 @@ var SANS_3 = (0, styled_components_1.css)(templateObject_6 || (templateObject_6
|
|
|
66
66
|
return "".concat(msW(3), "px");
|
|
67
67
|
}
|
|
68
68
|
}, fontCss, sansSerif);
|
|
69
|
-
var
|
|
69
|
+
var SANS_3_4 = (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n font-size: ", ";\n line-height: 1.7em;\n ", "\n ", "\n ", " {\n font-size: ", ";\n }\n"], ["\n font-size: ", ";\n line-height: 1.7em;\n ", "\n ", "\n ", " {\n font-size: ", ";\n }\n"])), function (_a) {
|
|
70
|
+
var theme = _a.theme;
|
|
71
|
+
switch (theme === null || theme === void 0 ? void 0 : theme.lang) {
|
|
72
|
+
case 'hi':
|
|
73
|
+
return "".concat(msW(4), "px");
|
|
74
|
+
default:
|
|
75
|
+
return "".concat(msW(3), "px");
|
|
76
|
+
}
|
|
77
|
+
}, fontCss, sansSerif, (0, mixins_1.mediaQuery)('md'), function (_a) {
|
|
78
|
+
var theme = _a.theme;
|
|
79
|
+
switch (theme === null || theme === void 0 ? void 0 : theme.lang) {
|
|
80
|
+
case 'hi':
|
|
81
|
+
return "".concat(msW(5), "px");
|
|
82
|
+
default:
|
|
83
|
+
return "".concat(msW(4), "px");
|
|
84
|
+
}
|
|
85
|
+
});
|
|
86
|
+
var SANS_4 = (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n font-size: ", ";\n line-height: 1.6em;\n ", "\n ", "\n"], ["\n font-size: ", ";\n line-height: 1.6em;\n ", "\n ", "\n"])), function (_a) {
|
|
70
87
|
var theme = _a.theme;
|
|
71
88
|
switch (theme === null || theme === void 0 ? void 0 : theme.lang) {
|
|
72
89
|
case 'hi':
|
|
@@ -75,7 +92,7 @@ var SANS_4 = (0, styled_components_1.css)(templateObject_7 || (templateObject_7
|
|
|
75
92
|
return "".concat(msW(4), "px");
|
|
76
93
|
}
|
|
77
94
|
}, fontCss, sansSerif);
|
|
78
|
-
var SANS_4_5 = (0, styled_components_1.css)(
|
|
95
|
+
var SANS_4_5 = (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n font-size: ", ";\n line-height: 1.6em;\n ", "\n ", "\n ", " {\n font-size: ", ";\n }\n"], ["\n font-size: ", ";\n line-height: 1.6em;\n ", "\n ", "\n ", " {\n font-size: ", ";\n }\n"])), function (_a) {
|
|
79
96
|
var theme = _a.theme;
|
|
80
97
|
switch (theme === null || theme === void 0 ? void 0 : theme.lang) {
|
|
81
98
|
case 'hi':
|
|
@@ -92,7 +109,7 @@ var SANS_4_5 = (0, styled_components_1.css)(templateObject_8 || (templateObject_
|
|
|
92
109
|
return "".concat(msW(5), "px");
|
|
93
110
|
}
|
|
94
111
|
});
|
|
95
|
-
var SANS_5_6 = (0, styled_components_1.css)(
|
|
112
|
+
var SANS_5_6 = (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n font-size: ", ";\n line-height: 1.6em;\n ", "\n ", "\n ", " {\n font-size: ", ";\n }\n"], ["\n font-size: ", ";\n line-height: 1.6em;\n ", "\n ", "\n ", " {\n font-size: ", ";\n }\n"])), function (_a) {
|
|
96
113
|
var theme = _a.theme;
|
|
97
114
|
switch (theme === null || theme === void 0 ? void 0 : theme.lang) {
|
|
98
115
|
case 'hi':
|
|
@@ -109,7 +126,7 @@ var SANS_5_6 = (0, styled_components_1.css)(templateObject_9 || (templateObject_
|
|
|
109
126
|
return "".concat(msW(6), "px");
|
|
110
127
|
}
|
|
111
128
|
});
|
|
112
|
-
var SANS_7_8 = (0, styled_components_1.css)(
|
|
129
|
+
var SANS_7_8 = (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n font-size: ", ";\n line-height: 1.6em;\n ", "\n ", "\n ", " {\n font-size: ", ";\n }\n"], ["\n font-size: ", ";\n line-height: 1.6em;\n ", "\n ", "\n ", " {\n font-size: ", ";\n }\n"])), function (_a) {
|
|
113
130
|
var theme = _a.theme;
|
|
114
131
|
switch (theme === null || theme === void 0 ? void 0 : theme.lang) {
|
|
115
132
|
case 'hi':
|
|
@@ -126,7 +143,7 @@ var SANS_7_8 = (0, styled_components_1.css)(templateObject_10 || (templateObject
|
|
|
126
143
|
return "".concat(msW(8), "px");
|
|
127
144
|
}
|
|
128
145
|
});
|
|
129
|
-
var SERIF_3 = (0, styled_components_1.css)(
|
|
146
|
+
var SERIF_3 = (0, styled_components_1.css)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n font-size: ", ";\n line-height: 1.7em;\n ", "\n ", "\n"], ["\n font-size: ", ";\n line-height: 1.7em;\n ", "\n ", "\n"])), function (_a) {
|
|
130
147
|
var theme = _a.theme;
|
|
131
148
|
switch (theme === null || theme === void 0 ? void 0 : theme.lang) {
|
|
132
149
|
case 'hi':
|
|
@@ -135,7 +152,7 @@ var SERIF_3 = (0, styled_components_1.css)(templateObject_11 || (templateObject_
|
|
|
135
152
|
return "".concat(msW(3), "px");
|
|
136
153
|
}
|
|
137
154
|
}, fontCss, serif);
|
|
138
|
-
var SERIF_3_4 = (0, styled_components_1.css)(
|
|
155
|
+
var SERIF_3_4 = (0, styled_components_1.css)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n font-size: ", ";\n line-height: 1.7em;\n ", "\n ", "\n ", " {\n font-size: ", ";\n }\n"], ["\n font-size: ", ";\n line-height: 1.7em;\n ", "\n ", "\n ", " {\n font-size: ", ";\n }\n"])), function (_a) {
|
|
139
156
|
var theme = _a.theme;
|
|
140
157
|
switch (theme === null || theme === void 0 ? void 0 : theme.lang) {
|
|
141
158
|
case 'hi':
|
|
@@ -152,7 +169,7 @@ var SERIF_3_4 = (0, styled_components_1.css)(templateObject_12 || (templateObjec
|
|
|
152
169
|
return "".concat(msW(4), "px");
|
|
153
170
|
}
|
|
154
171
|
});
|
|
155
|
-
var SERIF_4_5 = (0, styled_components_1.css)(
|
|
172
|
+
var SERIF_4_5 = (0, styled_components_1.css)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n font-size: ", ";\n line-height: 1.6em;\n ", "\n ", "\n ", " {\n font-size: ", ";\n }\n"], ["\n font-size: ", ";\n line-height: 1.6em;\n ", "\n ", "\n ", " {\n font-size: ", ";\n }\n"])), function (_a) {
|
|
156
173
|
var theme = _a.theme;
|
|
157
174
|
switch (theme === null || theme === void 0 ? void 0 : theme.lang) {
|
|
158
175
|
case 'hi':
|
|
@@ -169,7 +186,7 @@ var SERIF_4_5 = (0, styled_components_1.css)(templateObject_13 || (templateObjec
|
|
|
169
186
|
return "".concat(msW(5), "px");
|
|
170
187
|
}
|
|
171
188
|
});
|
|
172
|
-
var SERIF_5_6 = (0, styled_components_1.css)(
|
|
189
|
+
var SERIF_5_6 = (0, styled_components_1.css)(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n font-size: ", ";\n line-height: 1.6em;\n ", "\n ", "\n ", " {\n font-size: ", ";\n }\n"], ["\n font-size: ", ";\n line-height: 1.6em;\n ", "\n ", "\n ", " {\n font-size: ", ";\n }\n"])), function (_a) {
|
|
173
190
|
var theme = _a.theme;
|
|
174
191
|
switch (theme === null || theme === void 0 ? void 0 : theme.lang) {
|
|
175
192
|
case 'hi':
|
|
@@ -186,7 +203,7 @@ var SERIF_5_6 = (0, styled_components_1.css)(templateObject_14 || (templateObjec
|
|
|
186
203
|
return "".concat(msW(6), "px");
|
|
187
204
|
}
|
|
188
205
|
});
|
|
189
|
-
var SERIF_6_7 = (0, styled_components_1.css)(
|
|
206
|
+
var SERIF_6_7 = (0, styled_components_1.css)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n font-size: ", ";\n line-height: 1.6em;\n ", "\n ", "\n ", " {\n font-size: ", ";\n }\n"], ["\n font-size: ", ";\n line-height: 1.6em;\n ", "\n ", "\n ", " {\n font-size: ", ";\n }\n"])), function (_a) {
|
|
190
207
|
var theme = _a.theme;
|
|
191
208
|
switch (theme === null || theme === void 0 ? void 0 : theme.lang) {
|
|
192
209
|
case 'hi':
|
|
@@ -203,7 +220,7 @@ var SERIF_6_7 = (0, styled_components_1.css)(templateObject_15 || (templateObjec
|
|
|
203
220
|
return "".concat(msW(7), "px");
|
|
204
221
|
}
|
|
205
222
|
});
|
|
206
|
-
var SERIF_7_8 = (0, styled_components_1.css)(
|
|
223
|
+
var SERIF_7_8 = (0, styled_components_1.css)(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n font-size: ", ";\n line-height: 1.6em;\n ", "\n ", "\n ", " {\n font-size: ", ";\n }\n"], ["\n font-size: ", ";\n line-height: 1.6em;\n ", "\n ", "\n ", " {\n font-size: ", ";\n }\n"])), function (_a) {
|
|
207
224
|
var theme = _a.theme;
|
|
208
225
|
switch (theme === null || theme === void 0 ? void 0 : theme.lang) {
|
|
209
226
|
case 'hi':
|
|
@@ -220,7 +237,7 @@ var SERIF_7_8 = (0, styled_components_1.css)(templateObject_16 || (templateObjec
|
|
|
220
237
|
return "".concat(msW(8), "px");
|
|
221
238
|
}
|
|
222
239
|
});
|
|
223
|
-
var SERIF_9_10 = (0, styled_components_1.css)(
|
|
240
|
+
var SERIF_9_10 = (0, styled_components_1.css)(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n font-size: ", ";\n line-height: 1.5em;\n ", "\n ", "\n ", " {\n font-size: ", ";\n }\n"], ["\n font-size: ", ";\n line-height: 1.5em;\n ", "\n ", "\n ", " {\n font-size: ", ";\n }\n"])), function (_a) {
|
|
224
241
|
var theme = _a.theme;
|
|
225
242
|
switch (theme === null || theme === void 0 ? void 0 : theme.lang) {
|
|
226
243
|
case 'hi':
|
|
@@ -237,7 +254,7 @@ var SERIF_9_10 = (0, styled_components_1.css)(templateObject_17 || (templateObje
|
|
|
237
254
|
return "".concat(msW(10), "px");
|
|
238
255
|
}
|
|
239
256
|
});
|
|
240
|
-
var LABEL = (0, styled_components_1.css)(
|
|
257
|
+
var LABEL = (0, styled_components_1.css)(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n letter-spacing: ", "em;\n font-size: ", ";\n color: ", ";\n line-height: 1.6em;\n font-weight: 600;\n text-transform: uppercase;\n ", "\n"], ["\n letter-spacing: ", "em;\n font-size: ", ";\n color: ", ";\n line-height: 1.6em;\n font-weight: 600;\n text-transform: uppercase;\n ", "\n"])), function (_a) {
|
|
241
258
|
var theme = _a.theme;
|
|
242
259
|
return ((theme === null || theme === void 0 ? void 0 : theme.lang) === 'hi' ? 0 : 0.1);
|
|
243
260
|
}, function (_a) {
|
|
@@ -252,7 +269,7 @@ var LABEL = (0, styled_components_1.css)(templateObject_18 || (templateObject_18
|
|
|
252
269
|
var color = _a.color, invert = _a.invert;
|
|
253
270
|
return (invert ? white : color);
|
|
254
271
|
}, sansSerif);
|
|
255
|
-
var BLOCKQUOTE = (0, styled_components_1.css)(
|
|
272
|
+
var BLOCKQUOTE = (0, styled_components_1.css)(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n padding: 1.5rem;\n border-left: 4px solid\n ", ";\n ", ";\n font-style: italic;\n color: ", ";\n margin-inline-start: 25px;\n margin-inline-end: 25px;\n"], ["\n padding: 1.5rem;\n border-left: 4px solid\n ", ";\n ", ";\n font-style: italic;\n color: ", ";\n margin-inline-start: 25px;\n margin-inline-end: 25px;\n"])), function (_a) {
|
|
256
273
|
var invert = _a.invert, colors = _a.theme.colors;
|
|
257
274
|
return invert ? greyColor40 : (0, utilsOolib_1.getPrimaryColor100)(colors);
|
|
258
275
|
}, SERIF_4_5, greyColor80);
|
|
@@ -262,6 +279,7 @@ exports.typo = {
|
|
|
262
279
|
SANS_0: SANS_0,
|
|
263
280
|
SANS_2: SANS_2,
|
|
264
281
|
SANS_3: SANS_3,
|
|
282
|
+
SANS_3_4: SANS_3_4,
|
|
265
283
|
LABEL: LABEL,
|
|
266
284
|
SANS_4: SANS_4,
|
|
267
285
|
SERIF_3_4: SERIF_3_4,
|
|
@@ -276,4 +294,4 @@ exports.typo = {
|
|
|
276
294
|
SANS_5_6: SANS_5_6,
|
|
277
295
|
BLOCKQUOTE: BLOCKQUOTE,
|
|
278
296
|
};
|
|
279
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19;
|
|
297
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20;
|