@npm_leadtech/legal-lib-components 7.36.1 → 7.37.0

package/dist/src/components/sections/HowGetYourFormsSection/HowGetYourFormsSection.js

@@ -1,9 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { HowGetYourFormsSectionStyled } from './HowGetYourFormsSection.styled';
 import { ListStepsGetForm } from '../../organisms';
-const HowGetYourFormsSection = ({ title = '', steps = [], backgroundImage }) => {
+import imageFile from '../../../../images/png/graphics-grey-02.png';
+const HowGetYourFormsSection = ({ title = '', steps = [], hasBackgroundImage = true }) => {
     if (steps.length === 0)
         return null;
-    return (_jsxs(HowGetYourFormsSectionStyled, { className: 'how-it-works-wrapper', children: [backgroundImage, _jsx("p", { className: 'works-title serif --super-large', children: title }), _jsx(ListStepsGetForm, { steps: steps })] }));
+    return (_jsxs(HowGetYourFormsSectionStyled, { className: 'how-it-works-wrapper', style: hasBackgroundImage ? { backgroundImage: `url(${imageFile})` } : {}, children: [_jsx("p", { className: 'works-title serif --super-large', children: title }), _jsx(ListStepsGetForm, { steps: steps })] }));
 };
 export default HowGetYourFormsSection;

package/dist/src/components/sections/HowGetYourFormsSection/HowGetYourFormsSection.styled.js

@@ -1,17 +1,15 @@
-import { size } from '../../../globalStyles/breakpoints';
+import { device, size } from '../../../globalStyles/breakpoints';
 import styled from 'styled-components';
 export const HowGetYourFormsSectionStyled = styled.section `
   background-color: var(--neutral-neutral-6);
-  position: relative;
+  @media ${device.laptop} {
+    background-repeat: no-repeat;
+    background-position: top right;
+    background-size: 21rem;
+  }
 
-  .how-it-works__background {
-    position: absolute !important;
-    right: 0;
-    width: 388px;
-    height: 444px;
-    @media only screen and (max-width: ${size.md}) {
-      display: none;
-    }
+  @media only screen and (max-width: ${size.md}) {
+    background-image: none !important;
   }
 
   .works-title {

package/dist/src/components/sections/HowGetYourFormsSection/HowGetYourFormsSection.styled.ts

@@ -1,18 +1,16 @@
-import { size } from '../../../globalStyles/breakpoints'
+import { device, size } from '../../../globalStyles/breakpoints'
 import styled from 'styled-components'
 
 export const HowGetYourFormsSectionStyled = styled.section`
   background-color: var(--neutral-neutral-6);
-  position: relative;
+  @media ${device.laptop} {
+    background-repeat: no-repeat;
+    background-position: top right;
+    background-size: 21rem;
+  }
 
-  .how-it-works__background {
-    position: absolute !important;
-    right: 0;
-    width: 388px;
-    height: 444px;
-    @media only screen and (max-width: ${size.md}) {
-      display: none;
-    }
+  @media only screen and (max-width: ${size.md}) {
+    background-image: none !important;
   }
 
   .works-title {

package/dist/src/components/sections/HowGetYourFormsSection/HowGetYourFormsSection.tsx

@@ -3,12 +3,19 @@ import React from 'react'
 import { type HowGetYourFormsSectionProps } from './HowGetYourFormsSectionProps.types'
 import { HowGetYourFormsSectionStyled } from './HowGetYourFormsSection.styled'
 import { ListStepsGetForm } from '../../organisms'
+import imageFile from '../../../../images/png/graphics-grey-02.png'
 
-const HowGetYourFormsSection: React.FC<HowGetYourFormsSectionProps> = ({ title = '', steps = [], backgroundImage }) => {
+const HowGetYourFormsSection: React.FC<HowGetYourFormsSectionProps> = ({
+  title = '',
+  steps = [],
+  hasBackgroundImage = true
+}) => {
   if (steps.length === 0) return null
   return (
-    <HowGetYourFormsSectionStyled className='how-it-works-wrapper'>
-      {backgroundImage}
+    <HowGetYourFormsSectionStyled
+      className='how-it-works-wrapper'
+      style={hasBackgroundImage ? { backgroundImage: `url(${imageFile})` } : {}}
+    >
       <p className='works-title serif --super-large'>{title}</p>
       <ListStepsGetForm steps={steps} />
     </HowGetYourFormsSectionStyled>

package/dist/src/components/sections/HowGetYourFormsSection/HowGetYourFormsSectionProps.types.d.ts

@@ -2,5 +2,5 @@ import { type StepGetFormProps } from '../../molecules';
 export interface HowGetYourFormsSectionProps {
     title: string;
     steps: StepGetFormProps[];
-    backgroundImage?: React.JSX.Element | null;
+    hasBackgroundImage: boolean;
 }

package/dist/src/components/sections/HowGetYourFormsSection/HowGetYourFormsSectionProps.types.ts

@@ -3,5 +3,5 @@ import { type StepGetFormProps } from '../../molecules'
 export interface HowGetYourFormsSectionProps {
   title: string
   steps: StepGetFormProps[]
-  backgroundImage?: React.JSX.Element | null
+  hasBackgroundImage: boolean
 }

package/dist/src/components/sections/PeopleSayAboutUsSection/PeopleSayAboutUsSection.tsx

@@ -1,5 +1,3 @@
-/* eslint-disable @typescript-eslint/strict-boolean-expressions */
-
 import React, { type FC } from 'react'
 
 import { type PeopleSayAboutUsSectionProps } from './PeopleSayAboutUsSectionProps.types'

package/dist/src/components/sections/PeopleSayAboutUsSection/PeopleSayAboutUsSectionProps.types.d.ts

@@ -2,5 +2,5 @@ import { type TrustPilotProps } from '../../atoms/TrustPilot';
 export interface PeopleSayAboutUsSectionProps {
     title?: string;
     testimonialsSectionContent: React.ReactNode;
-    contentTrustPilot: TrustPilotProps;
+    contentTrustPilot?: TrustPilotProps;
 }

package/dist/src/components/sections/PeopleSayAboutUsSection/PeopleSayAboutUsSectionProps.types.ts

@@ -3,5 +3,5 @@ import { type TrustPilotProps } from '../../atoms/TrustPilot'
 export interface PeopleSayAboutUsSectionProps {
   title?: string
   testimonialsSectionContent: React.ReactNode
-  contentTrustPilot: TrustPilotProps
+  contentTrustPilot?: TrustPilotProps
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@npm_leadtech/legal-lib-components",
-  "version": "7.36.1",
+  "version": "7.37.0",
   "license": "ISC",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -251,6 +251,7 @@
     "./ArticlesList": "./dist/src/components/organisms/ArticlesList/index.js",
     "./AsSeeInContent": "./dist/src/components/organisms/AsSeeInContent/index.js",
     "./CardFunctionality": "./dist/src/components/organisms/CardFunctionality/index.js",
+    "./ContactContent": "./dist/src/components/organisms/ContactContent/index.js",
     "./ContactJumbotron": "./dist/src/components/organisms/ContactJumbotron/index.js",
     "./CookiePolicyBar": "./dist/src/components/organisms/CookiePolicyBar/index.js",
     "./ErrorContentRatafia": "./dist/src/components/organisms/ErrorContentRatafia/index.js",