oolib 2.110.0 → 2.111.0

package/dist/icons/index.d.ts

@@ -163,117 +163,118 @@ export namespace icons {
     export { ChileFlag };
     export { PakistanFlag };
     export { SpainFlag };
+    export { Stars };
 }
-import { PencilSimple } from "phosphor-react";
-import { PencilLine } from "phosphor-react";
-import { Plus } from "phosphor-react";
-import { Lightbulb } from "phosphor-react";
-import { Tag } from "phosphor-react";
-import { UploadSimple } from "phosphor-react";
-import { CaretLeft } from "phosphor-react";
-import { CaretRight } from "phosphor-react";
-import { XCircle } from "phosphor-react";
-import { XSquare } from "phosphor-react";
-import { DownloadSimple } from "phosphor-react";
-import { ArrowLineUpRight } from "phosphor-react";
-import { User } from "phosphor-react";
-import { UserCirclePlus } from "phosphor-react";
-import { MapPinLine } from "phosphor-react";
-import { WarningCircle } from "phosphor-react";
-import { HighlighterCircle } from "phosphor-react";
-import { Paperclip } from "phosphor-react";
-import { SpeakerHigh } from "phosphor-react";
-import { ArrowLeft } from "phosphor-react";
-import { CalendarBlank } from "phosphor-react";
-import { Trash } from "phosphor-react";
-import { DotsThreeVertical } from "phosphor-react";
-import { DotsThree } from "phosphor-react";
-import { CaretUp } from "phosphor-react";
-import { CaretDown } from "phosphor-react";
-import { ShareNetwork } from "phosphor-react";
-import { X } from "phosphor-react";
-import { WhatsappLogo } from "phosphor-react";
-import { FacebookLogo } from "phosphor-react";
-import { TwitterLogo } from "phosphor-react";
-import { LinkedinLogo } from "phosphor-react";
-import { YoutubeLogo } from "phosphor-react";
-import { InstagramLogo } from "phosphor-react";
-import { Globe } from "phosphor-react";
-import { Phone } from "phosphor-react";
-import { Envelope } from "phosphor-react";
-import { Checks } from "phosphor-react";
-import { Check } from "phosphor-react";
-import { ArrowClockwise } from "phosphor-react";
-import { ArrowsClockwise } from "phosphor-react";
-import { ArrowsIn } from "phosphor-react";
-import { ArrowsOut } from "phosphor-react";
-import { MapPin } from "phosphor-react";
-import { ArrowDown } from "phosphor-react";
-import { ArrowsDownUp } from "phosphor-react";
-import { ArrowUp } from "phosphor-react";
-import { GearSix } from "phosphor-react";
-import { Wrench } from "phosphor-react";
-import { CheckSquare } from "phosphor-react";
-import { CheckSquareOffset } from "phosphor-react";
-import { Cards } from "phosphor-react";
-import { SignOut } from "phosphor-react";
-import { Swap } from "phosphor-react";
-import { CheckCircle } from "phosphor-react";
-import { Circle } from "phosphor-react";
-import { ImageSquare } from "phosphor-react";
-import { ListDashes } from "phosphor-react";
-import { ListNumbers } from "phosphor-react";
-import { ListPlus } from "phosphor-react";
-import { List } from "phosphor-react";
-import { FileArrowUp } from "phosphor-react";
-import { VideoCamera } from "phosphor-react";
-import { Quotes } from "phosphor-react";
-import { SpeakerSimpleHigh } from "phosphor-react";
-import { FilePdf } from "phosphor-react";
-import { MagnifyingGlass } from "phosphor-react";
-import { Eye } from "phosphor-react";
-import { EyeClosed } from "phosphor-react";
-import { Minus } from "phosphor-react";
-import { TextHOne } from "phosphor-react";
-import { TextHTwo } from "phosphor-react";
-import { TextHThree } from "phosphor-react";
-import { TextBolder } from "phosphor-react";
-import { TextItalic } from "phosphor-react";
-import { TextUnderline } from "phosphor-react";
-import { ArrowRight } from "phosphor-react";
-import { Sliders } from "phosphor-react";
-import { Faders } from "phosphor-react";
-import { Code } from "phosphor-react";
-import { SortDescending } from "phosphor-react";
-import { SortAscending } from "phosphor-react";
-import { Crosshair } from "phosphor-react";
-import { MicrophoneStage } from "phosphor-react";
-import { File } from "phosphor-react";
-import { FolderSimple } from "phosphor-react";
-import { FolderSimpleStar } from "phosphor-react";
-import { LinkSimple } from "phosphor-react";
-import { Laptop } from "phosphor-react";
-import { Info } from "phosphor-react";
-import { DotsSixVertical } from "phosphor-react";
-import { Bell } from "phosphor-react";
-import { UserSwitch } from "phosphor-react";
-import { PlusMinus } from "phosphor-react";
-import { SelectionAll } from "phosphor-react";
-import { Activity } from "phosphor-react";
-import { Browsers } from "phosphor-react";
-import { Cube } from "phosphor-react";
-import { Table } from "phosphor-react";
-import { UserList } from "phosphor-react";
-import { Binoculars } from "phosphor-react";
-import { LightbulbFilament } from "phosphor-react";
-import { Keyboard } from "phosphor-react";
-import { TextAa } from "phosphor-react";
-import { ThumbsUp } from "phosphor-react";
-import { ChatText } from "phosphor-react";
-import { SlackLogo } from "phosphor-react";
-import { SquareHalf } from "phosphor-react";
-import { SquareHalfBottom } from "phosphor-react";
-import { MagicWand } from "phosphor-react";
+import { PencilSimple } from 'phosphor-react';
+import { PencilLine } from 'phosphor-react';
+import { Plus } from 'phosphor-react';
+import { Lightbulb } from 'phosphor-react';
+import { Tag } from 'phosphor-react';
+import { UploadSimple } from 'phosphor-react';
+import { CaretLeft } from 'phosphor-react';
+import { CaretRight } from 'phosphor-react';
+import { XCircle } from 'phosphor-react';
+import { XSquare } from 'phosphor-react';
+import { DownloadSimple } from 'phosphor-react';
+import { ArrowLineUpRight } from 'phosphor-react';
+import { User } from 'phosphor-react';
+import { UserCirclePlus } from 'phosphor-react';
+import { MapPinLine } from 'phosphor-react';
+import { WarningCircle } from 'phosphor-react';
+import { HighlighterCircle } from 'phosphor-react';
+import { Paperclip } from 'phosphor-react';
+import { SpeakerHigh } from 'phosphor-react';
+import { ArrowLeft } from 'phosphor-react';
+import { CalendarBlank } from 'phosphor-react';
+import { Trash } from 'phosphor-react';
+import { DotsThreeVertical } from 'phosphor-react';
+import { DotsThree } from 'phosphor-react';
+import { CaretUp } from 'phosphor-react';
+import { CaretDown } from 'phosphor-react';
+import { ShareNetwork } from 'phosphor-react';
+import { X } from 'phosphor-react';
+import { WhatsappLogo } from 'phosphor-react';
+import { FacebookLogo } from 'phosphor-react';
+import { TwitterLogo } from 'phosphor-react';
+import { LinkedinLogo } from 'phosphor-react';
+import { YoutubeLogo } from 'phosphor-react';
+import { InstagramLogo } from 'phosphor-react';
+import { Globe } from 'phosphor-react';
+import { Phone } from 'phosphor-react';
+import { Envelope } from 'phosphor-react';
+import { Checks } from 'phosphor-react';
+import { Check } from 'phosphor-react';
+import { ArrowClockwise } from 'phosphor-react';
+import { ArrowsClockwise } from 'phosphor-react';
+import { ArrowsIn } from 'phosphor-react';
+import { ArrowsOut } from 'phosphor-react';
+import { MapPin } from 'phosphor-react';
+import { ArrowDown } from 'phosphor-react';
+import { ArrowsDownUp } from 'phosphor-react';
+import { ArrowUp } from 'phosphor-react';
+import { GearSix } from 'phosphor-react';
+import { Wrench } from 'phosphor-react';
+import { CheckSquare } from 'phosphor-react';
+import { CheckSquareOffset } from 'phosphor-react';
+import { Cards } from 'phosphor-react';
+import { SignOut } from 'phosphor-react';
+import { Swap } from 'phosphor-react';
+import { CheckCircle } from 'phosphor-react';
+import { Circle } from 'phosphor-react';
+import { ImageSquare } from 'phosphor-react';
+import { ListDashes } from 'phosphor-react';
+import { ListNumbers } from 'phosphor-react';
+import { ListPlus } from 'phosphor-react';
+import { List } from 'phosphor-react';
+import { FileArrowUp } from 'phosphor-react';
+import { VideoCamera } from 'phosphor-react';
+import { Quotes } from 'phosphor-react';
+import { SpeakerSimpleHigh } from 'phosphor-react';
+import { FilePdf } from 'phosphor-react';
+import { MagnifyingGlass } from 'phosphor-react';
+import { Eye } from 'phosphor-react';
+import { EyeClosed } from 'phosphor-react';
+import { Minus } from 'phosphor-react';
+import { TextHOne } from 'phosphor-react';
+import { TextHTwo } from 'phosphor-react';
+import { TextHThree } from 'phosphor-react';
+import { TextBolder } from 'phosphor-react';
+import { TextItalic } from 'phosphor-react';
+import { TextUnderline } from 'phosphor-react';
+import { ArrowRight } from 'phosphor-react';
+import { Sliders } from 'phosphor-react';
+import { Faders } from 'phosphor-react';
+import { Code } from 'phosphor-react';
+import { SortDescending } from 'phosphor-react';
+import { SortAscending } from 'phosphor-react';
+import { Crosshair } from 'phosphor-react';
+import { MicrophoneStage } from 'phosphor-react';
+import { File } from 'phosphor-react';
+import { FolderSimple } from 'phosphor-react';
+import { FolderSimpleStar } from 'phosphor-react';
+import { LinkSimple } from 'phosphor-react';
+import { Laptop } from 'phosphor-react';
+import { Info } from 'phosphor-react';
+import { DotsSixVertical } from 'phosphor-react';
+import { Bell } from 'phosphor-react';
+import { UserSwitch } from 'phosphor-react';
+import { PlusMinus } from 'phosphor-react';
+import { SelectionAll } from 'phosphor-react';
+import { Activity } from 'phosphor-react';
+import { Browsers } from 'phosphor-react';
+import { Cube } from 'phosphor-react';
+import { Table } from 'phosphor-react';
+import { UserList } from 'phosphor-react';
+import { Binoculars } from 'phosphor-react';
+import { LightbulbFilament } from 'phosphor-react';
+import { Keyboard } from 'phosphor-react';
+import { TextAa } from 'phosphor-react';
+import { ThumbsUp } from 'phosphor-react';
+import { ChatText } from 'phosphor-react';
+import { SlackLogo } from 'phosphor-react';
+import { SquareHalf } from 'phosphor-react';
+import { SquareHalfBottom } from 'phosphor-react';
+import { MagicWand } from 'phosphor-react';
 import { OkeGoogleIcon } from "./custom";
 import { LetterH } from "./custom";
 import { IndexIcon } from "./custom";
@@ -328,3 +329,4 @@ import { ColombiaFlag } from "./custom";
 import { ChileFlag } from "./custom";
 import { PakistanFlag } from "./custom";
 import { SpainFlag } from "./custom";
+import { Stars } from "./custom";

package/dist/icons/index.js

@@ -168,5 +168,6 @@ exports.icons = {
     ColombiaFlag: custom_1.ColombiaFlag,
     ChileFlag: custom_1.ChileFlag,
     PakistanFlag: custom_1.PakistanFlag,
-    SpainFlag: custom_1.SpainFlag
+    SpainFlag: custom_1.SpainFlag,
+    Stars: custom_1.Stars
 };

package/dist/stories/Accordion.stories.d.ts

@@ -0,0 +1,78 @@
+/// <reference types="mdx" />
+declare namespace _default {
+    let title: string;
+    namespace argTypes {
+        export namespace HeaderStyle {
+            let name: string;
+            let options: string[];
+            namespace control {
+                let type: string;
+            }
+        }
+        export namespace title_1 {
+            let name_1: string;
+            export { name_1 as name };
+        }
+        export { title_1 as title };
+        export namespace label {
+            let name_2: string;
+            export { name_2 as name };
+        }
+        export namespace percent {
+            let name_3: string;
+            export { name_3 as name };
+            export namespace control_1 {
+                let type_1: string;
+                export { type_1 as type };
+                export let min: number;
+                export let max: number;
+                export let step: number;
+            }
+            export { control_1 as control };
+            export namespace table {
+                let category: string;
+            }
+        }
+        export namespace infoTooltip {
+            let name_4: string;
+            export { name_4 as name };
+            export namespace table_1 {
+                let category_1: string;
+                export { category_1 as category };
+            }
+            export { table_1 as table };
+        }
+        export namespace showPercent {
+            let name_5: string;
+            export { name_5 as name };
+            export namespace table_2 {
+                let category_2: string;
+                export { category_2 as category };
+            }
+            export { table_2 as table };
+        }
+    }
+    namespace args {
+        let HeaderStyle_1: string;
+        export { HeaderStyle_1 as HeaderStyle };
+        let label_1: string;
+        export { label_1 as label };
+        let title_2: string;
+        export { title_2 as title };
+        let infoTooltip_1: boolean;
+        export { infoTooltip_1 as infoTooltip };
+        let showPercent_1: boolean;
+        export { showPercent_1 as showPercent };
+        let percent_1: number;
+        export { percent_1 as percent };
+    }
+    namespace parameters {
+        namespace docs {
+            export { AccordionDocs as page };
+        }
+    }
+}
+export default _default;
+export function Accordion(args: any): React.JSX.Element;
+import AccordionDocs from './Accordion.mdx';
+import React from "react";

package/dist/stories/Accordion.stories.js

@@ -0,0 +1,93 @@
+"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.Accordion = void 0;
+var react_1 = __importDefault(require("react"));
+var Accordion_1 = require("../components/Accordion");
+var themes_1 = require("../themes");
+var Accordion_mdx_1 = __importDefault(require("./Accordion.mdx"));
+var Typo_1 = require("../components/Typo");
+exports.default = {
+    title: "Components/Accordion",
+    argTypes: {
+        HeaderStyle: {
+            name: "Header Style",
+            options: ["HeaderStyle1", "HeaderStyle2", "HeaderStyle3"],
+            control: { type: "select" }
+        },
+        title: {
+            name: "Title"
+        },
+        label: {
+            name: "Label"
+        },
+        percent: {
+            name: "Set Percentage",
+            control: { type: 'range', min: 1, max: 100, step: 1 },
+            table: {
+                category: 'HeaderStyle 2 Options',
+            },
+        },
+        infoTooltip: {
+            control: { type: 'text' },
+            table: {
+                category: 'HeaderStyle 2 Options',
+            },
+        },
+        showPercent: {
+            name: "Completion Rate",
+            table: {
+                category: 'HeaderStyle 2 Options',
+            },
+        },
+        infoTooltip: {
+            name: "Info Tooltip",
+            table: {
+                category: 'HeaderStyle 2 Options',
+            },
+        }
+    },
+    args: {
+        HeaderStyle: "HeaderStyle1",
+        // invert: false,
+        label: "Label",
+        title: "This is the title",
+        infoTooltip: false,
+        showPercent: true,
+        percent: 39,
+    },
+    parameters: {
+        docs: {
+            page: Accordion_mdx_1.default,
+        },
+    },
+};
+var Accordion = function (args) {
+    args.actions = [
+        __assign({ display: args.action1 }, (args.optionIcon1 ? { icon: args.optionIcon1 } : {})),
+        __assign({ display: args.action2 }, (args.optionIcon2 ? { icon: args.optionIcon2 } : {})),
+        __assign({ display: args.action3 }, (args.optionIcon3 ? { icon: args.optionIcon3 } : {})),
+    ];
+    var showPercent;
+    if (args.showPercent) {
+        showPercent = { value: args.percent };
+    }
+    args.M = args.buttonSize === 'M';
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement(Accordion_1.Accordion, __assign({}, args, { percent: showPercent, infoTooltip: "Header Style 2", children: react_1.default.createElement("div", { style: { height: '400px', background: themes_1.colors.blue, display: 'flex', alignItems: 'center', justifyContent: 'center' } },
+                react_1.default.createElement(Typo_1.SANS_5_6, null, "Hello World")) }))));
+};
+exports.Accordion = Accordion;

package/dist/stories/ActionMenu.stories.d.ts

@@ -0,0 +1,166 @@
+/// <reference types="mdx" />
+declare namespace _default {
+    let title: string;
+    namespace argTypes {
+        namespace ButtonComp {
+            let name: string;
+            let options: string[];
+            namespace mapping {
+                let Primary: string;
+                let Secondary: string;
+                let Ghost: string;
+            }
+            namespace control {
+                let type: string;
+            }
+            let defaultValue: string;
+        }
+        namespace buttonSize {
+            let name_1: string;
+            export { name_1 as name };
+            let options_1: string[];
+            export { options_1 as options };
+            export namespace mapping_1 {
+                let Small: string;
+                let Medium: string;
+            }
+            export { mapping_1 as mapping };
+            export namespace control_1 {
+                let type_1: string;
+                export { type_1 as type };
+            }
+            export { control_1 as control };
+            let defaultValue_1: string;
+            export { defaultValue_1 as defaultValue };
+        }
+        namespace icon {
+            let name_2: string;
+            export { name_2 as name };
+            export { availableIcons as options };
+            export namespace control_2 {
+                let type_2: string;
+                export { type_2 as type };
+            }
+            export { control_2 as control };
+            let defaultValue_2: string;
+            export { defaultValue_2 as defaultValue };
+        }
+        namespace iconSize {
+            let name_3: string;
+            export { name_3 as name };
+            let options_2: string[];
+            export { options_2 as options };
+            export namespace mapping_2 {
+                let Small_1: string;
+                export { Small_1 as Small };
+                let Medium_1: string;
+                export { Medium_1 as Medium };
+            }
+            export { mapping_2 as mapping };
+            export namespace control_3 {
+                let type_3: string;
+                export { type_3 as type };
+            }
+            export { control_3 as control };
+            let defaultValue_3: string;
+            export { defaultValue_3 as defaultValue };
+        }
+        namespace align {
+            let name_4: string;
+            export { name_4 as name };
+            let options_3: string[];
+            export { options_3 as options };
+            export namespace control_4 {
+                let type_4: string;
+                export { type_4 as type };
+            }
+            export { control_4 as control };
+            let defaultValue_4: string;
+            export { defaultValue_4 as defaultValue };
+        }
+        namespace optionIcon1 {
+            let name_5: string;
+            export { name_5 as name };
+            export { availableIcons as options };
+            export namespace control_5 {
+                let type_5: string;
+                export { type_5 as type };
+            }
+            export { control_5 as control };
+            let defaultValue_5: string;
+            export { defaultValue_5 as defaultValue };
+        }
+        namespace optionIcon2 {
+            let name_6: string;
+            export { name_6 as name };
+            export { availableIcons as options };
+            export namespace control_6 {
+                let type_6: string;
+                export { type_6 as type };
+            }
+            export { control_6 as control };
+            let defaultValue_6: string;
+            export { defaultValue_6 as defaultValue };
+        }
+        namespace optionIcon3 {
+            let name_7: string;
+            export { name_7 as name };
+            export { availableIcons as options };
+            export namespace control_7 {
+                let type_7: string;
+                export { type_7 as type };
+            }
+            export { control_7 as control };
+            let defaultValue_7: string;
+            export { defaultValue_7 as defaultValue };
+        }
+        namespace action1 {
+            let name_8: string;
+            export { name_8 as name };
+        }
+        namespace action2 {
+            let name_9: string;
+            export { name_9 as name };
+        }
+        namespace action3 {
+            let name_10: string;
+            export { name_10 as name };
+        }
+    }
+    namespace args {
+        let ButtonComp_1: string;
+        export { ButtonComp_1 as ButtonComp };
+        let buttonSize_1: string;
+        export { buttonSize_1 as buttonSize };
+        let icon_1: string;
+        export { icon_1 as icon };
+        let iconSize_1: string;
+        export { iconSize_1 as iconSize };
+        let action1_1: string;
+        export { action1_1 as action1 };
+        let optionIcon1_1: string;
+        export { optionIcon1_1 as optionIcon1 };
+        let action2_1: string;
+        export { action2_1 as action2 };
+        let optionIcon2_1: string;
+        export { optionIcon2_1 as optionIcon2 };
+        let action3_1: string;
+        export { action3_1 as action3 };
+        let optionIcon3_1: string;
+        export { optionIcon3_1 as optionIcon3 };
+        export let invert: boolean;
+        let align_1: string;
+        export { align_1 as align };
+        export let popOutOfOverflowHiddenParent: boolean;
+    }
+    namespace parameters {
+        namespace docs {
+            export { ActionMenuDocs as page };
+        }
+    }
+}
+export default _default;
+export function ActionMenu(args: any): React.JSX.Element;
+declare const availableIcons: string[];
+import ActionMenuDocs from './ActionMenu.mdx';
+import React from "react";