@gravityforms/components
Version:
UI components for use in Gravity Forms development. Both React and vanilla js flavors.
52 lines (46 loc) • 6.72 kB
JavaScript
import { React, PropTypes } from '@gravityforms/libraries';
const { forwardRef } = React;
/**
* @module MailgunFullLogo
* @description The MailgunFullLogo logo.
*
* @since 3.6.6
*
* @param {object} props Component props.
* @param {number} props.height The height of the logo.
* @param {string} props.title The title of the logo.
* @param {number} props.width The width of the logo.
* @param {object|null} ref Ref to the component.
*
* @return {JSX.Element} The svg component.
* @example
* import MailgunFullLogo from '@gravityforms/components/react/admin/elements/Svgs/MailgunFullLogo';
*
* return (
* <MailgunFullLogo height={ 36 } width={ 110 } />
* );
*
*/
const MailgunFullLogo = forwardRef( ( {
height = 36,
title = '',
width = 110,
}, ref ) => {
return (
<svg xmlns="http://www.w3.org/2000/svg" width={ width } height={ height } fill="none" viewBox="0 0 110 31" ref={ ref }>
{ title !== '' && <title>{ title }</title> }
<path fill="#282828" d="M27.93 5.746h2.301v1.322c.222-.305.481-.581.771-.822a2.91 2.91 0 0 1 .857-.483 3.118 3.118 0 0 1 1.053-.166c.844 0 1.596.191 2.255.574.677.4 1.249.956 1.668 1.62.445-.704 1.001-1.246 1.669-1.626.667-.379 1.415-.568 2.243-.568.96 0 1.818.243 2.578.73a4.972 4.972 0 0 1 1.771 1.976c.426.846.643 1.782.633 2.73v6.205h-2.3v-6.206a3.75 3.75 0 0 0-.329-1.586 2.727 2.727 0 0 0-.938-1.132 2.436 2.436 0 0 0-1.415-.419 2.522 2.522 0 0 0-1.426.42 2.816 2.816 0 0 0-.984 1.137 3.547 3.547 0 0 0-.351 1.58v6.206h-2.301v-6.206a3.505 3.505 0 0 0-.357-1.58 2.868 2.868 0 0 0-.99-1.138 2.523 2.523 0 0 0-1.426-.419 2.275 2.275 0 0 0-1.37.442 3.026 3.026 0 0 0-.96 1.184 3.722 3.722 0 0 0-.35 1.615v6.102H27.93V5.746ZM59.294 5.746v11.492h-2.302V15.49a4.438 4.438 0 0 1-1.527 1.5c-.621.363-1.33.545-2.128.546a5.872 5.872 0 0 1-3.032-.816 6.12 6.12 0 0 1-2.203-2.201 6.054 6.054 0 0 1 0-6.074 6.108 6.108 0 0 1 2.203-2.206 5.866 5.866 0 0 1 3.032-.816c.797 0 1.506.182 2.128.546.625.367 1.15.882 1.53 1.5V5.746h2.299Zm-5.937 9.573c.675 0 1.273-.173 1.794-.517a3.49 3.49 0 0 0 1.214-1.385c.293-.6.44-1.259.432-1.925a4.325 4.325 0 0 0-.432-1.942 3.44 3.44 0 0 0-1.214-1.385c-.521-.341-1.12-.512-1.794-.512a3.521 3.521 0 0 0-1.864.518 3.865 3.865 0 0 0-1.853 3.32 3.756 3.756 0 0 0 .507 1.92 3.851 3.851 0 0 0 1.363 1.39c.556.34 1.195.52 1.847.518ZM64.471 5.746v11.492H62.17V5.746h2.301ZM67.348 0h2.29v17.227h-2.29V0ZM80.913 5.746v1.69A4.355 4.355 0 0 0 79.41 5.97c-.61-.356-1.298-.534-2.065-.534a5.653 5.653 0 0 0-2.968.816 6.052 6.052 0 0 0-2.158 2.206 6.143 6.143 0 0 0 0 6.062 6.062 6.062 0 0 0 2.158 2.201 5.658 5.658 0 0 0 2.968.816c.767 0 1.456-.178 2.065-.534a4.355 4.355 0 0 0 1.502-1.466v2.011a2.64 2.64 0 0 1-.53 1.604c-.36.485-.84.87-1.392 1.12a4.312 4.312 0 0 1-1.84.402 3.368 3.368 0 0 1-1.439-.327 3.806 3.806 0 0 1-1.497-1.247h-2.589a5.997 5.997 0 0 0 1.26 1.976 6.183 6.183 0 0 0 1.962 1.403 5.53 5.53 0 0 0 2.3.505 6.49 6.49 0 0 0 2.98-.707 5.857 5.857 0 0 0 2.239-1.953c.559-.817.854-1.786.845-2.776V5.746h-2.3Zm-.575 7.66a3.442 3.442 0 0 1-1.203 1.396 3.112 3.112 0 0 1-1.766.517 3.355 3.355 0 0 1-1.795-.512 3.69 3.69 0 0 1-1.311-1.39 3.93 3.93 0 0 1-.484-1.925 3.97 3.97 0 0 1 .478-1.925 3.69 3.69 0 0 1 1.306-1.396 3.347 3.347 0 0 1 1.806-.517 3.095 3.095 0 0 1 1.755.517c.52.348.938.83 1.208 1.396a4.513 4.513 0 0 1 .006 3.838ZM85.342 5.746h2.301v5.976a3.96 3.96 0 0 0 .415 1.81c.259.528.654.979 1.144 1.304.482.32 1.05.489 1.628.483a2.709 2.709 0 0 0 1.582-.483c.471-.33.845-.78 1.082-1.304a4.206 4.206 0 0 0 .385-1.81V5.746h2.301v11.492h-2.3V15.63a4.744 4.744 0 0 1-1.502 1.414 3.721 3.721 0 0 1-1.904.506c-1.005 0-1.895-.259-2.67-.776a5.208 5.208 0 0 1-1.806-2.098c-.43-.88-.648-1.85-.656-2.907V5.746ZM109.895 17.238h-2.301v-5.999a3.975 3.975 0 0 0-.414-1.804 3.3 3.3 0 0 0-1.151-1.31 2.897 2.897 0 0 0-1.622-.483 2.71 2.71 0 0 0-1.582.483 3.21 3.21 0 0 0-1.082 1.304 4.202 4.202 0 0 0-.385 1.81v5.999h-2.301V5.746h2.301v1.597a4.615 4.615 0 0 1 1.49-1.413 3.736 3.736 0 0 1 1.915-.506c1.006 0 1.895.259 2.67.776a5.168 5.168 0 0 1 1.8 2.097c.431.905.657 1.894.662 2.896v6.045ZM63.32 4.139a1.219 1.219 0 1 0 .002-2.438 1.219 1.219 0 0 0-.001 2.438Z" />
<path fill="#F06B66" d="M11.044 13.073a1.583 1.583 0 0 1-1.552-1.888 1.58 1.58 0 0 1 2.157-1.152 1.581 1.581 0 0 1 .977 1.46 1.581 1.581 0 0 1-1.582 1.58Z" />
<path fill="#F06B66" d="M11.044 22.524C4.956 22.524 0 17.574 0 11.492S4.956.459 11.044.459c6.087 0 11.045 4.949 11.045 11.033a3.555 3.555 0 0 1-1.826 3.109 3.566 3.566 0 0 1-3.607-.08l-.051-.03-.03.052a6.322 6.322 0 0 1-11.16-.196 6.302 6.302 0 0 1 2.087-8.076 6.322 6.322 0 0 1 8.285 1.05 6.304 6.304 0 0 1 1.576 4.17 1.157 1.157 0 0 0 1.16 1.16 1.16 1.16 0 0 0 1.16-1.16c0-4.757-3.876-8.629-8.64-8.629-4.763 0-8.639 3.872-8.639 8.63 0 4.758 3.875 8.63 8.64 8.63a8.636 8.636 0 0 0 6.581-3.04l1.841 1.545a11.02 11.02 0 0 1-8.422 3.897Zm0-14.94A3.92 3.92 0 0 0 7.424 10a3.907 3.907 0 0 0 .851 4.263 3.917 3.917 0 0 0 6.684-2.771 3.913 3.913 0 0 0-1.148-2.764 3.922 3.922 0 0 0-2.767-1.147v.004Z" />
<path fill="#1E2224" d="m91.683 28.057.892-.517c.177.354.474.53.891.53.397 0 .637-.177.637-.431 0-.255-.339-.34-.92-.46-.8-.177-1.317-.502-1.317-1.18 0-.729.743-1.23 1.572-1.23.707 0 1.196.19 1.628.727l-.857.488c-.163-.283-.403-.417-.757-.417-.369 0-.567.162-.567.382 0 .268.403.325.95.46.742.19 1.315.445 1.315 1.194 0 .77-.757 1.301-1.705 1.301-.786-.005-1.38-.225-1.762-.847Zm4.013.736V25.35l1.005-.58v4.022h-1.005Zm1.706 0v-2.114c0-1.082.8-1.91 1.911-1.91 1.126 0 1.912.885 1.912 1.91v2.114h-1.02v-2.044c0-.622-.382-.99-.892-.99-.56 0-.892.397-.892.99v2.044h-1.019Zm4.368-1.966c0-1.207.87-2.057 2.088-2.057.757 0 1.438.396 1.762 1.004l-.871.517a1 1 0 0 0-.906-.544c-.594 0-1.047.445-1.047 1.081 0 .622.417 1.096 1.047 1.096.403 0 .758-.205.921-.544l.87.502a2.021 2.021 0 0 1-1.776 1.018c-1.204-.001-2.088-.864-2.088-2.073Zm4.41 1.966v-5.119l1.003-.58v1.98c.275-.189.6-.292.934-.297 1.112 0 1.883.756 1.883 1.88v2.136h-1.019v-2.044c0-.622-.382-.99-.892-.99-.559 0-.892.397-.892.99v2.044h-1.017Z" />
<path fill="#272727" d="M85.546 27.06c0 1.04-.8 1.853-1.784 1.853-.601 0-1.047-.269-1.33-.693v.608h-.618v-4.92h.615v2.007c.284-.431.73-.693 1.331-.693.987-.007 1.786.8 1.786 1.839Zm-.616 0a1.246 1.246 0 0 0-1.5-1.211 1.25 1.25 0 0 0-.44 2.262c.206.136.447.209.694.208.708 0 1.246-.545 1.246-1.258ZM89.248 25.3l-1.439 3.735c-.297.785-.843 1.238-1.564 1.188v-.573c.474.035.764-.255.948-.715l.064-.134-1.532-3.501h.658l1.197 2.758 1.012-2.758h.656Z" />
</svg>
);
} );
MailgunFullLogo.propTypes = {
height: PropTypes.number,
title: PropTypes.string,
width: PropTypes.number,
};
MailgunFullLogo.displayName = 'Svgs/MailgunFullLogo';
export default MailgunFullLogo;