@npm_leadtech/legal-lib-components 7.40.3 → 7.41.0

package/dist/src/components/atoms/Divider/Divider.js

@@ -1,8 +1,6 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { DividerStyled } from './Divider.styled';
 const Divider = ({ containerClass, lineClass, text, image }) => {
-    if (text?.length === 0 || image?.length === 0)
-        return null;
-    return (_jsxs(DividerStyled, { className: `divider ${containerClass ?? ''}`, children: [_jsx("div", { className: `divider__line ${lineClass ?? ''}` }), text !== undefined && _jsx("p", { className: 'divider__word', children: text }), image !== undefined && _jsx("img", { className: 'divider__image', src: image, alt: '', role: 'img' }), _jsx("div", { className: `divider__line ${lineClass ?? ''}` })] }));
+    return (_jsx(DividerStyled, { className: `divider ${containerClass ?? ''}`, children: text?.length === 0 || image?.length === 0 ? (_jsx("div", { className: `divider__line--complete ${lineClass ?? ''}` })) : (_jsxs(_Fragment, { children: [_jsx("div", { className: `divider__line ${lineClass ?? ''}` }), text !== undefined && _jsx("p", { className: 'divider__word', children: text }), image !== undefined && _jsx("img", { className: 'divider__image', src: image, alt: '', role: 'img' }), _jsx("div", { className: `divider__line ${lineClass ?? ''}` })] })) }));
 };
 export default Divider;

package/dist/src/components/atoms/Divider/Divider.styled.js

@@ -11,6 +11,12 @@ export const DividerStyled = styled.div `
       border-bottom: 1px solid var(--neutral-neutral-4);
     }
 
+    &__line--complete {
+      width: 100%;
+      height: 0px;
+      border-bottom: 1px solid var(--neutral-neutral-4);
+    }
+
     &__word,
     &__image {
       width: fit-content;

package/dist/src/components/atoms/Divider/Divider.styled.ts

@@ -12,6 +12,12 @@ export const DividerStyled = styled.div`
       border-bottom: 1px solid var(--neutral-neutral-4);
     }
 
+    &__line--complete {
+      width: 100%;
+      height: 0px;
+      border-bottom: 1px solid var(--neutral-neutral-4);
+    }
+
     &__word,
     &__image {
       width: fit-content;

package/dist/src/components/atoms/Divider/Divider.tsx

@@ -4,14 +4,18 @@ import { type DividerProps } from './DividerProps.types'
 import { DividerStyled } from './Divider.styled'
 
 const Divider: FC<DividerProps> = ({ containerClass, lineClass, text, image }) => {
-  if (text?.length === 0 || image?.length === 0) return null
-
   return (
     <DividerStyled className={`divider ${containerClass ?? ''}`}>
-      <div className={`divider__line ${lineClass ?? ''}`}></div>
-      {text !== undefined && <p className='divider__word'>{text}</p>}
-      {image !== undefined && <img className='divider__image' src={image} alt='' role='img'></img>}
-      <div className={`divider__line ${lineClass ?? ''}`}></div>
+      {text?.length === 0 || image?.length === 0 ? (
+        <div className={`divider__line--complete ${lineClass ?? ''}`}></div>
+      ) : (
+        <>
+          <div className={`divider__line ${lineClass ?? ''}`}></div>
+          {text !== undefined && <p className='divider__word'>{text}</p>}
+          {image !== undefined && <img className='divider__image' src={image} alt='' role='img'></img>}
+          <div className={`divider__line ${lineClass ?? ''}`}></div>
+        </>
+      )}
     </DividerStyled>
   )
 }

package/dist/src/components/organisms/TryOurFreeLegalBlogsContent/TryOurFreeLegalBlogsContent.js

@@ -3,14 +3,11 @@ import { TryOurFreeLegalBlogsContentType } from './TryOurFreeLegalBlogsContentPr
 import { RichTextInner } from '../../atoms';
 import { TryOurFreeLegalBlogsContentStyled } from './TryOurFreeLegalBlogsContent.styled';
 import classNames from 'classnames';
-const TryOurFreeLegalBlogsContent = ({ title, image, children, type = TryOurFreeLegalBlogsContentType.default, imageFirstOnMobile = false }) => {
+const TryOurFreeLegalBlogsContent = ({ title, image, children, type = TryOurFreeLegalBlogsContentType.default }) => {
     const classTry = classNames({
         'try-our-free-legal-blogs-section-content': true,
         'try-our-free-legal-blogs-section-content--our-mission': TryOurFreeLegalBlogsContentType.ourMission === type,
-        'try-our-free-legal-blogs-section-content--our-mission-first-image': TryOurFreeLegalBlogsContentType.ourMissionFirstImage === type,
-        'try-our-free-legal-blogs-section-content--how-it-works': TryOurFreeLegalBlogsContentType.howItWorks === type,
-        'try-our-free-legal-blogs-section-content--how-it-works-first-image': TryOurFreeLegalBlogsContentType.howItWorksFirstImage === type,
-        'try-our-free-legal-blogs-section-content--image-first-mobile': imageFirstOnMobile
+        'try-our-free-legal-blogs-section-content--our-mission-first-image': TryOurFreeLegalBlogsContentType.ourMissionFirstImage === type
     });
     return (_jsxs(TryOurFreeLegalBlogsContentStyled, { className: classTry, children: [_jsxs("div", { className: 'try-our-free-legal-blogs-section__texts', children: [_jsx("h2", { className: 'try-our-free-legal-blogs-section__texts__title', children: title }), _jsx(RichTextInner, { customClass: 'try-our-free-legal-blogs-section__texts__body', children: children })] }), _jsx("div", { className: 'try-our-free-legal-blogs-section__image', children: image })] }));
 };

package/dist/src/components/organisms/TryOurFreeLegalBlogsContent/TryOurFreeLegalBlogsContent.styled.js

@@ -7,8 +7,7 @@ export const TryOurFreeLegalBlogsContentStyled = styled.div `
     flex-direction: row;
   }
 
-  &.try-our-free-legal-blogs-section-content--our-mission,
-  &.try-our-free-legal-blogs-section-content--how-it-works {
+  &.try-our-free-legal-blogs-section-content--our-mission {
     margin-top: 1.5rem;
     margin-bottom: 1.5rem;
     align-items: center;
@@ -31,8 +30,7 @@ export const TryOurFreeLegalBlogsContentStyled = styled.div `
     }
   }
 
-  &.try-our-free-legal-blogs-section-content--our-mission-first-image,
-  &.try-our-free-legal-blogs-section-content--how-it-works-first-image {
+  &.try-our-free-legal-blogs-section-content--our-mission-first-image {
     margin-top: 1.5rem;
     margin-bottom: 1.5rem;
     align-items: center;
@@ -103,35 +101,4 @@ export const TryOurFreeLegalBlogsContentStyled = styled.div `
   .try-our-free-legal-blogs-section__image {
     flex-basis: 50%;
   }
-
-  &.try-our-free-legal-blogs-section-content--image-first-mobile {
-    .try-our-free-legal-blogs-section__texts {
-      order: 2;
-      @media ${device['landscape-tablets']} {
-        order: 1;
-      }
-    }
-
-    .try-our-free-legal-blogs-section__image {
-      order: 1;
-      margin-bottom: 2rem;
-      @media ${device['landscape-tablets']} {
-        order: 2;
-        margin-bottom: 0;
-      }
-    }
-  }
-
-  &.try-our-free-legal-blogs-section-content--how-it-works {
-    ul {
-      list-style-type: disc;
-      padding-left: 1.2rem;
-      li {
-        margin-bottom: 0;
-        a {
-          text-decoration: underline;
-        }
-      }
-    }
-  }
 `;

package/dist/src/components/organisms/TryOurFreeLegalBlogsContent/TryOurFreeLegalBlogsContent.styled.ts

@@ -8,8 +8,7 @@ export const TryOurFreeLegalBlogsContentStyled = styled.div`
     flex-direction: row;
   }
 
-  &.try-our-free-legal-blogs-section-content--our-mission,
-  &.try-our-free-legal-blogs-section-content--how-it-works {
+  &.try-our-free-legal-blogs-section-content--our-mission {
     margin-top: 1.5rem;
     margin-bottom: 1.5rem;
     align-items: center;
@@ -32,8 +31,7 @@ export const TryOurFreeLegalBlogsContentStyled = styled.div`
     }
   }
 
-  &.try-our-free-legal-blogs-section-content--our-mission-first-image,
-  &.try-our-free-legal-blogs-section-content--how-it-works-first-image {
+  &.try-our-free-legal-blogs-section-content--our-mission-first-image {
     margin-top: 1.5rem;
     margin-bottom: 1.5rem;
     align-items: center;
@@ -104,35 +102,4 @@ export const TryOurFreeLegalBlogsContentStyled = styled.div`
   .try-our-free-legal-blogs-section__image {
     flex-basis: 50%;
   }
-
-  &.try-our-free-legal-blogs-section-content--image-first-mobile {
-    .try-our-free-legal-blogs-section__texts {
-      order: 2;
-      @media ${device['landscape-tablets']} {
-        order: 1;
-      }
-    }
-
-    .try-our-free-legal-blogs-section__image {
-      order: 1;
-      margin-bottom: 2rem;
-      @media ${device['landscape-tablets']} {
-        order: 2;
-        margin-bottom: 0;
-      }
-    }
-  }
-
-  &.try-our-free-legal-blogs-section-content--how-it-works {
-    ul {
-      list-style-type: disc;
-      padding-left: 1.2rem;
-      li {
-        margin-bottom: 0;
-        a {
-          text-decoration: underline;
-        }
-      }
-    }
-  }
 `

package/dist/src/components/organisms/TryOurFreeLegalBlogsContent/TryOurFreeLegalBlogsContent.tsx

@@ -12,18 +12,13 @@ const TryOurFreeLegalBlogsContent: FC<TryOurFreeLegalBlogsContentProps> = ({
   title,
   image,
   children,
-  type = TryOurFreeLegalBlogsContentType.default,
-  imageFirstOnMobile = false
+  type = TryOurFreeLegalBlogsContentType.default
 }) => {
   const classTry = classNames({
     'try-our-free-legal-blogs-section-content': true,
     'try-our-free-legal-blogs-section-content--our-mission': TryOurFreeLegalBlogsContentType.ourMission === type,
     'try-our-free-legal-blogs-section-content--our-mission-first-image':
-      TryOurFreeLegalBlogsContentType.ourMissionFirstImage === type,
-    'try-our-free-legal-blogs-section-content--how-it-works': TryOurFreeLegalBlogsContentType.howItWorks === type,
-    'try-our-free-legal-blogs-section-content--how-it-works-first-image':
-      TryOurFreeLegalBlogsContentType.howItWorksFirstImage === type,
-    'try-our-free-legal-blogs-section-content--image-first-mobile': imageFirstOnMobile
+      TryOurFreeLegalBlogsContentType.ourMissionFirstImage === type
   })
   return (
     <TryOurFreeLegalBlogsContentStyled className={classTry}>

package/dist/src/components/organisms/TryOurFreeLegalBlogsContent/TryOurFreeLegalBlogsContentProps.types.d.ts

@@ -1,14 +1,11 @@
 export declare enum TryOurFreeLegalBlogsContentType {
     default = "Default",
     ourMission = "Our Mission",
-    ourMissionFirstImage = "Our Mission First Image",
-    howItWorks = "How It Works",
-    howItWorksFirstImage = "How It Works First Image"
+    ourMissionFirstImage = "Our Mission First Image"
 }
 export interface TryOurFreeLegalBlogsContentProps {
     title: string;
     image: React.ReactNode;
     children: React.ReactNode;
     type?: TryOurFreeLegalBlogsContentType;
-    imageFirstOnMobile?: boolean;
 }

package/dist/src/components/organisms/TryOurFreeLegalBlogsContent/TryOurFreeLegalBlogsContentProps.types.js

@@ -3,6 +3,4 @@ export var TryOurFreeLegalBlogsContentType;
     TryOurFreeLegalBlogsContentType["default"] = "Default";
     TryOurFreeLegalBlogsContentType["ourMission"] = "Our Mission";
     TryOurFreeLegalBlogsContentType["ourMissionFirstImage"] = "Our Mission First Image";
-    TryOurFreeLegalBlogsContentType["howItWorks"] = "How It Works";
-    TryOurFreeLegalBlogsContentType["howItWorksFirstImage"] = "How It Works First Image";
 })(TryOurFreeLegalBlogsContentType || (TryOurFreeLegalBlogsContentType = {}));

package/dist/src/components/organisms/TryOurFreeLegalBlogsContent/TryOurFreeLegalBlogsContentProps.types.ts

@@ -1,9 +1,7 @@
 export enum TryOurFreeLegalBlogsContentType {
   default = 'Default',
   ourMission = 'Our Mission',
-  ourMissionFirstImage = 'Our Mission First Image',
-  howItWorks = 'How It Works',
-  howItWorksFirstImage = 'How It Works First Image'
+  ourMissionFirstImage = 'Our Mission First Image'
 }
 
 export interface TryOurFreeLegalBlogsContentProps {
@@ -11,5 +9,4 @@ export interface TryOurFreeLegalBlogsContentProps {
   image: React.ReactNode
   children: React.ReactNode
   type?: TryOurFreeLegalBlogsContentType
-  imageFirstOnMobile?: boolean
 }

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

@@ -1,15 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { TryOurFreeLegalBlogsContent } from '../../organisms/TryOurFreeLegalBlogsContent';
 import { TryOurFreeLegalBlogsSectionStyled } from './TryOurFreeLegalBlogsSection.styled';
-import classNames from 'classnames';
 const TryOurFreeLegalBlogsSection = ({ contentTryOurFreeLegalBlogs }) => {
-    const classTry = classNames({
-        default: contentTryOurFreeLegalBlogs.type === 'Default',
-        'wrapper wrapper--responsive our-mission': contentTryOurFreeLegalBlogs.type === 'Our Mission',
-        'wrapper wrapper--responsive our-mission-first-image': contentTryOurFreeLegalBlogs.type === 'Our Mission First Image',
-        'wrapper wrapper--responsive how-it-works': contentTryOurFreeLegalBlogs.type === 'How It Works',
-        'how-it-works-first-image': contentTryOurFreeLegalBlogs.type === 'How It Works First Image'
-    });
-    return (_jsx(TryOurFreeLegalBlogsSectionStyled, { className: `try-our-free-legal-blogs-section ${classTry}`, children: _jsx(TryOurFreeLegalBlogsContent, { title: contentTryOurFreeLegalBlogs.title, image: contentTryOurFreeLegalBlogs.image, type: contentTryOurFreeLegalBlogs.type, imageFirstOnMobile: contentTryOurFreeLegalBlogs.imageFirstOnMobile ?? false, children: contentTryOurFreeLegalBlogs.children }) }));
+    return (_jsx(TryOurFreeLegalBlogsSectionStyled, { className: 'try-our-free-legal-blogs-section wrapper wrapper--responsive', children: _jsx(TryOurFreeLegalBlogsContent, { title: contentTryOurFreeLegalBlogs.title, image: contentTryOurFreeLegalBlogs.image, type: contentTryOurFreeLegalBlogs.type, children: contentTryOurFreeLegalBlogs.children }) }));
 };
 export default TryOurFreeLegalBlogsSection;

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

@@ -7,34 +7,4 @@ export const TryOurFreeLegalBlogsSectionStyled = styled.section `
   @media ${device['landscape-tablets']} {
     flex-flow: row nowrap;
   }
-
-  &.how-it-works-first-image {
-    display: flex;
-    justify-content: center;
-    align-content: center;
-    width: 100%;
-    padding: 2rem 1.5rem;
-    background-color: var(--neutral-neutral-6);
-
-    @media ${device.laptop} {
-      padding: 3rem 2rem;
-    }
-
-    @media ${device['desktop-xl']} {
-      padding: 3rem 0;
-    }
-
-    .try-our-free-legal-blogs-section-content--how-it-works-first-image {
-      max-width: 1200px;
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-      align-items: center;
-      align-self: stretch;
-
-      @media ${device['landscape-tablets']} {
-        flex-flow: row-reverse nowrap;
-      }
-    }
-  }
 `;

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

@@ -8,34 +8,4 @@ export const TryOurFreeLegalBlogsSectionStyled = styled.section`
   @media ${device['landscape-tablets']} {
     flex-flow: row nowrap;
   }
-
-  &.how-it-works-first-image {
-    display: flex;
-    justify-content: center;
-    align-content: center;
-    width: 100%;
-    padding: 2rem 1.5rem;
-    background-color: var(--neutral-neutral-6);
-
-    @media ${device.laptop} {
-      padding: 3rem 2rem;
-    }
-
-    @media ${device['desktop-xl']} {
-      padding: 3rem 0;
-    }
-
-    .try-our-free-legal-blogs-section-content--how-it-works-first-image {
-      max-width: 1200px;
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-      align-items: center;
-      align-self: stretch;
-
-      @media ${device['landscape-tablets']} {
-        flex-flow: row-reverse nowrap;
-      }
-    }
-  }
 `

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

@@ -3,24 +3,14 @@ import React, { type FC } from 'react'
 import { TryOurFreeLegalBlogsContent } from '../../organisms/TryOurFreeLegalBlogsContent'
 import { type TryOurFreeLegalBlogsSectionProps } from './TryOurFreeLegalBlogsSectionProps.types'
 import { TryOurFreeLegalBlogsSectionStyled } from './TryOurFreeLegalBlogsSection.styled'
-import classNames from 'classnames'
 
 const TryOurFreeLegalBlogsSection: FC<TryOurFreeLegalBlogsSectionProps> = ({ contentTryOurFreeLegalBlogs }) => {
-  const classTry = classNames({
-    default: contentTryOurFreeLegalBlogs.type === 'Default',
-    'wrapper wrapper--responsive our-mission': contentTryOurFreeLegalBlogs.type === 'Our Mission',
-    'wrapper wrapper--responsive our-mission-first-image':
-      contentTryOurFreeLegalBlogs.type === 'Our Mission First Image',
-    'wrapper wrapper--responsive how-it-works': contentTryOurFreeLegalBlogs.type === 'How It Works',
-    'how-it-works-first-image': contentTryOurFreeLegalBlogs.type === 'How It Works First Image'
-  })
   return (
-    <TryOurFreeLegalBlogsSectionStyled className={`try-our-free-legal-blogs-section ${classTry}`}>
+    <TryOurFreeLegalBlogsSectionStyled className='try-our-free-legal-blogs-section wrapper wrapper--responsive'>
       <TryOurFreeLegalBlogsContent
         title={contentTryOurFreeLegalBlogs.title}
         image={contentTryOurFreeLegalBlogs.image}
         type={contentTryOurFreeLegalBlogs.type}
-        imageFirstOnMobile={contentTryOurFreeLegalBlogs.imageFirstOnMobile ?? false}
       >
         {contentTryOurFreeLegalBlogs.children}
       </TryOurFreeLegalBlogsContent>

package/dist/src/components/sections/index.d.ts

@@ -14,9 +14,7 @@ export * from './GuidelinesSection';
 export * from './HowGetYourFormsSection';
 export * from './JumbotronRatafiaSection';
 export * from './JumbotronSimplifiedSection';
-export * from './LawGeniusCardsSection';
 export * from './LegalSection';
-export * from './LawGeniusCardsSection';
 export * from './MidBannerRatafiaSection';
 export * from './MoreDocsSection';
 export * from './PeopleSayAboutUsSection';
@@ -24,7 +22,6 @@ export * from './StepsRatafiaSection';
 export * from './TryItRatafiaSection';
 export * from './TryOurFreeLegalBlogsSection';
 export * from './TryUsSection';
-export * from './TryNowSection';
 export * from './UnsubscribeSection';
 export * from './WhyLawDistrictSection';
 export * from './LearnMoreSection';

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

@@ -14,9 +14,7 @@ export * from './GuidelinesSection';
 export * from './HowGetYourFormsSection';
 export * from './JumbotronRatafiaSection';
 export * from './JumbotronSimplifiedSection';
-export * from './LawGeniusCardsSection';
 export * from './LegalSection';
-export * from './LawGeniusCardsSection';
 export * from './MidBannerRatafiaSection';
 export * from './MoreDocsSection';
 export * from './PeopleSayAboutUsSection';
@@ -24,7 +22,6 @@ export * from './StepsRatafiaSection';
 export * from './TryItRatafiaSection';
 export * from './TryOurFreeLegalBlogsSection';
 export * from './TryUsSection';
-export * from './TryNowSection';
 export * from './UnsubscribeSection';
 export * from './WhyLawDistrictSection';
 export * from './LearnMoreSection';

package/dist/src/components/sections/index.ts

@@ -14,9 +14,7 @@ export * from './GuidelinesSection'
 export * from './HowGetYourFormsSection'
 export * from './JumbotronRatafiaSection'
 export * from './JumbotronSimplifiedSection'
-export * from './LawGeniusCardsSection'
 export * from './LegalSection'
-export * from './LawGeniusCardsSection'
 export * from './MidBannerRatafiaSection'
 export * from './MoreDocsSection'
 export * from './PeopleSayAboutUsSection'
@@ -24,7 +22,6 @@ export * from './StepsRatafiaSection'
 export * from './TryItRatafiaSection'
 export * from './TryOurFreeLegalBlogsSection'
 export * from './TryUsSection'
-export * from './TryNowSection'
 export * from './UnsubscribeSection'
 export * from './WhyLawDistrictSection'
 export * from './LearnMoreSection'