oolib 2.57.4 → 2.57.6

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

@@ -1,60 +1,61 @@
 export function IndexIcon({ color, size }: {
     color?: string;
     size?: number;
-}): any;
-export function MultipleImages(props: any): any;
+}): React.JSX.Element;
+export function MultipleImages(props: any): React.JSX.Element;
 export function LanguageIcon({ color, size }: {
     color?: string;
     size?: number;
-}): any;
+}): React.JSX.Element;
 export function LetterH({ role, size }: {
     role: any;
     size: any;
-}): any;
-export function OkeGoogleIcon(props: any): any;
-export function BadgeAdmin(props: any): any;
-export function BadgeSuperAdmin(props: any): any;
-export function BadgeMod(props: any): any;
-export function BadgeVetted(props: any): any;
-export function IndiaFlag(props: any): any;
-export function NigeriaFlag(props: any): any;
-export function KenyaFlag(props: any): any;
-export function ModalBulbIcon(): any;
-export function Location14(props: any): any;
-export function Person14(props: any): any;
-export function Index(): any;
-export function Download__nofill(props: any): any;
-export function Download(props: any): any;
-export function UploadSM(props: any): any;
-export function AddXS(props: any): any;
-export function EditSM(props: any): any;
-export function Facebook_solid_SM(props: any): any;
-export function Linkedin_solid_SM(props: any): any;
-export function Twitter_solid_SM(props: any): any;
-export function Instagram_solid_SM(props: any): any;
-export function Youtube_solid_SM(props: any): any;
-export function Mail_solid_SM(props: any): any;
-export function Phone_solid_SM(props: any): any;
-export function Website_solid_SM(props: any): any;
-export function KebabMenu(props: any): any;
-export function UploadImage(props: any): any;
-export function Close_S(props: any): any;
-export function SettingsSM(props: any): any;
-export function BoldBtn(props: any): any;
-export function ItalicBtn(props: any): any;
-export function UnderlineBtn(props: any): any;
-export function LinkIcon(props: any): any;
-export function RichFormatToolBlockquote(props: any): any;
-export function RichFormatToolH2(props: any): any;
-export function RichFormatToolUnorderedList(props: any): any;
-export function RichFormatToolOrderedList(props: any): any;
-export function PDFIcon(props: any): any;
-export function Attachment2(props: any): any;
-export function VideoEmbedIcon(props: any): any;
-export function AudioEmbedIcon(props: any): any;
-export function BrazilFlag(props: any): any;
-export function ColombiaFlag(props: any): any;
-export function MalaysiaFlag(props: any): any;
-export function UKFlag(props: any): any;
-export function USAFlag(props: any): any;
-export function IndonesiaFlag(props: any): any;
+}): React.JSX.Element;
+export function OkeGoogleIcon(props: any): React.JSX.Element;
+export function BadgeAdmin(props: any): React.JSX.Element;
+export function BadgeSuperAdmin(props: any): React.JSX.Element;
+export function BadgeMod(props: any): React.JSX.Element;
+export function BadgeVetted(props: any): React.JSX.Element;
+export function IndiaFlag(props: any): React.JSX.Element;
+export function NigeriaFlag(props: any): React.JSX.Element;
+export function KenyaFlag(props: any): React.JSX.Element;
+export function ModalBulbIcon(): React.JSX.Element;
+export function Location14(props: any): React.JSX.Element;
+export function Person14(props: any): React.JSX.Element;
+export function Index(): React.JSX.Element;
+export function Download__nofill(props: any): React.JSX.Element;
+export function Download(props: any): React.JSX.Element;
+export function UploadSM(props: any): React.JSX.Element;
+export function AddXS(props: any): React.JSX.Element;
+export function EditSM(props: any): React.JSX.Element;
+export function Facebook_solid_SM(props: any): React.JSX.Element;
+export function Linkedin_solid_SM(props: any): React.JSX.Element;
+export function Twitter_solid_SM(props: any): React.JSX.Element;
+export function Instagram_solid_SM(props: any): React.JSX.Element;
+export function Youtube_solid_SM(props: any): React.JSX.Element;
+export function Mail_solid_SM(props: any): React.JSX.Element;
+export function Phone_solid_SM(props: any): React.JSX.Element;
+export function Website_solid_SM(props: any): React.JSX.Element;
+export function KebabMenu(props: any): React.JSX.Element;
+export function UploadImage(props: any): React.JSX.Element;
+export function Close_S(props: any): React.JSX.Element;
+export function SettingsSM(props: any): React.JSX.Element;
+export function BoldBtn(props: any): React.JSX.Element;
+export function ItalicBtn(props: any): React.JSX.Element;
+export function UnderlineBtn(props: any): React.JSX.Element;
+export function LinkIcon(props: any): React.JSX.Element;
+export function RichFormatToolBlockquote(props: any): React.JSX.Element;
+export function RichFormatToolH2(props: any): React.JSX.Element;
+export function RichFormatToolUnorderedList(props: any): React.JSX.Element;
+export function RichFormatToolOrderedList(props: any): React.JSX.Element;
+export function PDFIcon(props: any): React.JSX.Element;
+export function Attachment2(props: any): React.JSX.Element;
+export function VideoEmbedIcon(props: any): React.JSX.Element;
+export function AudioEmbedIcon(props: any): React.JSX.Element;
+export function BrazilFlag(props: any): React.JSX.Element;
+export function ColombiaFlag(props: any): React.JSX.Element;
+export function MalaysiaFlag(props: any): React.JSX.Element;
+export function UKFlag(props: any): React.JSX.Element;
+export function USAFlag(props: any): React.JSX.Element;
+export function IndonesiaFlag(props: any): React.JSX.Element;
+import React from "react";

package/dist/index.d.ts

@@ -39,5 +39,6 @@ export { BarChart } from "./components/dataViz/comps/BarChart";
 export { TextLoader } from "./components/LoadersAndProgress/TextLoader";
 export { DropdownSingle } from "./components/Dropdowns/DropdownSingle";
 export { DropdownMulti } from "./components/Dropdowns/DropdownMulti";
+export { OptionsSingle } from "./components/Dropdowns/comps/OptionsSingle";
 export { HintsProvider } from "./components/Hints/contextApi";
 export { LoaderCircle, ProgressBar, LoaderCircle as Loader, LoaderOverlay } from "./components/LoadersAndProgress";

package/dist/index.js

@@ -17,7 +17,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.HintsProvider = exports.DropdownMulti = exports.DropdownSingle = exports.TextLoader = exports.BarChart = exports.DateRangePicker = exports.DatePicker = 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.HintsProvider = exports.OptionsSingle = exports.DropdownMulti = exports.DropdownSingle = exports.TextLoader = exports.BarChart = exports.DateRangePicker = exports.DatePicker = 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;
 //css and styling related ( styled-components )
 var globalStyles_1 = require("./globalStyles");
 Object.defineProperty(exports, "GlobalStyles", { enumerable: true, get: function () { return globalStyles_1.GlobalStyles; } });
@@ -91,6 +91,8 @@ var DropdownSingle_1 = require("./components/Dropdowns/DropdownSingle");
 Object.defineProperty(exports, "DropdownSingle", { enumerable: true, get: function () { return DropdownSingle_1.DropdownSingle; } });
 var DropdownMulti_1 = require("./components/Dropdowns/DropdownMulti");
 Object.defineProperty(exports, "DropdownMulti", { enumerable: true, get: function () { return DropdownMulti_1.DropdownMulti; } });
+var OptionsSingle_1 = require("./components/Dropdowns/comps/OptionsSingle");
+Object.defineProperty(exports, "OptionsSingle", { enumerable: true, get: function () { return OptionsSingle_1.OptionsSingle; } });
 ////// context
 var contextApi_1 = require("./components/Hints/contextApi");
 Object.defineProperty(exports, "HintsProvider", { enumerable: true, get: function () { return contextApi_1.HintsProvider; } });

package/dist/themes/mixins/boxShadows.d.ts

@@ -1,3 +1,3 @@
-export const boxShadow0: any;
-export const boxShadow1: any;
-export const innerShadow0: any;
+export const boxShadow0: import("styled-components").FlattenSimpleInterpolation;
+export const boxShadow1: import("styled-components").FlattenSimpleInterpolation;
+export const innerShadow0: import("styled-components").FlattenSimpleInterpolation;

package/dist/themes/mixins/index.d.ts

@@ -2,7 +2,7 @@ export { transition } from "./transitions";
 export function getBreakPoint(point: any): 0 | 600 | 800 | 1000 | 1300 | 1600 | "pass a valid breakpoint";
 export function mediaQuery(point: any): string;
 export function isElementInViewport(el: any): boolean;
-export const ellipsis: any;
-export function clampText(noOfLines: any): any;
-export function multilineUnderline(color: any, thickness?: string, reverse?: boolean, hovered?: boolean): any;
+export const ellipsis: import("styled-components").FlattenSimpleInterpolation;
+export function clampText(noOfLines: any): import("styled-components").FlattenSimpleInterpolation;
+export function multilineUnderline(color: any, thickness?: string, reverse?: boolean, hovered?: boolean): import("styled-components").FlattenSimpleInterpolation;
 export { boxShadow0, boxShadow1, innerShadow0 } from "./boxShadows";

package/dist/themes/mixins/transitions.d.ts

@@ -1 +1 @@
-export function transition(...properties: any[]): any;
+export function transition(...properties: any[]): import("styled-components").FlattenSimpleInterpolation;

package/dist/themes/typo.d.ts

@@ -20,24 +20,24 @@ export namespace typo {
     export { SANS_5_6 };
     export { BLOCKQUOTE };
 }
-declare const serif: any;
-declare const sansSerif: any;
-declare const SANS_0: any;
-declare const SANS_2: any;
-declare const SANS_3: any;
-declare const SANS_3_4: any;
-declare const LABEL: any;
-declare const SANS_4: any;
-declare const SERIF_3_4: any;
-declare const SERIF_3: any;
-declare const SERIF_5_6: any;
-declare const SERIF_9_10: any;
-declare const SERIF_4_5: any;
-declare const SERIF_6_7: any;
-declare const SERIF_7_8: any;
-declare const SERIF_8_9: any;
-declare const SANS_4_5: any;
-declare const SANS_7_8: any;
-declare const SANS_5_6: any;
-declare const BLOCKQUOTE: any;
+declare const serif: import("styled-components").FlattenSimpleInterpolation;
+declare const sansSerif: import("styled-components").FlattenSimpleInterpolation;
+declare const SANS_0: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+declare const SANS_2: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+declare const SANS_3: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+declare const SANS_3_4: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+declare const LABEL: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+declare const SANS_4: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+declare const SERIF_3_4: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+declare const SERIF_3: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+declare const SERIF_5_6: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+declare const SERIF_9_10: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+declare const SERIF_4_5: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+declare const SERIF_6_7: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+declare const SERIF_7_8: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+declare const SERIF_8_9: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+declare const SANS_4_5: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+declare const SANS_7_8: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+declare const SANS_5_6: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+declare const BLOCKQUOTE: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
 export {};

package/dist/utils/comps/index.d.ts

@@ -3,4 +3,5 @@ export function DisplayIcon({ icon, size, color, weight }: {
     size: any;
     color: any;
     weight?: string;
-}): any;
+}): React.JSX.Element;
+import React from "react";

package/dist/utils/customHooks/useScreenWidth.d.ts

@@ -1 +1 @@
-export function useScreenWidth(resizeFn: any): any;
+export function useScreenWidth(resizeFn: any): number;

package/dist/utils/customHooks/useScrollBar.d.ts

@@ -1,7 +1,7 @@
 export function useScrollBar(): {
-    scrollContainerRef: any;
-    scrollX: any;
+    scrollContainerRef: import("react").MutableRefObject<any>;
+    scrollX: number;
     slide: (direction: any) => void;
-    scrollIsAtEnd: any;
+    scrollIsAtEnd: boolean;
     scrollIsAtStart: boolean;
 };

package/dist/utils/usePopOutOfOverflowHiddenParent.d.ts

@@ -1,6 +1,6 @@
 export function usePopOutOfOverflowHiddenParent(popOutOfOverflowHiddenParent: any): {
-    trackerRef: any;
-    applyFixedPos: () => any;
-    removeFixedPos: () => any;
+    trackerRef: import("react").MutableRefObject<any>;
+    applyFixedPos: () => void;
+    removeFixedPos: () => void;
     fixPos: any;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oolib",
-  "version": "2.57.4",
+  "version": "2.57.6",
   "description": " OKE Component Library",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -53,6 +53,7 @@
     "@storybook/builder-webpack5": "^6.4.0-beta.7",
     "@storybook/manager-webpack5": "^6.4.0-beta.7",
     "@storybook/react": "^6.4.0-beta.7",
+    "@types/styled-components": "^5.1.26",
     "babel-loader": "^8.2.2",
     "babel-plugin-styled-components": "^1.13.2",
     "chromatic": "^6.1.0",