oolib 2.195.2 → 2.197.0

package/dist/components/Accordion/index.js

@@ -35,7 +35,6 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Accordion = void 0;
 var framer_motion_1 = require("framer-motion");
-var phosphor_react_1 = require("phosphor-react");
 var react_1 = __importStar(require("react"));
 var Buttons_1 = require("../Buttons");
 var Typo_1 = require("../Typo");
@@ -44,6 +43,8 @@ var utilsOolib_1 = require("../../utilsOolib");
 var PercentCompletedPie_1 = require("../PercentCompletedPie");
 var Tooltip_1 = require("../Tooltip");
 var styled_1 = require("./styled");
+var icons_1 = require("../../icons");
+var CaretDown = icons_1.icons.CaretDown;
 var HeaderStyle1 = function (_a) {
     var title = _a.title, expand = _a.expand, handleToggle = _a.handleToggle, infoTooltip = _a.infoTooltip, invert = _a.invert;
     return (react_1.default.createElement(styled_1.StyledHeaderStyle1Wrapper, { onClick: function () { return handleToggle(!expand); } },
@@ -52,7 +53,7 @@ var HeaderStyle1 = function (_a) {
             infoTooltip && (react_1.default.createElement(Tooltip_1.Tooltip, { text: typeof infoTooltip === 'string' ? infoTooltip : infoTooltip.text, position: typeof infoTooltip !== 'string' ? infoTooltip.position || 'right' : 'right', invert: invert, popOutOfOverflowHiddenParent: typeof infoTooltip !== 'string' && infoTooltip.popOutOfOverflowHiddenParent, presetTarget: 'infoIcon' }))),
         react_1.default.createElement(styled_1.NormalizedButton, null,
             react_1.default.createElement(framer_motion_1.motion.div, { animate: { rotate: expand ? -180 : 0 }, transition: { type: 'tween', ease: 'easeOut' } },
-                react_1.default.createElement(phosphor_react_1.CaretDown, { size: 16 })))));
+                react_1.default.createElement(CaretDown, { size: 16 })))));
 };
 var HeaderStyle3 = function (_a) {
     var title = _a.title, expand = _a.expand, handleToggle = _a.handleToggle, infoTooltip = _a.infoTooltip, invert = _a.invert;
@@ -62,7 +63,7 @@ var HeaderStyle3 = function (_a) {
             infoTooltip && (react_1.default.createElement(Tooltip_1.Tooltip, { text: typeof infoTooltip === 'string' ? infoTooltip : infoTooltip.text, position: typeof infoTooltip !== 'string' ? infoTooltip.position || 'right' : 'right', invert: invert, popOutOfOverflowHiddenParent: typeof infoTooltip !== 'string' && infoTooltip.popOutOfOverflowHiddenParent, presetTarget: 'infoIcon' }))),
         react_1.default.createElement(styled_1.NormalizedButton, null,
             react_1.default.createElement(framer_motion_1.motion.div, { animate: { rotate: expand ? -180 : 0 }, transition: { type: 'tween', ease: 'easeOut' } },
-                react_1.default.createElement(phosphor_react_1.CaretDown, { size: 16 })))));
+                react_1.default.createElement(CaretDown, { size: 16 })))));
 };
 var HeaderStyle2 = function (_a) {
     var title = _a.title, label = _a.label, expand = _a.expand, handleToggle = _a.handleToggle, percent = _a.percent, infoTooltip = _a.infoTooltip, invert = _a.invert;

package/dist/components/BlockLabel/index.js

@@ -45,7 +45,6 @@ var colors_1 = require("../../themes/colors");
 var toArray_1 = require("../../utils/toArray");
 var Hints_1 = __importDefault(require("../Hints"));
 var Tooltip_1 = require("../Tooltip");
-var phosphor_react_1 = require("phosphor-react");
 var greyColor40 = colors_1.colors.greyColor40, greyColor80 = colors_1.colors.greyColor80;
 var BlockLabel = function (props) {
     var label = props.label, sublabel = props.sublabel, inputOnlyLabel = props.inputOnlyLabel, invert = props.invert, isRequired = props.isRequired, readOnly = props.readOnly, className = props.className, style = props.style, errorMsgs = props.errorMsgs, hints = props.hints, id = props.id, hintsTitle = props.hintsTitle, hintsBtnLabel = props.hintsBtnLabel, hintsSubtitle = props.hintsSubtitle, hideOptionalLabel = props.hideOptionalLabel, infoTooltip = props.infoTooltip;

package/dist/components/Tooltip/index.js

@@ -45,12 +45,13 @@ var __importStar = (this && this.__importStar) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tooltip = void 0;
-var phosphor_react_1 = require("phosphor-react");
 var react_1 = __importStar(require("react"));
 var themes_1 = require("../../themes");
 var usePopOutOfOverflowHiddenParent_1 = require("../../utils/usePopOutOfOverflowHiddenParent");
 var Typo_1 = require("../Typo");
 var styled_1 = require("./styled");
+var icons_1 = require("../../icons");
+var Info = icons_1.icons.Info;
 /**
  * @component Renders a tooltip component with customizable text and styling.
  *
@@ -99,7 +100,7 @@ var Tooltip = function (_a) {
                 setIsClicked(false), setShowTooltip(false);
             }, ref: targetRef, tabIndex: 0 }, presetTarget === "infoIcon" ? (react_1.default.createElement(styled_1.StyledIconButton, null,
             " ",
-            react_1.default.createElement(phosphor_react_1.Info, { color: invert ? themes_1.colors.white : themes_1.colors.greyColor100, size: 16, weight: showTooltip ? 'fill' : 'regular' }))) : (children)),
+            react_1.default.createElement(Info, { color: invert ? themes_1.colors.white : themes_1.colors.greyColor100, size: 16, weight: showTooltip ? 'fill' : 'regular' }))) : (children)),
         showTooltip && (react_1.default.createElement(styled_1.StyledTooltipBox, { fixPos: fixPos, isOpen: showTooltip, position: position, show: showTooltip, style: style, invert: invert },
             text.split('\n').filter(Boolean).map(function (singleline, i) { return (react_1.default.createElement(Typo_1.SANS_2, __assign({}, (i !== 0 ? { style: { marginTop: '0.5rem' } } : {})), singleline)); }),
             react_1.default.createElement(styled_1.StyledArrowOutline, { position: position },

package/dist/icons/index.d.ts

@@ -128,6 +128,9 @@ export namespace icons {
     export { CaretDoubleLeft };
     export { TextIndent };
     export { Share };
+    export { ChartBarHorizontal };
+    export { GridNine };
+    export { ChartDonut };
     export { OkeGoogleIcon };
     export { LetterH };
     export { IndexIcon };
@@ -192,135 +195,138 @@ export namespace icons {
     export { Reactions };
     export { WarningDiamond };
 }
-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 { DotsThreeCircle } 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 { CrownSimple } from 'phosphor-react';
-import { Funnel } from 'phosphor-react';
-import { ThumbsDown } from 'phosphor-react';
-import { CopySimple } from 'phosphor-react';
-import { PaperPlaneRight } from 'phosphor-react';
-import { Warning } from 'phosphor-react';
-import { Star } from 'phosphor-react';
-import { ArrowsVertical } from 'phosphor-react';
-import { CirclesFour } from 'phosphor-react';
-import { ArrowLineDown } from 'phosphor-react';
-import { PaperPlaneTilt } from 'phosphor-react';
-import { NotePencil } from 'phosphor-react';
-import { CircleNotch } from 'phosphor-react';
-import { PaintBucket } from 'phosphor-react';
-import { SquaresFour } from 'phosphor-react';
-import { CaretDoubleLeft } from 'phosphor-react';
-import { TextIndent } from 'phosphor-react';
-import { Share } from 'phosphor-react';
+import { PencilSimpleIcon as PencilSimple } from '@phosphor-icons/react';
+import { PencilLineIcon as PencilLine } from '@phosphor-icons/react';
+import { PlusIcon as Plus } from '@phosphor-icons/react';
+import { LightbulbIcon as Lightbulb } from '@phosphor-icons/react';
+import { TagIcon as Tag } from '@phosphor-icons/react';
+import { UploadSimpleIcon as UploadSimple } from '@phosphor-icons/react';
+import { CaretLeftIcon as CaretLeft } from '@phosphor-icons/react';
+import { CaretRightIcon as CaretRight } from '@phosphor-icons/react';
+import { XCircleIcon as XCircle } from '@phosphor-icons/react';
+import { XSquareIcon as XSquare } from '@phosphor-icons/react';
+import { DownloadSimpleIcon as DownloadSimple } from '@phosphor-icons/react';
+import { ArrowLineUpRightIcon as ArrowLineUpRight } from '@phosphor-icons/react';
+import { UserIcon as User } from '@phosphor-icons/react';
+import { UserCirclePlusIcon as UserCirclePlus } from '@phosphor-icons/react';
+import { MapPinLineIcon as MapPinLine } from '@phosphor-icons/react';
+import { WarningCircleIcon as WarningCircle } from '@phosphor-icons/react';
+import { HighlighterCircleIcon as HighlighterCircle } from '@phosphor-icons/react';
+import { PaperclipIcon as Paperclip } from '@phosphor-icons/react';
+import { SpeakerHighIcon as SpeakerHigh } from '@phosphor-icons/react';
+import { ArrowLeftIcon as ArrowLeft } from '@phosphor-icons/react';
+import { CalendarBlankIcon as CalendarBlank } from '@phosphor-icons/react';
+import { TrashIcon as Trash } from '@phosphor-icons/react';
+import { DotsThreeVerticalIcon as DotsThreeVertical } from '@phosphor-icons/react';
+import { DotsThreeCircleIcon as DotsThreeCircle } from '@phosphor-icons/react';
+import { DotsThreeIcon as DotsThree } from '@phosphor-icons/react';
+import { CaretUpIcon as CaretUp } from '@phosphor-icons/react';
+import { CaretDownIcon as CaretDown } from '@phosphor-icons/react';
+import { ShareNetworkIcon as ShareNetwork } from '@phosphor-icons/react';
+import { XIcon as X } from '@phosphor-icons/react';
+import { WhatsappLogoIcon as WhatsappLogo } from '@phosphor-icons/react';
+import { FacebookLogoIcon as FacebookLogo } from '@phosphor-icons/react';
+import { TwitterLogoIcon as TwitterLogo } from '@phosphor-icons/react';
+import { LinkedinLogoIcon as LinkedinLogo } from '@phosphor-icons/react';
+import { YoutubeLogoIcon as YoutubeLogo } from '@phosphor-icons/react';
+import { InstagramLogoIcon as InstagramLogo } from '@phosphor-icons/react';
+import { GlobeIcon as Globe } from '@phosphor-icons/react';
+import { PhoneIcon as Phone } from '@phosphor-icons/react';
+import { EnvelopeIcon as Envelope } from '@phosphor-icons/react';
+import { ChecksIcon as Checks } from '@phosphor-icons/react';
+import { CheckIcon as Check } from '@phosphor-icons/react';
+import { ArrowClockwiseIcon as ArrowClockwise } from '@phosphor-icons/react';
+import { ArrowsClockwiseIcon as ArrowsClockwise } from '@phosphor-icons/react';
+import { ArrowsInIcon as ArrowsIn } from '@phosphor-icons/react';
+import { ArrowsOutIcon as ArrowsOut } from '@phosphor-icons/react';
+import { MapPinIcon as MapPin } from '@phosphor-icons/react';
+import { ArrowDownIcon as ArrowDown } from '@phosphor-icons/react';
+import { ArrowsDownUpIcon as ArrowsDownUp } from '@phosphor-icons/react';
+import { ArrowUpIcon as ArrowUp } from '@phosphor-icons/react';
+import { GearSixIcon as GearSix } from '@phosphor-icons/react';
+import { WrenchIcon as Wrench } from '@phosphor-icons/react';
+import { CheckSquareIcon as CheckSquare } from '@phosphor-icons/react';
+import { CheckSquareOffsetIcon as CheckSquareOffset } from '@phosphor-icons/react';
+import { CardsIcon as Cards } from '@phosphor-icons/react';
+import { SignOutIcon as SignOut } from '@phosphor-icons/react';
+import { SwapIcon as Swap } from '@phosphor-icons/react';
+import { CheckCircleIcon as CheckCircle } from '@phosphor-icons/react';
+import { CircleIcon as Circle } from '@phosphor-icons/react';
+import { ImageSquareIcon as ImageSquare } from '@phosphor-icons/react';
+import { ListDashesIcon as ListDashes } from '@phosphor-icons/react';
+import { ListNumbersIcon as ListNumbers } from '@phosphor-icons/react';
+import { ListPlusIcon as ListPlus } from '@phosphor-icons/react';
+import { ListIcon as List } from '@phosphor-icons/react';
+import { FileArrowUpIcon as FileArrowUp } from '@phosphor-icons/react';
+import { VideoCameraIcon as VideoCamera } from '@phosphor-icons/react';
+import { QuotesIcon as Quotes } from '@phosphor-icons/react';
+import { SpeakerSimpleHighIcon as SpeakerSimpleHigh } from '@phosphor-icons/react';
+import { FilePdfIcon as FilePdf } from '@phosphor-icons/react';
+import { MagnifyingGlassIcon as MagnifyingGlass } from '@phosphor-icons/react';
+import { EyeIcon as Eye } from '@phosphor-icons/react';
+import { EyeClosedIcon as EyeClosed } from '@phosphor-icons/react';
+import { MinusIcon as Minus } from '@phosphor-icons/react';
+import { TextHOneIcon as TextHOne } from '@phosphor-icons/react';
+import { TextHTwoIcon as TextHTwo } from '@phosphor-icons/react';
+import { TextHThreeIcon as TextHThree } from '@phosphor-icons/react';
+import { TextBolderIcon as TextBolder } from '@phosphor-icons/react';
+import { TextItalicIcon as TextItalic } from '@phosphor-icons/react';
+import { TextUnderlineIcon as TextUnderline } from '@phosphor-icons/react';
+import { ArrowRightIcon as ArrowRight } from '@phosphor-icons/react';
+import { SlidersIcon as Sliders } from '@phosphor-icons/react';
+import { FadersIcon as Faders } from '@phosphor-icons/react';
+import { CodeIcon as Code } from '@phosphor-icons/react';
+import { SortDescendingIcon as SortDescending } from '@phosphor-icons/react';
+import { SortAscendingIcon as SortAscending } from '@phosphor-icons/react';
+import { CrosshairIcon as Crosshair } from '@phosphor-icons/react';
+import { MicrophoneStageIcon as MicrophoneStage } from '@phosphor-icons/react';
+import { FileIcon as File } from '@phosphor-icons/react';
+import { FolderSimpleIcon as FolderSimple } from '@phosphor-icons/react';
+import { FolderSimpleStarIcon as FolderSimpleStar } from '@phosphor-icons/react';
+import { LinkSimpleIcon as LinkSimple } from '@phosphor-icons/react';
+import { LaptopIcon as Laptop } from '@phosphor-icons/react';
+import { InfoIcon as Info } from '@phosphor-icons/react';
+import { DotsSixVerticalIcon as DotsSixVertical } from '@phosphor-icons/react';
+import { BellIcon as Bell } from '@phosphor-icons/react';
+import { UserSwitchIcon as UserSwitch } from '@phosphor-icons/react';
+import { PlusMinusIcon as PlusMinus } from '@phosphor-icons/react';
+import { SelectionAllIcon as SelectionAll } from '@phosphor-icons/react';
+import { ActivityIcon as Activity } from '@phosphor-icons/react';
+import { BrowsersIcon as Browsers } from '@phosphor-icons/react';
+import { CubeIcon as Cube } from '@phosphor-icons/react';
+import { TableIcon as Table } from '@phosphor-icons/react';
+import { UserListIcon as UserList } from '@phosphor-icons/react';
+import { BinocularsIcon as Binoculars } from '@phosphor-icons/react';
+import { LightbulbFilamentIcon as LightbulbFilament } from '@phosphor-icons/react';
+import { KeyboardIcon as Keyboard } from '@phosphor-icons/react';
+import { TextAaIcon as TextAa } from '@phosphor-icons/react';
+import { ThumbsUpIcon as ThumbsUp } from '@phosphor-icons/react';
+import { ChatTextIcon as ChatText } from '@phosphor-icons/react';
+import { SlackLogoIcon as SlackLogo } from '@phosphor-icons/react';
+import { SquareHalfIcon as SquareHalf } from '@phosphor-icons/react';
+import { SquareHalfBottomIcon as SquareHalfBottom } from '@phosphor-icons/react';
+import { MagicWandIcon as MagicWand } from '@phosphor-icons/react';
+import { CrownSimpleIcon as CrownSimple } from '@phosphor-icons/react';
+import { FunnelIcon as Funnel } from '@phosphor-icons/react';
+import { ThumbsDownIcon as ThumbsDown } from '@phosphor-icons/react';
+import { CopySimpleIcon as CopySimple } from '@phosphor-icons/react';
+import { PaperPlaneRightIcon as PaperPlaneRight } from '@phosphor-icons/react';
+import { WarningIcon as Warning } from '@phosphor-icons/react';
+import { StarIcon as Star } from '@phosphor-icons/react';
+import { ArrowsVerticalIcon as ArrowsVertical } from '@phosphor-icons/react';
+import { CirclesFourIcon as CirclesFour } from '@phosphor-icons/react';
+import { ArrowLineDownIcon as ArrowLineDown } from '@phosphor-icons/react';
+import { PaperPlaneTiltIcon as PaperPlaneTilt } from '@phosphor-icons/react';
+import { NotePencilIcon as NotePencil } from '@phosphor-icons/react';
+import { CircleNotchIcon as CircleNotch } from '@phosphor-icons/react';
+import { PaintBucketIcon as PaintBucket } from '@phosphor-icons/react';
+import { SquaresFourIcon as SquaresFour } from '@phosphor-icons/react';
+import { CaretDoubleLeftIcon as CaretDoubleLeft } from '@phosphor-icons/react';
+import { TextIndentIcon as TextIndent } from '@phosphor-icons/react';
+import { ShareIcon as Share } from '@phosphor-icons/react';
+import { ChartBarHorizontalIcon as ChartBarHorizontal } from '@phosphor-icons/react';
+import { GridNineIcon as GridNine } from '@phosphor-icons/react';
+import { ChartDonutIcon as ChartDonut } from '@phosphor-icons/react';
 import { OkeGoogleIcon } from "./custom";
 import { LetterH } from "./custom";
 import { IndexIcon } from "./custom";