@a-little-world/little-world-design-system 2.10.0

package/dist/cjs/components/Icon/index.js

@@ -0,0 +1,342 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NotesIcon = exports.MobileIcon = exports.MoonIcon = exports.MicIcon = exports.MessageWithQuestionIcon = exports.MessageIcon = exports.MenuIcon = exports.MailIcon = exports.LogoutIcon = exports.Logo = exports.LinkedinIcon = exports.InstagramIcon = exports.InfoIcon = exports.InclusiveIcon = exports.ImageSearchIcon = exports.ImageIcon = exports.HeartIcon = exports.GroupChatIcon = exports.GithubIcon = exports.FullScreenIcon = exports.FullScreenExitIcon = exports.FacebookIcon = exports.EyeOpenIcon = exports.EyeClosedIcon = exports.ExclamationIcon = exports.DownloadIcon = exports.DotsIcon = exports.DashboardIcon = exports.CopyIcon = exports.CloseIcon = exports.ClockDashedIcon = exports.ClockBackIcon = exports.ClockIcon = exports.ChevronRightIcon = exports.ChevronLeftIcon = exports.ChevronDownIcon = exports.CheckInChatIcon = exports.CheckIcon = exports.CameraIcon = exports.CallOutgoingIcon = exports.CallIncomingIcon = exports.CalendarAddIcon = exports.CalendarIcon = exports.BellIcon = exports.AttachmentIcon = exports.ArrowLeftIcon = exports.ArchiveIcon = exports.AppointmentIcon = exports.AddToChatIcon = exports.AccountIcon = void 0;
+exports.WhatsappIcon = exports.WebIcon = exports.VideoIcon = exports.UserSearchIcon = exports.UserDisconnectedIcon = exports.UploadIcon = exports.TwitterIcon = exports.TrashIcon = exports.TranslatorIcon = exports.TiktokIcon = exports.TickIcon = exports.TickDoubleIcon = exports.TelegramIcon = exports.SwapIcon = exports.SunIcon = exports.StarIcon = exports.StackIcon = exports.SpeakerIcon = exports.SettingsIcon = exports.ScreenShareIcon = exports.SendIcon = exports.QuestionIcon = exports.PuzzleIcon = exports.ProfileChatIcon = exports.ProfileIcon = exports.PlusIcon = exports.PhoneSlashIcon = exports.PhoneIcon = exports.PencilIcon = void 0;
+const little_world_design_system_core_1 = require("@a-little-world/little-world-design-system-core");
+const createIconComponent_1 = require("./createIconComponent");
+exports.AccountIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'Account',
+    svgData: little_world_design_system_core_1.accountIcon,
+});
+exports.AddToChatIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'AddToChat',
+    svgData: little_world_design_system_core_1.addToChatIcon,
+    gradientType: little_world_design_system_core_1.GradientTypes.v3,
+});
+exports.AppointmentIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'Appointment',
+    svgData: little_world_design_system_core_1.appointmentIcon,
+});
+exports.ArchiveIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'Archive',
+    svgData: little_world_design_system_core_1.archiveIcon,
+});
+exports.ArrowLeftIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'ArrowLeft',
+    svgData: little_world_design_system_core_1.arrowLeftIcon,
+});
+exports.AttachmentIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'Attachment',
+    svgData: little_world_design_system_core_1.attachmentIcon,
+    gradientType: little_world_design_system_core_1.GradientTypes.v3,
+});
+exports.BellIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'Bell',
+    svgData: little_world_design_system_core_1.bellIcon,
+    gradientType: little_world_design_system_core_1.GradientTypes.v2,
+});
+exports.CalendarIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'Calendar',
+    svgData: little_world_design_system_core_1.calendarIcon,
+});
+exports.CalendarAddIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'CalendarAdd',
+    svgData: little_world_design_system_core_1.calendarAddIcon,
+});
+exports.CallIncomingIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'CallIncoming',
+    svgData: little_world_design_system_core_1.callIncomingIcon,
+});
+exports.CallOutgoingIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'CallOutgoing',
+    svgData: little_world_design_system_core_1.callOutgoingIcon,
+});
+exports.CameraIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'Camera',
+    svgData: little_world_design_system_core_1.cameraIcon,
+});
+exports.CheckIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'Check',
+    svgData: little_world_design_system_core_1.checkIcon,
+    gradientType: little_world_design_system_core_1.GradientTypes.v3,
+});
+exports.CheckInChatIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'CheckInChat',
+    svgData: little_world_design_system_core_1.checkInChatIcon,
+});
+exports.ChevronDownIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'ChevronDown',
+    svgData: little_world_design_system_core_1.chevronDownIcon,
+    gradientType: little_world_design_system_core_1.GradientTypes.v3,
+});
+exports.ChevronLeftIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'ChevronLeft',
+    svgData: little_world_design_system_core_1.chevronLeftIcon,
+    gradientType: little_world_design_system_core_1.GradientTypes.v2,
+});
+exports.ChevronRightIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'ChevronRight',
+    svgData: little_world_design_system_core_1.chevronRightIcon,
+    gradientType: little_world_design_system_core_1.GradientTypes.v2,
+});
+exports.ClockIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'Clock',
+    svgData: little_world_design_system_core_1.clockIcon,
+});
+exports.ClockBackIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'ClockBack',
+    svgData: little_world_design_system_core_1.clockBackIcon,
+});
+exports.ClockDashedIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'ClockDashed',
+    svgData: little_world_design_system_core_1.clockDashedIcon,
+});
+exports.CloseIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'Close',
+    svgData: little_world_design_system_core_1.closeIcon,
+    gradientType: little_world_design_system_core_1.GradientTypes.v2,
+});
+exports.CopyIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'Copy',
+    svgData: little_world_design_system_core_1.copyIcon,
+});
+exports.DashboardIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'Dashboard',
+    svgData: little_world_design_system_core_1.dashboardIcon,
+});
+exports.DotsIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'Dots',
+    svgData: little_world_design_system_core_1.dotsIcon,
+});
+exports.DownloadIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'Download',
+    svgData: little_world_design_system_core_1.downloadIcon,
+    gradientType: little_world_design_system_core_1.GradientTypes.v2,
+});
+exports.ExclamationIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'Exclamation',
+    svgData: little_world_design_system_core_1.exclamationIcon,
+    gradientType: little_world_design_system_core_1.GradientTypes.v2,
+});
+exports.EyeClosedIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'EyeClosed',
+    svgData: little_world_design_system_core_1.eyeClosedIcon,
+});
+exports.EyeOpenIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'EyeOpen',
+    svgData: little_world_design_system_core_1.eyeOpenIcon,
+});
+exports.FacebookIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'Facebook',
+    svgData: little_world_design_system_core_1.facebookIcon,
+});
+exports.FullScreenExitIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'FullScreenExit',
+    svgData: little_world_design_system_core_1.fullScreenExitIcon,
+});
+exports.FullScreenIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'FullScreen',
+    svgData: little_world_design_system_core_1.fullScreenIcon,
+    gradientType: little_world_design_system_core_1.GradientTypes.v2,
+});
+exports.GithubIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'Github',
+    svgData: little_world_design_system_core_1.githubIcon,
+});
+exports.GroupChatIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'GroupChat',
+    svgData: little_world_design_system_core_1.groupChatIcon,
+});
+exports.HeartIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'Heart',
+    svgData: little_world_design_system_core_1.heartIcon,
+});
+exports.ImageIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'Image',
+    svgData: little_world_design_system_core_1.imageIcon,
+});
+exports.ImageSearchIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'ImageSearch',
+    svgData: little_world_design_system_core_1.imageSearchIcon,
+});
+exports.InclusiveIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'Inclusive',
+    svgData: little_world_design_system_core_1.inclusiveIcon,
+});
+exports.InfoIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'Info',
+    svgData: little_world_design_system_core_1.infoIcon,
+});
+exports.InstagramIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'Instagram',
+    svgData: little_world_design_system_core_1.instagramIcon,
+});
+exports.LinkedinIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'Linkedin',
+    svgData: little_world_design_system_core_1.linkedinIcon,
+});
+exports.Logo = (0, createIconComponent_1.createIconComponent)({
+    name: 'Logo',
+    svgData: little_world_design_system_core_1.logoIcon,
+});
+exports.LogoutIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'Logout',
+    svgData: little_world_design_system_core_1.logoutIcon,
+});
+exports.MailIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'Mail',
+    svgData: little_world_design_system_core_1.mailIcon,
+});
+exports.MenuIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'Menu',
+    svgData: little_world_design_system_core_1.menuIcon,
+});
+exports.MessageIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'Message',
+    svgData: little_world_design_system_core_1.messageIcon,
+    gradientType: little_world_design_system_core_1.GradientTypes.v3,
+});
+exports.MessageWithQuestionIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'MessageWithQuestion',
+    svgData: little_world_design_system_core_1.messageWithQuestionIcon,
+    gradientType: little_world_design_system_core_1.GradientTypes.v3,
+});
+exports.MicIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'Mic',
+    svgData: little_world_design_system_core_1.micIcon,
+    gradientType: little_world_design_system_core_1.GradientTypes.v2,
+});
+exports.MoonIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'Moon',
+    svgData: little_world_design_system_core_1.moonIcon,
+});
+exports.MobileIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'Mobile',
+    svgData: little_world_design_system_core_1.mobileIcon,
+});
+exports.NotesIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'Notes',
+    svgData: little_world_design_system_core_1.notesIcon,
+});
+exports.PencilIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'Pencil',
+    svgData: little_world_design_system_core_1.pencilIcon,
+});
+exports.PhoneIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'Phone',
+    svgData: little_world_design_system_core_1.phoneIcon,
+});
+exports.PhoneSlashIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'PhoneSlash',
+    svgData: little_world_design_system_core_1.phoneSlashIcon,
+});
+exports.PlusIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'Plus',
+    svgData: little_world_design_system_core_1.plusIcon,
+});
+exports.ProfileIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'Profile',
+    svgData: little_world_design_system_core_1.profileIcon,
+});
+exports.ProfileChatIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'ProfileChat',
+    svgData: little_world_design_system_core_1.profileChatIcon,
+    gradientType: little_world_design_system_core_1.GradientTypes.v2,
+});
+exports.PuzzleIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'Puzzle',
+    svgData: little_world_design_system_core_1.puzzleIcon,
+});
+exports.QuestionIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'Question',
+    svgData: little_world_design_system_core_1.questionIcon,
+});
+exports.SendIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'Send',
+    svgData: little_world_design_system_core_1.sendIcon,
+});
+exports.ScreenShareIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'ScreenShare',
+    svgData: little_world_design_system_core_1.shareScreenIcon,
+});
+exports.SettingsIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'Settings',
+    svgData: little_world_design_system_core_1.settingsIcon,
+});
+exports.SpeakerIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'Speaker',
+    svgData: little_world_design_system_core_1.speakerIcon,
+});
+exports.StackIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'Stack',
+    svgData: little_world_design_system_core_1.stackIcon,
+    gradientType: little_world_design_system_core_1.GradientTypes.v2,
+});
+exports.StarIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'Star',
+    svgData: little_world_design_system_core_1.starIcon,
+});
+exports.SunIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'Sun',
+    svgData: little_world_design_system_core_1.sunIcon,
+});
+exports.SwapIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'Swap',
+    svgData: little_world_design_system_core_1.swapIcon,
+    gradientType: little_world_design_system_core_1.GradientTypes.v2,
+});
+exports.TelegramIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'Telegram',
+    svgData: little_world_design_system_core_1.telegramIcon,
+});
+exports.TickDoubleIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'TickDouble',
+    svgData: little_world_design_system_core_1.tickDoubleIcon,
+});
+exports.TickIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'Tick',
+    svgData: little_world_design_system_core_1.tickIcon,
+});
+exports.TiktokIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'Tiktok',
+    svgData: little_world_design_system_core_1.tiktokIcon,
+});
+exports.TranslatorIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'Translator',
+    svgData: little_world_design_system_core_1.translatorIcon,
+});
+exports.TrashIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'Trash',
+    svgData: little_world_design_system_core_1.trashIcon,
+});
+exports.TwitterIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'Twitter',
+    svgData: little_world_design_system_core_1.twitterIcon,
+});
+exports.UploadIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'Upload',
+    svgData: little_world_design_system_core_1.uploadIcon,
+    gradientType: little_world_design_system_core_1.GradientTypes.v2,
+});
+exports.UserDisconnectedIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'UserDisconnected',
+    svgData: little_world_design_system_core_1.userDisconnectedIcon,
+    gradientType: little_world_design_system_core_1.GradientTypes.v2,
+});
+exports.UserSearchIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'UserSearch',
+    svgData: little_world_design_system_core_1.userSearchIcon,
+});
+exports.VideoIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'Video',
+    svgData: little_world_design_system_core_1.videoIcon,
+    gradientType: little_world_design_system_core_1.GradientTypes.v1,
+});
+exports.WebIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'Web',
+    svgData: little_world_design_system_core_1.webIcon,
+});
+exports.WhatsappIcon = (0, createIconComponent_1.createIconComponent)({
+    name: 'Whatsapp',
+    svgData: little_world_design_system_core_1.whatsappIcon,
+});

package/dist/cjs/components/Illustrations/Illustration.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IllustrationProps } from '@a-little-world/little-world-design-system-core';
+export declare const Illustration: ({ children, label, labelVisible, labelTop, }: IllustrationProps) => React.JSX.Element;

package/dist/cjs/components/Illustrations/Illustration.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Illustration = void 0;
+const react_1 = __importDefault(require("react"));
+const Icon_1 = require("../Icon/Icon");
+const Illustration = ({ children, label, labelVisible, labelTop = '56px', }) => (react_1.default.createElement(react_1.default.Fragment, null,
+    children,
+    react_1.default.createElement(Icon_1.ImageLabel, { id: label, "$visible": labelVisible, "$top": labelTop }, label)));
+exports.Illustration = Illustration;

package/dist/cjs/components/Illustrations/createIllustrationComponent.d.ts

@@ -0,0 +1,10 @@
+import React, { SVGProps } from 'react';
+import { SvgFactoryOptions } from '@a-little-world/little-world-design-system-core';
+export declare const createIllustrationComponent: ({ name, svgData, }: SvgFactoryOptions) => {
+    ({ className, color, height, width, label, labelVisible, }: SVGProps<SVGElement> & {
+        label: string;
+        labelVisible?: boolean;
+        color?: string;
+    }): React.JSX.Element;
+    displayName: string;
+};

package/dist/cjs/components/Illustrations/createIllustrationComponent.js

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createIllustrationComponent = void 0;
+const react_1 = __importDefault(require("react"));
+const Illustration_1 = require("./Illustration");
+const createReactSvg_1 = require("../../utils/createReactSvg");
+const createIllustrationComponent = ({ name, svgData, }) => {
+    const Component = ({ className, color, height, width, label, labelVisible, }) => {
+        return (react_1.default.createElement(Illustration_1.Illustration, { label: label, labelVisible: labelVisible }, (0, createReactSvg_1.createReactSvg)(svgData, {
+            className,
+            label,
+            width,
+            height,
+            color,
+        })));
+    };
+    Component.displayName = `${name}Image`;
+    return Component;
+};
+exports.createIllustrationComponent = createIllustrationComponent;

package/dist/cjs/components/Illustrations/index.d.ts

@@ -0,0 +1,152 @@
+export declare const BrokenChainImage: {
+    ({ className, color, height, width, label, labelVisible, }: import("react").SVGProps<SVGElement> & {
+        label: string;
+        labelVisible?: boolean;
+        color?: string;
+    }): import("react").JSX.Element;
+    displayName: string;
+};
+export declare const ConfettiImage: {
+    ({ className, color, height, width, label, labelVisible, }: import("react").SVGProps<SVGElement> & {
+        label: string;
+        labelVisible?: boolean;
+        color?: string;
+    }): import("react").JSX.Element;
+    displayName: string;
+};
+export declare const FriendshipImage: {
+    ({ className, color, height, width, label, labelVisible, }: import("react").SVGProps<SVGElement> & {
+        label: string;
+        labelVisible?: boolean;
+        color?: string;
+    }): import("react").JSX.Element;
+    displayName: string;
+};
+export declare const GroupHandsImage: {
+    ({ className, color, height, width, label, labelVisible, }: import("react").SVGProps<SVGElement> & {
+        label: string;
+        labelVisible?: boolean;
+        color?: string;
+    }): import("react").JSX.Element;
+    displayName: string;
+};
+export declare const KeyImage: {
+    ({ className, color, height, width, label, labelVisible, }: import("react").SVGProps<SVGElement> & {
+        label: string;
+        labelVisible?: boolean;
+        color?: string;
+    }): import("react").JSX.Element;
+    displayName: string;
+};
+export declare const LivingRoomImage: {
+    ({ className, color, height, width, label, labelVisible, }: import("react").SVGProps<SVGElement> & {
+        label: string;
+        labelVisible?: boolean;
+        color?: string;
+    }): import("react").JSX.Element;
+    displayName: string;
+};
+export declare const LaptopWithPhoneImage: {
+    ({ className, color, height, width, label, labelVisible, }: import("react").SVGProps<SVGElement> & {
+        label: string;
+        labelVisible?: boolean;
+        color?: string;
+    }): import("react").JSX.Element;
+    displayName: string;
+};
+export declare const ManOnRocketImage: {
+    ({ className, color, height, width, label, labelVisible, }: import("react").SVGProps<SVGElement> & {
+        label: string;
+        labelVisible?: boolean;
+        color?: string;
+    }): import("react").JSX.Element;
+    displayName: string;
+};
+export declare const MatchSearchingImage: {
+    ({ className, color, height, width, label, labelVisible, }: import("react").SVGProps<SVGElement> & {
+        label: string;
+        labelVisible?: boolean;
+        color?: string;
+    }): import("react").JSX.Element;
+    displayName: string;
+};
+export declare const PaperPlaneImage: {
+    ({ className, color, height, width, label, labelVisible, }: import("react").SVGProps<SVGElement> & {
+        label: string;
+        labelVisible?: boolean;
+        color?: string;
+    }): import("react").JSX.Element;
+    displayName: string;
+};
+export declare const PeopleTogetherImage: {
+    ({ className, color, height, width, label, labelVisible, }: import("react").SVGProps<SVGElement> & {
+        label: string;
+        labelVisible?: boolean;
+        color?: string;
+    }): import("react").JSX.Element;
+    displayName: string;
+};
+export declare const QuestionMarksImage: {
+    ({ className, color, height, width, label, labelVisible, }: import("react").SVGProps<SVGElement> & {
+        label: string;
+        labelVisible?: boolean;
+        color?: string;
+    }): import("react").JSX.Element;
+    displayName: string;
+};
+export declare const RaisingMoneyImage: {
+    ({ className, color, height, width, label, labelVisible, }: import("react").SVGProps<SVGElement> & {
+        label: string;
+        labelVisible?: boolean;
+        color?: string;
+    }): import("react").JSX.Element;
+    displayName: string;
+};
+export declare const TeacherImage: {
+    ({ className, color, height, width, label, labelVisible, }: import("react").SVGProps<SVGElement> & {
+        label: string;
+        labelVisible?: boolean;
+        color?: string;
+    }): import("react").JSX.Element;
+    displayName: string;
+};
+export declare const TimeFlexibleImage: {
+    ({ className, color, height, width, label, labelVisible, }: import("react").SVGProps<SVGElement> & {
+        label: string;
+        labelVisible?: boolean;
+        color?: string;
+    }): import("react").JSX.Element;
+    displayName: string;
+};
+export declare const UnmatchedImage: {
+    ({ className, color, height, width, label, labelVisible, }: import("react").SVGProps<SVGElement> & {
+        label: string;
+        labelVisible?: boolean;
+        color?: string;
+    }): import("react").JSX.Element;
+    displayName: string;
+};
+export declare const WavyBlockImage: {
+    ({ className, color, height, width, label, labelVisible, }: import("react").SVGProps<SVGElement> & {
+        label: string;
+        labelVisible?: boolean;
+        color?: string;
+    }): import("react").JSX.Element;
+    displayName: string;
+};
+export declare const WavyLinesImage: {
+    ({ className, color, height, width, label, labelVisible, }: import("react").SVGProps<SVGElement> & {
+        label: string;
+        labelVisible?: boolean;
+        color?: string;
+    }): import("react").JSX.Element;
+    displayName: string;
+};
+export declare const WomanOnRocketImage: {
+    ({ className, color, height, width, label, labelVisible, }: import("react").SVGProps<SVGElement> & {
+        label: string;
+        labelVisible?: boolean;
+        color?: string;
+    }): import("react").JSX.Element;
+    displayName: string;
+};

package/dist/cjs/components/Illustrations/index.js

@@ -0,0 +1,81 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WomanOnRocketImage = exports.WavyLinesImage = exports.WavyBlockImage = exports.UnmatchedImage = exports.TimeFlexibleImage = exports.TeacherImage = exports.RaisingMoneyImage = exports.QuestionMarksImage = exports.PeopleTogetherImage = exports.PaperPlaneImage = exports.MatchSearchingImage = exports.ManOnRocketImage = exports.LaptopWithPhoneImage = exports.LivingRoomImage = exports.KeyImage = exports.GroupHandsImage = exports.FriendshipImage = exports.ConfettiImage = exports.BrokenChainImage = void 0;
+const little_world_design_system_core_1 = require("@a-little-world/little-world-design-system-core");
+const createIllustrationComponent_1 = require("./createIllustrationComponent");
+exports.BrokenChainImage = (0, createIllustrationComponent_1.createIllustrationComponent)({
+    name: 'BrokenChain',
+    svgData: little_world_design_system_core_1.brokenChainIllustration,
+});
+exports.ConfettiImage = (0, createIllustrationComponent_1.createIllustrationComponent)({
+    name: 'Confetti',
+    svgData: little_world_design_system_core_1.confettiIllustration,
+});
+exports.FriendshipImage = (0, createIllustrationComponent_1.createIllustrationComponent)({
+    name: 'Friendship',
+    svgData: little_world_design_system_core_1.friendshipIllustration,
+});
+exports.GroupHandsImage = (0, createIllustrationComponent_1.createIllustrationComponent)({
+    name: 'GroupHands',
+    svgData: little_world_design_system_core_1.groupHandsIllustration,
+});
+exports.KeyImage = (0, createIllustrationComponent_1.createIllustrationComponent)({
+    name: 'Key',
+    svgData: little_world_design_system_core_1.keyIllustration,
+});
+exports.LivingRoomImage = (0, createIllustrationComponent_1.createIllustrationComponent)({
+    name: 'LivingRoom',
+    svgData: little_world_design_system_core_1.livingRoomIllustration,
+});
+exports.LaptopWithPhoneImage = (0, createIllustrationComponent_1.createIllustrationComponent)({
+    name: 'LaptopWithPhone',
+    svgData: little_world_design_system_core_1.laptopWithPhoneIllustration,
+});
+exports.ManOnRocketImage = (0, createIllustrationComponent_1.createIllustrationComponent)({
+    name: 'ManOnRocket',
+    svgData: little_world_design_system_core_1.manOnRocketIllustration,
+});
+exports.MatchSearchingImage = (0, createIllustrationComponent_1.createIllustrationComponent)({
+    name: 'MatchSearching',
+    svgData: little_world_design_system_core_1.matchSearchingIllustration,
+});
+exports.PaperPlaneImage = (0, createIllustrationComponent_1.createIllustrationComponent)({
+    name: 'PaperPlane',
+    svgData: little_world_design_system_core_1.paperPlaneIllustration,
+});
+exports.PeopleTogetherImage = (0, createIllustrationComponent_1.createIllustrationComponent)({
+    name: 'PeopleTogether',
+    svgData: little_world_design_system_core_1.peopleTogetherIllustration,
+});
+exports.QuestionMarksImage = (0, createIllustrationComponent_1.createIllustrationComponent)({
+    name: 'QuestionMarks',
+    svgData: little_world_design_system_core_1.questionMarksIllustration,
+});
+exports.RaisingMoneyImage = (0, createIllustrationComponent_1.createIllustrationComponent)({
+    name: 'RaisingMoney',
+    svgData: little_world_design_system_core_1.raisingMoneyIllustration,
+});
+exports.TeacherImage = (0, createIllustrationComponent_1.createIllustrationComponent)({
+    name: 'Teacher',
+    svgData: little_world_design_system_core_1.teacherIllustration,
+});
+exports.TimeFlexibleImage = (0, createIllustrationComponent_1.createIllustrationComponent)({
+    name: 'TimeFlexible',
+    svgData: little_world_design_system_core_1.timeFlexibleIllustration,
+});
+exports.UnmatchedImage = (0, createIllustrationComponent_1.createIllustrationComponent)({
+    name: 'Unmatched',
+    svgData: little_world_design_system_core_1.unmatchedIllustration,
+});
+exports.WavyBlockImage = (0, createIllustrationComponent_1.createIllustrationComponent)({
+    name: 'WavyBlock',
+    svgData: little_world_design_system_core_1.wavyBlockIllustration,
+});
+exports.WavyLinesImage = (0, createIllustrationComponent_1.createIllustrationComponent)({
+    name: 'WavyLines',
+    svgData: little_world_design_system_core_1.wavyLinesIllustration,
+});
+exports.WomanOnRocketImage = (0, createIllustrationComponent_1.createIllustrationComponent)({
+    name: 'WomanOnRocket',
+    svgData: little_world_design_system_core_1.womanOnRocketIllustration,
+});

package/dist/cjs/components/InputError/InputError.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { TextTypes } from '@a-little-world/little-world-design-system-core';
+export declare const INPUT_ERROR_CSS: import("styled-components").RuleSet<object>;
+type Props = {
+    children: React.ReactNode;
+    top?: string;
+    bottom?: string;
+    right?: string;
+    left?: string;
+    visible: boolean;
+    textAlign?: 'left' | 'center' | 'right';
+    textType?: TextTypes;
+};
+declare const InputError: React.FC<Props>;
+export default InputError;