oolib 2.75.2 → 2.75.4

package/dist/components/Modals/ModalLarge/index.d.ts

@@ -8,5 +8,4 @@ export function ModalLarge({ title, onClose, children, linkTo, desktopWidth, hea
     subtitle: any;
     fitToContentHeight?: boolean;
     invert: any;
-}): React.JSX.Element;
-import React from "react";
+}): any;

package/dist/components/Modals/ModalLarge/index.js

@@ -35,8 +35,9 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ModalLarge = void 0;
-var framer_motion_1 = require("framer-motion");
 var react_1 = __importStar(require("react"));
+var react_dom_1 = require("react-dom");
+var framer_motion_1 = require("framer-motion");
 var mixins_1 = require("../../../themes/mixins");
 var useScreenWidth_1 = require("../../../utils/customHooks/useScreenWidth");
 var ModalHeaderStyle1_1 = require("./comps/ModalHeaderStyle1");
@@ -73,7 +74,7 @@ var ModalLarge = function (_a) {
     var genModalContents = function () { return (react_1.default.createElement(styled_1.StyledModalLargeContentWrapper, { desktopWidth: desktopWidth, takeFullScreenOnScroll: takeFullScreenOnScroll, style: !fitToContentHeight ? { minHeight: 'calc(100vh - 4rem)' } : {} },
         genHeader(),
         react_1.default.createElement(styled_1.StyledModalLargeBody, { takeFullScreenOnScroll: takeFullScreenOnScroll }, children))); };
-    return (react_1.default.createElement(styled_1.StyledModalLargeBg, null,
+    return ((0, react_dom_1.createPortal)(react_1.default.createElement(styled_1.StyledModalLargeBg, null,
         react_1.default.createElement(styled_1.StyledModalLargeBgColor, { initial: { opacity: initAnimPos.opacity }, animate: { opacity: animPos.opacity }, transition: {
                 type: "tween",
                 ease: "easeOut",
@@ -96,6 +97,6 @@ var ModalLarge = function (_a) {
             }, onAnimationComplete: function () {
                 if (animPos.marginTop === initAnimPos.marginTop)
                     handleClose();
-            } }, genModalContents()))));
+            } }, genModalContents()))), document.getElementById("modal-root")));
 };
 exports.ModalLarge = ModalLarge;

package/dist/components/Modals/ModalSmall/index.d.ts

@@ -3,5 +3,4 @@ export function ModalSmall({ title, subTitle, onClose, children }: {
     subTitle: any;
     onClose: any;
     children: any;
-}): React.JSX.Element;
-import React from "react";
+}): any;

package/dist/components/Modals/ModalSmall/index.js

@@ -25,6 +25,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ModalSmall = void 0;
 var react_1 = __importStar(require("react"));
+var react_dom_1 = require("react-dom");
 var mixins_1 = require("../../../themes/mixins");
 var useScreenWidth_1 = require("../../../utils/customHooks/useScreenWidth");
 var Buttons_1 = require("../../Buttons");
@@ -49,7 +50,7 @@ var ModalSmall = function (_a) {
             subTitle && (react_1.default.createElement(styled_1.StyledModalSmallContentSubtitle, null,
                 react_1.default.createElement(Typo_1.SANS_4, null, subTitle))),
             react_1.default.createElement("div", { style: { marginTop: (title || subTitle) && "2rem" } }, children ? children : null)))); };
-    return (react_1.default.createElement(styled_1.StyledModalSmall, { initial: { opacity: initAnimPos.opacity }, animate: { opacity: animPos.opacity }, transition: { type: "tween", ease: "easeOut" } }, screenWidth < (0, mixins_1.getBreakPoint)("sm") ? (react_1.default.createElement(styled_1.StyledModalSmallContentWrapper, { initial: initAnimPos, animate: animPos, transition: {
+    return ((0, react_dom_1.createPortal)(react_1.default.createElement(styled_1.StyledModalSmall, { initial: { opacity: initAnimPos.opacity }, animate: { opacity: animPos.opacity }, transition: { type: "tween", ease: "easeOut" } }, screenWidth < (0, mixins_1.getBreakPoint)("sm") ? (react_1.default.createElement(styled_1.StyledModalSmallContentWrapper, { initial: initAnimPos, animate: animPos, transition: {
             type: "tween",
             ease: "easeOut",
         }, onAnimationComplete: function () {
@@ -71,6 +72,6 @@ var ModalSmall = function (_a) {
         }, onAnimationComplete: function () {
             if (animPos.marginTop === initAnimPos.marginTop)
                 onClose();
-        } }, genModalContents()))));
+        } }, genModalContents()))), document.getElementById("modal-root")));
 };
 exports.ModalSmall = ModalSmall;

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

@@ -4,14 +4,6 @@ export function genColor({ color, theme, invert, disabled }: {
     invert: any;
     disabled: any;
 }): any;
+export const styledOKELinkCSS: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
 export const StyledLink: import("styled-components").StyledComponent<"a", any, {}, never>;
-/**
- * for use in Lexical LinkNode.
- * exported as the class .OKELink from Typo > TYPOCLASSES
- * its different from the normal OKELink in that:
- * 1// it is always black in color
- * 2// it has NO disabled style
- * 3// it has NO inverted style
- */
-export const StyledOKELinkClass: import("styled-components").FlattenSimpleInterpolation;
 export const StyledLinkText: import("styled-components").StyledComponent<"span", any, {}, never>;

package/dist/components/OKELink/styled.js

@@ -27,7 +27,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledLinkText = exports.StyledOKELinkClass = exports.StyledLink = exports.genColor = void 0;
+exports.StyledLinkText = exports.StyledLink = exports.styledOKELinkCSS = exports.genColor = void 0;
 var styled_components_1 = __importStar(require("styled-components"));
 var themes_1 = require("../../themes");
 var mixins_1 = require("../../themes/mixins");
@@ -43,16 +43,8 @@ var genColor = function (_a) {
                 : (0, utilsOolib_1.getPrimaryColorText)(theme === null || theme === void 0 ? void 0 : theme.colors);
 };
 exports.genColor = genColor;
-exports.StyledLink = styled_components_1.default.a(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    \n    cursor: ", ";\n    display: inline-flex;\n    gap: 0.7rem;\n    align-items: center;\n    max-width: calc(100vw - 4rem); //the margin on mobile is 2rem each on both sides \n    text-decoration: none;\n    position: relative;\n    color: ", ";\n\n    &::after{\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: ", ";\n      height: ", ";\n      pointer-events: ", ";\n      ", ";\n      background-color: ", ";\n    }\n\n    &:hover{\n        color: ", ";\n        &::after{ width: ", "; }\n    }\n"], ["\n    \n    cursor: ", ";\n    display: inline-flex;\n    gap: 0.7rem;\n    align-items: center;\n    max-width: calc(100vw - 4rem); //the margin on mobile is 2rem each on both sides \n    text-decoration: none;\n    position: relative;\n    color: ", ";\n\n    &::after{\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: ", ";\n      height: ", ";\n      pointer-events: ", ";\n      ", ";\n      background-color: ", ";\n    }\n\n    &:hover{\n        color: ", ";\n        &::after{ width: ", "; }\n    }\n"
-    /**
-     * for use in Lexical LinkNode.
-     * exported as the class .OKELink from Typo > TYPOCLASSES
-     * its different from the normal OKELink in that:
-     * 1// it is always black in color
-     * 2// it has NO disabled style
-     * 3// it has NO inverted style
-     */
-])), function (_a) {
+//separated out this way so we can use it in LexicalTextEditor's StyledEditorWrapperLex
+exports.styledOKELinkCSS = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\ncursor: ", ";\n    display: inline-flex;\n    gap: 0.7rem;\n    align-items: center;\n    max-width: calc(100vw - 4rem); //the margin on mobile is 2rem each on both sides \n    text-decoration: none;\n    position: relative;\n    color: ", ";\n\n    &::after{\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: ", ";\n      height: ", ";\n      pointer-events: ", ";\n      ", ";\n      background-color: ", ";\n    }\n\n    &:hover{\n        color: ", ";\n        &::after{ width: ", "; }\n    }\n"], ["\ncursor: ", ";\n    display: inline-flex;\n    gap: 0.7rem;\n    align-items: center;\n    max-width: calc(100vw - 4rem); //the margin on mobile is 2rem each on both sides \n    text-decoration: none;\n    position: relative;\n    color: ", ";\n\n    &::after{\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: ", ";\n      height: ", ";\n      pointer-events: ", ";\n      ", ";\n      background-color: ", ";\n    }\n\n    &:hover{\n        color: ", ";\n        &::after{ width: ", "; }\n    }\n"])), function (_a) {
     var disabled = _a.disabled;
     return !disabled ? 'pointer' : 'not-allowed';
 }, exports.genColor, function (_a) {
@@ -68,14 +60,6 @@ exports.StyledLink = styled_components_1.default.a(templateObject_1 || (template
     var invertUnderline = _a.invertUnderline;
     return invertUnderline ? '100%' : 0;
 });
-/**
- * for use in Lexical LinkNode.
- * exported as the class .OKELink from Typo > TYPOCLASSES
- * its different from the normal OKELink in that:
- * 1// it is always black in color
- * 2// it has NO disabled style
- * 3// it has NO inverted style
- */
-exports.StyledOKELinkClass = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject([" \n      cursor: pointer;\n      display: inline-flex;\n      gap: 0.7rem;\n      align-items: center;\n      max-width: calc(100vw - 4rem); //the margin on mobile is 2rem each on both sides \n      text-decoration: none;\n      position: relative;\n      color: ", ";\n\n      &::after{\n        content: '';\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        height: 1px;\n        pointer-events: unset;\n        ", ";\n        background-color: ", ";\n      }\n\n      &:hover{\n          color: ", ";\n          &::after{ width: 0 }\n      }\n\n      &.-disabled-{\n        cursor: 'not-allowed';\n        &::after{\n          height: 0;\n          pointer-events: 'none';\n        }\n      }\n\n      &.-invertUnderline-{\n        &::after{\n          width: 0\n        }\n\n        &:hover{\n          &::after{\n            width: 100%;\n          }\n        }\n      }\n"], [" \n      cursor: pointer;\n      display: inline-flex;\n      gap: 0.7rem;\n      align-items: center;\n      max-width: calc(100vw - 4rem); //the margin on mobile is 2rem each on both sides \n      text-decoration: none;\n      position: relative;\n      color: ", ";\n\n      &::after{\n        content: '';\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        height: 1px;\n        pointer-events: unset;\n        ", ";\n        background-color: ", ";\n      }\n\n      &:hover{\n          color: ", ";\n          &::after{ width: 0 }\n      }\n\n      &.-disabled-{\n        cursor: 'not-allowed';\n        &::after{\n          height: 0;\n          pointer-events: 'none';\n        }\n      }\n\n      &.-invertUnderline-{\n        &::after{\n          width: 0\n        }\n\n        &:hover{\n          &::after{\n            width: 100%;\n          }\n        }\n      }\n"])), themes_1.colors.black, (0, mixins_1.transition)('width'), themes_1.colors.black, themes_1.colors.black);
+exports.StyledLink = styled_components_1.default.a(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    ", "\n"], ["\n    ", "\n"])), exports.styledOKELinkCSS);
 exports.StyledLinkText = styled_components_1.default.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    white-space: nowrap;\n  /** might need some ellipsis stuff here. but it doesnt work with inline-flex. which is on StyledLink */ \n"], ["\n    white-space: nowrap;\n  /** might need some ellipsis stuff here. but it doesnt work with inline-flex. which is on StyledLink */ \n"])));
 var templateObject_1, templateObject_2, templateObject_3;

package/dist/components/TextInputs/index.js

@@ -216,7 +216,7 @@ var PhoneInput = function (_a) {
                 passValidationErrorToFormValidation(errorObj.type);
             return errorObj;
         }
-        if (value.length < 10) {
+        if (value.length < 9) {
             errorObj = { type: "error", msg: "Enter a valid phone number" };
             if (passValidationErrorToFormValidation)
                 passValidationErrorToFormValidation(errorObj.type);

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

@@ -10,7 +10,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TYPOCLASSES = exports.BLOCKQUOTE_STYLED = exports.LABEL_STYLED = exports.SERIF_9_10_STYLED = exports.SERIF_8_9_STYLED = exports.SERIF_7_8_STYLED = exports.SERIF_6_7_STYLED = exports.SERIF_5_6_STYLED = exports.SERIF_4_5_STYLED = exports.SERIF_3_4_STYLED = exports.SERIF_3_STYLED = exports.SANS_7_8_STYLED = exports.SANS_5_6_STYLED = exports.SANS_4_5_STYLED = exports.SANS_4_STYLED = exports.SANS_3_4_STYLED = exports.SANS_3_STYLED = exports.SANS_2_STYLED = exports.SANS_0_STYLED = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
 var index_1 = require("../../themes/index");
-var styled_1 = require("../OKELink/styled");
 exports.SANS_0_STYLED = styled_components_1.default.h6(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), index_1.typo.SANS_0);
 exports.SANS_2_STYLED = styled_components_1.default.h4(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), index_1.typo.SANS_2);
 exports.SANS_3_STYLED = styled_components_1.default.h4(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), index_1.typo.SANS_3);
@@ -29,5 +28,5 @@ exports.SERIF_8_9_STYLED = styled_components_1.default.h2(templateObject_15 || (
 exports.SERIF_9_10_STYLED = styled_components_1.default.h1(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), index_1.typo.SERIF_9_10);
 exports.LABEL_STYLED = styled_components_1.default.h6(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), index_1.typo.LABEL);
 exports.BLOCKQUOTE_STYLED = styled_components_1.default.h3(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), index_1.typo.BLOCKQUOTE);
-exports.TYPOCLASSES = styled_components_1.default.div(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n  .SANS_0 {\n    ", "\n  }\n\n  .SANS_2 {\n    ", "\n  }\n\n  .SANS_3 {\n    ", "\n  }\n\n  .SANS_4 {\n    ", "\n  }\n\n  .SERIF_3 {\n    ", "\n  }\n\n  .SANS_4_5 {\n    ", "\n  }\n\n  .SANS_5_6 {\n    ", "\n  }\n\n  .SERIF_3_4 {\n    ", "\n  }\n\n  .SERIF_4_5 {\n    ", "\n  }\n\n  .SERIF_5_6 {\n    ", "\n  }\n\n  .SERIF_6_7 {\n    ", "\n  }\n\n  .SERIF_7_8 {\n    ", "\n  }\n\n  .SERIF_8_9 {\n    ", "\n  }\n\n  .SERIF_9_10 {\n    ", "\n  }\n\n  .LABEL {\n    ", "\n  }\n\n  .SANS_7_8 {\n    ", "\n  }\n\n  .BLOCKQUOTE {\n    ", "\n  }\n\n  .OKE-markdown {\n    a,\n    p {\n      ", "\n    }\n  }\n\n  .OKELink {\n    ", "\n  }\n"], ["\n  .SANS_0 {\n    ", "\n  }\n\n  .SANS_2 {\n    ", "\n  }\n\n  .SANS_3 {\n    ", "\n  }\n\n  .SANS_4 {\n    ", "\n  }\n\n  .SERIF_3 {\n    ", "\n  }\n\n  .SANS_4_5 {\n    ", "\n  }\n\n  .SANS_5_6 {\n    ", "\n  }\n\n  .SERIF_3_4 {\n    ", "\n  }\n\n  .SERIF_4_5 {\n    ", "\n  }\n\n  .SERIF_5_6 {\n    ", "\n  }\n\n  .SERIF_6_7 {\n    ", "\n  }\n\n  .SERIF_7_8 {\n    ", "\n  }\n\n  .SERIF_8_9 {\n    ", "\n  }\n\n  .SERIF_9_10 {\n    ", "\n  }\n\n  .LABEL {\n    ", "\n  }\n\n  .SANS_7_8 {\n    ", "\n  }\n\n  .BLOCKQUOTE {\n    ", "\n  }\n\n  .OKE-markdown {\n    a,\n    p {\n      ", "\n    }\n  }\n\n  .OKELink {\n    ", "\n  }\n"])), index_1.typo.SANS_0, index_1.typo.SANS_2, index_1.typo.SANS_3, index_1.typo.SANS_4, index_1.typo.SERIF_3, index_1.typo.SANS_4_5, index_1.typo.SANS_5_6, index_1.typo.SERIF_3_4, index_1.typo.SERIF_4_5, index_1.typo.SERIF_5_6, index_1.typo.SERIF_6_7, index_1.typo.SERIF_7_8, index_1.typo.SERIF_8_9, index_1.typo.SERIF_9_10, index_1.typo.LABEL, index_1.typo.SANS_7_8, index_1.typo.BLOCKQUOTE, index_1.typo.SANS_3, styled_1.StyledOKELinkClass);
+exports.TYPOCLASSES = styled_components_1.default.div(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n  .SANS_0 {\n    ", "\n  }\n\n  .SANS_2 {\n    ", "\n  }\n\n  .SANS_3 {\n    ", "\n  }\n\n  .SANS_4 {\n    ", "\n  }\n\n  .SERIF_3 {\n    ", "\n  }\n\n  .SANS_4_5 {\n    ", "\n  }\n\n  .SANS_5_6 {\n    ", "\n  }\n\n  .SERIF_3_4 {\n    ", "\n  }\n\n  .SERIF_4_5 {\n    ", "\n  }\n\n  .SERIF_5_6 {\n    ", "\n  }\n\n  .SERIF_6_7 {\n    ", "\n  }\n\n  .SERIF_7_8 {\n    ", "\n  }\n\n  .SERIF_8_9 {\n    ", "\n  }\n\n  .SERIF_9_10 {\n    ", "\n  }\n\n  .LABEL {\n    ", "\n  }\n\n  .SANS_7_8 {\n    ", "\n  }\n\n  .BLOCKQUOTE {\n    ", "\n  }\n\n  .OKE-markdown {\n    a,\n    p {\n      ", "\n    }\n  }\n"], ["\n  .SANS_0 {\n    ", "\n  }\n\n  .SANS_2 {\n    ", "\n  }\n\n  .SANS_3 {\n    ", "\n  }\n\n  .SANS_4 {\n    ", "\n  }\n\n  .SERIF_3 {\n    ", "\n  }\n\n  .SANS_4_5 {\n    ", "\n  }\n\n  .SANS_5_6 {\n    ", "\n  }\n\n  .SERIF_3_4 {\n    ", "\n  }\n\n  .SERIF_4_5 {\n    ", "\n  }\n\n  .SERIF_5_6 {\n    ", "\n  }\n\n  .SERIF_6_7 {\n    ", "\n  }\n\n  .SERIF_7_8 {\n    ", "\n  }\n\n  .SERIF_8_9 {\n    ", "\n  }\n\n  .SERIF_9_10 {\n    ", "\n  }\n\n  .LABEL {\n    ", "\n  }\n\n  .SANS_7_8 {\n    ", "\n  }\n\n  .BLOCKQUOTE {\n    ", "\n  }\n\n  .OKE-markdown {\n    a,\n    p {\n      ", "\n    }\n  }\n"])), index_1.typo.SANS_0, index_1.typo.SANS_2, index_1.typo.SANS_3, index_1.typo.SANS_4, index_1.typo.SERIF_3, index_1.typo.SANS_4_5, index_1.typo.SANS_5_6, index_1.typo.SERIF_3_4, index_1.typo.SERIF_4_5, index_1.typo.SERIF_5_6, index_1.typo.SERIF_6_7, index_1.typo.SERIF_7_8, index_1.typo.SERIF_8_9, index_1.typo.SERIF_9_10, index_1.typo.LABEL, index_1.typo.SANS_7_8, index_1.typo.BLOCKQUOTE, index_1.typo.SANS_3);
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19;

package/dist/index.d.ts

@@ -60,6 +60,7 @@ export { default as VideoInput } from "./components/VideoInput";
 export { default as AudioInput } from "./components/AudioInput";
 export { default as IFrame } from "./components/IFrame";
 export { SimpleTable } from "./components/SimpleTable";
+export { styledOKELinkCSS } from "./components/OKELink/styled";
 export { LoaderCircle, ProgressBar, LoaderCircle as Loader, LoaderOverlay } from "./components/LoadersAndProgress";
 export { BannerAlert, BannerInfo } from "./components/Banners";
 export { BannerContext, useBannerContext, BannerProvider } from "./components/Banners/bannerContext";

package/dist/index.js

@@ -18,7 +18,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BannerInfo = exports.BannerAlert = exports.IFrame = exports.AudioInput = exports.VideoInput = exports.ProfileImageInput = exports.ImageInput = exports.MetaBlock = exports.HintsProvider = exports.genTagComp = exports.generateOptions = exports.OptionsSingle = exports.DropdownMulti = exports.DropdownSingle = exports.parseCardConfig = exports.ListProfile = exports.CardProfile = exports.CardEmbed = exports.ListContent = exports.CardContent = exports.DateTimeRangePicker = exports.DateTimePicker = exports.TimeRangePicker = exports.TimePicker = exports.DateRangePicker = exports.DatePicker = exports.TextLoader = exports.BarChart = exports.PageScrollIndicator = exports.HomeCover = exports.EmptyStates = exports.ModalSmall = exports.ModalLarge = exports.ModalConfirm = exports.SkeletonLoader = exports.Divider = exports.PercentCompletedPie = exports.Accordion = exports.ActionMenu = exports.Tooltip = exports.OKELink = exports.UserRoleBadge = exports.Section = exports.LoaderOverlay = exports.Loader = exports.ProgressBar = exports.LoaderCircle = exports.icons = exports.colors = exports.GlobalStyles = void 0;
-exports.SimpleTable = exports.BannerProvider = exports.useBannerContext = exports.BannerContext = void 0;
+exports.styledOKELinkCSS = exports.SimpleTable = exports.BannerProvider = exports.useBannerContext = exports.BannerContext = void 0;
 //css and styling related ( styled-components )
 var globalStyles_1 = require("./globalStyles");
 Object.defineProperty(exports, "GlobalStyles", { enumerable: true, get: function () { return globalStyles_1.GlobalStyles; } });
@@ -122,7 +122,7 @@ Object.defineProperty(exports, "OptionsSingle", { enumerable: true, get: functio
 //used only by FilterInput. once that is shifted to oolib, dont need to export it anymore
 var generateOptions_1 = require("./components/Dropdowns/utils/generateOptions");
 Object.defineProperty(exports, "generateOptions", { enumerable: true, get: function () { return generateOptions_1.generateOptions; } });
-//used only by TagsCheckbox & TagsRadio. once that is shifted to oolib, dont need to export it anymore
+//used only by TagsInputSingle and Multi, in the checkbox & radio variant. once that is shifted to oolib, dont need to export it anymore
 var genTagComp_1 = require("./components/Dropdowns/utils/genTagComp");
 Object.defineProperty(exports, "genTagComp", { enumerable: true, get: function () { return genTagComp_1.genTagComp; } });
 ////// context
@@ -155,3 +155,6 @@ Object.defineProperty(exports, "useBannerContext", { enumerable: true, get: func
 Object.defineProperty(exports, "BannerProvider", { enumerable: true, get: function () { return bannerContext_1.BannerProvider; } });
 var SimpleTable_1 = require("./components/SimpleTable");
 Object.defineProperty(exports, "SimpleTable", { enumerable: true, get: function () { return SimpleTable_1.SimpleTable; } });
+//styled-components css for use in lexical, since lexical uses classes primarily
+var styled_1 = require("./components/OKELink/styled");
+Object.defineProperty(exports, "styledOKELinkCSS", { enumerable: true, get: function () { return styled_1.styledOKELinkCSS; } });

package/package.json

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