oolib 1.3.0 → 1.5.2

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,60 @@
+export function TagPrimary({ data, invert, onRemove, id, small, readOnly, theme, }: {
+    data: any;
+    invert: any;
+    onRemove?: () => void;
+    id: any;
+    small: any;
+    readOnly: any;
+    theme: any;
+}): JSX.Element;
+export function TagSecondary({ data, invert, onRemove, id, small, readOnly, theme, }: {
+    data: any;
+    invert: any;
+    onRemove?: () => void;
+    id: any;
+    small: any;
+    readOnly: any;
+    theme: any;
+}): JSX.Element;
+export function TagOutlinePrimary({ data, invert, onRemove, id, small, readOnly, theme, }: {
+    data: any;
+    invert: any;
+    onRemove?: () => void;
+    id: any;
+    small: any;
+    readOnly: any;
+    theme: any;
+}): JSX.Element;
+export function TagOutlineSecondary({ data, invert, onRemove, id, small, readOnly, theme, }: {
+    data: any;
+    invert: any;
+    onRemove?: () => void;
+    id: any;
+    small: any;
+    readOnly: any;
+    theme: any;
+}): JSX.Element;
+export function TagClear({ onRemove, id, data, small, theme }: {
+    onRemove?: () => void;
+    id: any;
+    data: any;
+    small: any;
+    theme: any;
+}): JSX.Element;
+export function TagSelect({ id, data, onSelect, handleSelectedOptionTag, selectedOptionTags, paramId, small, theme, }: {
+    id: any;
+    data: any;
+    onSelect?: () => void;
+    handleSelectedOptionTag?: () => void;
+    selectedOptionTags?: any[];
+    paramId: any;
+    small: any;
+    theme: any;
+}): JSX.Element;
+export function TagLink({ data, to, invert, small, theme }: {
+    data: any;
+    to: any;
+    invert: any;
+    small: any;
+    theme: any;
+}): JSX.Element;

package/dist/components/tags/index.js

@@ -0,0 +1,99 @@
+"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.TagOutlineSecondary = exports.TagOutlinePrimary = exports.TagSecondary = exports.TagPrimary = void 0;
+var react_1 = __importStar(require("react"));
+var colors_1 = require("../../themes/colors");
+var index_styled_1 = require("./index.styled");
+var typo_1 = require("../typo");
+var icons_1 = require("../../icons");
+var greyColor80 = colors_1.colors.greyColor80, greyColor100 = colors_1.colors.greyColor100, primaryColor40 = colors_1.colors.primaryColor40, greyColor15 = colors_1.colors.greyColor15, white = colors_1.colors.white, greyColor40 = colors_1.colors.greyColor40, primaryColor100 = colors_1.colors.primaryColor100;
+function TagPrimary(_a) {
+    var data = _a.data, invert = _a.invert, _b = _a.onRemove, onRemove = _b === void 0 ? function () { } : _b, id = _a.id, small = _a.small, readOnly = _a.readOnly, theme = _a.theme;
+    var IconComp = icons_1.phosphorIcons['X'];
+    return (react_1.default.createElement(index_styled_1.StyledTag, { theme: theme, variantPrimary: true, invert: invert, small: small, readOnly: readOnly, onClick: function () { return !readOnly && onRemove(id, data); } },
+        react_1.default.createElement(typo_1.SANS_3, { color: !invert ? white : greyColor100, semibold: true }, data.display),
+        !readOnly && (react_1.default.createElement(index_styled_1.StyledIconWrapper, null,
+            react_1.default.createElement(IconComp, { size: '15', weight: 'bold', color: !invert ? white : greyColor100 })))));
+}
+exports.TagPrimary = TagPrimary;
+function TagSecondary(_a) {
+    var data = _a.data, invert = _a.invert, _b = _a.onRemove, onRemove = _b === void 0 ? function () { } : _b, id = _a.id, small = _a.small, readOnly = _a.readOnly, theme = _a.theme;
+    var IconComp = icons_1.phosphorIcons['X'];
+    return (react_1.default.createElement(index_styled_1.StyledTag, { variantSecondary: true, invert: invert, small: small, theme: theme, readOnly: readOnly },
+        react_1.default.createElement(typo_1.SANS_3, { color: !invert ? greyColor80 : greyColor40, semibold: true }, data.display),
+        !readOnly && (react_1.default.createElement(index_styled_1.StyledIconWrapper, { onClick: function () { return onRemove(id, data); } },
+            react_1.default.createElement(IconComp, { size: '15', weight: 'bold', color: !invert ? greyColor100 : white })))));
+}
+exports.TagSecondary = TagSecondary;
+function TagOutlinePrimary(_a) {
+    var data = _a.data, invert = _a.invert, _b = _a.onRemove, onRemove = _b === void 0 ? function () { } : _b, id = _a.id, small = _a.small, readOnly = _a.readOnly, theme = _a.theme;
+    var IconComp = icons_1.phosphorIcons['X'];
+    return (react_1.default.createElement(index_styled_1.StyledTag, { theme: theme, variantOutinePrimary: true, invert: invert, small: small, readOnly: readOnly, onClick: function () { return !readOnly && onRemove(id, data); } },
+        react_1.default.createElement(typo_1.SANS_3, { color: !invert ? primaryColor100 : primaryColor40, semibold: true }, data.display),
+        !readOnly && (react_1.default.createElement(index_styled_1.StyledIconWrapper, null,
+            react_1.default.createElement(IconComp, { size: '15', weight: 'bold', color: !invert ? primaryColor100 : primaryColor40 })))));
+}
+exports.TagOutlinePrimary = TagOutlinePrimary;
+function TagOutlineSecondary(_a) {
+    var data = _a.data, invert = _a.invert, _b = _a.onRemove, onRemove = _b === void 0 ? function () { } : _b, id = _a.id, small = _a.small, readOnly = _a.readOnly, theme = _a.theme;
+    var IconComp = icons_1.phosphorIcons['X'];
+    return (react_1.default.createElement(index_styled_1.StyledTag, { theme: theme, variantOutineSecondary: true, invert: invert, small: small, readOnly: readOnly },
+        react_1.default.createElement(typo_1.SANS_3, { color: !invert ? greyColor80 : greyColor15, semibold: true }, data.display),
+        !readOnly && (react_1.default.createElement(index_styled_1.StyledIconWrapper, { onClick: function () { return onRemove(id, data); } },
+            react_1.default.createElement(IconComp, { size: '15', weight: 'bold', color: !invert ? greyColor100 : white })))));
+}
+exports.TagOutlineSecondary = TagOutlineSecondary;
+function TagClear(_a) {
+    var _b = _a.onRemove, onRemove = _b === void 0 ? function () { } : _b, id = _a.id, data = _a.data, small = _a.small, theme = _a.theme;
+    var IconComp = icons_1.phosphorIcons['X'];
+    return (react_1.default.createElement(index_styled_1.StyledTag, { small: small, theme: theme },
+        react_1.default.createElement(typo_1.SANS_3, null, data.display),
+        react_1.default.createElement(index_styled_1.StyledIconWrapper, { onClick: function () { return onRemove(id, data); } },
+            react_1.default.createElement(IconComp, { size: '15', weight: 'bold' }))));
+}
+exports.TagClear = TagClear;
+function TagSelect(_a) {
+    var id = _a.id, data = _a.data, _b = _a.onSelect, onSelect = _b === void 0 ? function () { } : _b, _c = _a.handleSelectedOptionTag, handleSelectedOptionTag = _c === void 0 ? function () { } : _c, _d = _a.selectedOptionTags, selectedOptionTags = _d === void 0 ? [] : _d, paramId = _a.paramId, small = _a.small, theme = _a.theme;
+    var _e = (0, react_1.useState)(selectedOptionTags.some(function (el) { return el === data.value; })), selected = _e[0], setSelected = _e[1];
+    var handleSelection = function () {
+        if (!selected) {
+            setSelected(true);
+            onSelect(id, [data]);
+            handleSelectedOptionTag({ paramId: paramId, value: data.value, add: true });
+        }
+        else {
+            setSelected(false);
+            onSelect(id, []);
+            handleSelectedOptionTag({ paramId: paramId, value: data.value, remove: true });
+        }
+    };
+    return (react_1.default.createElement(index_styled_1.StyledTag, { theme: theme, onClick: handleSelection, variantSelect: true, selected: selected, small: small },
+        react_1.default.createElement(typo_1.SANS_3, { semibold: true, color: selected ? greyColor100 : greyColor80 }, data.display)));
+}
+exports.TagSelect = TagSelect;
+function TagLink(_a) {
+    var data = _a.data, to = _a.to, invert = _a.invert, small = _a.small, theme = _a.theme;
+    return (react_1.default.createElement(index_styled_1.StyledLink, { to: to },
+        react_1.default.createElement(index_styled_1.StyledTag, { theme: theme, variantLink: true, invert: invert, small: small },
+            react_1.default.createElement(typo_1.SANS_3, { color: !invert ? white : greyColor40, semibold: true }, data.display))));
+}
+exports.TagLink = TagLink;

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

@@ -0,0 +1,3 @@
+export const StyledTag: any;
+export const StyledIconWrapper: any;
+export const StyledLink: any;

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

@@ -0,0 +1,82 @@
+"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.StyledLink = exports.StyledIconWrapper = exports.StyledTag = void 0;
+var styled_components_1 = __importDefault(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 TagModifiers = {
+    small: function () { return "\n\t  height: 3rem;\n\t"; },
+    variantSelect: function (_a) {
+        var selected = _a.selected, colors = _a.theme.colors;
+        return "\n    border: 2px solid ".concat(!selected ? greyColor10 : colors.primaryColor40, ";\n    cursor: pointer;\n    background-color: ").concat(selected ? colors.primaryColor40 : null, "\n  ");
+    },
+    variantDisplay: function (_a) {
+        var invert = _a.invert, colors = _a.theme.colors;
+        return "\n\t  border: 2px solid ".concat(!invert ? greyColor10 : greyColor80, ";\n\t\tbackground-color: inherit;\n\t");
+    },
+    variantLink: function (_a) {
+        var invert = _a.invert, colors = _a.theme.colors;
+        return "\n\t background-color: ".concat(!invert ? colors.primaryColor100 : greyColor80, ";\n\t");
+    },
+    variantPrimary: function (_a) {
+        var invert = _a.invert, colors = _a.theme.colors;
+        return "\n\t background-color: ".concat(!invert ? colors.primaryColor100 : colors.primaryColor40, ";\n\t cursor: pointer;\n\t");
+    },
+    variantSecondary: function (_a) {
+        var invert = _a.invert, colors = _a.theme.colors;
+        return "\n\t background-color: ".concat(!invert ? greyColor15 : greyColor80, ";\n\t");
+    },
+    variantOutinePrimary: function (_a) {
+        var invert = _a.invert, colors = _a.theme.colors;
+        return "\n\tborder: 2px solid ".concat(!invert ? colors.primaryColor100 : colors.primaryColor40, ";\n\tcursor: pointer;\n\t");
+    },
+    variantOutineSecondary: function (_a) {
+        var invert = _a.invert, colors = _a.theme.colors;
+        return "\n\tborder: 2px solid ".concat(!invert ? greyColor15 : greyColor80, ";\n\t");
+    },
+};
+var StyledTag = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\tpadding: 0 1rem;\n\tposition: relative;\n  display: inline-flex;\n  column-gap: 1rem;\n  align-items: center;\n  border-radius:0.2rem;\n\twhite-space: nowrap;\n  height:4rem;\n  \n\t", "\n\t", "\n\t", "\n\t", "\n\t", "\n\t", "\n\t", "\n\t", "\n\t", "\n"], ["\n\tpadding: 0 1rem;\n\tposition: relative;\n  display: inline-flex;\n  column-gap: 1rem;\n  align-items: center;\n  border-radius:0.2rem;\n\twhite-space: nowrap;\n  height:4rem;\n  \n\t", "\n\t", "\n\t", "\n\t", "\n\t", "\n\t", "\n\t", "\n\t", "\n\t", "\n"])), function (_a) {
+    var small = _a.small;
+    return small && TagModifiers['small']();
+}, function (_a) {
+    var variantSelect = _a.variantSelect, selected = _a.selected, theme = _a.theme;
+    return variantSelect && TagModifiers['variantSelect']({ selected: selected, theme: theme });
+}, function (_a) {
+    var variantDisplay = _a.variantDisplay, invert = _a.invert, theme = _a.theme;
+    return variantDisplay && TagModifiers['variantDisplay']({ invert: invert, theme: theme });
+}, function (_a) {
+    var variantLink = _a.variantLink, invert = _a.invert, theme = _a.theme;
+    return variantLink && TagModifiers['variantLink']({ invert: invert, theme: theme });
+}, function (_a) {
+    var variantPrimary = _a.variantPrimary, invert = _a.invert, theme = _a.theme;
+    return variantPrimary && TagModifiers['variantPrimary']({ invert: invert, theme: theme });
+}, function (_a) {
+    var variantSecondary = _a.variantSecondary, invert = _a.invert, theme = _a.theme;
+    return variantSecondary && TagModifiers['variantSecondary']({ invert: invert, theme: theme });
+}, function (_a) {
+    var variantOutinePrimary = _a.variantOutinePrimary, invert = _a.invert, theme = _a.theme;
+    return variantOutinePrimary &&
+        TagModifiers['variantOutinePrimary']({ invert: invert, theme: theme });
+}, function (_a) {
+    var variantOutineSecondary = _a.variantOutineSecondary, invert = _a.invert, theme = _a.theme;
+    return variantOutineSecondary &&
+        TagModifiers['variantOutineSecondary']({ invert: invert, theme: theme });
+}, function (_a) {
+    var readOnly = _a.readOnly;
+    return readOnly &&
+        "\n\t   cursor: auto;\n\t";
+});
+exports.StyledTag = StyledTag;
+var StyledIconWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tcursor: pointer;\n"], ["\n  display: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tcursor: pointer;\n"])));
+exports.StyledIconWrapper = StyledIconWrapper;
+var StyledLink = (0, styled_components_1.default)(react_router_dom_1.NavLink)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  text-decoration: none;\n"], ["\n  text-decoration: none;\n"])));
+exports.StyledLink = StyledLink;
+var templateObject_1, templateObject_2, templateObject_3;

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;