oolib 2.57.5 → 2.57.6

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

@@ -11,4 +11,5 @@ export function Accordion({ id, HeaderStyle, CustomHeader, noHeader, children, e
     infoTooltip: any;
     invert: any;
     percent: any;
-}): any;
+}): React.JSX.Element;
+import React from "react";

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

@@ -1,7 +1,7 @@
-export const StyledAccordionContentsWrapper: any;
-export const StyledHeaderStyle1Wrapper: any;
-export const StyledHeaderStyle2Wrapper: any;
-export const StyledHeaderStyle3Wrapper: any;
-export const NormalizedButton: any;
-export const StyledTitleWrapper: any;
-export const StyledTitleHeaderStyle2Wrapper: any;
+export const StyledAccordionContentsWrapper: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
+export const StyledHeaderStyle1Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledHeaderStyle2Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledHeaderStyle3Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const NormalizedButton: import("styled-components").StyledComponent<"button", any, {}, never>;
+export const StyledTitleWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledTitleHeaderStyle2Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -9,4 +9,5 @@ export function ActionMenu({ icon, invert, actions, align, iconSize, M, ButtonCo
     setShowActions: any;
     popOutOfOverflowHiddenParent?: boolean;
     storybookPreview: any;
-}): any;
+}): React.JSX.Element;
+import React from "react";

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

@@ -1,5 +1,5 @@
-export const StyledActionMenu: any;
-export const StyledActionMenuTracker: any;
-export const StyledActionsDropMenu: any;
-export const StyledOptionsWrapper: any;
-export const StyledOption: any;
+export const StyledActionMenu: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledActionMenuTracker: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledActionsDropMenu: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledOptionsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledOption: import("styled-components").StyledComponent<"button", any, {}, never>;

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

@@ -1,8 +1,9 @@
 export function BannerAlert({ BANNER_STATE, REMOVE_ALERT_BANNER }: {
     BANNER_STATE: any;
     REMOVE_ALERT_BANNER: any;
-}): any;
+}): React.JSX.Element;
 export function BannerInfo({ BANNER_STATE, REMOVE_INFO_BANNER }: {
     BANNER_STATE: any;
     REMOVE_INFO_BANNER: any;
-}): any;
+}): React.JSX.Element;
+import React from "react";

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

@@ -1,5 +1,5 @@
-export const BannerAnimateStyled: any;
-export const BannerWrapperStyled: any;
-export const BannerStyled: any;
-export const BannerAlertStyled: any;
-export const BannerInfoStyled: any;
+export const BannerAnimateStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const BannerWrapperStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const BannerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const BannerAlertStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const BannerInfoStyled: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1 +1,2 @@
-export function BlockLabel(props: any): any;
+export function BlockLabel(props: any): React.JSX.Element;
+import React from "react";

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

@@ -1,2 +1,2 @@
-export const StyledBlockLabel: any;
-export const StyledInfoTooltipbutton: any;
+export const StyledBlockLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledInfoTooltipbutton: import("styled-components").StyledComponent<"button", any, {}, never>;

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

@@ -1,4 +1,5 @@
 export function Breadcrumbs({ links, invert }: {
     links: any;
     invert: any;
-}): any;
+}): React.JSX.Element;
+import React from "react";

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

@@ -1,2 +1,2 @@
-export const StyledBreadcrumbs: any;
-export const StyledLinkCrumb: any;
+export const StyledBreadcrumbs: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledLinkCrumb: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;

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

@@ -1,6 +1,7 @@
-export function ButtonPrimary(props: any): any;
-export function ButtonSecondary(props: any): any;
-export function ButtonCustom(props: any): any;
-export function ButtonGhost(props: any): any;
-export function UploadButton(props: any): any;
-export function GoogleLogin(props: any): any;
+export function ButtonPrimary(props: any): React.JSX.Element;
+export function ButtonSecondary(props: any): React.JSX.Element;
+export function ButtonCustom(props: any): React.JSX.Element;
+export function ButtonGhost(props: any): React.JSX.Element;
+export function UploadButton(props: any): React.JSX.Element;
+export function GoogleLogin(props: any): React.JSX.Element;
+import React from "react";

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

@@ -1 +1 @@
-export const ButtonStyled: any;
+export const ButtonStyled: import("styled-components").StyledComponent<"button", any, {}, never>;

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

@@ -2,5 +2,10 @@ export function Comp({ children, className, style }: {
     children: any;
     className: any;
     style: any;
-}, ref: any): any;
-export const Container: any;
+}, ref: any): React.JSX.Element;
+export const Container: React.ForwardRefExoticComponent<{
+    children: any;
+    className: any;
+    style: any;
+} & React.RefAttributes<any>>;
+import React from "react";

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

@@ -1 +1 @@
-export const StyledContainer: any;
+export const StyledContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,2 +1,4 @@
-declare const _default: any;
+declare const _default: React.MemoExoticComponent<typeof DatePicker>;
 export default _default;
+declare function DatePicker(props: any): React.JSX.Element;
+import React from "react";

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

@@ -1,10 +1,10 @@
-export const StyledDateInputContainer: any;
-export const StyledInput: any;
-export const StyledDateInputWrapper: any;
-export const StyledCalenderContainer: any;
-export const StyledMonthView: any;
-export const StyledMonthTitle: any;
-export const StyledHeader: any;
-export const StyledWeekDaysWrapper: any;
-export const StyledWeekdays: any;
-export const StyledBodyWrapper: any;
+export const StyledDateInputContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledInput: import("styled-components").StyledComponent<"input", any, {}, never>;
+export const StyledDateInputWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledCalenderContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledMonthView: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledMonthTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledWeekDaysWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledWeekdays: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledBodyWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,2 +1,4 @@
-declare const _default: any;
+declare const _default: React.MemoExoticComponent<typeof DateRangePicker>;
 export default _default;
+declare function DateRangePicker(props: any): React.JSX.Element;
+import React from "react";

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

@@ -1,3 +1,3 @@
-export const StyledDateRangeInputWrapper: any;
-export const StyledDateRangeInputDivider: any;
-export const StyledDateRangeCheckbox: any;
+export const StyledDateRangeInputWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledDateRangeInputDivider: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledDateRangeCheckbox: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,3 +1,4 @@
 export function Divider({ invert }: {
     invert: any;
-}): any;
+}): React.JSX.Element;
+import React from "react";

package/dist/components/Dropdowns/DropdownMulti/index.d.ts

@@ -33,4 +33,5 @@ export function DropdownMulti({ saveValueAsString, value: valueProp, id, onChang
     S: any;
     disabled: any;
     broadcastShowOptions: any;
-}, ...args: any[]): any;
+}, ...args: any[]): React.JSX.Element;
+import React from "react";

package/dist/components/Dropdowns/DropdownSingle/index.d.ts

@@ -34,4 +34,5 @@ export function DropdownSingle({ optionsAnchor, lightboxHeight, lightboxStyle, s
     displayCompStyle: any;
     S: any;
     disabled: any;
-}, ...args: any[]): any;
+}, ...args: any[]): React.JSX.Element;
+import React from "react";

package/dist/components/Dropdowns/comps/Caret/index.d.ts

@@ -3,4 +3,5 @@ export function Caret({ invert, caretColor, showOptions, disabled }: {
     caretColor: any;
     showOptions: any;
     disabled: any;
-}): any;
+}): React.JSX.Element;
+import React from "react";

package/dist/components/Dropdowns/comps/Caret/styled.d.ts

@@ -1,2 +1,2 @@
-export const StyledCaret: any;
-export const StyledCaretClickArea: any;
+export const StyledCaret: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledCaretClickArea: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/components/Dropdowns/comps/DisplayCompSingle/index.d.ts

@@ -2,4 +2,5 @@ export function DisplayCompSingle({ value, invert, injectComma }: {
     value: any;
     invert: any;
     injectComma: any;
-}): any;
+}): React.JSX.Element;
+import React from "react";

package/dist/components/Dropdowns/comps/NoOptionResultsComp/index.d.ts

@@ -1,3 +1,4 @@
 export function NoOptionResultsComp({ S }: {
     S: any;
-}): any;
+}): React.JSX.Element;
+import React from "react";

package/dist/components/Dropdowns/comps/OptionContent/index.d.ts

@@ -3,4 +3,5 @@ export function OptionContent({ option, optionsClassName, invert, S }: {
     optionsClassName: any;
     invert: any;
     S: any;
-}): any;
+}): React.JSX.Element;
+import React from "react";

package/dist/components/Dropdowns/comps/OptionsMulti/index.d.ts

@@ -22,4 +22,5 @@ export function OptionsMulti({ lightboxHeight, lightboxStyle, optionsAnchor, val
     setFocusSelectTagsInput: any;
     popOutOfOverflowHiddenParent: any;
     S: any;
-}): any;
+}): React.JSX.Element;
+import React from "react";

package/dist/components/Dropdowns/comps/OptionsShell/index.d.ts

@@ -1 +1,2 @@
-export const OptionsShell: any;
+export const OptionsShell: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from "react";

package/dist/components/Dropdowns/comps/OptionsShell/styled.d.ts

@@ -1 +1 @@
-export const StyledModalOptionsWrapper: any;
+export const StyledModalOptionsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/components/Dropdowns/comps/OptionsSingle/index.d.ts

@@ -21,4 +21,5 @@ export function OptionsSingle({ lightboxHeight, lightboxStyle, optionsAnchor, va
     popOutOfOverflowHiddenParent: any;
     enableUseSetYOrientation?: boolean;
     S: any;
-}): any;
+}): React.JSX.Element;
+import React from "react";

package/dist/components/Dropdowns/comps/OptionsSingle/styled.d.ts

@@ -1,2 +1,2 @@
-export const StyledOptionsWrapper: any;
-export const StyledOption: any;
+export const StyledOptionsWrapper: import("styled-components").StyledComponent<"ul", any, {}, never>;
+export const StyledOption: import("styled-components").StyledComponent<"li", any, {}, never>;

package/dist/components/Dropdowns/comps/SelectDropdown/styled.d.ts

@@ -1 +1 @@
-export const StyledSelectWrapper: any;
+export const StyledSelectWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/components/Dropdowns/comps/SelectTagsInput/index.d.ts

@@ -12,4 +12,5 @@ export function SelectTagsInput({ invert, id, value, disabled, handleSelect, sea
     single_multi: any;
     showOptions: any;
     S: any;
-}): any;
+}): React.JSX.Element;
+import React from "react";

package/dist/components/Dropdowns/comps/SelectTagsInput/styled.d.ts

@@ -1,2 +1,2 @@
-export const StyledTagsSelectTextInput: any;
-export const StyledSelectTagsInputContainer: any;
+export const StyledTagsSelectTextInput: import("styled-components").StyledComponent<"input", any, {}, never>;
+export const StyledSelectTagsInputContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,2 +1,2 @@
-export const StyledDropdownRefWrapper: any;
-export const StyledTagsInputWrapper: any;
+export const StyledDropdownRefWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledTagsInputWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/components/Dropdowns/utils/genIcon.d.ts

@@ -1 +1,2 @@
-export function genIcon(icon: any): any;
+export function genIcon(icon: any): React.JSX.Element;
+import React from "react";

package/dist/components/Dropdowns/utils/genProfileImg.d.ts

@@ -3,5 +3,6 @@ export function genProfileImg({ image, display, invert, theme }: {
     display: any;
     invert: any;
     theme: any;
-}): any;
-export function renderImagePlaceholderForOolibPreview(): any;
+}): React.JSX.Element;
+export function renderImagePlaceholderForOolibPreview(): React.JSX.Element;
+import React from "react";

package/dist/components/Dropdowns/utils/genTagComp.d.ts

@@ -1 +1,2 @@
-export function genTagComp(id: any, d: any, options?: {}): any;
+export function genTagComp(id: any, d: any, options?: {}): React.JSX.Element;
+import React from "react";

package/dist/components/Dropdowns/utils/useCreateDropdownRefs.d.ts

@@ -1,5 +1,5 @@
 export function useCreateDropdownRefs(): {
-    selectRef: any;
-    searchInputRef: any;
-    dropdownRef: any;
+    selectRef: import("react").MutableRefObject<any>;
+    searchInputRef: import("react").MutableRefObject<any>;
+    dropdownRef: import("react").MutableRefObject<any>;
 };

package/dist/components/Dropdowns/utils/useHideShowOptions.d.ts

@@ -1,5 +1,5 @@
 export function useHideShowOptions(options?: {}): {
-    showOptions: any;
+    showOptions: boolean;
     handleHideOptions: () => void;
-    handleShowOptions: () => any;
+    handleShowOptions: () => void;
 };

package/dist/components/Dropdowns/utils/useKeyboardControl.d.ts

@@ -8,5 +8,5 @@ export function useKeyboardControl({ showOptions, handleHideOptions, optionsWrap
     id: any;
 }): {
     scrollFocussedOpIntoView: (el: any) => void;
-    focussedOp: any;
+    focussedOp: number;
 };

package/dist/components/Dropdowns/utils/useSetYOrientation.d.ts

@@ -4,6 +4,6 @@ export function useSetYOrientation({ showOptions, optionsRef, relativeToRef, ena
     relativeToRef: any;
     enabled: any;
 }): {
-    yOrientation: any;
+    yOrientation: string;
 };
 export function handleSetYOrientation(elemRef: any, anchorRef: any, setYOrientation: any): void;

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

@@ -2,4 +2,5 @@ export function EmptyStates({ preset, actionOnClick, additionalActionOnClick }:
     preset: any;
     actionOnClick: any;
     additionalActionOnClick: any;
-}): any;
+}): React.JSX.Element;
+import React from "react";

package/dist/components/Hints/contextApi.d.ts

@@ -1,5 +1,6 @@
-export const HintsContext: any;
+export const HintsContext: React.Context<any>;
 export function HintsProvider({ children }: {
     children: any;
-}): any;
+}): React.JSX.Element;
 export function useHintsContext(): any;
+import React from "react";

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

@@ -5,4 +5,5 @@ declare function Hints({ id, hints, title, btnlabel, subtitle }: {
     title?: string;
     btnlabel?: string;
     subtitle: any;
-}): any;
+}): React.JSX.Element;
+import React from "react";

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

@@ -1,6 +1,6 @@
-export const StyledHints: any;
-export const StyledLightbox: any;
-export const StyledLightBoxHeader: any;
-export const StyledLightBoxContent: any;
-export const StyledLightBoxList: any;
-export const StyledTriangle: any;
+export const StyledHints: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledLightbox: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledLightBoxHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledLightBoxContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledLightBoxList: import("styled-components").StyledComponent<"ul", any, {}, never>;
+export const StyledTriangle: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -6,4 +6,5 @@ export function HomeCover({ title, subtitle, desc, CTALink, customComp, coverIma
     customComp: any;
     coverImagesConfig: any;
     variant?: string;
-}): any;
+}): React.JSX.Element;
+import React from "react";

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

@@ -1,6 +1,6 @@
-export const StyledHomeCover: any;
-export const StyledHomeCoverImg: any;
-export const StyledHomeCoverImgWrapper: any;
-export const StyledHomeCoverTitle: any;
-export const StyledHomeCoverDesc: any;
-export const StyledHomeCoverDescContents: any;
+export const StyledHomeCover: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledHomeCoverImg: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledHomeCoverImgWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledHomeCoverTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledHomeCoverDesc: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledHomeCoverDescContents: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -4,4 +4,5 @@ export function InlineAlert({ text, link, type, style, invert }: {
     type?: string;
     style: any;
     invert: any;
-}): any;
+}): React.JSX.Element;
+import React from "react";

package/dist/components/LoadersAndProgress/LoaderCircle/index.d.ts

@@ -5,4 +5,5 @@ export function LoaderCircle({ isBlock, blockHeight, L, S, M, ...props }: {
     L: any;
     S: any;
     M: any;
-}): any;
+}): React.JSX.Element;
+import React from "react";

package/dist/components/LoadersAndProgress/LoaderOverlay/index.d.ts

@@ -1,3 +1,4 @@
 export function LoaderOverlay({ loaderText }: {
     loaderText: any;
-}): any;
+}): React.JSX.Element;
+import React from "react";

package/dist/components/LoadersAndProgress/ProgressBar/index.d.ts

@@ -5,4 +5,5 @@ export function ProgressBar({ progress, text, children, isBlock, blockHeight, ba
     isBlock?: boolean;
     blockHeight?: string;
     barWidth?: number;
-}): any;
+}): React.JSX.Element;
+import React from "react";

package/dist/components/LoadersAndProgress/SkeletonLoader/index.d.ts

@@ -1,3 +1,4 @@
 export function SkeletonLoader({ style }: {
     style: any;
-}): any;
+}): React.JSX.Element;
+import React from "react";

package/dist/components/LoadersAndProgress/SkeletonLoader/styled.d.ts

@@ -1 +1 @@
-export const StyledSkeletonLoader: any;
+export const StyledSkeletonLoader: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/components/LoadersAndProgress/SkeletonLoader/styled.js

@@ -32,5 +32,8 @@ var styled_components_1 = __importStar(require("styled-components"));
 var themes_1 = require("../../../themes");
 var utilsOolib_1 = require("../../../utilsOolib");
 var load = (0, styled_components_1.keyframes)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    from { left: -100%; }\n    to { left: 100%; }\n"], ["\n    from { left: -100%; }\n    to { left: 100%; }\n"])));
-exports.StyledSkeletonLoader = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    overflow: hidden;\n    position: relative;\n    background-color: ", ";\n  \n    &::before{\n      content: '';\n      display: block;\n      position: absolute;\n      left: -100%;\n      top: 0;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(to right, transparent 0%, ", " 50%, transparent 100%);\n      animation: ", " 1s cubic-bezier(0.4, 0.0, 0.2, 1);\n      animation-iteration-count:infinite;\n    }\n"], ["\n    overflow: hidden;\n    position: relative;\n    background-color: ", ";\n  \n    &::before{\n      content: '';\n      display: block;\n      position: absolute;\n      left: -100%;\n      top: 0;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(to right, transparent 0%, ", " 50%, transparent 100%);\n      animation: ", " 1s cubic-bezier(0.4, 0.0, 0.2, 1);\n      animation-iteration-count:infinite;\n    }\n"])), (0, utilsOolib_1.getPrimaryColor10)(), themes_1.colors.black_opacity05, load);
+exports.StyledSkeletonLoader = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    overflow: hidden;\n    position: relative;\n    background-color: ", ";\n  \n    &::before{\n      content: '';\n      display: block;\n      position: absolute;\n      left: -100%;\n      top: 0;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(to right, transparent 0%, ", " 50%, transparent 100%);\n      animation: ", " 1s cubic-bezier(0.4, 0.0, 0.2, 1);\n      animation-iteration-count:infinite;\n    }\n"], ["\n    overflow: hidden;\n    position: relative;\n    background-color: ", ";\n  \n    &::before{\n      content: '';\n      display: block;\n      position: absolute;\n      left: -100%;\n      top: 0;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(to right, transparent 0%, ", " 50%, transparent 100%);\n      animation: ", " 1s cubic-bezier(0.4, 0.0, 0.2, 1);\n      animation-iteration-count:infinite;\n    }\n"])), function (_a) {
+    var theme = _a.theme;
+    return (0, utilsOolib_1.getPrimaryColor10)(theme === null || theme === void 0 ? void 0 : theme.colors);
+}, themes_1.colors.black_opacity05, load);
 var templateObject_1, templateObject_2;

package/dist/components/LoadersAndProgress/TextLoader/index.d.ts

@@ -1,3 +1,4 @@
 export function TextLoader({ style }: {
     style: any;
-}): any;
+}): React.JSX.Element;
+import React from "react";

package/dist/components/LoadersAndProgress/TextLoader/index.js

@@ -17,9 +17,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextLoader = void 0;
 var react_1 = __importDefault(require("react"));
 var styled_1 = require("../SkeletonLoader/styled");
-var themes_1 = require("../../../themes");
+var styled_components_1 = require("styled-components");
+var utilsOolib_1 = require("../../../utilsOolib");
 var TextLoader = function (_a) {
     var style = _a.style;
-    return react_1.default.createElement(styled_1.StyledSkeletonLoader, { style: __assign(__assign({}, (style || {})), { backgroundColor: themes_1.colors.primaryColor10, width: (style === null || style === void 0 ? void 0 : style.width) || "8rem", height: (style === null || style === void 0 ? void 0 : style.height) || "1.5rem" }) });
+    var theme = (0, styled_components_1.useTheme)();
+    return react_1.default.createElement(styled_1.StyledSkeletonLoader, { style: __assign(__assign({ backgroundColor: (0, utilsOolib_1.getPrimaryColor10)(theme === null || theme === void 0 ? void 0 : theme.colors) }, (style || {})), { width: (style === null || style === void 0 ? void 0 : style.width) || "8rem", height: (style === null || style === void 0 ? void 0 : style.height) || "1.5rem" }) });
 };
 exports.TextLoader = TextLoader;

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

@@ -1,5 +1,5 @@
-export const StyledCircLoader: any;
-export const StyledLoaderWrapper: any;
-export const StyledLoaderOverlay: any;
-export const StyledHorLoader: any;
-export const StyledHorLoadingBar: any;
+export const StyledCircLoader: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledLoaderWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledLoaderOverlay: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledHorLoader: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledHorLoadingBar: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/components/LoadersAndProgress/utils/index.d.ts

@@ -1,5 +1,5 @@
 export function getTypoAndLoaderDimensions(size: any): {
-    TypoComp: (props: any) => any;
+    TypoComp: (props: any) => import("react").JSX.Element;
     trackThickness: number;
     diameter: number;
 };

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

@@ -1 +1,2 @@
-export function MarginLeftRightMinus20(props: any): any;
+export function MarginLeftRightMinus20(props: any): React.JSX.Element;
+import React from "react";

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

@@ -5,4 +5,5 @@ export function ModalHeaderStyle1({ title, linkTo, onClose, setAnimPos, initAnim
     setAnimPos: any;
     initAnimPos: any;
     invert: any;
-}): any;
+}): React.JSX.Element;
+import React from "react";

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

@@ -4,4 +4,5 @@ export function ModalHeaderStyle2({ title, subtitle, onClose, setAnimPos, initAn
     onClose: any;
     setAnimPos: any;
     initAnimPos: any;
-}): any;
+}): React.JSX.Element;
+import React from "react";

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

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

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

@@ -1,7 +1,7 @@
-export const StyledModalLargeBg: any;
-export const StyledModalLargeBgColor: any;
-export const StyledModalLargeContentWrapper: any;
-export const StyledModalLargeHeader: any;
-export const StyledModalLargeBody: any;
-export const StyledModalHeaderStyle2Container: any;
-export const StyledModalHeaderStyle2Title: any;
+export const StyledModalLargeBg: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
+export const StyledModalLargeBgColor: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
+export const StyledModalLargeContentWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledModalLargeHeader: import("styled-components").StyledComponent<"header", any, {}, never>;
+export const StyledModalLargeBody: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledModalHeaderStyle2Container: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledModalHeaderStyle2Title: import("styled-components").StyledComponent<"div", any, {}, never>;

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

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

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

@@ -1,5 +1,5 @@
-export const StyledModalSmall: any;
-export const StyledModalSmallContentWrapper: any;
-export const StyledModalSmallContent: any;
-export const StyledModalSmallClose: any;
-export const StyledModalSmallContentSubtitle: any;
+export const StyledModalSmall: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
+export const StyledModalSmallContentWrapper: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
+export const StyledModalSmallContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledModalSmallClose: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledModalSmallContentSubtitle: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/components/Modals/derivedComps/ModalConfirm/index.d.ts

@@ -6,4 +6,5 @@ export function ModalConfirm({ title, subTitle, onClose, onCloseText, children,
     children: any;
     onConfirm: any;
     onConfirmText?: string;
-}): any;
+}): React.JSX.Element;
+import React from "react";