oolib 2.15.3 → 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/ActionMenu/index.js +2 -2
- package/dist/components/ActionMenu/styled.js +19 -6
- package/dist/components/Banners/index.js +8 -1
- package/dist/components/Banners/index.styled.js +5 -3
- 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/icons/custom/index.d.ts +2 -0
- package/dist/icons/custom/index.js +41 -1
- package/dist/icons/index.d.ts +4 -0
- package/dist/icons/index.js +3 -1
- package/dist/themes/colors.d.ts +2 -0
- package/dist/themes/colors.js +2 -0
- package/dist/themes/typo.d.ts +2 -0
- package/dist/themes/typo.js +32 -14
- package/package.json +1 -1
|
@@ -56,14 +56,14 @@ var ActionMenu = function (_a) {
|
|
|
56
56
|
react_1.default.createElement(Buttons_1.ButtonGhost, { icon: icon, children: buttonText, invert: invert, onClick: function (e) {
|
|
57
57
|
e.stopPropagation();
|
|
58
58
|
setShowActions(!showActions);
|
|
59
|
-
} }),
|
|
59
|
+
}, active: showActions }),
|
|
60
60
|
react_1.default.createElement(styled_1.StyledActionsDropMenu, __assign({ unfold: showActions }, { align: align, invert: invert }), actions.map(function (action) {
|
|
61
61
|
var ActionButton = action.buttonComp || styled_1.StyledActionBtn;
|
|
62
62
|
return (react_1.default.createElement(ActionButton, __assign({ style: { justifyContent: 'left' } }, action, { onClick: function (ev) {
|
|
63
63
|
action.onClick && action.onClick(ev);
|
|
64
64
|
setShowActions(false);
|
|
65
65
|
}, key: action.display, invert: invert }),
|
|
66
|
-
react_1.default.createElement(Typo_1.SANS_2,
|
|
66
|
+
react_1.default.createElement(Typo_1.SANS_2, { style: { fontSize: '14px' } }, action.display)));
|
|
67
67
|
}))));
|
|
68
68
|
};
|
|
69
69
|
exports.ActionMenu = ActionMenu;
|
|
@@ -31,10 +31,11 @@ exports.StyledActionBtn = exports.StyledActionsDropMenu = exports.StyledActionMe
|
|
|
31
31
|
var styled_components_1 = __importStar(require("styled-components"));
|
|
32
32
|
var themes_1 = require("../../themes");
|
|
33
33
|
var mixins_1 = require("../../themes/mixins");
|
|
34
|
+
var utilsOolib_1 = require("../../utilsOolib");
|
|
34
35
|
var Buttons_1 = require("../Buttons");
|
|
35
|
-
var greyColor5 = themes_1.colors.greyColor5, white = themes_1.colors.white, greyColor10 = themes_1.colors.greyColor10, greyColor100 = themes_1.colors.greyColor100;
|
|
36
|
+
var greyColor5 = themes_1.colors.greyColor5, white = themes_1.colors.white, greyColor10 = themes_1.colors.greyColor10, greyColor70 = themes_1.colors.greyColor70, greyColor100 = themes_1.colors.greyColor100;
|
|
36
37
|
exports.StyledActionMenu = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: relative;\n width: max-content;\n"], ["\n position: relative;\n width: max-content;\n"])));
|
|
37
|
-
exports.StyledActionsDropMenu = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n position: absolute;\n bottom: -2px;\n z-index: 10;\n transform-origin: left top; \n transform: translateY(100%) ", ";\n ", "\n\n ", "\n box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.05);\n border: 1px solid ", ";\n background-color: ", ";\n\n \n\n &::after{\n content: '';\n width: 0;\n height: 0;\n position: absolute;\n bottom: 100%;\n\n ", "\n border: 1rem solid transparent;\n border-bottom: 1rem solid ", ";\n }\n"], ["\n position: absolute;\n bottom: -2px;\n z-index: 10;\n transform-origin: left top; \n transform: translateY(100%) ", ";\n ", "\n\n ", "\n box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.05);\n border: 1px solid ", ";\n background-color: ", ";\n\n \n\n &::after{\n content: '';\n width: 0;\n height: 0;\n position: absolute;\n bottom: 100%;\n\n ", "\n border: 1rem solid transparent;\n border-bottom: 1rem solid ", ";\n }\n"])), function (_a) {
|
|
38
|
+
exports.StyledActionsDropMenu = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n position: absolute;\n bottom: -2px;\n z-index: 10;\n transform-origin: left top; \n transform: translateY(100%) ", ";\n ", "\n padding: 0.6rem 0;\n\n ", "\n box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.05);\n border: 1px solid ", ";\n background-color: ", ";\n\n \n\n &::after{\n content: '';\n width: 0;\n height: 0;\n position: absolute;\n bottom: 100%;\n\n ", "\n border: 1rem solid transparent;\n border-bottom: 1rem solid ", ";\n }\n"], ["\n position: absolute;\n bottom: -2px;\n z-index: 10;\n transform-origin: left top; \n transform: translateY(100%) ", ";\n ", "\n padding: 0.6rem 0;\n\n ", "\n box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.05);\n border: 1px solid ", ";\n background-color: ", ";\n\n \n\n &::after{\n content: '';\n width: 0;\n height: 0;\n position: absolute;\n bottom: 100%;\n\n ", "\n border: 1rem solid transparent;\n border-bottom: 1rem solid ", ";\n }\n"])), function (_a) {
|
|
38
39
|
var unfold = _a.unfold;
|
|
39
40
|
return "scaleY(".concat(Number(unfold), ")");
|
|
40
41
|
}, (0, mixins_1.transition)('transform'), function (_a) {
|
|
@@ -43,12 +44,24 @@ exports.StyledActionsDropMenu = styled_components_1.default.div(templateObject_6
|
|
|
43
44
|
var unfold = _a.unfold;
|
|
44
45
|
return "scaleY(".concat(Number(unfold), ")");
|
|
45
46
|
}) : (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["", ": 0;"], ["", ": 0;"])), align);
|
|
46
|
-
}, greyColor5,
|
|
47
|
+
}, greyColor5, function (_a) {
|
|
48
|
+
var invert = _a.invert;
|
|
49
|
+
return invert ? greyColor70 : white;
|
|
50
|
+
}, function (_a) {
|
|
47
51
|
var align = _a.align;
|
|
48
52
|
return align == 'center' ? (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n left: 50%;\n transform: translateX(-50%);\n "], ["\n left: 50%;\n transform: translateX(-50%);\n "]))) : (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["", ": 1rem;"], ["", ": 1rem;"])), align);
|
|
49
|
-
},
|
|
50
|
-
|
|
53
|
+
}, function (_a) {
|
|
54
|
+
var invert = _a.invert;
|
|
55
|
+
return invert ? greyColor70 : white;
|
|
56
|
+
});
|
|
57
|
+
exports.StyledActionBtn = (0, styled_components_1.default)(Buttons_1.ButtonGhost)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n white-space: nowrap;\n width: 100%;\n text-align: ", ";\n padding: 1rem 1.6rem;\n background-color: transparent;\n color: ", ";\n ", ";\n &:hover{\n background-color: ", ";\n color: ", ";\n }\n"], ["\n white-space: nowrap;\n width: 100%;\n text-align: ", ";\n padding: 1rem 1.6rem;\n background-color: transparent;\n color: ", ";\n ", ";\n &:hover{\n background-color: ", ";\n color: ", ";\n }\n"])), function (_a) {
|
|
51
58
|
var align = _a.align;
|
|
52
59
|
return align === 'center' ? 'center' : 'left';
|
|
53
|
-
},
|
|
60
|
+
}, function (_a) {
|
|
61
|
+
var invert = _a.invert;
|
|
62
|
+
return invert ? white : greyColor100;
|
|
63
|
+
}, (0, mixins_1.transition)('background-color'), function (_a) {
|
|
64
|
+
var invert = _a.invert, theme = _a.theme;
|
|
65
|
+
return invert ? (0, utilsOolib_1.getPrimaryColor40)(theme.colors) : greyColor10;
|
|
66
|
+
}, greyColor100);
|
|
54
67
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
|
|
@@ -72,7 +72,14 @@ var Banner = function (_a) {
|
|
|
72
72
|
var BannerAlert = function (_a) {
|
|
73
73
|
var _b;
|
|
74
74
|
var BANNER_STATE = _a.BANNER_STATE, REMOVE_ALERT_BANNER = _a.REMOVE_ALERT_BANNER;
|
|
75
|
-
|
|
75
|
+
var _c = (0, react_1.useState)(0), top = _c[0], setTop = _c[1];
|
|
76
|
+
(0, react_1.useEffect)(function () {
|
|
77
|
+
setTimeout(function () {
|
|
78
|
+
var ele = document.getElementsByClassName("BannerInfoStickyPosition")[0];
|
|
79
|
+
setTop(ele.offsetHeight);
|
|
80
|
+
}, 100);
|
|
81
|
+
});
|
|
82
|
+
return (react_1.default.createElement(index_styled_1.BannerAlertStyled, { top: top }, (_b = BANNER_STATE === null || BANNER_STATE === void 0 ? void 0 : BANNER_STATE.alertState) === null || _b === void 0 ? void 0 : _b.map(function (e) { return (react_1.default.createElement(Banner, { key: e.id, id: e.id, color: e.color, msg: e.msg, cta: e.cta, handleRemove: REMOVE_ALERT_BANNER, timeOut: e.timeOut, showIcon: e.showIcon })); })));
|
|
76
83
|
};
|
|
77
84
|
exports.BannerAlert = BannerAlert;
|
|
78
85
|
var BannerInfo = function (_a) {
|
|
@@ -63,6 +63,8 @@ exports.BannerWrapperStyled = styled_components_1.default.div(templateObject_3 |
|
|
|
63
63
|
return (color === "dark" ? white : "");
|
|
64
64
|
}, (0, mixins_1.mediaQuery)("sm"));
|
|
65
65
|
exports.BannerStyled = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 1rem;\n width: 100%;\n"], ["\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 1rem;\n width: 100%;\n"])));
|
|
66
|
-
exports.BannerAlertStyled = styled_components_1.default.div(
|
|
67
|
-
|
|
68
|
-
|
|
66
|
+
exports.BannerAlertStyled = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n position: sticky;\n z-index: 10000000;\n width: 100%;\n ", ";\n\n ", "\n"], ["\n position: sticky;\n z-index: 10000000;\n width: 100%;\n ", ";\n\n ", "\n"])), function (top) {
|
|
67
|
+
return top && (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n top: ", "px;\n "], ["\n top: ", "px;\n "])), top);
|
|
68
|
+
}, (0, transitions_1.transition)("top"));
|
|
69
|
+
exports.BannerInfoStyled = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n position: sticky;\n z-index: 10000000;\n top: 0;\n width: 100%;\n"], ["\n position: sticky;\n z-index: 10000000;\n top: 0;\n width: 100%;\n"])));
|
|
70
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
|
|
@@ -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;
|
|
@@ -15,3 +15,5 @@ export function BadgeAdmin(props: any): JSX.Element;
|
|
|
15
15
|
export function BadgeSuperAdmin(props: any): JSX.Element;
|
|
16
16
|
export function BadgeMod(props: any): JSX.Element;
|
|
17
17
|
export function BadgeVetted(props: any): JSX.Element;
|
|
18
|
+
export function IndiaFlag(props: any): JSX.Element;
|
|
19
|
+
export function KenyaFlag(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.BadgeVetted = exports.BadgeMod = exports.BadgeSuperAdmin = exports.BadgeAdmin = exports.OkeGoogleIcon = exports.LetterH = exports.LanguageIcon = exports.IndexIcon = void 0;
|
|
17
|
+
exports.KenyaFlag = exports.IndiaFlag = exports.BadgeVetted = exports.BadgeMod = exports.BadgeSuperAdmin = exports.BadgeAdmin = exports.OkeGoogleIcon = exports.LetterH = exports.LanguageIcon = exports.IndexIcon = void 0;
|
|
18
18
|
var react_1 = __importDefault(require("react"));
|
|
19
19
|
var themes_1 = require("../../themes");
|
|
20
20
|
var yellow = themes_1.colors.yellow, greyColor100 = themes_1.colors.greyColor100;
|
|
@@ -80,3 +80,43 @@ 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 || 40, height: props.size || 40, xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", viewBox: "0 0 900 600" },
|
|
84
|
+
react_1.default.createElement("path", { fill: "#f93", d: "M0 0h900v200H0z" }),
|
|
85
|
+
react_1.default.createElement("path", { fill: "#fff", d: "M0 200h900v200H0z" }),
|
|
86
|
+
react_1.default.createElement("path", { fill: "#128807", d: "M0 400h900v200H0z" }),
|
|
87
|
+
react_1.default.createElement("g", { transform: "translate(450 300)" },
|
|
88
|
+
react_1.default.createElement("circle", { r: 92.5, fill: "#008" }),
|
|
89
|
+
react_1.default.createElement("circle", { r: 80, fill: "#fff" }),
|
|
90
|
+
react_1.default.createElement("circle", { r: 16, fill: "#008" }),
|
|
91
|
+
react_1.default.createElement("g", { id: "d" },
|
|
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)" })))); };
|
|
102
|
+
exports.IndiaFlag = IndiaFlag;
|
|
103
|
+
var KenyaFlag = function (props) { return (react_1.default.createElement("svg", { width: props.size || 40, height: props.size || 40, xmlns: "http://www.w3.org/2000/svg", xlink: "http://www.w3.org/1999/xlink", viewBox: "-120 -80 240 160" },
|
|
104
|
+
react_1.default.createElement("defs", null,
|
|
105
|
+
react_1.default.createElement("path", { id: "spearshape", d: "M -1,55.4256258422040733928782829281879157421699 h 2 V -38 C 3,-40 3,-43 3,-46 C 3,-48 3,-56 0,-64.6632301492380856250246634162192350325315 C -3,-56 -3,-48 -3,-46 C -3,-43 -3,-40 -1,-38 z", "stroke-miterlimit": "10", transform: "rotate(30)" })),
|
|
106
|
+
react_1.default.createElement("rect", { x: "-120", y: "-80", width: "240", height: "160", fill: "#fff" }),
|
|
107
|
+
react_1.default.createElement("rect", { x: "-120", y: "-80", width: "240", height: "48" }),
|
|
108
|
+
react_1.default.createElement("rect", { x: "-120", y: "32", width: "240", height: "48", fill: "#060" }),
|
|
109
|
+
react_1.default.createElement("g", { id: "spear" },
|
|
110
|
+
react_1.default.createElement("use", { href: "#spearshape", stroke: "#000" }),
|
|
111
|
+
react_1.default.createElement("use", { href: "#spearshape", fill: "#fff" })),
|
|
112
|
+
react_1.default.createElement("use", { href: "#spear", transform: "scale(-1,1)" }),
|
|
113
|
+
react_1.default.createElement("path", { fill: "#b00", d: "M -120,-24 V 24 H -19 c 3,8 13,24 19,24 s 16,-16 19,-24 H 120 V -24 H 19 c -3,-8 -13,-24 -19,-24 s -16,16 -19,24 z" }),
|
|
114
|
+
react_1.default.createElement("path", { id: "deco_r", d: "M 19,24 c 3,-8 5,-16 5,-24 s -2,-16 -5,-24 c -3,8 -5,16 -5,24 s 2,16 5,24" }),
|
|
115
|
+
react_1.default.createElement("use", { href: "#deco_r", transform: "scale(-1,1)" }),
|
|
116
|
+
react_1.default.createElement("g", { fill: "#fff" },
|
|
117
|
+
react_1.default.createElement("ellipse", { rx: "4", ry: "6" }),
|
|
118
|
+
react_1.default.createElement("path", { id: "deco_br", d: "M 1,5.85 c 0,0 4,8 4,21 s -4,21 -4,21 z" }),
|
|
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)" })))); };
|
|
122
|
+
exports.KenyaFlag = KenyaFlag;
|
package/dist/icons/index.d.ts
CHANGED
|
@@ -81,6 +81,8 @@ export namespace icons {
|
|
|
81
81
|
export { SortAscending };
|
|
82
82
|
export { Crosshair };
|
|
83
83
|
export { MicrophoneStage };
|
|
84
|
+
export { IndiaFlag };
|
|
85
|
+
export { KenyaFlag };
|
|
84
86
|
}
|
|
85
87
|
import { PencilSimple } from "phosphor-react";
|
|
86
88
|
import { PencilLine } from "phosphor-react";
|
|
@@ -164,3 +166,5 @@ import { SortDescending } from "phosphor-react";
|
|
|
164
166
|
import { SortAscending } from "phosphor-react";
|
|
165
167
|
import { Crosshair } from "phosphor-react";
|
|
166
168
|
import { MicrophoneStage } from "phosphor-react";
|
|
169
|
+
import { IndiaFlag } from "./custom";
|
|
170
|
+
import { KenyaFlag } from "./custom";
|
package/dist/icons/index.js
CHANGED
|
@@ -85,5 +85,7 @@ exports.icons = {
|
|
|
85
85
|
SortDescending: phosphor_react_1.SortDescending,
|
|
86
86
|
SortAscending: phosphor_react_1.SortAscending,
|
|
87
87
|
Crosshair: phosphor_react_1.Crosshair,
|
|
88
|
-
MicrophoneStage: phosphor_react_1.MicrophoneStage
|
|
88
|
+
MicrophoneStage: phosphor_react_1.MicrophoneStage,
|
|
89
|
+
IndiaFlag: custom_1.IndiaFlag,
|
|
90
|
+
KenyaFlag: custom_1.KenyaFlag
|
|
89
91
|
};
|
package/dist/themes/colors.d.ts
CHANGED
|
@@ -19,6 +19,7 @@ export namespace colors {
|
|
|
19
19
|
export { black_opacity50 };
|
|
20
20
|
export { black_opacity80 };
|
|
21
21
|
export { greyColor100 };
|
|
22
|
+
export { greyColor90 };
|
|
22
23
|
export { greyColor80 };
|
|
23
24
|
export { greyColor70 };
|
|
24
25
|
export { greyColor40 };
|
|
@@ -58,6 +59,7 @@ declare const black_opacity30: "rgba(0, 0, 0, 0.3)";
|
|
|
58
59
|
declare const black_opacity50: "rgba(0, 0, 0, 0.5)";
|
|
59
60
|
declare const black_opacity80: "rgba(0, 0, 0, 0.8)";
|
|
60
61
|
declare const greyColor100: "#383838";
|
|
62
|
+
declare const greyColor90: "#4c4c4c";
|
|
61
63
|
declare const greyColor80: "#606060";
|
|
62
64
|
declare const greyColor70: "#747474";
|
|
63
65
|
declare const greyColor40: "#afafaf";
|
package/dist/themes/colors.js
CHANGED
|
@@ -27,6 +27,7 @@ var black_opacity30 = 'rgba(0, 0, 0, 0.3)';
|
|
|
27
27
|
var black_opacity05 = 'rgba(0, 0, 0, 0.05)';
|
|
28
28
|
var black_opacity50 = 'rgba(0, 0, 0, 0.5)';
|
|
29
29
|
var greyColor100 = '#383838';
|
|
30
|
+
var greyColor90 = '#4c4c4c';
|
|
30
31
|
var greyColor80 = '#606060';
|
|
31
32
|
var greyColor70 = '#747474';
|
|
32
33
|
var greyColor50 = '#9B9B9B';
|
|
@@ -60,6 +61,7 @@ exports.colors = {
|
|
|
60
61
|
black_opacity50: black_opacity50,
|
|
61
62
|
black_opacity80: black_opacity80,
|
|
62
63
|
greyColor100: greyColor100,
|
|
64
|
+
greyColor90: greyColor90,
|
|
63
65
|
greyColor80: greyColor80,
|
|
64
66
|
greyColor70: greyColor70,
|
|
65
67
|
greyColor40: greyColor40,
|
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;
|