@npm_leadtech/legal-lib-components 5.75.0 → 5.76.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/images/svg/mid-banner-1.svg +5 -0
- package/dist/images/svg/mid-banner-2.svg +5 -0
- package/dist/images/svg/mid-banner-3.svg +5 -0
- package/dist/src/components/molecules/MidBannerRatafiaSample/MidBannerRatafiaSample.js +4 -1
- package/dist/src/components/molecules/MidBannerRatafiaSample/MidBannerRatafiaSample.tsx +6 -18
- package/package.json +1 -1
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g id="Icon/IA">
|
|
3
|
+
<path id="path" fill-rule="evenodd" clip-rule="evenodd" d="M13.1739 1.13937C12.9462 0.508232 12.0536 0.508232 11.8258 1.13937L11.4929 2.06185C11.4206 2.26239 11.2627 2.42029 11.0621 2.49266L10.1397 2.82553C9.50852 3.05328 9.50852 3.94586 10.1397 4.17361L11.0621 4.50648C11.2627 4.57885 11.4206 4.73675 11.4929 4.93729L11.8258 5.85977C12.0536 6.49091 12.9462 6.49091 13.1739 5.85977L13.5068 4.93729C13.5791 4.73675 13.737 4.57885 13.9376 4.50648L14.8601 4.17361C15.4912 3.94586 15.4912 3.05328 14.8601 2.82553L13.9376 2.49266C13.737 2.42029 13.5791 2.26239 13.5068 2.06185L13.1739 1.13937ZM8.03427 4.24048C7.57878 2.97821 5.79362 2.97821 5.33813 4.24048L4.57895 6.34435C4.43422 6.74544 4.11841 7.06124 3.71733 7.20598L1.61345 7.96516C0.35118 8.42065 0.351181 10.2058 1.61345 10.6613L3.71733 11.4205C4.11841 11.5652 4.43422 11.881 4.57895 12.2821L5.33813 14.386C5.79362 15.6482 7.57878 15.6482 8.03427 14.386L8.79345 12.2821C8.93818 11.881 9.25399 11.5652 9.65507 11.4205L11.7589 10.6613C13.0212 10.2058 13.0212 8.42065 11.7589 7.96516L9.65507 7.20598C9.25399 7.06124 8.93818 6.74544 8.79345 6.34435L8.03427 4.24048Z" fill="#078080"/>
|
|
4
|
+
</g>
|
|
5
|
+
</svg>
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g id="Icon/KeyFacts-outline">
|
|
3
|
+
<path id="Vector" d="M5.83342 13.334C6.06953 13.334 6.26744 13.2541 6.42717 13.0944C6.58689 12.9347 6.66675 12.7368 6.66675 12.5007C6.66675 12.2645 6.58689 12.0666 6.42717 11.9069C6.26744 11.7472 6.06953 11.6673 5.83342 11.6673C5.5973 11.6673 5.39939 11.7472 5.23967 11.9069C5.07994 12.0666 5.00008 12.2645 5.00008 12.5007C5.00008 12.7368 5.07994 12.9347 5.23967 13.0944C5.39939 13.2541 5.5973 13.334 5.83342 13.334ZM5.83342 10.834C6.06953 10.834 6.26744 10.7541 6.42717 10.5944C6.58689 10.4347 6.66675 10.2368 6.66675 10.0007V7.50065C6.66675 7.26454 6.58689 7.06662 6.42717 6.9069C6.26744 6.74718 6.06953 6.66732 5.83342 6.66732C5.5973 6.66732 5.39939 6.74718 5.23967 6.9069C5.07994 7.06662 5.00008 7.26454 5.00008 7.50065V10.0007C5.00008 10.2368 5.07994 10.4347 5.23967 10.5944C5.39939 10.7541 5.5973 10.834 5.83342 10.834ZM9.16675 12.5007H14.1667C14.4029 12.5007 14.6008 12.4208 14.7605 12.2611C14.9202 12.1013 15.0001 11.9034 15.0001 11.6673C15.0001 11.4312 14.9202 11.2333 14.7605 11.0736C14.6008 10.9138 14.4029 10.834 14.1667 10.834H9.16675C8.93064 10.834 8.73272 10.9138 8.573 11.0736C8.41328 11.2333 8.33342 11.4312 8.33342 11.6673C8.33342 11.9034 8.41328 12.1013 8.573 12.2611C8.73272 12.4208 8.93064 12.5007 9.16675 12.5007ZM9.16675 9.16732H14.1667C14.4029 9.16732 14.6008 9.08746 14.7605 8.92773C14.9202 8.76801 15.0001 8.5701 15.0001 8.33398C15.0001 8.09787 14.9202 7.89996 14.7605 7.74023C14.6008 7.58051 14.4029 7.50065 14.1667 7.50065H9.16675C8.93064 7.50065 8.73272 7.58051 8.573 7.74023C8.41328 7.89996 8.33342 8.09787 8.33342 8.33398C8.33342 8.5701 8.41328 8.76801 8.573 8.92773C8.73272 9.08746 8.93064 9.16732 9.16675 9.16732ZM3.33341 16.6673C2.87508 16.6673 2.48272 16.5041 2.15633 16.1777C1.82994 15.8513 1.66675 15.459 1.66675 15.0007V5.00065C1.66675 4.54232 1.82994 4.14996 2.15633 3.82357C2.48272 3.49718 2.87508 3.33398 3.33341 3.33398H16.6667C17.1251 3.33398 17.5174 3.49718 17.8438 3.82357C18.1702 4.14996 18.3334 4.54232 18.3334 5.00065V15.0007C18.3334 15.459 18.1702 15.8513 17.8438 16.1777C17.5174 16.5041 17.1251 16.6673 16.6667 16.6673H3.33341ZM3.33341 15.0007H16.6667V5.00065H3.33341V15.0007Z" fill="#6D7275"/>
|
|
4
|
+
</g>
|
|
5
|
+
</svg>
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g id="Icon/Clauses-outline">
|
|
3
|
+
<path id="Vector" d="M4.66667 17.5007C4.20833 17.5007 3.81597 17.3375 3.48958 17.0111C3.16319 16.6847 3 16.2923 3 15.834V4.16732C3 3.70898 3.16319 3.31662 3.48958 2.99023C3.81597 2.66385 4.20833 2.50065 4.66667 2.50065H8.16667C8.34722 2.00065 8.64931 1.59787 9.07292 1.29232C9.49653 0.986762 9.97222 0.833984 10.5 0.833984C11.0278 0.833984 11.5035 0.986762 11.9271 1.29232C12.3507 1.59787 12.6528 2.00065 12.8333 2.50065H16.3333C16.7917 2.50065 17.184 2.66385 17.5104 2.99023C17.8368 3.31662 18 3.70898 18 4.16732V15.834C18 16.2923 17.8368 16.6847 17.5104 17.0111C17.184 17.3375 16.7917 17.5007 16.3333 17.5007H4.66667ZM4.66667 15.834H16.3333V4.16732H4.66667V15.834ZM7.16667 14.1673H11.3333C11.5694 14.1673 11.7674 14.0875 11.9271 13.9277C12.0868 13.768 12.1667 13.5701 12.1667 13.334C12.1667 13.0979 12.0868 12.9 11.9271 12.7402C11.7674 12.5805 11.5694 12.5007 11.3333 12.5007H7.16667C6.93056 12.5007 6.73264 12.5805 6.57292 12.7402C6.41319 12.9 6.33333 13.0979 6.33333 13.334C6.33333 13.5701 6.41319 13.768 6.57292 13.9277C6.73264 14.0875 6.93056 14.1673 7.16667 14.1673ZM7.16667 10.834H13.8333C14.0694 10.834 14.2674 10.7541 14.4271 10.5944C14.5868 10.4347 14.6667 10.2368 14.6667 10.0007C14.6667 9.76454 14.5868 9.56662 14.4271 9.4069C14.2674 9.24718 14.0694 9.16732 13.8333 9.16732H7.16667C6.93056 9.16732 6.73264 9.24718 6.57292 9.4069C6.41319 9.56662 6.33333 9.76454 6.33333 10.0007C6.33333 10.2368 6.41319 10.4347 6.57292 10.5944C6.73264 10.7541 6.93056 10.834 7.16667 10.834ZM7.16667 7.50065H13.8333C14.0694 7.50065 14.2674 7.42079 14.4271 7.26107C14.5868 7.10135 14.6667 6.90343 14.6667 6.66732C14.6667 6.43121 14.5868 6.23329 14.4271 6.07357C14.2674 5.91385 14.0694 5.83398 13.8333 5.83398H7.16667C6.93056 5.83398 6.73264 5.91385 6.57292 6.07357C6.41319 6.23329 6.33333 6.43121 6.33333 6.66732C6.33333 6.90343 6.41319 7.10135 6.57292 7.26107C6.73264 7.42079 6.93056 7.50065 7.16667 7.50065ZM10.5 3.54232C10.6806 3.54232 10.8299 3.48329 10.9479 3.36523C11.066 3.24718 11.125 3.09787 11.125 2.91732C11.125 2.73676 11.066 2.58746 10.9479 2.4694C10.8299 2.35135 10.6806 2.29232 10.5 2.29232C10.3194 2.29232 10.1701 2.35135 10.0521 2.4694C9.93403 2.58746 9.875 2.73676 9.875 2.91732C9.875 3.09787 9.93403 3.24718 10.0521 3.36523C10.1701 3.48329 10.3194 3.54232 10.5 3.54232Z" fill="#6D7275"/>
|
|
4
|
+
</g>
|
|
5
|
+
</svg>
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
import { MidBannerRatafiaSampleStyled } from './MidBannerRatafiaSample.styled';
|
|
3
|
+
import midBanner1Img from '../../../../images/svg/mid-banner-1.svg';
|
|
4
|
+
import midBanner2Img from '../../../../images/svg/mid-banner-2.svg';
|
|
5
|
+
import midBanner3Img from '../../../../images/svg/mid-banner-3.svg';
|
|
3
6
|
const MidBannerRatafiaSample = ({ image, isEsignatureImage = false }) => {
|
|
4
|
-
return (_jsxs(MidBannerRatafiaSampleStyled, { className: 'mid-banner-ratafia-sample', children: [_jsx("div", { className: 'mid-banner-ratafia-sample__image', children: image }), !isEsignatureImage && (_jsxs(_Fragment, { children: [_jsxs("div", { className: 'mid-banner-ratafia-sample__sumarized-tag', children: [_jsx("img", { className: 'mid-banner-ratafia-sample__sumarized-tag__icon', src:
|
|
7
|
+
return (_jsxs(MidBannerRatafiaSampleStyled, { className: 'mid-banner-ratafia-sample', children: [_jsx("div", { className: 'mid-banner-ratafia-sample__image', children: image }), !isEsignatureImage && (_jsxs(_Fragment, { children: [_jsxs("div", { className: 'mid-banner-ratafia-sample__sumarized-tag', children: [_jsx("img", { className: 'mid-banner-ratafia-sample__sumarized-tag__icon', src: midBanner1Img, alt: '', role: 'img' }), _jsx("p", { className: 'sans-serif --small --bold-weight mid-banner-ratafia-sample__sumarized-tag__text', children: "Summarized" })] }), _jsxs("div", { className: 'mid-banner-ratafia-sample__feature-tag mid-banner-ratafia-sample__feature-tag__key-facts', children: [_jsx("img", { className: 'mid-banner-ratafia-sample__feature-tag__icon', src: midBanner2Img, alt: '', role: 'img' }), _jsx("p", { className: 'sans-serif --small mid-banner-ratafia-sample__feature-tag__text', children: "Key facts" })] }), _jsxs("div", { className: 'mid-banner-ratafia-sample__feature-tag mid-banner-ratafia-sample__feature-tag__clauses', children: [_jsx("img", { className: 'mid-banner-ratafia-sample__feature-tag__icon', src: midBanner3Img, alt: '', role: 'img' }), _jsx("p", { className: 'sans-serif --small mid-banner-ratafia-sample__feature-tag__text', children: "Clauses" })] })] }))] }));
|
|
5
8
|
};
|
|
6
9
|
export default MidBannerRatafiaSample;
|
|
@@ -2,6 +2,9 @@ import React, { type FC } from 'react'
|
|
|
2
2
|
|
|
3
3
|
import { type MidBannerRatafiaSampleProps } from './MidBannerRatafiaSampleProps.types'
|
|
4
4
|
import { MidBannerRatafiaSampleStyled } from './MidBannerRatafiaSample.styled'
|
|
5
|
+
import midBanner1Img from '../../../../images/svg/mid-banner-1.svg'
|
|
6
|
+
import midBanner2Img from '../../../../images/svg/mid-banner-2.svg'
|
|
7
|
+
import midBanner3Img from '../../../../images/svg/mid-banner-3.svg'
|
|
5
8
|
|
|
6
9
|
const MidBannerRatafiaSample: FC<MidBannerRatafiaSampleProps> = ({ image, isEsignatureImage = false }) => {
|
|
7
10
|
return (
|
|
@@ -10,32 +13,17 @@ const MidBannerRatafiaSample: FC<MidBannerRatafiaSampleProps> = ({ image, isEsig
|
|
|
10
13
|
{!isEsignatureImage && (
|
|
11
14
|
<>
|
|
12
15
|
<div className='mid-banner-ratafia-sample__sumarized-tag'>
|
|
13
|
-
<img
|
|
14
|
-
className='mid-banner-ratafia-sample__sumarized-tag__icon'
|
|
15
|
-
src='https://cdn.stage.strapi.lawdistrict.com/mid-banner-1.svg'
|
|
16
|
-
alt=''
|
|
17
|
-
role='img'
|
|
18
|
-
/>
|
|
16
|
+
<img className='mid-banner-ratafia-sample__sumarized-tag__icon' src={midBanner1Img} alt='' role='img' />
|
|
19
17
|
<p className='sans-serif --small --bold-weight mid-banner-ratafia-sample__sumarized-tag__text'>
|
|
20
18
|
Summarized
|
|
21
19
|
</p>
|
|
22
20
|
</div>
|
|
23
21
|
<div className='mid-banner-ratafia-sample__feature-tag mid-banner-ratafia-sample__feature-tag__key-facts'>
|
|
24
|
-
<img
|
|
25
|
-
className='mid-banner-ratafia-sample__feature-tag__icon'
|
|
26
|
-
src='https://cdn.stage.strapi.lawdistrict.com/mid-banner-2.svg'
|
|
27
|
-
alt=''
|
|
28
|
-
role='img'
|
|
29
|
-
/>
|
|
22
|
+
<img className='mid-banner-ratafia-sample__feature-tag__icon' src={midBanner2Img} alt='' role='img' />
|
|
30
23
|
<p className='sans-serif --small mid-banner-ratafia-sample__feature-tag__text'>Key facts</p>
|
|
31
24
|
</div>
|
|
32
25
|
<div className='mid-banner-ratafia-sample__feature-tag mid-banner-ratafia-sample__feature-tag__clauses'>
|
|
33
|
-
<img
|
|
34
|
-
className='mid-banner-ratafia-sample__feature-tag__icon'
|
|
35
|
-
src='https://cdn.stage.strapi.lawdistrict.com/mid-banner-3.svg'
|
|
36
|
-
alt=''
|
|
37
|
-
role='img'
|
|
38
|
-
/>
|
|
26
|
+
<img className='mid-banner-ratafia-sample__feature-tag__icon' src={midBanner3Img} alt='' role='img' />
|
|
39
27
|
<p className='sans-serif --small mid-banner-ratafia-sample__feature-tag__text'>Clauses</p>
|
|
40
28
|
</div>
|
|
41
29
|
</>
|