UNPKG

@gravityforms/components

Version:

UI components for use in Gravity Forms development. Both React and vanilla js flavors.

github.com/gravityforms/gravitypackages/tree/HEAD/packages/npm/components/README.md

gravityforms/gravitypackages

60 lines (54 loc) • 5.12 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
import { React, PropTypes } from '@gravityforms/libraries'; const { forwardRef } = React; /** * @module MailjetFullLogo * @description The Mailjet logo. * * @since 5.4.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 MailjetFullLogo from '@gravityforms/components/react/admin/elements/Svgs/MailjetFullLogo'; * * return ( * <MailjetFullLogo height={ 31 } width={ 110 } /> * ); * */ const MailjetFullLogo = forwardRef( ( { height = 31, title = '', width = 110, }, ref ) => { return ( <svg xmlns="http://www.w3.org/2000/svg" width={ width } height={ height } viewBox="0 0 357 116" ref={ ref } > { title !== '' && <title>{ title }</title> } <path d="M128.44 96V40h12.16l17.84 35.52L176.04 40h12.16v56h-10.24V57.36L162.36 88h-8.08l-15.6-30.64V96h-10.24ZM208.52 96.96c-3.41 0-6.21-.55-8.4-1.64-2.19-1.09-3.81-2.55-4.88-4.36-1.07-1.81-1.6-3.81-1.6-6 0-3.68 1.44-6.67 4.32-8.96 2.88-2.29 7.2-3.44 12.96-3.44H221v-.96c0-2.72-.77-4.72-2.32-6-1.55-1.28-3.47-1.92-5.76-1.92-2.08 0-3.89.49-5.44 1.48-1.55.99-2.51 2.44-2.88 4.36h-10c.27-2.88 1.24-5.39 2.92-7.52s3.85-3.77 6.52-4.92c2.67-1.15 5.65-1.72 8.96-1.72 5.65 0 10.11 1.41 13.36 4.24s4.88 6.83 4.88 12V96h-8.72l-.96-6.4c-1.17 2.13-2.81 3.89-4.92 5.28-2.11 1.39-4.81 2.08-8.12 2.08Zm2.32-8c2.93 0 5.21-.96 6.84-2.88s2.65-4.29 3.08-7.12h-8.72c-2.72 0-4.67.49-5.84 1.48s-1.76 2.2-1.76 3.64c0 1.55.59 2.75 1.76 3.6 1.17.85 2.72 1.28 4.64 1.28ZM242.52 50.16c-1.87 0-3.4-.56-4.6-1.68s-1.8-2.53-1.8-4.24.6-3.11 1.8-4.2c1.2-1.09 2.73-1.64 4.6-1.64s3.4.55 4.6 1.64c1.2 1.09 1.8 2.49 1.8 4.2s-.6 3.12-1.8 4.24c-1.2 1.12-2.73 1.68-4.6 1.68ZM237.4 96V56.32h10.24V96H237.4ZM254.36 96V38.4h10.24V96h-10.24ZM263.56 113.6v-8.72h3.12c1.76 0 3.01-.35 3.76-1.04.75-.69 1.12-1.87 1.12-3.52v-44h10.24v44c0 4.8-1.21 8.21-3.64 10.24-2.43 2.03-5.72 3.04-9.88 3.04h-4.72Zm13.2-63.44c-1.87 0-3.4-.56-4.6-1.68s-1.8-2.53-1.8-4.24.6-3.11 1.8-4.2c1.2-1.09 2.73-1.64 4.6-1.64s3.4.55 4.6 1.64c1.2 1.09 1.8 2.49 1.8 4.2s-.6 3.12-1.8 4.24c-1.2 1.12-2.73 1.68-4.6 1.68ZM307.8 96.96c-4 0-7.55-.85-10.64-2.56-3.09-1.71-5.52-4.11-7.28-7.2-1.76-3.09-2.64-6.67-2.64-10.72s.87-7.76 2.6-10.96 4.13-5.69 7.2-7.48c3.07-1.79 6.68-2.68 10.84-2.68 3.89 0 7.33.85 10.32 2.56s5.32 4.04 7 7 2.52 6.25 2.52 9.88c0 .59-.01 1.2-.04 1.84-.03.64-.07 1.31-.12 2H297.4c.21 3.09 1.29 5.52 3.24 7.28 1.95 1.76 4.31 2.64 7.08 2.64 2.08 0 3.83-.47 5.24-1.4 1.41-.93 2.47-2.15 3.16-3.64h10.4c-.75 2.51-1.99 4.79-3.72 6.84-1.73 2.05-3.87 3.67-6.4 4.84-2.53 1.17-5.4 1.76-8.6 1.76Zm.08-33.28c-2.51 0-4.72.71-6.64 2.12-1.92 1.41-3.15 3.56-3.68 6.44h19.76c-.16-2.61-1.12-4.69-2.88-6.24s-3.95-2.32-6.56-2.32ZM349.32 96c-4.16 0-7.49-1.01-10-3.04-2.51-2.03-3.76-5.63-3.76-10.8V64.88h-6.8v-8.56h6.8l1.2-10.64h9.04v10.64h10.72v8.56H345.8v17.36c0 1.92.41 3.24 1.24 3.96.83.72 2.25 1.08 4.28 1.08h4.96V96h-6.96ZM135.6 28.14c-1.44 0-2.71-.25-3.81-.74s-1.97-1.2-2.6-2.13-.96-2.05-.98-3.37h3.78c.04.92.37 1.68.99 2.31s1.49.94 2.59.94c.95 0 1.71-.23 2.27-.69.56-.46.84-1.07.84-1.83s-.25-1.43-.74-1.88c-.49-.45-1.15-.81-1.97-1.09s-1.7-.58-2.63-.9c-1.51-.52-2.67-1.19-3.46-2.02-.79-.82-1.19-1.91-1.19-3.28-.02-1.16.26-2.15.83-2.98.57-.83 1.35-1.47 2.34-1.93s2.13-.69 3.42-.69 2.46.23 3.46.7 1.78 1.12 2.35 1.96c.57.84.87 1.84.91 3h-3.84c-.02-.69-.28-1.3-.8-1.83s-1.23-.8-2.14-.8c-.78-.02-1.44.17-1.97.57-.53.4-.8.98-.8 1.75 0 .65.21 1.17.62 1.55.41.38.97.71 1.68.97s1.52.54 2.44.84c.97.34 1.86.73 2.66 1.18.8.45 1.45 1.04 1.93 1.78.49.74.73 1.68.73 2.84 0 1.03-.26 1.98-.78 2.86-.52.88-1.3 1.58-2.32 2.11-1.03.53-2.29.8-3.78.8ZM151.22 27.8V8.2h3.58v19.6h-3.58ZM164.21 27.8V8.2h3.58L177 22V8.2h3.58v19.6H177l-9.21-13.78V27.8h-3.58ZM198.88 28.14c-1.98 0-3.68-.42-5.1-1.27-1.42-.85-2.51-2.03-3.28-3.56-.77-1.52-1.15-3.28-1.15-5.28s.38-3.76 1.15-5.29a8.542 8.542 0 0 1 3.28-3.58c1.42-.86 3.12-1.29 5.1-1.29 2.35 0 4.28.58 5.78 1.75s2.44 2.8 2.81 4.91h-3.95c-.24-1.06-.76-1.9-1.55-2.51-.79-.61-1.84-.91-3.15-.91-1.81 0-3.23.62-4.26 1.85-1.03 1.23-1.54 2.92-1.54 5.07s.51 3.83 1.54 5.05 2.45 1.83 4.26 1.83c1.31 0 2.36-.29 3.15-.85.79-.57 1.31-1.36 1.55-2.37h3.95c-.37 2.02-1.31 3.59-2.81 4.73-1.5 1.14-3.43 1.71-5.78 1.71ZM216.24 27.8V8.2h3.58v8.15h8.79V8.2h3.58v19.6h-3.58v-8.54h-8.79v8.54h-3.58Z" /> <path d="M93.5 10.5a8.647 8.647 0 0 0-9.35-1.92L12.17 37.37c-3.21 1.29-5.3 4.23-5.44 7.69-.14 3.46 1.69 6.56 4.78 8.11l21.31 10.65 7.75-7.75-20.96-10.48 64.65-25.86L58.4 84.38 47.92 63.42l-7.75 7.75 10.65 21.31c1.49 2.98 4.43 4.79 7.73 4.79h.38c3.46-.14 6.4-2.23 7.69-5.44l28.79-71.99c1.29-3.22.54-6.89-1.92-9.35Z" style={ { fill: '#857aeb', } } /> </svg> ); } ); MailjetFullLogo.propTypes = { height: PropTypes.number, title: PropTypes.string, width: PropTypes.number, }; MailjetFullLogo.displayName = 'Svgs/MailjetFullLogo'; export default MailjetFullLogo;