oolib 2.10.2 → 2.11.2

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

@@ -0,0 +1,68 @@
+"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.TabBarTabStyled = exports.TabBarTabWrapper = exports.TabBarRowStyled = exports.TabBarContainerStyled = exports.TabBarStyled = void 0;
+var styled_components_1 = __importStar(require("styled-components"));
+var themes_1 = require("../../themes");
+var mixins_1 = require("../../themes/mixins");
+var utilsOolib_1 = require("../../utilsOolib");
+var greyColor100 = themes_1.colors.greyColor100, greyColor10 = themes_1.colors.greyColor10, red = themes_1.colors.red, lightRed = themes_1.colors.lightRed, greyColor5 = themes_1.colors.greyColor5, white = themes_1.colors.white, none = themes_1.colors.none;
+var tabBarWrapperStyle1 = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", "\n  :hover {\n    background-color: ", ";\n  }\n\n  ", "\n\n  ", "\n"], ["\n  ", "\n  :hover {\n    background-color: ", ";\n  }\n\n  ", "\n\n  ", "\n"])), (0, mixins_1.transition)("background-color"), greyColor5, function (_a) {
+    var active = _a.active;
+    return active && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      position: relative;\n      background-color: ", ";\n      ::after {\n        content: \"\";\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        height: 3px;\n        background-color: ", ";\n      }\n    "], ["\n      position: relative;\n      background-color: ", ";\n      ::after {\n        content: \"\";\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        height: 3px;\n        background-color: ", ";\n      }\n    "])), greyColor5, function (_a) {
+        var colors = _a.theme.colors;
+        return (0, utilsOolib_1.getPrimaryColor100)(colors);
+    });
+}, function (_a) {
+    var error = _a.error;
+    return error && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      position: relative;\n      background-color: ", ";\n      ::after {\n        content: \"\";\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        height: 3px;\n        background-color: ", ";\n      }\n    "], ["\n      position: relative;\n      background-color: ", ";\n      ::after {\n        content: \"\";\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        height: 3px;\n        background-color: ", ";\n      }\n    "])), lightRed, red);
+});
+var tabBarWrapperStyle2 = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  ", "\n  background-color: ", ";\n  :first-of-type {\n    border-radius: 2px 0 0 2px;\n  }\n  :last-of-type {\n    border-radius: 0 2px 2px 0;\n  }\n  :hover {\n    background-color: ", ";\n  }\n\n  ", "\n"], ["\n  ", "\n  background-color: ", ";\n  :first-of-type {\n    border-radius: 2px 0 0 2px;\n  }\n  :last-of-type {\n    border-radius: 0 2px 2px 0;\n  }\n  :hover {\n    background-color: ", ";\n  }\n\n  ", "\n"])), (0, mixins_1.multiTransition)("background-color"), greyColor5, function (_a) {
+    var active = _a.active;
+    return (active ? "" : greyColor10);
+}, function (_a) {
+    var active = _a.active;
+    return active && (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      position: relative;\n      background-color: ", ";\n    "], ["\n      position: relative;\n      background-color: ", ";\n    "])), greyColor100);
+});
+var tabBarTabStyle1 = (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  padding: 0.8rem 2rem;\n  white-space: nowrap;\n  ", "\n"], ["\n  padding: 0.8rem 2rem;\n  white-space: nowrap;\n  ", "\n"])), function (_a) {
+    var error = _a.error;
+    return error && (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      color: ", ";\n    "], ["\n      color: ", ";\n    "])), red);
+});
+var tabBarTabStyle2 = (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  padding-left: 2rem;\n  padding-right: 2rem;\n  ", "\n  ", "\n"], ["\n  padding-left: 2rem;\n  padding-right: 2rem;\n  ", "\n  ", "\n"])), (0, mixins_1.multiTransition)("color"), function (_a) {
+    var active = _a.active;
+    return active && (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      color: ", ";\n    "], ["\n      color: ", ";\n    "])), white);
+});
+exports.TabBarStyled = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  background-color: ", ";\n  z-index: 1000;\n  height: 4rem;\n"], ["\n  background-color: ", ";\n  z-index: 1000;\n  height: 4rem;\n"])), white);
+exports.TabBarContainerStyled = styled_components_1.default.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  height: 100%;\n  width: fit-content;\n"], ["\n  height: 100%;\n  width: fit-content;\n"])));
+exports.TabBarRowStyled = styled_components_1.default.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  height: 100%;\n  display: flex;\n"], ["\n  height: 100%;\n  display: flex;\n"])));
+exports.TabBarTabWrapper = styled_components_1.default.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  height: 100%;\n  ", "\n"], ["\n  height: 100%;\n  ", "\n"])), function (_a) {
+    var style1 = _a.style1;
+    return (style1 ? tabBarWrapperStyle1 : tabBarWrapperStyle2);
+});
+exports.TabBarTabStyled = styled_components_1.default.button(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  height: 100%;\n  cursor: pointer;\n  color: ", ";\n  background-color: ", ";\n\n  border: 0;\n  padding: 0;\n  :hover {\n    background-color: ", ";\n  }\n\n  ", "\n"], ["\n  height: 100%;\n  cursor: pointer;\n  color: ", ";\n  background-color: ", ";\n\n  border: 0;\n  padding: 0;\n  :hover {\n    background-color: ", ";\n  }\n\n  ", "\n"])), greyColor100, none, none, function (_a) {
+    var style1 = _a.style1;
+    return (style1 ? tabBarTabStyle1 : tabBarTabStyle2);
+});
+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;

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

@@ -0,0 +1,2 @@
+export function ToggleButton(props: any): JSX.Element;
+export function SingleToggleButton(props: any): JSX.Element;

package/dist/components/ToggleButton/index.js

@@ -0,0 +1,59 @@
+"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.SingleToggleButton = exports.ToggleButton = void 0;
+var react_1 = __importDefault(require("react"));
+var Typo_1 = require("../Typo");
+var BlockLabel_1 = require("../BlockLabel");
+var utils_1 = require("../../utils");
+var themes_1 = require("../../themes");
+var styled_1 = require("./styled");
+var greyColor40 = themes_1.colors.greyColor40, greyColor100 = themes_1.colors.greyColor100, white = themes_1.colors.white;
+var ToggleButton = function (props) {
+    var value = props.value, options = props.options, onChange = props.onChange, invert = props.invert, square = props.square;
+    var isLeftOptionActive = options[0].value === value.value;
+    var leftOptionColor, rightOptionColor;
+    if (invert) {
+        leftOptionColor = isLeftOptionActive ? white : greyColor40;
+        rightOptionColor = isLeftOptionActive ? greyColor40 : white;
+    }
+    else {
+        leftOptionColor = isLeftOptionActive ? greyColor100 : greyColor40;
+        rightOptionColor = isLeftOptionActive ? greyColor40 : greyColor100;
+    }
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement(BlockLabel_1.BlockLabel, __assign({}, (0, utils_1.getBlockLabelProps)(props))),
+        react_1.default.createElement(styled_1.StyledToggleWrraper, null,
+            react_1.default.createElement(Typo_1.LABEL, { invert: invert, style: { color: leftOptionColor } }, options[0].display),
+            react_1.default.createElement(styled_1.StyledButtonSlider, { invert: invert, square: square, onClick: function () { return onChange('', options.find(function (op) { return op.value !== value.value; })); } },
+                react_1.default.createElement(styled_1.StyledToggleButton, { invert: invert, square: square, direction: isLeftOptionActive ? 'left' : 'right' })),
+            react_1.default.createElement(Typo_1.LABEL, { invert: invert, style: { color: rightOptionColor } }, options[1].display))));
+};
+exports.ToggleButton = ToggleButton;
+var SingleToggleButton = function (props) {
+    var value = props.value, option = props.option, onChange = props.onChange, disabled = props.disabled, invert = props.invert, display = props.display, square = props.square;
+    var isInactive = value === undefined;
+    var labelColor = isInactive ? greyColor40 : greyColor100;
+    if (invert)
+        labelColor = isInactive ? greyColor40 : white;
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement(BlockLabel_1.BlockLabel, __assign({}, (0, utils_1.getBlockLabelProps)(props))),
+        react_1.default.createElement(styled_1.StyledToggleWrraper, null,
+            react_1.default.createElement(styled_1.StyledButtonSlider, { inactive: isInactive, disabled: disabled, invert: invert, square: square, onClick: function () { return !disabled && onChange('', isInactive ? option : undefined); } },
+                react_1.default.createElement(styled_1.StyledToggleButton, { direction: isInactive ? 'left' : 'right', inactive: isInactive, disabled: disabled, square: square, invert: invert })),
+            react_1.default.createElement(Typo_1.LABEL, { invert: invert, style: { color: labelColor } }, (option === null || option === void 0 ? void 0 : option.display) || display || value))));
+};
+exports.SingleToggleButton = SingleToggleButton;

package/dist/components/ToggleButton/styled.d.ts

@@ -0,0 +1,3 @@
+export const StyledToggleWrraper: any;
+export const StyledButtonSlider: any;
+export const StyledToggleButton: any;

package/dist/components/ToggleButton/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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledToggleButton = exports.StyledButtonSlider = exports.StyledToggleWrraper = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+var mixins_1 = require("../../themes/mixins");
+var utilsOolib_1 = require("../../utilsOolib");
+var themes_1 = require("../../themes");
+var white = themes_1.colors.white, greyColor10 = themes_1.colors.greyColor10;
+exports.StyledToggleWrraper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 1rem;\n"], ["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 1rem;\n"])));
+exports.StyledButtonSlider = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: 4rem;\n  height: 2rem;\n  user-select: none;\n  position: relative;\n  \n  border-radius: ", ";\n  cursor: ", ";\n  background-color: ", ";\n\n  &:hover {\n    background-color: ", ";\n  }\n  ", "\n"], ["\n  width: 4rem;\n  height: 2rem;\n  user-select: none;\n  position: relative;\n  \n  border-radius: ", ";\n  cursor: ", ";\n  background-color: ", ";\n\n  &:hover {\n    background-color: ", ";\n  }\n  ", "\n"])), function (_a) {
+    var square = _a.square;
+    return square ? '0.3rem' : '1rem';
+}, function (_a) {
+    var disabled = _a.disabled;
+    return disabled ? 'not-allowed' : 'pointer';
+}, function (_a) {
+    var colors = _a.theme.colors, inactive = _a.inactive, disabled = _a.disabled;
+    if (disabled)
+        return greyColor10;
+    if (inactive)
+        return (0, utilsOolib_1.getPrimaryColor40)(colors);
+    return (0, utilsOolib_1.getPrimaryColor100)(colors);
+}, function (_a) {
+    var colors = _a.theme.colors, disabled = _a.disabled;
+    return disabled ? greyColor10 : (0, utilsOolib_1.getPrimaryColorText)(colors);
+}, (0, mixins_1.transition)('background-color'));
+exports.StyledToggleButton = styled_components_1.default.button(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  width: 2rem;\n  height: 2rem;\n  background-color: ", ";\n  outline: none;\n  border-radius: ", ";\n  cursor: ", ";\n  border: 2px solid ", ";\n\n  position: absolute;\n  top: 0;\n  left: ", ";\n  ", "\n"], ["\n  width: 2rem;\n  height: 2rem;\n  background-color: ", ";\n  outline: none;\n  border-radius: ", ";\n  cursor: ", ";\n  border: 2px solid ", ";\n\n  position: absolute;\n  top: 0;\n  left: ", ";\n  ", "\n"])), white, function (_a) {
+    var square = _a.square;
+    return square ? '0.3rem' : '50%';
+}, function (_a) {
+    var disabled = _a.disabled;
+    return disabled ? 'not-allowed' : 'pointer';
+}, function (_a) {
+    var colors = _a.theme.colors, inactive = _a.inactive, disabled = _a.disabled;
+    if (disabled)
+        return greyColor10;
+    if (inactive)
+        return (0, utilsOolib_1.getPrimaryColor40)(colors);
+    return (0, utilsOolib_1.getPrimaryColor100)(colors);
+}, function (_a) {
+    var direction = _a.direction;
+    return direction === 'left' ? '0' : 'calc(100% - 2rem)';
+}, (0, mixins_1.transition)('left', 0.2));
+var templateObject_1, templateObject_2, templateObject_3;

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

@@ -0,0 +1,6 @@
+export function Tooltip({ text, position, style, children }: {
+    text: any;
+    position?: string;
+    style: any;
+    children: any;
+}): JSX.Element;

package/dist/components/Tooltip/index.js

@@ -0,0 +1,36 @@
+"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.Tooltip = void 0;
+var react_1 = __importStar(require("react"));
+var Typo_1 = require("../Typo");
+var styled_1 = require("./styled");
+var Tooltip = function (_a) {
+    var text = _a.text, _b = _a.position, position = _b === void 0 ? 'top' : _b, style = _a.style, children = _a.children;
+    var _c = (0, react_1.useState)(false), showTooltip = _c[0], setShowTooltip = _c[1];
+    return (react_1.default.createElement(styled_1.StyledWrapper, { onMouseEnter: function () { return setShowTooltip(true); }, onMouseLeave: function () { return setShowTooltip(false); } },
+        children,
+        react_1.default.createElement(styled_1.StyledTooltip, { position: position, show: showTooltip, style: style },
+            react_1.default.createElement(Typo_1.SANS_2, null, text),
+            react_1.default.createElement(styled_1.StyledArrowOutline, { position: position },
+                react_1.default.createElement(styled_1.StyledArrow, { position: position })))));
+};
+exports.Tooltip = Tooltip;

package/dist/components/Tooltip/styled.d.ts

@@ -0,0 +1,4 @@
+export const StyledWrapper: any;
+export const StyledTooltip: any;
+export const StyledArrowOutline: any;
+export const StyledArrow: any;

package/dist/components/Tooltip/styled.js

@@ -0,0 +1,60 @@
+"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.StyledArrow = exports.StyledArrowOutline = exports.StyledTooltip = exports.StyledWrapper = void 0;
+var styled_components_1 = __importStar(require("styled-components"));
+var themes_1 = require("../../themes");
+var mixins_1 = require("../../themes/mixins");
+var util_1 = require("./util");
+exports.StyledWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative; // made this wrapper with styled.component to ensure its\n  width: fit-content; // engine will make this 'fit-content' compatible with firefox/safari\n"], ["\n  position: relative; // made this wrapper with styled.component to ensure its\n  width: fit-content; // engine will make this 'fit-content' compatible with firefox/safari\n"])));
+var greyColor15 = themes_1.colors.greyColor15, white = themes_1.colors.white;
+var clipPaths = {
+    top: "0% 0%, 50% 65.4%, 100% 0%",
+    bottom: '50% 34.6%, 100% 100%, 0% 100%',
+    right: '100% 0%, 50% 50%, 100% 100%',
+    left: '0% 0%, 50% 50%, 0% 100%',
+};
+exports.StyledTooltip = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", ";\n  ", "\n\n  padding: 0.4rem 1rem;\n  white-space: nowrap;\n  background-color: ", ";\n  border: 1px solid ", ";\n  border-radius: 2px;\n  position: absolute;\n  ", "\n\n  \n"], ["\n  ", ";\n  ", "\n\n  padding: 0.4rem 1rem;\n  white-space: nowrap;\n  background-color: ", ";\n  border: 1px solid ", ";\n  border-radius: 2px;\n  position: absolute;\n  ", "\n\n  \n"])), function (_a) {
+    var show = _a.show;
+    return show ? (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["opacity:1; z-index: 5;"], ["opacity:1; z-index: 5;"]))) : (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["opacity:0; z-index: -5;"], ["opacity:0; z-index: -5;"])));
+}, (0, mixins_1.transition)('opacity', 0.1), white, greyColor15, function (_a) {
+    var position = _a.position;
+    return (0, util_1.positionTooltip)(position);
+});
+exports.StyledArrowOutline = styled_components_1.default.span(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  background-color: ", ";\n  width: 1.3rem;\n  height: 1.3rem;\n  position: absolute;\n  clip-path: polygon(", ");\n  ", "\n"], ["\n  background-color: ", ";\n  width: 1.3rem;\n  height: 1.3rem;\n  position: absolute;\n  clip-path: polygon(", ");\n  ", "\n"])), greyColor15, function (_a) {
+    var position = _a.position;
+    return clipPaths[position];
+}, function (_a) {
+    var position = _a.position;
+    return (0, util_1.positionArrowBorder)(position);
+});
+exports.StyledArrow = styled_components_1.default.span(templateObject_6 || (templateObject_6 = __makeTemplateObject([" // the the white part\n  background-color: ", ";\n  display:inline-block;\n  width: 0.9rem;\n  height: 0.9rem;\n  position: absolute;\n  clip-path: polygon(", ");\n  ", "\n"], [" // the the white part\n  background-color: ", ";\n  display:inline-block;\n  width: 0.9rem;\n  height: 0.9rem;\n  position: absolute;\n  clip-path: polygon(", ");\n  ", "\n"])), white, function (_a) {
+    var position = _a.position;
+    return clipPaths[position];
+}, function (_a) {
+    var position = _a.position;
+    return (0, util_1.positionArrow)(position);
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;

package/dist/components/Tooltip/util/index.d.ts

@@ -0,0 +1,3 @@
+export function positionTooltip(position: any): any;
+export function positionArrowBorder(position: any): any;
+export function positionArrow(position: any): any;

package/dist/components/Tooltip/util/index.js

@@ -0,0 +1,42 @@
+"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.positionArrow = exports.positionArrowBorder = exports.positionTooltip = void 0;
+var styled_components_1 = require("styled-components");
+var positionTooltip = function (position) {
+    switch (position) {
+        case 'top':
+        case 'bottom':
+            return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        ", ";//8.5 space for the arrow\n      "], ["\n        ", ";//8.5 space for the arrow\n      "])), (position === 'top' ? 'bottom' : 'top') + ': calc(100% + 8.5px)');
+        case 'left':
+        case 'right':
+            return (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        ", ";//8.5 space for the arrow;\n        top: 0%;\n      "], ["\n        ", ";//8.5 space for the arrow;\n        top: 0%;\n      "])), (position === 'left' ? 'right' : 'left') + ': calc(100% + 8.5px)');
+    }
+};
+exports.positionTooltip = positionTooltip;
+var positionArrowBorder = function (position) {
+    switch (position) {
+        case 'top':
+        case 'bottom':
+            return (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        ", ";\n        left: 50%;\n        transform: translateX(-6.5px); // 13/2     \n      "], ["\n        ", ";\n        left: 50%;\n        transform: translateX(-6.5px); // 13/2     \n      "])), position + ': 100.5%');
+        case 'left':
+        case 'right':
+            return (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n        ", ";\n        top: 50%;\n        transform: translateY(-6.5px); // 13/2\n      "], ["\n        ", ";\n        top: 50%;\n        transform: translateY(-6.5px); // 13/2\n      "])), position + ': 100.5%');
+    }
+};
+exports.positionArrowBorder = positionArrowBorder;
+var positionArrow = function (position) {
+    switch (position) {
+        case 'top':
+        case 'bottom':
+            return (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n        ", ";\n        left: 14%;\n      "], ["\n        ", ";\n        left: 14%;\n      "])), position + ': 9%');
+        case 'left':
+        case 'right':
+            return (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n        ", ";\n        top: 14%;\n      "], ["\n        ", ";\n        top: 14%;\n      "])), position + ': 7%');
+    }
+};
+exports.positionArrow = positionArrow;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;

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

@@ -0,0 +1,8 @@
+export function UserRoleBadge({ role, value, className, theme: { Roles } }: {
+    role: any;
+    value: any;
+    className: any;
+    theme: {
+        Roles: any;
+    };
+}): JSX.Element;

package/dist/components/UserRoleBadge/index.js

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UserRoleBadge = void 0;
+var react_1 = __importDefault(require("react"));
+var icons_1 = require("../../icons");
+var BadgeAdmin = icons_1.icons.BadgeAdmin, BadgeSuperAdmin = icons_1.icons.BadgeSuperAdmin, BadgeMod = icons_1.icons.BadgeMod, BadgeVetted = icons_1.icons.BadgeVetted;
+var UserRoleBadge = function (_a) {
+    var _b;
+    var role = _a.role, value = _a.value, className = _a.className, Roles = _a.theme.Roles;
+    var badges = {
+        BadgeSuperAdmin: BadgeSuperAdmin,
+        BadgeAdmin: BadgeAdmin,
+        BadgeMod: BadgeMod,
+        BadgeVetted: BadgeVetted
+    };
+    var iconName = (_b = Roles[value || role]) === null || _b === void 0 ? void 0 : _b.badgeIcon;
+    var Icon = iconName && badges[iconName];
+    return (Icon ?
+        react_1.default.createElement("div", { className: className },
+            react_1.default.createElement(Icon, null))
+        :
+            null);
+};
+exports.UserRoleBadge = UserRoleBadge;

package/dist/globalStyles/index.js

@@ -10,5 +10,5 @@ var themes_1 = require("../themes");
 var normalize_1 = require("./normalize");
 require("../assets/fonts/style.css");
 var greyColor15 = themes_1.colors.greyColor15, greyColor40 = themes_1.colors.greyColor40, greyColor80 = themes_1.colors.greyColor80, greyColor100 = themes_1.colors.greyColor100;
-exports.GlobalStyles = (0, styled_components_1.createGlobalStyle)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\n//some normalize code picked off the internet\n", "\n\nhtml{\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  text-rendering: optimizeLegibility;\n  font-size:10px;\n  color: ", ";\n  scroll-behavior: smooth;\n}\n\n::-webkit-scrollbar { width: 1rem}\n::-webkit-scrollbar-track {background-color: ", ";}\n::-webkit-scrollbar-thumb {\n  background-color: ", ";\n  border-radius: 0.5rem;\n}\n::-webkit-scrollbar-thumb:hover {background-color: ", ";}\n\n\nbutton:focus, input:focus, textarea:focus{\n  outline: none;\n}\n\n// be sure never to add 'span' to this list.. ( it will mess with base typo styling on RTE )\nh1, h2, h3, h4, h5, h6,\n.h1, .h2, .h3, .h4, .h5, .h6, .p,\np, ul, li, input, label, button {\n  ", "\n  font-weight: normal;\n  font-style: normal;\n  margin: 0;\n  padding: 0;\n}\n\nul, ol { padding-left: 2rem; margin-bottom: 0;}\nli { list-style: none }\n\n.sansSerif{\n  ", "\n}\n\n.serif{\n  ", "\n}\n\n.medium {\n  font-weight: 500;\n}\n\n.semibold {\n  font-weight: 600;\n}\n\n.bold{\n  font-weight:bold;\n}\n\n.italic{\n  font-style: italic;\n}\n\nb, strong {\n  font-weight: bold;\n}\n\n \n"], ["\n\n//some normalize code picked off the internet\n", "\n\nhtml{\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  text-rendering: optimizeLegibility;\n  font-size:10px;\n  color: ", ";\n  scroll-behavior: smooth;\n}\n\n::-webkit-scrollbar { width: 1rem}\n::-webkit-scrollbar-track {background-color: ", ";}\n::-webkit-scrollbar-thumb {\n  background-color: ", ";\n  border-radius: 0.5rem;\n}\n::-webkit-scrollbar-thumb:hover {background-color: ", ";}\n\n\nbutton:focus, input:focus, textarea:focus{\n  outline: none;\n}\n\n// be sure never to add 'span' to this list.. ( it will mess with base typo styling on RTE )\nh1, h2, h3, h4, h5, h6,\n.h1, .h2, .h3, .h4, .h5, .h6, .p,\np, ul, li, input, label, button {\n  ", "\n  font-weight: normal;\n  font-style: normal;\n  margin: 0;\n  padding: 0;\n}\n\nul, ol { padding-left: 2rem; margin-bottom: 0;}\nli { list-style: none }\n\n.sansSerif{\n  ", "\n}\n\n.serif{\n  ", "\n}\n\n.medium {\n  font-weight: 500;\n}\n\n.semibold {\n  font-weight: 600;\n}\n\n.bold{\n  font-weight:bold;\n}\n\n.italic{\n  font-style: italic;\n}\n\nb, strong {\n  font-weight: bold;\n}\n\n \n"])), normalize_1.normalize, greyColor100, greyColor15, greyColor40, greyColor80, themes_1.typo.sansSerif, themes_1.typo.sansSerif, themes_1.typo.serif);
+exports.GlobalStyles = (0, styled_components_1.createGlobalStyle)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\n//some normalize code picked off the internet\n", "\n\nhtml{\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  text-rendering: optimizeLegibility;\n  font-size:10px;\n  color: ", ";\n  scroll-behavior: smooth;\n}\n\n::-webkit-scrollbar { width: 1rem}\n::-webkit-scrollbar-track {background-color: ", ";}\n::-webkit-scrollbar-thumb {\n  background-color: ", ";\n  border-radius: 0.5rem;\n}\n::-webkit-scrollbar-thumb:hover {background-color: ", ";}\n\nhr {\n  border: none;\n  border-bottom: 0.1rem solid ", ";\n}\n\nbutton:focus, input:focus, textarea:focus{\n  outline: none;\n}\n\n// be sure never to add 'span' to this list.. ( it will mess with base typo styling on RTE )\nh1, h2, h3, h4, h5, h6,\n.h1, .h2, .h3, .h4, .h5, .h6, .p,\np, ul, li, input, label, button {\n  ", "\n  font-weight: normal;\n  font-style: normal;\n  margin: 0;\n  padding: 0;\n}\n\nul, ol { padding-left: 2rem; margin-bottom: 0;}\nli { list-style: none }\n\n.sansSerif{\n  ", "\n}\n\n.serif{\n  ", "\n}\n\n.medium {\n  font-weight: 500;\n}\n\n.semibold {\n  font-weight: 600;\n}\n\n.bold{\n  font-weight:bold;\n}\n\n.italic{\n  font-style: italic;\n}\n\nb, strong {\n  font-weight: bold;\n}\n\n \n"], ["\n\n//some normalize code picked off the internet\n", "\n\nhtml{\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  text-rendering: optimizeLegibility;\n  font-size:10px;\n  color: ", ";\n  scroll-behavior: smooth;\n}\n\n::-webkit-scrollbar { width: 1rem}\n::-webkit-scrollbar-track {background-color: ", ";}\n::-webkit-scrollbar-thumb {\n  background-color: ", ";\n  border-radius: 0.5rem;\n}\n::-webkit-scrollbar-thumb:hover {background-color: ", ";}\n\nhr {\n  border: none;\n  border-bottom: 0.1rem solid ", ";\n}\n\nbutton:focus, input:focus, textarea:focus{\n  outline: none;\n}\n\n// be sure never to add 'span' to this list.. ( it will mess with base typo styling on RTE )\nh1, h2, h3, h4, h5, h6,\n.h1, .h2, .h3, .h4, .h5, .h6, .p,\np, ul, li, input, label, button {\n  ", "\n  font-weight: normal;\n  font-style: normal;\n  margin: 0;\n  padding: 0;\n}\n\nul, ol { padding-left: 2rem; margin-bottom: 0;}\nli { list-style: none }\n\n.sansSerif{\n  ", "\n}\n\n.serif{\n  ", "\n}\n\n.medium {\n  font-weight: 500;\n}\n\n.semibold {\n  font-weight: 600;\n}\n\n.bold{\n  font-weight:bold;\n}\n\n.italic{\n  font-style: italic;\n}\n\nb, strong {\n  font-weight: bold;\n}\n\n \n"])), normalize_1.normalize, greyColor100, greyColor15, greyColor40, greyColor80, greyColor80, themes_1.typo.sansSerif, themes_1.typo.sansSerif, themes_1.typo.serif);
 var templateObject_1;

package/dist/icons/custom/index.d.ts

@@ -0,0 +1,17 @@
+export function IndexIcon({ color, size }: {
+    color?: string;
+    size?: number;
+}): JSX.Element;
+export function LanguageIcon({ color, size }: {
+    color?: string;
+    size?: number;
+}): JSX.Element;
+export function LetterH({ role, size }: {
+    role: any;
+    size: any;
+}): JSX.Element;
+export function OkeGoogleIcon(props: any): JSX.Element;
+export function BadgeAdmin(props: any): JSX.Element;
+export function BadgeSuperAdmin(props: any): JSX.Element;
+export function BadgeMod(props: any): JSX.Element;
+export function BadgeVetted(props: any): JSX.Element;

package/dist/icons/custom/index.js

@@ -0,0 +1,82 @@
+"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.BadgeVetted = exports.BadgeMod = exports.BadgeSuperAdmin = exports.BadgeAdmin = exports.OkeGoogleIcon = exports.LetterH = exports.LanguageIcon = exports.IndexIcon = void 0;
+var react_1 = __importDefault(require("react"));
+var themes_1 = require("../../themes");
+var yellow = themes_1.colors.yellow, greyColor100 = themes_1.colors.greyColor100;
+var IndexIcon = function (_a) {
+    var _b = _a.color, color = _b === void 0 ? greyColor100 : _b, _c = _a.size, size = _c === void 0 ? 24 : _c;
+    return (react_1.default.createElement("svg", { width: size, height: size, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        react_1.default.createElement("path", { d: "M6 7H18", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+        react_1.default.createElement("path", { d: "M6 12H18", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+        react_1.default.createElement("path", { d: "M6 17L12 17", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })));
+};
+exports.IndexIcon = IndexIcon;
+var LanguageIcon = function (_a) {
+    var _b = _a.color, color = _b === void 0 ? greyColor100 : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
+    return (react_1.default.createElement("svg", { width: size, height: size, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        react_1.default.createElement("path", { d: "M7.96924 10.0556C9.06013 10.0556 9.94447 9.25962 9.94447 8.27778C9.94447 7.29594 9.06013 6.5 7.96924 6.5C7.32302 6.5 6.74928 6.77931 6.38892 7.21111", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+        react_1.default.createElement("path", { d: "M7.82804 10.0557C8.9969 10.0557 9.94444 10.8516 9.94444 11.8334C9.94444 12.8153 8.9969 13.6112 7.82804 13.6112C6.64286 13.6112 5.78219 12.426 5.5 11.8334", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+        react_1.default.createElement("path", { d: "M8.16666 9.05566C7.61438 9.05566 7.16666 9.50338 7.16666 10.0557C7.16666 10.6079 7.61438 11.0557 8.16666 11.0557V9.05566ZM11.7222 11.0557C12.2745 11.0557 12.7222 10.6079 12.7222 10.0557C12.7222 9.50338 12.2745 9.05566 11.7222 9.05566V11.0557ZM8.16666 11.0557H11.7222V9.05566H8.16666V11.0557Z", fill: color }),
+        react_1.default.createElement("path", { d: "M11.5 5.5C10.9477 5.5 10.5 5.94772 10.5 6.5C10.5 7.05228 10.9477 7.5 11.5 7.5V5.5ZM14.1667 7.5C14.719 7.5 15.1667 7.05228 15.1667 6.5C15.1667 5.94772 14.719 5.5 14.1667 5.5V7.5ZM11.5 7.5H14.1667V5.5H11.5V7.5Z", fill: color }),
+        react_1.default.createElement("path", { d: "M14 6.5C14 5.94772 13.5523 5.5 13 5.5C12.4477 5.5 12 5.94772 12 6.5L14 6.5ZM12 13.6111C12 14.1634 12.4477 14.6111 13 14.6111C13.5523 14.6111 14 14.1634 14 13.6111L12 13.6111ZM12 6.5L12 13.6111L14 13.6111L14 6.5L12 6.5Z", fill: color }),
+        react_1.default.createElement("circle", { cx: "10", cy: "10", r: "9", stroke: color, strokeWidth: "2" })));
+};
+exports.LanguageIcon = LanguageIcon;
+var LetterH = function (_a) {
+    var role = _a.role, size = _a.size;
+    return (react_1.default.createElement("svg", { role: role, xmlns: "http://www.w3.org/2000/svg", className: "icon icon-tabler icon-tabler-letter-h", width: size + 2, height: size + 2, viewBox: "0 0 256 256", strokeWidth: "24", stroke: "currentColor", fill: "none", strokeLinejoin: "round" },
+        react_1.default.createElement("path", { stroke: "none", d: "M0 0h24v24H0z" }),
+        react_1.default.createElement("line", { x1: "70", y1: "50", x2: "70", y2: "190", strokeLinecap: "round", strokeLinejoin: "round" }),
+        react_1.default.createElement("line", { x1: "170", y1: "116", x2: "70", y2: "116", strokeLinecap: "round", strokeLinejoin: "round" }),
+        react_1.default.createElement("line", { x1: "180", y1: "50", x2: "180", y2: "190", strokeLinecap: "round", strokeLinejoin: "round" })));
+};
+exports.LetterH = LetterH;
+var OkeGoogleIcon = function (props) {
+    return (react_1.default.createElement("svg", __assign({ width: 18, height: 18, viewBox: "0 0 18 18", fill: "none" }, props),
+        react_1.default.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_1.default.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_1.default.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_1.default.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.OkeGoogleIcon = OkeGoogleIcon;
+var BadgeAdmin = function (props) {
+    return (react_1.default.createElement("svg", __assign({ width: 17, height: 17, viewBox: "0 0 17 17", fill: "none" }, props),
+        react_1.default.createElement("circle", { cx: 8.545, cy: 8.401, r: 8, fill: yellow }),
+        react_1.default.createElement("path", { d: "M5.795 11.624l2.75-6.446 2.75 6.446", stroke: greyColor100, strokeLinecap: "round", strokeLinejoin: "round" }),
+        react_1.default.createElement("path", { d: "M7.04 9.526h3.055", stroke: greyColor100, strokeLinecap: "round" })));
+};
+exports.BadgeAdmin = BadgeAdmin;
+var BadgeSuperAdmin = function (props) {
+    return (react_1.default.createElement("svg", __assign({ width: 17, height: 17, viewBox: "0 0 17 17", fill: "none" }, props),
+        react_1.default.createElement("circle", { cx: 8.545, cy: 8.401, r: 8, fill: "#F50057" }),
+        react_1.default.createElement("path", { d: "M5.795 11.624l2.75-6.446 2.75 6.446", stroke: "#fff", strokeLinecap: "round", strokeLinejoin: "round" }),
+        react_1.default.createElement("path", { d: "M7.04 9.526h3.055", stroke: "#fff", strokeLinecap: "round" })));
+};
+exports.BadgeSuperAdmin = BadgeSuperAdmin;
+var BadgeMod = function (props) {
+    return (react_1.default.createElement("svg", __assign({ width: 16, height: 16, viewBox: "0 0 16 16", fill: "none" }, props),
+        react_1.default.createElement("circle", { cx: 8, cy: 8, r: 8, fill: "#64B5F6" }),
+        react_1.default.createElement("path", { d: "M5.25 10.75v-5.5L8 8l2.75-2.75v5.5", stroke: "#fff", strokeLinecap: "round", strokeLinejoin: "round" })));
+};
+exports.BadgeMod = BadgeMod;
+var BadgeVetted = function (props) {
+    return (react_1.default.createElement("svg", __assign({ width: 17, height: 17, viewBox: "0 0 17 17", fill: "none" }, props),
+        react_1.default.createElement("circle", { cx: 8.324, cy: 8.401, r: 8, fill: "#390" }),
+        react_1.default.createElement("path", { d: "M5.324 8.774l1.79 2.127c1.678-1.992 2.755-3.27 4.21-5", stroke: "#fff", strokeLinecap: "round", strokeLinejoin: "round" })));
+};
+exports.BadgeVetted = BadgeVetted;

package/dist/icons/index.d.ts

@@ -66,9 +66,12 @@ export namespace icons {
     export { TextUnderline };
     export { OkeGoogleIcon };
     export { LetterH };
-    export { LetterP };
     export { IndexIcon };
     export { LanguageIcon };
+    export { BadgeAdmin };
+    export { BadgeSuperAdmin };
+    export { BadgeMod };
+    export { BadgeVetted };
     export { ArrowRight };
     export { Sliders };
     export { Faders };
@@ -139,11 +142,14 @@ 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";
-import IndexIcon from "./IndexIcon";
-import LanguageIcon from "./LangIcon";
+import { OkeGoogleIcon } from "./custom";
+import { LetterH } from "./custom";
+import { IndexIcon } from "./custom";
+import { LanguageIcon } from "./custom";
+import { BadgeAdmin } from "./custom";
+import { BadgeSuperAdmin } from "./custom";
+import { BadgeMod } from "./custom";
+import { BadgeVetted } from "./custom";
 import { ArrowRight } from "phosphor-react";
 import { Sliders } from "phosphor-react";
 import { Faders } from "phosphor-react";

package/dist/icons/index.js

@@ -1,15 +1,8 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.icons = 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"));
-var IndexIcon_1 = __importDefault(require("./IndexIcon"));
-var LangIcon_1 = __importDefault(require("./LangIcon"));
+var custom_1 = require("./custom");
 exports.icons = {
     PencilSimple: phosphor_react_1.PencilSimple,
     PencilLine: phosphor_react_1.PencilLine,
@@ -76,11 +69,14 @@ exports.icons = {
     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,
-    IndexIcon: IndexIcon_1.default,
-    LanguageIcon: LangIcon_1.default,
+    OkeGoogleIcon: custom_1.OkeGoogleIcon,
+    LetterH: custom_1.LetterH,
+    IndexIcon: custom_1.IndexIcon,
+    LanguageIcon: custom_1.LanguageIcon,
+    BadgeAdmin: custom_1.BadgeAdmin,
+    BadgeSuperAdmin: custom_1.BadgeSuperAdmin,
+    BadgeMod: custom_1.BadgeMod,
+    BadgeVetted: custom_1.BadgeVetted,
     ArrowRight: phosphor_react_1.ArrowRight,
     Sliders: phosphor_react_1.Sliders,
     Faders: phosphor_react_1.Faders,

package/dist/index.d.ts

@@ -9,7 +9,13 @@ export * from "./components/InlineAlert";
 export * from "./components/TextInputs";
 export * from "./components/Container";
 export * from "./components/Wrappers";
+export * from "./components/ToggleButton";
+export * from "./components/TabBar";
+export * from "./components/Banners";
 export * from "./themes/mixins";
 export { colors } from "./themes";
 export { icons } from "./icons";
 export { Section } from "./components/Section";
+export { UserRoleBadge } from "./components/UserRoleBadge";
+export { OKELink } from "./components/OKELink";
+export { Tooltip } from "./components/Tooltip";