@npm_leadtech/legal-lib-components 7.35.0 → 7.36.1

package/dist/src/components/organisms/HowWeHelp/HowWeHelpProps.types.d.ts

@@ -1,4 +1,4 @@
-import { ButtonProps } from 'src/components/atoms';
+import { ButtonProps } from '../../atoms';
 export interface HowWeHelpProps {
     title: string;
     image: React.ReactNode;

package/dist/src/components/organisms/HowWeHelp/HowWeHelpProps.types.ts

@@ -1,4 +1,4 @@
-import { ButtonProps } from 'src/components/atoms'
+import { ButtonProps } from '../../atoms'
 
 export interface HowWeHelpProps {
   title: string

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

@@ -1,10 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { HowGetYourFormsSectionStyled } from './HowGetYourFormsSection.styled';
 import { ListStepsGetForm } from '../../organisms';
-import imageFile from '../../../../images/png/graphics-grey-02.png';
-const HowGetYourFormsSection = ({ title = '', steps = [], hasBackgroundImage = true }) => {
+const HowGetYourFormsSection = ({ title = '', steps = [], backgroundImage }) => {
     if (steps.length === 0)
         return null;
-    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 })] }));
+    return (_jsxs(HowGetYourFormsSectionStyled, { className: 'how-it-works-wrapper', children: [backgroundImage, _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,15 +1,17 @@
-import { device, size } from '../../../globalStyles/breakpoints';
+import { size } from '../../../globalStyles/breakpoints';
 import styled from 'styled-components';
 export const HowGetYourFormsSectionStyled = styled.section `
   background-color: var(--neutral-neutral-6);
-  @media ${device.laptop} {
-    background-repeat: no-repeat;
-    background-position: top right;
-    background-size: 21rem;
-  }
+  position: relative;
 
-  @media only screen and (max-width: ${size.md}) {
-    background-image: none !important;
+  .how-it-works__background {
+    position: absolute !important;
+    right: 0;
+    width: 388px;
+    height: 444px;
+    @media only screen and (max-width: ${size.md}) {
+      display: none;
+    }
   }
 
   .works-title {

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

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

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

@@ -3,19 +3,12 @@ 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 = [],
-  hasBackgroundImage = true
-}) => {
+const HowGetYourFormsSection: React.FC<HowGetYourFormsSectionProps> = ({ title = '', steps = [], backgroundImage }) => {
   if (steps.length === 0) return null
   return (
-    <HowGetYourFormsSectionStyled
-      className='how-it-works-wrapper'
-      style={hasBackgroundImage ? { backgroundImage: `url(${imageFile})` } : {}}
-    >
+    <HowGetYourFormsSectionStyled className='how-it-works-wrapper'>
+      {backgroundImage}
       <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[];
-    hasBackgroundImage: boolean;
+    backgroundImage?: React.JSX.Element | null;
 }

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[]
-  hasBackgroundImage: boolean
+  backgroundImage?: React.JSX.Element | null
 }

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

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@npm_leadtech/legal-lib-components",
-  "version": "7.35.0",
+  "version": "7.36.1",
   "license": "ISC",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",