@popsure/dirty-swan 0.36.0 → 0.37.0-alpha.2

package/dist/esm/lib/components/icon/icons/index.d.ts

@@ -0,0 +1,361 @@
+export { default as Svg1Icon } from './1';
+export { default as Svg2Icon } from './2';
+export { default as Svg3Icon } from './3';
+export { default as Svg4Icon } from './4';
+export { default as Svg5Icon } from './5';
+export { default as Svg6Icon } from './6';
+export { default as Svg7Icon } from './7';
+export { default as Svg8Icon } from './8';
+export { default as ActivityIcon } from './Activity';
+export { default as AdhdIcon } from './Adhd';
+export { default as AdviceRecommendationIcon } from './AdviceRecommendation';
+export { default as AlertCircleIcon } from './AlertCircle';
+export { default as AlertOctagonIcon } from './AlertOctagon';
+export { default as AlertTriangleFilledIcon } from './AlertTriangleFilled';
+export { default as AlertTriangleIcon } from './AlertTriangle';
+export { default as AlignCenterIcon } from './AlignCenter';
+export { default as AlignJustifyIcon } from './AlignJustify';
+export { default as AlignLeftIcon } from './AlignLeft';
+export { default as AlignRightIcon } from './AlignRight';
+export { default as AnchorIcon } from './Anchor';
+export { default as ApertureIcon } from './Aperture';
+export { default as ArchiveIcon } from './Archive';
+export { default as ArrowDownCircleIcon } from './ArrowDownCircle';
+export { default as ArrowDownLeftIcon } from './ArrowDownLeft';
+export { default as ArrowDownRightIcon } from './ArrowDownRight';
+export { default as ArrowDownIcon } from './ArrowDown';
+export { default as ArrowLeftCircleIcon } from './ArrowLeftCircle';
+export { default as ArrowLeftIcon } from './ArrowLeft';
+export { default as ArrowRightCircleIcon } from './ArrowRightCircle';
+export { default as ArrowRightIcon } from './ArrowRight';
+export { default as ArrowUpCircleIcon } from './ArrowUpCircle';
+export { default as ArrowUpLeftIcon } from './ArrowUpLeft';
+export { default as ArrowUpRightIcon } from './ArrowUpRight';
+export { default as ArrowUpIcon } from './ArrowUp';
+export { default as ArthritisIcon } from './Arthritis';
+export { default as AssistantFilledIcon } from './AssistantFilled';
+export { default as AsthmaIcon } from './Asthma';
+export { default as AtSignIcon } from './AtSign';
+export { default as AwardMedalIcon } from './AwardMedal';
+export { default as BankIcon } from './Bank';
+export { default as BarChart2Icon } from './BarChart2';
+export { default as BarChartIcon } from './BarChart';
+export { default as BasketballSportsIcon } from './BasketballSports';
+export { default as BatteryChargingIcon } from './BatteryCharging';
+export { default as BatteryIcon } from './Battery';
+export { default as BellOffIcon } from './BellOff';
+export { default as BellIcon } from './Bell';
+export { default as BluetoothIcon } from './Bluetooth';
+export { default as BoldIcon } from './Bold';
+export { default as BookOpenIcon } from './BookOpen';
+export { default as BookIcon } from './Book';
+export { default as BookmarkIcon } from './Bookmark';
+export { default as BoxIcon } from './Box';
+export { default as BoxesAddFilledIcon } from './BoxesAddFilled';
+export { default as BoxesAddIcon } from './BoxesAdd';
+export { default as BoxesAdd2Icon } from './BoxesAdd2';
+export { default as BoxesMultipleFilledIcon } from './BoxesMultipleFilled';
+export { default as BoxesMultipleIcon } from './BoxesMultiple';
+export { default as BriefcaseIcon } from './Briefcase';
+export { default as CalculatorIcon } from './Calculator';
+export { default as CalendarIcon } from './Calendar';
+export { default as CameraOffIcon } from './CameraOff';
+export { default as CameraIcon } from './Camera';
+export { default as CancerIcon } from './Cancer';
+export { default as CastIcon } from './Cast';
+export { default as CheckCircleIcon } from './CheckCircle';
+export { default as CheckInCircleFilledIcon } from './CheckInCircleFilled';
+export { default as CheckInCircleIcon } from './CheckInCircle';
+export { default as CheckSquareIcon } from './CheckSquare';
+export { default as CheckThickIcon } from './CheckThick';
+export { default as CheckIcon } from './Check';
+export { default as CheckboxCheckedIcon } from './CheckboxChecked';
+export { default as CheckboxUncheckedIcon } from './CheckboxUnchecked';
+export { default as ChevronDownIcon } from './ChevronDown';
+export { default as ChevronLeftIcon } from './ChevronLeft';
+export { default as ChevronRightIcon } from './ChevronRight';
+export { default as ChevronUpIcon } from './ChevronUp';
+export { default as ChevronsDownIcon } from './ChevronsDown';
+export { default as ChevronsLeftIcon } from './ChevronsLeft';
+export { default as ChevronsRightIcon } from './ChevronsRight';
+export { default as ChevronsUpIcon } from './ChevronsUp';
+export { default as ChromeIcon } from './Chrome';
+export { default as CircleSelectedIcon } from './CircleSelected';
+export { default as CircleSmallIcon } from './CircleSmall';
+export { default as CircleUnselectedIcon } from './CircleUnselected';
+export { default as CircleIcon } from './Circle';
+export { default as ClipboardIcon } from './Clipboard';
+export { default as ClockTimeIcon } from './ClockTime';
+export { default as CloudDrizzleIcon } from './CloudDrizzle';
+export { default as CloudLightningIcon } from './CloudLightning';
+export { default as CloudOffIcon } from './CloudOff';
+export { default as CloudRainIcon } from './CloudRain';
+export { default as CloudSnowIcon } from './CloudSnow';
+export { default as CloudIcon } from './Cloud';
+export { default as CodeIcon } from './Code';
+export { default as CodepenIcon } from './Codepen';
+export { default as CodesandboxIcon } from './Codesandbox';
+export { default as CoffeeIcon } from './Coffee';
+export { default as ColumnsIcon } from './Columns';
+export { default as CommandIcon } from './Command';
+export { default as CompassIcon } from './Compass';
+export { default as ConciergeIcon } from './Concierge';
+export { default as CopyIcon } from './Copy';
+export { default as CornerDownLeftIcon } from './CornerDownLeft';
+export { default as CornerDownRightIcon } from './CornerDownRight';
+export { default as CornerLeftDownIcon } from './CornerLeftDown';
+export { default as CornerLeftUpIcon } from './CornerLeftUp';
+export { default as CornerRightDownIcon } from './CornerRightDown';
+export { default as CornerRightUpIcon } from './CornerRightUp';
+export { default as CornerUpLeftIcon } from './CornerUpLeft';
+export { default as CornerUpRightIcon } from './CornerUpRight';
+export { default as CpuIcon } from './Cpu';
+export { default as CreditCardIcon } from './CreditCard';
+export { default as CropIcon } from './Crop';
+export { default as CrosshairIcon } from './Crosshair';
+export { default as DatabaseIcon } from './Database';
+export { default as DeleteIcon } from './Delete';
+export { default as DentalPlusIcon } from './DentalPlus';
+export { default as DentalToothTeethIcon } from './DentalToothTeeth';
+export { default as DependentsFamilyAddIcon } from './DependentsFamilyAdd';
+export { default as DependentsFamilyIcon } from './DependentsFamily';
+export { default as DiabetesIcon } from './Diabetes';
+export { default as DiscIcon } from './Disc';
+export { default as DoctorStethoscopeIcon } from './DoctorStethoscope';
+export { default as DoctorIcon } from './Doctor';
+export { default as DollarSignIcon } from './DollarSign';
+export { default as DownloadCloudIcon } from './DownloadCloud';
+export { default as DownloadIcon } from './Download';
+export { default as DragCornerIcon } from './DragCorner';
+export { default as DropletIcon } from './Droplet';
+export { default as Edit2Icon } from './Edit2';
+export { default as Edit3Icon } from './Edit3';
+export { default as EditIcon } from './Edit';
+export { default as EqualIcon } from './Equal';
+export { default as EuroClaimFilledIcon } from './EuroClaimFilled';
+export { default as EuroClaimIcon } from './EuroClaim';
+export { default as EuroIcon } from './Euro';
+export { default as ExternalLinkIcon } from './ExternalLink';
+export { default as EyeOffIcon } from './EyeOff';
+export { default as EyeVisionIcon } from './EyeVision';
+export { default as FacebookIcon } from './Facebook';
+export { default as FastEasyIcon } from './FastEasy';
+export { default as FastForwardIcon } from './FastForward';
+export { default as FeatherIcon } from './Feather';
+export { default as FemaleIcon } from './Female';
+export { default as FileMinusIcon } from './FileMinus';
+export { default as FilePlusIcon } from './FilePlus';
+export { default as FileTextIcon } from './FileText';
+export { default as FileIcon } from './File';
+export { default as FilmIcon } from './Film';
+export { default as FilterIcon } from './Filter';
+export { default as FlagIcon } from './Flag';
+export { default as FolderMinusIcon } from './FolderMinus';
+export { default as FolderPlusIcon } from './FolderPlus';
+export { default as FolderIcon } from './Folder';
+export { default as FramerIcon } from './Framer';
+export { default as FrownIcon } from './Frown';
+export { default as GiftIcon } from './Gift';
+export { default as GitBranchIcon } from './GitBranch';
+export { default as GitCommitIcon } from './GitCommit';
+export { default as GitMergeIcon } from './GitMerge';
+export { default as GitPullRequestIcon } from './GitPullRequest';
+export { default as GlobeNetworkEarthIcon } from './GlobeNetworkEarth';
+export { default as HallescheIcon } from './Hallesche';
+export { default as HandsMassageTherapeuticIcon } from './HandsMassageTherapeutic';
+export { default as HardDriveIcon } from './HardDrive';
+export { default as HashIcon } from './Hash';
+export { default as HeadphonesIcon } from './Headphones';
+export { default as HeartHandIcon } from './HeartHand';
+export { default as HeartPlusIcon } from './HeartPlus';
+export { default as HeartIcon } from './Heart';
+export { default as HexagonIcon } from './Hexagon';
+export { default as HomeIcon } from './Home';
+export { default as HospitalBuildingIcon } from './HospitalBuilding';
+export { default as ImagePictureIcon } from './ImagePicture';
+export { default as InboxIcon } from './Inbox';
+export { default as InfoFilledIcon } from './InfoFilled';
+export { default as InfoIcon } from './Info';
+export { default as InstagramIcon } from './Instagram';
+export { default as ItalicIcon } from './Italic';
+export { default as KeyIcon } from './Key';
+export { default as LawyerLegalIcon } from './LawyerLegal';
+export { default as LayersIcon } from './Layers';
+export { default as LayoutIcon } from './Layout';
+export { default as LifeBuoyIcon } from './LifeBuoy';
+export { default as Link2Icon } from './Link2';
+export { default as LinkIcon } from './Link';
+export { default as LinkedinIcon } from './Linkedin';
+export { default as ListIcon } from './List';
+export { default as LoaderIcon } from './Loader';
+export { default as LockIcon } from './Lock';
+export { default as LogInIcon } from './LogIn';
+export { default as LogOutIcon } from './LogOut';
+export { default as MailIcon } from './Mail';
+export { default as MaleIcon } from './Male';
+export { default as MapPinIcon } from './MapPin';
+export { default as MapIcon } from './Map';
+export { default as Maximize2Icon } from './Maximize2';
+export { default as MaximizeIcon } from './Maximize';
+export { default as MedicationPillsIcon } from './MedicationPills';
+export { default as MehIcon } from './Meh';
+export { default as MentalHealthIcon } from './MentalHealth';
+export { default as MenuDotsMoreHorizontalIcon } from './MenuDotsMoreHorizontal';
+export { default as MenuDotsMoreVerticalIcon } from './MenuDotsMoreVertical';
+export { default as MenuIcon } from './Menu';
+export { default as MessageCircleIcon } from './MessageCircle';
+export { default as MessageSquareIcon } from './MessageSquare';
+export { default as MicOffIcon } from './MicOff';
+export { default as MicIcon } from './Mic';
+export { default as Minimize2Icon } from './Minimize2';
+export { default as MinimizeIcon } from './Minimize';
+export { default as MinusCircleIcon } from './MinusCircle';
+export { default as MinusSquareIcon } from './MinusSquare';
+export { default as MinusIcon } from './Minus';
+export { default as MonitorScreenIcon } from './MonitorScreen';
+export { default as MoonNightIcon } from './MoonNight';
+export { default as MousePointerIcon } from './MousePointer';
+export { default as MoveIcon } from './Move';
+export { default as MusicIcon } from './Music';
+export { default as NaturalIcon } from './Natural';
+export { default as Navigation2Icon } from './Navigation2';
+export { default as NavigationIcon } from './Navigation';
+export { default as NoDocumentIcon } from './NoDocument';
+export { default as OctagonIcon } from './Octagon';
+export { default as PackageIcon } from './Package';
+export { default as PaperclipIcon } from './Paperclip';
+export { default as PauseCircleIcon } from './PauseCircle';
+export { default as PauseIcon } from './Pause';
+export { default as PenToolIcon } from './PenTool';
+export { default as PercentIcon } from './Percent';
+export { default as PhoneCallIcon } from './PhoneCall';
+export { default as PhoneForwardedIcon } from './PhoneForwarded';
+export { default as PhoneHealthIcon } from './PhoneHealth';
+export { default as PhoneIncomingIcon } from './PhoneIncoming';
+export { default as PhoneMissedIcon } from './PhoneMissed';
+export { default as PhoneOffIcon } from './PhoneOff';
+export { default as PhoneOutgoingIcon } from './PhoneOutgoing';
+export { default as PhoneIcon } from './Phone';
+export { default as PieChartIcon } from './PieChart';
+export { default as PlaneFilledIcon } from './PlaneFilled';
+export { default as PlaneIcon } from './Plane';
+export { default as PlayCircleIcon } from './PlayCircle';
+export { default as PlayIcon } from './Play';
+export { default as PlusCircleIcon } from './PlusCircle';
+export { default as PlusSquareIcon } from './PlusSquare';
+export { default as PlusIcon } from './Plus';
+export { default as PocketIcon } from './Pocket';
+export { default as PoliciesShieldFilledIcon } from './PoliciesShieldFilled';
+export { default as PoliciesShieldIcon } from './PoliciesShield';
+export { default as PowerIcon } from './Power';
+export { default as PregnacyIcon } from './Pregnacy';
+export { default as PrinterIcon } from './Printer';
+export { default as ProgressIcon } from './Progress';
+export { default as QrCodeIcon } from './QrCode';
+export { default as QuestionmarkHelpCircleIcon } from './QuestionmarkHelpCircle';
+export { default as QuotationMarksIcon } from './QuotationMarks';
+export { default as RadioIcon } from './Radio';
+export { default as RefreshCcwIcon } from './RefreshCcw';
+export { default as RefreshCwIcon } from './RefreshCw';
+export { default as RepeatIcon } from './Repeat';
+export { default as RestartIcon } from './Restart';
+export { default as RewindIcon } from './Rewind';
+export { default as RotateCcwIcon } from './RotateCcw';
+export { default as RotateCwIcon } from './RotateCw';
+export { default as RssIcon } from './Rss';
+export { default as SaveIcon } from './Save';
+export { default as ScissorsIcon } from './Scissors';
+export { default as SearchIcon } from './Search';
+export { default as SendIcon } from './Send';
+export { default as ServerIcon } from './Server';
+export { default as SettingsIcon } from './Settings';
+export { default as Share2Icon } from './Share2';
+export { default as ShareIcon } from './Share';
+export { default as ShieldCover5YearsIcon } from './ShieldCover5Years';
+export { default as ShieldOffIcon } from './ShieldOff';
+export { default as ShieldPlusIcon } from './ShieldPlus';
+export { default as ShieldIcon } from './Shield';
+export { default as ShoppingBag2Icon } from './ShoppingBag2';
+export { default as ShoppingBagIcon } from './ShoppingBag';
+export { default as ShoppingCartIcon } from './ShoppingCart';
+export { default as ShuffleIcon } from './Shuffle';
+export { default as SidebarIcon } from './Sidebar';
+export { default as SkipBackIcon } from './SkipBack';
+export { default as SkipForwardIcon } from './SkipForward';
+export { default as SlackIcon } from './Slack';
+export { default as SlashIcon } from './Slash';
+export { default as SlidersIcon } from './Sliders';
+export { default as SmartphoneIcon } from './Smartphone';
+export { default as SmileIcon } from './Smile';
+export { default as SofaIcon } from './Sofa';
+export { default as SpeakerIcon } from './Speaker';
+export { default as SquareIcon } from './Square';
+export { default as StarFilledIcon } from './StarFilled';
+export { default as StarHalfIcon } from './StarHalf';
+export { default as StarIcon } from './Star';
+export { default as StopCircleIcon } from './StopCircle';
+export { default as SubtractIcon } from './Subtract';
+export { default as SunDayIcon } from './SunDay';
+export { default as SunriseIcon } from './Sunrise';
+export { default as SunsetIcon } from './Sunset';
+export { default as SyringeVaccinationIcon } from './SyringeVaccination';
+export { default as TabletIcon } from './Tablet';
+export { default as TagIcon } from './Tag';
+export { default as TargetIcon } from './Target';
+export { default as TerminalIcon } from './Terminal';
+export { default as ThermometerIcon } from './Thermometer';
+export { default as ThumbsDownIcon } from './ThumbsDown';
+export { default as ThumbsUpIcon } from './ThumbsUp';
+export { default as ToggleLeftIcon } from './ToggleLeft';
+export { default as ToggleRightIcon } from './ToggleRight';
+export { default as ToolIcon } from './Tool';
+export { default as Trash2Icon } from './Trash2';
+export { default as TrashIcon } from './Trash';
+export { default as TrelloIcon } from './Trello';
+export { default as TrendingDownIcon } from './TrendingDown';
+export { default as TrendingUpIcon } from './TrendingUp';
+export { default as TriangleIcon } from './Triangle';
+export { default as TruckIcon } from './Truck';
+export { default as TvIcon } from './Tv';
+export { default as TwitchIcon } from './Twitch';
+export { default as TwitterIcon } from './Twitter';
+export { default as TypeIcon } from './Type';
+export { default as UltrasoundScanIcon } from './UltrasoundScan';
+export { default as UmbrellaIcon } from './Umbrella';
+export { default as UnderlineIcon } from './Underline';
+export { default as UnlockIcon } from './Unlock';
+export { default as UploadCloudIcon } from './UploadCloud';
+export { default as UploadIcon } from './Upload';
+export { default as UserCheckIcon } from './UserCheck';
+export { default as UserFilledIcon } from './UserFilled';
+export { default as UserMinusIcon } from './UserMinus';
+export { default as UserPlusIcon } from './UserPlus';
+export { default as UserXIcon } from './UserX';
+export { default as UserIcon } from './User';
+export { default as UsersIcon } from './Users';
+export { default as VideoDoctorIcon } from './VideoDoctor';
+export { default as VideoOffIcon } from './VideoOff';
+export { default as VideoIcon } from './Video';
+export { default as VisaPassportFiledIcon } from './VisaPassportFiled';
+export { default as VisaPassportIcon } from './VisaPassport';
+export { default as VoicemailIcon } from './Voicemail';
+export { default as Volume1Icon } from './Volume1';
+export { default as Volume2Icon } from './Volume2';
+export { default as VolumeXIcon } from './VolumeX';
+export { default as VolumeIcon } from './Volume';
+export { default as WatchIcon } from './Watch';
+export { default as WhatsappIcon } from './Whatsapp';
+export { default as WifiOffIcon } from './WifiOff';
+export { default as WifiIcon } from './Wifi';
+export { default as WindIcon } from './Wind';
+export { default as WorldGlobeEarthIcon } from './WorldGlobeEarth';
+export { default as XCircleFilledIcon } from './XCircleFilled';
+export { default as XCircleIcon } from './XCircle';
+export { default as XOctagonIcon } from './XOctagon';
+export { default as XSquareIcon } from './XSquare';
+export { default as XIcon } from './X';
+export { default as YoutubeIcon } from './Youtube';
+export { default as ZapOffIcon } from './ZapOff';
+export { default as ZapIcon } from './Zap';
+export { default as ZoomInIcon } from './ZoomIn';
+export { default as ZoomOutIcon } from './ZoomOut';

package/dist/esm/lib/components/icon/icons.stories.d.ts

@@ -0,0 +1,5 @@
+declare const story: {
+    title: string;
+};
+export declare const IconsList: () => JSX.Element;
+export default story;

package/dist/esm/lib/components/icon/index.stories.d.ts

@@ -0,0 +1,45 @@
+import { IconWrapperProps } from './IconWrapper';
+declare const iconsList: string[];
+declare type IconKey = typeof iconsList[number];
+declare const story: {
+    title: string;
+    component: ({ children, size, color, className, }: IconWrapperProps) => JSX.Element;
+    argTypes: {
+        icon: {
+            defaultValue: string;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+            control: {
+                options: string[];
+                type: string;
+            };
+        };
+        size: {
+            defaultValue: number;
+            description: string;
+        };
+        color: {
+            defaultValue: string;
+            description: string;
+        };
+        className: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+    };
+};
+export declare const IconStory: {
+    ({ color, className, icon, size }: IconWrapperProps & {
+        icon: IconKey;
+    }): any;
+    storyName: string;
+};
+export default story;

package/dist/esm/lib/components/input/index.d.ts

@@ -12,4 +12,4 @@ export declare const Input: React.ForwardRefExoticComponent<Pick<Omit<React.Deta
     label?: string | undefined;
     id?: string | undefined;
     hideLabel?: boolean | undefined;
-}, "className" | "form" | "label" | "slot" | "style" | "title" | "pattern" | "children" | "onClick" | "error" | "hidden" | "type" | "list" | "value" | "onChange" | "dir" | "onBlur" | "onFocus" | "onKeyDown" | "tabIndex" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "step" | "disabled" | "enterKeyHint" | "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "checked" | "crossOrigin" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "name" | "readOnly" | "required" | "size" | "src" | "width" | "hideLabel"> & React.RefAttributes<HTMLInputElement>>;
+}, "className" | "form" | "label" | "slot" | "style" | "title" | "pattern" | "children" | "onClick" | "error" | "size" | "color" | "hidden" | "type" | "list" | "value" | "onChange" | "dir" | "onBlur" | "onFocus" | "onKeyDown" | "tabIndex" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "step" | "disabled" | "enterKeyHint" | "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "checked" | "crossOrigin" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "name" | "readOnly" | "required" | "src" | "width" | "hideLabel"> & React.RefAttributes<HTMLInputElement>>;

package/dist/esm/lib/components/input/input.stories.d.ts

@@ -8,7 +8,7 @@ declare const story: {
         label?: string | undefined;
         id?: string | undefined;
         hideLabel?: boolean | undefined;
-    }, "className" | "form" | "label" | "slot" | "style" | "title" | "pattern" | "children" | "onClick" | "error" | "hidden" | "type" | "list" | "value" | "onChange" | "dir" | "onBlur" | "onFocus" | "onKeyDown" | "tabIndex" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "step" | "disabled" | "enterKeyHint" | "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "checked" | "crossOrigin" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "name" | "readOnly" | "required" | "size" | "src" | "width" | "hideLabel"> & import("react").RefAttributes<HTMLInputElement>>;
+    }, "className" | "form" | "label" | "slot" | "style" | "title" | "pattern" | "children" | "onClick" | "error" | "size" | "color" | "hidden" | "type" | "list" | "value" | "onChange" | "dir" | "onBlur" | "onFocus" | "onKeyDown" | "tabIndex" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "step" | "disabled" | "enterKeyHint" | "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "checked" | "crossOrigin" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "name" | "readOnly" | "required" | "src" | "width" | "hideLabel"> & import("react").RefAttributes<HTMLInputElement>>;
     argTypes: {
         value: {
             defaultValue: string;

package/dist/esm/lib/index.d.ts

@@ -19,7 +19,8 @@ import { ComparisonTable, TableRating, TableTrueFalse, TableRowHeader, TableButt
 import { SegmentedControl } from './components/segmentedControl';
 import { Markdown } from './components/markdown';
 import { Link } from './components/link';
+import * as icons from './components/icon/icons';
 import { images } from './util/images';
-export { DateSelector, SignaturePad, AutocompleteAddress, Input, MultiDropzone, DownloadButton, IbanInput, BottomModal, RegularModal, BottomOrRegularModal, CardWithTopLeftIcon, CardWithLeftIcon, CardWithTopIcon, InfoCard, CardButton, Button, CurrencyInput, AutoSuggestMultiSelect, Chip, AutoSuggestInput, ComparisonTable, TableRating, TableTrueFalse, TableRowHeader, TableButton, TableInfoButton, SegmentedControl, Markdown, Checkbox, Link, InformationBox, Badge, images, };
+export { DateSelector, SignaturePad, AutocompleteAddress, Input, MultiDropzone, DownloadButton, IbanInput, BottomModal, RegularModal, BottomOrRegularModal, CardWithTopLeftIcon, CardWithLeftIcon, CardWithTopIcon, InfoCard, CardButton, Button, CurrencyInput, AutoSuggestMultiSelect, Chip, AutoSuggestInput, ComparisonTable, TableRating, TableTrueFalse, TableRowHeader, TableButton, TableInfoButton, SegmentedControl, Markdown, Checkbox, Link, InformationBox, Badge, icons, images, };
 export type { FileType, MultiDropzoneProps, TableHeader, UploadedFile, UploadStatus };
 export type { DownloadStatus } from './models/download';

package/dist/esm/lib/models/styles.d.ts

@@ -0,0 +1,2 @@
+export declare type Color = 'transparent' | 'blue-100' | 'blue-300' | 'blue-500' | 'blue-700' | 'blue-900' | 'purple-25' | 'purple-50' | 'purple-100' | 'purple-300' | 'purple-500' | 'purple-700' | 'purple-900' | 'primary-25' | 'primary-50' | 'primary-100' | 'primary-300' | 'primary-500' | 'primary-700' | 'primary-900' | 'red-100' | 'red-300' | 'red-500' | 'red-700' | 'red-900' | 'grey-100' | 'grey-200' | 'grey-300' | 'grey-400' | 'grey-500' | 'grey-600' | 'grey-700' | 'grey-900' | 'green-100' | 'green-300' | 'green-500' | 'green-700' | 'green-900' | 'glacier-100' | 'glacier-300' | 'glacier-500' | 'glacier-700' | 'glacier-900' | 'spearmint-100' | 'spearmint-300' | 'spearmint-500' | 'spearmint-700' | 'spearmint-900' | 'pink-100' | 'pink-300' | 'pink-500' | 'pink-700' | 'pink-900' | 'yellow-100' | 'yellow-300' | 'yellow-500' | 'yellow-700' | 'yellow-900';
+export declare type Size = 0 | 8 | 16 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | 88 | 96;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@popsure/dirty-swan",
-  "version": "0.36.0",
+  "version": "0.37.0-alpha.2",
   "author": "Vincent Audoire <vincent@getpopsure.com>",
   "license": "MIT",
   "private": false,
@@ -52,7 +52,8 @@
     "eject": "react-scripts eject",
     "storybook": "start-storybook -p 9009 -s public,storybook-assets",
     "build-storybook": "build-storybook -s public,storybook-assets",
-    "deploy-storybook": "storybook-to-ghpages"
+    "deploy-storybook": "storybook-to-ghpages",
+    "generate-icons": "svgr src/lib/components/icon/assets"
   },
   "eslintConfig": {
     "extends": "react-app",
@@ -82,6 +83,7 @@
     "@storybook/preset-create-react-app": "^3.1.7",
     "@storybook/react": "^6.5.16",
     "@storybook/storybook-deployer": "^2.8.10",
+    "@svgr/cli": "^8.0.1",
     "@testing-library/jest-dom": "^5.16.4",
     "@testing-library/react": "^12.1.2",
     "@testing-library/react-hooks": "^8.0.1",

package/src/index.tsx

@@ -37,6 +37,8 @@ export {
   images
 } from './lib';
 
+export * from './lib/components/icon/icons';
+
 export type {
   DownloadStatus,
   FileType,

package/src/lib/components/cards/cardWithTopLeftIcon/index.stories.tsx

@@ -1,5 +1,4 @@
 import { CardWithTopLeftIcon, CardWithTopLeftIconProps } from '.';
-import { images } from '../../../util/images';
 
 const story = {
   title: 'JSX/Cards/CardWithTopLeftIcon',

package/src/lib/components/icon/IconWrapper/IconWrapper.tsx

@@ -0,0 +1,31 @@
+import classNames from 'classnames';
+import { Color, Size } from '../../../models/styles';
+
+import styles from './styles.module.scss';
+import { ReactNode } from 'react';
+
+export type IconWrapperProps = {
+  children?: ReactNode;
+  size?: Size;
+  color?: Color;
+  className?: string;
+};
+
+const IconWrapper = ({
+  children,
+  size = 16,
+  color = 'primary-500',
+  className,
+}: IconWrapperProps) => (
+  <span
+    className={classNames('d-inline-block', styles.wrapper, className ?? '', {
+      [`tc-${color}`]: !!color,
+    })}
+  >
+    <svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      {children}
+    </svg>
+  </span>
+);
+
+export { IconWrapper };

package/src/lib/components/icon/IconWrapper/index.ts

@@ -0,0 +1,2 @@
+export { IconWrapper } from './IconWrapper';
+export type { IconWrapperProps } from './IconWrapper';

package/src/lib/components/icon/IconWrapper/styles.module.scss

@@ -0,0 +1,3 @@
+.wrapper {
+  margin: 4px;
+}

package/src/lib/components/icon/assets/1.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.0718 7.28C10.7544 7.392 10.1851 7.54133 9.36378 7.728C8.54245 7.896 7.89845 8.008 7.43178 8.064L7.12378 6.104C8.13178 5.89867 9.17711 5.53467 10.2598 5.012C11.3611 4.47067 12.2571 3.91067 12.9478 3.332H12.9758L15.1878 3.64V19.04L18.3798 19.348V21H7.71178V19.348L11.0718 19.068V7.28Z" fill="#8E8CEE"/>
+</svg>

package/src/lib/components/icon/assets/2.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.0874 19.488C7.68207 17.9573 9.81007 16.268 11.4714 14.42C13.1327 12.572 13.9634 10.7893 13.9634 9.072C13.9634 8.15733 13.6741 7.42933 13.0954 6.888C12.5354 6.328 11.7421 6.048 10.7154 6.048C9.74474 6.048 8.9234 6.23467 8.2514 6.608C7.59807 6.96267 6.95407 7.42933 6.3194 8.008L5.2554 6.468C5.62874 6.00133 6.16074 5.52533 6.8514 5.04C7.56074 4.55467 8.38207 4.15333 9.3154 3.836C10.2487 3.5 11.1914 3.332 12.1434 3.332C13.5061 3.332 14.6447 3.56533 15.5594 4.032C16.4927 4.49867 17.1834 5.11467 17.6314 5.88C18.0794 6.64533 18.3034 7.49467 18.3034 8.428C18.3034 10.22 17.4447 12.0213 15.7274 13.832C14.0101 15.6427 11.8261 17.304 9.1754 18.816L17.2954 18.06L18.3594 15.708L20.1234 16.072L19.3114 21H5.6754L5.0874 19.488Z" fill="#8E8CEE"/>
+</svg>

package/src/lib/components/icon/assets/3.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.40429 21.84C8.87629 21.84 8.29229 21.792 7.65229 21.696C7.02829 21.616 6.53229 21.52 6.16429 21.408V19.392C6.86829 19.616 7.64429 19.728 8.49229 19.728C9.53229 19.728 10.4283 19.56 11.1803 19.224C11.9483 18.888 12.5323 18.424 12.9323 17.832C13.3323 17.24 13.5323 16.584 13.5323 15.864C13.5323 13.896 12.4123 12.848 10.1723 12.72L8.78029 13.08L8.25229 11.472C8.82829 11.392 9.47629 11.192 10.1963 10.872C11.0763 10.456 11.7403 9.95201 12.1883 9.36001C12.6523 8.76801 12.8843 8.13601 12.8843 7.46401C12.8843 6.74401 12.6523 6.21601 12.1883 5.88001C11.7243 5.52801 11.1483 5.35201 10.4603 5.35201C9.75629 5.35201 9.10829 5.47201 8.51629 5.71201C7.94029 5.93601 7.45229 6.21601 7.05229 6.55201L6.09229 4.872C6.38029 4.60001 6.82029 4.31201 7.41229 4.00801C8.02029 3.68801 8.70029 3.42401 9.45229 3.216C10.2203 2.992 10.9883 2.88 11.7563 2.88C13.3403 2.88 14.6203 3.208 15.5963 3.86401C16.5723 4.52001 17.0603 5.50401 17.0603 6.81601C17.0603 7.98401 16.6123 8.99201 15.7163 9.84001C14.8363 10.688 13.7243 11.352 12.3803 11.832C12.5563 11.816 12.8043 11.808 13.1243 11.808C14.5643 11.808 15.7323 12.168 16.6283 12.888C17.5243 13.592 17.9723 14.56 17.9723 15.792C17.9723 16.928 17.6283 17.952 16.9403 18.864C16.2523 19.792 15.2603 20.52 13.9643 21.048C12.6683 21.576 11.1483 21.84 9.40429 21.84Z" fill="#8E8CEE"/>
+</svg>

package/src/lib/components/icon/assets/4.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.8333 18H4.93732L4.04932 16.632C5.28132 14.344 7.48132 9.35201 10.6493 1.65601H11.4413L14.6333 3.26401L8.72932 14.424L7.64932 16.032L12.8573 15.696L13.1933 11.328L16.1453 11.112V15.456L19.0253 15.288V18H16.1453V21.84H12.8333V18Z" fill="#8E8CEE"/>
+</svg>

package/src/lib/components/icon/assets/5.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.61153 19.944C7.07553 19.992 7.53953 20.016 8.00353 20.016C9.07553 20.016 10.0515 19.792 10.9315 19.344C11.8275 18.912 12.5315 18.32 13.0435 17.568C13.5555 16.8 13.8115 15.976 13.8115 15.096C13.8115 13.992 13.5315 13.208 12.9715 12.744C12.4275 12.264 11.6355 12.024 10.5955 12.024C10.0675 12.024 9.49953 12.096 8.89153 12.24C8.28353 12.368 7.77153 12.52 7.35553 12.696L6.46753 12.072L7.61953 3.09598H15.3955L15.6355 2.63998H17.3875L16.8355 5.97598H10.1395L9.20353 10.584C10.4515 9.95998 11.7155 9.64798 12.9955 9.64798C14.6755 9.64798 15.9475 10.072 16.8115 10.92C17.6915 11.752 18.1315 12.912 18.1315 14.4C18.1315 15.856 17.7075 17.152 16.8595 18.288C16.0115 19.424 14.8355 20.304 13.3315 20.928C11.8435 21.552 10.1635 21.864 8.29153 21.864C7.68353 21.864 7.12353 21.808 6.61153 21.696V19.944Z" fill="#8E8CEE"/>
+</svg>