oolib 1.4.0 → 2.0.0

package/dist/components/Loader/index.js

@@ -0,0 +1,37 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Loader = void 0;
+var react_1 = __importDefault(require("react"));
+var Typo_1 = require("../Typo");
+var colors_1 = require("../../themes/colors");
+var greyColor100 = colors_1.colors.greyColor100;
+var index_styled_1 = require("./index.styled");
+var LoaderDiv = function (props) {
+    var SuitableTypo = props.L ? Typo_1.SANS_5_6 : props.M ? Typo_1.SANS_4 : Typo_1.SANS_3;
+    return (!props.children ?
+        react_1.default.createElement(index_styled_1.StyledLoader, __assign({}, props)) :
+        react_1.default.createElement(index_styled_1.StyledLoaderWrapper, __assign({}, props),
+            react_1.default.createElement(index_styled_1.StyledLoader, __assign({}, props, { children: null })),
+            react_1.default.createElement(SuitableTypo, __assign({ color: greyColor100, invert: props.invert }, (props.L ? { bold: true } : { semibold: true })), props.children)));
+};
+var Loader = function (props) {
+    return (!props.isBlock ?
+        react_1.default.createElement(LoaderDiv, __assign({}, props)) :
+        react_1.default.createElement(index_styled_1.StyledLoaderOverlay, __assign({}, props),
+            react_1.default.createElement(LoaderDiv, __assign({}, props))));
+};
+exports.Loader = Loader;

package/dist/components/Loader/index.styled.d.ts

@@ -0,0 +1,3 @@
+export const StyledLoaderOverlay: any;
+export const StyledLoaderWrapper: any;
+export const StyledLoader: any;

package/dist/components/Loader/index.styled.js

@@ -0,0 +1,51 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledLoader = exports.StyledLoaderWrapper = exports.StyledLoaderOverlay = void 0;
+var styled_components_1 = __importStar(require("styled-components"));
+var colors_1 = require("../../themes/colors");
+var greyColor10 = colors_1.colors.greyColor10, greyColor70 = colors_1.colors.greyColor70, greyColor100 = colors_1.colors.greyColor100, lightShadowColor = colors_1.colors.lightShadowColor, white = colors_1.colors.white;
+var spin = (0, styled_components_1.keyframes)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  from { transform: rotate(0deg); }\n  to { transform: rotate(360deg); }\n"], ["\n  from { transform: rotate(0deg); }\n  to { transform: rotate(360deg); }\n"])));
+var StyledLoader = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: inline-block;\n  animation: ", " 1.2s linear infinite;\n  border-radius: 50%;\n  ", "\n"], ["\n  display: inline-block;\n  animation: ", " 1.2s linear infinite;\n  border-radius: 50%;\n  ", "\n"])), spin, function (_a) {
+    var M = _a.M, L = _a.L, invert = _a.invert, colors = _a.theme.colors;
+    var size = M ? 10 : L ? 15 : 3;
+    var trackSize = size === 30 ? size / 5 : size / 7;
+    return (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      width: ", "rem;\n      height: ", "rem;\n      border-style: solid;\n      border-width: ", "rem;\n      border-color: ", ";\n      border-top-color: ", "; //props.theme.color\n      //border-left-color: ", ";\n    "], ["\n      width: ", "rem;\n      height: ", "rem;\n      border-style: solid;\n      border-width: ", "rem;\n      border-color: ", ";\n      border-top-color: ", "; //props.theme.color\n      //border-left-color: ", ";\n    "])), size, size, trackSize, invert ? greyColor70 : greyColor10, invert ? white : ((colors === null || colors === void 0 ? void 0 : colors.primaryColor100) || lightShadowColor), invert ? white : ((colors === null || colors === void 0 ? void 0 : colors.primaryColor100) || lightShadowColor));
+});
+exports.StyledLoader = StyledLoader;
+var StyledLoaderWrapper = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  text-align: center;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 1rem;\n\n  ", ";\n"], ["\n  text-align: center;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 1rem;\n\n  ", ";\n"])), function (_a) {
+    var isBlock = _a.isBlock;
+    return isBlock && (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    flex-direction: column;\n    justify-content: center;\n    gap: 1.8rem;\n  "], ["\n    flex-direction: column;\n    justify-content: center;\n    gap: 1.8rem;\n  "])));
+});
+exports.StyledLoaderWrapper = StyledLoaderWrapper;
+var StyledLoaderOverlay = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  background-color: ", ";\n  width: 100%;\n  height: ", ";\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"], ["\n  background-color: ", ";\n  width: 100%;\n  height: ", ";\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"])), function (_a) {
+    var invert = _a.invert;
+    return invert ? greyColor100 : white;
+}, function (_a) {
+    var blockHeight = _a.blockHeight;
+    return blockHeight || '100vh';
+});
+exports.StyledLoaderOverlay = StyledLoaderOverlay;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;

package/dist/components/Tags/index.d.ts

@@ -0,0 +1,35 @@
+export function TagDisplay({ display, invert, M, theme, variantSecondary }: {
+    display: any;
+    invert: any;
+    M: any;
+    theme: any;
+    variantSecondary: any;
+}): JSX.Element;
+export function TagClear({ id, display, value, M, invert, onClick, theme, variantSecondary, variantGhost, grey, }: {
+    id: any;
+    display: any;
+    value: any;
+    M: any;
+    invert: any;
+    onClick?: () => void;
+    theme: any;
+    variantSecondary: any;
+    variantGhost: any;
+    grey: any;
+}): JSX.Element;
+export function TagSelect({ onClick, isSelected, display, value, M, theme, }: {
+    onClick: any;
+    isSelected?: boolean;
+    display: any;
+    value: any;
+    M: any;
+    theme: any;
+}): JSX.Element;
+export function TagLink({ display, to, invert, M, theme, variantSecondary }: {
+    display: any;
+    to: any;
+    invert: any;
+    M: any;
+    theme: any;
+    variantSecondary: any;
+}): JSX.Element;

package/dist/components/Tags/index.js

@@ -0,0 +1,71 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TagLink = exports.TagSelect = exports.TagClear = exports.TagDisplay = void 0;
+var react_1 = __importStar(require("react"));
+var index_styled_1 = require("./index.styled");
+var Typo_1 = require("../Typo");
+var icons_1 = require("../../icons");
+function TagDisplay(_a) {
+    var display = _a.display, invert = _a.invert, M = _a.M, theme = _a.theme, variantSecondary = _a.variantSecondary;
+    var size = M ? 'M' : 'S';
+    return (react_1.default.createElement(index_styled_1.StyledTagDisplay, { variantSecondary: variantSecondary, invert: invert, theme: theme, size: size },
+        react_1.default.createElement(Typo_1.SANS_3, { semibold: true }, display)));
+}
+exports.TagDisplay = TagDisplay;
+function TagClear(_a) {
+    var id = _a.id, display = _a.display, value = _a.value, M = _a.M, invert = _a.invert, _b = _a.onClick, onClick = _b === void 0 ? function () { } : _b, theme = _a.theme, variantSecondary = _a.variantSecondary, variantGhost = _a.variantGhost, grey = _a.grey;
+    var XIconCom = icons_1.phosphorIcons['X'];
+    var size = M ? 'M' : 'S';
+    console.log({ variantSecondary: variantSecondary, variantGhost: variantGhost });
+    return (react_1.default.createElement(index_styled_1.StyledTagClear, { invert: invert, theme: theme, size: size, grey: grey, variantGhost: variantGhost, variantSecondary: variantSecondary, onClick: function () { return !variantSecondary && onClick(id, { display: display, value: value }); } },
+        react_1.default.createElement(Typo_1.SANS_3, { semibold: true }, display),
+        react_1.default.createElement(index_styled_1.StyledIconWrapper, { theme: theme, invert: invert, grey: grey, variantSecondary: variantSecondary, onClick: function () {
+                return (variantSecondary || variantGhost) && onClick(id, { display: display, value: value });
+            } },
+            react_1.default.createElement(XIconCom, { size: '15', weight: 'bold' }))));
+}
+exports.TagClear = TagClear;
+function TagSelect(_a) {
+    var onClick = _a.onClick, _b = _a.isSelected, isSelected = _b === void 0 ? false : _b, display = _a.display, value = _a.value, M = _a.M, theme = _a.theme;
+    var _c = (0, react_1.useState)(isSelected), selected = _c[0], setSelected = _c[1];
+    var handleOnClick = function () {
+        setSelected(!selected);
+        onClick({ display: display, value: value });
+    };
+    (0, react_1.useLayoutEffect)(function () {
+        if (selected && !isSelected) {
+            setSelected(isSelected);
+        }
+    }, [isSelected]);
+    var size = M ? 'M' : 'S';
+    return (react_1.default.createElement(index_styled_1.StyledTagSelect, { theme: theme, onClick: handleOnClick, selected: selected, size: size },
+        react_1.default.createElement(Typo_1.SANS_3, { semibold: true }, display)));
+}
+exports.TagSelect = TagSelect;
+function TagLink(_a) {
+    var display = _a.display, to = _a.to, invert = _a.invert, M = _a.M, theme = _a.theme, variantSecondary = _a.variantSecondary;
+    var size = M ? 'M' : 'S';
+    return (react_1.default.createElement(index_styled_1.StyledLink, { to: to },
+        react_1.default.createElement(index_styled_1.StyledTagLink, { theme: theme, variantSecondary: variantSecondary, invert: invert, size: size },
+            react_1.default.createElement(Typo_1.SANS_3, { semibold: true }, display))));
+}
+exports.TagLink = TagLink;

package/dist/components/Tags/index.styled.d.ts

@@ -0,0 +1,6 @@
+export const StyledIconWrapper: any;
+export const StyledLink: any;
+export const StyledTagDisplay: any;
+export const StyledTagClear: any;
+export const StyledTagSelect: any;
+export const StyledTagLink: any;

package/dist/components/Tags/index.styled.js

@@ -0,0 +1,165 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledTagLink = exports.StyledTagSelect = exports.StyledTagClear = exports.StyledTagDisplay = exports.StyledLink = exports.StyledIconWrapper = void 0;
+var styled_components_1 = __importStar(require("styled-components"));
+var colors_1 = require("../../themes/colors");
+var react_router_dom_1 = require("react-router-dom");
+var greyColor100 = colors_1.colors.greyColor100, greyColor80 = colors_1.colors.greyColor80, greyColor70 = colors_1.colors.greyColor70, greyColor15 = colors_1.colors.greyColor15, greyColor40 = colors_1.colors.greyColor40, white = colors_1.colors.white, greyColor10 = colors_1.colors.greyColor10;
+var SIZES = {
+    S: "3rem",
+    M: "4rem",
+};
+var commonStyle = function (_a) {
+    var size = _a.size;
+    return "\n  padding: 0 1rem;\n  position: relative;\n  display: inline-flex;\n  column-gap: 1rem;\n  align-items: center;\n  border-radius:0.2rem;\n  white-space: nowrap;\n\theight: ".concat(SIZES[size], ";\n");
+};
+var StyledTagDisplay = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", "\n  \n\t", "\n\t", "\n\n"], ["\n  ", "\n  \n\t", "\n\t", "\n\n"])), function (_a) {
+    var size = _a.size;
+    return commonStyle({ size: size });
+}, function (_a) {
+    var invert = _a.invert;
+    return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\t\tbackground-color: ", ";\n\t\tcolor: ", ";\n\t"], ["\n\t\tbackground-color: ", ";\n\t\tcolor: ", ";\n\t"])), !invert ? greyColor15 : greyColor80, !invert ? greyColor80 : greyColor40);
+}, function (_a) {
+    var variantSecondary = _a.variantSecondary, invert = _a.invert;
+    return variantSecondary && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n\t\t\tbackground: none;\n\t\t\tborder: 2px solid ", ";\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tbackground: none;\n\t\t\tborder: 2px solid ", ";\n\t\t\tcolor: ", ";\n\t\t"])), !invert ? greyColor15 : greyColor80, !invert ? greyColor80 : greyColor15);
+});
+exports.StyledTagDisplay = StyledTagDisplay;
+var StyledTagClear = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  ", "\n  \n\t", "\n\n\t", "\n\t", "\n"], ["\n  ", "\n  \n\t", "\n\n\t", "\n\t", "\n"])), function (_a) {
+    var size = _a.size;
+    return commonStyle({ size: size });
+}, function (_a) {
+    var variantSecondary = _a.variantSecondary, variantGhost = _a.variantGhost, invert = _a.invert, grey = _a.grey, colors = _a.theme.colors;
+    return !variantSecondary &&
+        !variantGhost &&
+        (!grey
+            ? (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\tcolor: ", ";\n\t\t\t  "], ["\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\tcolor: ", ";\n\t\t\t  "])), !invert
+                ? colors.primaryColor100
+                : colors.primaryColor40, !invert ? white : greyColor100) : (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\tcolor: ", ";\n\t\t\t  "], ["\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\tcolor: ", ";\n\t\t\t  "])), !invert ? greyColor15 : greyColor80, !invert ? greyColor80 : greyColor40));
+}, function (_a) {
+    var variantSecondary = _a.variantSecondary, invert = _a.invert, grey = _a.grey, colors = _a.theme.colors;
+    return variantSecondary &&
+        (!grey
+            ? (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n\t\t\t\t\tbackground: none;\n\t\t\t\t\tborder: 2px solid\n\t\t\t\t\t\t", ";\n\t\t\t\t\tcolor: ", ";\n\t\t\t  "], ["\n\t\t\t\t\tbackground: none;\n\t\t\t\t\tborder: 2px solid\n\t\t\t\t\t\t", ";\n\t\t\t\t\tcolor: ", ";\n\t\t\t  "])), !invert ? colors.primaryColor100 : colors.primaryColor40, !invert ? colors.primaryColorText : colors.primaryColor40) : (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n\t\t\t\t\tbackground: none;\n\t\t\t\t\tborder: 2px solid ", ";\n\t\t\t\t\tcolor: ", ";\n\t\t\t  "], ["\n\t\t\t\t\tbackground: none;\n\t\t\t\t\tborder: 2px solid ", ";\n\t\t\t\t\tcolor: ", ";\n\t\t\t  "])), !invert ? greyColor15 : greyColor80, !invert ? greyColor80 : greyColor15));
+}, function (_a) {
+    var variantGhost = _a.variantGhost;
+    return variantGhost && (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n\t\t\tbackground: none;\n\t\t"], ["\n\t\t\tbackground: none;\n\t\t"])));
+});
+exports.StyledTagClear = StyledTagClear;
+var StyledTagSelect = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  ", "\n\t", "\n"], ["\n  ", "\n\t", "\n"])), function (_a) {
+    var size = _a.size;
+    return commonStyle({ size: size });
+}, function (_a) {
+    var selected = _a.selected, colors = _a.theme.colors;
+    return "\n    border: 2px solid ".concat(colors.primaryColor100, ";\n    cursor: pointer;\n    background-color: ").concat(selected ? colors.primaryColor100 : null, ";\n\t\tcolor: ").concat(!selected ? colors.primaryColorText : white, "\n  ");
+});
+exports.StyledTagSelect = StyledTagSelect;
+var StyledTagLink = styled_components_1.default.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  ", "\n\t", "\n\n\t", "\n\t\n"], ["\n  ", "\n\t", "\n\n\t", "\n\t\n"])), function (_a) {
+    var size = _a.size;
+    return commonStyle({ size: size });
+}, function (_a) {
+    var variantSecondary = _a.variantSecondary, invert = _a.invert, colors = _a.theme.colors;
+    return !variantSecondary && (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n\t\t\tbackground-color: ", ";\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tbackground-color: ", ";\n\t\t\tcolor: ", ";\n\t\t"])), !invert
+        ? colors.primaryColor100
+        : colors.primaryColor40, !invert ? white : greyColor100);
+}, function (_a) {
+    var variantSecondary = _a.variantSecondary, invert = _a.invert, colors = _a.theme.colors;
+    return variantSecondary && (0, styled_components_1.css)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n\t\t\tbackground: none;\n\t\t\tborder: 2px solid\n\t\t\t\t", ";\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tbackground: none;\n\t\t\tborder: 2px solid\n\t\t\t\t", ";\n\t\t\tcolor: ", ";\n\t\t"])), !invert ? colors.primaryColor100 : colors.primaryColor40, !invert ? colors.primaryColorText : colors.primaryColor40);
+});
+exports.StyledTagLink = StyledTagLink;
+var StyledIconWrapper = styled_components_1.default.div(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  display: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tcursor: pointer;\n\n\t", "\n"], ["\n  display: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tcursor: pointer;\n\n\t", "\n"])), function (_a) {
+    var invert = _a.invert, grey = _a.grey;
+    return grey && (0, styled_components_1.css)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tcolor: ", ";\n\t\t"])), !invert ? greyColor100 : white);
+});
+exports.StyledIconWrapper = StyledIconWrapper;
+var StyledLink = (0, styled_components_1.default)(react_router_dom_1.NavLink)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  text-decoration: none;\n"], ["\n  text-decoration: none;\n"])));
+exports.StyledLink = StyledLink;
+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;
+// const StyledTag = Styled.div`
+// 	padding: 0 1rem;
+// 	position: relative;
+//   display: inline-flex;
+//   column-gap: 1rem;
+//   align-items: center;
+//   border-radius:0.2rem;
+// 	white-space: nowrap;
+// 	height: ${({ size }) => SIZES[size]};
+// 	${({ tagSelect, selected, theme }) =>
+// 		tagSelect && TagModifiers['tagSelect']({ selected, theme })}
+// 	${({ tagDisplay, invert, theme }) =>
+// 		tagDisplay && TagModifiers['tagDisplay']({ invert, theme })}
+// 	${({ tagLink, invert, theme }) =>
+// 		tagLink && TagModifiers['tagLink']({ invert, theme })}
+//   ${({ tagClear, primary, primaryOutline }) =>
+// 		tagClear && TagModifiers['tagClear']({ primary, primaryOutline })}
+// 	${({ primary, invert, theme }) =>
+// 		primary && TagModifiers['primary']({ invert, theme })}
+// 	${({ secondary, invert, theme }) =>
+// 		secondary && TagModifiers['secondary']({ invert, theme })}
+// 	${({ primaryOutline, invert, theme }) =>
+// 		primaryOutline && TagModifiers['primaryOutline']({ invert, theme })}
+// 	${({ secondaryOutline, invert, theme }) =>
+// 		secondaryOutline && TagModifiers['secondaryOutline']({ invert, theme })}
+// 	${({ ghost }) => ghost && TagModifiers['ghost']()}
+// `
+// const TagModifiers = {
+// 	tagSelect: ({ selected, theme: { colors } }) => `
+//     border: 2px solid ${colors.primaryColor100};
+//     cursor: pointer;
+//     background-color: ${selected ? colors.primaryColor100 : null};
+// 		color: ${!selected ? colors.primaryColorText : white}
+//   `,
+// 	tagDisplay: ({ invert, theme: { colors } }) => `
+// 	  border: 2px solid ${!invert ? greyColor10 : greyColor80};
+// 		background-color: inherit;
+// 		cursor: auto;
+// 	`,
+// 	tagLink: () => `
+// 	  cursor: pointer;
+//   `,
+// 	tagClear: ({ primaryOutline, primary }) => `
+// 	 cursor: ${primary || primaryOutline ? 'pointer' : 'auto'};
+//   `,
+// 	primary: ({ invert, theme: { colors } }) => `
+// 	background-color: ${!invert ? colors.primaryColor100 : colors.primaryColor40};
+// 	color: ${!invert ? white : greyColor100};
+//  `,
+// 	secondary: ({ invert, theme: { colors } }) => `
+// 	 background-color: ${!invert ? greyColor15 : greyColor80};
+// 	 color: ${!invert ? greyColor80 : greyColor15};
+// 	`,
+// 	primaryOutline: ({ invert, theme: { colors } }) => `
+// 	border: 2px solid ${!invert ? colors.primaryColor100 : colors.primaryColor40};
+// 	color: ${!invert ? colors.primaryColorText : colors.primaryColor40};
+// 	`,
+// 	secondaryOutline: ({ invert, theme: { colors } }) => `
+// 	border: 2px solid ${!invert ? greyColor15 : greyColor80};
+// 	color: ${!invert ? greyColor80 : greyColor15};
+// 	`,
+// 	ghost: () => `
+// 	  background: none;
+// 		border: none;
+// 	`,
+// }

package/dist/components/Typo/index.d.ts

@@ -0,0 +1,16 @@
+export function LABEL(props: any): JSX.Element;
+export function SANS_0(props: any): JSX.Element;
+export function SANS_2(props: any): JSX.Element;
+export function SANS_3(props: any): JSX.Element;
+export function SANS_4(props: any): JSX.Element;
+export function SANS_4_5(props: any): JSX.Element;
+export function SANS_5_6(props: any): JSX.Element;
+export function SANS_7_8(props: any): JSX.Element;
+export function SERIF_3(props: any): JSX.Element;
+export function SERIF_3_4(props: any): JSX.Element;
+export function SERIF_4_5(props: any): JSX.Element;
+export function SERIF_5_6(props: any): JSX.Element;
+export function SERIF_7_8(props: any): JSX.Element;
+export function SERIF_9_10(props: any): JSX.Element;
+export function BLOCKQUOTE(props: any): JSX.Element;
+export function TypoClassesProvider(props: any): JSX.Element;

package/dist/components/Typo/index.js

@@ -0,0 +1,89 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TypoClassesProvider = exports.BLOCKQUOTE = exports.SERIF_9_10 = exports.SERIF_7_8 = 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;
+var react_1 = __importDefault(require("react"));
+var index_styled_1 = require("./index.styled");
+var styled_components_1 = require("styled-components");
+var genFontStylingProps = function (props) {
+    var _a;
+    var fontSetting = {
+        bold: { type: 'fontWeight', value: 'bold' },
+        light: { type: 'fontWeight', value: '300' },
+        medium: { type: 'fontWeight', value: '500' },
+        semibold: { type: 'fontWeight', value: '600' },
+        extrabold: { type: 'fontWeight', value: '800' },
+        italic: { type: 'fontStyle', value: 'italic' },
+        overline: { type: 'textDecoration', value: 'overline' },
+        linethrough: { type: 'textDecoration', value: 'line-through' },
+        underline: { type: 'textDecoration', value: 'underline' },
+        capitalize: { type: 'textTransform', value: 'capitalize' },
+        uppercase: { type: 'textTransform', value: 'uppercase' },
+        lowercase: { type: 'textTransform', value: 'lowercase' },
+    };
+    var newProps = {};
+    for (var i in props) {
+        var type = (_a = fontSetting[i]) === null || _a === void 0 ? void 0 : _a.type;
+        if (!type) {
+            continue;
+        }
+        var value = props[i] ? fontSetting[i].value : false;
+        newProps[type] = value;
+    }
+    return newProps;
+};
+var GenComp = function (_a) {
+    var props = _a.props, Comp = _a.Comp;
+    var currentTheme = (0, styled_components_1.useTheme)();
+    var invert = props.invert, value = props.value, suffix = props.suffix, color = props.color, children = props.children, theme = props.theme, style = props.style, className = props.className;
+    var displayText = children || value;
+    var localText = (currentTheme === null || currentTheme === void 0 ? void 0 : currentTheme.localize) ? currentTheme.localize(displayText) : displayText;
+    return (react_1.default.createElement(Comp, __assign({}, genFontStylingProps(props), { color: color, theme: theme, className: className, style: style, invert: invert }),
+        localText,
+        suffix || ''));
+};
+var LABEL = function (props) { return react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.LABEL_STYLED }); };
+exports.LABEL = LABEL;
+var SANS_0 = function (props) { return react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.SANS_0_STYLED }); };
+exports.SANS_0 = SANS_0;
+var SANS_2 = function (props) { return react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.SANS_2_STYLED }); };
+exports.SANS_2 = SANS_2;
+var SANS_3 = function (props) { return react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.SANS_3_STYLED }); };
+exports.SANS_3 = SANS_3;
+var SANS_4 = function (props) { return react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.SANS_4_STYLED }); };
+exports.SANS_4 = SANS_4;
+var SANS_4_5 = function (props) { return (react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.SANS_4_5_STYLED })); };
+exports.SANS_4_5 = SANS_4_5;
+var SANS_5_6 = function (props) { return (react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.SANS_5_6_STYLED })); };
+exports.SANS_5_6 = SANS_5_6;
+var SANS_7_8 = function (props) { return (react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.SANS_7_8_STYLED })); };
+exports.SANS_7_8 = SANS_7_8;
+var SERIF_3 = function (props) { return (react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.SERIF_3_STYLED })); };
+exports.SERIF_3 = SERIF_3;
+var SERIF_3_4 = function (props) { return (react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.SERIF_3_4_STYLED })); };
+exports.SERIF_3_4 = SERIF_3_4;
+var SERIF_4_5 = function (props) { return (react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.SERIF_4_5_STYLED })); };
+exports.SERIF_4_5 = SERIF_4_5;
+var SERIF_5_6 = function (props) { return (react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.SERIF_5_6_STYLED })); };
+exports.SERIF_5_6 = SERIF_5_6;
+var SERIF_7_8 = function (props) { return (react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.SERIF_7_8_STYLED })); };
+exports.SERIF_7_8 = SERIF_7_8;
+var SERIF_9_10 = function (props) { return (react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.SERIF_9_10_STYLED })); };
+exports.SERIF_9_10 = SERIF_9_10;
+var BLOCKQUOTE = function (props) { return (react_1.default.createElement(GenComp, { props: __assign(__assign({}, props), { italic: true }), Comp: index_styled_1.BLOCKQUOTE_STYLED })); };
+exports.BLOCKQUOTE = BLOCKQUOTE;
+var TypoClassesProvider = function (props) { return react_1.default.createElement(index_styled_1.TYPOCLASSES, __assign({}, props)); };
+exports.TypoClassesProvider = TypoClassesProvider;

package/dist/components/Typo/index.styled.d.ts

@@ -0,0 +1,16 @@
+export const SANS_0_STYLED: any;
+export const SANS_2_STYLED: any;
+export const SANS_3_STYLED: any;
+export const SANS_4_STYLED: any;
+export const SANS_4_5_STYLED: any;
+export const SANS_5_6_STYLED: any;
+export const SANS_7_8_STYLED: any;
+export const SERIF_3_STYLED: any;
+export const SERIF_3_4_STYLED: any;
+export const SERIF_4_5_STYLED: any;
+export const SERIF_5_6_STYLED: any;
+export const SERIF_7_8_STYLED: any;
+export const SERIF_9_10_STYLED: any;
+export const LABEL_STYLED: any;
+export const BLOCKQUOTE_STYLED: any;
+export const TYPOCLASSES: any;

package/dist/components/Typo/index.styled.js

@@ -0,0 +1,29 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TYPOCLASSES = exports.BLOCKQUOTE_STYLED = exports.LABEL_STYLED = exports.SERIF_9_10_STYLED = exports.SERIF_7_8_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;
+var styled_components_1 = __importDefault(require("styled-components"));
+var index_1 = require("../../themes/index");
+exports.SANS_0_STYLED = styled_components_1.default.h6(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), index_1.typo.SANS_0);
+exports.SANS_2_STYLED = styled_components_1.default.h4(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), index_1.typo.SANS_2);
+exports.SANS_3_STYLED = styled_components_1.default.h4(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), index_1.typo.SANS_3);
+exports.SANS_4_STYLED = styled_components_1.default.h5(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), index_1.typo.SANS_4);
+exports.SANS_4_5_STYLED = styled_components_1.default.h5(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), index_1.typo.SANS_4_5);
+exports.SANS_5_6_STYLED = styled_components_1.default.h4(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), index_1.typo.SANS_5_6);
+exports.SANS_7_8_STYLED = styled_components_1.default.h2(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), index_1.typo.SANS_7_8);
+exports.SERIF_3_STYLED = styled_components_1.default.h2(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), index_1.typo.SERIF_3);
+exports.SERIF_3_4_STYLED = styled_components_1.default.p(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), index_1.typo.SERIF_3_4);
+exports.SERIF_4_5_STYLED = styled_components_1.default.h2(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), index_1.typo.SERIF_4_5);
+exports.SERIF_5_6_STYLED = styled_components_1.default.h3(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), index_1.typo.SERIF_5_6);
+exports.SERIF_7_8_STYLED = styled_components_1.default.h2(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), index_1.typo.SERIF_7_8);
+exports.SERIF_9_10_STYLED = styled_components_1.default.h1(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), index_1.typo.SERIF_9_10);
+exports.LABEL_STYLED = styled_components_1.default.h6(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), index_1.typo.LABEL);
+exports.BLOCKQUOTE_STYLED = styled_components_1.default.h3(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), index_1.typo.BLOCKQUOTE);
+exports.TYPOCLASSES = styled_components_1.default.div(templateObject_16 || (templateObject_16 = __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_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_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_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);
+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;

package/dist/globalStyles/index.d.ts

@@ -0,0 +1 @@
+export const GlobalStyles: any;

package/dist/globalStyles/index.js

@@ -0,0 +1,12 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GlobalStyles = void 0;
+var styled_components_1 = require("styled-components");
+var themes_1 = require("../themes");
+require("../assets/fonts/style.css");
+exports.GlobalStyles = (0, styled_components_1.createGlobalStyle)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\n\nhtml{\n  font-size:10px;\n  color: ", ";\n}\n\nh1, h2, h3, h4, h5, h6,\n.h1, .h2, .h3, .h4, .h5, .h6, .p,\np, ul, li, input, label, button {\n  font-family: 'noto_sans', 'noto_sans_devanagari', 'noto_sans_gu', 'noto_sans_te', 'noto_sans_kn', 'noto_sans_or',  sans-serif ;\n  font-weight: normal;\n  font-style: normal;\n  margin: 0;\n  padding: 0;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\nul, ol { padding-left: 2rem;}\n\n\n\n\n  .bold{\n    font-weight:bold;\n  }\n\n  .italic{\n    font-style: italic;\n  }\n\n \n"], ["\n\n\nhtml{\n  font-size:10px;\n  color: ", ";\n}\n\nh1, h2, h3, h4, h5, h6,\n.h1, .h2, .h3, .h4, .h5, .h6, .p,\np, ul, li, input, label, button {\n  font-family: 'noto_sans', 'noto_sans_devanagari', 'noto_sans_gu', 'noto_sans_te', 'noto_sans_kn', 'noto_sans_or',  sans-serif ;\n  font-weight: normal;\n  font-style: normal;\n  margin: 0;\n  padding: 0;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\nul, ol { padding-left: 2rem;}\n\n\n\n\n  .bold{\n    font-weight:bold;\n  }\n\n  .italic{\n    font-style: italic;\n  }\n\n \n"])), themes_1.colors.greyColor100);
+var templateObject_1;

package/dist/icons/OkeGoogleIcon.d.ts

@@ -0,0 +1,2 @@
+export default OkeGoogleIcon;
+declare function OkeGoogleIcon(props: any): JSX.Element;

package/dist/icons/OkeGoogleIcon.js

@@ -0,0 +1,41 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var React = __importStar(require("react"));
+function OkeGoogleIcon(props) {
+    return (React.createElement("svg", __assign({ width: 18, height: 18, viewBox: "0 0 18 18", fill: "none" }, props),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.64 9.205c0-.639-.057-1.252-.164-1.841H9v3.481h4.844a4.14 4.14 0 01-1.796 2.716v2.258h2.908c1.702-1.566 2.684-3.874 2.684-6.614z", fill: "#4285F4" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9 18c2.43 0 4.467-.806 5.956-2.18l-2.908-2.259c-.806.54-1.837.86-3.048.86-2.344 0-4.328-1.584-5.036-3.711H.957v2.332A8.997 8.997 0 009 18z", fill: "#34A853" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.964 10.71A5.41 5.41 0 013.682 9c0-.593.102-1.17.282-1.71V4.958H.957A8.996 8.996 0 000 9c0 1.452.348 2.827.957 4.042l3.007-2.332z", fill: "#FBBC05" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9 3.58c1.321 0 2.508.454 3.44 1.345l2.582-2.58C13.463.891 11.426 0 9 0A8.997 8.997 0 00.957 4.958L3.964 7.29C4.672 5.163 6.656 3.58 9 3.58z", fill: "#EA4335" })));
+}
+exports.default = OkeGoogleIcon;