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