@bikdotai/bik-component-library 0.0.835-beta.1 → 0.0.835-beta.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/button/Button.styled.js +7 -2
- package/dist/cjs/components/button/Button.styled.js.map +1 -1
- package/dist/cjs/components/button/themes.js +3 -3
- package/dist/cjs/components/button/themes.js.map +1 -1
- package/dist/cjs/components/checkBox/CheckBox.styled.js +7 -10
- package/dist/cjs/components/checkBox/CheckBox.styled.js.map +1 -1
- package/dist/cjs/components/whats-new/WhatsNew.js +1 -1
- package/dist/cjs/components/whats-new/WhatsNew.js.map +1 -1
- package/dist/cjs/components/whats-new/WhatsNewButton.js +2 -2
- package/dist/cjs/components/whats-new/WhatsNewButton.js.map +1 -1
- package/dist/cjs/icons/Actions/Common actions/Send.js +2 -0
- package/dist/cjs/icons/Actions/Common actions/Send.js.map +1 -0
- package/dist/cjs/icons/Arrows/Chevron/ChevronUp.js +1 -1
- package/dist/cjs/icons/Arrows/Chevron/ChevronUp.js.map +1 -1
- package/dist/cjs/icons/Media/Visual/FormkitHappy.js +1 -1
- package/dist/cjs/icons/Media/Visual/FormkitHappy.js.map +1 -1
- package/dist/cjs/icons/index.js +1 -1
- package/dist/cjs/utils/rgba.js +2 -0
- package/dist/cjs/utils/rgba.js.map +1 -0
- package/dist/esm/components/button/Button.styled.js +11 -6
- package/dist/esm/components/button/Button.styled.js.map +1 -1
- package/dist/esm/components/button/themes.d.ts +1 -1
- package/dist/esm/components/button/themes.js +1 -1
- package/dist/esm/components/button/themes.js.map +1 -1
- package/dist/esm/components/checkBox/CheckBox.styled.js +9 -11
- package/dist/esm/components/checkBox/CheckBox.styled.js.map +1 -1
- package/dist/esm/components/whats-new/WhatsNew.d.ts +1 -0
- package/dist/esm/components/whats-new/WhatsNew.js +19 -17
- package/dist/esm/components/whats-new/WhatsNew.js.map +1 -1
- package/dist/esm/components/whats-new/WhatsNew.types.d.ts +1 -0
- package/dist/esm/components/whats-new/WhatsNewButton.js +37 -32
- package/dist/esm/components/whats-new/WhatsNewButton.js.map +1 -1
- package/dist/esm/icons/Actions/Common actions/Send.d.ts +7 -0
- package/dist/esm/icons/Actions/Common actions/Send.js +29 -0
- package/dist/esm/icons/Actions/Common actions/Send.js.map +1 -0
- package/dist/esm/icons/Actions/Common actions/index.d.ts +1 -0
- package/dist/esm/icons/Arrows/Chevron/ChevronUp.d.ts +2 -1
- package/dist/esm/icons/Arrows/Chevron/ChevronUp.js +28 -24
- package/dist/esm/icons/Arrows/Chevron/ChevronUp.js.map +1 -1
- package/dist/esm/icons/Media/Visual/FormkitHappy.js +20 -20
- package/dist/esm/icons/Media/Visual/FormkitHappy.js.map +1 -1
- package/dist/esm/icons/Media/Visual/index.d.ts +0 -2
- package/dist/esm/icons/index.d.ts +2 -2
- package/dist/esm/icons/index.js +418 -420
- package/dist/esm/icons/index.js.map +1 -1
- package/dist/esm/utils/rgba.js +10 -0
- package/dist/esm/utils/rgba.js.map +1 -0
- package/package.json +1 -1
- package/dist/cjs/icons/Media/Visual/FormkitNeutral.js +0 -2
- package/dist/cjs/icons/Media/Visual/FormkitNeutral.js.map +0 -1
- package/dist/cjs/icons/Media/Visual/FormkitSad.js +0 -2
- package/dist/cjs/icons/Media/Visual/FormkitSad.js.map +0 -1
- package/dist/esm/icons/Media/Visual/FormkitNeutral.js +0 -58
- package/dist/esm/icons/Media/Visual/FormkitNeutral.js.map +0 -1
- package/dist/esm/icons/Media/Visual/FormkitSad.js +0 -61
- package/dist/esm/icons/Media/Visual/FormkitSad.js.map +0 -1
package/dist/cjs/icons/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Actions/Common actions/Activate.js"),r=require("./Informational/eCommerce/AddLabel.js"),t=require("./Informational/Location/Address.js"),u=require("./BIK AI specific/AiEmoji.js"),o=require("./BIK AI specific/AiIcon.js"),a=require("./BIK AI specific/AiRobot.js"),n=require("./Informational/General/AlertTriangle.js"),i=require("./Informational/Store related/AllProduct.js"),l=require("./Informational/Files and folders/Archive1.js"),s=require("./Arrows/Normal arrows/ArrowDown.js"),c=require("./Arrows/Normal arrows/ArrowDownLeft.js"),d=require("./Arrows/Normal arrows/ArrowDownRight.js"),f=require("./Arrows/Normal arrows/ArrowLeft.js"),q=require("./Actions/Navigation/ArrowRedo.js"),h=require("./Arrows/Normal arrows/ArrowRight.js"),m=require("./Arrows/Special/ArrowSwitch.js"),p=require("./Actions/Navigation/ArrowUndo.js"),C=require("./Arrows/Normal arrows/ArrowUp.js"),g=require("./Arrows/Normal arrows/ArrowUpLeft.js"),k=require("./Arrows/Normal arrows/ArrowUpRight.js"),S=require("./Informational/Finance/Bank.js"),M=require("./Media/Others/BarcodeScan.js"),b=require("./Informational/Common UI/Bell.js"),A=require("./Informational/Common UI/BellSync.js"),F=require("./Social/Social/BigCommerce.js"),T=require("./Social/Channels/Bigcommerce.js"),w=require("./Informational/General/BookOpenText.js"),P=require("./Legacy - Bikayi specific/Categories/Box.js"),I=require("./Legacy - Bikayi specific/Categories/Box2.js"),R=require("./Informational/Common UI/Bulb.js"),y=require("./Legacy - Bikayi specific/Services/Businesscard.js"),L=require("./Informational/Date and time/Calendar.js"),V=require("./Informational/Date and time/CalendarAdd.js"),v=require("./Informational/Date and time/CalendarCheck.js"),D=require("./Media/Visual/Camera.js"),x=require("./Media/Visual/CameraAdd.js"),U=require("./Arrows/Carat/CaratDown.js"),E=require("./Arrows/Carat/CaratLeft.js"),B=require("./Arrows/Carat/CaratRight.js"),W=require("./Arrows/Carat/CaratUp.js"),H=require("./Informational/Finance/CashOnDelivery.js"),O=require("./Informational/Finance/ChartLine.js"),G=require("./Informational/Communication/Chat.js"),N=require("./Informational/Communication/ChatCheck.js"),$=require("./Informational/Communication/ChatQuestion.js"),z=require("./Informational/Communication/ChatStar.js"),j=require("./Informational/Identity/Chatbot.js"),J=require("./Informational/General/Check.js"),Q=require("./Informational/General/CheckDouble.js"),K=require("./Actions/Formatting/CheckboxIcon.js"),Y=require("./Arrows/Double chevron/ChevronDoubleDown.js"),Z=require("./Arrows/Double chevron/ChevronDoubleLeft.js"),X=require("./Arrows/Double chevron/ChevronDoubleRight.js"),_=require("./Arrows/Double chevron/ChevronDoubleUp.js"),ee=require("./Arrows/Chevron/ChevronDown.js"),re=require("./Arrows/Chevron/ChevronLeft.js"),te=require("./Arrows/Chevron/ChevronRight.js"),ue=require("./Arrows/Chevron/ChevronUp.js"),oe=require("./Informational/eCommerce/Click.js"),ae=require("./Informational/Store related/Clipboard.js"),ne=require("./Informational/Customer intent/ClipboardCheck.js"),ie=require("./Informational/Store related/ClipboardCheck.js"),le=require("./Informational/Date and time/Clock.js"),se=require("./Informational/General/CloseTicket1.js"),ce=require("./Actions/Common actions/Code.js"),de=require("./Informational/Identity/Contacts.js"),fe=require("./Actions/Formatting/Copy.js"),qe=require("./Informational/Finance/CreditCard.js"),he=require("./Media/Visual/Crop.js"),me=require("./Actions/Common actions/Cross.js"),pe=require("./Legacy - Bikayi specific/Services/Customdomain.js"),Ce=require("./Informational/Store related/CustomerReport.js"),ge=require("./Actions/Common actions/Deactivate.js"),ke=require("./Actions/Formatting/DecreaseIndent.js"),Se=require("./Actions/Common actions/Delete.js"),Me=require("./Media/Devices/Desktop.js"),be=require("./Media/Others/Download.js"),Ae=require("./Actions/Formatting/Dropdown.js"),Fe=require("./Actions/Common actions/Edit.js"),Te=require("./Informational/Communication/Email.js"),we=require("./Social/Channels/Email.js"),Pe=require("./Social/Channels/EmailMarketing.js"),Ie=require("./Social/Social/EmailMarketing.js"),Re=require("./Social/Channels/EmailMarketingV2.js"),ye=require("./Social/Channels/EmailV2.js"),Le=require("./Media/Others/EmojiSmile.js"),Ve=require("./Informational/General/Error.js"),ve=require("./Informational/Files and folders/Excel.js"),De=require("./BIK AI specific/Expand.js"),xe=require("./Informational/Customer intent/Experimental.js"),Ue=require("./Toggles/General/Eye.js"),Ee=require("./Toggles/General/EyeClosed.js"),Be=require("./Toggles/General/EyeOff.js"),We=require("./Social/Channels/Facebook.js"),He=require("./Social/Social/Facebook.js"),Oe=require("./Social/Channels/FacebookComment.js"),Ge=require("./Social/Channels/FacebookCommentV2.js"),Ne=require("./Social/Channels/FacebookV2.js"),$e=require("./Informational/General/FailDoc.js"),ze=require("./Informational/Files and folders/File.js"),je=require("./Informational/Files and folders/FileCsv.js"),Je=require("./Informational/Files and folders/FilePage.js"),Qe=require("./Informational/Files and folders/FilePdf.js"),Ke=require("./Informational/eCommerce/Filter.js"),Ye=require("./Media/Visual/FlashOff.js"),Ze=require("./Media/Visual/FlashOn.js"),Xe=require("./Informational/Files and folders/Folder.js"),_e=require("./Media/Visual/FormkitHappy.js"),er=require("./Media/Visual/FormkitNeutral.js"),rr=require("./Media/Visual/FormkitSad.js"),tr=require("./Informational/Common UI/Forms.js"),ur=require("./Actions/Common actions/Forward.js"),or=require("./Media/Visual/Frame26086263.js"),ar=require("./BIK AI specific/Frame27389.js"),nr=require("./BIK AI specific/Frame27597.js"),ir=require("./BIK AI specific/Frame27598.js"),lr=require("./BIK AI specific/Frame27599.js"),sr=require("./Actions/Common actions/Fullscreen.js"),cr=require("./BIK AI specific/GeminiSparkle.js"),dr=require("./Informational/eCommerce/Gift1.js"),fr=require("./Informational/eCommerce/GiftMinus.js"),qr=require("./Informational/eCommerce/GiftPlus.js"),hr=require("./Social/Channels/GmailV2.js"),mr=require("./Social/Social/Google.js"),pr=require("./Social/Social/Gorgias.js"),Cr=require("./Informational/Identity/Group.js"),gr=require("./Informational/Finance/Growth.js"),kr=require("./Actions/Selection/HandleDrag.js"),Sr=require("./Informational/Store related/Head112.js"),Mr=require("./Toggles/General/HeartEmpty.js"),br=require("./Toggles/General/HeartFilled.js"),Ar=require("./Informational/Customer intent/Help.js"),Fr=require("./Informational/General/Help.js"),Tr=require("./Informational/Date and time/HourGlass.js"),wr=require("./Informational/General/IcList.js"),Pr=require("./Media/Visual/IconTrailing.js"),Ir=require("./Informational/Identity/IdCard.js"),Rr=require("./Media/Visual/Image.js"),yr=require("./Media/Visual/ImageAdd.js"),Lr=require("./Media/Visual/Images.js"),Vr=require("./Actions/Formatting/IncreaseIndent.js"),vr=require("./Informational/General/Info.js"),Dr=require("./Social/Channels/Instagram.js"),xr=require("./Social/Social/Instagram.js"),Ur=require("./Social/Channels/InstagramCommentV2.js"),Er=require("./Social/Channels/InstagramIcon.js"),Br=require("./Social/Channels/InstagramV2.js"),Wr=require("./Informational/Store related/InventoryReport.js"),Hr=require("./Legacy - Bikayi specific/Navigation/Journeys.js"),Or=require("./Social/Social/Kustomer.js"),Gr=require("./Informational/Location/LanguageChange.js"),Nr=require("./Informational/Store related/LegalBalance.js"),$r=require("./Actions/Common actions/LinkSimpleHorizontal.js"),zr=require("./Informational/Communication/LiveChat.js"),jr=require("./Toggles/General/Lock.js"),Jr=require("./Actions/Navigation/LogIn.js"),Qr=require("./Actions/Navigation/LogOut.js"),Kr=require("./Legacy - Bikayi specific/Services/LoudSpeaker.js"),Yr=require("./BIK AI specific/ManifestSparkle.js"),Zr=require("./Informational/Location/MapPin.js"),Xr=require("./Legacy - Bikayi specific/Services/Marketing.js"),_r=require("./Media/Visual/Maximize.js"),et=require("./Informational/Files and folders/MediaMessage.js"),rt=require("./Informational/Common UI/MenuHamburger.js"),tt=require("./Informational/General/Merge.js"),ut=require("./Informational/Common UI/MessageSearch.js"),ot=require("./Social/Channels/Messenger.js"),at=require("./Social/Social/Messenger.js"),nt=require("./Social/Channels/MessengerV2.js"),it=require("./Media/Audio/Microphone.js"),lt=require("./Actions/Common actions/Minus.js"),st=require("./Informational/Finance/Money1.js"),ct=require("./Social/Channels/MonoFacebook.js"),dt=require("./Social/Channels/MonoFacebookComment.js"),ft=require("./Social/Channels/MonoInstagram.js"),qt=require("./Social/Channels/MonoInstagramComment.js"),ht=require("./Social/Channels/MonoMail.js"),mt=require("./Social/Channels/MonoMessenger.js"),pt=require("./Social/Channels/MonoPhone.js"),Ct=require("./Social/Channels/MonoTasks.js"),gt=require("./Social/Channels/MonoWhatsapp.js"),kt=require("./Informational/Common UI/MoreHorizontal.js"),St=require("./Informational/Common UI/MoreVertical.js"),Mt=require("./Informational/Files and folders/Move.js"),bt=require("./Actions/Formatting/MultiLine.js"),At=require("./Actions/Formatting/MultiSelect.js"),Ft=require("./Informational/General/NewTicket.js"),Tt=require("./Informational/Finance/NoCredits.js"),wt=require("./Actions/Formatting/Number.js"),Pt=require("./Actions/Formatting/NumberList.js"),It=require("./Actions/Navigation/OpenNewWindow.js"),Rt=require("./Informational/Files and folders/OrderHistory.js"),yt=require("./Informational/Store related/OrderReport.js"),Lt=require("./Media/Others/Paperclip.js"),Vt=require("./Media/Audio/Pause.js"),vt=require("./Legacy - Bikayi specific/Services/PaymentLink.js"),Dt=require("./Informational/Store related/PaymentReport.js"),xt=require("./Informational/Customer intent/Percent.js"),Ut=require("./Informational/Finance/Percent.js"),Et=require("./Informational/Identity/Person.js"),Bt=require("./Informational/Communication/Phone.js"),Wt=require("./Social/Channels/PhoneV2.js"),Ht=require("./Informational/Common UI/Placeholder.js"),Ot=require("./Legacy - Bikayi specific/Plans/PlanUltimate.js"),Gt=require("./Media/Audio/Play.js"),Nt=require("./Actions/Common actions/Plus.js"),$t=require("./BIK AI specific/PricePlease.js"),zt=require("./Informational/Files and folders/PrivateNote.js"),jt=require("./Actions/Common actions/ProductTour.js"),Jt=require("./Informational/eCommerce/Promocode.js"),Qt=require("./Informational/Customer intent/Purchase.js"),Kt=require("./Actions/Formatting/Quotes.js"),Yt=require("./Social/Social/Rcs.js"),Zt=require("./Social/Channels/RcsV2.js"),Xt=require("./Informational/eCommerce/Receipt.js"),_t=require("./Actions/Navigation/Refresh.js"),eu=require("./Actions/Common actions/RestApi.js"),ru=require("./Actions/Navigation/Rewind.js"),tu=require("./Informational/Identity/Robot.js"),uu=require("./Media/Visual/RotateAnticlockwise.js"),ou=require("./Media/Visual/RotateClockwise.js"),au=require("./Informational/General/RoundCheck.js"),nu=require("./Informational/Finance/Rupee.js"),iu=require("./Actions/Common actions/Save.js"),lu=require("./Informational/Common UI/Search.js"),su=require("./Actions/Common actions/SendAirplane.js"),cu=require("./Informational/Customer intent/Services.js"),du=require("./Legacy - Bikayi specific/Navigation/Services.js"),fu=require("./Informational/Common UI/Settings.js"),qu=require("./BIK AI specific/Shape.js"),hu=require("./Actions/Common actions/ShareAndroid.js"),mu=require("./Informational/eCommerce/ShieldCheck.js"),pu=require("./Social/Channels/ShopifyBrand.js"),Cu=require("./Social/Social/ShopifyDefault.js"),gu=require("./Informational/eCommerce/ShoppingBag.js"),ku=require("./Informational/eCommerce/ShoppingBasket.js"),Su=require("./Informational/Customer intent/ShoppingCart.js"),Mu=require("./Informational/eCommerce/ShoppingCart.js"),bu=require("./Actions/Common actions/Shortcut.js"),Au=require("./BIK AI specific/Shorter.js"),Fu=require("./Actions/Selection/SingleChoice.js"),Tu=require("./Informational/Customer intent/SingleChoice.js"),wu=require("./Social/Social/SlackIcon.js"),Pu=require("./Informational/General/Slash.js"),Iu=require("./Media/Audio/Sleep.js"),Ru=require("./Media/Devices/Smartphone.js"),yu=require("./Social/Channels/SmsV2.js"),Lu=require("./BIK AI specific/Sparkling2Line.js"),Vu=require("./Toggles/General/StarEmpty.js"),vu=require("./Toggles/General/StarFilled.js"),Du=require("./Toggles/General/StarHalf.js"),xu=require("./Informational/Store related/Store.js"),Uu=require("./Informational/Store related/StoreSync.js"),Eu=require("./Actions/Formatting/Subscript.js"),Bu=require("./Actions/Formatting/Superscript.js"),Wu=require("./Actions/Navigation/Sync.js"),Hu=require("./Informational/Finance/TablerTicket.js"),Ou=require("./Actions/Common actions/Task.js"),Gu=require("./Social/Channels/TaskV2.js"),Nu=require("./Social/Channels/Tasks.js"),$u=require("./Actions/Formatting/Text.js"),zu=require("./Actions/Formatting/TextAlignCenter.js"),ju=require("./Actions/Formatting/TextAlignLeft.js"),Ju=require("./Actions/Formatting/TextAlignRight.js"),Qu=require("./Actions/Formatting/TextBold.js"),Ku=require("./Actions/Formatting/TextItalics.js"),Yu=require("./Actions/Formatting/TextJustify.js"),Zu=require("./Informational/Files and folders/TextMessage.js"),Xu=require("./Actions/Formatting/TextStrikethrough.js"),_u=require("./Actions/Formatting/TextUnderline.js"),eo=require("./Actions/Formatting/Textbox.js"),ro=require("./Legacy - Bikayi specific/Services/Theme.js"),to=require("./Informational/Store related/TicketForm.js"),uo=require("./Informational/General/TicketV2.js"),oo=require("./Informational/Common UI/Training.js"),ao=require("./Informational/Location/Truck.js"),no=require("./Social/Social/Twitter.js"),io=require("./Informational/Files and folders/Unarchive.js"),lo=require("./Informational/Identity/Union.js"),so=require("./Informational/Identity/Union1.js"),co=require("./Toggles/General/Unlock.js"),fo=require("./Informational/Customer intent/Unsatisfactory.js"),qo=require("./Media/Others/Upload.js"),ho=require("./Informational/Identity/User.js"),mo=require("./Informational/Identity/UserMinus1.js"),po=require("./Informational/Identity/UserPlus.js"),Co=require("./Informational/Customer intent/UserSound.js"),go=require("./Media/Visual/VideoCamcorder.js"),ko=require("./Media/Visual/VideoFilm.js"),So=require("./Media/Audio/VolumeMute.js"),Mo=require("./Media/Audio/VolumeOneline.js"),bo=require("./Media/Audio/VolumeTwoline.js"),Ao=require("./Informational/Finance/Wallet.js"),Fo=require("./BIK AI specific/WandSparkles.js"),To=require("./Social/Channels/WebPush.js"),wo=require("./BIK AI specific/Webhook.js"),Po=require("./Social/Channels/WebpushV2.js"),Io=require("./Social/Social/Website.js"),Ro=require("./Social/Channels/WhatsApp.js"),yo=require("./Social/Channels/WhatsAppCallV2.js"),Lo=require("./Social/Channels/WhatsAppV2.js"),Vo=require("./Actions/Navigation/Whatsapp.js"),vo=require("./Social/Social/Whatsapp.js"),Do=require("./Social/Social/WooCommerce.js"),xo=require("./Informational/Date and time/WorkingHours.js"),Uo=require("./BIK AI specific/Write.js"),Eo=require("./Social/Social/Youtube.js"),Bo=require("./Social/Social/Zendesk.js");exports.Activate=e.default;exports.AddLabel=r.default;exports.Address=t.default;exports.AiEmoji=u.default;exports.AiIcon=o.default;exports.AiRobot=a.default;exports.AlertTriangle=n.default;exports.AllProduct=i.default;exports.Archive1=l.default;exports.ArrowDown=s.default;exports.ArrowDownLeft=c.default;exports.ArrowDownRight=d.default;exports.ArrowLeft=f.default;exports.ArrowRedo=q.default;exports.ArrowRight=h.default;exports.ArrowSwitch=m.default;exports.ArrowUndo=p.default;exports.ArrowUp=C.default;exports.ArrowUpLeft=g.default;exports.ArrowUpRight=k.default;exports.Bank=S.default;exports.BarcodeScan=M.default;exports.Bell=b.default;exports.BellSync=A.default;exports.BigCommerce=F.default;exports.Bigcommerce=T.default;exports.BookOpenText=w.default;exports.Box=P.default;exports.Box2=I.default;exports.Bulb=R.default;exports.Businesscard=y.default;exports.Calendar=L.default;exports.CalendarAdd=V.default;exports.CalendarCheck=v.default;exports.Camera=D.default;exports.CameraAdd=x.default;exports.CaratDown=U.default;exports.CaratLeft=E.default;exports.CaratRight=B.default;exports.CaratUp=W.default;exports.CashOnDelivery=H.default;exports.ChartLine=O.default;exports.Chat=G.default;exports.ChatCheck=N.default;exports.ChatQuestion=$.default;exports.ChatStar=z.default;exports.Chatbot=j.default;exports.Check=J.default;exports.CheckDouble=Q.default;exports.CheckboxIcon=K.default;exports.ChevronDoubleDown=Y.default;exports.ChevronDoubleLeft=Z.default;exports.ChevronDoubleRight=X.default;exports.ChevronDoubleUp=_.default;exports.ChevronDown=ee.default;exports.ChevronLeft=re.default;exports.ChevronRight=te.default;exports.ChevronUp=ue.default;exports.Click=oe.default;exports.Clipboard=ae.default;exports.ClipboardCheck=ne.default;exports.ClipboardCheck2=ie.default;exports.Clock=le.default;exports.CloseTicket1=se.default;exports.Code=ce.default;exports.Contacts=de.default;exports.Copy=fe.default;exports.CreditCard=qe.default;exports.Crop=he.default;exports.Cross=me.default;exports.Customdomain=pe.default;exports.CustomerReport=Ce.default;exports.Deactivate=ge.default;exports.DecreaseIndent=ke.default;exports.Delete=Se.default;exports.Desktop=Me.default;exports.Download=be.default;exports.Dropdown=Ae.default;exports.Edit=Fe.default;exports.Email=Te.default;exports.Email2=we.default;exports.EmailMarketing=Pe.default;exports.EmailMarketing2=Ie.default;exports.EmailMarketingV2=Re.default;exports.EmailV2=ye.default;exports.EmojiSmile=Le.default;exports.Error=Ve.default;exports.Excel=ve.default;exports.Expand=De.default;exports.Experimental=xe.default;exports.Eye=Ue.default;exports.EyeClosed=Ee.default;exports.EyeOff=Be.default;exports.Facebook=We.default;exports.Facebook2=He.default;exports.FacebookComment=Oe.default;exports.FacebookCommentV2=Ge.default;exports.FacebookV2=Ne.default;exports.FailDoc=$e.default;exports.File=ze.default;exports.FileCsv=je.default;exports.FilePage=Je.default;exports.FilePdf=Qe.default;exports.Filter=Ke.default;exports.FlashOff=Ye.default;exports.FlashOn=Ze.default;exports.Folder=Xe.default;exports.FormkitHappy=_e.default;exports.FormkitNeutral=er.default;exports.FormkitSad=rr.default;exports.Forms=tr.default;exports.Forward=ur.default;exports.Frame26086263=or.default;exports.Frame27389=ar.default;exports.Frame27597=nr.default;exports.Frame27598=ir.default;exports.Frame27599=lr.default;exports.Fullscreen=sr.default;exports.GeminiSparkle=cr.default;exports.Gift1=dr.default;exports.GiftMinus=fr.default;exports.GiftPlus=qr.default;exports.GmailV2=hr.default;exports.Google=mr.default;exports.Gorgias=pr.default;exports.Group=Cr.default;exports.Growth=gr.default;exports.HandleDrag=kr.default;exports.Head112=Sr.default;exports.HeartEmpty=Mr.default;exports.HeartFilled=br.default;exports.Help=Ar.default;exports.Help2=Fr.default;exports.HourGlass=Tr.default;exports.IcList=wr.default;exports.IconTrailing=Pr.default;exports.IdCard=Ir.default;exports.Image=Rr.default;exports.ImageAdd=yr.default;exports.Images=Lr.default;exports.IncreaseIndent=Vr.default;exports.Info=vr.default;exports.Instagram=Dr.default;exports.Instagram2=xr.default;exports.InstagramCommentV2=Ur.default;exports.InstagramIcon=Er.default;exports.InstagramV2=Br.default;exports.InventoryReport=Wr.default;exports.Journeys=Hr.default;exports.Kustomer=Or.default;exports.LanguageChange=Gr.default;exports.LegalBalance=Nr.default;exports.LinkSimpleHorizontal=$r.default;exports.LiveChat=zr.default;exports.Lock=jr.default;exports.LogIn=Jr.default;exports.LogOut=Qr.default;exports.LoudSpeaker=Kr.default;exports.ManifestSparkle=Yr.default;exports.MapPin=Zr.default;exports.Marketing=Xr.default;exports.Maximize=_r.default;exports.MediaMessage=et.default;exports.MenuHamburger=rt.default;exports.Merge=tt.default;exports.MessageSearch=ut.default;exports.Messenger=ot.default;exports.Messenger2=at.default;exports.MessengerV2=nt.default;exports.Microphone=it.default;exports.Minus=lt.default;exports.Money1=st.default;exports.MonoFacebook=ct.default;exports.MonoFacebookComment=dt.default;exports.MonoInstagram=ft.default;exports.MonoInstagramComment=qt.default;exports.MonoMail=ht.default;exports.MonoMessenger=mt.default;exports.MonoPhone=pt.default;exports.MonoTasks=Ct.default;exports.MonoWhatsapp=gt.default;exports.MoreHorizontal=kt.default;exports.MoreVertical=St.default;exports.Move=Mt.default;exports.MultiLine=bt.default;exports.MultiSelect=At.default;exports.NewTicket=Ft.default;exports.NoCredits=Tt.default;exports.Number=wt.default;exports.NumberList=Pt.default;exports.OpenNewWindow=It.default;exports.OrderHistory=Rt.default;exports.OrderReport=yt.default;exports.Paperclip=Lt.default;exports.Pause=Vt.default;exports.PaymentLink=vt.default;exports.PaymentReport=Dt.default;exports.Percent=xt.default;exports.Percent2=Ut.default;exports.Person=Et.default;exports.Phone=Bt.default;exports.PhoneV2=Wt.default;exports.Placeholder=Ht.default;exports.PlanUltimate=Ot.default;exports.Play=Gt.default;exports.Plus=Nt.default;exports.PricePlease=$t.default;exports.PrivateNote=zt.default;exports.ProductTour=jt.default;exports.Promocode=Jt.default;exports.Purchase=Qt.default;exports.Quotes=Kt.default;exports.Rcs=Yt.default;exports.RcsV2=Zt.default;exports.Receipt=Xt.default;exports.Refresh=_t.default;exports.RestApi=eu.default;exports.Rewind=ru.default;exports.Robot=tu.default;exports.RotateAnticlockwise=uu.default;exports.RotateClockwise=ou.default;exports.RoundCheck=au.default;exports.Rupee=nu.default;exports.Save=iu.default;exports.Search=lu.default;exports.SendAirplane=su.default;exports.Services=cu.default;exports.Services2=du.default;exports.Settings=fu.default;exports.Shape=qu.default;exports.ShareAndroid=hu.default;exports.ShieldCheck=mu.default;exports.ShopifyBrand=pu.default;exports.ShopifyDefault=Cu.default;exports.ShoppingBag=gu.default;exports.ShoppingBasket=ku.default;exports.ShoppingCart=Su.default;exports.ShoppingCart2=Mu.default;exports.Shortcut=bu.default;exports.Shorter=Au.default;exports.SingleChoice=Fu.default;exports.SingleChoice2=Tu.default;exports.SlackIcon=wu.default;exports.Slash=Pu.default;exports.Sleep=Iu.default;exports.Smartphone=Ru.default;exports.SmsV2=yu.default;exports.Sparkling2Line=Lu.default;exports.StarEmpty=Vu.default;exports.StarFilled=vu.default;exports.StarHalf=Du.default;exports.Store=xu.default;exports.StoreSync=Uu.default;exports.Subscript=Eu.default;exports.Superscript=Bu.default;exports.Sync=Wu.default;exports.TablerTicket=Hu.default;exports.Task=Ou.default;exports.TaskV2=Gu.default;exports.Tasks=Nu.default;exports.Text=$u.default;exports.TextAlignCenter=zu.default;exports.TextAlignLeft=ju.default;exports.TextAlignRight=Ju.default;exports.TextBold=Qu.default;exports.TextItalics=Ku.default;exports.TextJustify=Yu.default;exports.TextMessage=Zu.default;exports.TextStrikethrough=Xu.default;exports.TextUnderline=_u.default;exports.Textbox=eo.default;exports.Theme=ro.default;exports.TicketForm=to.default;exports.TicketV2=uo.default;exports.Training=oo.default;exports.Truck=ao.default;exports.Twitter=no.default;exports.Unarchive=io.default;exports.Union=lo.default;exports.Union1=so.default;exports.Unlock=co.default;exports.Unsatisfactory=fo.default;exports.Upload=qo.default;exports.User=ho.default;exports.UserMinus1=mo.default;exports.UserPlus=po.default;exports.UserSound=Co.default;exports.VideoCamcorder=go.default;exports.VideoFilm=ko.default;exports.VolumeMute=So.default;exports.VolumeOneline=Mo.default;exports.VolumeTwoline=bo.default;exports.Wallet=Ao.default;exports.WandSparkles=Fo.default;exports.WebPush=To.default;exports.Webhook=wo.default;exports.WebpushV2=Po.default;exports.Website=Io.default;exports.WhatsApp=Ro.default;exports.WhatsAppCallV2=yo.default;exports.WhatsAppV2=Lo.default;exports.Whatsapp=Vo.default;exports.Whatsapp2=vo.default;exports.WooCommerce=Do.default;exports.WorkingHours=xo.default;exports.Write=Uo.default;exports.Youtube=Eo.default;exports.Zendesk=Bo.default;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Actions/Common actions/Activate.js"),r=require("./Informational/eCommerce/AddLabel.js"),t=require("./Informational/Location/Address.js"),u=require("./BIK AI specific/AiEmoji.js"),o=require("./BIK AI specific/AiIcon.js"),a=require("./BIK AI specific/AiRobot.js"),n=require("./Informational/General/AlertTriangle.js"),i=require("./Informational/Store related/AllProduct.js"),l=require("./Informational/Files and folders/Archive1.js"),s=require("./Arrows/Normal arrows/ArrowDown.js"),c=require("./Arrows/Normal arrows/ArrowDownLeft.js"),d=require("./Arrows/Normal arrows/ArrowDownRight.js"),f=require("./Arrows/Normal arrows/ArrowLeft.js"),q=require("./Actions/Navigation/ArrowRedo.js"),h=require("./Arrows/Normal arrows/ArrowRight.js"),p=require("./Arrows/Special/ArrowSwitch.js"),m=require("./Actions/Navigation/ArrowUndo.js"),C=require("./Arrows/Normal arrows/ArrowUp.js"),g=require("./Arrows/Normal arrows/ArrowUpLeft.js"),k=require("./Arrows/Normal arrows/ArrowUpRight.js"),S=require("./Informational/Finance/Bank.js"),M=require("./Media/Others/BarcodeScan.js"),b=require("./Informational/Common UI/Bell.js"),A=require("./Informational/Common UI/BellSync.js"),T=require("./Social/Social/BigCommerce.js"),w=require("./Social/Channels/Bigcommerce.js"),F=require("./Informational/General/BookOpenText.js"),P=require("./Legacy - Bikayi specific/Categories/Box.js"),I=require("./Legacy - Bikayi specific/Categories/Box2.js"),R=require("./Informational/Common UI/Bulb.js"),y=require("./Legacy - Bikayi specific/Services/Businesscard.js"),L=require("./Informational/Date and time/Calendar.js"),V=require("./Informational/Date and time/CalendarAdd.js"),v=require("./Informational/Date and time/CalendarCheck.js"),D=require("./Media/Visual/Camera.js"),x=require("./Media/Visual/CameraAdd.js"),U=require("./Arrows/Carat/CaratDown.js"),E=require("./Arrows/Carat/CaratLeft.js"),B=require("./Arrows/Carat/CaratRight.js"),W=require("./Arrows/Carat/CaratUp.js"),H=require("./Informational/Finance/CashOnDelivery.js"),O=require("./Informational/Finance/ChartLine.js"),G=require("./Informational/Communication/Chat.js"),N=require("./Informational/Communication/ChatCheck.js"),$=require("./Informational/Communication/ChatQuestion.js"),z=require("./Informational/Communication/ChatStar.js"),j=require("./Informational/Identity/Chatbot.js"),J=require("./Informational/General/Check.js"),Q=require("./Informational/General/CheckDouble.js"),K=require("./Actions/Formatting/CheckboxIcon.js"),Y=require("./Arrows/Double chevron/ChevronDoubleDown.js"),Z=require("./Arrows/Double chevron/ChevronDoubleLeft.js"),X=require("./Arrows/Double chevron/ChevronDoubleRight.js"),_=require("./Arrows/Double chevron/ChevronDoubleUp.js"),ee=require("./Arrows/Chevron/ChevronDown.js"),re=require("./Arrows/Chevron/ChevronLeft.js"),te=require("./Arrows/Chevron/ChevronRight.js"),ue=require("./Arrows/Chevron/ChevronUp.js"),oe=require("./Informational/eCommerce/Click.js"),ae=require("./Informational/Store related/Clipboard.js"),ne=require("./Informational/Customer intent/ClipboardCheck.js"),ie=require("./Informational/Store related/ClipboardCheck.js"),le=require("./Informational/Date and time/Clock.js"),se=require("./Informational/General/CloseTicket1.js"),ce=require("./Actions/Common actions/Code.js"),de=require("./Informational/Identity/Contacts.js"),fe=require("./Actions/Formatting/Copy.js"),qe=require("./Informational/Finance/CreditCard.js"),he=require("./Media/Visual/Crop.js"),pe=require("./Actions/Common actions/Cross.js"),me=require("./Legacy - Bikayi specific/Services/Customdomain.js"),Ce=require("./Informational/Store related/CustomerReport.js"),ge=require("./Actions/Common actions/Deactivate.js"),ke=require("./Actions/Formatting/DecreaseIndent.js"),Se=require("./Actions/Common actions/Delete.js"),Me=require("./Media/Devices/Desktop.js"),be=require("./Media/Others/Download.js"),Ae=require("./Actions/Formatting/Dropdown.js"),Te=require("./Actions/Common actions/Edit.js"),we=require("./Informational/Communication/Email.js"),Fe=require("./Social/Channels/Email.js"),Pe=require("./Social/Channels/EmailMarketing.js"),Ie=require("./Social/Social/EmailMarketing.js"),Re=require("./Social/Channels/EmailMarketingV2.js"),ye=require("./Social/Channels/EmailV2.js"),Le=require("./Media/Others/EmojiSmile.js"),Ve=require("./Informational/General/Error.js"),ve=require("./Informational/Files and folders/Excel.js"),De=require("./BIK AI specific/Expand.js"),xe=require("./Informational/Customer intent/Experimental.js"),Ue=require("./Toggles/General/Eye.js"),Ee=require("./Toggles/General/EyeClosed.js"),Be=require("./Toggles/General/EyeOff.js"),We=require("./Social/Channels/Facebook.js"),He=require("./Social/Social/Facebook.js"),Oe=require("./Social/Channels/FacebookComment.js"),Ge=require("./Social/Channels/FacebookCommentV2.js"),Ne=require("./Social/Channels/FacebookV2.js"),$e=require("./Informational/General/FailDoc.js"),ze=require("./Informational/Files and folders/File.js"),je=require("./Informational/Files and folders/FileCsv.js"),Je=require("./Informational/Files and folders/FilePage.js"),Qe=require("./Informational/Files and folders/FilePdf.js"),Ke=require("./Informational/eCommerce/Filter.js"),Ye=require("./Media/Visual/FlashOff.js"),Ze=require("./Media/Visual/FlashOn.js"),Xe=require("./Informational/Files and folders/Folder.js"),_e=require("./Media/Visual/FormkitHappy.js"),er=require("./Informational/Common UI/Forms.js"),rr=require("./Actions/Common actions/Forward.js"),tr=require("./Media/Visual/Frame26086263.js"),ur=require("./BIK AI specific/Frame27389.js"),or=require("./BIK AI specific/Frame27597.js"),ar=require("./BIK AI specific/Frame27598.js"),nr=require("./BIK AI specific/Frame27599.js"),ir=require("./Actions/Common actions/Fullscreen.js"),lr=require("./BIK AI specific/GeminiSparkle.js"),sr=require("./Informational/eCommerce/Gift1.js"),cr=require("./Informational/eCommerce/GiftMinus.js"),dr=require("./Informational/eCommerce/GiftPlus.js"),fr=require("./Social/Channels/GmailV2.js"),qr=require("./Social/Social/Google.js"),hr=require("./Social/Social/Gorgias.js"),pr=require("./Informational/Identity/Group.js"),mr=require("./Informational/Finance/Growth.js"),Cr=require("./Actions/Selection/HandleDrag.js"),gr=require("./Informational/Store related/Head112.js"),kr=require("./Toggles/General/HeartEmpty.js"),Sr=require("./Toggles/General/HeartFilled.js"),Mr=require("./Informational/Customer intent/Help.js"),br=require("./Informational/General/Help.js"),Ar=require("./Informational/Date and time/HourGlass.js"),Tr=require("./Informational/General/IcList.js"),wr=require("./Media/Visual/IconTrailing.js"),Fr=require("./Informational/Identity/IdCard.js"),Pr=require("./Media/Visual/Image.js"),Ir=require("./Media/Visual/ImageAdd.js"),Rr=require("./Media/Visual/Images.js"),yr=require("./Actions/Formatting/IncreaseIndent.js"),Lr=require("./Informational/General/Info.js"),Vr=require("./Social/Channels/Instagram.js"),vr=require("./Social/Social/Instagram.js"),Dr=require("./Social/Channels/InstagramCommentV2.js"),xr=require("./Social/Channels/InstagramIcon.js"),Ur=require("./Social/Channels/InstagramV2.js"),Er=require("./Informational/Store related/InventoryReport.js"),Br=require("./Legacy - Bikayi specific/Navigation/Journeys.js"),Wr=require("./Social/Social/Kustomer.js"),Hr=require("./Informational/Location/LanguageChange.js"),Or=require("./Informational/Store related/LegalBalance.js"),Gr=require("./Actions/Common actions/LinkSimpleHorizontal.js"),Nr=require("./Informational/Communication/LiveChat.js"),$r=require("./Toggles/General/Lock.js"),zr=require("./Actions/Navigation/LogIn.js"),jr=require("./Actions/Navigation/LogOut.js"),Jr=require("./Legacy - Bikayi specific/Services/LoudSpeaker.js"),Qr=require("./BIK AI specific/ManifestSparkle.js"),Kr=require("./Informational/Location/MapPin.js"),Yr=require("./Legacy - Bikayi specific/Services/Marketing.js"),Zr=require("./Media/Visual/Maximize.js"),Xr=require("./Informational/Files and folders/MediaMessage.js"),_r=require("./Informational/Common UI/MenuHamburger.js"),et=require("./Informational/General/Merge.js"),rt=require("./Informational/Common UI/MessageSearch.js"),tt=require("./Social/Channels/Messenger.js"),ut=require("./Social/Social/Messenger.js"),ot=require("./Social/Channels/MessengerV2.js"),at=require("./Media/Audio/Microphone.js"),nt=require("./Actions/Common actions/Minus.js"),it=require("./Informational/Finance/Money1.js"),lt=require("./Social/Channels/MonoFacebook.js"),st=require("./Social/Channels/MonoFacebookComment.js"),ct=require("./Social/Channels/MonoInstagram.js"),dt=require("./Social/Channels/MonoInstagramComment.js"),ft=require("./Social/Channels/MonoMail.js"),qt=require("./Social/Channels/MonoMessenger.js"),ht=require("./Social/Channels/MonoPhone.js"),pt=require("./Social/Channels/MonoTasks.js"),mt=require("./Social/Channels/MonoWhatsapp.js"),Ct=require("./Informational/Common UI/MoreHorizontal.js"),gt=require("./Informational/Common UI/MoreVertical.js"),kt=require("./Informational/Files and folders/Move.js"),St=require("./Actions/Formatting/MultiLine.js"),Mt=require("./Actions/Formatting/MultiSelect.js"),bt=require("./Informational/General/NewTicket.js"),At=require("./Informational/Finance/NoCredits.js"),Tt=require("./Actions/Formatting/Number.js"),wt=require("./Actions/Formatting/NumberList.js"),Ft=require("./Actions/Navigation/OpenNewWindow.js"),Pt=require("./Informational/Files and folders/OrderHistory.js"),It=require("./Informational/Store related/OrderReport.js"),Rt=require("./Media/Others/Paperclip.js"),yt=require("./Media/Audio/Pause.js"),Lt=require("./Legacy - Bikayi specific/Services/PaymentLink.js"),Vt=require("./Informational/Store related/PaymentReport.js"),vt=require("./Informational/Customer intent/Percent.js"),Dt=require("./Informational/Finance/Percent.js"),xt=require("./Informational/Identity/Person.js"),Ut=require("./Informational/Communication/Phone.js"),Et=require("./Social/Channels/PhoneV2.js"),Bt=require("./Informational/Common UI/Placeholder.js"),Wt=require("./Legacy - Bikayi specific/Plans/PlanUltimate.js"),Ht=require("./Media/Audio/Play.js"),Ot=require("./Actions/Common actions/Plus.js"),Gt=require("./BIK AI specific/PricePlease.js"),Nt=require("./Informational/Files and folders/PrivateNote.js"),$t=require("./Actions/Common actions/ProductTour.js"),zt=require("./Informational/eCommerce/Promocode.js"),jt=require("./Informational/Customer intent/Purchase.js"),Jt=require("./Actions/Formatting/Quotes.js"),Qt=require("./Social/Social/Rcs.js"),Kt=require("./Social/Channels/RcsV2.js"),Yt=require("./Informational/eCommerce/Receipt.js"),Zt=require("./Actions/Navigation/Refresh.js"),Xt=require("./Actions/Common actions/RestApi.js"),_t=require("./Actions/Navigation/Rewind.js"),eu=require("./Informational/Identity/Robot.js"),ru=require("./Media/Visual/RotateAnticlockwise.js"),tu=require("./Media/Visual/RotateClockwise.js"),uu=require("./Informational/General/RoundCheck.js"),ou=require("./Informational/Finance/Rupee.js"),au=require("./Actions/Common actions/Save.js"),nu=require("./Informational/Common UI/Search.js"),iu=require("./Actions/Common actions/Send.js"),lu=require("./Actions/Common actions/SendAirplane.js"),su=require("./Informational/Customer intent/Services.js"),cu=require("./Legacy - Bikayi specific/Navigation/Services.js"),du=require("./Informational/Common UI/Settings.js"),fu=require("./BIK AI specific/Shape.js"),qu=require("./Actions/Common actions/ShareAndroid.js"),hu=require("./Informational/eCommerce/ShieldCheck.js"),pu=require("./Social/Channels/ShopifyBrand.js"),mu=require("./Social/Social/ShopifyDefault.js"),Cu=require("./Informational/eCommerce/ShoppingBag.js"),gu=require("./Informational/eCommerce/ShoppingBasket.js"),ku=require("./Informational/Customer intent/ShoppingCart.js"),Su=require("./Informational/eCommerce/ShoppingCart.js"),Mu=require("./Actions/Common actions/Shortcut.js"),bu=require("./BIK AI specific/Shorter.js"),Au=require("./Actions/Selection/SingleChoice.js"),Tu=require("./Informational/Customer intent/SingleChoice.js"),wu=require("./Social/Social/SlackIcon.js"),Fu=require("./Informational/General/Slash.js"),Pu=require("./Media/Audio/Sleep.js"),Iu=require("./Media/Devices/Smartphone.js"),Ru=require("./Social/Channels/SmsV2.js"),yu=require("./BIK AI specific/Sparkling2Line.js"),Lu=require("./Toggles/General/StarEmpty.js"),Vu=require("./Toggles/General/StarFilled.js"),vu=require("./Toggles/General/StarHalf.js"),Du=require("./Informational/Store related/Store.js"),xu=require("./Informational/Store related/StoreSync.js"),Uu=require("./Actions/Formatting/Subscript.js"),Eu=require("./Actions/Formatting/Superscript.js"),Bu=require("./Actions/Navigation/Sync.js"),Wu=require("./Informational/Finance/TablerTicket.js"),Hu=require("./Actions/Common actions/Task.js"),Ou=require("./Social/Channels/TaskV2.js"),Gu=require("./Social/Channels/Tasks.js"),Nu=require("./Actions/Formatting/Text.js"),$u=require("./Actions/Formatting/TextAlignCenter.js"),zu=require("./Actions/Formatting/TextAlignLeft.js"),ju=require("./Actions/Formatting/TextAlignRight.js"),Ju=require("./Actions/Formatting/TextBold.js"),Qu=require("./Actions/Formatting/TextItalics.js"),Ku=require("./Actions/Formatting/TextJustify.js"),Yu=require("./Informational/Files and folders/TextMessage.js"),Zu=require("./Actions/Formatting/TextStrikethrough.js"),Xu=require("./Actions/Formatting/TextUnderline.js"),_u=require("./Actions/Formatting/Textbox.js"),eo=require("./Legacy - Bikayi specific/Services/Theme.js"),ro=require("./Informational/Store related/TicketForm.js"),to=require("./Informational/General/TicketV2.js"),uo=require("./Informational/Common UI/Training.js"),oo=require("./Informational/Location/Truck.js"),ao=require("./Social/Social/Twitter.js"),no=require("./Informational/Files and folders/Unarchive.js"),io=require("./Informational/Identity/Union.js"),lo=require("./Informational/Identity/Union1.js"),so=require("./Toggles/General/Unlock.js"),co=require("./Informational/Customer intent/Unsatisfactory.js"),fo=require("./Media/Others/Upload.js"),qo=require("./Informational/Identity/User.js"),ho=require("./Informational/Identity/UserMinus1.js"),po=require("./Informational/Identity/UserPlus.js"),mo=require("./Informational/Customer intent/UserSound.js"),Co=require("./Media/Visual/VideoCamcorder.js"),go=require("./Media/Visual/VideoFilm.js"),ko=require("./Media/Audio/VolumeMute.js"),So=require("./Media/Audio/VolumeOneline.js"),Mo=require("./Media/Audio/VolumeTwoline.js"),bo=require("./Informational/Finance/Wallet.js"),Ao=require("./BIK AI specific/WandSparkles.js"),To=require("./Social/Channels/WebPush.js"),wo=require("./BIK AI specific/Webhook.js"),Fo=require("./Social/Channels/WebpushV2.js"),Po=require("./Social/Social/Website.js"),Io=require("./Social/Channels/WhatsApp.js"),Ro=require("./Social/Channels/WhatsAppCallV2.js"),yo=require("./Social/Channels/WhatsAppV2.js"),Lo=require("./Actions/Navigation/Whatsapp.js"),Vo=require("./Social/Social/Whatsapp.js"),vo=require("./Social/Social/WooCommerce.js"),Do=require("./Informational/Date and time/WorkingHours.js"),xo=require("./BIK AI specific/Write.js"),Uo=require("./Social/Social/Youtube.js"),Eo=require("./Social/Social/Zendesk.js");exports.Activate=e.default;exports.AddLabel=r.default;exports.Address=t.default;exports.AiEmoji=u.default;exports.AiIcon=o.default;exports.AiRobot=a.default;exports.AlertTriangle=n.default;exports.AllProduct=i.default;exports.Archive1=l.default;exports.ArrowDown=s.default;exports.ArrowDownLeft=c.default;exports.ArrowDownRight=d.default;exports.ArrowLeft=f.default;exports.ArrowRedo=q.default;exports.ArrowRight=h.default;exports.ArrowSwitch=p.default;exports.ArrowUndo=m.default;exports.ArrowUp=C.default;exports.ArrowUpLeft=g.default;exports.ArrowUpRight=k.default;exports.Bank=S.default;exports.BarcodeScan=M.default;exports.Bell=b.default;exports.BellSync=A.default;exports.BigCommerce=T.default;exports.Bigcommerce=w.default;exports.BookOpenText=F.default;exports.Box=P.default;exports.Box2=I.default;exports.Bulb=R.default;exports.Businesscard=y.default;exports.Calendar=L.default;exports.CalendarAdd=V.default;exports.CalendarCheck=v.default;exports.Camera=D.default;exports.CameraAdd=x.default;exports.CaratDown=U.default;exports.CaratLeft=E.default;exports.CaratRight=B.default;exports.CaratUp=W.default;exports.CashOnDelivery=H.default;exports.ChartLine=O.default;exports.Chat=G.default;exports.ChatCheck=N.default;exports.ChatQuestion=$.default;exports.ChatStar=z.default;exports.Chatbot=j.default;exports.Check=J.default;exports.CheckDouble=Q.default;exports.CheckboxIcon=K.default;exports.ChevronDoubleDown=Y.default;exports.ChevronDoubleLeft=Z.default;exports.ChevronDoubleRight=X.default;exports.ChevronDoubleUp=_.default;exports.ChevronDown=ee.default;exports.ChevronLeft=re.default;exports.ChevronRight=te.default;exports.ChevronUp=ue.default;exports.Click=oe.default;exports.Clipboard=ae.default;exports.ClipboardCheck=ne.default;exports.ClipboardCheck2=ie.default;exports.Clock=le.default;exports.CloseTicket1=se.default;exports.Code=ce.default;exports.Contacts=de.default;exports.Copy=fe.default;exports.CreditCard=qe.default;exports.Crop=he.default;exports.Cross=pe.default;exports.Customdomain=me.default;exports.CustomerReport=Ce.default;exports.Deactivate=ge.default;exports.DecreaseIndent=ke.default;exports.Delete=Se.default;exports.Desktop=Me.default;exports.Download=be.default;exports.Dropdown=Ae.default;exports.Edit=Te.default;exports.Email=we.default;exports.Email2=Fe.default;exports.EmailMarketing=Pe.default;exports.EmailMarketing2=Ie.default;exports.EmailMarketingV2=Re.default;exports.EmailV2=ye.default;exports.EmojiSmile=Le.default;exports.Error=Ve.default;exports.Excel=ve.default;exports.Expand=De.default;exports.Experimental=xe.default;exports.Eye=Ue.default;exports.EyeClosed=Ee.default;exports.EyeOff=Be.default;exports.Facebook=We.default;exports.Facebook2=He.default;exports.FacebookComment=Oe.default;exports.FacebookCommentV2=Ge.default;exports.FacebookV2=Ne.default;exports.FailDoc=$e.default;exports.File=ze.default;exports.FileCsv=je.default;exports.FilePage=Je.default;exports.FilePdf=Qe.default;exports.Filter=Ke.default;exports.FlashOff=Ye.default;exports.FlashOn=Ze.default;exports.Folder=Xe.default;exports.FormkitHappy=_e.default;exports.Forms=er.default;exports.Forward=rr.default;exports.Frame26086263=tr.default;exports.Frame27389=ur.default;exports.Frame27597=or.default;exports.Frame27598=ar.default;exports.Frame27599=nr.default;exports.Fullscreen=ir.default;exports.GeminiSparkle=lr.default;exports.Gift1=sr.default;exports.GiftMinus=cr.default;exports.GiftPlus=dr.default;exports.GmailV2=fr.default;exports.Google=qr.default;exports.Gorgias=hr.default;exports.Group=pr.default;exports.Growth=mr.default;exports.HandleDrag=Cr.default;exports.Head112=gr.default;exports.HeartEmpty=kr.default;exports.HeartFilled=Sr.default;exports.Help=Mr.default;exports.Help2=br.default;exports.HourGlass=Ar.default;exports.IcList=Tr.default;exports.IconTrailing=wr.default;exports.IdCard=Fr.default;exports.Image=Pr.default;exports.ImageAdd=Ir.default;exports.Images=Rr.default;exports.IncreaseIndent=yr.default;exports.Info=Lr.default;exports.Instagram=Vr.default;exports.Instagram2=vr.default;exports.InstagramCommentV2=Dr.default;exports.InstagramIcon=xr.default;exports.InstagramV2=Ur.default;exports.InventoryReport=Er.default;exports.Journeys=Br.default;exports.Kustomer=Wr.default;exports.LanguageChange=Hr.default;exports.LegalBalance=Or.default;exports.LinkSimpleHorizontal=Gr.default;exports.LiveChat=Nr.default;exports.Lock=$r.default;exports.LogIn=zr.default;exports.LogOut=jr.default;exports.LoudSpeaker=Jr.default;exports.ManifestSparkle=Qr.default;exports.MapPin=Kr.default;exports.Marketing=Yr.default;exports.Maximize=Zr.default;exports.MediaMessage=Xr.default;exports.MenuHamburger=_r.default;exports.Merge=et.default;exports.MessageSearch=rt.default;exports.Messenger=tt.default;exports.Messenger2=ut.default;exports.MessengerV2=ot.default;exports.Microphone=at.default;exports.Minus=nt.default;exports.Money1=it.default;exports.MonoFacebook=lt.default;exports.MonoFacebookComment=st.default;exports.MonoInstagram=ct.default;exports.MonoInstagramComment=dt.default;exports.MonoMail=ft.default;exports.MonoMessenger=qt.default;exports.MonoPhone=ht.default;exports.MonoTasks=pt.default;exports.MonoWhatsapp=mt.default;exports.MoreHorizontal=Ct.default;exports.MoreVertical=gt.default;exports.Move=kt.default;exports.MultiLine=St.default;exports.MultiSelect=Mt.default;exports.NewTicket=bt.default;exports.NoCredits=At.default;exports.Number=Tt.default;exports.NumberList=wt.default;exports.OpenNewWindow=Ft.default;exports.OrderHistory=Pt.default;exports.OrderReport=It.default;exports.Paperclip=Rt.default;exports.Pause=yt.default;exports.PaymentLink=Lt.default;exports.PaymentReport=Vt.default;exports.Percent=vt.default;exports.Percent2=Dt.default;exports.Person=xt.default;exports.Phone=Ut.default;exports.PhoneV2=Et.default;exports.Placeholder=Bt.default;exports.PlanUltimate=Wt.default;exports.Play=Ht.default;exports.Plus=Ot.default;exports.PricePlease=Gt.default;exports.PrivateNote=Nt.default;exports.ProductTour=$t.default;exports.Promocode=zt.default;exports.Purchase=jt.default;exports.Quotes=Jt.default;exports.Rcs=Qt.default;exports.RcsV2=Kt.default;exports.Receipt=Yt.default;exports.Refresh=Zt.default;exports.RestApi=Xt.default;exports.Rewind=_t.default;exports.Robot=eu.default;exports.RotateAnticlockwise=ru.default;exports.RotateClockwise=tu.default;exports.RoundCheck=uu.default;exports.Rupee=ou.default;exports.Save=au.default;exports.Search=nu.default;exports.Send=iu.default;exports.SendAirplane=lu.default;exports.Services=su.default;exports.Services2=cu.default;exports.Settings=du.default;exports.Shape=fu.default;exports.ShareAndroid=qu.default;exports.ShieldCheck=hu.default;exports.ShopifyBrand=pu.default;exports.ShopifyDefault=mu.default;exports.ShoppingBag=Cu.default;exports.ShoppingBasket=gu.default;exports.ShoppingCart=ku.default;exports.ShoppingCart2=Su.default;exports.Shortcut=Mu.default;exports.Shorter=bu.default;exports.SingleChoice=Au.default;exports.SingleChoice2=Tu.default;exports.SlackIcon=wu.default;exports.Slash=Fu.default;exports.Sleep=Pu.default;exports.Smartphone=Iu.default;exports.SmsV2=Ru.default;exports.Sparkling2Line=yu.default;exports.StarEmpty=Lu.default;exports.StarFilled=Vu.default;exports.StarHalf=vu.default;exports.Store=Du.default;exports.StoreSync=xu.default;exports.Subscript=Uu.default;exports.Superscript=Eu.default;exports.Sync=Bu.default;exports.TablerTicket=Wu.default;exports.Task=Hu.default;exports.TaskV2=Ou.default;exports.Tasks=Gu.default;exports.Text=Nu.default;exports.TextAlignCenter=$u.default;exports.TextAlignLeft=zu.default;exports.TextAlignRight=ju.default;exports.TextBold=Ju.default;exports.TextItalics=Qu.default;exports.TextJustify=Ku.default;exports.TextMessage=Yu.default;exports.TextStrikethrough=Zu.default;exports.TextUnderline=Xu.default;exports.Textbox=_u.default;exports.Theme=eo.default;exports.TicketForm=ro.default;exports.TicketV2=to.default;exports.Training=uo.default;exports.Truck=oo.default;exports.Twitter=ao.default;exports.Unarchive=no.default;exports.Union=io.default;exports.Union1=lo.default;exports.Unlock=so.default;exports.Unsatisfactory=co.default;exports.Upload=fo.default;exports.User=qo.default;exports.UserMinus1=ho.default;exports.UserPlus=po.default;exports.UserSound=mo.default;exports.VideoCamcorder=Co.default;exports.VideoFilm=go.default;exports.VolumeMute=ko.default;exports.VolumeOneline=So.default;exports.VolumeTwoline=Mo.default;exports.Wallet=bo.default;exports.WandSparkles=Ao.default;exports.WebPush=To.default;exports.Webhook=wo.default;exports.WebpushV2=Fo.default;exports.Website=Po.default;exports.WhatsApp=Io.default;exports.WhatsAppCallV2=Ro.default;exports.WhatsAppV2=yo.default;exports.Whatsapp=Lo.default;exports.Whatsapp2=Vo.default;exports.WooCommerce=vo.default;exports.WorkingHours=Do.default;exports.Write=xo.default;exports.Youtube=Uo.default;exports.Zendesk=Eo.default;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const $=(s,e=1)=>{let r=s.replace("#","");r.length===3&&(r=`${r[0]}${r[0]}${r[1]}${r[1]}${r[2]}${r[2]}`);const t=parseInt(r.substring(0,2),16),n=parseInt(r.substring(2,4),16),g=parseInt(r.substring(4,6),16);return e>1&&e<=100&&(e=e/100),`rgba(${t}, ${n}, ${g}, ${e})`};exports.rgba=$;
|
|
2
|
+
//# sourceMappingURL=rgba.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"rgba.js","sources":["../../../src/utils/rgba.ts"],"sourcesContent":["/**\n * Convert hex string to RGBA color.\n *\n * @see https://gist.github.com/danieliser/b4b24c9f772066bcf0a6\n * @example\n * rgba('#000', 0.5) // rgba(0, 0, 0, 0.5)\n */\nexport const rgba = (hexCode: string, opacity = 1) => {\n\tlet hex = hexCode.replace('#', '');\n\n\tif (hex.length === 3) {\n\t\thex = `${hex[0]}${hex[0]}${hex[1]}${hex[1]}${hex[2]}${hex[2]}`;\n\t}\n\n\tconst r = parseInt(hex.substring(0, 2), 16);\n\tconst g = parseInt(hex.substring(2, 4), 16);\n\tconst b = parseInt(hex.substring(4, 6), 16);\n\n\t/* Backward compatibility for whole number based opacity values. */\n\tif (opacity > 1 && opacity <= 100) {\n\t\topacity = opacity / 100;\n\t}\n\n\treturn `rgba(${r}, ${g}, ${b}, ${opacity})`;\n};\n"],"names":["rgba","hexCode","opacity","hex","r","g","b"],"mappings":"gFAOO,MAAMA,EAAO,CAACC,EAAiBC,EAAU,IAAM,CACrD,IAAIC,EAAMF,EAAQ,QAAQ,IAAK,EAAE,EAE7BE,EAAI,SAAW,IAClBA,EAAM,GAAGA,EAAI,CAAC,CAAC,GAAGA,EAAI,CAAC,CAAC,GAAGA,EAAI,CAAC,CAAC,GAAGA,EAAI,CAAC,CAAC,GAAGA,EAAI,CAAC,CAAC,GAAGA,EAAI,CAAC,CAAC,IAG7D,MAAMC,EAAI,SAASD,EAAI,UAAU,EAAG,CAAC,EAAG,EAAE,EACpCE,EAAI,SAASF,EAAI,UAAU,EAAG,CAAC,EAAG,EAAE,EACpCG,EAAI,SAASH,EAAI,UAAU,EAAG,CAAC,EAAG,EAAE,EAG1C,OAAID,EAAU,GAAKA,GAAW,MAC7BA,EAAUA,EAAU,KAGd,QAAQE,CAAC,KAAKC,CAAC,KAAKC,CAAC,KAAKJ,CAAO,GACzC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { jsxs as d, Fragment as
|
|
2
|
-
import
|
|
1
|
+
import { jsxs as d, Fragment as c, jsx as n } from "react/jsx-runtime";
|
|
2
|
+
import l from "styled-components";
|
|
3
3
|
import { COLORS as e } from "../../constants/Theme.js";
|
|
4
|
-
import { getBackgroundColor as
|
|
5
|
-
const w =
|
|
4
|
+
import { getBackgroundColor as r, getPadding as i, getBorder as u, getColor as b, getDashedBorderStyling as o, getClickEffect as a, generateDisabledStyling as g, getDisabledTextColor as y, getHoverButtonBackgroundCustom as h, getHoverButtonBackground as $, getHoverButtonTextDecorationStyle as s, generateInverseHoverBackground as v, getLoadingBorder as x, getLoadingButtonBackgroundCustom as m, getLoadingBackground as z } from "./themes.js";
|
|
5
|
+
const w = l.button`
|
|
6
6
|
all: unset;
|
|
7
7
|
outline: none;
|
|
8
8
|
cursor: pointer;
|
|
@@ -11,7 +11,7 @@ const w = c.button`
|
|
|
11
11
|
border-radius: ${(t) => t.buttonType == "text" ? "0" : "4px"};
|
|
12
12
|
overflow: hidden;
|
|
13
13
|
${(t) => t.matchParentWidth ? "flex-grow: 1;" : ""}
|
|
14
|
-
background-color: ${(t) =>
|
|
14
|
+
background-color: ${(t) => r(
|
|
15
15
|
t.buttonType,
|
|
16
16
|
t.size,
|
|
17
17
|
t.inverse,
|
|
@@ -139,6 +139,11 @@ const w = c.button`
|
|
|
139
139
|
.text {
|
|
140
140
|
opacity: 0;
|
|
141
141
|
}
|
|
142
|
+
.icon-leading,
|
|
143
|
+
.icon-component,
|
|
144
|
+
.icon-trailing {
|
|
145
|
+
opacity: 0;
|
|
146
|
+
}
|
|
142
147
|
${t.buttonColor ? `background-color: ${m(
|
|
143
148
|
t.buttonColor,
|
|
144
149
|
15
|
|
@@ -200,7 +205,7 @@ const w = c.button`
|
|
|
200
205
|
gap: 8.33px;
|
|
201
206
|
${(t) => t.matchParentWidth ? "margin: auto;" : ""}
|
|
202
207
|
}
|
|
203
|
-
`, C = () => /* @__PURE__ */ d(
|
|
208
|
+
`, C = () => /* @__PURE__ */ d(c, { children: [
|
|
204
209
|
/* @__PURE__ */ n("div", { className: "line-top" }),
|
|
205
210
|
/* @__PURE__ */ n("div", { className: "line-left" }),
|
|
206
211
|
/* @__PURE__ */ n("div", { className: "line-bottom" }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.styled.js","sources":["../../../../src/components/button/Button.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport { Size, Type } from './model';\nimport {\n\tgenerateDisabledStyling,\n\tgenerateInverseHoverBackground,\n\tgetBackgroundColor,\n\tgetBorder,\n\tgetClickEffect,\n\tgetColor,\n\tgetDashedBorderStyling,\n\tgetDisabledTextColor,\n\tgetHoverButtonBackground,\n\tgetHoverButtonBackgroundCustom,\n\tgetHoverButtonTextDecorationStyle,\n\tgetLoadingBackground,\n\tgetLoadingBorder,\n\tgetLoadingButtonBackgroundCustom,\n\tgetPadding,\n} from './themes';\n\nexport const Button = styled.button<{\n\tsize: Size;\n\tbuttonType: Type;\n\tisLoading?: boolean;\n\tinverse?: boolean;\n\tdisabled?: boolean;\n\tmatchParentWidth?: boolean;\n\tversion?: '1.0' | '2.0' | '3.0';\n\tdarkMode?: boolean;\n\tactivated?: boolean;\n\terror?: boolean;\n\tbuttonColor?: string;\n}>`\n\tall: unset;\n\toutline: none;\n\tcursor: pointer;\n\tdisplay: flex;\n\tgap: 8.83px;\n\tborder-radius: ${(props) => (props.buttonType == 'text' ? '0' : '4px')};\n\toverflow: hidden;\n\t${(props) => (props.matchParentWidth ? `flex-grow: 1;` : '')}\n\tbackground-color: ${(props) =>\n\t\tgetBackgroundColor(\n\t\t\tprops.buttonType,\n\t\t\tprops.size,\n\t\t\tprops.inverse,\n\t\t\tprops.darkMode,\n\t\t\tprops.buttonColor,\n\t\t)};\n\n\t${(props) =>\n\t\tprops.buttonType.startsWith('dash')\n\t\t\t? `.button-container {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tborder-radius: 4px;\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t\t${props.matchParentWidth ? 'justify-content: center;' : ''}\n\t\t\t\t\tpadding: ${getPadding(props.buttonType, props.size)};\n\t\t\t\t}`\n\t\t\t: `padding: ${getPadding(props.buttonType, props.size)};\n\t${getBorder(\n\t\tprops.version ?? '1.0',\n\t\tprops.buttonType,\n\t\tprops.size,\n\t\tprops.inverse,\n\t\tprops.error,\n\t)}`}\n\n\t.icon-component {\n\t\theight: ${(props) =>\n\t\t\tprops.size === 'chip' || props.size === 'xs' ? '16px' : '20px'};\n\t\twidth: ${(props) =>\n\t\t\tprops.size === 'chip' || props.size === 'xs' ? '16px' : '20px'};\n\t}\n\n\t.icon-trailing {\n\t\theight: ${(props) =>\n\t\t\tprops.size === 'chip' || props.size === 'xs' ? '16px' : '20px'};\n\t\twidth: ${(props) =>\n\t\t\tprops.size === 'chip' || props.size === 'xs' ? '16px' : '20px'};\n\t}\n\n\t.text {\n\t\tcolor: ${(props) =>\n\t\t\tgetColor(props.buttonType, props.size, props.inverse, props.darkMode)};\n\t}\n\n\t.icon-leading {\n\t\theight: ${(props) =>\n\t\t\tprops.size === 'chip' || props.size === 'xs' ? '16px' : '20px'};\n\t\twidth: ${(props) =>\n\t\t\tprops.size === 'chip' || props.size === 'xs' ? '16px' : '20px'};\n\t}\n\n\t${(props) =>\n\t\tgetDashedBorderStyling(\n\t\t\tprops.buttonType,\n\t\t\tprops.size,\n\t\t\tprops.isLoading\n\t\t\t\t? COLORS.stroke.brandLightAlt\n\t\t\t\t: props.error\n\t\t\t\t? COLORS.stroke.negative.vibrant\n\t\t\t\t: undefined,\n\t\t)}\n\n\t.overlay-container {\n\t\tdisplay: none;\n\t}\n\n\t${(props) =>\n\t\t!props.disabled &&\n\t\t!props.isLoading &&\n\t\tprops.activated &&\n\t\t(props.buttonType == 'dashBold' || props.buttonType == 'dashRegular') &&\n\t\t`\n\t.button-container {\n\t\tdisplay: flex;\n\t\t${props.matchParentWidth ? 'justify-content: center;' : ''}\n\t\tposition: relative;\n\t\twidth: 100%;\n\t\t.overlay-container {\n\t\t\tdisplay: none !important;\n\t\t}\n\t\t${`.text {\n\t\t\tcolor: ${COLORS.content.brand} !important;\n\t\t}\n\t\t.icon {\n\t\t\tcolor: ${COLORS.background.brand};\n\t\t}\n\t\t`}\n\t}\n\t${getClickEffect(props.buttonType, props.size, props.inverse)}\n\t${getDashedBorderStyling(props.buttonType, props.size, COLORS.content.brand)}\n\t`}\n\n\t:disabled {\n\t\t.overlay-container {\n\t\t\tdisplay: none !important;\n\t\t}\n\t\tcursor: ${(props) =>\n\t\t\tprops.buttonType === 'text' ? 'auto' : 'not-allowed'};\n\t\t${(props) =>\n\t\t\tgenerateDisabledStyling(props.buttonType, props.size, props.inverse)}\n\t\t.text {\n\t\t\tcolor: ${(props) => getDisabledTextColor(props.inverse)} !important;\n\t\t}\n\t\t${(props) =>\n\t\t\tgetDashedBorderStyling(\n\t\t\t\tprops.buttonType,\n\t\t\t\tprops.size,\n\t\t\t\tCOLORS.stroke.primary,\n\t\t\t)}\n\t}\n\n\t${(props) =>\n\t\t!props.disabled &&\n\t\t!props.isLoading &&\n\t\t`:active {\n\t\t\t\t.button-container {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t${props.matchParentWidth ? 'justify-content: center;' : ''}\n\t\t\t\t\tposition: relative;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\t.overlay-container {\n\t\t\t\t\t\tdisplay: none !important;\n\t\t\t\t\t}\n\t\t\t\t\t${\n\t\t\t\t\t\tprops.size === 'chip' &&\n\t\t\t\t\t\t`.text {\n\t\t\t\t\t\tcolor: ${COLORS.background.inverseLight} !important;\n\t\t\t\t\t}\n\t\t\t\t\t.icon {\n\t\t\t\t\t\tcolor: ${COLORS.background.inverseLight};\n\t\t\t\t\t}\n\t\t\t\t\t`\n\t\t\t\t\t}\n\t\t\t\t}\n\n\n\t\t\t${getClickEffect(props.buttonType, props.size, props.inverse)}\n\t\t\t${getDashedBorderStyling(props.buttonType, props.size, COLORS.content.brand)}\n\t\t}`}\n\n\t${(props) =>\n\t\t// do not load hover styles for loading state and also active state\n\t\t!props.isLoading\n\t\t\t? `:not(:active):not(:disabled):hover {\n\t\t\tpadding: 0;\n\t\t\t.button-container {\n\t\t\t\tdisplay: flex;\n\t\t\t\tposition: relative;\n\t\t\t\twidth: 100%;\n\t\t\t\t${props.matchParentWidth ? 'justify-content: center;' : ''}\n\t\t\t\tpadding: ${getPadding(props.buttonType, props.size)};\n\t\t\t\t{${\n\t\t\t\t\tprops.buttonColor\n\t\t\t\t\t\t? `background-color: ${getHoverButtonBackgroundCustom(\n\t\t\t\t\t\t\t\tprops.buttonColor,\n\t\t\t\t\t\t\t\t15,\n\t\t\t\t\t\t )}`\n\t\t\t\t\t\t: ''\n\t\t\t\t}}\n\t\t\t\t.overlay-container {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\ttop: 0;\n\t\t\t\t\tleft: 0;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\theight: 100%;\n\t\t\t\t\t${getHoverButtonBackground(props.buttonType, props.inverse)}\n\t\t\t\t}\n\t\t\t\t${\n\t\t\t\t\tprops.size === 'chip' && props.buttonType !== 'text'\n\t\t\t\t\t\t? props.darkMode\n\t\t\t\t\t\t\t? `background-color: ${COLORS.stroke.primary};`\n\t\t\t\t\t\t\t: `background-color: ${COLORS.surface.hovered};`\n\t\t\t\t\t\t: ''\n\t\t\t\t}\n\t\t\t\t${\n\t\t\t\t\tprops.buttonType === 'special'\n\t\t\t\t\t\t? `background-color: ${COLORS.background.brandLight};`\n\t\t\t\t\t\t: props.buttonType === 'secondaryGray'\n\t\t\t\t\t\t? `background-color: ${COLORS.surface.hovered};`\n\t\t\t\t\t\t: ''\n\t\t\t\t}\n\t\t\t\t${\n\t\t\t\t\tprops.buttonType === 'primary' &&\n\t\t\t\t\tprops.size !== 'chip' &&\n\t\t\t\t\tprops.size !== 'xs' &&\n\t\t\t\t\t!props.inverse &&\n\t\t\t\t\t!props.buttonColor\n\t\t\t\t\t\t? `background-color: ${COLORS.background.inverse};`\n\t\t\t\t\t\t: ''\n\t\t\t\t}\n\t\t\t}\n\t\t\t${\n\t\t\t\tprops.buttonType === 'text'\n\t\t\t\t\t? getHoverButtonTextDecorationStyle(props.buttonType, props.disabled)\n\t\t\t\t\t: ''\n\t\t\t}\n\t\t\t${\n\t\t\t\tprops.inverse\n\t\t\t\t\t? generateInverseHoverBackground(props.buttonType, props.disabled)\n\t\t\t\t\t: ''\n\t\t\t}\n\t\t}`\n\t\t\t: `\n\t\t\tcursor: not-allowed;\n\t\t\tpadding: 0;\n\t\t${getLoadingBorder(props.buttonType, props.size, props.inverse)}\n\n\t\t.button-container {\n\t\t\tdisplay: flex;\n\t\t\tposition: relative;\n\t\t\twidth: 100%;\n\t\t\t.text {\n\t\t\t\topacity: 0;\n\t\t\t}\n\t\t\t${\n\t\t\t\tprops.buttonColor\n\t\t\t\t\t? `background-color: ${getLoadingButtonBackgroundCustom(\n\t\t\t\t\t\t\tprops.buttonColor,\n\t\t\t\t\t\t\t15,\n\t\t\t\t\t )};`\n\t\t\t\t\t: ''\n\t\t\t}\n\t\t\tpadding: ${getPadding(props.buttonType, props.size)};\n\t\t\t.overlay-container {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\tposition: absolute;\n\t\t\t\tpadding: 0;\n\t\t\t\ttop: 0;\n\t\t\t\tleft: 0;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\t${getLoadingBackground(\n\t\t\t\t\tprops.buttonType,\n\t\t\t\t\tprops.size,\n\t\t\t\t\tprops.inverse,\n\t\t\t\t\tprops.buttonColor,\n\t\t\t\t)}\n\t\t\t\t.spinner {\n\t\t\t\t\tline-height: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}`}\n\n\t\t.button-container {\n\t\tdisplay: flex;\n\t\tgap: 8.33px;\n\t\t${(props) => (props.matchParentWidth ? 'margin: auto;' : '')}\n\t}\n`;\n\nexport const ButtonCustomDashedBorder = () => {\n\treturn (\n\t\t<>\n\t\t\t<div className=\"line-top\"></div>\n\t\t\t<div className=\"line-left\"></div>\n\t\t\t<div className=\"line-bottom\"></div>\n\t\t\t<div className=\"line-right\"></div>\n\t\t</>\n\t);\n};\n"],"names":["Button","styled","props","getBackgroundColor","getPadding","getBorder","getColor","getDashedBorderStyling","COLORS","getClickEffect","generateDisabledStyling","getDisabledTextColor","getLoadingBorder","getLoadingButtonBackgroundCustom","getLoadingBackground","getHoverButtonBackgroundCustom","getHoverButtonBackground","getHoverButtonTextDecorationStyle","generateInverseHoverBackground","ButtonCustomDashedBorder","jsxs","Fragment","jsx"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Button.styled.js","sources":["../../../../src/components/button/Button.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport { Size, Type } from './model';\nimport {\n\tgenerateDisabledStyling,\n\tgenerateInverseHoverBackground,\n\tgetBackgroundColor,\n\tgetBorder,\n\tgetClickEffect,\n\tgetColor,\n\tgetDashedBorderStyling,\n\tgetDisabledTextColor,\n\tgetHoverButtonBackground,\n\tgetHoverButtonBackgroundCustom,\n\tgetHoverButtonTextDecorationStyle,\n\tgetLoadingBackground,\n\tgetLoadingBorder,\n\tgetLoadingButtonBackgroundCustom,\n\tgetPadding,\n} from './themes';\n\nexport const Button = styled.button<{\n\tsize: Size;\n\tbuttonType: Type;\n\tisLoading?: boolean;\n\tinverse?: boolean;\n\tdisabled?: boolean;\n\tmatchParentWidth?: boolean;\n\tversion?: '1.0' | '2.0' | '3.0';\n\tdarkMode?: boolean;\n\tactivated?: boolean;\n\terror?: boolean;\n\tbuttonColor?: string;\n}>`\n\tall: unset;\n\toutline: none;\n\tcursor: pointer;\n\tdisplay: flex;\n\tgap: 8.83px;\n\tborder-radius: ${(props) => (props.buttonType == 'text' ? '0' : '4px')};\n\toverflow: hidden;\n\t${(props) => (props.matchParentWidth ? `flex-grow: 1;` : '')}\n\tbackground-color: ${(props) =>\n\t\tgetBackgroundColor(\n\t\t\tprops.buttonType,\n\t\t\tprops.size,\n\t\t\tprops.inverse,\n\t\t\tprops.darkMode,\n\t\t\tprops.buttonColor,\n\t\t)};\n\n\t${(props) =>\n\t\tprops.buttonType.startsWith('dash')\n\t\t\t? `.button-container {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tborder-radius: 4px;\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t\t${props.matchParentWidth ? 'justify-content: center;' : ''}\n\t\t\t\t\tpadding: ${getPadding(props.buttonType, props.size)};\n\t\t\t\t}`\n\t\t\t: `padding: ${getPadding(props.buttonType, props.size)};\n\t${getBorder(\n\t\tprops.version ?? '1.0',\n\t\tprops.buttonType,\n\t\tprops.size,\n\t\tprops.inverse,\n\t\tprops.error,\n\t)}`}\n\n\t.icon-component {\n\t\theight: ${(props) =>\n\t\t\tprops.size === 'chip' || props.size === 'xs' ? '16px' : '20px'};\n\t\twidth: ${(props) =>\n\t\t\tprops.size === 'chip' || props.size === 'xs' ? '16px' : '20px'};\n\t}\n\n\t.icon-trailing {\n\t\theight: ${(props) =>\n\t\t\tprops.size === 'chip' || props.size === 'xs' ? '16px' : '20px'};\n\t\twidth: ${(props) =>\n\t\t\tprops.size === 'chip' || props.size === 'xs' ? '16px' : '20px'};\n\t}\n\n\t.text {\n\t\tcolor: ${(props) =>\n\t\t\tgetColor(props.buttonType, props.size, props.inverse, props.darkMode)};\n\t}\n\n\t.icon-leading {\n\t\theight: ${(props) =>\n\t\t\tprops.size === 'chip' || props.size === 'xs' ? '16px' : '20px'};\n\t\twidth: ${(props) =>\n\t\t\tprops.size === 'chip' || props.size === 'xs' ? '16px' : '20px'};\n\t}\n\n\t${(props) =>\n\t\tgetDashedBorderStyling(\n\t\t\tprops.buttonType,\n\t\t\tprops.size,\n\t\t\tprops.isLoading\n\t\t\t\t? COLORS.stroke.brandLightAlt\n\t\t\t\t: props.error\n\t\t\t\t? COLORS.stroke.negative.vibrant\n\t\t\t\t: undefined,\n\t\t)}\n\n\t.overlay-container {\n\t\tdisplay: none;\n\t}\n\n\t${(props) =>\n\t\t!props.disabled &&\n\t\t!props.isLoading &&\n\t\tprops.activated &&\n\t\t(props.buttonType == 'dashBold' || props.buttonType == 'dashRegular') &&\n\t\t`\n\t.button-container {\n\t\tdisplay: flex;\n\t\t${props.matchParentWidth ? 'justify-content: center;' : ''}\n\t\tposition: relative;\n\t\twidth: 100%;\n\t\t.overlay-container {\n\t\t\tdisplay: none !important;\n\t\t}\n\t\t${`.text {\n\t\t\tcolor: ${COLORS.content.brand} !important;\n\t\t}\n\t\t.icon {\n\t\t\tcolor: ${COLORS.background.brand};\n\t\t}\n\t\t`}\n\t}\n\t${getClickEffect(props.buttonType, props.size, props.inverse)}\n\t${getDashedBorderStyling(props.buttonType, props.size, COLORS.content.brand)}\n\t`}\n\n\t:disabled {\n\t\t.overlay-container {\n\t\t\tdisplay: none !important;\n\t\t}\n\t\tcursor: ${(props) =>\n\t\t\tprops.buttonType === 'text' ? 'auto' : 'not-allowed'};\n\t\t${(props) =>\n\t\t\tgenerateDisabledStyling(props.buttonType, props.size, props.inverse)}\n\t\t.text {\n\t\t\tcolor: ${(props) => getDisabledTextColor(props.inverse)} !important;\n\t\t}\n\t\t${(props) =>\n\t\t\tgetDashedBorderStyling(\n\t\t\t\tprops.buttonType,\n\t\t\t\tprops.size,\n\t\t\t\tCOLORS.stroke.primary,\n\t\t\t)}\n\t}\n\n\t${(props) =>\n\t\t!props.disabled &&\n\t\t!props.isLoading &&\n\t\t`:active {\n\t\t\t\t.button-container {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t${props.matchParentWidth ? 'justify-content: center;' : ''}\n\t\t\t\t\tposition: relative;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\t.overlay-container {\n\t\t\t\t\t\tdisplay: none !important;\n\t\t\t\t\t}\n\t\t\t\t\t${\n\t\t\t\t\t\tprops.size === 'chip' &&\n\t\t\t\t\t\t`.text {\n\t\t\t\t\t\tcolor: ${COLORS.background.inverseLight} !important;\n\t\t\t\t\t}\n\t\t\t\t\t.icon {\n\t\t\t\t\t\tcolor: ${COLORS.background.inverseLight};\n\t\t\t\t\t}\n\t\t\t\t\t`\n\t\t\t\t\t}\n\t\t\t\t}\n\n\n\t\t\t${getClickEffect(props.buttonType, props.size, props.inverse)}\n\t\t\t${getDashedBorderStyling(props.buttonType, props.size, COLORS.content.brand)}\n\t\t}`}\n\n\t${(props) =>\n\t\t// do not load hover styles for loading state and also active state\n\t\t!props.isLoading\n\t\t\t? `:not(:active):not(:disabled):hover {\n\t\t\tpadding: 0;\n\t\t\t.button-container {\n\t\t\t\tdisplay: flex;\n\t\t\t\tposition: relative;\n\t\t\t\twidth: 100%;\n\t\t\t\t${props.matchParentWidth ? 'justify-content: center;' : ''}\n\t\t\t\tpadding: ${getPadding(props.buttonType, props.size)};\n\t\t\t\t{${\n\t\t\t\t\tprops.buttonColor\n\t\t\t\t\t\t? `background-color: ${getHoverButtonBackgroundCustom(\n\t\t\t\t\t\t\t\tprops.buttonColor,\n\t\t\t\t\t\t\t\t15,\n\t\t\t\t\t\t )}`\n\t\t\t\t\t\t: ''\n\t\t\t\t}}\n\t\t\t\t.overlay-container {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\ttop: 0;\n\t\t\t\t\tleft: 0;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\theight: 100%;\n\t\t\t\t\t${getHoverButtonBackground(props.buttonType, props.inverse)}\n\t\t\t\t}\n\t\t\t\t${\n\t\t\t\t\tprops.size === 'chip' && props.buttonType !== 'text'\n\t\t\t\t\t\t? props.darkMode\n\t\t\t\t\t\t\t? `background-color: ${COLORS.stroke.primary};`\n\t\t\t\t\t\t\t: `background-color: ${COLORS.surface.hovered};`\n\t\t\t\t\t\t: ''\n\t\t\t\t}\n\t\t\t\t${\n\t\t\t\t\tprops.buttonType === 'special'\n\t\t\t\t\t\t? `background-color: ${COLORS.background.brandLight};`\n\t\t\t\t\t\t: props.buttonType === 'secondaryGray'\n\t\t\t\t\t\t? `background-color: ${COLORS.surface.hovered};`\n\t\t\t\t\t\t: ''\n\t\t\t\t}\n\t\t\t\t${\n\t\t\t\t\tprops.buttonType === 'primary' &&\n\t\t\t\t\tprops.size !== 'chip' &&\n\t\t\t\t\tprops.size !== 'xs' &&\n\t\t\t\t\t!props.inverse &&\n\t\t\t\t\t!props.buttonColor\n\t\t\t\t\t\t? `background-color: ${COLORS.background.inverse};`\n\t\t\t\t\t\t: ''\n\t\t\t\t}\n\t\t\t}\n\t\t\t${\n\t\t\t\tprops.buttonType === 'text'\n\t\t\t\t\t? getHoverButtonTextDecorationStyle(props.buttonType, props.disabled)\n\t\t\t\t\t: ''\n\t\t\t}\n\t\t\t${\n\t\t\t\tprops.inverse\n\t\t\t\t\t? generateInverseHoverBackground(props.buttonType, props.disabled)\n\t\t\t\t\t: ''\n\t\t\t}\n\t\t}`\n\t\t\t: `\n\t\t\tcursor: not-allowed;\n\t\t\tpadding: 0;\n\t\t${getLoadingBorder(props.buttonType, props.size, props.inverse)}\n\n\t\t.button-container {\n\t\t\tdisplay: flex;\n\t\t\tposition: relative;\n\t\t\twidth: 100%;\n\t\t\t.text {\n\t\t\t\topacity: 0;\n\t\t\t}\n\t\t\t.icon-leading,\n\t\t\t.icon-component,\n\t\t\t.icon-trailing {\n\t\t\t\topacity: 0;\n\t\t\t}\n\t\t\t${\n\t\t\t\tprops.buttonColor\n\t\t\t\t\t? `background-color: ${getLoadingButtonBackgroundCustom(\n\t\t\t\t\t\t\tprops.buttonColor,\n\t\t\t\t\t\t\t15,\n\t\t\t\t\t )};`\n\t\t\t\t\t: ''\n\t\t\t}\n\t\t\tpadding: ${getPadding(props.buttonType, props.size)};\n\t\t\t.overlay-container {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\tposition: absolute;\n\t\t\t\tpadding: 0;\n\t\t\t\ttop: 0;\n\t\t\t\tleft: 0;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\t${getLoadingBackground(\n\t\t\t\t\tprops.buttonType,\n\t\t\t\t\tprops.size,\n\t\t\t\t\tprops.inverse,\n\t\t\t\t\tprops.buttonColor,\n\t\t\t\t)}\n\t\t\t\t.spinner {\n\t\t\t\t\tline-height: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}`}\n\n\t\t.button-container {\n\t\tdisplay: flex;\n\t\tgap: 8.33px;\n\t\t${(props) => (props.matchParentWidth ? 'margin: auto;' : '')}\n\t}\n`;\n\nexport const ButtonCustomDashedBorder = () => {\n\treturn (\n\t\t<>\n\t\t\t<div className=\"line-top\"></div>\n\t\t\t<div className=\"line-left\"></div>\n\t\t\t<div className=\"line-bottom\"></div>\n\t\t\t<div className=\"line-right\"></div>\n\t\t</>\n\t);\n};\n"],"names":["Button","styled","props","getBackgroundColor","getPadding","getBorder","getColor","getDashedBorderStyling","COLORS","getClickEffect","generateDisabledStyling","getDisabledTextColor","getLoadingBorder","getLoadingButtonBackgroundCustom","getLoadingBackground","getHoverButtonBackgroundCustom","getHoverButtonBackground","getHoverButtonTextDecorationStyle","generateInverseHoverBackground","ButtonCustomDashedBorder","jsxs","Fragment","jsx"],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@ import { Size, Type } from './model';
|
|
|
2
2
|
export declare const getBackgroundColor: (type: Type, size: Size, inverse?: boolean, darkMode?: boolean, buttonColor?: string) => string;
|
|
3
3
|
export declare const getColor: (type: Type, size: Size, inverse?: boolean, darkMode?: boolean) => string;
|
|
4
4
|
export declare const getDisabledTextColor: (inverse?: boolean) => string;
|
|
5
|
-
export declare const getPadding: (type: Type, size: Size) => "0px" | "
|
|
5
|
+
export declare const getPadding: (type: Type, size: Size) => "0px" | "4px 6px" | "4px 8px" | "6px 4px" | "6px 12px" | "10px 4px" | "10px 12px" | "14px 4px" | "14px 12px" | undefined;
|
|
6
6
|
export declare const GetButtonTextComponent: (size: Size, type: Type, disabled?: boolean) => import('styled-components').StyledComponent<"div", any, {
|
|
7
7
|
numberOfLines?: number | undefined;
|
|
8
8
|
color?: string | undefined;
|
|
@@ -40,7 +40,7 @@ const m = (t, n, e, a, o) => {
|
|
|
40
40
|
if (t === "text")
|
|
41
41
|
return "0px";
|
|
42
42
|
if (n === "xs")
|
|
43
|
-
return
|
|
43
|
+
return "4px 6px";
|
|
44
44
|
if (n === "chip")
|
|
45
45
|
return "4px 8px";
|
|
46
46
|
if (n === "small")
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"themes.js","sources":["../../../../src/components/button/themes.tsx"],"sourcesContent":["import { COLORS } from '@src/constants/Theme';\nimport {\n\tBodyCaption,\n\tBodySecondary,\n\tButtonLarge,\n\tButtonLargeAI,\n\tButtonRegular,\n\tButtonRegularAI,\n} from '../TypographyStyle';\nimport { Size, Type } from './model';\n\nexport const getBackgroundColor = (\n\ttype: Type,\n\tsize: Size,\n\tinverse?: boolean,\n\tdarkMode?: boolean,\n\tbuttonColor?: string,\n): string => {\n\tif (type === 'special') return COLORS.background.brandVeryLight;\n\tif (type === 'secondaryGray') return 'transparent';\n\n\tif (size === 'chip') {\n\t\tif (type === 'text') {\n\t\t\treturn 'transparent';\n\t\t}\n\t\treturn darkMode ? COLORS.surface.hovered : COLORS.surface.subdued;\n\t}\n\tswitch (type) {\n\t\tcase 'primary':\n\t\t\treturn buttonColor\n\t\t\t\t? buttonColor\n\t\t\t\t: inverse\n\t\t\t\t? COLORS.background.warning.vibrant\n\t\t\t\t: COLORS.background.inverseLight;\n\t\tcase 'destructive':\n\t\t\treturn COLORS.background.negative.vibrant;\n\t\tcase 'tertiary':\n\t\t\treturn 'transparent';\n\t\tdefault:\n\t\t\treturn 'transparent';\n\t}\n};\n\nexport const getColor = (\n\ttype: Type,\n\tsize: Size,\n\tinverse?: boolean,\n\tdarkMode?: boolean,\n): string => {\n\tif (type === 'special') return COLORS.background.inverseLight;\n\tif (type === 'secondaryGray') return COLORS.content.secondary;\n\n\tif (size === 'chip') {\n\t\tif (type === 'text') {\n\t\t\treturn inverse ? COLORS.content.inactive : COLORS.content.brand;\n\t\t}\n\t\treturn darkMode ? COLORS.content.primary : COLORS.content.secondary;\n\t}\n\tswitch (type) {\n\t\tcase 'primary':\n\t\t\treturn inverse ? COLORS.content.primary : COLORS.content.primaryInverse;\n\t\tcase 'tertiaryGray':\n\t\t\treturn COLORS.content.secondary;\n\t\tcase 'destructive':\n\t\t\treturn COLORS.content.primaryInverse;\n\t\tcase 'dashBold':\n\t\t\treturn COLORS.content.secondary;\n\t\tcase 'dashRegular':\n\t\t\treturn COLORS.content.secondary;\n\t\tcase 'ai':\n\t\t\treturn COLORS.content.ai;\n\t\tdefault:\n\t\t\treturn inverse ? COLORS.content.primaryInverse : COLORS.stroke.brand;\n\t}\n};\n\nexport const getDisabledTextColor = (inverse?: boolean) => {\n\tif (inverse) {\n\t\treturn 'rgba(255, 255, 255, 0.5)';\n\t}\n\treturn COLORS.content.inactive;\n};\n\nexport const getPadding = (type: Type, size: Size) => {\n\tif (type === 'text') {\n\t\treturn '0px';\n\t} else if (size === 'xs') {\n\t\tconst hasBorder =\n\t\t\ttype === 'secondary' || type === 'special' || type === 'secondaryGray';\n\t\treturn hasBorder ? '3px 6px' : '4px 6px';\n\t} else if (size === 'chip') {\n\t\treturn '4px 8px';\n\t} else if (size === 'small') {\n\t\tswitch (type) {\n\t\t\tcase 'tertiary':\n\t\t\t\treturn '6px 4px';\n\t\t\tcase 'tertiaryGray':\n\t\t\t\treturn '6px 4px';\n\t\t\tdefault:\n\t\t\t\treturn '6px 12px';\n\t\t}\n\t} else if (size === 'medium') {\n\t\tswitch (type) {\n\t\t\tcase 'tertiary':\n\t\t\t\treturn '10px 4px';\n\t\t\tcase 'tertiaryGray':\n\t\t\t\treturn '10px 4px';\n\t\t\tdefault:\n\t\t\t\treturn '10px 12px';\n\t\t}\n\t} else if (size === 'large') {\n\t\tswitch (type) {\n\t\t\tcase 'tertiary':\n\t\t\t\treturn '14px 4px';\n\t\t\tcase 'tertiaryGray':\n\t\t\t\treturn '14px 4px';\n\t\t\tdefault:\n\t\t\t\treturn '14px 12px';\n\t\t}\n\t}\n};\nexport const GetButtonTextComponent = (\n\tsize: Size,\n\ttype: Type,\n\tdisabled?: boolean,\n) => {\n\tif (!disabled && type === 'ai') {\n\t\tif (size === 'small') {\n\t\t\treturn ButtonRegularAI;\n\t\t} else {\n\t\t\treturn ButtonLargeAI;\n\t\t}\n\t}\n\n\tif (type === 'dashRegular') {\n\t\treturn BodySecondary;\n\t}\n\tif (size === 'chip' || size === 'xs') {\n\t\treturn BodyCaption;\n\t} else if (size === 'small') {\n\t\treturn ButtonRegular;\n\t}\n\treturn ButtonLarge;\n};\n\nexport const getBorderColor = (\n\ttype: Type,\n\tinverse?: boolean,\n\terror?: boolean,\n): string => {\n\tif (error) {\n\t\treturn COLORS.stroke.negative.vibrant;\n\t}\n\n\tif (inverse) {\n\t\treturn COLORS.surface.standard;\n\t}\n\tif (type == 'secondary') {\n\t\treturn COLORS.stroke.brand;\n\t}\n\treturn COLORS.content.placeholder;\n};\n\nexport const getBorder = (\n\tversion: '1.0' | '2.0' | '3.0',\n\ttype: Type,\n\tsize: Size,\n\tinverse?: boolean,\n\terror?: boolean,\n): string => {\n\tif (type == 'text') {\n\t\treturn 'border: none;';\n\t}\n\tif (type === 'special') {\n\t\treturn `border: 1px solid ${COLORS.stroke.brandLightAlt};`;\n\t}\n\tif (type === 'secondaryGray') {\n\t\treturn `border: 1px solid ${COLORS.stroke.primary};`;\n\t}\n\tif (size === 'chip') {\n\t\treturn `border: ${version === '2.0' ? 0.5 : 1}px solid ${\n\t\t\tCOLORS.stroke.primary\n\t\t};`;\n\t}\n\tif (inverse) {\n\t\tif (type === 'secondary') {\n\t\t\treturn `border: ${version === '2.0' ? 0.5 : 1}px solid ${getBorderColor(\n\t\t\t\ttype,\n\t\t\t\tinverse,\n\t\t\t\terror,\n\t\t\t)};`;\n\t\t}\n\t\treturn 'border: none;';\n\t}\n\n\tif (type === 'secondary') {\n\t\treturn `border: ${version === '2.0' ? 0.5 : 1}px solid ${getBorderColor(\n\t\t\ttype,\n\t\t\tfalse,\n\t\t\terror,\n\t\t)};`;\n\t}\n\treturn 'border: none;';\n};\n\nexport const getLinearGradientValue = (size: Size): string => {\n\tif (size === 'medium') {\n\t\treturn `5px,\n\t\ttransparent 5px,\n\t\ttransparent 10px`;\n\t}\n\treturn `6px,\n\t\ttransparent 6px,\n\t\ttransparent 12px`;\n};\n\n/**\n * Adjusts the brightness of a given hex color by a specified percentage.\n * Below function is used to generate a hover effect for button backgrounds.\n *\n * @param {string} color - The hex color code to be adjusted (e.g., \"#ff0000\").\n * @param {number} percent - The percentage by which to darken the color. Positive values darken the color.\n * @returns {string} - The adjusted hex color code.\n *\n * @example\n * // Darken the color #ff0000 (red) by 10%\n * const darkerRed = getHoverButtonBackgroundCustom(\"#ff0000\", 10);\n * console.log(darkerRed); // Output might be \"#e60000\"\n */\n\nexport const getHoverButtonBackgroundCustom = (\n\tcolor: string,\n\tpercent: number,\n) => {\n\tconst num = parseInt(color.replace('#', ''), 16),\n\t\tamt = Math.round(2.55 * percent),\n\t\tR = (num >> 16) - amt,\n\t\tG = ((num >> 8) & 0x00ff) - amt,\n\t\tB = (num & 0x0000ff) - amt;\n\n\treturn `#${(\n\t\t0x1000000 +\n\t\t(Math.max(R, 0) << 16) +\n\t\t(Math.max(G, 0) << 8) +\n\t\tMath.max(B, 0)\n\t)\n\t\t.toString(16)\n\t\t.slice(1)}`;\n};\n\n/**\n * Generates a new color by adjusting the brightness of the given color by a specified percentage.\n *\n * @param color - The original color in hexadecimal format (e.g., \"#RRGGBB\").\n * @param percent - The percentage to adjust the brightness. Positive values will lighten the color, while negative values will darken it.\n * @returns The new color in hexadecimal format after adjusting the brightness.\n *\n * @example\n * // Lighten the color by 20%\n * const newColor = getLoadingButtonBackgroundCustom(\"#ff0000\", 20); // \"#ff3333\"\n *\n * @example\n * // Darken the color by 10%\n * const newColor = getLoadingButtonBackgroundCustom(\"#00ff00\", -10); // \"#00e600\"\n */\nexport const getLoadingButtonBackgroundCustom = (\n\tcolor: string,\n\tpercent: number,\n) => {\n\tconst num = parseInt(color.replace('#', ''), 16),\n\t\tamt = Math.round(2.55 * percent),\n\t\tR = (num >> 16) + amt,\n\t\tG = ((num >> 8) & 0x00ff) + amt,\n\t\tB = (num & 0x0000ff) + amt;\n\n\treturn `#${(\n\t\t0x1000000 +\n\t\t(Math.min(R, 255) << 16) +\n\t\t(Math.min(G, 255) << 8) +\n\t\tMath.min(B, 255)\n\t)\n\t\t.toString(16)\n\t\t.slice(1)}`;\n};\n\nexport const getHoverButtonBackground = (type: Type, inverse?: boolean) => {\n\tif (type === 'ai') {\n\t\treturn `background: ${COLORS.surface.aiLight};`;\n\t}\n\n\tif (type === 'text') {\n\t\treturn `background-color:transparent;`;\n\t}\n\tif (type === 'special' || type === 'secondaryGray') {\n\t\treturn '';\n\t}\n\tif (!inverse && type !== 'primary') {\n\t\treturn `background-color: #000000;\n\t\t\t\topacity: 0.03;`;\n\t}\n\n\treturn ``;\n};\n\nexport const getHoverButtonTextDecorationStyle = (\n\ttype: Type,\n\tdisabled?: boolean,\n) => {\n\tif (disabled) {\n\t\treturn '';\n\t}\n\treturn `text-decoration-line: underline;\n\t\t\ttext-decoration-color: ${COLORS.content.brand};`;\n};\n\nexport const generateInverseHoverBackground = (\n\ttype: Type,\n\tdisabled?: boolean,\n) => {\n\tif (disabled) {\n\t\treturn '';\n\t}\n\tif (type === 'primary') {\n\t\treturn `background-color: ${COLORS.stroke.warning.lightAlt};`;\n\t}\n\treturn `background-color: rgba(255, 255, 255, 0.1)`;\n};\n\nexport const generateDisabledStyling = (\n\ttype: Type,\n\tsize: Size,\n\tinverse?: boolean,\n) => {\n\tif (type === 'special') {\n\t\treturn `background-color: ${COLORS.background.base}; border: 1px solid ${COLORS.stroke.primary};`;\n\t}\n\tif (type === 'secondaryGray') {\n\t\treturn `border: 1px solid ${COLORS.stroke.primary};`;\n\t}\n\tif (size === 'chip') {\n\t\treturn `background-color: transparent;`;\n\t}\n\tif (type === 'primary' || type === 'destructive') {\n\t\treturn inverse\n\t\t\t? 'background-color: rgba(255,255,255,0.3);'\n\t\t\t: `background-color: ${COLORS.background.inactive};`;\n\t} else if (type === 'secondary') {\n\t\treturn inverse\n\t\t\t? `border: 1px solid rgba(255, 255, 255, 0.5);`\n\t\t\t: `border: 1px solid ${COLORS.stroke.primary};`;\n\t}\n\treturn '';\n};\n\nexport const getDashedBorderStyling = (\n\ttype: Type,\n\tsize: Size,\n\tborderColor: string = getBorderColor(type, false),\n) => {\n\treturn `\n\t.line-top {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\theight: 1px;\n\t\twidth: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto right,\n\t\t\t${borderColor},\n\t\t\t${borderColor}\n\t\t\t\t${getLinearGradientValue(size)}\n\t\t);\n\t}\n\t.line-right {\n\t\tposition: absolute;\n\t\tright: 0;\n\t\ttop: 0;\n\t\twidth: 1px;\n\t\theight: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto bottom,\n\t\t\t${borderColor},\n\t\t\t${borderColor}\n\t\t\t\t${getLinearGradientValue(size)}\n\t\t);\n\t}\n\t.line-bottom {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\tbottom: 0;\n\t\theight: 1px;\n\t\twidth: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto right,\n\t\t\t${borderColor},\n\t\t\t${borderColor}\n\t\t\t\t${getLinearGradientValue(size)}\n\t\t);\n\t}\n\t.line-left {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\twidth: 1px;\n\t\theight: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto bottom,\n\t\t\t${borderColor},\n\t\t\t${borderColor}\n\t\t\t\t${getLinearGradientValue(size)}\n\t\t);\n\t}\n\t`;\n};\n\nexport const getClickEffect = (type: Type, size: Size, inverse?: boolean) => {\n\tif (type === 'text') {\n\t\treturn `background-color: ${COLORS.background.brandLight};\n\t\t\ttext-decoration-line: underline;\n\t\t\ttext-decoration-color: ${COLORS.content.brand};`;\n\t}\n\tif (type === 'special') {\n\t\treturn `background-color: ${COLORS.background.brandLight}; border: 1px solid ${COLORS.stroke.brandLightAlt};`;\n\t}\n\tif (type === 'secondaryGray') {\n\t\treturn `background-color: ${COLORS.surface.hovered}; border: 1px solid ${COLORS.stroke.primary};`;\n\t}\n\tif (size === 'chip') {\n\t\treturn `border: 1px solid ${COLORS.stroke.brandLightAlt};\n\t\tbackground-color: ${COLORS.background.brandLight};`;\n\t}\n\tif (type === 'primary' || type === 'destructive') {\n\t\tif (inverse) {\n\t\t\treturn `background-color: ${COLORS.background.warning.vibrant} !important;\n\t\t\tbox-shadow: inset 0px 4px 12px rgba(0, 0, 0, 0.35);\n\t\t\t`;\n\t\t}\n\t\treturn 'box-shadow: inset 0px 4px 12px rgba(0, 0, 0, 0.35);';\n\t} else if (\n\t\ttype === 'secondary' ||\n\t\ttype === 'tertiary' ||\n\t\ttype === 'tertiaryGray' ||\n\t\ttype.startsWith('dash')\n\t) {\n\t\treturn inverse\n\t\t\t? `background-color: ${COLORS.background.inverseLight} !important;`\n\t\t\t: `background-color: ${COLORS.background.brandLight};`;\n\t}\n};\nexport const getLoadingBackground = (\n\ttype: Type,\n\tsize: Size,\n\tinverse?: boolean,\n\tbuttonColor?: string,\n) => {\n\tif (type === 'special') {\n\t\treturn `background-color: ${COLORS.background.brandVeryLight};`;\n\t}\n\tif (type === 'secondaryGray') {\n\t\treturn `background-color: ${COLORS.surface.subdued};`;\n\t}\n\tif (size === 'chip') {\n\t\treturn `background-color: ${COLORS.background.base};`;\n\t}\n\tif (type === 'primary') {\n\t\tif (buttonColor) {\n\t\t\treturn `background-color: ${getLoadingButtonBackgroundCustom(\n\t\t\t\tbuttonColor,\n\t\t\t\t50,\n\t\t\t)};`;\n\t\t}\n\t\treturn `background-color: ${\n\t\t\tinverse ? COLORS.background.warning.vibrant : COLORS.background.brandLight\n\t\t};`;\n\t}\n\tif (type === 'destructive') {\n\t\treturn `background-color: ${COLORS.background.negative.light};`;\n\t}\n\treturn 'background-color: transparent;';\n};\n\nexport const getLoadingBorder = (type: Type, size: Size, inverse?: boolean) => {\n\tif (type === 'special') {\n\t\treturn `border: 1px solid ${COLORS.stroke.brandLightAlt};`;\n\t}\n\tif (type === 'secondaryGray') {\n\t\treturn `border: 1px solid ${COLORS.stroke.primary};`;\n\t}\n\tif (size === 'chip') {\n\t\treturn `border: none;`;\n\t}\n\tif (type === 'secondary') {\n\t\treturn inverse\n\t\t\t? `border: 1px solid ${COLORS.content.secondary};`\n\t\t\t: `border: 1px solid ${COLORS.stroke.brandLightAlt};`;\n\t}\n\treturn '';\n};\n\nexport const SpinnerColorMap = (type: Type, inverse?: boolean) => {\n\tif (type === 'secondaryGray') return COLORS.content.secondary;\n\tif (inverse) {\n\t\tif (type === 'primary') {\n\t\t\treturn COLORS.content.primary;\n\t\t}\n\t\treturn COLORS.content.primaryInverse;\n\t}\n\tif (type === 'destructive') {\n\t\treturn COLORS.content.negative;\n\t}\n\treturn COLORS.content.brand;\n};\n\nexport const getButtonIconColor = (\n\tsize: Size,\n\ttype: Type,\n\tinverse?: boolean,\n\tdisabled?: boolean,\n\tisLoading?: boolean,\n\tdarkMode?: boolean,\n) => {\n\tif (size === 'chip') {\n\t\tif (disabled) {\n\t\t\treturn COLORS.content.inactive;\n\t\t} else if (darkMode) {\n\t\t\treturn COLORS.content.primary;\n\t\t}\n\t\treturn COLORS.content.secondary;\n\t}\n\tif (isLoading) {\n\t\treturn 'transparent';\n\t}\n\tif (type === 'special') {\n\t\treturn disabled ? COLORS.content.inactive : COLORS.background.inverseLight;\n\t}\n\tif (type === 'secondaryGray') {\n\t\treturn disabled ? COLORS.content.inactive : COLORS.content.secondary;\n\t}\n\tif (type === 'primary' || type === 'destructive') {\n\t\tif (inverse) {\n\t\t\tif (disabled) {\n\t\t\t\treturn 'rgba(255, 255, 255, 0.5)';\n\t\t\t}\n\t\t\treturn COLORS.content.primary;\n\t\t}\n\t\tif (disabled) {\n\t\t\treturn COLORS.content.inactive;\n\t\t}\n\t\treturn COLORS.content.primaryInverse;\n\t} else if (type === 'secondary') {\n\t\tif (inverse) {\n\t\t\tif (disabled) {\n\t\t\t\treturn 'rgba(255, 255, 255, 0.5)';\n\t\t\t}\n\t\t\treturn COLORS.content.primaryInverse;\n\t\t}\n\t\tif (disabled) {\n\t\t\treturn COLORS.content.inactive;\n\t\t}\n\t\treturn COLORS.content.brand;\n\t} else if (type === 'tertiary') {\n\t\tif (inverse) {\n\t\t\tif (disabled) {\n\t\t\t\treturn 'rgba(255, 255, 255, 0.5)';\n\t\t\t}\n\t\t\treturn COLORS.content.primaryInverse;\n\t\t}\n\t\tif (disabled) {\n\t\t\treturn COLORS.content.inactive;\n\t\t}\n\t\treturn COLORS.content.brand;\n\t} else if (type === 'tertiaryGray' || type.startsWith('dash')) {\n\t\tif (disabled) {\n\t\t\treturn COLORS.content.inactive;\n\t\t}\n\t\treturn COLORS.content.secondary;\n\t}\n};\n"],"names":["getBackgroundColor","type","size","inverse","darkMode","buttonColor","COLORS","getColor","getDisabledTextColor","getPadding","GetButtonTextComponent","disabled","ButtonRegularAI","ButtonLargeAI","BodySecondary","BodyCaption","ButtonRegular","ButtonLarge","getBorderColor","error","getBorder","version","getLinearGradientValue","getHoverButtonBackgroundCustom","color","percent","num","amt","R","G","B","getLoadingButtonBackgroundCustom","getHoverButtonBackground","getHoverButtonTextDecorationStyle","generateInverseHoverBackground","generateDisabledStyling","getDashedBorderStyling","borderColor","getClickEffect","getLoadingBackground","getLoadingBorder","SpinnerColorMap","getButtonIconColor","isLoading"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"themes.js","sources":["../../../../src/components/button/themes.tsx"],"sourcesContent":["import { COLORS } from '@src/constants/Theme';\nimport {\n\tBodyCaption,\n\tBodySecondary,\n\tButtonLarge,\n\tButtonLargeAI,\n\tButtonRegular,\n\tButtonRegularAI,\n} from '../TypographyStyle';\nimport { Size, Type } from './model';\n\nexport const getBackgroundColor = (\n\ttype: Type,\n\tsize: Size,\n\tinverse?: boolean,\n\tdarkMode?: boolean,\n\tbuttonColor?: string,\n): string => {\n\tif (type === 'special') return COLORS.background.brandVeryLight;\n\tif (type === 'secondaryGray') return 'transparent';\n\n\tif (size === 'chip') {\n\t\tif (type === 'text') {\n\t\t\treturn 'transparent';\n\t\t}\n\t\treturn darkMode ? COLORS.surface.hovered : COLORS.surface.subdued;\n\t}\n\tswitch (type) {\n\t\tcase 'primary':\n\t\t\treturn buttonColor\n\t\t\t\t? buttonColor\n\t\t\t\t: inverse\n\t\t\t\t? COLORS.background.warning.vibrant\n\t\t\t\t: COLORS.background.inverseLight;\n\t\tcase 'destructive':\n\t\t\treturn COLORS.background.negative.vibrant;\n\t\tcase 'tertiary':\n\t\t\treturn 'transparent';\n\t\tdefault:\n\t\t\treturn 'transparent';\n\t}\n};\n\nexport const getColor = (\n\ttype: Type,\n\tsize: Size,\n\tinverse?: boolean,\n\tdarkMode?: boolean,\n): string => {\n\tif (type === 'special') return COLORS.background.inverseLight;\n\tif (type === 'secondaryGray') return COLORS.content.secondary;\n\n\tif (size === 'chip') {\n\t\tif (type === 'text') {\n\t\t\treturn inverse ? COLORS.content.inactive : COLORS.content.brand;\n\t\t}\n\t\treturn darkMode ? COLORS.content.primary : COLORS.content.secondary;\n\t}\n\tswitch (type) {\n\t\tcase 'primary':\n\t\t\treturn inverse ? COLORS.content.primary : COLORS.content.primaryInverse;\n\t\tcase 'tertiaryGray':\n\t\t\treturn COLORS.content.secondary;\n\t\tcase 'destructive':\n\t\t\treturn COLORS.content.primaryInverse;\n\t\tcase 'dashBold':\n\t\t\treturn COLORS.content.secondary;\n\t\tcase 'dashRegular':\n\t\t\treturn COLORS.content.secondary;\n\t\tcase 'ai':\n\t\t\treturn COLORS.content.ai;\n\t\tdefault:\n\t\t\treturn inverse ? COLORS.content.primaryInverse : COLORS.stroke.brand;\n\t}\n};\n\nexport const getDisabledTextColor = (inverse?: boolean) => {\n\tif (inverse) {\n\t\treturn 'rgba(255, 255, 255, 0.5)';\n\t}\n\treturn COLORS.content.inactive;\n};\n\nexport const getPadding = (type: Type, size: Size) => {\n\tif (type === 'text') {\n\t\treturn '0px';\n\t} else if (size === 'xs') {\n\t\treturn '4px 6px';\n\t} else if (size === 'chip') {\n\t\treturn '4px 8px';\n\t} else if (size === 'small') {\n\t\tswitch (type) {\n\t\t\tcase 'tertiary':\n\t\t\t\treturn '6px 4px';\n\t\t\tcase 'tertiaryGray':\n\t\t\t\treturn '6px 4px';\n\t\t\tdefault:\n\t\t\t\treturn '6px 12px';\n\t\t}\n\t} else if (size === 'medium') {\n\t\tswitch (type) {\n\t\t\tcase 'tertiary':\n\t\t\t\treturn '10px 4px';\n\t\t\tcase 'tertiaryGray':\n\t\t\t\treturn '10px 4px';\n\t\t\tdefault:\n\t\t\t\treturn '10px 12px';\n\t\t}\n\t} else if (size === 'large') {\n\t\tswitch (type) {\n\t\t\tcase 'tertiary':\n\t\t\t\treturn '14px 4px';\n\t\t\tcase 'tertiaryGray':\n\t\t\t\treturn '14px 4px';\n\t\t\tdefault:\n\t\t\t\treturn '14px 12px';\n\t\t}\n\t}\n};\nexport const GetButtonTextComponent = (\n\tsize: Size,\n\ttype: Type,\n\tdisabled?: boolean,\n) => {\n\tif (!disabled && type === 'ai') {\n\t\tif (size === 'small') {\n\t\t\treturn ButtonRegularAI;\n\t\t} else {\n\t\t\treturn ButtonLargeAI;\n\t\t}\n\t}\n\n\tif (type === 'dashRegular') {\n\t\treturn BodySecondary;\n\t}\n\tif (size === 'chip' || size === 'xs') {\n\t\treturn BodyCaption;\n\t} else if (size === 'small') {\n\t\treturn ButtonRegular;\n\t}\n\treturn ButtonLarge;\n};\n\nexport const getBorderColor = (\n\ttype: Type,\n\tinverse?: boolean,\n\terror?: boolean,\n): string => {\n\tif (error) {\n\t\treturn COLORS.stroke.negative.vibrant;\n\t}\n\n\tif (inverse) {\n\t\treturn COLORS.surface.standard;\n\t}\n\tif (type == 'secondary') {\n\t\treturn COLORS.stroke.brand;\n\t}\n\treturn COLORS.content.placeholder;\n};\n\nexport const getBorder = (\n\tversion: '1.0' | '2.0' | '3.0',\n\ttype: Type,\n\tsize: Size,\n\tinverse?: boolean,\n\terror?: boolean,\n): string => {\n\tif (type == 'text') {\n\t\treturn 'border: none;';\n\t}\n\tif (type === 'special') {\n\t\treturn `border: 1px solid ${COLORS.stroke.brandLightAlt};`;\n\t}\n\tif (type === 'secondaryGray') {\n\t\treturn `border: 1px solid ${COLORS.stroke.primary};`;\n\t}\n\tif (size === 'chip') {\n\t\treturn `border: ${version === '2.0' ? 0.5 : 1}px solid ${\n\t\t\tCOLORS.stroke.primary\n\t\t};`;\n\t}\n\tif (inverse) {\n\t\tif (type === 'secondary') {\n\t\t\treturn `border: ${version === '2.0' ? 0.5 : 1}px solid ${getBorderColor(\n\t\t\t\ttype,\n\t\t\t\tinverse,\n\t\t\t\terror,\n\t\t\t)};`;\n\t\t}\n\t\treturn 'border: none;';\n\t}\n\n\tif (type === 'secondary') {\n\t\treturn `border: ${version === '2.0' ? 0.5 : 1}px solid ${getBorderColor(\n\t\t\ttype,\n\t\t\tfalse,\n\t\t\terror,\n\t\t)};`;\n\t}\n\treturn 'border: none;';\n};\n\nexport const getLinearGradientValue = (size: Size): string => {\n\tif (size === 'medium') {\n\t\treturn `5px,\n\t\ttransparent 5px,\n\t\ttransparent 10px`;\n\t}\n\treturn `6px,\n\t\ttransparent 6px,\n\t\ttransparent 12px`;\n};\n\n/**\n * Adjusts the brightness of a given hex color by a specified percentage.\n * Below function is used to generate a hover effect for button backgrounds.\n *\n * @param {string} color - The hex color code to be adjusted (e.g., \"#ff0000\").\n * @param {number} percent - The percentage by which to darken the color. Positive values darken the color.\n * @returns {string} - The adjusted hex color code.\n *\n * @example\n * // Darken the color #ff0000 (red) by 10%\n * const darkerRed = getHoverButtonBackgroundCustom(\"#ff0000\", 10);\n * console.log(darkerRed); // Output might be \"#e60000\"\n */\n\nexport const getHoverButtonBackgroundCustom = (\n\tcolor: string,\n\tpercent: number,\n) => {\n\tconst num = parseInt(color.replace('#', ''), 16),\n\t\tamt = Math.round(2.55 * percent),\n\t\tR = (num >> 16) - amt,\n\t\tG = ((num >> 8) & 0x00ff) - amt,\n\t\tB = (num & 0x0000ff) - amt;\n\n\treturn `#${(\n\t\t0x1000000 +\n\t\t(Math.max(R, 0) << 16) +\n\t\t(Math.max(G, 0) << 8) +\n\t\tMath.max(B, 0)\n\t)\n\t\t.toString(16)\n\t\t.slice(1)}`;\n};\n\n/**\n * Generates a new color by adjusting the brightness of the given color by a specified percentage.\n *\n * @param color - The original color in hexadecimal format (e.g., \"#RRGGBB\").\n * @param percent - The percentage to adjust the brightness. Positive values will lighten the color, while negative values will darken it.\n * @returns The new color in hexadecimal format after adjusting the brightness.\n *\n * @example\n * // Lighten the color by 20%\n * const newColor = getLoadingButtonBackgroundCustom(\"#ff0000\", 20); // \"#ff3333\"\n *\n * @example\n * // Darken the color by 10%\n * const newColor = getLoadingButtonBackgroundCustom(\"#00ff00\", -10); // \"#00e600\"\n */\nexport const getLoadingButtonBackgroundCustom = (\n\tcolor: string,\n\tpercent: number,\n) => {\n\tconst num = parseInt(color.replace('#', ''), 16),\n\t\tamt = Math.round(2.55 * percent),\n\t\tR = (num >> 16) + amt,\n\t\tG = ((num >> 8) & 0x00ff) + amt,\n\t\tB = (num & 0x0000ff) + amt;\n\n\treturn `#${(\n\t\t0x1000000 +\n\t\t(Math.min(R, 255) << 16) +\n\t\t(Math.min(G, 255) << 8) +\n\t\tMath.min(B, 255)\n\t)\n\t\t.toString(16)\n\t\t.slice(1)}`;\n};\n\nexport const getHoverButtonBackground = (type: Type, inverse?: boolean) => {\n\tif (type === 'ai') {\n\t\treturn `background: ${COLORS.surface.aiLight};`;\n\t}\n\n\tif (type === 'text') {\n\t\treturn `background-color:transparent;`;\n\t}\n\tif (type === 'special' || type === 'secondaryGray') {\n\t\treturn '';\n\t}\n\tif (!inverse && type !== 'primary') {\n\t\treturn `background-color: #000000;\n\t\t\t\topacity: 0.03;`;\n\t}\n\n\treturn ``;\n};\n\nexport const getHoverButtonTextDecorationStyle = (\n\ttype: Type,\n\tdisabled?: boolean,\n) => {\n\tif (disabled) {\n\t\treturn '';\n\t}\n\treturn `text-decoration-line: underline;\n\t\t\ttext-decoration-color: ${COLORS.content.brand};`;\n};\n\nexport const generateInverseHoverBackground = (\n\ttype: Type,\n\tdisabled?: boolean,\n) => {\n\tif (disabled) {\n\t\treturn '';\n\t}\n\tif (type === 'primary') {\n\t\treturn `background-color: ${COLORS.stroke.warning.lightAlt};`;\n\t}\n\treturn `background-color: rgba(255, 255, 255, 0.1)`;\n};\n\nexport const generateDisabledStyling = (\n\ttype: Type,\n\tsize: Size,\n\tinverse?: boolean,\n) => {\n\tif (type === 'special') {\n\t\treturn `background-color: ${COLORS.background.base}; border: 1px solid ${COLORS.stroke.primary};`;\n\t}\n\tif (type === 'secondaryGray') {\n\t\treturn `border: 1px solid ${COLORS.stroke.primary};`;\n\t}\n\tif (size === 'chip') {\n\t\treturn `background-color: transparent;`;\n\t}\n\tif (type === 'primary' || type === 'destructive') {\n\t\treturn inverse\n\t\t\t? 'background-color: rgba(255,255,255,0.3);'\n\t\t\t: `background-color: ${COLORS.background.inactive};`;\n\t} else if (type === 'secondary') {\n\t\treturn inverse\n\t\t\t? `border: 1px solid rgba(255, 255, 255, 0.5);`\n\t\t\t: `border: 1px solid ${COLORS.stroke.primary};`;\n\t}\n\treturn '';\n};\n\nexport const getDashedBorderStyling = (\n\ttype: Type,\n\tsize: Size,\n\tborderColor: string = getBorderColor(type, false),\n) => {\n\treturn `\n\t.line-top {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\theight: 1px;\n\t\twidth: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto right,\n\t\t\t${borderColor},\n\t\t\t${borderColor}\n\t\t\t\t${getLinearGradientValue(size)}\n\t\t);\n\t}\n\t.line-right {\n\t\tposition: absolute;\n\t\tright: 0;\n\t\ttop: 0;\n\t\twidth: 1px;\n\t\theight: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto bottom,\n\t\t\t${borderColor},\n\t\t\t${borderColor}\n\t\t\t\t${getLinearGradientValue(size)}\n\t\t);\n\t}\n\t.line-bottom {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\tbottom: 0;\n\t\theight: 1px;\n\t\twidth: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto right,\n\t\t\t${borderColor},\n\t\t\t${borderColor}\n\t\t\t\t${getLinearGradientValue(size)}\n\t\t);\n\t}\n\t.line-left {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\twidth: 1px;\n\t\theight: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto bottom,\n\t\t\t${borderColor},\n\t\t\t${borderColor}\n\t\t\t\t${getLinearGradientValue(size)}\n\t\t);\n\t}\n\t`;\n};\n\nexport const getClickEffect = (type: Type, size: Size, inverse?: boolean) => {\n\tif (type === 'text') {\n\t\treturn `background-color: ${COLORS.background.brandLight};\n\t\t\ttext-decoration-line: underline;\n\t\t\ttext-decoration-color: ${COLORS.content.brand};`;\n\t}\n\tif (type === 'special') {\n\t\treturn `background-color: ${COLORS.background.brandLight}; border: 1px solid ${COLORS.stroke.brandLightAlt};`;\n\t}\n\tif (type === 'secondaryGray') {\n\t\treturn `background-color: ${COLORS.surface.hovered}; border: 1px solid ${COLORS.stroke.primary};`;\n\t}\n\tif (size === 'chip') {\n\t\treturn `border: 1px solid ${COLORS.stroke.brandLightAlt};\n\t\tbackground-color: ${COLORS.background.brandLight};`;\n\t}\n\tif (type === 'primary' || type === 'destructive') {\n\t\tif (inverse) {\n\t\t\treturn `background-color: ${COLORS.background.warning.vibrant} !important;\n\t\t\tbox-shadow: inset 0px 4px 12px rgba(0, 0, 0, 0.35);\n\t\t\t`;\n\t\t}\n\t\treturn 'box-shadow: inset 0px 4px 12px rgba(0, 0, 0, 0.35);';\n\t} else if (\n\t\ttype === 'secondary' ||\n\t\ttype === 'tertiary' ||\n\t\ttype === 'tertiaryGray' ||\n\t\ttype.startsWith('dash')\n\t) {\n\t\treturn inverse\n\t\t\t? `background-color: ${COLORS.background.inverseLight} !important;`\n\t\t\t: `background-color: ${COLORS.background.brandLight};`;\n\t}\n};\nexport const getLoadingBackground = (\n\ttype: Type,\n\tsize: Size,\n\tinverse?: boolean,\n\tbuttonColor?: string,\n) => {\n\tif (type === 'special') {\n\t\treturn `background-color: ${COLORS.background.brandVeryLight};`;\n\t}\n\tif (type === 'secondaryGray') {\n\t\treturn `background-color: ${COLORS.surface.subdued};`;\n\t}\n\tif (size === 'chip') {\n\t\treturn `background-color: ${COLORS.background.base};`;\n\t}\n\tif (type === 'primary') {\n\t\tif (buttonColor) {\n\t\t\treturn `background-color: ${getLoadingButtonBackgroundCustom(\n\t\t\t\tbuttonColor,\n\t\t\t\t50,\n\t\t\t)};`;\n\t\t}\n\t\treturn `background-color: ${\n\t\t\tinverse ? COLORS.background.warning.vibrant : COLORS.background.brandLight\n\t\t};`;\n\t}\n\tif (type === 'destructive') {\n\t\treturn `background-color: ${COLORS.background.negative.light};`;\n\t}\n\treturn 'background-color: transparent;';\n};\n\nexport const getLoadingBorder = (type: Type, size: Size, inverse?: boolean) => {\n\tif (type === 'special') {\n\t\treturn `border: 1px solid ${COLORS.stroke.brandLightAlt};`;\n\t}\n\tif (type === 'secondaryGray') {\n\t\treturn `border: 1px solid ${COLORS.stroke.primary};`;\n\t}\n\tif (size === 'chip') {\n\t\treturn `border: none;`;\n\t}\n\tif (type === 'secondary') {\n\t\treturn inverse\n\t\t\t? `border: 1px solid ${COLORS.content.secondary};`\n\t\t\t: `border: 1px solid ${COLORS.stroke.brandLightAlt};`;\n\t}\n\treturn '';\n};\n\nexport const SpinnerColorMap = (type: Type, inverse?: boolean) => {\n\tif (type === 'secondaryGray') return COLORS.content.secondary;\n\tif (inverse) {\n\t\tif (type === 'primary') {\n\t\t\treturn COLORS.content.primary;\n\t\t}\n\t\treturn COLORS.content.primaryInverse;\n\t}\n\tif (type === 'destructive') {\n\t\treturn COLORS.content.negative;\n\t}\n\treturn COLORS.content.brand;\n};\n\nexport const getButtonIconColor = (\n\tsize: Size,\n\ttype: Type,\n\tinverse?: boolean,\n\tdisabled?: boolean,\n\tisLoading?: boolean,\n\tdarkMode?: boolean,\n) => {\n\tif (size === 'chip') {\n\t\tif (disabled) {\n\t\t\treturn COLORS.content.inactive;\n\t\t} else if (darkMode) {\n\t\t\treturn COLORS.content.primary;\n\t\t}\n\t\treturn COLORS.content.secondary;\n\t}\n\tif (isLoading) {\n\t\treturn 'transparent';\n\t}\n\tif (type === 'special') {\n\t\treturn disabled ? COLORS.content.inactive : COLORS.background.inverseLight;\n\t}\n\tif (type === 'secondaryGray') {\n\t\treturn disabled ? COLORS.content.inactive : COLORS.content.secondary;\n\t}\n\tif (type === 'primary' || type === 'destructive') {\n\t\tif (inverse) {\n\t\t\tif (disabled) {\n\t\t\t\treturn 'rgba(255, 255, 255, 0.5)';\n\t\t\t}\n\t\t\treturn COLORS.content.primary;\n\t\t}\n\t\tif (disabled) {\n\t\t\treturn COLORS.content.inactive;\n\t\t}\n\t\treturn COLORS.content.primaryInverse;\n\t} else if (type === 'secondary') {\n\t\tif (inverse) {\n\t\t\tif (disabled) {\n\t\t\t\treturn 'rgba(255, 255, 255, 0.5)';\n\t\t\t}\n\t\t\treturn COLORS.content.primaryInverse;\n\t\t}\n\t\tif (disabled) {\n\t\t\treturn COLORS.content.inactive;\n\t\t}\n\t\treturn COLORS.content.brand;\n\t} else if (type === 'tertiary') {\n\t\tif (inverse) {\n\t\t\tif (disabled) {\n\t\t\t\treturn 'rgba(255, 255, 255, 0.5)';\n\t\t\t}\n\t\t\treturn COLORS.content.primaryInverse;\n\t\t}\n\t\tif (disabled) {\n\t\t\treturn COLORS.content.inactive;\n\t\t}\n\t\treturn COLORS.content.brand;\n\t} else if (type === 'tertiaryGray' || type.startsWith('dash')) {\n\t\tif (disabled) {\n\t\t\treturn COLORS.content.inactive;\n\t\t}\n\t\treturn COLORS.content.secondary;\n\t}\n};\n"],"names":["getBackgroundColor","type","size","inverse","darkMode","buttonColor","COLORS","getColor","getDisabledTextColor","getPadding","GetButtonTextComponent","disabled","ButtonRegularAI","ButtonLargeAI","BodySecondary","BodyCaption","ButtonRegular","ButtonLarge","getBorderColor","error","getBorder","version","getLinearGradientValue","getHoverButtonBackgroundCustom","color","percent","num","amt","R","G","B","getLoadingButtonBackgroundCustom","getHoverButtonBackground","getHoverButtonTextDecorationStyle","generateInverseHoverBackground","generateDisabledStyling","getDashedBorderStyling","borderColor","getClickEffect","getLoadingBackground","getLoadingBorder","SpinnerColorMap","getButtonIconColor","isLoading"],"mappings":"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"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import
|
|
1
|
+
import r, { css as i } from "styled-components";
|
|
2
|
+
import { rgba as t } from "../../utils/rgba.js";
|
|
2
3
|
import { COLORS as o } from "../../constants/Theme.js";
|
|
3
|
-
const
|
|
4
|
+
const c = r.div`
|
|
4
5
|
display: inline-flex;
|
|
5
6
|
gap: 8px;
|
|
6
7
|
align-items: center;
|
|
@@ -10,16 +11,15 @@ const s = t.div`
|
|
|
10
11
|
background: ${o.surface.subdued};
|
|
11
12
|
}
|
|
12
13
|
`}
|
|
13
|
-
`, n =
|
|
14
|
-
width: ${(e) => e.size === "
|
|
15
|
-
height: ${(e) => e.size === "
|
|
14
|
+
`, n = r.div`
|
|
15
|
+
width: ${(e) => e.size === "XS" ? 12 : e.size === "SMALL" ? 16 : 18}px;
|
|
16
|
+
height: ${(e) => e.size === "XS" ? 12 : e.size === "SMALL" ? 16 : 18}px;
|
|
16
17
|
border-radius: 4px;
|
|
17
18
|
border: 2px solid black;
|
|
18
19
|
display: flex;
|
|
19
20
|
justify-content: center;
|
|
20
21
|
align-items: center;
|
|
21
|
-
|
|
22
|
-
box-sizing: ${(e) => e.size === "XS" ? "border-box" : "content-box"};
|
|
22
|
+
box-sizing: border-box;
|
|
23
23
|
${(e) => e.isDisabled ? i`
|
|
24
24
|
border: ${e.size === "DEFAULT" ? 2 : 1.5}px solid
|
|
25
25
|
${o.content.inactive};
|
|
@@ -29,20 +29,18 @@ const s = t.div`
|
|
|
29
29
|
`}
|
|
30
30
|
${(e) => e.checked && i`
|
|
31
31
|
border: 0px;
|
|
32
|
-
width: ${e.size === "XS" ? 12 : 18}px;
|
|
33
|
-
height: ${e.size === "XS" ? 12 : 18}px;
|
|
34
32
|
`}
|
|
35
33
|
${(e) => e.hovered && i`
|
|
36
34
|
outline: 3px solid ${o.surface.hovered};
|
|
37
35
|
`}
|
|
38
36
|
${(e) => e.clicked && !e.isDisabled && i`
|
|
39
37
|
outline: 3px solid
|
|
40
|
-
${e.checked ? e.activeColor
|
|
38
|
+
${e.checked ? e.activeColor ? t(e.activeColor, 0.24) : o.stroke.positive.lightAlt : o.surface.hovered};
|
|
41
39
|
outline-offset: 2px;
|
|
42
40
|
`}
|
|
43
41
|
`;
|
|
44
42
|
export {
|
|
45
|
-
|
|
43
|
+
c as CheckboxContainer,
|
|
46
44
|
n as CheckboxIcon
|
|
47
45
|
};
|
|
48
46
|
//# sourceMappingURL=CheckBox.styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckBox.styled.js","sources":["../../../../src/components/checkBox/CheckBox.styled.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const CheckboxContainer = styled.div<{\n\tisDisabled?: boolean;\n\tenableHover?: boolean;\n}>`\n\tdisplay: inline-flex;\n\tgap: 8px;\n\talign-items: center;\n\tcursor: ${(props) => (props.isDisabled ? 'default' : 'pointer')};\n\t${(props) =>\n\t\tprops.enableHover &&\n\t\tcss`\n\t\t\t:hover {\n\t\t\t\tbackground: ${COLORS.surface.subdued};\n\t\t\t}\n\t\t`}\n`;\n\nexport const CheckboxIcon = styled.div<{\n\tchecked: boolean;\n\thovered: boolean;\n\tclicked: boolean;\n\tisDisabled: boolean;\n\tsize?: 'SMALL' | 'DEFAULT' | 'XS';\n\tborderColor?: string;\n\tactiveColor?: string;\n}>`\n\twidth: ${(props)
|
|
1
|
+
{"version":3,"file":"CheckBox.styled.js","sources":["../../../../src/components/checkBox/CheckBox.styled.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { rgba } from '@src/utils/rgba';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const CheckboxContainer = styled.div<{\n\tisDisabled?: boolean;\n\tenableHover?: boolean;\n}>`\n\tdisplay: inline-flex;\n\tgap: 8px;\n\talign-items: center;\n\tcursor: ${(props) => (props.isDisabled ? 'default' : 'pointer')};\n\t${(props) =>\n\t\tprops.enableHover &&\n\t\tcss`\n\t\t\t:hover {\n\t\t\t\tbackground: ${COLORS.surface.subdued};\n\t\t\t}\n\t\t`}\n`;\n\nexport const CheckboxIcon = styled.div<{\n\tchecked: boolean;\n\thovered: boolean;\n\tclicked: boolean;\n\tisDisabled: boolean;\n\tsize?: 'SMALL' | 'DEFAULT' | 'XS';\n\tborderColor?: string;\n\tactiveColor?: string;\n}>`\n\twidth: ${(props) =>\n\t\tprops.size === 'XS' ? 12 : props.size === 'SMALL' ? 16 : 18}px;\n\theight: ${(props) =>\n\t\tprops.size === 'XS' ? 12 : props.size === 'SMALL' ? 16 : 18}px;\n\tborder-radius: 4px;\n\tborder: 2px solid black;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\t${(props) =>\n\t\tprops.isDisabled\n\t\t\t? css`\n\t\t\t\t\tborder: ${props.size === 'DEFAULT' ? 2 : 1.5}px solid\n\t\t\t\t\t\t${COLORS.content.inactive};\n\t\t\t `\n\t\t\t: css`\n\t\t\t\t\tborder: ${props.size === 'DEFAULT' ? 2 : 1.5}px solid\n\t\t\t\t\t\t${props.borderColor ?? 'black'};\n\t\t\t `}\n\t${(props) =>\n\t\tprops.checked &&\n\t\tcss`\n\t\t\tborder: 0px;\n\t\t`}\n\t${(props) =>\n\t\tprops.hovered &&\n\t\tcss`\n\t\t\toutline: 3px solid ${COLORS.surface.hovered};\n\t\t`}\n\t${(props) =>\n\t\tprops.clicked &&\n\t\t!props.isDisabled &&\n\t\tcss`\n\t\t\toutline: 3px solid\n\t\t\t\t${props.checked\n\t\t\t\t\t? props.activeColor\n\t\t\t\t\t\t? rgba(props.activeColor, 0.24)\n\t\t\t\t\t\t: COLORS.stroke.positive.lightAlt\n\t\t\t\t\t: COLORS.surface.hovered};\n\t\t\toutline-offset: 2px;\n\t\t`}\n`;\n"],"names":["CheckboxContainer","styled","props","css","COLORS","CheckboxIcon","rgba"],"mappings":";;;AAIO,MAAMA,IAAoBC,EAAO;AAAA;AAAA;AAAA;AAAA,WAO7B,CAACC,MAAWA,EAAM,aAAa,YAAY,SAAU;AAAA,GAC7D,CAACA,MACFA,EAAM,eACNC;AAAA;AAAA,kBAEgBC,EAAO,QAAQ,OAAO;AAAA;AAAA,GAErC;AAAA,GAGUC,IAAeJ,EAAO;AAAA,UASzB,CAACC,MACTA,EAAM,SAAS,OAAO,KAAKA,EAAM,SAAS,UAAU,KAAK,EAAE;AAAA,WAClD,CAACA,MACVA,EAAM,SAAS,OAAO,KAAKA,EAAM,SAAS,UAAU,KAAK,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAO1D,CAACA,MACFA,EAAM,aACHC;AAAA,eACUD,EAAM,SAAS,YAAY,IAAI,GAAG;AAAA,QACzCE,EAAO,QAAQ,QAAQ;AAAA,SAE1BD;AAAA,eACUD,EAAM,SAAS,YAAY,IAAI,GAAG;AAAA,QACzCA,EAAM,eAAe,OAAO;AAAA,MAC9B;AAAA,GACH,CAACA,MACFA,EAAM,WACNC;AAAA;AAAA,GAEC;AAAA,GACA,CAACD,MACFA,EAAM,WACNC;AAAA,wBACsBC,EAAO,QAAQ,OAAO;AAAA,GAC3C;AAAA,GACA,CAACF,MACFA,EAAM,WACN,CAACA,EAAM,cACPC;AAAA;AAAA,MAEID,EAAM,UACLA,EAAM,cACLI,EAAKJ,EAAM,aAAa,IAAI,IAC5BE,EAAO,OAAO,SAAS,WACxBA,EAAO,QAAQ,OAAO;AAAA;AAAA,GAE1B;AAAA;"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { useState as
|
|
3
|
-
import { WhatsNewButton as
|
|
4
|
-
import { WhatsNewPanel as
|
|
5
|
-
import { useWhatsNewContext as
|
|
6
|
-
const
|
|
1
|
+
import { jsxs as g, Fragment as S, jsx as s } from "react/jsx-runtime";
|
|
2
|
+
import { useState as b } from "react";
|
|
3
|
+
import { WhatsNewButton as j } from "./WhatsNewButton.js";
|
|
4
|
+
import { WhatsNewPanel as I } from "./WhatsNewPanel.js";
|
|
5
|
+
import { useWhatsNewContext as y } from "./WhatsNewProvider.js";
|
|
6
|
+
const A = ({
|
|
7
7
|
title: a = "What's new",
|
|
8
8
|
tooltip: r = "What's new",
|
|
9
9
|
searchPlaceholder: h = "Search posts",
|
|
@@ -18,15 +18,16 @@ const z = ({
|
|
|
18
18
|
iconHeight: d = 24,
|
|
19
19
|
iconColor: u,
|
|
20
20
|
iconPadding: f,
|
|
21
|
-
|
|
21
|
+
buttonSize: N,
|
|
22
|
+
customIcon: W
|
|
22
23
|
}) => {
|
|
23
|
-
const [t, n] =
|
|
24
|
-
return /* @__PURE__ */
|
|
24
|
+
const [t, n] = b(!1), { whatsNewContent: k, isLoading: o, newContentCount: x } = y();
|
|
25
|
+
return /* @__PURE__ */ g(S, { children: [
|
|
25
26
|
/* @__PURE__ */ s(
|
|
26
|
-
|
|
27
|
+
j,
|
|
27
28
|
{
|
|
28
29
|
onClick: () => n(!0),
|
|
29
|
-
newContentCount:
|
|
30
|
+
newContentCount: x,
|
|
30
31
|
isOpen: t,
|
|
31
32
|
isLoading: o,
|
|
32
33
|
tooltip: r,
|
|
@@ -35,15 +36,16 @@ const z = ({
|
|
|
35
36
|
iconHeight: d,
|
|
36
37
|
iconColor: u,
|
|
37
38
|
iconPadding: f,
|
|
38
|
-
|
|
39
|
+
buttonSize: N,
|
|
40
|
+
customIcon: W
|
|
39
41
|
}
|
|
40
42
|
),
|
|
41
43
|
/* @__PURE__ */ s(
|
|
42
|
-
|
|
44
|
+
I,
|
|
43
45
|
{
|
|
44
46
|
isOpen: t,
|
|
45
47
|
onClose: () => n(!1),
|
|
46
|
-
content:
|
|
48
|
+
content: k,
|
|
47
49
|
isLoading: o,
|
|
48
50
|
title: a,
|
|
49
51
|
searchPlaceholder: h,
|
|
@@ -51,8 +53,8 @@ const z = ({
|
|
|
51
53
|
emptyStateDescription: c,
|
|
52
54
|
noResultsText: i,
|
|
53
55
|
width: m,
|
|
54
|
-
onContentClick: (
|
|
55
|
-
e && e(
|
|
56
|
+
onContentClick: (O) => {
|
|
57
|
+
e && e(O);
|
|
56
58
|
},
|
|
57
59
|
renderCustomContent: p
|
|
58
60
|
}
|
|
@@ -60,6 +62,6 @@ const z = ({
|
|
|
60
62
|
] });
|
|
61
63
|
};
|
|
62
64
|
export {
|
|
63
|
-
|
|
65
|
+
A as WhatsNew
|
|
64
66
|
};
|
|
65
67
|
//# sourceMappingURL=WhatsNew.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WhatsNew.js","sources":["../../../../src/components/whats-new/WhatsNew.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { WhatsNewContent } from './WhatsNew.types';\nimport { WhatsNewButton } from './WhatsNewButton';\nimport { WhatsNewPanel } from './WhatsNewPanel';\nimport { useWhatsNewContext } from './WhatsNewProvider';\n\ninterface WhatsNewProps {\n\ttitle?: string;\n\ttooltip?: string;\n\tsearchPlaceholder?: string;\n\temptyStateTitle?: string;\n\temptyStateDescription?: string;\n\tnoResultsText?: string;\n\twidth?: string;\n\tonContentClick?: (content: WhatsNewContent) => void;\n\trenderCustomContent?: (content: WhatsNewContent) => React.ReactNode;\n\tbuttonTestId?: string;\n\ticonWidth?: number;\n\ticonHeight?: number;\n\ticonColor?: string;\n\ticonPadding?: number;\n\tcustomIcon?: React.ComponentType<{\n\t\twidth?: number;\n\t\theight?: number;\n\t\tcolor?: string;\n\t}>;\n}\n\nexport const WhatsNew: React.FC<WhatsNewProps> = ({\n\ttitle = \"What's new\",\n\ttooltip = \"What's new\",\n\tsearchPlaceholder = 'Search posts',\n\temptyStateTitle = 'Nothing new!',\n\temptyStateDescription = 'There are no new updates or features at the moment. Check back soon!',\n\tnoResultsText = 'Sorry, no results found.',\n\twidth = '480px',\n\tonContentClick,\n\trenderCustomContent,\n\tbuttonTestId = 'whats-new-button',\n\ticonWidth = 24,\n\ticonHeight = 24,\n\ticonColor,\n\ticonPadding,\n\tcustomIcon,\n}) => {\n\tconst [isOpen, setIsOpen] = useState(false);\n\tconst { whatsNewContent, isLoading, newContentCount } = useWhatsNewContext();\n\n\tconst handleOpen = () => setIsOpen(true);\n\tconst handleClose = () => setIsOpen(false);\n\n\tconst handleContentClick = (contentItem: WhatsNewContent) => {\n\t\t// WhatsNewPanel handles video/redirect logic directly\n\t\t// This handler is only for parent-level analytics/tracking\n\n\t\tif (onContentClick) {\n\t\t\tonContentClick(contentItem);\n\t\t}\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<WhatsNewButton\n\t\t\t\tonClick={handleOpen}\n\t\t\t\tnewContentCount={newContentCount}\n\t\t\t\tisOpen={isOpen}\n\t\t\t\tisLoading={isLoading}\n\t\t\t\ttooltip={tooltip}\n\t\t\t\ttestId={buttonTestId}\n\t\t\t\ticonWidth={iconWidth}\n\t\t\t\ticonHeight={iconHeight}\n\t\t\t\ticonColor={iconColor}\n\t\t\t\ticonPadding={iconPadding}\n\t\t\t\tcustomIcon={customIcon}\n\t\t\t/>\n\t\t\t<WhatsNewPanel\n\t\t\t\tisOpen={isOpen}\n\t\t\t\tonClose={handleClose}\n\t\t\t\tcontent={whatsNewContent}\n\t\t\t\tisLoading={isLoading}\n\t\t\t\ttitle={title}\n\t\t\t\tsearchPlaceholder={searchPlaceholder}\n\t\t\t\temptyStateTitle={emptyStateTitle}\n\t\t\t\temptyStateDescription={emptyStateDescription}\n\t\t\t\tnoResultsText={noResultsText}\n\t\t\t\twidth={width}\n\t\t\t\tonContentClick={handleContentClick}\n\t\t\t\trenderCustomContent={renderCustomContent}\n\t\t\t/>\n\t\t</>\n\t);\n};\n"],"names":["WhatsNew","title","tooltip","searchPlaceholder","emptyStateTitle","emptyStateDescription","noResultsText","width","onContentClick","renderCustomContent","buttonTestId","iconWidth","iconHeight","iconColor","iconPadding","customIcon","isOpen","setIsOpen","useState","whatsNewContent","isLoading","newContentCount","useWhatsNewContext","jsxs","Fragment","jsx","WhatsNewButton","WhatsNewPanel","contentItem"],"mappings":";;;;;
|
|
1
|
+
{"version":3,"file":"WhatsNew.js","sources":["../../../../src/components/whats-new/WhatsNew.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { WhatsNewContent } from './WhatsNew.types';\nimport { WhatsNewButton } from './WhatsNewButton';\nimport { WhatsNewPanel } from './WhatsNewPanel';\nimport { useWhatsNewContext } from './WhatsNewProvider';\n\ninterface WhatsNewProps {\n\ttitle?: string;\n\ttooltip?: string;\n\tsearchPlaceholder?: string;\n\temptyStateTitle?: string;\n\temptyStateDescription?: string;\n\tnoResultsText?: string;\n\twidth?: string;\n\tonContentClick?: (content: WhatsNewContent) => void;\n\trenderCustomContent?: (content: WhatsNewContent) => React.ReactNode;\n\tbuttonTestId?: string;\n\ticonWidth?: number;\n\ticonHeight?: number;\n\ticonColor?: string;\n\ticonPadding?: number;\n\tbuttonSize?: number;\n\tcustomIcon?: React.ComponentType<{\n\t\twidth?: number;\n\t\theight?: number;\n\t\tcolor?: string;\n\t}>;\n}\n\nexport const WhatsNew: React.FC<WhatsNewProps> = ({\n\ttitle = \"What's new\",\n\ttooltip = \"What's new\",\n\tsearchPlaceholder = 'Search posts',\n\temptyStateTitle = 'Nothing new!',\n\temptyStateDescription = 'There are no new updates or features at the moment. Check back soon!',\n\tnoResultsText = 'Sorry, no results found.',\n\twidth = '480px',\n\tonContentClick,\n\trenderCustomContent,\n\tbuttonTestId = 'whats-new-button',\n\ticonWidth = 24,\n\ticonHeight = 24,\n\ticonColor,\n\ticonPadding,\n\tbuttonSize,\n\tcustomIcon,\n}) => {\n\tconst [isOpen, setIsOpen] = useState(false);\n\tconst { whatsNewContent, isLoading, newContentCount } = useWhatsNewContext();\n\n\tconst handleOpen = () => setIsOpen(true);\n\tconst handleClose = () => setIsOpen(false);\n\n\tconst handleContentClick = (contentItem: WhatsNewContent) => {\n\t\t// WhatsNewPanel handles video/redirect logic directly\n\t\t// This handler is only for parent-level analytics/tracking\n\n\t\tif (onContentClick) {\n\t\t\tonContentClick(contentItem);\n\t\t}\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<WhatsNewButton\n\t\t\t\tonClick={handleOpen}\n\t\t\t\tnewContentCount={newContentCount}\n\t\t\t\tisOpen={isOpen}\n\t\t\t\tisLoading={isLoading}\n\t\t\t\ttooltip={tooltip}\n\t\t\t\ttestId={buttonTestId}\n\t\t\t\ticonWidth={iconWidth}\n\t\t\t\ticonHeight={iconHeight}\n\t\t\t\ticonColor={iconColor}\n\t\t\t\ticonPadding={iconPadding}\n\t\t\t\tbuttonSize={buttonSize}\n\t\t\t\tcustomIcon={customIcon}\n\t\t\t/>\n\t\t\t<WhatsNewPanel\n\t\t\t\tisOpen={isOpen}\n\t\t\t\tonClose={handleClose}\n\t\t\t\tcontent={whatsNewContent}\n\t\t\t\tisLoading={isLoading}\n\t\t\t\ttitle={title}\n\t\t\t\tsearchPlaceholder={searchPlaceholder}\n\t\t\t\temptyStateTitle={emptyStateTitle}\n\t\t\t\temptyStateDescription={emptyStateDescription}\n\t\t\t\tnoResultsText={noResultsText}\n\t\t\t\twidth={width}\n\t\t\t\tonContentClick={handleContentClick}\n\t\t\t\trenderCustomContent={renderCustomContent}\n\t\t\t/>\n\t\t</>\n\t);\n};\n"],"names":["WhatsNew","title","tooltip","searchPlaceholder","emptyStateTitle","emptyStateDescription","noResultsText","width","onContentClick","renderCustomContent","buttonTestId","iconWidth","iconHeight","iconColor","iconPadding","buttonSize","customIcon","isOpen","setIsOpen","useState","whatsNewContent","isLoading","newContentCount","useWhatsNewContext","jsxs","Fragment","jsx","WhatsNewButton","WhatsNewPanel","contentItem"],"mappings":";;;;;AA6BO,MAAMA,IAAoC,CAAC;AAAA,EACjD,OAAAC,IAAQ;AAAA,EACR,SAAAC,IAAU;AAAA,EACV,mBAAAC,IAAoB;AAAA,EACpB,iBAAAC,IAAkB;AAAA,EAClB,uBAAAC,IAAwB;AAAA,EACxB,eAAAC,IAAgB;AAAA,EAChB,OAAAC,IAAQ;AAAA,EACR,gBAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,WAAAC,IAAY;AAAA,EACZ,YAAAC,IAAa;AAAA,EACb,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AACD,MAAM;AACL,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK,GACpC,EAAE,iBAAAC,GAAiB,WAAAC,GAAW,iBAAAC,EAAA,IAAoBC,EAAA;AAcxD,SACC,gBAAAC,EAAAC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACA,SAfgB,MAAMT,EAAU,EAAI;AAAA,QAgBpC,iBAAAI;AAAA,QACA,QAAAL;AAAA,QACA,WAAAI;AAAA,QACA,SAAAnB;AAAA,QACA,QAAQQ;AAAA,QACR,WAAAC;AAAA,QACA,YAAAC;AAAA,QACA,WAAAC;AAAA,QACA,aAAAC;AAAA,QACA,YAAAC;AAAA,QACA,YAAAC;AAAA,MAAA;AAAA,IAAA;AAAA,IAED,gBAAAU;AAAA,MAACE;AAAA,MAAA;AAAA,QACA,QAAAX;AAAA,QACA,SA7BiB,MAAMC,EAAU,EAAK;AAAA,QA8BtC,SAASE;AAAA,QACT,WAAAC;AAAA,QACA,OAAApB;AAAA,QACA,mBAAAE;AAAA,QACA,iBAAAC;AAAA,QACA,uBAAAC;AAAA,QACA,eAAAC;AAAA,QACA,OAAAC;AAAA,QACA,gBApCwB,CAACsB,MAAiC;AAI5D,UAAIrB,KACHA,EAAeqB,CAAW;AAAA,QAE5B;AAAA,QA8BG,qBAAApB;AAAA,MAAA;AAAA,IAAA;AAAA,EACD,GACD;AAEF;"}
|