@npm_leadtech/legal-lib-components 5.48.1 → 5.48.3

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.
Files changed (5) hide show
  1. package/dist/src/components/sections/MidBannerRatafiaSection/MidBannerRatafiaSection.js +5 -1
  2. package/dist/src/components/sections/MidBannerRatafiaSection/MidBannerRatafiaSection.styled.js +21 -0
  3. package/dist/src/components/sections/MidBannerRatafiaSection/MidBannerRatafiaSection.styled.ts +21 -0
  4. package/dist/src/components/sections/MidBannerRatafiaSection/MidBannerRatafiaSection.tsx +5 -1
  5. package/package.json +1 -1
package/dist/src/components/sections/MidBannerRatafiaSection/MidBannerRatafiaSection.js CHANGED
@@ -1,8 +1,12 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { MidBannerRatafiaContent, MidBannerRatafiaSample } from '../../molecules';
3
3
  import { MidBannerRatafiaSectionStyled } from './MidBannerRatafiaSection.styled';
4
+ import classNames from 'classnames';
4
5
  const MidBannerRatafiaSection = ({ title, paragraph, ctaLabel, ctaLink, ctaDataQa, image }) => {
5
6
  const isEsignature = ctaDataQa.includes('esignature') && true;
6
- return (_jsx(MidBannerRatafiaSectionStyled, { className: 'mid-banner-ratafia-section', children: _jsxs("div", { className: 'mid-banner-ratafia-section__wrapper', children: [_jsx(MidBannerRatafiaContent, { title: title, paragraph: paragraph, ctaLabel: ctaLabel, ctaLink: ctaLink, ctaDataQa: ctaDataQa }), _jsx("div", { className: 'mid-banner-ratafia-section__wrapper__sample', children: _jsx(MidBannerRatafiaSample, { image: image, isEsignatureImage: isEsignature }) })] }) }));
7
+ const classnames = classNames({
8
+ '--is-esignature': isEsignature
9
+ });
10
+ return (_jsx(MidBannerRatafiaSectionStyled, { className: `mid-banner-ratafia-section ${classnames}`, children: _jsxs("div", { className: 'mid-banner-ratafia-section__wrapper', children: [_jsx(MidBannerRatafiaContent, { title: title, paragraph: paragraph, ctaLabel: ctaLabel, ctaLink: ctaLink, ctaDataQa: ctaDataQa }), _jsx("div", { className: 'mid-banner-ratafia-section__wrapper__sample', children: _jsx(MidBannerRatafiaSample, { image: image, isEsignatureImage: isEsignature }) })] }) }));
7
11
  };
8
12
  export default MidBannerRatafiaSection;
package/dist/src/components/sections/MidBannerRatafiaSection/MidBannerRatafiaSection.styled.js CHANGED
@@ -43,4 +43,25 @@ export const MidBannerRatafiaSectionStyled = styled.section `
43
43
  }
44
44
  }
45
45
  }
46
+
47
+ .--is-esignature {
48
+ .mid-banner-ratafia-section__wrapper {
49
+ padding: 3rem 5rem 0rem 4rem;
50
+
51
+ &__sample {
52
+ display: flex;
53
+ height: 100%;
54
+
55
+ .mid-banner-ratafia-sample {
56
+ align-items: flex-end;
57
+
58
+ &__image {
59
+ .gatsby-image-wrapper {
60
+ box-shadow: none;
61
+ }
62
+ }
63
+ }
64
+ }
65
+ }
66
+ }
46
67
  `;
package/dist/src/components/sections/MidBannerRatafiaSection/MidBannerRatafiaSection.styled.ts CHANGED
@@ -44,4 +44,25 @@ export const MidBannerRatafiaSectionStyled = styled.section`
44
44
  }
45
45
  }
46
46
  }
47
+
48
+ .--is-esignature {
49
+ .mid-banner-ratafia-section__wrapper {
50
+ padding: 3rem 5rem 0rem 4rem;
51
+
52
+ &__sample {
53
+ display: flex;
54
+ height: 100%;
55
+
56
+ .mid-banner-ratafia-sample {
57
+ align-items: flex-end;
58
+
59
+ &__image {
60
+ .gatsby-image-wrapper {
61
+ box-shadow: none;
62
+ }
63
+ }
64
+ }
65
+ }
66
+ }
67
+ }
47
68
  `
package/dist/src/components/sections/MidBannerRatafiaSection/MidBannerRatafiaSection.tsx CHANGED
@@ -3,6 +3,7 @@ import React, { type FC } from 'react'
3
3
  import { MidBannerRatafiaContent, MidBannerRatafiaSample } from '../../molecules'
4
4
  import { type MidBannerRatafiaSectionProps } from './MidBannerRatafiaSectionProps.types'
5
5
  import { MidBannerRatafiaSectionStyled } from './MidBannerRatafiaSection.styled'
6
+ import classNames from 'classnames'
6
7
 
7
8
  const MidBannerRatafiaSection: FC<MidBannerRatafiaSectionProps> = ({
8
9
  title,
@@ -13,8 +14,11 @@ const MidBannerRatafiaSection: FC<MidBannerRatafiaSectionProps> = ({
13
14
  image
14
15
  }) => {
15
16
  const isEsignature = ctaDataQa.includes('esignature') && true
17
+ const classnames = classNames({
18
+ '--is-esignature': isEsignature
19
+ })
16
20
  return (
17
- <MidBannerRatafiaSectionStyled className='mid-banner-ratafia-section'>
21
+ <MidBannerRatafiaSectionStyled className={`mid-banner-ratafia-section ${classnames}`}>
18
22
  <div className='mid-banner-ratafia-section__wrapper'>
19
23
  <MidBannerRatafiaContent
20
24
  title={title}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@npm_leadtech/legal-lib-components",
3
- "version": "5.48.1",
3
+ "version": "5.48.3",
4
4
  "license": "ISC",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",