@gdsc-dju/styled-components
Version:
GDSC-DJU Design System Component package for styled-components
2 lines (1 loc) • 23.9 kB
JavaScript
import n,{useEffect as e,useContext as t,useState as r,forwardRef as o}from"react";import{Link as i,useLocation as l}from"react-router-dom";import c,{css as a,useTheme as u,keyframes as s}from"styled-components";import{isColorToken as d,DarkModeContext as f}from"@gdsc-dju/styled-components-theme";function m(){return(m=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t,r=arguments[e];for(t in r)Object.prototype.hasOwnProperty.call(r,t)&&(n[t]=r[t])}return n}).apply(this,arguments)}function p(n,e){if(null==n)return{};var t,r=function(n,e){if(null==n)return{};for(var t,r={},o=Object.keys(n),i=0;i<o.length;i++)t=o[i],0<=e.indexOf(t)||(r[t]=n[t]);return r}(n,e);if(Object.getOwnPropertySymbols)for(var o=Object.getOwnPropertySymbols(n),i=0;i<o.length;i++)t=o[i],0<=e.indexOf(t)||Object.prototype.propertyIsEnumerable.call(n,t)&&(r[t]=n[t]);return r}function h(n,e){return e=e||n.slice(0),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function g(n,e){return function(n){if(Array.isArray(n))return n}(n)||function(n,e){var t=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=t){var r,o,i=[],l=!0,c=!1;try{for(t=t.call(n);!(l=(r=t.next()).done)&&(i.push(r.value),!e||i.length!==e);l=!0);}catch(n){c=!0,o=n}finally{try{l||null==t.return||t.return()}finally{if(c)throw o}}return i}}(n,e)||function(n,e){var t;if(n)return"string"==typeof n?x(n,e):"Map"===(t="Object"===(t=Object.prototype.toString.call(n).slice(8,-1))&&n.constructor?n.constructor.name:t)||"Set"===t?Array.from(n):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?x(n,e):void 0}(n,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function x(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,r=new Array(e);t<e;t++)r[t]=n[t];return r}var b,w,y,v,C,E,z,M,k,S,j,O,I,L,A,B,F,P,D,T,H,W,X,N,V,_,G,U,q,Z,J,Y,$,K,Q,R,nn,en,tn,rn,on,ln,cn,an,un,sn,dn,fn,mn,pn,hn,gn,xn,bn,wn,yn,vn,Cn,En,zn,Mn=c.nav(b=b||h(["\n height: 70px;\n position: fixed;\n top: 0;\n z-index: 90;\n background: ",";\n box-shadow: 0 4px 30px ",";\n width: 100vw;\n display: flex;\n"]),(function(n){return n.theme.colors.background}),(function(n){return n.theme.colors.boxShadow100})),kn=c.div(w=w||h(["\n display: flex;\n height: 70px;\n width: 100vw;\n align-items: center;\n position: absolute;\n"])),Sn=c.div(y=y||h(["\n width: 92%;\n margin: 0 auto;\n display: flex;\n position: relative;\n flex-direction: row;\n"])),jn=c.div(v=v||h(["\n width: 92%;\n margin: 0 auto;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n"])),On=c.div(C=C||h(["\n z-index: 999;\n display: flex;\n flex-direction: row;\n"])),In=c.ul(E=E||h(["\n display: flex;\n flex: 1;\n align-items: center;\n list-style: none;\n padding-left: 0;\n gap: 10px;\n position: relative;\n"])),Ln=c.ul(z=z||h(["\n margin-left: 20px;\n display: none;\n flex-direction: row;\n @media (min-width: 800px) {\n display: flex;\n } ;\n"])),An=c.li(M=M||h(["\n display: flex;\n align-items: center;\n transition: all 0.2s ease-in-out;\n border-radius: 8px;\n margin-left: 0;\n &:first-child {\n margin-left: 16px;\n }\n cursor: pointer;\n ","\n"]),(function(n){var e=n.color;return e&&d(e)?a(k=k||h(["\n &:hover {\n color: ",";\n background-color: ",";\n backdrop-filter: blur(10px);\n text-decoration: none;\n }\n "]),(function(n){return n.theme.colors[e]}),(function(n){return n.theme.colors.grey100})):a(S=S||h(["\n &:hover {\n color: ",";\n background-color: ",";\n backdrop-filter: blur(10px);\n text-decoration: none;\n }\n "]),e,(function(n){return n.theme.colors.grey100}))})),Bn=c(i)(j=j||h(["\n padding: 10px 15px;\n list-style: none;\n font-size: ",";\n color: ",";\n transition: all 0.2s ease-in-out;\n text-decoration: none;\n text-transform: capitalize;\n ",";\n"]),(function(n){return n.theme.fontSizes.textM}),(function(n){return n.theme.colors.grey700}),(function(n){var e=n.active,t=n.color;return e&&t&&d(t)?a(O=O||h(["\n color: ",";\n "]),(function(n){return n.theme.colors[t]})):a(I=I||h(["\n color: ",";\n "]),t)})),Fn=c.div(L=L||h(["\n cursor: pointer;\n ",";\n ",";\n ",";\n z-index: 999;\n display: flex;\n align-items: center;\n justify-content: center;\n ","\n"]),(function(n){return"left"===n.position&&a(A=A||h(["\n margin-right: 50px;\n @media (max-width: 600px) {\n margin-right: 20px;\n }\n "]))}),(function(n){return"left-mobile-only"===n.position&&a(B=B||h(["\n margin-right: 20px;\n "]))}),(function(n){return("right"===(n=n.position)||"right-mobile-only"===n)&&a(F=F||h(["\n margin-left: 10px;\n "]))}),(function(n){return("left-mobile-only"==(n=n.position)||"right-mobile-only"==n)&&a(P=P||h(["\n @media (min-width: 800px) {\n display: none;\n }\n "]))})),Pn=c.svg(D=D||h(["\n display: flex;\n align-items: center;\n justify-content: center;\n"])),Dn=c.path(T=T||h(["\n transition: 0.3s;\n"])),Tn=c.path(H=H||h(["\n ","\n transition: 0.3s;\n"]),(function(n){return n=n.isActive,a(n?W=W||h(["\n opacity: 0;\n "]):X=X||h(["\n opacity: 1;\n "]))})),Hn=function(e){e=e.isMenuOpen;var t=u();return n.createElement(Pn,{width:"23",height:"23",viewBox:"0 0 23 23",fill:t.colors.grey900},n.createElement(Dn,{fill:t.colors.grey900,strokeWidth:"3",stroke:t.colors.grey900,strokeLinecap:"round",d:e?"M 3 19 L 17 3.5":"M 2 4 L 20 4"}),n.createElement(Tn,{fill:t.colors.grey900,strokeWidth:"3",stroke:t.colors.grey900,strokeLinecap:"round",d:"M 2 11 L 20 11",isActive:e}),n.createElement(Dn,{fill:t.colors.grey900,strokeWidth:"3",stroke:t.colors.grey900,strokeLinecap:"round",d:e?"M 3.5 3 L 17 19":"M 2 18.346 L 20 18.346"}))},Wn=c.div(N=N||h(["\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 91;\n transition: all 0.3s ease-out;\n backdrop-filter: saturate(60%) blur(2px);\n ",";\n"]),(function(n){return n=n.animate,a(n?V=V||h(["\n visibility: visible;\n opacity: 1;\n //transform: translateX(100vw);\n "]):_=_||h(["\n visibility: hidden;\n opacity: 0;\n //transform: translateX(-100vw);\n "]))})),Xn=c.div(G=G||h(["\n height: 100vh;\n width: 100vw;\n background: rgba(0, 0, 0, 0.2);\n"])),Nn=function(t){var r=t.children,o=void 0!==(t=t.isMenuOpen)&&t;return e((function(){var n;document.body.style.cssText="\n position: fixed; \n top: -".concat(window.scrollY,"px;\n overflow-y: scroll;\n width: 100%;"),o||(n=document.body.style.top,document.body.style.cssText="",window.scrollTo(0,-1*parseInt(n||"0",10)))}),[o]),n.createElement(Wn,{animate:o},n.createElement(Xn,null,r))},Vn=function(){var e=u();return n.createElement("svg",{className:"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiBox-root css-uqopch",focusable:"false","aria-hidden":"true",viewBox:"0 0 24 24","data-testid":"DarkModeIcon",fill:e.colors.grey700},n.createElement("path",{d:"M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9 9-4.03 9-9c0-.46-.04-.92-.1-1.36-.98 1.37-2.58 2.26-4.4 2.26-2.98 0-5.4-2.42-5.4-5.4 0-1.81.89-3.42 2.26-4.4-.44-.06-.9-.1-1.36-.1z"}))},_n=function(){var e=u();return n.createElement("svg",{className:"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiBox-root css-uqopch",focusable:"false","aria-hidden":"true",viewBox:"0 0 24 24","data-testid":"LightModeIcon",fill:e.colors.grey700},n.createElement("path",{d:"M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zM2 13h2c.55 0 1-.45 1-1s-.45-1-1-1H2c-.55 0-1 .45-1 1s.45 1 1 1zm18 0h2c.55 0 1-.45 1-1s-.45-1-1-1h-2c-.55 0-1 .45-1 1s.45 1 1 1zM11 2v2c0 .55.45 1 1 1s1-.45 1-1V2c0-.55-.45-1-1-1s-1 .45-1 1zm0 18v2c0 .55.45 1 1 1s1-.45 1-1v-2c0-.55-.45-1-1-1s-1 .45-1 1zM5.99 4.58c-.39-.39-1.03-.39-1.41 0-.39.39-.39 1.03 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0s.39-1.03 0-1.41L5.99 4.58zm12.37 12.37c-.39-.39-1.03-.39-1.41 0-.39.39-.39 1.03 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0 .39-.39.39-1.03 0-1.41l-1.06-1.06zm1.06-10.96c.39-.39.39-1.03 0-1.41-.39-.39-1.03-.39-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0l1.06-1.06zM7.05 18.36c.39-.39.39-1.03 0-1.41-.39-.39-1.03-.39-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0l1.06-1.06z"}))},Gn=s(U=U||h(["\n 0% {\n transform: rotate(200deg);\n scale: 0.5;\n opacity: 0.5;\n }\n 100% {\n transform: rotate(360deg);\n scale: 1;\n opacity: 1;\n }\n"])),Un=c.button(q=q||h(["\n padding: 7px;\n width: 40px;\n height: 40px;\n background: transparent;\n border: 0 solid transparent;\n border-radius: 20px;\n cursor: pointer;\n &:hover {\n transition: 0.3s;\n background: ",";\n }\n"]),(function(n){return n.theme.colors.grey50})),qn=c.div(Z=Z||h(["\n animation-fill-mode: forwards;\n animation: "," 0.6s ease-in-out;\n"]),(function(n){return n.isActive&&Gn})),Zn=function(){var e,o=(e=t(f)).isDarkMode,i=e.toggleTheme,l=(e=g(r(!1),2))[0],c=e[1];return n.createElement(Un,{onClick:function(){c(!0),i()}},n.createElement(qn,{isActive:l,onAnimationEnd:function(){return c(!1)}},o?n.createElement(Vn,null):n.createElement(_n,null)))},Jn=function(){return n.createElement("svg",{width:"40",height:"20",viewBox:"0 0 40 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n.createElement("g",{clipPath:"url(#clip0_232_54)"},n.createElement("path",{d:"M28.309 10.7727C30.3776 9.58434 32.4401 8.38672 34.515 7.21164C34.9482 6.94458 35.4398 6.78678 35.9475 6.75181C36.4552 6.71684 36.9638 6.80574 37.4296 7.01087C37.8953 7.216 38.3043 7.53122 38.6212 7.92939C38.9382 8.32757 39.1536 8.7968 39.249 9.29669C39.3778 9.92377 39.3092 10.5754 39.0527 11.162C38.796 11.7485 38.364 12.2411 37.816 12.5722C34.097 14.7394 30.3684 16.889 26.6303 19.0207C26.1056 19.3383 25.4945 19.4832 24.8831 19.4349C24.2718 19.3866 23.6911 19.1476 23.2228 18.7516C22.7262 18.3857 22.3505 17.8796 22.144 17.2984C21.9375 16.7172 21.9097 16.0876 22.064 15.4904C22.2061 15.022 22.443 14.5877 22.7599 14.2145C23.0769 13.8414 23.4671 13.5374 23.9065 13.3214C25.3887 12.4943 26.8462 11.6233 28.3141 10.7717",fill:"#FABC05"}),n.createElement("path",{d:"M29.827 9.90895C27.7645 8.71131 25.6958 7.52396 23.6394 6.3151C23.1915 6.07342 22.8091 5.72652 22.5249 5.30428C22.2408 4.88205 22.0635 4.3971 22.0084 3.89117C21.9532 3.38524 22.0218 2.87347 22.2082 2.3999C22.3946 1.92634 22.6932 1.50516 23.0785 1.1726C23.5578 0.747685 24.1569 0.481737 24.7935 0.411348C25.4301 0.34096 26.0729 0.469591 26.6334 0.779542C30.3695 2.91679 34.0961 5.07076 37.813 7.24145C38.3501 7.53721 38.7807 7.994 39.0445 8.54745C39.3081 9.10092 39.3915 9.72314 39.2829 10.3266C39.2143 10.9395 38.9639 11.518 38.5639 11.9875C38.1639 12.457 37.6326 12.7962 37.0382 12.9612C36.5614 13.0724 36.0668 13.0843 35.5852 12.9963C35.1036 12.9082 34.6453 12.7221 34.2387 12.4494C32.7811 11.5794 31.2979 10.7524 29.826 9.90685",fill:"#109D58"}),n.createElement("path",{d:"M11.0232 9.06132C9.69928 9.81193 8.3758 10.5643 7.05265 11.3183C6.27882 11.7595 5.51727 12.216 4.73627 12.649C4.01565 13.0697 3.15738 13.1871 2.35029 12.9751C1.54319 12.763 0.853381 12.2391 0.432599 11.5184C0.0118163 10.7978 -0.105465 9.93955 0.106555 9.13245C0.318574 8.32536 0.842527 7.63555 1.56316 7.21477C5.25557 5.0625 8.9572 2.92799 12.668 0.811207C13.1829 0.493893 13.7832 0.343267 14.3868 0.379908C14.9904 0.416549 15.5681 0.63867 16.0408 1.01592C16.5563 1.38059 16.9497 1.89268 17.1688 2.48494C17.388 3.0772 17.423 3.72191 17.2691 4.3344C17.1548 4.67707 16.9936 5.00225 16.79 5.30066C16.416 5.73082 15.9832 6.10607 15.5044 6.41535C14.0284 7.32531 12.5197 8.18205 11.0232 9.05927",fill:"#E94436"}),n.createElement("path",{d:"M9.50761 9.9059C10.8212 10.6763 12.1349 11.4464 13.4484 12.2161C14.2171 12.6655 14.995 13.0995 15.7597 13.556C16.4705 13.9768 16.9873 14.6602 17.1985 15.4588C17.4096 16.2573 17.2982 17.107 16.8883 17.824C16.4783 18.5411 15.8027 19.0682 15.0074 19.2913C14.2121 19.5146 13.361 19.4159 12.6377 19.0169C8.92826 16.9014 5.22935 14.7645 1.54103 12.6061C1.00878 12.3187 0.578307 11.8738 0.308436 11.3324C0.0385658 10.791 -0.0575301 10.1795 0.0332833 9.58143C0.0918258 8.95278 0.339094 8.35655 0.742625 7.87101C1.14615 7.38545 1.68709 7.03327 2.29439 6.86071C2.64681 6.78902 3.00745 6.76628 3.36609 6.79316C3.9244 6.90156 4.4647 7.08798 4.97107 7.34692C6.49724 8.16579 7.99372 9.04914 9.50147 9.9059",fill:"#4385F3"})),n.createElement("defs",null,n.createElement("clipPath",{id:"clip0_232_54"},n.createElement("rect",{width:"40",height:"20",fill:"white"}))))},Yn=c(i)(J=J||h(["\n display: flex;\n align-items: center;\n font-size: ",";\n flex-direction: row;\n flex-wrap: wrap;\n gap: 4px;\n\n @media (max-width: ","px) {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n"]),(function(n){return n.theme.fontSizes.textXl}),(function(n){return n.theme.windowSizes.mobile})),$n=c.div(Y=Y||h(["\n display: flex;\n align-items: center;\n cursor: pointer;\n color: ",";\n font-size: ",";\n font-weight: ",";\n word-break: keep-all;\n margin-top: 2px;\n ","\n"]),(function(n){return n.theme.colors.grey600}),(function(n){return n.theme.fontSizes.textM}),(function(n){return n.theme.fontWeights.medium}),(function(n){var e=n.color;return e&&d(e)?a($=$||h(["\n color: ",";\n "]),(function(n){return n.theme.colors[e]})):a(K=K||h(["\n color: ",";\n "]),e)})),Kn=c.div(Q=Q||h(["\n margin-left: 4px;\n font-weight: ",";\n font-size: ",";\n color: ",";\n"]),(function(n){return n.theme.fontWeights.bold}),(function(n){return n.theme.fontSizes.textXxl}),(function(n){return n.theme.colors.grey800})),Qn=c.div(R=R||h(["\n display: flex;\n align-items: center;\n flex-direction: row;\n gap: 4px;\n @media (max-width: ","px) {\n display: none;\n }\n"]),(function(n){return n.theme.windowSizes.mobile})),Rn=function(e){var t=e.customLogo,r=e.title;e=e.pointColor;return n.createElement(n.Fragment,null,t?n.createElement(n.Fragment,null,t):n.createElement(Yn,{to:"/"},n.createElement(Jn,null),n.createElement(Qn,null,n.createElement(Kn,null,"GDSC"),r?n.createElement(n.Fragment,null,n.createElement($n,null,"DJU"),n.createElement($n,{color:e},r)):n.createElement(n.Fragment,null,n.createElement($n,{color:e},"Daejin"),n.createElement($n,{color:e},"Univ.")))))},ne=function(e){var t=e.routes,r=e.title,o=e.customLogo,i=void 0===(i=e.themeButtonActive)||i,c=void 0===(a=e.pointColor)?"blue900":a,a=void 0===(a=e.menuPosition)?"right":a,u=e.menuToggle,s=void 0!==(s=e.isMenuOpen)&&s,d=e.sideMenu,f=(e=e.rightElement,l());return n.createElement(n.Fragment,null,n.createElement(Mn,null,n.createElement(kn,null,n.createElement(Sn,null,("left"==a||"left-mobile-only"==a)&&n.createElement(Fn,{position:a,onClick:u},n.createElement(Hn,{isMenuOpen:s})),n.createElement(Rn,{title:r,customLogo:o,pointColor:c}),n.createElement(In,null,t&&n.createElement(Ln,null,t.map((function(e){var t=f.pathname===e.route;return n.createElement(An,{key:e.route,color:c},n.createElement(Bn,{active:t,to:e.route,color:c},e.title))})))))),n.createElement(jn,null,n.createElement(On,null,e&&n.createElement(n.Fragment,null,e),i&&n.createElement(Zn,null),("right"===a||"right-mobile-only"===a)&&n.createElement(Fn,{position:a,onClick:u},n.createElement(Hn,{isMenuOpen:s})))),u&&n.createElement(Nn,{isMenuOpen:s,children:d})))},ee=c.a(nn=nn||h(["\n font-size: ",";\n font-weight: 600;\n margin-right: 20px;\n color: ",";\n cursor: pointer;\n white-space: nowrap;\n @media (max-width: ","px) {\n margin-top: 10px;\n }\n ","\n"]),(function(n){return n.theme.fontSizes.textL}),(function(n){return n.theme.colors.grey600}),(function(n){return n.theme.windowSizes.tablet}),(function(n){return n.google&&a(en=en||h(["\n font-size: ",";\n font-weight: 700;\n color: ",";\n "]),(function(n){return n.theme.fontSizes.textXl}),(function(n){return n.theme.colors.grey700}))})),te=c.span(tn=tn||h(["\n display: inline-block;\n position: relative;\n font-size: ",";\n color: ",";\n white-space: nowrap;\n @media (max-width: ","px) {\n font-size: ",";\n }\n"]),(function(n){return n.theme.fontSizes.textM}),(function(n){return n.theme.colors.grey600}),(function(n){return n.theme.windowSizes.mobile}),(function(n){return n.theme.fontSizes.textS})),re=c.div(rn=rn||h(["\n display: flex;\n bottom: 0;\n padding: 30px 40px;\n justify-content: space-between;\n width: 100vw;\n z-index: 90;\n box-sizing: border-box;\n align-items: flex-end;\n background-color: rgba(0, 0, 0, 0.01);\n backdrop-filter: blur(10px);\n @media (max-width: ","px) {\n padding: 30px 20px;\n }\n"]),(function(n){return n.theme.windowSizes.mobile})),oe=c.div(on=on||h(["\n display: flex;\n align-items: center;\n flex-direction: row;\n flex: 1;\n @media (max-width: ","px) {\n height: 100%;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n }\n"]),(function(n){return n.theme.windowSizes.tablet})),ie=function(e){var t=e.disable;e=e.pages;return n.createElement(n.Fragment,null,!(void 0!==t&&t)&&n.createElement(re,null,n.createElement(oe,null,n.createElement(ee,{google:!0,href:"https://developers.google.com/"},"Google"),n.createElement(ee,{href:"https://developers.google.com/community-guidelines"},"Community guidelines"),e&&e.map((function(e){return n.createElement(ee,{key:e.text,href:e.link},e.text)}))),n.createElement(te,null,"Copyright © ","GDSC Daejin")))},le=c.input(ln=ln||h(["\n padding: 0 18px;\n margin: 2px 0;\n border: 0;\n border-radius: 10px;\n height: 48px;\n font-size: ",";\n outline: none;\n width: 100%;\n flex-grow: 1;\n background: none;\n font-weight: 400;\n box-sizing: border-box;\n color: ",";\n &::placeholder {\n color: ",";\n font-weight: 300;\n }\n ","\n"]),(function(n){return n.theme.fontSizes.textL}),(function(n){return n.theme.colors.grey700}),(function(n){return n.theme.colors.grey400}),(function(n){return n.disabled&&a(cn=cn||h(["\n background: ",";\n color: ",";\n cursor: not-allowed;\n "]),(function(n){return n.theme.colors.grey100}),(function(n){return n.theme.colors.grey400}))})),ce=c.div(an=an||h(["\n color: ",";\n cursor: pointer;\n overflow: hidden;\n white-space: nowrap;\n flex-grow: 1;\n font-weight: 300;\n font-size: ",";\n padding: 0 18px;\n"]),(function(n){return n.theme.colors.grey500}),(function(n){return n.theme.fontSizes.textL})),ae=c.div(un=un||h(["\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 1px auto 0;\n height: 48px;\n border: none;\n outline: none;\n appearance: none;\n border-radius: 10px;\n box-shadow: inset 0 0 0 1px ",";\n cursor: auto;\n &:hover {\n box-shadow: inset 0 0 0 2px "," !important;\n ","\n }\n .formInput:focus {\n box-shadow: inset 0 0 0 2px ",";\n ","\n }\n ","\n ","\n transition: 0.3s;\n"]),(function(n){return n.theme.colors.grey300}),(function(n){return n.theme.colors.blue200}),(function(n){return n.error&&a(sn=sn||h(["\n box-shadow: inset 0 0 0 2px ",";\n "]),(function(n){return n.theme.colors.red600}))}),(function(n){return n.theme.colors.blue600}),(function(n){return n.error&&a(dn=dn||h(["\n box-shadow: inset 0 0 0 2px ",";\n "]),(function(n){return n.theme.colors.red900}))}),(function(n){return!n.disabled&&a(fn=fn||h(["\n &:hover {\n box-shadow: none;\n }\n "]))}),(function(n){return n.error&&a(mn=mn||h(["\n box-shadow: inset 0 0 0 2px ",";\n "]),(function(n){return n.theme.colors.red900}))})),ue=c.div(pn=pn||h(["\n height: 20px;\n width: 20px;\n margin: 0 -8px 0 18px;\n display: flex;\n align-items: center;\n cursor: pointer;\n"])),se=["error","disabled"],de=o((function(e,t){var r=e.error,o=e.disabled;e=p(e,se);return n.createElement(ae,{error:r,disabled:o},n.createElement(le,m({className:"formInput"},e,{ref:t})))})),fe=c(ae)(hn=hn||h(["\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 1px auto 0;\n height: fit-content;\n border: none;\n outline: none;\n appearance: none;\n border-radius: 10px;\n box-shadow: inset 0 0 0 1px ",";\n cursor: auto;\n &:hover {\n box-shadow: inset 0 0 0 2px ",";\n ","\n }\n .formInput:focus {\n box-shadow: inset 0 0 0 2px ",";\n ","\n }\n ","\n ","\n transition: 0.3s;\n"]),(function(n){return n.theme.colors.grey300}),(function(n){return n.theme.colors.blue200}),(function(n){return n.error&&a(gn=gn||h(["\n box-shadow: inset 0 0 0 2px ",";\n "]),n.theme.colors.blue200)}),(function(n){return n.theme.colors.blue600}),(function(n){return n.error&&a(xn=xn||h(["\n box-shadow: inset 0 0 0 2px ",";\n "]),n.theme.colors.red600)}),(function(n){return!n.disabled&&a(bn=bn||h(["\n &:hover {\n box-shadow: none;\n }\n "]))}),(function(n){return n.error&&a(wn=wn||h(["\n box-shadow: inset 0 0 0 2px ",";\n "]),(function(n){return n.theme.colors.red900}))})),me=c.textarea(yn=yn||h(["\n min-height: 100px;\n max-height: 350px;\n font-family: sans-serif;\n overflow: auto;\n flex-grow: 1;\n outline: 0;\n border: 0;\n background: none;\n padding: 18px 18px;\n margin: 0;\n border-radius: 10px;\n font-size: ",";\n color: ",";\n box-shadow: inset 0 0 0 1px ",";\n cursor: auto;\n transition: box-shadow 0.3s;\n resize: vertical;\n &::placeholder {\n color: ",";\n font-weight: 300;\n }\n &:hover {\n box-shadow: inset 0 0 0 2px ",";\n ","\n }\n &:focus {\n box-shadow: inset 0 0 0 2px ",";\n ","\n }\n ",";\n ",";\n"]),(function(n){return n.theme.fontSizes.textM}),(function(n){return n.theme.colors.grey800}),(function(n){return n.theme.colors.grey300}),(function(n){return n.theme.colors.grey400}),(function(n){return n.theme.colors.blue200}),(function(n){return n.error&&a(vn=vn||h(["\n box-shadow: inset 0 0 0 2px ",";\n "]),n.theme.colors.red900)}),(function(n){return n.theme.colors.blue600}),(function(n){return n.error&&a(Cn=Cn||h(["\n box-shadow: inset 0 0 0 2px ","!important;\n "]),n.theme.colors.red900)}),(function(n){return n.error&&a(En=En||h(["\n box-shadow: inset 0 0 0 2px ",";\n "]),(function(n){return n.theme.colors.red900}))}),(function(n){return n.disabled&&a(zn=zn||h(["\n cursor: not-allowed;\n background: ",";\n color: ",";\n "]),(function(n){return n.theme.colors.grey100}),(function(n){return n.theme.colors.grey400}))})),pe=["error","disabled"],he=o((function(e,t){var r=e.error,o=e.disabled;e=p(e,pe);return n.createElement(fe,{error:r,disabled:o},n.createElement(me,m({ref:t,className:"formInput",disabled:o},e)))})),ge=function(){return n.createElement("svg",{width:"96",height:"96",viewBox:"0 0 96 96",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n.createElement("path",{d:"M80 24H48L40 16H16C11.6 16 8.04 19.6 8.04 24L8 72C8 76.4 11.6 80 16 80H80C84.4 80 88 76.4 88 72V32C88 27.6 84.4 24 80 24ZM80 72H16V32H80V72Z",fill:"#6B7684"}))},xe=["defaultPlaceholder","errorToggle","disabled","onChange"],be=o((function(e,t){var o=e.defaultPlaceholder,i=e.errorToggle,l=e.disabled,c=e.onChange,a=(e=p(e,xe),(o=g(r(o||"Choose a file"),2))[0]),u=o[1],s=document.getElementById("formInput");return n.createElement(ae,{error:i,disabled:!l,onClick:function(){s&&s.click()}},n.createElement(ue,null,n.createElement(ge,null)),n.createElement(ce,null,a),n.createElement("input",m({},e,{id:"formInput",ref:t,type:"file",style:{display:"none"},onChange:function(n){n.target.files&&(u(n.target.files[0].name),c&&c(n))}})))}));export{be as FileInput,ie as Footer,ne as Navigation,he as TextArea,de as TextInput,Zn as ThemeToggleButton};