oolib 2.16.0 → 2.17.2
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/Buttons/index.styled.js +1 -1
- 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/icons/custom/index.js +25 -38
- 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;
|
|
@@ -173,7 +173,7 @@ exports.ButtonStyled = styled_components_1.default.button(templateObject_21 || (
|
|
|
173
173
|
var composition = _a.composition, size = _a.size;
|
|
174
174
|
switch (composition) {
|
|
175
175
|
case "iconOnly":
|
|
176
|
-
return (0, styled_components_2.css)(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n padding: 0;\n height: ", ";\n width: ", ";\n "], ["\n padding: 0;\n height: ", ";\n width: ", ";\n "])), SIZES[size], SIZES[size]);
|
|
176
|
+
return (0, styled_components_2.css)(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n padding: 0;\n height: ", ";\n width: ", ";\n flex-shrink: 0; // if button is a flex item then by default it's width shrinks when the viewport width shrinks\n "], ["\n padding: 0;\n height: ", ";\n width: ", ";\n flex-shrink: 0; // if button is a flex item then by default it's width shrinks when the viewport width shrinks\n "])), SIZES[size], SIZES[size]);
|
|
177
177
|
case "icon+text":
|
|
178
178
|
return (0, styled_components_2.css)(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n padding: 0 2rem 0 1.5rem;\n height: ", ";\n "], ["\n padding: 0 2rem 0 1.5rem;\n height: ", ";\n "])), SIZES[size]);
|
|
179
179
|
default:
|
|
@@ -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;
|
|
@@ -80,43 +80,30 @@ var BadgeVetted = function (props) {
|
|
|
80
80
|
react_1.default.createElement("path", { d: "M5.324 8.774l1.79 2.127c1.678-1.992 2.755-3.27 4.21-5", stroke: "#fff", strokeLinecap: "round", strokeLinejoin: "round" })));
|
|
81
81
|
};
|
|
82
82
|
exports.BadgeVetted = BadgeVetted;
|
|
83
|
-
var IndiaFlag = function (props) { return (react_1.default.createElement("svg", { width: props.size ||
|
|
84
|
-
react_1.default.createElement("
|
|
85
|
-
|
|
86
|
-
react_1.default.createElement("
|
|
87
|
-
|
|
88
|
-
react_1.default.createElement("
|
|
89
|
-
react_1.default.createElement("
|
|
90
|
-
react_1.default.createElement("
|
|
91
|
-
react_1.default.createElement("
|
|
92
|
-
react_1.default.createElement("g", { id: "c" },
|
|
93
|
-
react_1.default.createElement("g", { id: "b" },
|
|
94
|
-
react_1.default.createElement("g", { id: "a", fill: "#008" },
|
|
95
|
-
react_1.default.createElement("circle", { r: 3.5, transform: "rotate(7.5 -40 610.282)" }),
|
|
96
|
-
react_1.default.createElement("path", { d: "m0 80 3-48-2-16.031V15h-2v.969L-3 32l3 48z" })),
|
|
97
|
-
react_1.default.createElement("use", { xlinkHref: "#a", transform: "rotate(15)" })),
|
|
98
|
-
react_1.default.createElement("use", { xlinkHref: "#b", transform: "rotate(30)" })),
|
|
99
|
-
react_1.default.createElement("use", { xlinkHref: "#c", transform: "rotate(60)" })),
|
|
100
|
-
react_1.default.createElement("use", { xlinkHref: "#d", transform: "rotate(120)" }),
|
|
101
|
-
react_1.default.createElement("use", { xlinkHref: "#d", transform: "rotate(-120)" })))); };
|
|
83
|
+
var IndiaFlag = function (props) { return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: props.size || 30, height: props.size || 30, fill: "none", viewBox: "0 0 40 40" },
|
|
84
|
+
react_1.default.createElement("mask", { id: "mask0_862_1280", style: { maskType: "alpha" }, width: "40", height: "30", x: "0", y: "5", maskUnits: "userSpaceOnUse" },
|
|
85
|
+
react_1.default.createElement("path", { fill: "#fff", d: "M0 5H40V35H0z" })),
|
|
86
|
+
react_1.default.createElement("g", { fillRule: "evenodd", clipRule: "evenodd", mask: "url(#mask0_862_1280)" },
|
|
87
|
+
react_1.default.createElement("path", { fill: "#F7FCFF", d: "M0 10v20h40V10H0z" }),
|
|
88
|
+
react_1.default.createElement("path", { fill: "#FF8C1A", d: "M5 6a5 5 0 00-5 5v4h40v-4a5 5 0 00-5-5H5z" }),
|
|
89
|
+
react_1.default.createElement("path", { fill: "#5EAA22", d: "M0 25v4a5 5 0 005 5h30a5 5 0 005-5v-4H0z" }),
|
|
90
|
+
react_1.default.createElement("path", { fill: "#3D58DB", d: "M15 20a5 5 0 1010 0 5 5 0 00-10 0zm8.75 0a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0z" }),
|
|
91
|
+
react_1.default.createElement("path", { fill: "#3D58DB", d: "M19.993 21.076l-.713 3.9.414-3.943-1.784 3.541 1.509-3.667-2.71 2.896 2.482-3.094-3.416 2.015 3.252-2.269-3.845.971 3.76-1.261-3.963-.151 3.963-.151-3.76-1.262 3.845.972-3.252-2.27 3.415 2.015-2.48-3.093 2.709 2.895-1.509-3.667 1.784 3.542-.414-3.944.713 3.9.714-3.9-.415 3.944 1.784-3.542-1.509 3.667 2.71-2.895-2.481 3.093 3.415-2.015-3.252 2.27 3.845-.972-3.76 1.262 3.963.15-3.963.152 3.76 1.261-3.845-.971 3.252 2.27-3.415-2.016 2.48 3.094-2.709-2.896 1.509 3.668-1.784-3.542.415 3.944-.714-3.901z" })))); };
|
|
102
92
|
exports.IndiaFlag = IndiaFlag;
|
|
103
|
-
var KenyaFlag = function (props) { return (react_1.default.createElement("svg", { width: props.size ||
|
|
104
|
-
react_1.default.createElement("
|
|
105
|
-
react_1.default.createElement("path", {
|
|
106
|
-
react_1.default.createElement("
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
react_1.default.createElement("
|
|
113
|
-
react_1.default.createElement("
|
|
114
|
-
|
|
115
|
-
react_1.default.createElement("
|
|
116
|
-
|
|
117
|
-
react_1.default.createElement("
|
|
118
|
-
react_1.default.createElement("path", {
|
|
119
|
-
react_1.default.createElement("use", { href: "#deco_br", transform: "scale(-1)" }),
|
|
120
|
-
react_1.default.createElement("use", { href: "#deco_br", transform: "scale(-1,1)" }),
|
|
121
|
-
react_1.default.createElement("use", { href: "#deco_br", transform: "scale(1,-1)" })))); };
|
|
93
|
+
var KenyaFlag = function (props) { return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: props.size || 30, height: props.size || 30, fill: "none", viewBox: "0 0 40 40" },
|
|
94
|
+
react_1.default.createElement("mask", { id: "mask0_862_1354", style: { maskType: "alpha" }, width: "40", height: "28", x: "0", y: "6", maskUnits: "userSpaceOnUse" },
|
|
95
|
+
react_1.default.createElement("path", { fill: "#fff", d: "M0 6H40V34H0z" })),
|
|
96
|
+
react_1.default.createElement("g", { mask: "url(#mask0_862_1354)" },
|
|
97
|
+
react_1.default.createElement("path", { fill: "#272727", fillRule: "evenodd", d: "M5 6a5 5 0 00-5 5v4.333h40V11a5 5 0 00-5-5H5z", clipRule: "evenodd" }),
|
|
98
|
+
react_1.default.createElement("path", { fill: "#4E8B1D", fillRule: "evenodd", d: "M0 24.667V29a5 5 0 005 5h30a5 5 0 005-5v-4.333H0z", clipRule: "evenodd" }),
|
|
99
|
+
react_1.default.createElement("path", { fill: "#E31D1C", stroke: "#F7FCFF", strokeWidth: "2", d: "M0 14.333h-1v11.334h42V14.333H0z" })),
|
|
100
|
+
react_1.default.createElement("path", { fill: "#fff", d: "M23.774 10.584c.238-.455.878-.953 1.92-1.492a.133.133 0 01.115-.002c.062.028.088.098.057.156L15.077 29.892l-.562-.255 9.51-18.2c-.43-.066-.514-.35-.25-.853z" }),
|
|
101
|
+
react_1.default.createElement("path", { fill: "#fff", d: "M16.214 10.584c.263.503.18.787-.251.853l9.51 18.2-.562.255L14.122 9.246c-.03-.058-.005-.128.058-.156a.133.133 0 01.116.002c1.04.54 1.68 1.037 1.918 1.492z" }),
|
|
102
|
+
react_1.default.createElement("path", { fill: "#E31D1C", fillRule: "evenodd", d: "M20 29.333c1.246 0 6.25-4.178 6.25-9.333s-5.004-9.333-6.25-9.333c-1.246 0-6.25 4.178-6.25 9.333s5.004 9.333 6.25 9.333z", clipRule: "evenodd" }),
|
|
103
|
+
react_1.default.createElement("mask", { id: "mask1_862_1354", style: { maskType: "alpha" }, width: "14", height: "20", x: "13", y: "10", maskUnits: "userSpaceOnUse" },
|
|
104
|
+
react_1.default.createElement("path", { fill: "#fff", fillRule: "evenodd", d: "M20 29.333c1.246 0 6.25-4.178 6.25-9.333s-5.004-9.333-6.25-9.333c-1.246 0-6.25 4.178-6.25 9.333s5.004 9.333 6.25 9.333z", clipRule: "evenodd" })),
|
|
105
|
+
react_1.default.createElement("g", { mask: "url(#mask1_862_1354)" },
|
|
106
|
+
react_1.default.createElement("path", { fill: "#272727", d: "M8.125 28.167c4.832 0 8.75-3.657 8.75-8.167s-3.918-8.167-8.75-8.167S-.625 15.49-.625 20s3.918 8.167 8.75 8.167zM31.875 28.167c4.833 0 8.75-3.657 8.75-8.167s-3.917-8.167-8.75-8.167c-4.832 0-8.75 3.657-8.75 8.167s3.918 8.167 8.75 8.167z" }),
|
|
107
|
+
react_1.default.createElement("path", { fill: "#F7FCFF", fillRule: "evenodd", d: "M20.25 18.752c.57-.379 1-2.026 1-4.002s-.43-3.623-1-4.002v8.004zm-.625-.106c-.507-.52-.875-2.068-.875-3.896 0-1.828.368-3.376.875-3.896v7.792zm0 2.708v7.792c-.507-.52-.875-2.068-.875-3.896 0-1.828.368-3.376.875-3.896zm.625 7.898v-8.004c.57.379 1 2.026 1 4.002s-.43 3.623-1 4.002z", clipRule: "evenodd" }),
|
|
108
|
+
react_1.default.createElement("path", { fill: "#F7FCFF", d: "M20 18.833c.69 0 1.25.523 1.25 1.167s-.56 1.167-1.25 1.167-1.25-.523-1.25-1.167.56-1.167 1.25-1.167z" })))); };
|
|
122
109
|
exports.KenyaFlag = KenyaFlag;
|
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;
|