@gravityforms/components
Version:
UI components for use in Gravity Forms development. Both React and vanilla js flavors.
56 lines (50 loc) • 8.46 kB
JavaScript
import { React, PropTypes } from '@gravityforms/libraries';
const { forwardRef } = React;
/**
* @module ElasticEmailFullLogo
* @description The Elastic Email full logo.
*
* @since 5.4.2
*
* @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 ElasticEmailFullLogo from '@gravityforms/components/react/admin/elements/Svgs/ElasticEmailFullLogo';
*
* return (
* <ElasticEmailFullLogo height={ 14 } width={ 110 } />
* );
*
*/
const ElasticEmailFullLogo = forwardRef( ( {
height = 14,
title = '',
width = 110,
}, ref ) => {
return (
<svg xmlns="http://www.w3.org/2000/svg" width={ width } height={ height } viewBox="0 0 110 14" fill="none" ref={ ref }>
{ title !== '' && <title>{ title }</title> }
<g clipPath="url(#a)">
<path fill="#2D2F7A" d="M0 1.643a.76.76 0 0 1 .465-.7.751.751 0 0 1 .289-.058h6.063a.595.595 0 0 1 .597.6v.364a.602.602 0 0 1-.597.6H1.772v4.018h4a.595.595 0 0 1 .597.6v.364a.602.602 0 0 1-.597.6h-4v4.131h5.353a.595.595 0 0 1 .596.6v.364a.602.602 0 0 1-.596.6H.754a.75.75 0 0 1-.697-.468.76.76 0 0 1-.057-.29V1.644ZM11.357 13.18a.533.533 0 0 1-.356.579.524.524 0 0 1-.242.022h-.56a.524.524 0 0 1-.576-.358.533.533 0 0 1-.021-.243V.6a.532.532 0 0 1 .355-.578.526.526 0 0 1 .242-.022h.56a.525.525 0 0 1 .576.358.533.533 0 0 1 .021.243v12.58ZM21.333 4.523h-.434c-.398 0-.597.17-.597.51v.457c.002.12.014.24.037.359h-.037a2.217 2.217 0 0 0-.578-.764 3.386 3.386 0 0 0-.878-.537 3.462 3.462 0 0 0-1.4-.245c-2.44 0-4.088 1.747-4.088 4.9 0 2.9 1.623 4.794 3.934 4.794 1.238 0 2.586-.518 3.01-1.564h.036a3.404 3.404 0 0 0-.037.373v.463c0 .34.2.509.597.509h.434a.527.527 0 0 0 .597-.6V5.122a.532.532 0 0 0-.596-.6Zm-3.67 7.948c-1.54 0-2.514-1.455-2.514-3.338 0-1.766.704-3.3 2.594-3.3 1.45 0 2.469 1.29 2.469 3.3 0 1.993-1.034 3.341-2.549 3.341v-.003ZM24.117 12.947a.47.47 0 0 1-.253-.363.745.745 0 0 1 .126-.455l.18-.255a.563.563 0 0 1 .372-.255.846.846 0 0 1 .461.127c.28.175.57.333.868.473.432.194.902.287 1.374.273.398.018.792-.094 1.122-.319a1.049 1.049 0 0 0 .434-.9.876.876 0 0 0-.352-.727 4.093 4.093 0 0 0-.877-.503 15.93 15.93 0 0 0-1.13-.437 5.24 5.24 0 0 1-1.13-.546 3.177 3.177 0 0 1-.878-.828 2.135 2.135 0 0 1-.352-1.273c-.009-.4.081-.797.262-1.155.17-.328.415-.612.714-.828.32-.228.679-.398 1.058-.502a4.629 4.629 0 0 1 1.275-.173 4.222 4.222 0 0 1 1.582.255c.328.127.645.279.95.454a.505.505 0 0 1 .298.337.657.657 0 0 1-.1.464l-.163.273c-.169.304-.434.37-.796.2a6.164 6.164 0 0 0-.75-.345 3.038 3.038 0 0 0-1.113-.182 1.952 1.952 0 0 0-1.094.29.973.973 0 0 0-.443.874.9.9 0 0 0 .353.737c.268.207.563.376.877.502.35.143.726.29 1.13.437.394.14.772.32 1.13.537.346.208.645.487.878.818.248.38.37.829.352 1.283.003.374-.078.744-.235 1.083a2.509 2.509 0 0 1-.67.86c-.308.253-.66.444-1.04.564a4.28 4.28 0 0 1-1.347.2 4.976 4.976 0 0 1-1.915-.355 5.42 5.42 0 0 1-.678-.327 3.85 3.85 0 0 1-.48-.313ZM39.242 2.686a.526.526 0 0 1-.575-.358.534.534 0 0 1-.022-.243v-.6A.534.534 0 0 1 39 .906a.526.526 0 0 1 .242-.022h.615a.526.526 0 0 1 .575.358.532.532 0 0 1 .021.243v.6a.532.532 0 0 1-.355.578.526.526 0 0 1-.241.023h-.615Zm-.579 2.439a.532.532 0 0 1 .598-.6h.56a.526.526 0 0 1 .575.357.532.532 0 0 1 .022.243v8.055a.532.532 0 0 1-.355.578.526.526 0 0 1-.242.022h-.56a.525.525 0 0 1-.576-.358.532.532 0 0 1-.022-.242V5.125ZM49.406 12.776a.492.492 0 0 1-.207.645 4.647 4.647 0 0 1-2.214.527c-3.257 0-4.632-2.462-4.632-4.822 0-2.314 1.46-4.822 4.556-4.822a4.483 4.483 0 0 1 2.109.489.489.489 0 0 1 .214.654l-.223.449a.483.483 0 0 1-.622.232 3.327 3.327 0 0 0-1.308-.296c-1.899 0-2.929 1.034-2.929 3.276 0 1.915 1 3.311 2.968 3.311.503-.004 1-.113 1.458-.32a.479.479 0 0 1 .625.236l.205.44ZM34.918 13.18a.601.601 0 0 1-.597.601h-.56a.594.594 0 0 1-.552-.37.603.603 0 0 1-.046-.23V6.052h-.946a.518.518 0 0 1-.561-.36.524.524 0 0 1-.018-.24V5.12a.504.504 0 0 1 .5-.502h1.06v-2.02a.601.601 0 0 1 .597-.6h.524a.595.595 0 0 1 .552.37c.03.074.045.152.045.23v2.02h1.686a.5.5 0 0 1 .5.502v.332a.523.523 0 0 1-.579.6h-1.609l.004 7.129ZM67.505 1.643a.76.76 0 0 1 .465-.7.752.752 0 0 1 .288-.058h6.065a.595.595 0 0 1 .596.6v.364a.602.602 0 0 1-.368.555.595.595 0 0 1-.228.045h-5.046v4.018h4a.595.595 0 0 1 .596.6v.364a.602.602 0 0 1-.368.555.595.595 0 0 1-.228.046h-4v4.13h5.353a.595.595 0 0 1 .596.6v.364a.602.602 0 0 1-.596.6h-6.372a.751.751 0 0 1-.696-.468.761.761 0 0 1-.057-.29V1.644ZM77.071 5.124a.532.532 0 0 1 .355-.579.526.526 0 0 1 .242-.022h.506a.525.525 0 0 1 .576.358.533.533 0 0 1 .021.243v.822c0 .122-.012.244-.036.364a.677.677 0 0 0-.018.163h.036c.12-.285.282-.551.48-.789.214-.264.463-.496.741-.69.286-.203.596-.368.922-.492a2.874 2.874 0 0 1 1.04-.191 2.511 2.511 0 0 1 1.786.5c.51.389.855.958.962 1.593h.036c.131-.284.302-.547.506-.783.218-.255.467-.481.742-.673.284-.197.594-.354.922-.464a3.282 3.282 0 0 1 1.067-.173 2.795 2.795 0 0 1 2.297.882c.536.773.792 1.708.723 2.648v5.345a.532.532 0 0 1-.355.579.525.525 0 0 1-.241.022h-.561a.525.525 0 0 1-.575-.358.532.532 0 0 1-.022-.243V8.223a6.113 6.113 0 0 0-.063-.91 2.16 2.16 0 0 0-.235-.727 1.276 1.276 0 0 0-.489-.492 1.641 1.641 0 0 0-.823-.182 2.19 2.19 0 0 0-1.139.3 2.77 2.77 0 0 0-.857.8c-.241.347-.421.731-.534 1.138-.12.42-.18.854-.18 1.291v3.745a.524.524 0 0 1-.341.575.517.517 0 0 1-.238.025h-.578a.517.517 0 0 1-.561-.361.524.524 0 0 1-.018-.24V8.223c0-.292-.017-.583-.054-.873a2.238 2.238 0 0 0-.215-.737 1.258 1.258 0 0 0-.479-.509 1.618 1.618 0 0 0-.84-.19c-.41-.007-.814.1-1.167.308a2.85 2.85 0 0 0-.868.81c-.24.346-.421.73-.533 1.138-.12.413-.18.842-.181 1.273v3.744a.534.534 0 0 1-.355.579.525.525 0 0 1-.241.022h-.561a.525.525 0 0 1-.575-.358.532.532 0 0 1-.022-.243l-.005-8.062ZM104.538 2.686a.524.524 0 0 1-.575-.358.54.54 0 0 1-.021-.243v-.6a.533.533 0 0 1 .596-.6h.615a.528.528 0 0 1 .597.6v.6a.54.54 0 0 1-.149.45.526.526 0 0 1-.448.15h-.615Zm-.578 2.439a.525.525 0 0 1 .355-.578.523.523 0 0 1 .241-.023h.561a.523.523 0 0 1 .448.15.525.525 0 0 1 .148.45v8.056a.525.525 0 0 1-.355.578.523.523 0 0 1-.241.022h-.561a.523.523 0 0 1-.447-.15.533.533 0 0 1-.149-.45V5.125ZM110 13.18a.533.533 0 0 1-.596.6h-.561a.523.523 0 0 1-.448-.15.531.531 0 0 1-.148-.45V.6a.525.525 0 0 1 .355-.577.523.523 0 0 1 .241-.023h.561a.523.523 0 0 1 .447.15.533.533 0 0 1 .149.45v12.58ZM100.814 4.523h-.433c-.398 0-.597.17-.597.51v.457c.002.12.013.24.036.359h-.036a2.215 2.215 0 0 0-.579-.764 3.383 3.383 0 0 0-.877-.537 3.461 3.461 0 0 0-1.401-.245c-2.44 0-4.087 1.747-4.087 4.9 0 2.9 1.623 4.794 3.934 4.794 1.238 0 2.586-.518 3.01-1.564h.035c-.019.123-.03.248-.036.373v.463c0 .34.2.51.597.51h.433a.525.525 0 0 0 .576-.358.54.54 0 0 0 .022-.243V5.123a.538.538 0 0 0-.15-.45.519.519 0 0 0-.447-.15Zm-3.67 7.948c-1.54 0-2.515-1.456-2.515-3.338 0-1.766.704-3.3 2.594-3.3 1.45 0 2.469 1.29 2.469 3.3 0 1.993-1.03 3.338-2.548 3.338Z" />
<path fill="#5457FF" d="M63.412 7.284a2.472 2.472 0 0 0-1.862-.969c-.08 0-.162-.007-.22-.005h-.733a.277.277 0 0 0-.278.279v.452a.28.28 0 0 0 .277.28h.735a1.501 1.501 0 0 1 .298.026c.367.072.69.285.903.594a1.5 1.5 0 0 1 .247 1.034 1.475 1.475 0 0 1-.51.94c-.142.12-.308.21-.487.263a1.91 1.91 0 0 1-.618.061l-1.516.006c-1.01.004-2.022.009-3.033 0L55.1 10.24h-.665l-.071-.004a1.415 1.415 0 0 1-.537-.143 1.443 1.443 0 0 1-.697-.82 1.512 1.512 0 0 1 .032-1.062c.139-.347.408-.625.75-.774.175-.075.364-.113.554-.112h.758c.81 0 1.541-.008 2.32 0l-.909 1.008a.227.227 0 0 0 .023.326l.296.248a.234.234 0 0 0 .33-.031l1.451-1.757a.461.461 0 0 0 0-.586l-1.45-1.757a.235.235 0 0 0-.331-.031l-.296.247a.225.225 0 0 0-.023.325l.908 1.009c-.778.005-1.509 0-2.319 0h-.758a2.604 2.604 0 0 0-.928.16 2.508 2.508 0 0 0-1.39 1.278 2.461 2.461 0 0 0-.063 1.911c.24.609.708 1.099 1.305 1.363.29.132.605.205.924.215l.119.005H55.096l1.516-.005c1.011-.008 2.022 0 3.033 0l1.517.005a3.19 3.19 0 0 0 .885-.08c.31-.08.604-.22.863-.41a2.446 2.446 0 0 0 .98-1.627 2.455 2.455 0 0 0-.478-1.857Z" />
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h110v14H0z" />
</clipPath>
</defs>
</svg>
);
} );
ElasticEmailFullLogo.propTypes = {
height: PropTypes.number,
title: PropTypes.string,
width: PropTypes.number,
};
ElasticEmailFullLogo.displayName = 'Svgs/ElasticEmailFullLogo';
export default ElasticEmailFullLogo;