TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-12-18 07:51:55 +03:00
Code Issues Projects Releases Wiki Activity
0db210ab68
Ghost/ghost/members-auth-pages/components/icons.js
Peter Zimon 25e5a31d91 Members refine buttons (#10692) 
* Members: disabled signup button during signup

* Members: disabled non-Stripe signup button during signup

* Members: added check to Log in button logged in state
2019-05-07 17:15:50 +02:00

40 lines
9.1 KiB
JavaScript
Raw Blame History

export const IconEmail = (
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>icon-email</title><g fill="none" fill-rule="evenodd"><path d="M15.619 12.53c0 .646-.38.97-1.143.97H1.524c-.762 0-1.143-.324-1.143-.97V3.47c0-.267.112-.496.335-.686.223-.19.492-.284.808-.284h12.952c.762 0 1.143.324 1.143.97v9.06z" stroke="#B2C2C9" stroke-linecap="round" stroke-linejoin="round" /><path stroke="#B2C2C9" stroke-linecap="round" stroke-linejoin="round" d="M15.238 3L8 10 .762 3" /></g></svg>
);
export const IconLock = (
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>icon-lock</title><g fill="none" fill-rule="evenodd"><path d="M8.75 10.25c0 .5-.25.75-.75.75s-.75-.25-.75-.75.25-.75.75-.75.75.25.75.75zM8 11v2.25" stroke="#B2C2C9" stroke-linecap="round" stroke-linejoin="round" /><path d="M2.706 6.5h10.588c.47 0 .706.214.706.643v7.714c0 .429-.235.643-.706.643H2.706c-.47 0-.706-.214-.706-.643V7.143c0-.429.235-.643.706-.643zM3.875 4.817c0-1.645.687-2.878 2.063-3.7 1.375-.823 2.75-.823 4.125 0 1.374.822 2.062 2.055 2.062 3.7V6.5h-8.25V4.817z" stroke="#B2C2C9" stroke-linecap="round" stroke-linejoin="round" /></g></svg>
);
export const IconName = (
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>icon-name</title><g fill="none" fill-rule="evenodd"><path stroke-opacity=".012" stroke="#000" stroke-width="0" d="M.5.5h15v15H.5z" /><g stroke="#B2C2C9" stroke-linecap="round" stroke-linejoin="round"><path d="M15.187 8c0 1.985-.701 3.679-2.105 5.082C11.68 14.486 9.985 15.187 8 15.187c-1.985 0-3.679-.701-5.082-2.105C1.514 11.68.812 9.985.812 8c0-1.985.702-3.679 2.106-5.082C4.32 1.514 6.015.812 8 .812c1.985 0 3.679.702 5.082 2.106C14.486 4.32 15.187 6.015 15.187 8z" /><path d="M2.974 13.138c1.071-.62 2.199-1.11 3.383-1.47.524-.193.58-1.393.205-1.805-.54-.596-1-1.294-1-2.98-.066-.711.145-1.328.633-1.85.489-.522 1.09-.773 1.805-.754.715-.02 1.316.232 1.805.754.488.522.7 1.139.632 1.85 0 1.688-.458 2.384-1 2.98-.375.412-.318 1.612.205 1.805 1.185.36 2.313.85 3.384 1.47" /></g></g></svg>
);
export const IconClose = (
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>icon-close</title><g fill="none" fill-rule="evenodd"><path d="M2.25 2.25l11.5 11.5M13.75 2.25l-11.5 11.5" stroke="#9BAEB8" stroke-linecap="round" stroke-linejoin="round" /></g></svg>
);
export const IconError = (
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>icon-error</title><g fill="none" fill-rule="evenodd"><path d="M15 7.88c.005 1.944-.674 3.61-2.038 4.997C11.6 14.263 9.945 14.97 8 14.999c-1.921.029-3.567-.63-4.937-1.976S1.005 10.043 1 8.123c-.005-1.946.674-3.612 2.037-4.999C4.401 1.737 6.055 1.029 8 1.001c1.921-.029 3.567.63 4.938 1.977 1.37 1.347 2.057 2.98 2.062 4.902zM7.933 9.337V4.67" stroke="#F05230" stroke-linecap="round" stroke-linejoin="round" /><path d="M7.927 11.67c-.046 0-.084.018-.116.051-.031.033-.046.073-.044.119.004.109.06.163.168.163.046 0 .085-.018.116-.051.032-.033.047-.073.045-.119-.003-.105-.057-.16-.163-.163H7.93" stroke="#F05230" stroke-linecap="round" stroke-linejoin="round" /></g></svg>
);
export const IconRightArrow = (
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12.75 23.25c-.2 0-.389-.078-.53-.22-.292-.292-.292-.768 0-1.061l9.22-9.22H.75C.336 12.75 0 12.414 0 12s.336-.75.75-.75h20.689l-9.22-9.22C12.078 1.889 12 1.7 12 1.5s.078-.389.22-.53c.141-.142.33-.22.53-.22s.389.078.53.22l10.5 10.5c.07.07.125.152.163.245l.01.026c.031.081.047.17.047.259 0 .087-.016.174-.047.258l-.006.016c-.042.104-.098.187-.168.257L13.28 23.03c-.141.142-.33.22-.53.22z" /></svg>
);
export const GhostLogo = (
<svg width="493" height="161" viewBox="0 0 493 161" xmlns="http://www.w3.org/2000/svg"><title>ghost-logo</title><g fill="#FFF" fill-rule="nonzero"><path d="M328.52 37.36c-27.017 0-40.97 19.323-40.97 43.16 0 23.837 13.61 43.162 40.97 43.162s40.968-19.325 40.968-43.163c0-23.84-13.954-43.16-40.97-43.16l.002.001zm20.438 43.237c-.02 15.328-5.126 27.743-20.44 27.743-15.312 0-20.42-12.414-20.435-27.743v-.078c.016-15.33 5.124-27.74 20.437-27.74 15.312 0 20.42 12.41 20.438 27.74V80.597zM207.553 5.19c0-1.103.885-2.124 1.984-2.282 0 0 13.577-1.95 14.784-2.115 1.37-.187 3.19.798 3.19 2.744v44.236c3.23-3.105 6.79-5.608 10.66-7.515 3.88-1.906 8.43-2.86 13.66-2.86 4.53 0 8.53.776 12.03 2.33 3.5 1.55 6.43 3.73 8.77 6.533 2.34 2.81 4.12 6.16 5.33 10.05 1.21 3.9 1.82 8.19 1.82 12.87v51.35c0 1.1-.89 2-2 2h-15.95c-1.1 0-2-.9-2-1.99V69.18c0-5.118-1.17-9.08-3.51-11.888-2.35-2.804-5.86-4.207-10.544-4.207-3.45 0-6.677.79-9.69 2.37-3.02 1.58-5.87 3.73-8.564 6.46v58.617c0 1.102-.894 2-2.002 2h-15.94c-1.11 0-2.005-.895-2.005-2V5.188l-.023.002zm244.007 95.327v-43.68h-13.482c-1.1 0-1.742-.87-1.443-1.916l3-10.49c.262-.9.942-1.87 2.308-2.07l9.597-1.35 3.508-23.49c.163-1.09 1.18-2.1 2.274-2.26 0 0 9.192-1.31 10.963-1.58 1.673-.25 3.19.97 3.19 2.81v24.52h17.565c1.106 0 2.002.9 2.002 2.01v11.82c0 1.11-.89 2.01-2.002 2.01h-17.566v43.08c0 6.02 3.623 8.32 7.095 8.32 2.12 0 5.02-1.14 7.19-2.16 1.34-.62 3.41-.16 3.95 1.73l2.45 8.65c.3 1.07-.25 2.37-1.23 2.86 0 0-7.29 4.37-17.06 4.37-13.73 0-22.33-8.08-22.33-23.16l.021-.024zm-44.584-47.74c-7.084 0-12.657 2.476-12.657 8.433 0 7.44 12.01 9.606 20.23 12.64 5.49 2.027 20.24 5.98 20.24 22.016 0 19.48-16 27.807-33.06 27.807-17.06 0-25.4-5.465-25.4-5.465-.96-.527-1.5-1.822-1.2-2.89 0 0 2.1-7.52 2.64-9.386.48-1.68 2.41-2.27 3.64-1.792 4.39 1.712 12.32 4.092 21.28 4.092 9.07 0 13.46-2.803 13.46-8.777 0-7.95-12.26-10.38-20.36-12.967-5.59-1.78-20.36-5.93-20.36-23.566 0-17.373 15.08-25.524 31.2-25.524 13.64 0 23.5 4.69 23.5 4.69 1.01.427 1.58 1.635 1.28 2.698l-2.658 9.357c-.488 1.74-1.898 2.537-3.666 1.957-3.89-1.277-11.2-3.322-18.15-3.322l.041-.001zm-210.313-15.28c-6.695.775-11.472 3.962-14.562 6.93-6.06-4.81-14.49-7.106-23.94-7.106-18.95 0-33.76 9.26-33.76 29.43 0 11.58 4.88 19.56 12.62 24.26-5.75 2.75-9.57 8.59-9.57 14.34 0 9.61 7.5 12.61 7.5 12.61s-13.11 6.44-13.11 19.32c0 16.49 15.01 23.16 33.34 23.16 26.43 0 44.61-11.04 44.61-31.31 0-12.47-9.44-19.36-30.01-20.18-12.2-.48-20.11-.93-22.07-1.58-2.59-.87-3.86-2.96-3.86-5.28 0-2.55 2.08-4.98 5.35-6.65 2.86.516 5.87.768 8.99.768 18.97 0 33.76-9.223 33.76-29.425 0-4.897-.87-9.15-2.46-12.78 2.79-1.506 8.34-2.25 8.34-2.25 1.09-.17 1.975-1.21 1.974-2.31V40.3c0-1.88-1.59-2.955-3.1-2.78l-.042-.023zm-49.13 85.132s9.954.38 19.9.84c11.172.52 14.654 2.96 14.654 8.81 0 7.15-9.71 14.1-23.28 14.1-12.88 0-19.314-4.54-19.314-12.08 0-4.33 2.26-9.18 8.04-11.69v.02zm10.66-40.54c-8.978 0-15.983-4.83-15.983-15.35 0-10.53 7.01-15.35 15.983-15.35 8.974 0 15.984 4.81 15.984 15.34 0 10.53-7.002 15.34-15.984 15.34v.02z" /><g opacity=".6" transform="translate(0 36)"><rect x=".209" y="69.017" width="33.643" height="17.014" rx="4" /><rect x="50.672" y="69.017" width="33.622" height="17.014" rx="4" /><rect x=".184" y="34.99" width="84.121" height="17.014" rx="4" /><rect x=".209" y=".964" width="50.469" height="17.013" rx="4" /><rect x="67.494" y=".964" width="16.821" height="17.013" rx="4" /></g></g></svg>
);
export const IconSignupComplete = (
<svg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"><title>SignupComplete</title><g stroke="#FFF" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><path d="M58.75 43.75c0 4.142-1.464 7.678-4.393 10.607-2.93 2.929-6.465 4.393-10.607 4.393-4.142 0-7.678-1.464-10.607-4.393-2.929-2.93-4.393-6.465-4.393-10.607 0-4.142 1.464-7.678 4.393-10.607 2.93-2.929 6.465-4.393 10.607-4.393 4.142 0 7.678 1.464 10.607 4.393 2.929 2.93 4.393 6.465 4.393 10.607z" /><path d="M50.435 39.39l-7.263 9.682c-.342.456-.798.704-1.367.745-.569.04-1.056-.14-1.46-.542l-3.75-3.75M29.375 11.875c0 2.934-1.037 5.438-3.112 7.513S21.684 22.5 18.75 22.5s-5.438-1.037-7.513-3.112-3.112-4.579-3.112-7.513 1.037-5.438 3.112-7.513S15.816 1.25 18.75 1.25s5.438 1.037 7.513 3.112 3.112 4.579 3.112 7.513zM21.25 43.75h-20c0-6.921 3.037-12.04 9.11-15.359 6.075-3.318 12.024-3.106 17.848.634" /></g></svg>
);
export const IconAnimatedCheck = (
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg">
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
<path d="M5.99999964,13 L9.19423196,16.194232 C9.58475627,16.5847563 10.2179212,16.5847563 10.6084455,16.194232 C10.6391553,16.1635222 10.6678318,16.1308445 10.694293,16.0964064 L19.9549468,4.04404806 C22.1516467,6.24074753 23.2499966,8.89239827 23.2499986,11.9989998 C23.2499966,15.1056004 22.1516467,17.7572509 19.9549468,19.9539498 C17.7582499,22.1506487 15.1066008,23.2489976 11.9999993,23.2489996 C8.89339777,23.2489976 6.24174753,22.1506487 4.04504846,19.9539498 C1.84834949,17.7572509 0.749999895,15.1056004 0.749999955,11.9989998 C0.749999895,8.89239827 1.84834949,6.24074753 4.04504846,4.04404806 C6.24174753,1.84734909 8.89339777,0.748999555 11.9999993,0.748999555 C13.0229859,0.748999555 13.9966398,0.868098903 14.9209611,1.1062976" id="Path-Copy" stroke="#FFFFFF" stroke-width="1.5" class="gm-check-animation"></path>
</g>
</svg>
);
Reference in New Issue View Git Blame Copy Permalink