oolib 2.1.11 → 2.2.3

package/dist/components/Breadcrumbs/index.js

@@ -61,7 +61,7 @@ var Breadcrumbs = function (_a) {
         })));
     }
     return (react_1.default.createElement(index_styled_1.StyledBreadcrumbs, { ref: measuredContainer },
-        react_1.default.createElement(index_styled_1.StyledLinkCrumb, { to: links[links.length - 2], invert: invert },
+        react_1.default.createElement(index_styled_1.StyledLinkCrumb, { to: links[links.length - 2].to, invert: invert },
             react_1.default.createElement(ArrowLeft, { size: 14, weight: "bold", color: invert ? white : greyColor50 }),
             react_1.default.createElement(Typo_1.SANS_2, { invert: invert }, "Back"))));
 };

package/dist/components/Buttons/index.js

@@ -42,11 +42,11 @@ var DisplayIcon = function (_a) {
 };
 var ButtonStyledWrapper = function (_a) {
     var props = _a.props, variant = _a.variant;
-    var id = props.id, link = props.link, children = props.children, value = props.value, submit = props.submit, icon = props.icon, onClick = props.onClick, 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;
+    var id = props.id, link = props.link, children = props.children, value = props.value, submit = props.submit, icon = props.icon, 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;
     var displayText = (link === null || link === void 0 ? void 0 : link.displayText) || children || value;
     var size = (S && "S") || 'M';
     var composition = icon && displayText ? 'icon+text' : !displayText && 'iconOnly';
-    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, composition: composition, width: width, color: color },
+    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 },
         icon && react_1.default.createElement(DisplayIcon, { icon: icon, size: S ? 15 : 20 }),
         displayText && react_1.default.createElement(Typo_1.SANS_3, { semibold: true }, displayText)));
 };
@@ -80,7 +80,7 @@ var UploadButton = function (props) {
 exports.UploadButton = UploadButton;
 var GoogleLogin = function (props) {
     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;
-    var displayText = value || children || "Sign up with Google";
+    var displayText = value || children || 'Sign up with Google';
     var size = (S && "S") || 'M';
     return (react_1.default.createElement(index_styled_1.ButtonStyled, { size: size, disabled: disabled, width: width, onClick: function () { return window.open('/api/OAuth/google', '_self'); }, variant: "googleAuth", theme: theme, style: style, className: className },
         react_1.default.createElement(DisplayIcon, { icon: 'OkeGoogleIcon', size: 24 }),

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

@@ -1,11 +1,11 @@
-export function TagDisplay({ display, invert, M, theme, variantSecondary }: {
+export function TagDisplay({ display, invert, M, theme, variant }: {
     display: any;
     invert: any;
     M: any;
     theme: any;
-    variantSecondary: any;
+    variant: any;
 }): JSX.Element;
-export function TagClear({ id, display, value, M, invert, onClick, theme, variantSecondary, variantGhost, grey, }: {
+export function TagClear({ id, display, value, M, invert, onClick, theme, variant, grey, }: {
     id: any;
     display: any;
     value: any;
@@ -13,8 +13,7 @@ export function TagClear({ id, display, value, M, invert, onClick, theme, varian
     invert: any;
     onClick?: () => void;
     theme: any;
-    variantSecondary: any;
-    variantGhost: any;
+    variant: any;
     grey: any;
 }): JSX.Element;
 export function TagSelect({ onClick, isSelected, display, value, M, theme, }: {
@@ -25,11 +24,11 @@ export function TagSelect({ onClick, isSelected, display, value, M, theme, }: {
     M: any;
     theme: any;
 }): JSX.Element;
-export function TagLink({ display, to, invert, M, theme, variantSecondary }: {
+export function TagLink({ display, to, invert, M, theme, variant }: {
     display: any;
     to: any;
     invert: any;
     M: any;
     theme: any;
-    variantSecondary: any;
+    variant: any;
 }): JSX.Element;

package/dist/components/Tags/index.js

@@ -25,23 +25,19 @@ 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 display = _a.display, invert = _a.invert, M = _a.M, theme = _a.theme, variant = _a.variant;
     var size = M ? 'M' : 'S';
-    return (react_1.default.createElement(index_styled_1.StyledTagDisplay, { variantSecondary: variantSecondary, invert: invert, theme: theme, size: size },
+    return (react_1.default.createElement(index_styled_1.StyledTagDisplay, { variant: variant, 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 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, variant = _a.variant, grey = _a.grey;
     var XIconCom = icons_1.phosphorIcons['X'];
     var size = M ? 'M' : 'S';
-    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 && !variantGhost && onClick(id, { display: display, value: value });
-        } },
+    return (react_1.default.createElement(index_styled_1.StyledTagClear, { invert: invert, theme: theme, size: size, grey: grey, variant: variant, onClick: function () { return !variant && 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(index_styled_1.StyledIconWrapper, { theme: theme, invert: invert, grey: grey, variant: variant, onClick: function () { return variant && onClick(id, { display: display, value: value }); } },
             react_1.default.createElement(XIconCom, { size: '15', weight: 'bold' }))));
 }
 exports.TagClear = TagClear;
@@ -63,10 +59,10 @@ function TagSelect(_a) {
 }
 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 display = _a.display, to = _a.to, invert = _a.invert, M = _a.M, theme = _a.theme, variant = _a.variant;
     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(index_styled_1.StyledTagLink, { theme: theme, variant: variant, invert: invert, size: size },
             react_1.default.createElement(Typo_1.SANS_3, { semibold: true }, display))));
 }
 exports.TagLink = TagLink;

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

@@ -43,29 +43,28 @@ var StyledTagDisplay = styled_components_1.default.div(templateObject_3 || (temp
     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);
+    var variant = _a.variant, invert = _a.invert;
+    return variant === "secondry" && (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 &&
+    var variant = _a.variant, invert = _a.invert, grey = _a.grey, colors = _a.theme.colors;
+    return !variant && // no variant passed, then primary (default)
         (!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 === null || colors === void 0 ? void 0 : colors.primaryColor100
                 : colors === null || colors === void 0 ? void 0 : 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 &&
+    var variant = _a.variant, invert = _a.invert, grey = _a.grey, colors = _a.theme.colors;
+    return variant === "secondry" &&
         (!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 === null || colors === void 0 ? void 0 : colors.primaryColor100 : colors === null || colors === void 0 ? void 0 : colors.primaryColor40, !invert ? colors === null || colors === void 0 ? void 0 : colors.primaryColorText : colors === null || colors === void 0 ? void 0 : 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"])));
+    var variant = _a.variant;
+    return variant === "ghost" && (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) {
@@ -76,17 +75,17 @@ var StyledTagSelect = styled_components_1.default.div(templateObject_10 || (temp
     return "\n    border: 2px solid ".concat(colors === null || colors === void 0 ? void 0 : colors.primaryColor100, ";\n    cursor: pointer;\n    background-color: ").concat(selected ? colors === null || colors === void 0 ? void 0 : colors.primaryColor100 : null, ";\n\t\tcolor: ").concat(!selected ? colors === null || colors === void 0 ? void 0 : 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 StyledTagLink = styled_components_1.default.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  ", "\n\t", "\n\t\n"], ["\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 === null || colors === void 0 ? void 0 : colors.primaryColor100
-        : colors === null || colors === void 0 ? void 0 : 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 === null || colors === void 0 ? void 0 : colors.primaryColor100 : colors === null || colors === void 0 ? void 0 : colors.primaryColor40, !invert ? colors === null || colors === void 0 ? void 0 : colors.primaryColorText : colors === null || colors === void 0 ? void 0 : colors.primaryColor40);
+    var variant = _a.variant, invert = _a.invert, colors = _a.theme.colors;
+    if (variant !== "secondry") {
+        return (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 === null || colors === void 0 ? void 0 : colors.primaryColor100
+            : colors === null || colors === void 0 ? void 0 : colors.primaryColor40, !invert ? white : greyColor100);
+    }
+    return (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 === null || colors === void 0 ? void 0 : colors.primaryColor100 : colors === null || colors === void 0 ? void 0 : colors.primaryColor40, !invert ? colors === null || colors === void 0 ? void 0 : colors.primaryColorText : colors === null || colors === void 0 ? void 0 : 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) {

package/dist/icons/LetterH.d.ts

@@ -0,0 +1,4 @@
+export default LetterH;
+declare function LetterH({ role }: {
+    role: any;
+}): JSX.Element;

package/dist/icons/LetterH.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var LetterH = function (_a) {
+    var role = _a.role;
+    return (react_1.default.createElement("svg", { role: role, xmlns: "http://www.w3.org/2000/svg", className: "icon icon-tabler icon-tabler-letter-h", width: "14", height: "14", viewBox: "0 0 24 24", strokeWidth: "2.5", stroke: "currentColor", fill: "none", strokeLinejoin: "round" },
+        react_1.default.createElement("path", { stroke: "none", d: "M0 0h24v24H0z" }),
+        react_1.default.createElement("line", { x1: "17", y1: "4", x2: "17", y2: "21" }),
+        react_1.default.createElement("line", { x1: "7", y1: "12", x2: "17", y2: "12" }),
+        react_1.default.createElement("line", { x1: "7", y1: "4", x2: "7", y2: "21" })));
+};
+exports.default = LetterH;

package/dist/icons/LetterP.d.ts

@@ -0,0 +1,6 @@
+export default LetterP;
+declare function LetterP({ role, dataStyle, dataStyleScope }: {
+    role: any;
+    dataStyle: any;
+    dataStyleScope: any;
+}): JSX.Element;

package/dist/icons/LetterP.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var LetterP = function (_a) {
+    var role = _a.role, dataStyle = _a.dataStyle, dataStyleScope = _a.dataStyleScope;
+    return (react_1.default.createElement("svg", { role: role, "data-style": dataStyle, "data-style-scope": dataStyleScope, xmlns: "http://www.w3.org/2000/svg", className: "icon icon-tabler icon-tabler-letter-p", width: "14", height: "14", viewBox: "0 0 24 24", strokeWidth: "2.5", stroke: "currentColor", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" },
+        react_1.default.createElement("path", { stroke: "none", d: "M0 0h24v24H0z" }),
+        react_1.default.createElement("path", { d: "M7 20v-16h5.5a4 4 0 0 1 0 9h-5.5" })));
+};
+exports.default = LetterP;

package/dist/icons/index.d.ts

@@ -57,7 +57,15 @@ export namespace phosphorIcons {
     export { Eye };
     export { EyeClosed };
     export { Minus };
+    export { TextHOne };
+    export { TextHTwo };
+    export { TextHThree };
+    export { TextBolder };
+    export { TextItalic };
+    export { TextUnderline };
     export { OkeGoogleIcon };
+    export { LetterH };
+    export { LetterP };
 }
 import { PencilSimple } from "phosphor-react";
 import { PencilLine } from "phosphor-react";
@@ -117,4 +125,12 @@ import { MagnifyingGlass } from "phosphor-react";
 import { Eye } from "phosphor-react";
 import { EyeClosed } from "phosphor-react";
 import { Minus } from "phosphor-react";
+import { TextHOne } from "phosphor-react";
+import { TextHTwo } from "phosphor-react";
+import { TextHThree } from "phosphor-react";
+import { TextBolder } from "phosphor-react";
+import { TextItalic } from "phosphor-react";
+import { TextUnderline } from "phosphor-react";
 import OkeGoogleIcon from "./OkeGoogleIcon";
+import LetterH from "./LetterH";
+import LetterP from "./LetterP";

package/dist/icons/index.js

@@ -6,6 +6,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.phosphorIcons = void 0;
 var phosphor_react_1 = require("phosphor-react");
 var OkeGoogleIcon_1 = __importDefault(require("./OkeGoogleIcon"));
+var LetterH_1 = __importDefault(require("./LetterH"));
+var LetterP_1 = __importDefault(require("./LetterP"));
 exports.phosphorIcons = {
     PencilSimple: phosphor_react_1.PencilSimple,
     PencilLine: phosphor_react_1.PencilLine,
@@ -65,5 +67,13 @@ exports.phosphorIcons = {
     Eye: phosphor_react_1.Eye,
     EyeClosed: phosphor_react_1.EyeClosed,
     Minus: phosphor_react_1.Minus,
-    OkeGoogleIcon: OkeGoogleIcon_1.default
+    TextHOne: phosphor_react_1.TextHOne,
+    TextHTwo: phosphor_react_1.TextHTwo,
+    TextHThree: phosphor_react_1.TextHThree,
+    TextBolder: phosphor_react_1.TextBolder,
+    TextItalic: phosphor_react_1.TextItalic,
+    TextUnderline: phosphor_react_1.TextUnderline,
+    OkeGoogleIcon: OkeGoogleIcon_1.default,
+    LetterH: LetterH_1.default,
+    LetterP: LetterP_1.default
 };

package/dist/index.d.ts

@@ -6,3 +6,4 @@ export * from "./components/Tags";
 export * from "./components/Breadcrumbs";
 export * from "./components/BlockLabel";
 export { colors } from "./themes";
+export { phosphorIcons } from "./icons";

package/dist/index.js

@@ -10,13 +10,15 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.colors = exports.GlobalStyles = void 0;
+exports.phosphorIcons = exports.colors = exports.GlobalStyles = void 0;
 var globalStyles_1 = require("./globalStyles");
 Object.defineProperty(exports, "GlobalStyles", { enumerable: true, get: function () { return globalStyles_1.GlobalStyles; } });
 __exportStar(require("./components/Typo"), exports);
 __exportStar(require("./components/Loader"), exports);
 var themes_1 = require("./themes");
 Object.defineProperty(exports, "colors", { enumerable: true, get: function () { return themes_1.colors; } });
+var icons_1 = require("./icons");
+Object.defineProperty(exports, "phosphorIcons", { enumerable: true, get: function () { return icons_1.phosphorIcons; } });
 __exportStar(require("./components/Buttons"), exports);
 __exportStar(require("./components/Tags"), exports);
 __exportStar(require("./components/Breadcrumbs"), exports);

package/dist/themes/colors.d.ts

@@ -35,6 +35,8 @@ export namespace colors {
     export { primaryColor100 };
     export { primaryColor40 };
     export { primaryColorText };
+    export { cyan };
+    export { lightPink };
 }
 declare const none: "rgba(0,0,0,0)";
 declare const white: "#fff";
@@ -72,4 +74,6 @@ declare const primaryColor10: "#ebf6ff";
 declare const primaryColor100: "#33A4FF";
 declare const primaryColor40: "#addbff";
 declare const primaryColorText: "#0071CC";
+declare const cyan: "#B5F2FA";
+declare const lightPink: "#FFE5F2";
 export {};

package/dist/themes/colors.js

@@ -17,6 +17,8 @@ var lightYellow = '#FFFAE6';
 var green = '#08A84B';
 var lightGreen = '#E6F6ED';
 var invertGreen = '#8AE5B0';
+var cyan = '#B5F2FA';
+var lightPink = '#FFE5F2';
 var blue = '#33A4FF';
 var lightBlue = '#EBF6FF';
 var black = '#000';
@@ -74,4 +76,6 @@ exports.colors = {
     primaryColor100: primaryColor100,
     primaryColor40: primaryColor40,
     primaryColorText: primaryColorText,
+    cyan: cyan,
+    lightPink: lightPink
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oolib",
-  "version": "2.1.11",
+  "version": "2.2.3",
   "description": " OKE Component Library",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",