UNPKG

@useloops/design-system

Version:

The official React based Loops design system

2 lines (1 loc) 17.1 kB
import{jsx as r,Fragment as e}from"react/jsx-runtime";import{useTheme as o}from"@mui/material";import{mergeSx as n}from"merge-sx";import{forwardRef as m}from"react";import{base as t}from"../primitiveVariables.js";import s from"./components/Add.js";import c from"./components/Ai.js";import p from"./components/AlertDot.js";import f from"./components/ArrowLeft.js";import i from"./components/ArrowRight.js";import u from"./components/AttachFile.js";import a from"./components/BadgeCross.js";import l from"./components/BadgeCrossInCircle.js";import j from"./components/BadgeHyphen.js";import d from"./components/BadgeHyphenInCircle.js";import b from"./components/BadgeQuestion.js";import g from"./components/BadgeQuestionInCircle.js";import h from"./components/BadgeTick.js";import N from"./components/BadgeTickInCircle.js";import w from"./components/BrandLogomark.js";import C from"./components/BrandWordmark.js";import k from"./components/Cancel.js";import v from"./components/Chat.js";import S from"./components/Check.js";import y from"./components/CheckCircle.js";import x from"./components/CheckCircleFilled.js";import D from"./components/CheckDouble.js";import F from"./components/ChevronDown.js";import L from"./components/ChevronLeft.js";import T from"./components/ChevronRight.js";import I from"./components/ChevronUp.js";import V from"./components/Close.js";import B from"./components/Comment.js";import E from"./components/CommentFilled.js";import P from"./components/Compress.js";import H from"./components/Controls.js";import U from"./components/Copy.js";import A from"./components/Crosshair.js";import M from"./components/Dashboard.js";import R from"./components/DataBar.js";import G from"./components/Delete.js";import z from"./components/Document.js";import W from"./components/Dollar.js";import O from"./components/DragHandle.js";import q from"./components/DragSelect.js";import Q from"./components/Edit.js";import Z from"./components/Email.js";import K from"./components/Emoticon.js";import Y from"./components/Error.js";import J from"./components/Euro.js";import X from"./components/Expand.js";import $ from"./components/ExpandWindow.js";import _ from"./components/Eye.js";import rr from"./components/EyeOff.js";import er from"./components/FilterList.js";import or from"./components/Fingerprint.js";import nr from"./components/Focus.js";import mr from"./components/Folder.js";import tr from"./components/Gift.js";import sr from"./components/GridView.js";import cr from"./components/GridViewFilled.js";import pr from"./components/GridViewLarge.js";import fr from"./components/GridViewSmall.js";import ir from"./components/Hand.js";import ur from"./components/Help.js";import ar from"./components/Home.js";import lr from"./components/HomeFilled.js";import jr from"./components/Image.js";import dr from"./components/ImageAdd.js";import br from"./components/ImageNo.js";import gr from"./components/ImageSearch.js";import hr from"./components/Info.js";import Nr from"./components/InfoFilled.js";import wr from"./components/Keyboard.js";import Cr from"./components/Label.js";import kr from"./components/Lightbulb.js";import vr from"./components/LinearScale.js";import Sr from"./components/Link.js";import yr from"./components/ListView.js";import xr from"./components/Lock.js";import Dr from"./components/Menu.js";import Fr from"./components/MenuOpen.js";import Lr from"./components/Microphone.js";import Tr from"./components/MoreHorizontal.js";import Ir from"./components/MoreVertical.js";import Vr from"./components/NavCollapse.js";import Br from"./components/NavExpand.js";import Er from"./components/NavToggle.js";import Pr from"./components/Notification.js";import Hr from"./components/Number0.js";import Ur from"./components/Number1.js";import Ar from"./components/Number10.js";import Mr from"./components/Number11.js";import Rr from"./components/Number12.js";import Gr from"./components/Number13.js";import zr from"./components/Number14.js";import Wr from"./components/Number15.js";import Or from"./components/Number16.js";import qr from"./components/Number17.js";import Qr from"./components/Number18.js";import Zr from"./components/Number19.js";import Kr from"./components/Number2.js";import Yr from"./components/Number20.js";import Jr from"./components/Number21.js";import Xr from"./components/Number22.js";import $r from"./components/Number23.js";import _r from"./components/Number24.js";import re from"./components/Number25.js";import ee from"./components/Number26.js";import oe from"./components/Number27.js";import ne from"./components/Number28.js";import me from"./components/Number29.js";import te from"./components/Number3.js";import se from"./components/Number30.js";import ce from"./components/Number31.js";import pe from"./components/Number32.js";import fe from"./components/Number33.js";import ie from"./components/Number34.js";import ue from"./components/Number35.js";import ae from"./components/Number36.js";import le from"./components/Number37.js";import je from"./components/Number38.js";import de from"./components/Number39.js";import be from"./components/Number4.js";import ge from"./components/Number40.js";import he from"./components/Number41.js";import Ne from"./components/Number42.js";import we from"./components/Number43.js";import Ce from"./components/Number44.js";import ke from"./components/Number45.js";import ve from"./components/Number46.js";import Se from"./components/Number47.js";import ye from"./components/Number48.js";import xe from"./components/Number49.js";import De from"./components/Number5.js";import Fe from"./components/Number50.js";import Le from"./components/Number6.js";import Te from"./components/Number7.js";import Ie from"./components/Number8.js";import Ve from"./components/Number9.js";import Be from"./components/OpenInNew.js";import Ee from"./components/Pause.js";import Pe from"./components/PaymentCardAmex.js";import He from"./components/PaymentCardMastercard.js";import Ue from"./components/PaymentCardVisa.js";import Ae from"./components/Pin.js";import Me from"./components/PinFilled.js";import Re from"./components/Play.js";import Ge from"./components/PlayCircle.js";import ze from"./components/PlayVideo.js";import We from"./components/Pound.js";import Oe from"./components/Rank.js";import qe from"./components/Redo.js";import Qe from"./components/ReduceWindow.js";import Ze from"./components/Remove.js";import Ke from"./components/Replay.js";import Ye from"./components/Save.js";import Je from"./components/Search.js";import Xe from"./components/Send.js";import $e from"./components/SentimentDoubleDown.js";import _e from"./components/SentimentDoubleUp.js";import ro from"./components/SentimentDown.js";import eo from"./components/SentimentFlat.js";import oo from"./components/SentimentUp.js";import no from"./components/Settings.js";import mo from"./components/Shuffle.js";import to from"./components/SocialGoogleFullColour.js";import so from"./components/SocialLinkedinFullColour.js";import co from"./components/SocialLinkedinSingleColour.js";import po from"./components/SocialMediumSingleColour.js";import fo from"./components/SocialYoutubeSingleColour.js";import io from"./components/Sort.js";import uo from"./components/Star.js";import ao from"./components/StarFilled.js";import lo from"./components/StarHalf.js";import jo from"./components/Stop.js";import bo from"./components/Test.js";import go from"./components/TestEdit.js";import ho from"./components/TestPending.js";import No from"./components/ThickArrowDown.js";import wo from"./components/ThumbDown.js";import Co from"./components/ThumbsUpDown.js";import ko from"./components/ThumbUp.js";import vo from"./components/Time.js";import So from"./components/TimeFilled.js";import yo from"./components/Translate.js";import xo from"./components/Unfold.js";import Do from"./components/Upload.js";import Fo from"./components/UploadCloud.js";import Lo from"./components/UploadCloudFilled.js";import To from"./components/UserSearch.js";import Io from"./components/VolumeHigh.js";import Vo from"./components/VolumeLow.js";import Bo from"./components/VolumeMute.js";import Eo from"./components/Warning.js";import Po from"./components/Work.js";import Ho from"./components/ZoomIn.js";import Uo from"./components/ZoomOut.js";const Ao={xs:2*t,sm:2*t,md:2*t,lg:2.5*t,xl:3*t},Mo=m(({color:m,name:t,size:Mo,sx:Ro,disabled:Go=!1,...zo},Wo)=>{const Oo=o(),qo=Mo||Ao.xl,Qo=Mo||Ao.xl,Zo={sx:n({color:Go?Oo.custom.palette.icon.disabled:m,height:qo,width:Qo},Ro),...zo};switch(t){case"payment-card-visa":return r(Ue,{ref:Wo,...Zo});case"payment-card-mastercard":return r(He,{ref:Wo,...Zo});case"payment-card-amex":return r(Pe,{ref:Wo,...Zo});case"brand-wordmark":return r(C,{ref:Wo,...Zo});case"brand-logomark":return r(w,{ref:Wo,...Zo});case"menu":return r(Dr,{ref:Wo,...Zo});case"menu-open":return r(Fr,{ref:Wo,...Zo});case"chevron-up":return r(I,{ref:Wo,...Zo});case"chevron-down":return r(F,{ref:Wo,...Zo});case"chevron-left":return r(L,{ref:Wo,...Zo});case"chevron-right":return r(T,{ref:Wo,...Zo});case"arrow-left":return r(f,{ref:Wo,...Zo});case"arrow-right":return r(i,{ref:Wo,...Zo});case"search":return r(Je,{ref:Wo,...Zo});case"close":return r(V,{ref:Wo,...Zo});case"more-horizontal":return r(Tr,{ref:Wo,...Zo});case"more-vertical":return r(Ir,{ref:Wo,...Zo});case"home":return r(ar,{ref:Wo,...Zo});case"home-filled":return r(lr,{ref:Wo,...Zo});case"settings":return r(no,{ref:Wo,...Zo});case"controls":return r(H,{ref:Wo,...Zo});case"help":return r(ur,{ref:Wo,...Zo});case"filter-list":return r(er,{ref:Wo,...Zo});case"sort":return r(io,{ref:Wo,...Zo});case"open-in-new":return r(Be,{ref:Wo,...Zo});case"nav-toggle":return r(Er,{ref:Wo,...Zo});case"nav-collapse":return r(Vr,{ref:Wo,...Zo});case"nav-expand":return r(Br,{ref:Wo,...Zo});case"expand-window":return r($,{ref:Wo,...Zo});case"reduce-window":return r(Qe,{ref:Wo,...Zo});case"redo":return r(qe,{ref:Wo,...Zo});case"hand":return r(ir,{ref:Wo,...Zo});case"play-circle":return r(Ge,{ref:Wo,...Zo});case"play-video":return r(ze,{ref:Wo,...Zo});case"email":return r(Z,{ref:Wo,...Zo});case"document":return r(z,{ref:Wo,...Zo});case"folder":return r(mr,{ref:Wo,...Zo});case"attach-file":return r(u,{ref:Wo,...Zo});case"save":return r(Ye,{ref:Wo,...Zo});case"image":return r(jr,{ref:Wo,...Zo});case"image-add":return r(dr,{ref:Wo,...Zo});case"image-search":return r(gr,{ref:Wo,...Zo});case"image-no":return r(br,{ref:Wo,...Zo});case"upload":return r(Do,{ref:Wo,...Zo});case"upload-cloud":return r(Fo,{ref:Wo,...Zo});case"upload-cloud-filled":return r(Lo,{ref:Wo,...Zo});case"time":return r(vo,{ref:Wo,...Zo});case"time-filled":return r(So,{ref:Wo,...Zo});case"zoom-in":return r(Ho,{ref:Wo,...Zo});case"zoom-out":return r(Uo,{ref:Wo,...Zo});case"add":return r(s,{ref:Wo,...Zo});case"remove":return r(Ze,{ref:Wo,...Zo});case"dashboard":return r(M,{ref:Wo,...Zo});case"list-view":return r(yr,{ref:Wo,...Zo});case"grid-view":return r(sr,{ref:Wo,...Zo});case"grid-view-filled":return r(cr,{ref:Wo,...Zo});case"grid-view-small":return r(fr,{ref:Wo,...Zo});case"grid-view-large":return r(pr,{ref:Wo,...Zo});case"eye":return r(_,{ref:Wo,...Zo});case"eye-off":return r(rr,{ref:Wo,...Zo});case"notification":return r(Pr,{ref:Wo,...Zo});case"pound":return r(We,{ref:Wo,...Zo});case"euro":return r(J,{ref:Wo,...Zo});case"dollar":return r(W,{ref:Wo,...Zo});case"play":return r(Re,{ref:Wo,...Zo});case"pause":return r(Ee,{ref:Wo,...Zo});case"stop":return r(jo,{ref:Wo,...Zo});case"shuffle":return r(mo,{ref:Wo,...Zo});case"replay":return r(Ke,{ref:Wo,...Zo});case"volume-mute":return r(Bo,{ref:Wo,...Zo});case"volume-high":return r(Io,{ref:Wo,...Zo});case"volume-low":return r(Vo,{ref:Wo,...Zo});case"test":return r(bo,{ref:Wo,...Zo});case"test-pending":return r(ho,{ref:Wo,...Zo});case"test-edit":return r(go,{ref:Wo,...Zo});case"data-bar":return r(R,{ref:Wo,...Zo});case"label":return r(Cr,{ref:Wo,...Zo});case"send":return r(Xe,{ref:Wo,...Zo});case"comment":return r(B,{ref:Wo,...Zo});case"comment-filled":return r(E,{ref:Wo,...Zo});case"chat":return r(v,{ref:Wo,...Zo});case"microphone":return r(Lr,{ref:Wo,...Zo});case"keyboard":return r(wr,{ref:Wo,...Zo});case"translate":return r(yo,{ref:Wo,...Zo});case"error":return r(Y,{ref:Wo,...Zo});case"warning":return r(Eo,{ref:Wo,...Zo});case"lightbulb":return r(kr,{ref:Wo,...Zo});case"thumb-up":return r(ko,{ref:Wo,...Zo});case"thumb-down":return r(wo,{ref:Wo,...Zo});case"info":return r(hr,{ref:Wo,...Zo});case"info-filled":return r(Nr,{ref:Wo,...Zo});case"cancel":return r(k,{ref:Wo,...Zo});case"compress":return r(P,{ref:Wo,...Zo});case"expand":return r(X,{ref:Wo,...Zo});case"unfold":return r(xo,{ref:Wo,...Zo});case"drag-handle":return r(O,{ref:Wo,...Zo});case"focus":return r(nr,{ref:Wo,...Zo});case"drag-select":return r(q,{ref:Wo,...Zo});case"lock":return r(xr,{ref:Wo,...Zo});case"copy":return r(U,{ref:Wo,...Zo});case"edit":return r(Q,{ref:Wo,...Zo});case"delete":return r(G,{ref:Wo,...Zo});case"check":return r(S,{ref:Wo,...Zo});case"check-circle":return r(y,{ref:Wo,...Zo});case"check-circle-filled":return r(x,{ref:Wo,...Zo});case"alert-dot":return r(p,{ref:Wo,...Zo});case"pin":return r(Ae,{ref:Wo,...Zo});case"pin-filled":return r(Me,{ref:Wo,...Zo});case"link":return r(Sr,{ref:Wo,...Zo});case"user-search":return r(To,{ref:Wo,...Zo});case"crosshair":return r(A,{ref:Wo,...Zo});case"fingerprint":return r(or,{ref:Wo,...Zo});case"star":return r(uo,{ref:Wo,...Zo});case"star-half":return r(lo,{ref:Wo,...Zo});case"star-filled":return r(ao,{ref:Wo,...Zo});case"thumbs-up-down":return r(Co,{ref:Wo,...Zo});case"emoticon":return r(K,{ref:Wo,...Zo});case"linear-scale":return r(vr,{ref:Wo,...Zo});case"check-double":return r(D,{ref:Wo,...Zo});case"rank":return r(Oe,{ref:Wo,...Zo});case"sentiment-double-down":return r($e,{ref:Wo,...Zo});case"sentiment-down":return r(ro,{ref:Wo,...Zo});case"sentiment-flat":return r(eo,{ref:Wo,...Zo});case"sentiment-up":return r(oo,{ref:Wo,...Zo});case"sentiment-double-up":return r(_e,{ref:Wo,...Zo});case"ai":return r(c,{ref:Wo,...Zo});case"work":return r(Po,{ref:Wo,...Zo});case"gift":return r(tr,{ref:Wo,...Zo});case"social-medium-single-colour":return r(po,{ref:Wo,...Zo});case"social-linkedin-single-colour":return r(co,{ref:Wo,...Zo});case"social-youtube-single-colour":return r(fo,{ref:Wo,...Zo});case"social-linkedin-full-colour":return r(so,{ref:Wo,...Zo});case"social-google-full-colour":return r(to,{ref:Wo,...Zo});case"badge-tick":return r(h,{ref:Wo,...Zo});case"badge-tick-in-circle":return r(N,{ref:Wo,...Zo});case"badge-cross":return r(a,{ref:Wo,...Zo});case"badge-cross-in-circle":return r(l,{ref:Wo,...Zo});case"badge-hyphen":return r(j,{ref:Wo,...Zo});case"badge-hyphen-in-circle":return r(d,{ref:Wo,...Zo});case"badge-question":return r(b,{ref:Wo,...Zo});case"badge-question-in-circle":return r(g,{ref:Wo,...Zo});case"number-0":return r(Hr,{ref:Wo,...Zo});case"number-1":return r(Ur,{ref:Wo,...Zo});case"number-2":return r(Kr,{ref:Wo,...Zo});case"number-3":return r(te,{ref:Wo,...Zo});case"number-4":return r(be,{ref:Wo,...Zo});case"number-5":return r(De,{ref:Wo,...Zo});case"number-6":return r(Le,{ref:Wo,...Zo});case"number-7":return r(Te,{ref:Wo,...Zo});case"number-8":return r(Ie,{ref:Wo,...Zo});case"number-9":return r(Ve,{ref:Wo,...Zo});case"number-10":return r(Ar,{ref:Wo,...Zo});case"number-11":return r(Mr,{ref:Wo,...Zo});case"number-12":return r(Rr,{ref:Wo,...Zo});case"number-13":return r(Gr,{ref:Wo,...Zo});case"number-14":return r(zr,{ref:Wo,...Zo});case"number-15":return r(Wr,{ref:Wo,...Zo});case"number-16":return r(Or,{ref:Wo,...Zo});case"number-17":return r(qr,{ref:Wo,...Zo});case"number-18":return r(Qr,{ref:Wo,...Zo});case"number-19":return r(Zr,{ref:Wo,...Zo});case"number-20":return r(Yr,{ref:Wo,...Zo});case"number-21":return r(Jr,{ref:Wo,...Zo});case"number-22":return r(Xr,{ref:Wo,...Zo});case"number-23":return r($r,{ref:Wo,...Zo});case"number-24":return r(_r,{ref:Wo,...Zo});case"number-25":return r(re,{ref:Wo,...Zo});case"number-26":return r(ee,{ref:Wo,...Zo});case"number-27":return r(oe,{ref:Wo,...Zo});case"number-28":return r(ne,{ref:Wo,...Zo});case"number-29":return r(me,{ref:Wo,...Zo});case"number-30":return r(se,{ref:Wo,...Zo});case"number-31":return r(ce,{ref:Wo,...Zo});case"number-32":return r(pe,{ref:Wo,...Zo});case"number-33":return r(fe,{ref:Wo,...Zo});case"number-34":return r(ie,{ref:Wo,...Zo});case"number-35":return r(ue,{ref:Wo,...Zo});case"number-36":return r(ae,{ref:Wo,...Zo});case"number-37":return r(le,{ref:Wo,...Zo});case"number-38":return r(je,{ref:Wo,...Zo});case"number-39":return r(de,{ref:Wo,...Zo});case"number-40":return r(ge,{ref:Wo,...Zo});case"number-41":return r(he,{ref:Wo,...Zo});case"number-42":return r(Ne,{ref:Wo,...Zo});case"number-43":return r(we,{ref:Wo,...Zo});case"number-44":return r(Ce,{ref:Wo,...Zo});case"number-45":return r(ke,{ref:Wo,...Zo});case"number-46":return r(ve,{ref:Wo,...Zo});case"number-47":return r(Se,{ref:Wo,...Zo});case"number-48":return r(ye,{ref:Wo,...Zo});case"number-49":return r(xe,{ref:Wo,...Zo});case"number-50":return r(Fe,{ref:Wo,...Zo});case"thick-arrow-down":return r(No,{ref:Wo,...Zo});default:return r(e,{})}});export{Mo as default,Ao as iconSizeMap};