oolib 2.17.1 → 2.17.4
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.
|
@@ -75,7 +75,7 @@ var BannerAlert = function (_a) {
|
|
|
75
75
|
var _c = (0, react_1.useState)(0), top = _c[0], setTop = _c[1];
|
|
76
76
|
(0, react_1.useEffect)(function () {
|
|
77
77
|
setTimeout(function () {
|
|
78
|
-
var ele = document.
|
|
78
|
+
var ele = document.getElementById("bannerInfo")[0];
|
|
79
79
|
setTop(ele.offsetHeight);
|
|
80
80
|
}, 100);
|
|
81
81
|
});
|
|
@@ -85,6 +85,6 @@ exports.BannerAlert = BannerAlert;
|
|
|
85
85
|
var BannerInfo = function (_a) {
|
|
86
86
|
var _b;
|
|
87
87
|
var BANNER_STATE = _a.BANNER_STATE, REMOVE_INFO_BANNER = _a.REMOVE_INFO_BANNER;
|
|
88
|
-
return (react_1.default.createElement(index_styled_1.BannerInfoStyled,
|
|
88
|
+
return (react_1.default.createElement(index_styled_1.BannerInfoStyled, { id: "bannerInfo" }, (_b = BANNER_STATE === null || BANNER_STATE === void 0 ? void 0 : BANNER_STATE.infoState) === 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_INFO_BANNER, timeOut: e.timeOut, showIcon: e.showIcon, bottomStroke: false })); })));
|
|
89
89
|
};
|
|
90
90
|
exports.BannerInfo = BannerInfo;
|
|
@@ -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:
|
|
@@ -90,20 +90,24 @@ var IndiaFlag = function (props) { return (react_1.default.createElement("svg",
|
|
|
90
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
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" })))); };
|
|
92
92
|
exports.IndiaFlag = IndiaFlag;
|
|
93
|
-
var KenyaFlag = function (props) { return (react_1.default.createElement("svg", {
|
|
94
|
-
react_1.default.createElement("mask", { id: "
|
|
93
|
+
var KenyaFlag = function (props) { return (react_1.default.createElement("svg", { width: props.size || 30, height: props.size || 30, viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
|
94
|
+
react_1.default.createElement("mask", { id: "a", style: {
|
|
95
|
+
maskType: "alpha",
|
|
96
|
+
}, maskUnits: "userSpaceOnUse", x: 0, y: 6, width: 40, height: 28 },
|
|
95
97
|
react_1.default.createElement("path", { fill: "#fff", d: "M0 6H40V34H0z" })),
|
|
96
|
-
react_1.default.createElement("g", { mask: "url(#
|
|
97
|
-
react_1.default.createElement("path", {
|
|
98
|
-
react_1.default.createElement("path", {
|
|
99
|
-
react_1.default.createElement("path", { fill: "#E31D1C", stroke: "#F7FCFF", strokeWidth:
|
|
100
|
-
react_1.default.createElement("path", {
|
|
101
|
-
react_1.default.createElement("path", {
|
|
102
|
-
react_1.default.createElement("path", {
|
|
103
|
-
react_1.default.createElement("mask", { id: "
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
react_1.default.createElement("path", {
|
|
107
|
-
|
|
108
|
-
react_1.default.createElement("path", {
|
|
98
|
+
react_1.default.createElement("g", { mask: "url(#a)" },
|
|
99
|
+
react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5 6a5 5 0 00-5 5v4.333h40V11a5 5 0 00-5-5H5z", fill: "#272727" }),
|
|
100
|
+
react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 24.667V29a5 5 0 005 5h30a5 5 0 005-5v-4.333H0z", fill: "#4E8B1D" }),
|
|
101
|
+
react_1.default.createElement("path", { d: "M0 14.333h-1v11.334h42V14.333H0z", fill: "#E31D1C", stroke: "#F7FCFF", strokeWidth: 2 })),
|
|
102
|
+
react_1.default.createElement("path", { 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", fill: "#fff" }),
|
|
103
|
+
react_1.default.createElement("path", { 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", fill: "#fff" }),
|
|
104
|
+
react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "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", fill: "#E31D1C" }),
|
|
105
|
+
react_1.default.createElement("mask", { id: "b", style: {
|
|
106
|
+
maskType: "alpha",
|
|
107
|
+
}, maskUnits: "userSpaceOnUse", x: 13, y: 10, width: 14, height: 20 },
|
|
108
|
+
react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "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", fill: "#fff" })),
|
|
109
|
+
react_1.default.createElement("g", { mask: "url(#b)" },
|
|
110
|
+
react_1.default.createElement("path", { 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", fill: "#272727" }),
|
|
111
|
+
react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "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", fill: "#F7FCFF" }),
|
|
112
|
+
react_1.default.createElement("path", { 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", fill: "#F7FCFF" })))); };
|
|
109
113
|
exports.KenyaFlag = KenyaFlag;
|