@scbt-ecom/ui 0.4.0 → 0.4.2

package/public/sprites/brandLogos.svg

@@ -0,0 +1 @@
+<svg width="0" height="0"><symbol xmlns="http://www.w3.org/2000/svg" id="logoBlack" fill="none" viewBox="0 0 194 32"><path fill="#292929" d="M38.422 8c2.655 0 4.853 1.188 5.765 2.08l-1.534 1.91c-.747-.68-2.406-1.613-4.23-1.613-3.36 0-5.434 2.376-5.434 5.602 0 3.225 1.99 5.602 5.475 5.602 2.032 0 3.774-1.104 4.562-1.867l1.452 1.994c-.913.976-3.194 2.292-6.014 2.292-4.936 0-7.964-3.395-7.964-7.979C30.46 11.395 33.57 8 38.422 8Zm15.264 0c4.562 0 7.88 3.395 7.88 7.979 0 4.626-3.318 7.979-7.88 7.979-4.563 0-7.88-3.396-7.88-7.98C45.763 11.396 49.081 8 53.685 8Zm0 13.58c3.11 0 5.391-2.376 5.391-5.601 0-3.226-2.28-5.602-5.391-5.602s-5.392 2.376-5.392 5.602c0 3.225 2.28 5.602 5.392 5.602Zm23.557-2.376c0 2.25-1.41 4.414-5.06 4.414h-7.964V8.34h7.508c3.027 0 4.77 1.91 4.77 4.074 0 1.23-.54 2.334-1.867 3.225 1.327.467 2.613 1.486 2.613 3.565ZM66.667 10.76v4.074l4.728-.042c1.7 0 2.571-.976 2.571-2.08 0-1.061-.746-1.952-2.24-1.952h-5.06Zm5.682 10.482c1.742 0 2.405-.976 2.405-2.037 0-1.146-.788-2.08-2.364-2.08h-5.682v4.16h5.64v-.043Zm14.724-5.476 6.636 7.894h-3.276l-5.517-6.663h-2.82v6.663h-2.447V8.38h2.447v6.324h2.82l5.392-6.324h3.277l-6.512 7.385Z"/><path fill="#292929" d="M101.258 8c4.562 0 7.881 3.395 7.881 7.979 0 4.626-3.319 7.979-7.881 7.979s-7.88-3.396-7.88-7.98c0-4.583 3.318-7.978 7.88-7.978Zm0 13.58c3.111 0 5.392-2.376 5.392-5.601 0-3.226-2.281-5.602-5.392-5.602-3.11 0-5.392 2.376-5.392 5.602 0 3.225 2.323 5.602 5.392 5.602Zm24.43-13.24h2.364v15.278h-2.447V12.287l-4.894 6.705h-1.494l-4.894-6.705V23.66h-2.447V8.382h2.364l5.724 7.852 5.724-7.894Zm13.603 6.238c3.276 0 5.06 1.953 5.06 4.5 0 2.546-1.784 4.54-4.894 4.54h-8.129V8.34h11.613v2.419h-9.166v3.862h5.516v-.043Zm.083 6.663c1.7 0 2.488-.976 2.488-2.122 0-1.145-.788-2.122-2.488-2.122h-5.558v4.244h5.558Zm18.664 2.377-1.617-3.82h-7.051l-1.618 3.82h-2.696l6.471-15.278h2.696l6.47 15.278h-2.655Zm-7.756-6.111h5.143l-2.571-6.112-2.572 6.112Zm23.351-9.167h2.447v15.278h-2.447v-6.536h-8.627v6.536h-2.447V8.34h2.447v6.323h8.627V8.34Zm13.231 7.426 6.636 7.894h-3.277l-5.516-6.663h-2.82v6.663h-2.447V8.38h2.447v6.324h2.82l5.392-6.324h3.277l-6.512 7.385ZM.5 16c0 6.622 5.378 12 12 12h.482v-4.535H12.5c-4.094 0-7.465-3.331-7.465-7.465 0-4.094 3.331-7.465 7.465-7.465h.482V4H12.5C5.878 4 .5 9.378.5 16Z"/><path fill="#292929" d="M14.908 4.241v6.261H12.5a5.55 5.55 0 0 0-5.539 5.539 5.55 5.55 0 0 0 5.539 5.538h2.408v6.26A11.974 11.974 0 0 0 24.5 16.082c.04-5.9-4.094-10.716-9.592-11.84Z"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="logoBusiness" fill="none" viewBox="0 0 192 32"><path fill="#FC5055" d="M0 16c0 8.839 7.163 16 16.003 16 .216 0 .426-.006.642-.013v-6.062h-.642c-5.478 0-9.92-4.441-9.92-9.919 0-5.477 4.442-9.919 9.92-9.919h.642V.013A19.527 19.527 0 0 0 16.003 0C7.163 0 0 7.161 0 16Z"/><path fill="#003790" d="M19.2.324v8.318h-3.197A7.36 7.36 0 0 0 8.637 16a7.36 7.36 0 0 0 7.366 7.358H19.2v8.318C26.509 30.196 32 23.74 32 16S26.509 1.805 19.2.324ZM44.912 3c2.308 0 4.19 1.053 4.986 1.84l-1.33 1.683c-.645-.592-2.07-1.417-3.675-1.417-2.898 0-4.71 2.067-4.71 4.894 0 2.834 1.718 4.894 4.742 4.894 1.756 0 3.267-.955 3.932-1.625l1.255 1.742C49.315 15.87 47.346 17 44.906 17 40.64 17 38 14.036 38 10c.013-4.036 2.722-7 6.912-7ZM58.09 3c3.951 0 6.83 2.964 6.83 7s-2.879 7-6.83 7c-3.952 0-6.83-2.964-6.83-7s2.878-7 6.83-7Zm0 11.894c2.678 0 4.654-2.086 4.654-4.894 0-2.814-1.976-4.894-4.654-4.894S53.436 7.192 53.436 10c0 2.814 1.976 4.894 4.654 4.894Zm20.397-2.08c0 1.97-1.216 3.88-4.378 3.88h-6.887V3.306h6.486c2.622 0 4.133 1.684 4.133 3.575 0 1.073-.483 2.048-1.624 2.834 1.166.403 2.27 1.26 2.27 3.1ZM69.35 5.411v3.556l4.095-.02c1.462 0 2.215-.845 2.215-1.84 0-.916-.647-1.702-1.939-1.702H69.35v.006Zm4.892 9.178c1.493 0 2.07-.858 2.07-1.8 0-1.015-.684-1.84-2.032-1.84h-4.93v3.64h4.892ZM86.98 9.792l5.72 6.909h-2.822l-4.78-5.856h-2.452v5.856h-2.12V3.312h2.12v5.531h2.452l4.673-5.531h2.823l-5.614 6.48Z"/><path fill="#003790" d="M99.255 3c3.951 0 6.83 2.964 6.83 7s-2.879 7-6.83 7c-3.952 0-6.83-2.964-6.83-7s2.878-7 6.83-7Zm0 11.894c2.678 0 4.654-2.086 4.654-4.894 0-2.814-1.976-4.894-4.654-4.894S94.6 7.192 94.6 10c0 2.814 1.975 4.894 4.654 4.894Zm21.118-11.589h2.051v13.39h-2.12V6.75l-4.246 5.876h-1.292L110.52 6.75v9.945h-2.127V3.305h2.051l4.968 6.87 4.961-6.87Zm11.78 5.473c2.841 0 4.39 1.723 4.39 3.939s-1.549 3.978-4.246 3.978h-7.012V3.305h10.06v2.106h-7.94v3.367h4.748Zm.056 5.81c1.474 0 2.139-.838 2.139-1.852 0-.994-.665-1.852-2.139-1.852h-4.798v3.705h4.798Zm16.132 2.107-1.405-3.348h-6.109l-1.405 3.348h-2.327l5.614-13.39h2.346l5.613 13.39h-2.327Zm-6.686-5.356h4.447l-2.214-5.336-2.233 5.336Zm20.178-8.034h2.12v13.39h-2.12v-5.74h-7.477v5.74h-2.12V3.305h2.12v5.551h7.477v-5.55Zm11.447 6.487 5.72 6.909h-2.822l-4.78-5.856h-2.452v5.856h-2.12V3.312h2.12v5.531h2.452l4.673-5.531h2.822l-5.613 6.48Z"/><path fill="#FC5055" d="M41.98 24.296c1.65 0 2.552.983 2.552 2.25 0 1.266-.902 2.27-2.462 2.27H38v-7.64h5.838v1.203h-4.604v1.924h2.746v-.007Zm.035 3.325c.853 0 1.241-.481 1.241-1.061 0-.566-.388-1.061-1.241-1.061h-2.78v2.122h2.78Zm9.291-6.444h1.138v7.64h-1.235v-5.723l-4.396 5.722H45.69v-7.64h1.234v5.702l4.382-5.701Zm8.931 5.439c0 1.26-1.116 2.384-3.245 2.384-1.699 0-2.967-.8-3.501-1.266l.672-1.04c.472.439 1.533 1.11 2.795 1.11 1.165 0 2.01-.466 2.01-1.209 0-.304-.138-.665-.624-.87-.36-.156-.908-.205-1.726-.205h-.964v-1.125h1.144c.624 0 1.061-.078 1.352-.247a.992.992 0 0 0 .479-.878c0-.657-.534-1.06-1.658-1.06-1.06 0-1.934.46-2.42.82l-.568-.97c.492-.445 1.63-1.046 2.988-1.046 1.852 0 2.927.842 2.927 2.15 0 .764-.333 1.387-.93 1.747.687.248 1.27.764 1.27 1.705Zm6.9-5.439h1.234v7.64h-1.234v-3.325h-4.334v3.324h-1.234v-7.64h1.234v3.113h4.334v-3.112Zm4.285 6.443h4.548v1.203h-5.782v-7.646h5.671v1.202h-4.444v1.988h4.09v1.202h-4.09v2.052h.007ZM80.95 21c1.4 0 2.474.601 2.925 1.061l-.763.94c-.388-.346-1.178-.799-2.184-.799-1.608 0-2.676 1.182-2.676 2.794 0 1.613 1.026 2.795 2.676 2.795 1.124 0 1.956-.524 2.358-.92l.714.969c-.45.502-1.574 1.146-3.05 1.146-2.407 0-3.96-1.69-3.96-3.997 0-2.306 1.595-3.989 3.96-3.989Z"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="logoGray" fill="none" viewBox="0 0 194 32"><path fill="#94A4B7" d="M.5 16c0 6.622 5.378 12 12 12h.482v-4.535H12.5c-4.094 0-7.465-3.331-7.465-7.465 0-4.094 3.331-7.465 7.465-7.465h.482V4H12.5C5.878 4 .5 9.378.5 16Z"/><path fill="#94A4B7" d="M14.908 4.241v6.261H12.5a5.55 5.55 0 0 0-5.539 5.539 5.55 5.55 0 0 0 5.539 5.538h2.408v6.26A11.974 11.974 0 0 0 24.5 16.082c.04-5.9-4.094-10.716-9.592-11.84ZM38.422 8c2.655 0 4.853 1.188 5.765 2.08l-1.534 1.91c-.747-.68-2.406-1.613-4.23-1.613-3.36 0-5.434 2.376-5.434 5.602 0 3.225 1.99 5.602 5.475 5.602 2.032 0 3.774-1.104 4.562-1.867l1.452 1.994c-.913.976-3.194 2.292-6.014 2.292-4.936 0-7.964-3.395-7.964-7.979C30.46 11.395 33.57 8 38.422 8Zm15.264 0c4.562 0 7.88 3.395 7.88 7.979 0 4.626-3.318 7.979-7.88 7.979-4.563 0-7.88-3.396-7.88-7.98C45.763 11.396 49.081 8 53.685 8Zm0 13.58c3.11 0 5.391-2.376 5.391-5.601 0-3.226-2.28-5.602-5.391-5.602s-5.392 2.376-5.392 5.602c0 3.225 2.28 5.602 5.392 5.602Zm23.557-2.376c0 2.25-1.41 4.414-5.06 4.414h-7.964V8.34h7.508c3.027 0 4.77 1.91 4.77 4.074 0 1.23-.54 2.334-1.867 3.225 1.327.467 2.613 1.486 2.613 3.565ZM66.667 10.76v4.074l4.728-.042c1.7 0 2.571-.976 2.571-2.08 0-1.061-.746-1.952-2.24-1.952h-5.06Zm5.682 10.482c1.742 0 2.405-.976 2.405-2.037 0-1.146-.788-2.08-2.364-2.08h-5.682v4.16h5.64v-.043Zm14.724-5.476 6.636 7.894h-3.276l-5.517-6.663h-2.82v6.663h-2.447V8.38h2.447v6.324h2.82l5.392-6.324h3.277l-6.512 7.385Z"/><path fill="#94A4B7" d="M101.258 8c4.562 0 7.881 3.395 7.881 7.979 0 4.626-3.319 7.979-7.881 7.979s-7.88-3.396-7.88-7.98c0-4.583 3.318-7.978 7.88-7.978Zm0 13.58c3.111 0 5.392-2.376 5.392-5.601 0-3.226-2.281-5.602-5.392-5.602-3.11 0-5.392 2.376-5.392 5.602 0 3.225 2.323 5.602 5.392 5.602Zm24.43-13.24h2.364v15.278h-2.447V12.287l-4.894 6.705h-1.494l-4.894-6.705V23.66h-2.447V8.382h2.364l5.724 7.852 5.724-7.894Zm13.603 6.238c3.276 0 5.06 1.953 5.06 4.5 0 2.546-1.784 4.54-4.894 4.54h-8.129V8.34h11.613v2.419h-9.166v3.862h5.516v-.043Zm.083 6.663c1.7 0 2.488-.976 2.488-2.122 0-1.145-.788-2.122-2.488-2.122h-5.558v4.244h5.558Zm18.664 2.377-1.617-3.82h-7.051l-1.618 3.82h-2.696l6.471-15.278h2.696l6.47 15.278h-2.655Zm-7.756-6.111h5.143l-2.571-6.112-2.572 6.112Zm23.351-9.167h2.447v15.278h-2.447v-6.536h-8.627v6.536h-2.447V8.34h2.447v6.323h8.627V8.34Zm13.231 7.426 6.636 7.894h-3.277l-5.516-6.663h-2.82v6.663h-2.447V8.38h2.447v6.324h2.82l5.392-6.324h3.277l-6.512 7.385Z"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="logoInsurance" fill="none" viewBox="0 0 193 32"><path fill="#FC5055" d="M.5 16c0 4.244 1.747 8.313 4.857 11.314 3.11 3 7.329 4.686 11.727 4.686h.669v-6.08h-.669c-2.727 0-5.342-1.046-7.27-2.906S6.803 18.631 6.803 16c0-2.63 1.083-5.154 3.011-7.014 1.928-1.86 4.543-2.905 7.27-2.905h.669V0h-.669C12.686 0 8.468 1.686 5.357 4.686 2.247 7.686.5 11.756.5 16Z"/><path fill="#003790" d="M20.403.323v8.314h-3.344a7.776 7.776 0 0 0-5.396 2.157A7.234 7.234 0 0 0 9.427 16c0 1.953.805 3.826 2.236 5.206a7.775 7.775 0 0 0 5.396 2.157h3.344v8.323c3.743-.741 7.107-2.707 9.523-5.564 2.415-2.857 3.735-6.43 3.735-10.118 0-3.687-1.32-7.261-3.735-10.118-2.416-2.857-5.78-4.822-9.523-5.563Zm26.54 2.682a7.937 7.937 0 0 1 5.166 1.84L50.73 6.498a6.13 6.13 0 0 0-3.804-1.387 4.645 4.645 0 0 0-4.87 4.904 4.6 4.6 0 0 0 4.953 4.904 6.287 6.287 0 0 0 4.126-1.651l1.296 1.742A7.945 7.945 0 0 1 47.033 17c-4.423 0-7.155-2.964-7.155-7.01 0-4.045 2.724-6.984 7.065-6.984Zm13.666 0a6.83 6.83 0 0 1 6.59 4.281c.348.866.515 1.795.49 2.728a7.093 7.093 0 0 1-7.084 6.85 7.088 7.088 0 0 1-7.085-6.85 6.838 6.838 0 0 1 7.089-7.01Zm0 11.913a4.727 4.727 0 0 0 4.82-4.904 4.831 4.831 0 0 0-4.824-5.03 4.826 4.826 0 0 0-4.824 5.03 4.733 4.733 0 0 0 4.828 4.904ZM81.76 12.83c0 1.973-1.262 3.888-4.538 3.888h-7.106V3.31h6.685c2.715 0 4.291 1.652 4.291 3.583a3.303 3.303 0 0 1-1.65 2.832 3.095 3.095 0 0 1 2.319 3.104ZM72.287 5.4v3.566h4.25c1.51 0 2.295-.826 2.295-1.841 0-1.016-.669-1.71-2.014-1.71l-4.53-.016Zm5.068 9.196c1.551 0 2.145-.867 2.145-1.8a1.857 1.857 0 0 0-2.104-1.84h-5.108v3.64h5.067Zm13.211-4.788 5.959 6.91h-2.93l-4.952-5.862h-2.541v5.862h-2.237V3.31h2.204v5.54h2.541l4.845-5.54h2.93l-5.819 6.498Z"/><path fill="#003790" d="M103.292 3.005a6.835 6.835 0 0 1 7.089 7.01 7.09 7.09 0 0 1-14.17 0 6.839 6.839 0 0 1 4.349-6.548 6.827 6.827 0 0 1 2.732-.462Zm0 11.913a4.728 4.728 0 0 0 4.828-4.904 4.835 4.835 0 0 0-2.93-4.642 4.829 4.829 0 0 0-6.718 4.642 4.732 4.732 0 0 0 4.82 4.904ZM125.195 3.31h2.121v13.408h-2.196V6.761l-4.407 5.912h-1.336l-4.407-5.879v9.924h-2.196V3.31h2.121l5.15 6.886 5.15-6.886Zm12.214 5.482c2.946 0 4.555 1.718 4.555 3.947s-1.609 3.98-4.407 3.98h-7.27V3.31h10.431v2.106h-8.253v3.376h4.944Zm.057 5.82c1.527 0 2.22-.825 2.22-1.857s-.693-1.857-2.22-1.857h-4.951v3.715h4.951Zm16.729 2.106-1.453-3.352h-6.338l-1.452 3.352h-2.418L148.36 3.31h2.426l5.818 13.408h-2.409Zm-6.933-5.366h4.614l-2.295-5.342-2.319 5.342Zm20.929-8.042h2.195v13.408h-2.195v-5.78h-7.757v5.78h-2.204V3.31h2.204v5.557h7.757V3.31Zm11.868 6.498 5.933 6.91h-2.929l-4.952-5.862h-2.542v5.862h-2.212V3.31h2.204v5.54h2.542l4.844-5.54h2.93l-5.818 6.498Z"/><path fill="#FC5055" d="M44.181 21.008a4.915 4.915 0 0 1 3.187 1.059l-.826.943a3.886 3.886 0 0 0-2.377-.773 2.997 2.997 0 0 0-1.148.18 2.848 2.848 0 0 0-.973.597c-.276.26-.492.572-.633.914a2.52 2.52 0 0 0-.185 1.076 2.47 2.47 0 0 0 .169 1.084c.136.346.35.662.625.926.276.264.608.47.975.606.366.136.76.198 1.153.182a3.93 3.93 0 0 0 2.568-.92l.776.974A4.913 4.913 0 0 1 44.19 29a4.381 4.381 0 0 1-1.67-.255 4.166 4.166 0 0 1-1.419-.86 3.853 3.853 0 0 1-.932-1.321 3.646 3.646 0 0 1-.288-1.56 3.644 3.644 0 0 1 .287-1.558 3.85 3.85 0 0 1 .93-1.32 4.165 4.165 0 0 1 1.417-.86 4.38 4.38 0 0 1 1.666-.258Zm11.144 1.376h-2.922v6.446h-1.337v-6.446h-2.93v-1.198h7.19v1.198Zm8.255 1.213c0 1.368-.983 2.435-3.038 2.435H57.86v2.798h-1.337v-7.644h3.93c2.145 0 3.128 1.043 3.128 2.411Zm-3.096 1.237c1.288 0 1.651-.557 1.651-1.23 0-.672-.404-1.22-1.65-1.22h-2.626v2.45h2.625Zm10.021 3.996-.883-1.91H65.76l-.883 1.91h-1.478l3.55-7.644h1.519l3.55 7.644h-1.511Zm-4.226-3.092h2.815l-1.403-3.045-1.412 3.045Zm14.503 3.092h-1.65l-2.543-2.984-2.567 2.984H72.37l3.302-3.865-3.195-3.764h1.61l2.476 2.837 2.477-2.837h1.65l-3.227 3.726 3.319 3.903Zm4.582-7.822a4.47 4.47 0 0 1 2.357.696 4.057 4.057 0 0 1 1.55 1.802 3.76 3.76 0 0 1 .223 2.305c-.17.773-.58 1.48-1.18 2.034a4.363 4.363 0 0 1-2.185 1.081 4.536 4.536 0 0 1-2.46-.235 4.218 4.218 0 0 1-1.906-1.472 3.818 3.818 0 0 1-.716-2.215 3.646 3.646 0 0 1 .288-1.562c.211-.497.53-.947.935-1.322.406-.376.89-.668 1.422-.86a4.381 4.381 0 0 1 1.672-.252Zm0 6.794a3.14 3.14 0 0 0 1.673-.449 2.854 2.854 0 0 0 1.123-1.246c.233-.51.3-1.074.19-1.62a2.744 2.744 0 0 0-.806-1.445 3.053 3.053 0 0 0-1.53-.779 3.179 3.179 0 0 0-1.733.152 2.957 2.957 0 0 0-1.349 1.03 2.674 2.674 0 0 0-.507 1.559c-.015.367.051.733.193 1.076.142.342.357.654.632.916s.605.469.968.607c.364.139.753.206 1.146.199Zm13.059-1.191c0 1.129-.768 2.219-2.766 2.219h-4.35v-7.644h4.127c1.651 0 2.609.958 2.609 2.04a1.792 1.792 0 0 1-.297.937 1.958 1.958 0 0 1-.76.67c.421.098.793.328 1.055.651.261.324.396.722.382 1.127Zm-5.779-4.227v2.032h2.634c.908 0 1.353-.486 1.353-1.05 0-.565-.437-.975-1.27-.975l-2.717-.007Zm3.063 5.24c.94 0 1.304-.502 1.304-1.036 0-.533-.363-1.035-1.246-1.035h-3.112v2.071h3.054Zm10.31 1.206-.892-1.91h-3.863l-.883 1.91h-1.47l3.55-7.644h1.503l3.549 7.644h-1.494Zm-4.226-3.092h2.814l-1.403-3.045-1.411 3.045Zm12.902-4.552h1.345v7.644h-1.345v-3.331h-4.706v3.33h-1.337v-7.643h1.337v3.091h4.706v-3.091Zm9.468 0h1.262v7.644h-1.337v-5.727l-4.796 5.727h-1.221v-7.644h1.337v5.696l4.755-5.696Zm4.564 6.438h4.953v1.206h-6.29v-7.644h6.175v1.198h-4.838v1.986h4.458v1.237h-4.458v2.017Zm17.624-2.736 3.302 3.942h-1.775l-2.641-3.347h-.76v3.347h-1.345v-3.347h-.76l-2.666 3.347h-1.775l3.302-3.942-3.227-3.702h1.733l2.633 3.153h.76v-3.153h1.345v3.153h.76l2.633-3.153h1.733l-3.252 3.702Zm10.681-3.702h1.239v7.644h-1.346v-5.727l-4.788 5.727h-1.229v-7.644h1.345v5.696l4.779-5.696Zm9.725 5.434c0 1.26-1.214 2.38-3.533 2.38a6.363 6.363 0 0 1-3.814-1.26l.735-1.043a4.965 4.965 0 0 0 3.046 1.113c1.271 0 2.195-.464 2.195-1.206a.877.877 0 0 0-.187-.54.983.983 0 0 0-.49-.334 5.574 5.574 0 0 0-1.882-.208h-1.081v-1.129h1.246a3.203 3.203 0 0 0 1.47-.247 1.05 1.05 0 0 0 .419-.354.96.96 0 0 0 .167-.504c0-.657-.586-1.059-1.808-1.059a4.807 4.807 0 0 0-2.641.82l-.611-.974a5.42 5.42 0 0 1 3.252-1.052c2.014 0 3.178.843 3.178 2.15.016.35-.07.697-.247 1.005a2.02 2.02 0 0 1-.76.749c.39.107.732.33.975.635.243.306.373.677.371 1.057Zm7.519-5.434h1.346v7.644h-1.346v-3.331h-4.721v3.33h-1.337v-7.643h1.337v3.091h4.721v-3.091Zm9.452 0h1.23v7.644h-1.337v-5.727l-4.796 5.727h-1.222v-7.644h1.337v5.696l4.788-5.696Z"/><defs><clipPath id="clip0_1978_2699"><path fill="#fff" d="M.5 0h192v32H.5z"/></clipPath></defs></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="logoMain" fill="none" viewBox="0 0 192 32"><path fill="#003790" d="M14.197 4v6.222h-2.462c-3.109 0-5.614 2.455-5.614 5.503s2.505 5.502 5.614 5.502h2.462v6.223C19.811 26.392 24 21.566 24 15.725 24 9.925 19.81 5.1 14.197 4Z"/><path fill="#FC5055" d="M12.221 23.429c-4.189 0-7.6-3.344-7.6-7.45s3.411-7.45 7.6-7.45h.475V4h-.475C5.484 4 0 9.376 0 15.979 0 22.624 5.484 28 12.221 28h.475v-4.571h-.475Z"/><path fill="#003790" d="M41.307 20.115a5.272 5.272 0 0 1-3.367 1.211 5.318 5.318 0 0 1-5.321-5.347 5.318 5.318 0 0 1 5.321-5.347 5.19 5.19 0 0 1 3.492 1.337l1.87-1.88A7.892 7.892 0 0 0 37.94 8C33.533 8 30 11.593 30 15.98c0 4.386 3.533 8.02 7.94 8.02 2.037 0 3.866-.752 5.238-2.005l-1.87-1.88Zm84.596-11.488-5.861 7.101-5.903-7.101-.042.083v-.083h-2.37v14.705h2.37V12.553l5.945 7.102 5.861-6.934v10.61h2.328V8.628h-2.328Z"/><path fill="#003790" fill-rule="evenodd" d="M52.988 23.958c4.365 0 7.94-3.55 7.94-7.979 0-4.386-3.575-7.979-7.94-7.979-4.364 0-7.94 3.593-7.94 7.98 0 4.386 3.534 7.978 7.94 7.978Zm-.041-13.326a5.318 5.318 0 0 1 5.32 5.347 5.318 5.318 0 0 1-5.32 5.347 5.318 5.318 0 0 1-5.321-5.347 5.318 5.318 0 0 1 5.32-5.347Zm48.6 13.326c4.365 0 7.94-3.55 7.94-7.979 0-4.386-3.575-7.979-7.94-7.979s-7.94 3.593-7.94 7.98c0 4.386 3.534 7.978 7.94 7.978Zm-.041-13.326a5.318 5.318 0 0 1 5.321 5.347 5.318 5.318 0 0 1-5.321 5.347 5.318 5.318 0 0 1-5.321-5.347 5.318 5.318 0 0 1 5.321-5.347Z" clip-rule="evenodd"/><path fill="#003790" d="M93.395 8.627h-3.201l-6.028 6.182h-2.452V8.627h-2.328v14.705h2.328V17.19h2.41l6.028 6.14h3.16l-7.15-7.31 7.233-7.394Zm98.605 0h-3.159l-6.07 6.182h-2.452V8.627h-2.328v14.705h2.328V17.19h2.452l5.986 6.14h3.16l-7.109-7.31L192 8.627Z"/><path fill="#003790" fill-rule="evenodd" d="M160.157 23.332h-2.577l-1.414-3.175H148.6l-1.413 3.175h-2.577l6.443-14.705h2.661l6.443 14.705Zm-7.774-11.698-2.743 6.183h5.487l-2.744-6.183Zm-75.99 7.436a4.238 4.238 0 0 0-1.33-3.09c.79-.795 1.33-1.88 1.33-3.092 0-2.34-1.871-4.261-4.199-4.261h-8.563v14.746h8.563c2.328-.041 4.199-1.963 4.199-4.303ZM66 11.008h6.153c1.039 0 1.87.835 1.87 1.88 0 1.044-.831 1.88-1.87 1.88H66v-3.76Zm0 9.984h6.153c1.039 0 1.87-.877 1.912-1.922 0-1.002-.832-1.88-1.87-1.88H66v3.802Z" clip-rule="evenodd"/><path fill="#003790" d="M172.711 8.668v6.141h-8.522V8.67h-2.369v14.62h2.369v-6.098h8.522v6.099h2.37V8.668h-2.37Z"/><path fill="#003790" fill-rule="evenodd" d="M139.538 14.81c2.328 0 4.24 1.921 4.24 4.26 0 2.34-1.912 4.262-4.24 4.303h-8.522V8.627h11.349v2.38h-8.979v3.802h6.152Zm-6.152 6.182h6.152c1.039 0 1.871-.877 1.871-1.922 0-1.002-.832-1.88-1.871-1.88h-6.152v3.802Z" clip-rule="evenodd"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="logoWhite" fill="none" viewBox="0 0 194 32"><path fill="#fff" d="M.5 16c0 6.622 5.378 12 12 12h.482v-4.535H12.5c-4.094 0-7.465-3.331-7.465-7.465 0-4.094 3.331-7.465 7.465-7.465h.482V4H12.5C5.878 4 .5 9.378.5 16Z"/><path fill="#fff" d="M14.908 4.241v6.261H12.5a5.55 5.55 0 0 0-5.539 5.539 5.55 5.55 0 0 0 5.539 5.538h2.408v6.26A11.974 11.974 0 0 0 24.5 16.082c.04-5.9-4.094-10.716-9.592-11.84ZM38.471 8c2.671 0 4.883 1.188 5.8 2.08l-1.543 1.91c-.751-.68-2.42-1.613-4.257-1.613-3.38 0-5.467 2.376-5.467 5.602 0 3.225 2.004 5.602 5.509 5.602 2.045 0 3.797-1.104 4.59-1.867l1.461 1.994c-.918.976-3.213 2.292-6.051 2.292-4.966 0-8.013-3.395-8.013-7.979C30.46 11.395 33.59 8 38.471 8Zm14.351 0c4.591 0 7.93 3.395 7.93 7.979 0 4.626-3.339 7.979-7.93 7.979-4.59 0-7.928-3.396-7.928-7.98C44.852 11.396 48.19 8 52.822 8Zm0 13.58c3.13 0 5.426-2.376 5.426-5.601 0-3.226-2.296-5.602-5.425-5.602-3.13 0-5.426 2.376-5.426 5.602 0 3.225 2.296 5.602 5.425 5.602Zm23.703-2.376c0 2.25-1.419 4.414-5.091 4.414H63.42V8.34h7.554c3.046 0 4.8 1.91 4.8 4.074 0 1.23-.544 2.334-1.879 3.225 1.335.467 2.63 1.486 2.63 3.565ZM65.884 10.76v4.074l4.757-.042c1.711 0 2.587-.976 2.587-2.08 0-1.061-.75-1.952-2.253-1.952h-5.091ZM71.6 21.24c1.753 0 2.42-.976 2.42-2.037 0-1.146-.793-2.08-2.378-2.08h-5.718v4.16H71.6v-.043Zm14.816-5.474 6.677 7.894h-3.297l-5.55-6.663h-2.838v6.663h-2.462V8.38h2.462v6.324h2.838l5.425-6.324h3.297l-6.552 7.385Z"/><path fill="#fff" d="M100.689 8c4.59 0 7.929 3.395 7.929 7.979 0 4.626-3.339 7.979-7.929 7.979s-7.93-3.396-7.93-7.98C92.76 11.396 96.1 8 100.69 8Zm0 13.58c3.13 0 5.425-2.376 5.425-5.601 0-3.226-2.295-5.602-5.425-5.602s-5.425 2.376-5.425 5.602c0 3.225 2.337 5.602 5.425 5.602Zm24.58-13.24h2.379v15.278h-2.462V12.287l-4.925 6.705h-1.502l-4.924-6.705V23.66h-2.463V8.382h2.379l5.759 7.852 5.759-7.894Zm13.687 6.238c3.297 0 5.092 1.953 5.092 4.5 0 2.546-1.795 4.54-4.925 4.54h-8.179V8.34h11.685v2.419h-9.223v3.862h5.55v-.043Zm.084 6.663c1.711 0 2.504-.976 2.504-2.122 0-1.145-.793-2.122-2.504-2.122h-5.592v4.244h5.592Zm18.779 2.377-1.627-3.82h-7.095l-1.627 3.82h-2.713l6.511-15.278h2.712l6.51 15.278h-2.671Zm-7.803-6.111h5.174l-2.587-6.112-2.587 6.112ZM173.51 8.34h2.463v15.278h-2.463v-6.536h-8.68v6.536h-2.462V8.34h2.462v6.323h8.68V8.34Zm13.313 7.426 6.677 7.894h-3.297l-5.55-6.663h-2.838v6.663h-2.462V8.38h2.462v6.324h2.838l5.425-6.324h3.297l-6.552 7.385Z"/></symbol></svg>

package/public/sprites/files.svg

@@ -0,0 +1 @@
+<svg width="0" height="0"><symbol xmlns="http://www.w3.org/2000/svg" id="border" fill="none" viewBox="0 0 476 64"><mask id="a" fill="currentColor"><path d="M0 4a4 4 0 0 1 4-4h468a4 4 0 0 1 4 4v56a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4Z"/></mask><path fill="currentColor" d="M4 63.5A3.5 3.5 0 0 1 .5 60h-1A4.5 4.5 0 0 0 4 64.5v-1ZM.5 60v-7h-1v7h1Zm0-21V25h-1v14h1Zm0-28V4h-1v7h1Zm0-7A3.5 3.5 0 0 1 4 .5v-1A4.5 4.5 0 0 0-.5 4h1ZM4 .5h5.85v-1H4v1Zm17.55 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0H472v-1h-5.85v1Zm5.85 0a3.5 3.5 0 0 1 3.5 3.5h1A4.5 4.5 0 0 0 472-.5v1Zm3.5 3.5v7h1V4h-1Zm0 21v14h1V25h-1Zm0 28v7h1v-7h-1Zm0 7a3.5 3.5 0 0 1-3.5 3.5v1a4.5 4.5 0 0 0 4.5-4.5h-1Zm-3.5 3.5h-5.85v1H472v-1Zm-17.55 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0H4v1h5.85v-1ZM4 63a3 3 0 0 1-3-3h-2a5 5 0 0 0 5 5v-2Zm-3-3v-7h-2v7h2Zm0-21V25h-2v14h2Zm0-28V4h-2v7h2Zm0-7a3 3 0 0 1 3-3v-2a5 5 0 0 0-5 5h2Zm3-3h5.85v-2H4v2Zm17.55 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0H472v-2h-5.85v2ZM472 1a3 3 0 0 1 3 3h2a5 5 0 0 0-5-5v2Zm3 3v7h2V4h-2Zm0 21v14h2V25h-2Zm0 28v7h2v-7h-2Zm0 7a3 3 0 0 1-3 3v2a5 5 0 0 0 5-5h-2Zm-3 3h-5.85v2H472v-2Zm-17.55 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0H4v2h5.85v-2Z" mask="url(#a)"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="borderError" fill="none" viewBox="0 0 476 64"><path fill="currentColor" d="M4 63.5A3.5 3.5 0 0 1 .5 60h-1A4.5 4.5 0 0 0 4 64.5v-1ZM.5 60v-7h-1v7h1Zm0-21V25h-1v14h1Zm0-28V4h-1v7h1Zm0-7A3.5 3.5 0 0 1 4 .5v-1A4.5 4.5 0 0 0-.5 4h1ZM4 .5h5.85v-1H4v1Zm17.55 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0h11.7v-1h-11.7v1Zm23.4 0H472v-1h-5.85v1Zm5.85 0a3.5 3.5 0 0 1 3.5 3.5h1A4.5 4.5 0 0 0 472-.5v1Zm3.5 3.5v7h1V4h-1Zm0 21v14h1V25h-1Zm0 28v7h1v-7h-1Zm0 7a3.5 3.5 0 0 1-3.5 3.5v1a4.5 4.5 0 0 0 4.5-4.5h-1Zm-3.5 3.5h-5.85v1H472v-1Zm-17.55 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0h-11.7v1h11.7v-1Zm-23.4 0H4v1h5.85v-1ZM4 63a3 3 0 0 1-3-3h-2a5 5 0 0 0 5 5v-2Zm-3-3v-7h-2v7h2Zm0-21V25h-2v14h2Zm0-28V4h-2v7h2Zm0-7a3 3 0 0 1 3-3v-2a5 5 0 0 0-5 5h2Zm3-3h5.85v-2H4v2Zm17.55 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0h11.7v-2h-11.7v2Zm23.4 0H472v-2h-5.85v2ZM472 1a3 3 0 0 1 3 3h2a5 5 0 0 0-5-5v2Zm3 3v7h2V4h-2Zm0 21v14h2V25h-2Zm0 28v7h2v-7h-2Zm0 7a3 3 0 0 1-3 3v2a5 5 0 0 0 5-5h-2Zm-3 3h-5.85v2H472v-2Zm-17.55 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0h-11.7v2h11.7v-2Zm-23.4 0H4v2h5.85v-2Z" mask="url(#a)"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="documentFilled" fill="none" viewBox="0 0 22 28"><path fill="currentColor" fill-rule="evenodd" d="M.333 3.038A2.374 2.374 0 0 1 2.71.667h11.053c.26 0 .51.102.698.288l6.909 6.85c.188.188.297.444.297.714v16.443a2.374 2.374 0 0 1-2.377 2.371H2.71a2.374 2.374 0 0 1-2.377-2.371V3.038ZM2.71 2.67H11c.103 0 .201.04.274.108a.36.36 0 0 1 .113.261V9.89a1 1 0 0 0 .995 1.002h6.908c.214 0 .387.165.387.369v13.702a.378.378 0 0 1-.387.369H2.71a.378.378 0 0 1-.387-.37V3.039c0-.204.173-.369.387-.369Zm10.909.595a.4.4 0 0 1 .423.086l4.955 4.913a.356.356 0 0 1 .077.4.388.388 0 0 1-.356.225h-4.955a.378.378 0 0 1-.386-.369V3.606a.37.37 0 0 1 .242-.342Z" clip-rule="evenodd"/><path fill="currentColor" fill-rule="evenodd" d="M11 2.67H2.71a.378.378 0 0 0-.387.368v21.924c0 .204.173.369.387.369h16.58a.378.378 0 0 0 .387-.37V11.26a.378.378 0 0 0-.387-.37h-6.908a.998.998 0 0 1-.995-1V3.037a.36.36 0 0 0-.113-.26.397.397 0 0 0-.274-.109Zm0 9.925c-.535 0-.995.3-.995.867v4.766a.37.37 0 0 1-.242.342.4.4 0 0 1-.424-.086l-.404-.401a.99.99 0 0 0-1.397 0 1.006 1.006 0 0 0 0 1.426l2.764 2.74a.99.99 0 0 0 1.396 0l2.763-2.74a1.006 1.006 0 0 0 0-1.426.99.99 0 0 0-1.396 0l-.404.4a.4.4 0 0 1-.424.087.37.37 0 0 1-.242-.342v-4.766c0-.567-.46-.867-.995-.867Z" clip-rule="evenodd"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="documentOutline" fill="none" viewBox="0 0 22 28"><path fill="currentColor" d="M.333 3.333A2.667 2.667 0 0 1 3 .667h10.667c.353 0 .692.14.943.39l6.666 6.667c.25.25.39.589.39.943v16A2.667 2.667 0 0 1 19 27.333H3a2.667 2.667 0 0 1-2.667-2.666V3.333Zm18.115 5.334-4.781-4.781v4.78h4.78ZM11 3.333H3v21.334h16V11.333h-6.667A1.333 1.333 0 0 1 11 10V3.333Z"/><path fill="currentColor" d="M9.941 13.722c0-.597.49-1.055 1.059-1.055.57 0 1.059.458 1.059 1.055v3.735a.39.39 0 0 0 .258.361c.156.06.334.023.45-.091l.431-.423a1.06 1.06 0 0 1 1.486 0c.421.413.421 1.09 0 1.503l-2.94 2.89a1.06 1.06 0 0 1-1.487 0l-2.941-2.89a1.053 1.053 0 0 1 0-1.503 1.06 1.06 0 0 1 1.486 0l.43.423a.43.43 0 0 0 .451.091.39.39 0 0 0 .258-.36v-3.736Z"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="upload" fill="none" viewBox="0 0 23 20"><path fill="currentColor" fill-rule="evenodd" d="M11.5 2.222c-3.237 0-5.83 2.602-5.83 5.772v.103c.01.517-.334.971-.83 1.098a2.83 2.83 0 0 0-2.14 2.732c0 1.033.564 1.947 1.424 2.44.528.304.713.982.412 1.516-.3.533-.972.72-1.5.416A5.04 5.04 0 0 1 .5 11.927a5.042 5.042 0 0 1 2.998-4.608C3.842 3.206 7.31 0 11.5 0a8.03 8.03 0 0 1 7.646 5.547 6.024 6.024 0 0 1 3.354 5.396c0 1.98-.96 3.733-2.427 4.827a1.093 1.093 0 0 1-1.538-.233 1.118 1.118 0 0 1 .232-1.554 3.783 3.783 0 0 0 1.533-3.04 3.808 3.808 0 0 0-2.458-3.549 1.108 1.108 0 0 1-.677-.77c-.618-2.516-2.911-4.402-5.665-4.402ZM7.581 13.206l3.15-3.112a1.092 1.092 0 0 1 1.538 0l3.15 3.112a1.12 1.12 0 0 1 .018 1.57 1.092 1.092 0 0 1-1.556.018L12.6 13.53v5.36c0 .614-.492 1.111-1.1 1.111-.607 0-1.1-.497-1.1-1.111v-5.36l-1.281 1.265a1.092 1.092 0 0 1-1.556-.017 1.12 1.12 0 0 1 .018-1.571Z" clip-rule="evenodd"/></symbol></svg>

package/public/sprites/general.svg

@@ -0,0 +1 @@
+<svg width="0" height="0"><symbol xmlns="http://www.w3.org/2000/svg" id="calendar" fill="none" viewBox="0 0 19 20"><path fill="currentColor" fill-rule="evenodd" d="M4.56 0a1 1 0 0 1 1 1v.543h8.19V1a1 1 0 1 1 2 0v.604c1.714.317 3 1.834 3 3.639V16.3c0 2.032-1.63 3.7-3.667 3.7H4.417C2.38 20 .75 18.332.75 16.3V5.243a3.696 3.696 0 0 1 2.81-3.599V1a1 1 0 0 1 1-1Zm-.02 3.543h-.123c-.91 0-1.667.75-1.667 1.7v.671h14v-.671c0-.95-.758-1.7-1.667-1.7H4.58a1.066 1.066 0 0 1-.04 0Zm12.21 4.371h-14V16.3c0 .95.758 1.7 1.667 1.7h10.666c.91 0 1.667-.75 1.667-1.7V7.914Z" clip-rule="evenodd"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="check" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="m4.892 13.269 4.274 4.274L18.709 8"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="close" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M5.293 5.293a1 1 0 0 1 1.414 0L12 10.586l5.293-5.293a1 1 0 1 1 1.414 1.414L13.414 12l5.293 5.293a1 1 0 0 1-1.414 1.414L12 13.414l-5.293 5.293a1 1 0 0 1-1.414-1.414L10.586 12 5.293 6.707a1 1 0 0 1 0-1.414Z"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="edit" fill="none" viewBox="0 0 19 19"><path fill="currentColor" d="M13.293.293a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1 0 1.414l-13 13A1 1 0 0 1 5 19H1a1 1 0 0 1-1-1v-4a1 1 0 0 1 .293-.707l13-13ZM14 2.414l-12 12V17h2.586l12-12L14 2.414Z"/><path fill="currentColor" fill-rule="evenodd" d="M9 18a1 1 0 0 1 1-1h8a1 1 0 1 1 0 2h-8a1 1 0 0 1-1-1Z" clip-rule="evenodd"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="hiddenEye" fill="none" viewBox="0 0 20 18"><path fill="currentColor" d="M2.707.293a1 1 0 0 0-1.414 1.414l2.424 2.424C2.287 5.207 1.04 6.685.106 8.553a1 1 0 0 0 0 .894C2.264 13.764 6.096 16 10 16c1.555 0 3.1-.355 4.53-1.055l2.763 2.762a1 1 0 0 0 1.414-1.414l-16-16Zm10.307 13.135c-.98.383-2 .572-3.014.572-2.969 0-6.002-1.62-7.87-5 .817-1.479 1.858-2.62 3.018-3.437l2.144 2.144a3 3 0 0 0 4.001 4.001l1.72 1.72Zm3.538-2.532c.483-.556.926-1.187 1.318-1.896-1.868-3.38-4.9-5-7.87-5-.112 0-.224.002-.336.007L7.879 2.223A10.215 10.215 0 0 1 10 2c3.903 0 7.736 2.236 9.894 6.553a1 1 0 0 1 0 .894 13.107 13.107 0 0 1-1.925 2.865l-1.417-1.416Z"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="plus" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 1 1 0-2h6V1a1 1 0 0 1 1-1Z"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="showEye" fill="none" viewBox="0 0 20 14"><path fill="currentColor" d="M13 7a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/><path fill="currentColor" d="M19.894 6.553C17.736 2.236 13.904 0 10 0 6.097 0 2.264 2.236.106 6.553a1 1 0 0 0 0 .894C2.264 11.764 6.096 14 10 14c3.903 0 7.736-2.236 9.894-6.553a1 1 0 0 0 0-.894ZM10 12c-2.969 0-6.002-1.62-7.87-5C3.998 3.62 7.03 2 10 2c2.969 0 6.002 1.62 7.87 5-1.868 3.38-4.901 5-7.87 5Z"/></symbol></svg>

package/public/sprites/info.svg

@@ -0,0 +1 @@
+<svg width="0" height="0"><symbol xmlns="http://www.w3.org/2000/svg" id="warningCircle" fill="none" viewBox="0 0 20 20"><path fill="currentColor" d="M10 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16ZM0 10C0 4.477 4.477 0 10 0s10 4.477 10 10-4.477 10-10 10S0 15.523 0 10Z"/><path fill="currentColor" d="M10 12a1 1 0 0 1-1-1V5a1 1 0 0 1 2 0v6a1 1 0 0 1-1 1Zm-1.5 2.5a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0Z"/></symbol></svg>

package/public/sprites/social.svg

@@ -0,0 +1 @@
+<svg width="0" height="0"><symbol xmlns="http://www.w3.org/2000/svg" id="classmates" fill="none" viewBox="0 0 9 15"><path fill="currentColor" fill-rule="evenodd" d="M7.982 3.811c0 1.933-1.64 3.503-3.65 3.503S.682 5.744.682 3.811C.682 1.871 2.322.3 4.332.3s3.65 1.57 3.65 3.511Zm-1.858 0c0-.958-.805-1.732-1.792-1.732-.988 0-1.793.774-1.793 1.732 0 .95.806 1.724 1.793 1.724.987 0 1.792-.774 1.792-1.724ZM1.093 9.338C.176 8.77-.227 8.437.128 7.741c.208-.395.779-.729 1.535-.155 0 0 1.021.783 2.67.783 1.648 0 2.67-.783 2.67-.783.757-.57 1.325-.24 1.536.155.349.696-.053 1.028-.97 1.6-.77.471-1.832.658-2.532.728l1.528 1.465 1.208 1.159c.785.774-.493 1.984-1.286 1.236-.529-.516-1.3-1.258-2.107-2.035l-.04-.039-2.148 2.071C1.4 14.671.122 13.45.915 12.69l2.727-2.624c-.005.005-.099.095 0 0-.692-.07-1.77-.246-2.55-.728Z" clip-rule="evenodd"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="telegram" fill="none" viewBox="0 0 15 13"><path fill="currentColor" d="M.882 5.418 13.337.616c.578-.209 1.082.141.895 1.015h.001l-2.12 9.99c-.157.708-.578.88-1.167.546l-3.23-2.38-1.557 1.5c-.172.173-.317.318-.651.318l.23-3.286 5.984-5.407c.26-.23-.058-.358-.402-.13L3.924 7.439.736 6.444c-.692-.22-.707-.692.146-1.026Z"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="vk" fill="none" viewBox="0 0 16 9"><path fill="currentColor" fill-rule="evenodd" d="M14.28 6.942c.365.373 1.16 1 1.015 1.637-.133.585-1.006.371-1.854.405-.968.041-1.542.062-2.124-.405-.274-.222-.435-.485-.698-.779-.239-.266-.54-.742-.95-.723-.736.036-.505 1.062-.767 1.762-4.092.644-5.735-1.884-7.185-4.337C1.015 3.314 0 .762 0 .762l2.894-.01s.928 1.688 1.174 2.124c.21.37.44.664.677.994.2.275.514.811.86.768.56-.072.662-2.248.314-2.978-.138-.295-.47-.398-.814-.498C5.221.43 8.351.277 8.857.845c.735.825-.509 3.123.498 3.793 1.413-.74 2.62-3.841 2.62-3.841l3.388.021s-.53 1.676-1.085 2.42c-.324.435-1.398 1.404-1.356 2.123.034.57.908 1.124 1.357 1.581Z" clip-rule="evenodd"/></symbol></svg>

package/src/App.tsx

@@ -0,0 +1,9 @@
+export const App = () => {
+  return (
+    <div className='flex min-h-screen items-center justify-center'>
+      <h2 className='desk-title-bold-s text-color-tetriary'>
+        use <span className='desk-title-bold-s text-color-primary-default'> npm run start </span> for run storybook
+      </h2>
+    </div>
+  )
+}

package/src/app/providers/RootProvider.tsx

@@ -0,0 +1,11 @@
+import type { IProviderProps } from './model/types'
+import { NotificationProvider } from '$/shared/ui'
+
+export const RootProvider = ({ children }: IProviderProps) => {
+  return (
+    <>
+      <NotificationProvider />
+      {children}
+    </>
+  )
+}

package/src/app/providers/index.ts

@@ -0,0 +1 @@
+export * from './RootProvider'

package/src/app/providers/model/types.ts

@@ -0,0 +1,5 @@
+import type { ReactNode } from 'react'
+
+export interface IProviderProps {
+  children: ReactNode
+}

package/src/configs/setup.ts

@@ -0,0 +1,9 @@
+import * as matchers from '@testing-library/jest-dom/matchers'
+import { cleanup } from '@testing-library/react'
+import { afterEach, expect } from 'vitest'
+
+expect.extend(matchers)
+
+afterEach(() => {
+  cleanup()
+})

package/src/configs/storybook.config.ts

@@ -0,0 +1,23 @@
+export const STORYBOOK_VIEWPORTS = {
+  mobile: {
+    name: 'mobile',
+    styles: {
+      width: '360px',
+      height: '700px'
+    }
+  },
+  desktop: {
+    name: 'desktop',
+    styles: {
+      width: '1188px',
+      height: '700px'
+    }
+  },
+  fullscreen: {
+    name: 'fullscreen',
+    styles: {
+      width: '100%',
+      height: '100%'
+    }
+  }
+}

package/src/main.tsx

@@ -0,0 +1,10 @@
+import React from 'react'
+import ReactDOM from 'react-dom/client'
+import '$/shared/style.css'
+import { App } from './App.tsx'
+
+ReactDOM.createRoot(document.getElementById('root')!).render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>
+)

package/src/stories/primitives/Accordion.stories.tsx

@@ -0,0 +1,66 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import { Accordion } from '$/shared/ui'
+
+const meta = {
+  title: 'INTERACTIVE/Accordion',
+  component: Accordion,
+  tags: ['autodocs'],
+  decorators: [
+    (Story) => (
+      <div className='m-auto mt-8 max-w-[800px]'>
+        <Story />
+      </div>
+    )
+  ]
+} satisfies Meta<typeof Accordion>
+
+export default meta
+
+type Story = StoryObj<typeof Accordion>
+
+const mock_accordion_list = [
+  {
+    label: 'Заголовок аккордеон 1',
+    content: 'Контент аккордеона 1'
+  },
+  {
+    label: 'Заголовок аккордеон 2',
+    content: 'Контент аккордеона 2'
+  },
+  {
+    label: 'Заголовок аккордеон 3',
+    content: 'Контент аккордеона 3'
+  }
+]
+
+export const Base: Story = {
+  args: {
+    label: 'Заголовок аккордеон',
+    children: 'Контент аккордеона'
+  }
+}
+
+export const WithDefaultOpen: Story = {
+  args: {
+    defaultOpen: ['Заголовок аккордеон'],
+    label: 'Заголовок аккордеон',
+    children: 'Контент аккордеона'
+  }
+}
+
+export const MappedWithDefaultOpen: Story = {
+  render: (...args) => (
+    <div className='flex flex-col gap-6'>
+      {mock_accordion_list?.map(({ label, content }) => (
+        <Accordion
+          defaultOpen={['Заголовок аккордеон 1', 'Заголовок аккордеон 2']}
+          key={label.toString()}
+          label={label}
+          {...args}
+        >
+          {content}
+        </Accordion>
+      ))}
+    </div>
+  )
+}

package/src/stories/primitives/Badge.stories.tsx

@@ -0,0 +1,28 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import { Badge } from '$/shared/ui'
+
+const meta = {
+  title: 'Base/Badge',
+  component: Badge,
+  parameters: {
+    layout: 'centered'
+  },
+  tags: ['autodocs']
+} satisfies Meta<typeof Badge>
+
+export default meta
+
+type Story = StoryObj<typeof meta>
+
+export const Base: Story = {
+  args: {
+    children: 'Text container'
+  }
+}
+
+export const MinWidth: Story = {
+  args: {
+    children: '2',
+    className: 'bg-color-primary-default'
+  }
+}

package/src/stories/primitives/Breadcrumbs.stories.tsx

@@ -0,0 +1,29 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import { Breadcrumbs } from '$/shared/ui'
+import type { TLinksList } from '$/shared/ui/Breadcrumbs'
+
+const meta = {
+  title: 'Navigation/Breadcrumbs',
+  component: Breadcrumbs,
+  parameters: {
+    layout: 'centered'
+  },
+
+  tags: ['autodocs']
+} satisfies Meta<typeof Breadcrumbs>
+
+export default meta
+
+type Story = StoryObj<typeof meta>
+
+const linksList: TLinksList = [
+  { label: 'Главная', path: 'https://sovcombank.ru/' },
+  { label: 'Займы', path: 'https://sovcombank.ru/apply/credit/zajm-online/' },
+  { label: 'Главная' }
+]
+
+export const Base: Story = {
+  args: {
+    linksList
+  }
+}

package/src/stories/primitives/Button/Button.stories.tsx

@@ -0,0 +1,149 @@
+import toast from 'react-hot-toast'
+import type { Meta, StoryObj } from '@storybook/react'
+import { Button, Icon } from '$/shared/ui'
+
+const meta = {
+  title: 'BASE/Button',
+  component: Button,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'centered'
+  }
+} satisfies Meta<typeof Button>
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+export const Base: Story = {
+  args: {
+    size: 'md',
+    children: 'Button',
+    intent: 'primary',
+    textFormat: 'initial',
+    isLoading: false,
+    onClick: () => toast.success('Clicked')
+  }
+}
+
+export const AllVariantsButtons: Story = {
+  render: () => (
+    <div className='flex flex-col gap-8'>
+      <div className='flex flex-col gap-3'>
+        <strong className='text-color-tetriary'># Primary</strong>
+        <div className='flex items-center gap-5'>
+          <Button intent='primary' size='lg'>
+            Button
+          </Button>
+          <Button intent='primary' size='md'>
+            Button
+          </Button>
+          <Button intent='primary' size='sm'>
+            Button
+          </Button>
+          <Button intent='primary' size='sm' disabled>
+            Button
+          </Button>
+          <Button intent='primary' size='sm' isLoading>
+            Button
+          </Button>
+        </div>
+      </div>
+
+      <div className='flex flex-col gap-3'>
+        <strong className='text-color-tetriary'># Secondary</strong>
+        <div className='flex items-center gap-5'>
+          <Button intent='secondary' size='lg'>
+            Button
+          </Button>
+          <Button intent='secondary' size='md'>
+            Button
+          </Button>
+          <Button intent='secondary' size='sm'>
+            Button
+          </Button>
+          <Button intent='secondary' size='sm' disabled>
+            Button
+          </Button>
+          <Button intent='secondary' size='sm' isLoading>
+            Button
+          </Button>
+        </div>
+      </div>
+
+      <div className='flex flex-col gap-3'>
+        <strong className='text-color-tetriary'># Ghost</strong>
+        <div className='flex items-center gap-5'>
+          <Button intent='ghost' size='lg'>
+            Button
+          </Button>
+          <Button intent='ghost' size='md'>
+            Button
+          </Button>
+          <Button intent='ghost' size='sm'>
+            Button
+          </Button>
+          <Button intent='ghost' size='sm' disabled>
+            Button
+          </Button>
+          <Button intent='ghost' size='sm' isLoading>
+            Button
+          </Button>
+        </div>
+      </div>
+
+      <div className='flex flex-col gap-3'>
+        <strong className='text-color-tetriary'># Negative</strong>
+        <div className='flex items-center gap-5'>
+          <Button intent='negative' size='lg'>
+            Button
+          </Button>
+          <Button intent='negative' size='md'>
+            Button
+          </Button>
+          <Button intent='negative' size='sm'>
+            Button
+          </Button>
+          <Button intent='negative' size='sm' disabled>
+            Button
+          </Button>
+          <Button intent='negative' size='sm' isLoading>
+            Button
+          </Button>
+        </div>
+      </div>
+
+      <div className='flex flex-col gap-3'>
+        <strong className='text-color-tetriary'># Text format</strong>
+        <div className='flex items-center gap-5'>
+          <Button intent='primary' size='lg' textFormat='capitalize'>
+            capitalize
+          </Button>
+          <Button intent='primary' size='md' textFormat='uppercase'>
+            uppercase
+          </Button>
+          <Button intent='primary' size='sm' textFormat='lowercase'>
+            lowercase
+          </Button>
+          <Button intent='primary' size='sm' textFormat='initial'>
+            initial
+          </Button>
+        </div>
+      </div>
+
+      <div className='flex flex-col gap-3'>
+        <strong className='text-color-tetriary'># With icons</strong>
+        <div className='flex items-center gap-5'>
+          <Button iconLeft={<Icon name='general/check' />} intent='primary' size='lg'>
+            Button
+          </Button>
+          <Button iconLeft={<Icon name='general/check' />} iconRight={<Icon name='general/check' />} intent='primary' size='md'>
+            Button
+          </Button>
+          <Button iconRight={<Icon name='general/check' />} intent='primary' size='sm'>
+            Button
+          </Button>
+        </div>
+      </div>
+    </div>
+  )
+}

package/src/stories/primitives/Button/Button.test.tsx

@@ -0,0 +1,150 @@
+// "pre-deploy": "npm run lint && npm run test -- --watch=false" for package json
+
+// import { render, screen } from '@testing-library/react'
+// import { describe, expect, it } from 'vitest'
+// import { Button } from '$/shared/ui'
+
+// describe('Тестирование Button', () => {
+//   const buttonTestid = 'test-button'
+
+//   it('Кнопка должна рендериться с правильным текстом', () => {
+//     const { asFragment } = render(<Button data-testid={buttonTestid}>Click me!</Button>)
+
+//     expect(asFragment()).toMatchSnapshot()
+
+//     const button = screen.getByTestId(buttonTestid)
+
+//     expect(button).toBeInTheDocument()
+//     expect(button).toHaveTextContent('Click me!')
+//   })
+
+//   it('Кнопка должна быть отключена, когда свойство disabled равно true', () => {
+//     const { asFragment } = render(
+//       <Button disabled data-testid={buttonTestid}>
+//         Click me!
+//       </Button>
+//     )
+
+//     expect(asFragment()).toMatchSnapshot()
+
+//     const button = screen.getByTestId(buttonTestid)
+
+//     expect(button).toBeInTheDocument()
+//     expect(button).toBeDisabled()
+//   })
+
+//   it('Кнопка должна быть включена, когда свойство disabled равно false', () => {
+//     const { asFragment } = render(
+//       <Button disabled={false} data-testid={buttonTestid}>
+//         Click me!
+//       </Button>
+//     )
+
+//     expect(asFragment()).toMatchSnapshot()
+
+//     const button = screen.getByTestId(buttonTestid)
+
+//     expect(button).toBeInTheDocument()
+//     expect(button).not.toBeDisabled()
+//   })
+
+//   it('Кнопка должна отображать иконку слева до текста, если она передана', () => {
+//     const icon = (
+//       <span role='img' aria-label='icon'>
+//         🌟
+//       </span>
+//     )
+
+//     const { asFragment } = render(
+//       <Button data-testid={buttonTestid} iconLeft={icon}>
+//         Click me!
+//       </Button>
+//     )
+
+//     expect(asFragment()).toMatchSnapshot()
+
+//     const button = screen.getByTestId(buttonTestid)
+//     const iconElement = screen.getByRole('img')
+//     const buttonText = screen.getByText('Click me!')
+
+//     expect(button).toBeInTheDocument()
+//     expect(button).toContainElement(iconElement)
+//     expect(button).toContainElement(buttonText)
+
+//     const buttonContent = button.textContent!
+//     expect(buttonContent.indexOf('🌟')).toBeLessThan(buttonContent.indexOf('Click me!'))
+//   })
+
+//   it('Кнопка должна отображать иконку справа после текста, если она передана', () => {
+//     const icon = (
+//       <span role='img' aria-label='icon'>
+//         🌟
+//       </span>
+//     )
+
+//     const { asFragment } = render(
+//       <Button data-testid={buttonTestid} iconRight={icon}>
+//         Click me!
+//       </Button>
+//     )
+
+//     expect(asFragment()).toMatchSnapshot()
+
+//     const button = screen.getByTestId(buttonTestid)
+//     const iconElement = screen.getByRole('img')
+//     const buttonText = screen.getByText('Click me!')
+
+//     expect(button).toBeInTheDocument()
+//     expect(button).toContainElement(iconElement)
+//     expect(button).toContainElement(buttonText)
+
+//     const buttonContent = button.textContent!
+//     expect(buttonContent.indexOf('Click me!')).toBeLessThan(buttonContent.indexOf('🌟'))
+//   })
+
+//   it('На кнопку добавляется новый класс, если передается className', () => {
+//     const { asFragment } = render(
+//       <Button data-testid={buttonTestid} className='testClassName'>
+//         Click me!
+//       </Button>
+//     )
+
+//     expect(asFragment()).toMatchSnapshot()
+
+//     const button = screen.getByTestId(buttonTestid)
+//     const buttonClassName = document.querySelector('.testClassName')
+
+//     expect(button).toBeInTheDocument()
+//     expect(buttonClassName).toBeInTheDocument()
+//   })
+
+//   it('Кнопка меняет тип, если передать type', () => {
+//     const { asFragment } = render(
+//       <Button data-testid={buttonTestid} type='reset'>
+//         Click me!
+//       </Button>
+//     )
+
+//     expect(asFragment()).toMatchSnapshot()
+
+//     const button = screen.getByTestId(buttonTestid)
+
+//     expect(button).toBeInTheDocument()
+//     expect(button.getAttribute('type')).toBe('reset')
+//   })
+
+//   it('Кнопка применяет нужные стили при передаче props textFormat', () => {
+//     const { asFragment } = render(
+//       <Button data-testid={buttonTestid} textFormat='uppercase'>
+//         Click me!
+//       </Button>
+//     )
+
+//     expect(asFragment()).toMatchSnapshot()
+
+//     const button = screen.getByTestId(buttonTestid)
+
+//     expect(button).toBeInTheDocument()
+//     expect(button).toHaveClass('uppercase')
+//   })
+// })