@npm_leadtech/legal-lib-components 5.64.0 → 5.64.2

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

@@ -1,7 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { TryOurFreeLegalBlogsContentType } from './TryOurFreeLegalBlogsContentProps.types';
 import { RichTextInner } from '../../atoms';
 import { TryOurFreeLegalBlogsContentStyled } from './TryOurFreeLegalBlogsContent.styled';
-const TryOurFreeLegalBlogsContent = ({ title, image, children }) => {
-    return (_jsxs(TryOurFreeLegalBlogsContentStyled, { 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 })] }));
+import classNames from 'classnames';
+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
+    });
+    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 })] }));
 };
 export default TryOurFreeLegalBlogsContent;

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

@@ -6,6 +6,47 @@ export const TryOurFreeLegalBlogsContentStyled = styled.div `
   @media ${device['landscape-tablets']} {
     flex-direction: row;
   }
+
+  &.try-our-free-legal-blogs-section-content--our-mission {
+    align-items: center;
+    .try-our-free-legal-blogs-section__texts {
+      margin-bottom: 2rem;
+      @media ${device['landscape-tablets']} {
+        margin-bottom: 1rem;
+      }
+
+      &__title {
+        font-family: var(--font-sans);
+        font-size: 28px;
+        font-weight: 700;
+        text-align: left;
+      }
+    }
+  }
+
+  &.try-our-free-legal-blogs-section-content--our-mission-first-image {
+    align-items: center;
+    @media ${device['landscape-tablets']} {
+      flex-direction: row-reverse;
+    }
+
+    .try-our-free-legal-blogs-section__texts {
+      margin-bottom: 2rem;
+      @media ${device['landscape-tablets']} {
+        margin-bottom: 1rem;
+        margin-right: 0rem;
+        margin-left: 3rem;
+      }
+
+      &__title {
+        font-family: var(--font-sans);
+        font-size: 28px;
+        font-weight: 700;
+        text-align: left;
+      }
+    }
+  }
+
   .try-our-free-legal-blogs-section__texts {
     flex-basis: 50%;
     display: flex;

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

@@ -7,6 +7,47 @@ export const TryOurFreeLegalBlogsContentStyled = styled.div`
   @media ${device['landscape-tablets']} {
     flex-direction: row;
   }
+
+  &.try-our-free-legal-blogs-section-content--our-mission {
+    align-items: center;
+    .try-our-free-legal-blogs-section__texts {
+      margin-bottom: 2rem;
+      @media ${device['landscape-tablets']} {
+        margin-bottom: 1rem;
+      }
+
+      &__title {
+        font-family: var(--font-sans);
+        font-size: 28px;
+        font-weight: 700;
+        text-align: left;
+      }
+    }
+  }
+
+  &.try-our-free-legal-blogs-section-content--our-mission-first-image {
+    align-items: center;
+    @media ${device['landscape-tablets']} {
+      flex-direction: row-reverse;
+    }
+
+    .try-our-free-legal-blogs-section__texts {
+      margin-bottom: 2rem;
+      @media ${device['landscape-tablets']} {
+        margin-bottom: 1rem;
+        margin-right: 0rem;
+        margin-left: 3rem;
+      }
+
+      &__title {
+        font-family: var(--font-sans);
+        font-size: 28px;
+        font-weight: 700;
+        text-align: left;
+      }
+    }
+  }
+
   .try-our-free-legal-blogs-section__texts {
     flex-basis: 50%;
     display: flex;

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

@@ -1,12 +1,27 @@
 import React, { type FC } from 'react'
 
+import {
+  type TryOurFreeLegalBlogsContentProps,
+  TryOurFreeLegalBlogsContentType
+} from './TryOurFreeLegalBlogsContentProps.types'
 import { RichTextInner } from '../../atoms'
-import { type TryOurFreeLegalBlogsContentProps } from './TryOurFreeLegalBlogsContentProps.types'
 import { TryOurFreeLegalBlogsContentStyled } from './TryOurFreeLegalBlogsContent.styled'
+import classNames from 'classnames'
 
-const TryOurFreeLegalBlogsContent: FC<TryOurFreeLegalBlogsContentProps> = ({ title, image, children }) => {
+const TryOurFreeLegalBlogsContent: FC<TryOurFreeLegalBlogsContentProps> = ({
+  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
+  })
   return (
-    <TryOurFreeLegalBlogsContentStyled>
+    <TryOurFreeLegalBlogsContentStyled className={classTry}>
       <div className='try-our-free-legal-blogs-section__texts'>
         <h2 className='try-our-free-legal-blogs-section__texts__title'>{title}</h2>
         <RichTextInner customClass='try-our-free-legal-blogs-section__texts__body'>{children}</RichTextInner>

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

@@ -1,5 +1,11 @@
+export declare enum TryOurFreeLegalBlogsContentType {
+    default = "Default",
+    ourMission = "Our Mission",
+    ourMissionFirstImage = "Our Mission First Image"
+}
 export interface TryOurFreeLegalBlogsContentProps {
     title: string;
     image: React.ReactNode;
     children: React.ReactNode;
+    type?: TryOurFreeLegalBlogsContentType;
 }

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

@@ -1 +1,6 @@
-export {};
+export var TryOurFreeLegalBlogsContentType;
+(function (TryOurFreeLegalBlogsContentType) {
+    TryOurFreeLegalBlogsContentType["default"] = "Default";
+    TryOurFreeLegalBlogsContentType["ourMission"] = "Our Mission";
+    TryOurFreeLegalBlogsContentType["ourMissionFirstImage"] = "Our Mission First Image";
+})(TryOurFreeLegalBlogsContentType || (TryOurFreeLegalBlogsContentType = {}));

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

@@ -1,5 +1,12 @@
+export enum TryOurFreeLegalBlogsContentType {
+  default = 'Default',
+  ourMission = 'Our Mission',
+  ourMissionFirstImage = 'Our Mission First Image'
+}
+
 export interface TryOurFreeLegalBlogsContentProps {
   title: string
   image: React.ReactNode
   children: React.ReactNode
+  type?: TryOurFreeLegalBlogsContentType
 }

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

@@ -2,6 +2,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { TryOurFreeLegalBlogsContent } from '../../organisms/TryOurFreeLegalBlogsContent';
 import { TryOurFreeLegalBlogsSectionStyled } from './TryOurFreeLegalBlogsSection.styled';
 const TryOurFreeLegalBlogsSection = ({ contentTryOurFreeLegalBlogs }) => {
-    return (_jsx(TryOurFreeLegalBlogsSectionStyled, { className: 'try-our-free-legal-blogs-section wrapper wrapper--responsive', children: _jsx(TryOurFreeLegalBlogsContent, { title: contentTryOurFreeLegalBlogs.title, image: contentTryOurFreeLegalBlogs.image, 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.tsx

@@ -7,7 +7,11 @@ import { TryOurFreeLegalBlogsSectionStyled } from './TryOurFreeLegalBlogsSection
 const TryOurFreeLegalBlogsSection: FC<TryOurFreeLegalBlogsSectionProps> = ({ contentTryOurFreeLegalBlogs }) => {
   return (
     <TryOurFreeLegalBlogsSectionStyled className='try-our-free-legal-blogs-section wrapper wrapper--responsive'>
-      <TryOurFreeLegalBlogsContent title={contentTryOurFreeLegalBlogs.title} image={contentTryOurFreeLegalBlogs.image}>
+      <TryOurFreeLegalBlogsContent
+        title={contentTryOurFreeLegalBlogs.title}
+        image={contentTryOurFreeLegalBlogs.image}
+        type={contentTryOurFreeLegalBlogs.type}
+      >
         {contentTryOurFreeLegalBlogs.children}
       </TryOurFreeLegalBlogsContent>
     </TryOurFreeLegalBlogsSectionStyled>

package/package.json

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