oolib 2.0.0 → 2.1.3

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

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

package/dist/components/BlockLabel/index.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BlockLabel = void 0;
+var react_1 = __importDefault(require("react"));
+var Typo_1 = require("../Typo");
+var index_styled_1 = require("./index.styled");
+var colors_1 = require("../../themes/colors");
+var red = colors_1.colors.red, greyColor40 = colors_1.colors.greyColor40, greyColor80 = colors_1.colors.greyColor80;
+var BlockLabel = function (props) {
+    var label = props.label, subLabel = props.subLabel, invert = props.invert, error = props.error, required = props.required, readOnly = props.readOnly, style = props.style;
+    var optional = readOnly ? false : !required;
+    return (react_1.default.createElement(index_styled_1.BlockLabelStyled, { style: style },
+        react_1.default.createElement("div", { style: { display: 'flex', gap: '1rem' } },
+            react_1.default.createElement(Typo_1.SANS_3, { invert: invert, bold: true, capitalize: true }, label),
+            optional && react_1.default.createElement(Typo_1.SANS_3, { color: invert ? greyColor40 : greyColor80 }, "(optional)"),
+            error && react_1.default.createElement(Typo_1.SANS_3, { color: red }, error)),
+        subLabel && (react_1.default.createElement(Typo_1.SANS_3, { color: invert ? greyColor40 : greyColor80 }, subLabel))));
+};
+exports.BlockLabel = BlockLabel;

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

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

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

@@ -0,0 +1,13 @@
+"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.BlockLabelStyled = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.BlockLabelStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\ndisplay: flex;\nflex-direction: column;\ngap: 0rem;\n\n"], ["\ndisplay: flex;\nflex-direction: column;\ngap: 0rem;\n\n"])));
+var templateObject_1;

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

@@ -0,0 +1,4 @@
+export function Breadcrumbs({ links, invert }: {
+    links: any;
+    invert: any;
+}): JSX.Element;

package/dist/components/Breadcrumbs/index.js

@@ -0,0 +1,51 @@
+"use strict";
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Breadcrumbs = void 0;
+var react_1 = require("react");
+var index_styled_1 = require("./index.styled");
+var Typo_1 = require("../Typo");
+var icons_1 = require("../../icons");
+var themes_1 = require("../../themes");
+var ArrowLeft = icons_1.phosphorIcons.ArrowLeft;
+var white = themes_1.colors.white, greyColor100 = themes_1.colors.greyColor100;
+// links array will be taken from params in the future (react router)
+var Breadcrumbs = function (_a) {
+    var links = _a.links, invert = _a.invert;
+    var _b = (0, react_1.useState)(0), containerWidth = _b[0], setContainerWidth = _b[1];
+    var _c = (0, react_1.useState)(false), beConcise = _c[0], setBeConcise = _c[1];
+    var measuredContainer = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(function () {
+        measuredContainer && setContainerWidth(measuredContainer.current.offsetWidth);
+    }, []);
+    (0, react_1.useLayoutEffect)(function () {
+        var childrenWidth = __spreadArray([], measuredContainer.current.children, true).reduce(function (accum, el) { return accum + el.offsetWidth; }, 0);
+        var isOverflowing = childrenWidth > (measuredContainer.current.offsetWidth * 0.88); // if exceeded 88% of the parent
+        if (isOverflowing)
+            setBeConcise(true);
+    }, [containerWidth]);
+    if (containerWidth < 660) { // for small devices || the breadcrumbs is next to something and will only be < 660px
+        return (React.createElement(index_styled_1.StyledBreadcrumbs, { ref: measuredContainer },
+            React.createElement(index_styled_1.StyledLinkCrumb, { href: "#", invert: invert },
+                React.createElement(ArrowLeft, { size: 14, weight: "bold", color: invert ? white : greyColor100 }),
+                React.createElement(Typo_1.SANS_2, { invert: invert }, "Back"))));
+    }
+    var linksDisplayed = beConcise && links.length > 3 ? [links[0], "...", links[links.length - 2], links[links.length - 1]] : links;
+    return (React.createElement(index_styled_1.StyledBreadcrumbs, { ref: measuredContainer }, linksDisplayed.map(function (link, ind) {
+        if (link === "...") {
+            return (React.createElement(index_styled_1.StyledLinkCrumb, { invert: invert },
+                React.createElement(Typo_1.SANS_2, { invert: invert }, "...")));
+        }
+        return (React.createElement(index_styled_1.StyledLinkCrumb, { href: link.to, invert: invert, key: ind, style: beConcise && ind == linksDisplayed.length - 1 ? { width: (links.length >= 3 ? '40%' : '70%') } : {} },
+            React.createElement(Typo_1.SANS_2, { invert: invert, style: { whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' } }, link.display)));
+    })));
+};
+exports.Breadcrumbs = Breadcrumbs;

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

@@ -0,0 +1,2 @@
+export const StyledBreadcrumbs: any;
+export const StyledLinkCrumb: any;

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

@@ -0,0 +1,24 @@
+"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.StyledLinkCrumb = exports.StyledBreadcrumbs = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+var themes_1 = require("../../themes");
+var white = themes_1.colors.white, greyColor100 = themes_1.colors.greyColor100;
+var StyledBreadcrumbs = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  padding: 0;\n  gap: 15px;\n  & a:last-child {\n    text-decoration: none;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  padding: 0;\n  gap: 15px;\n  & a:last-child {\n    text-decoration: none;\n  }\n"])));
+exports.StyledBreadcrumbs = StyledBreadcrumbs;
+var StyledLinkCrumb = styled_components_1.default.a(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: 5px;\n  position: relative;\n  color: ", ";\n  &::after {\n    content: \"\";\n    width: 1px;\n    height: 60%;\n    border-right: 1px solid ", ";\n    cursor: default;\n    position: absolute;\n    left: calc(100% + 7px);\n    top: 25%;\n  }\n  &:last-child::after {content: none;}\n"], ["\n  display: flex;\n  align-items: center;\n  gap: 5px;\n  position: relative;\n  color: ", ";\n  &::after {\n    content: \"\";\n    width: 1px;\n    height: 60%;\n    border-right: 1px solid ", ";\n    cursor: default;\n    position: absolute;\n    left: calc(100% + 7px);\n    top: 25%;\n  }\n  &:last-child::after {content: none;}\n"])), function (_a) {
+    var invert = _a.invert;
+    return invert ? white : greyColor100;
+}, function (_a) {
+    var invert = _a.invert;
+    return invert ? white : greyColor100;
+});
+exports.StyledLinkCrumb = StyledLinkCrumb;
+var templateObject_1, templateObject_2;

package/dist/components/Buttons/index.js

@@ -54,7 +54,7 @@ var Button = function (_a) {
     var props = _a.props, variant = _a.variant;
     var link = props.link, onClick = props.onClick;
     var handleOpenLink = function () {
-        window.open(link.val);
+        window.open(link === null || link === void 0 ? void 0 : link.val);
     };
     var buttonAction = onClick || handleOpenLink;
     return (react_1.default.createElement(ButtonStyledWrapper, { props: __assign(__assign({}, props), { onClick: buttonAction }), variant: variant }));

package/dist/components/Tags/index.js

@@ -35,8 +35,9 @@ function TagClear(_a) {
     var id = _a.id, display = _a.display, value = _a.value, M = _a.M, invert = _a.invert, _b = _a.onClick, onClick = _b === void 0 ? function () { } : _b, theme = _a.theme, variantSecondary = _a.variantSecondary, variantGhost = _a.variantGhost, grey = _a.grey;
     var XIconCom = icons_1.phosphorIcons['X'];
     var size = M ? 'M' : 'S';
-    console.log({ variantSecondary: variantSecondary, variantGhost: variantGhost });
-    return (react_1.default.createElement(index_styled_1.StyledTagClear, { invert: invert, theme: theme, size: size, grey: grey, variantGhost: variantGhost, variantSecondary: variantSecondary, onClick: function () { return !variantSecondary && onClick(id, { display: display, value: value }); } },
+    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 });
+        } },
         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 });

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

@@ -56,13 +56,13 @@ var StyledTagClear = styled_components_1.default.div(templateObject_9 || (templa
         !variantGhost &&
         (!grey
             ? (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\tcolor: ", ";\n\t\t\t  "], ["\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\tcolor: ", ";\n\t\t\t  "])), !invert
-                ? colors.primaryColor100
-                : colors.primaryColor40, !invert ? white : greyColor100) : (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\tcolor: ", ";\n\t\t\t  "], ["\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\tcolor: ", ";\n\t\t\t  "])), !invert ? greyColor15 : greyColor80, !invert ? greyColor80 : greyColor40));
+                ? 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 &&
         (!grey
-            ? (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n\t\t\t\t\tbackground: none;\n\t\t\t\t\tborder: 2px solid\n\t\t\t\t\t\t", ";\n\t\t\t\t\tcolor: ", ";\n\t\t\t  "], ["\n\t\t\t\t\tbackground: none;\n\t\t\t\t\tborder: 2px solid\n\t\t\t\t\t\t", ";\n\t\t\t\t\tcolor: ", ";\n\t\t\t  "])), !invert ? colors.primaryColor100 : colors.primaryColor40, !invert ? colors.primaryColorText : colors.primaryColor40) : (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n\t\t\t\t\tbackground: none;\n\t\t\t\t\tborder: 2px solid ", ";\n\t\t\t\t\tcolor: ", ";\n\t\t\t  "], ["\n\t\t\t\t\tbackground: none;\n\t\t\t\t\tborder: 2px solid ", ";\n\t\t\t\t\tcolor: ", ";\n\t\t\t  "])), !invert ? greyColor15 : greyColor80, !invert ? greyColor80 : greyColor15));
+            ? (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"])));
@@ -73,7 +73,7 @@ var StyledTagSelect = styled_components_1.default.div(templateObject_10 || (temp
     return commonStyle({ size: size });
 }, function (_a) {
     var selected = _a.selected, colors = _a.theme.colors;
-    return "\n    border: 2px solid ".concat(colors.primaryColor100, ";\n    cursor: pointer;\n    background-color: ").concat(selected ? colors.primaryColor100 : null, ";\n\t\tcolor: ").concat(!selected ? colors.primaryColorText : white, "\n  ");
+    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) {
@@ -82,11 +82,11 @@ var StyledTagLink = styled_components_1.default.div(templateObject_13 || (templa
 }, function (_a) {
     var variantSecondary = _a.variantSecondary, invert = _a.invert, colors = _a.theme.colors;
     return !variantSecondary && (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n\t\t\tbackground-color: ", ";\n\t\t\tcolor: ", ";\n\t\t"], ["\n\t\t\tbackground-color: ", ";\n\t\t\tcolor: ", ";\n\t\t"])), !invert
-        ? colors.primaryColor100
-        : colors.primaryColor40, !invert ? white : greyColor100);
+        ? 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.primaryColor100 : colors.primaryColor40, !invert ? colors.primaryColorText : colors.primaryColor40);
+    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);
 });
 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) {
@@ -97,69 +97,3 @@ exports.StyledIconWrapper = StyledIconWrapper;
 var StyledLink = (0, styled_components_1.default)(react_router_dom_1.NavLink)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  text-decoration: none;\n"], ["\n  text-decoration: none;\n"])));
 exports.StyledLink = StyledLink;
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16;
-// const StyledTag = Styled.div`
-// 	padding: 0 1rem;
-// 	position: relative;
-//   display: inline-flex;
-//   column-gap: 1rem;
-//   align-items: center;
-//   border-radius:0.2rem;
-// 	white-space: nowrap;
-// 	height: ${({ size }) => SIZES[size]};
-// 	${({ tagSelect, selected, theme }) =>
-// 		tagSelect && TagModifiers['tagSelect']({ selected, theme })}
-// 	${({ tagDisplay, invert, theme }) =>
-// 		tagDisplay && TagModifiers['tagDisplay']({ invert, theme })}
-// 	${({ tagLink, invert, theme }) =>
-// 		tagLink && TagModifiers['tagLink']({ invert, theme })}
-//   ${({ tagClear, primary, primaryOutline }) =>
-// 		tagClear && TagModifiers['tagClear']({ primary, primaryOutline })}
-// 	${({ primary, invert, theme }) =>
-// 		primary && TagModifiers['primary']({ invert, theme })}
-// 	${({ secondary, invert, theme }) =>
-// 		secondary && TagModifiers['secondary']({ invert, theme })}
-// 	${({ primaryOutline, invert, theme }) =>
-// 		primaryOutline && TagModifiers['primaryOutline']({ invert, theme })}
-// 	${({ secondaryOutline, invert, theme }) =>
-// 		secondaryOutline && TagModifiers['secondaryOutline']({ invert, theme })}
-// 	${({ ghost }) => ghost && TagModifiers['ghost']()}
-// `
-// const TagModifiers = {
-// 	tagSelect: ({ selected, theme: { colors } }) => `
-//     border: 2px solid ${colors.primaryColor100};
-//     cursor: pointer;
-//     background-color: ${selected ? colors.primaryColor100 : null};
-// 		color: ${!selected ? colors.primaryColorText : white}
-//   `,
-// 	tagDisplay: ({ invert, theme: { colors } }) => `
-// 	  border: 2px solid ${!invert ? greyColor10 : greyColor80};
-// 		background-color: inherit;
-// 		cursor: auto;
-// 	`,
-// 	tagLink: () => `
-// 	  cursor: pointer;
-//   `,
-// 	tagClear: ({ primaryOutline, primary }) => `
-// 	 cursor: ${primary || primaryOutline ? 'pointer' : 'auto'};
-//   `,
-// 	primary: ({ invert, theme: { colors } }) => `
-// 	background-color: ${!invert ? colors.primaryColor100 : colors.primaryColor40};
-// 	color: ${!invert ? white : greyColor100};
-//  `,
-// 	secondary: ({ invert, theme: { colors } }) => `
-// 	 background-color: ${!invert ? greyColor15 : greyColor80};
-// 	 color: ${!invert ? greyColor80 : greyColor15};
-// 	`,
-// 	primaryOutline: ({ invert, theme: { colors } }) => `
-// 	border: 2px solid ${!invert ? colors.primaryColor100 : colors.primaryColor40};
-// 	color: ${!invert ? colors.primaryColorText : colors.primaryColor40};
-// 	`,
-// 	secondaryOutline: ({ invert, theme: { colors } }) => `
-// 	border: 2px solid ${!invert ? greyColor15 : greyColor80};
-// 	color: ${!invert ? greyColor80 : greyColor15};
-// 	`,
-// 	ghost: () => `
-// 	  background: none;
-// 		border: none;
-// 	`,
-// }

package/dist/index.d.ts

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

package/dist/index.js

@@ -19,3 +19,5 @@ var themes_1 = require("./themes");
 Object.defineProperty(exports, "colors", { enumerable: true, get: function () { return themes_1.colors; } });
 __exportStar(require("./components/Buttons"), exports);
 __exportStar(require("./components/Tags"), exports);
+__exportStar(require("./components/Breadcrumbs"), exports);
+__exportStar(require("./components/BlockLabel"), exports);

package/package.json

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