@useloops/design-system
Version:
The official React based Loops design system
199 lines (196 loc) • 20.3 kB
TypeScript
export { default as Add } from '../systems/BrandCore/Icon/components/Add.js';
export { default as Ai } from '../systems/BrandCore/Icon/components/Ai.js';
export { default as AlertDot } from '../systems/BrandCore/Icon/components/AlertDot.js';
export { default as ArrowLeft } from '../systems/BrandCore/Icon/components/ArrowLeft.js';
export { default as ArrowRight } from '../systems/BrandCore/Icon/components/ArrowRight.js';
export { default as AttachFile } from '../systems/BrandCore/Icon/components/AttachFile.js';
export { default as BadgeCross } from '../systems/BrandCore/Icon/components/BadgeCross.js';
export { default as BadgeCrossInCircle } from '../systems/BrandCore/Icon/components/BadgeCrossInCircle.js';
export { default as BadgeHyphen } from '../systems/BrandCore/Icon/components/BadgeHyphen.js';
export { default as BadgeHyphenInCircle } from '../systems/BrandCore/Icon/components/BadgeHyphenInCircle.js';
export { default as BadgeQuestion } from '../systems/BrandCore/Icon/components/BadgeQuestion.js';
export { default as BadgeQuestionInCircle } from '../systems/BrandCore/Icon/components/BadgeQuestionInCircle.js';
export { default as BadgeTick } from '../systems/BrandCore/Icon/components/BadgeTick.js';
export { default as BadgeTickInCircle } from '../systems/BrandCore/Icon/components/BadgeTickInCircle.js';
export { default as BrandLogomark } from '../systems/BrandCore/Icon/components/BrandLogomark.js';
export { default as BrandWordmark } from '../systems/BrandCore/Icon/components/BrandWordmark.js';
export { default as Cancel } from '../systems/BrandCore/Icon/components/Cancel.js';
export { default as Chat } from '../systems/BrandCore/Icon/components/Chat.js';
export { default as Check } from '../systems/BrandCore/Icon/components/Check.js';
export { default as CheckCircle } from '../systems/BrandCore/Icon/components/CheckCircle.js';
export { default as CheckCircleFilled } from '../systems/BrandCore/Icon/components/CheckCircleFilled.js';
export { default as CheckDouble } from '../systems/BrandCore/Icon/components/CheckDouble.js';
export { default as ChevronDown } from '../systems/BrandCore/Icon/components/ChevronDown.js';
export { default as ChevronLeft } from '../systems/BrandCore/Icon/components/ChevronLeft.js';
export { default as ChevronRight } from '../systems/BrandCore/Icon/components/ChevronRight.js';
export { default as ChevronUp } from '../systems/BrandCore/Icon/components/ChevronUp.js';
export { default as Close } from '../systems/BrandCore/Icon/components/Close.js';
export { default as Comment } from '../systems/BrandCore/Icon/components/Comment.js';
export { default as CommentFilled } from '../systems/BrandCore/Icon/components/CommentFilled.js';
export { default as Compress } from '../systems/BrandCore/Icon/components/Compress.js';
export { default as Controls } from '../systems/BrandCore/Icon/components/Controls.js';
export { default as Copy } from '../systems/BrandCore/Icon/components/Copy.js';
export { default as Crosshair } from '../systems/BrandCore/Icon/components/Crosshair.js';
export { default as Dashboard } from '../systems/BrandCore/Icon/components/Dashboard.js';
export { default as DataBar } from '../systems/BrandCore/Icon/components/DataBar.js';
export { default as Delete } from '../systems/BrandCore/Icon/components/Delete.js';
export { default as Document } from '../systems/BrandCore/Icon/components/Document.js';
export { default as Dollar } from '../systems/BrandCore/Icon/components/Dollar.js';
export { default as DragHandle } from '../systems/BrandCore/Icon/components/DragHandle.js';
export { default as DragSelect } from '../systems/BrandCore/Icon/components/DragSelect.js';
export { default as Edit } from '../systems/BrandCore/Icon/components/Edit.js';
export { default as Email } from '../systems/BrandCore/Icon/components/Email.js';
export { default as Emoticon } from '../systems/BrandCore/Icon/components/Emoticon.js';
export { default as Error } from '../systems/BrandCore/Icon/components/Error.js';
export { default as Euro } from '../systems/BrandCore/Icon/components/Euro.js';
export { default as Expand } from '../systems/BrandCore/Icon/components/Expand.js';
export { default as ExpandWindow } from '../systems/BrandCore/Icon/components/ExpandWindow.js';
export { default as Eye } from '../systems/BrandCore/Icon/components/Eye.js';
export { default as EyeOff } from '../systems/BrandCore/Icon/components/EyeOff.js';
export { default as FilterList } from '../systems/BrandCore/Icon/components/FilterList.js';
export { default as Fingerprint } from '../systems/BrandCore/Icon/components/Fingerprint.js';
export { default as Focus } from '../systems/BrandCore/Icon/components/Focus.js';
export { default as Folder } from '../systems/BrandCore/Icon/components/Folder.js';
export { default as Gift } from '../systems/BrandCore/Icon/components/Gift.js';
export { default as GridView } from '../systems/BrandCore/Icon/components/GridView.js';
export { default as GridViewFilled } from '../systems/BrandCore/Icon/components/GridViewFilled.js';
export { default as GridViewLarge } from '../systems/BrandCore/Icon/components/GridViewLarge.js';
export { default as GridViewSmall } from '../systems/BrandCore/Icon/components/GridViewSmall.js';
export { default as Hand } from '../systems/BrandCore/Icon/components/Hand.js';
export { default as Help } from '../systems/BrandCore/Icon/components/Help.js';
export { default as Home } from '../systems/BrandCore/Icon/components/Home.js';
export { default as HomeFilled } from '../systems/BrandCore/Icon/components/HomeFilled.js';
export { default as Image } from '../systems/BrandCore/Icon/components/Image.js';
export { default as ImageAdd } from '../systems/BrandCore/Icon/components/ImageAdd.js';
export { default as ImageNo } from '../systems/BrandCore/Icon/components/ImageNo.js';
export { default as ImageSearch } from '../systems/BrandCore/Icon/components/ImageSearch.js';
export { default as Info } from '../systems/BrandCore/Icon/components/Info.js';
export { default as InfoFilled } from '../systems/BrandCore/Icon/components/InfoFilled.js';
export { default as Keyboard } from '../systems/BrandCore/Icon/components/Keyboard.js';
export { default as Label } from '../systems/BrandCore/Icon/components/Label.js';
export { default as Lightbulb } from '../systems/BrandCore/Icon/components/Lightbulb.js';
export { default as LinearScale } from '../systems/BrandCore/Icon/components/LinearScale.js';
export { default as Link } from '../systems/BrandCore/Icon/components/Link.js';
export { default as ListView } from '../systems/BrandCore/Icon/components/ListView.js';
export { default as Lock } from '../systems/BrandCore/Icon/components/Lock.js';
export { default as Menu } from '../systems/BrandCore/Icon/components/Menu.js';
export { default as MenuOpen } from '../systems/BrandCore/Icon/components/MenuOpen.js';
export { default as Microphone } from '../systems/BrandCore/Icon/components/Microphone.js';
export { default as MoreHorizontal } from '../systems/BrandCore/Icon/components/MoreHorizontal.js';
export { default as MoreVertical } from '../systems/BrandCore/Icon/components/MoreVertical.js';
export { default as NavCollapse } from '../systems/BrandCore/Icon/components/NavCollapse.js';
export { default as NavExpand } from '../systems/BrandCore/Icon/components/NavExpand.js';
export { default as NavToggle } from '../systems/BrandCore/Icon/components/NavToggle.js';
export { default as Notification } from '../systems/BrandCore/Icon/components/Notification.js';
export { default as Number0 } from '../systems/BrandCore/Icon/components/Number0.js';
export { default as Number1 } from '../systems/BrandCore/Icon/components/Number1.js';
export { default as Number10 } from '../systems/BrandCore/Icon/components/Number10.js';
export { default as Number11 } from '../systems/BrandCore/Icon/components/Number11.js';
export { default as Number12 } from '../systems/BrandCore/Icon/components/Number12.js';
export { default as Number13 } from '../systems/BrandCore/Icon/components/Number13.js';
export { default as Number14 } from '../systems/BrandCore/Icon/components/Number14.js';
export { default as Number15 } from '../systems/BrandCore/Icon/components/Number15.js';
export { default as Number16 } from '../systems/BrandCore/Icon/components/Number16.js';
export { default as Number17 } from '../systems/BrandCore/Icon/components/Number17.js';
export { default as Number18 } from '../systems/BrandCore/Icon/components/Number18.js';
export { default as Number19 } from '../systems/BrandCore/Icon/components/Number19.js';
export { default as Number2 } from '../systems/BrandCore/Icon/components/Number2.js';
export { default as Number20 } from '../systems/BrandCore/Icon/components/Number20.js';
export { default as Number21 } from '../systems/BrandCore/Icon/components/Number21.js';
export { default as Number22 } from '../systems/BrandCore/Icon/components/Number22.js';
export { default as Number23 } from '../systems/BrandCore/Icon/components/Number23.js';
export { default as Number24 } from '../systems/BrandCore/Icon/components/Number24.js';
export { default as Number25 } from '../systems/BrandCore/Icon/components/Number25.js';
export { default as Number26 } from '../systems/BrandCore/Icon/components/Number26.js';
export { default as Number27 } from '../systems/BrandCore/Icon/components/Number27.js';
export { default as Number28 } from '../systems/BrandCore/Icon/components/Number28.js';
export { default as Number29 } from '../systems/BrandCore/Icon/components/Number29.js';
export { default as Number3 } from '../systems/BrandCore/Icon/components/Number3.js';
export { default as Number30 } from '../systems/BrandCore/Icon/components/Number30.js';
export { default as Number31 } from '../systems/BrandCore/Icon/components/Number31.js';
export { default as Number32 } from '../systems/BrandCore/Icon/components/Number32.js';
export { default as Number33 } from '../systems/BrandCore/Icon/components/Number33.js';
export { default as Number34 } from '../systems/BrandCore/Icon/components/Number34.js';
export { default as Number35 } from '../systems/BrandCore/Icon/components/Number35.js';
export { default as Number36 } from '../systems/BrandCore/Icon/components/Number36.js';
export { default as Number37 } from '../systems/BrandCore/Icon/components/Number37.js';
export { default as Number38 } from '../systems/BrandCore/Icon/components/Number38.js';
export { default as Number39 } from '../systems/BrandCore/Icon/components/Number39.js';
export { default as Number4 } from '../systems/BrandCore/Icon/components/Number4.js';
export { default as Number40 } from '../systems/BrandCore/Icon/components/Number40.js';
export { default as Number41 } from '../systems/BrandCore/Icon/components/Number41.js';
export { default as Number42 } from '../systems/BrandCore/Icon/components/Number42.js';
export { default as Number43 } from '../systems/BrandCore/Icon/components/Number43.js';
export { default as Number44 } from '../systems/BrandCore/Icon/components/Number44.js';
export { default as Number45 } from '../systems/BrandCore/Icon/components/Number45.js';
export { default as Number46 } from '../systems/BrandCore/Icon/components/Number46.js';
export { default as Number47 } from '../systems/BrandCore/Icon/components/Number47.js';
export { default as Number48 } from '../systems/BrandCore/Icon/components/Number48.js';
export { default as Number49 } from '../systems/BrandCore/Icon/components/Number49.js';
export { default as Number5 } from '../systems/BrandCore/Icon/components/Number5.js';
export { default as Number50 } from '../systems/BrandCore/Icon/components/Number50.js';
export { default as Number6 } from '../systems/BrandCore/Icon/components/Number6.js';
export { default as Number7 } from '../systems/BrandCore/Icon/components/Number7.js';
export { default as Number8 } from '../systems/BrandCore/Icon/components/Number8.js';
export { default as Number9 } from '../systems/BrandCore/Icon/components/Number9.js';
export { default as OpenInNew } from '../systems/BrandCore/Icon/components/OpenInNew.js';
export { default as Pause } from '../systems/BrandCore/Icon/components/Pause.js';
export { default as PaymentCardAmex } from '../systems/BrandCore/Icon/components/PaymentCardAmex.js';
export { default as PaymentCardMastercard } from '../systems/BrandCore/Icon/components/PaymentCardMastercard.js';
export { default as PaymentCardVisa } from '../systems/BrandCore/Icon/components/PaymentCardVisa.js';
export { default as Pin } from '../systems/BrandCore/Icon/components/Pin.js';
export { default as PinFilled } from '../systems/BrandCore/Icon/components/PinFilled.js';
export { default as Play } from '../systems/BrandCore/Icon/components/Play.js';
export { default as PlayCircle } from '../systems/BrandCore/Icon/components/PlayCircle.js';
export { default as PlayVideo } from '../systems/BrandCore/Icon/components/PlayVideo.js';
export { default as Pound } from '../systems/BrandCore/Icon/components/Pound.js';
export { default as Rank } from '../systems/BrandCore/Icon/components/Rank.js';
export { default as Redo } from '../systems/BrandCore/Icon/components/Redo.js';
export { default as ReduceWindow } from '../systems/BrandCore/Icon/components/ReduceWindow.js';
export { default as Remove } from '../systems/BrandCore/Icon/components/Remove.js';
export { default as Replay } from '../systems/BrandCore/Icon/components/Replay.js';
export { default as Save } from '../systems/BrandCore/Icon/components/Save.js';
export { default as Search } from '../systems/BrandCore/Icon/components/Search.js';
export { default as Send } from '../systems/BrandCore/Icon/components/Send.js';
export { default as SentimentDoubleDown } from '../systems/BrandCore/Icon/components/SentimentDoubleDown.js';
export { default as SentimentDoubleUp } from '../systems/BrandCore/Icon/components/SentimentDoubleUp.js';
export { default as SentimentDown } from '../systems/BrandCore/Icon/components/SentimentDown.js';
export { default as SentimentFlat } from '../systems/BrandCore/Icon/components/SentimentFlat.js';
export { default as SentimentUp } from '../systems/BrandCore/Icon/components/SentimentUp.js';
export { default as Settings } from '../systems/BrandCore/Icon/components/Settings.js';
export { default as Shuffle } from '../systems/BrandCore/Icon/components/Shuffle.js';
export { default as SocialGoogleFullColour } from '../systems/BrandCore/Icon/components/SocialGoogleFullColour.js';
export { default as SocialLinkedinFullColour } from '../systems/BrandCore/Icon/components/SocialLinkedinFullColour.js';
export { default as SocialLinkedinSingleColour } from '../systems/BrandCore/Icon/components/SocialLinkedinSingleColour.js';
export { default as SocialMediumSingleColour } from '../systems/BrandCore/Icon/components/SocialMediumSingleColour.js';
export { default as SocialYoutubeSingleColour } from '../systems/BrandCore/Icon/components/SocialYoutubeSingleColour.js';
export { default as Sort } from '../systems/BrandCore/Icon/components/Sort.js';
export { default as Star } from '../systems/BrandCore/Icon/components/Star.js';
export { default as StarFilled } from '../systems/BrandCore/Icon/components/StarFilled.js';
export { default as StarHalf } from '../systems/BrandCore/Icon/components/StarHalf.js';
export { default as Stop } from '../systems/BrandCore/Icon/components/Stop.js';
export { default as Test } from '../systems/BrandCore/Icon/components/Test.js';
export { default as TestEdit } from '../systems/BrandCore/Icon/components/TestEdit.js';
export { default as TestPending } from '../systems/BrandCore/Icon/components/TestPending.js';
export { default as ThickArrowDown } from '../systems/BrandCore/Icon/components/ThickArrowDown.js';
export { default as ThumbDown } from '../systems/BrandCore/Icon/components/ThumbDown.js';
export { default as ThumbsUpDown } from '../systems/BrandCore/Icon/components/ThumbsUpDown.js';
export { default as ThumbUp } from '../systems/BrandCore/Icon/components/ThumbUp.js';
export { default as Time } from '../systems/BrandCore/Icon/components/Time.js';
export { default as TimeFilled } from '../systems/BrandCore/Icon/components/TimeFilled.js';
export { default as Translate } from '../systems/BrandCore/Icon/components/Translate.js';
export { default as Unfold } from '../systems/BrandCore/Icon/components/Unfold.js';
export { default as Upload } from '../systems/BrandCore/Icon/components/Upload.js';
export { default as UploadCloud } from '../systems/BrandCore/Icon/components/UploadCloud.js';
export { default as UploadCloudFilled } from '../systems/BrandCore/Icon/components/UploadCloudFilled.js';
export { default as UserSearch } from '../systems/BrandCore/Icon/components/UserSearch.js';
export { default as VolumeHigh } from '../systems/BrandCore/Icon/components/VolumeHigh.js';
export { default as VolumeLow } from '../systems/BrandCore/Icon/components/VolumeLow.js';
export { default as VolumeMute } from '../systems/BrandCore/Icon/components/VolumeMute.js';
export { default as Warning } from '../systems/BrandCore/Icon/components/Warning.js';
export { default as Work } from '../systems/BrandCore/Icon/components/Work.js';
export { default as ZoomIn } from '../systems/BrandCore/Icon/components/ZoomIn.js';
export { default as ZoomOut } from '../systems/BrandCore/Icon/components/ZoomOut.js';
export { default, iconSizeMap } from '../systems/BrandCore/Icon/Icon.js';
type IconName = 'payment-card-visa' | 'payment-card-mastercard' | 'payment-card-amex' | 'brand-wordmark' | 'brand-logomark' | 'menu' | 'menu-open' | 'chevron-up' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'arrow-left' | 'arrow-right' | 'search' | 'close' | 'more-horizontal' | 'more-vertical' | 'home' | 'home-filled' | 'settings' | 'controls' | 'help' | 'filter-list' | 'sort' | 'open-in-new' | 'nav-toggle' | 'nav-collapse' | 'nav-expand' | 'expand-window' | 'reduce-window' | 'redo' | 'hand' | 'play-circle' | 'play-video' | 'email' | 'document' | 'folder' | 'attach-file' | 'save' | 'image' | 'image-add' | 'image-search' | 'image-no' | 'upload' | 'upload-cloud' | 'upload-cloud-filled' | 'time' | 'time-filled' | 'zoom-in' | 'zoom-out' | 'add' | 'remove' | 'dashboard' | 'list-view' | 'grid-view' | 'grid-view-filled' | 'grid-view-small' | 'grid-view-large' | 'eye' | 'eye-off' | 'notification' | 'pound' | 'euro' | 'dollar' | 'play' | 'pause' | 'stop' | 'shuffle' | 'replay' | 'volume-mute' | 'volume-high' | 'volume-low' | 'test' | 'test-pending' | 'test-edit' | 'data-bar' | 'label' | 'send' | 'comment' | 'comment-filled' | 'chat' | 'microphone' | 'keyboard' | 'translate' | 'error' | 'warning' | 'lightbulb' | 'thumb-up' | 'thumb-down' | 'info' | 'info-filled' | 'cancel' | 'compress' | 'expand' | 'unfold' | 'drag-handle' | 'focus' | 'drag-select' | 'lock' | 'copy' | 'edit' | 'delete' | 'check' | 'check-circle' | 'check-circle-filled' | 'alert-dot' | 'pin' | 'pin-filled' | 'link' | 'user-search' | 'crosshair' | 'fingerprint' | 'star' | 'star-half' | 'star-filled' | 'thumbs-up-down' | 'emoticon' | 'linear-scale' | 'check-double' | 'rank' | 'sentiment-double-down' | 'sentiment-down' | 'sentiment-flat' | 'sentiment-up' | 'sentiment-double-up' | 'ai' | 'work' | 'gift' | 'social-medium-single-colour' | 'social-linkedin-single-colour' | 'social-youtube-single-colour' | 'social-linkedin-full-colour' | 'social-google-full-colour' | 'badge-tick' | 'badge-tick-in-circle' | 'badge-cross' | 'badge-cross-in-circle' | 'badge-hyphen' | 'badge-hyphen-in-circle' | 'badge-question' | 'badge-question-in-circle' | 'number-0' | 'number-1' | 'number-2' | 'number-3' | 'number-4' | 'number-5' | 'number-6' | 'number-7' | 'number-8' | 'number-9' | 'number-10' | 'number-11' | 'number-12' | 'number-13' | 'number-14' | 'number-15' | 'number-16' | 'number-17' | 'number-18' | 'number-19' | 'number-20' | 'number-21' | 'number-22' | 'number-23' | 'number-24' | 'number-25' | 'number-26' | 'number-27' | 'number-28' | 'number-29' | 'number-30' | 'number-31' | 'number-32' | 'number-33' | 'number-34' | 'number-35' | 'number-36' | 'number-37' | 'number-38' | 'number-39' | 'number-40' | 'number-41' | 'number-42' | 'number-43' | 'number-44' | 'number-45' | 'number-46' | 'number-47' | 'number-48' | 'number-49' | 'number-50' | 'thick-arrow-down';
export type { IconName };