@npm_leadtech/legal-lib-components 5.2.2 → 5.2.3

package/dist/css/styles.css

@@ -2554,6 +2554,9 @@ html[data-theme=lawdistrict] .document-status.--is-new .icon {
   position: absolute;
   transform: translateY(-115%);
 }
+.expert-card__image img {
+  border-radius: 100%;
+}
 .expert-card__title {
   font-family: "Inter", sans-serif;
   font-size: 18px;
@@ -6913,11 +6916,20 @@ html[data-theme=lawdistrict] .document-status.--is-new .icon {
     display: none;
   }
 }
+.guidelines-section__image.is-mobile img {
+  display: none;
+}
 .guidelines-section-detail {
   display: flex;
+  flex-direction: column;
   gap: 1.5rem;
   margin: 2rem 0 1rem 0;
 }
+@media (min-width: 960px) {
+  .guidelines-section-detail {
+    flex-direction: row;
+  }
+}
 .guidelines-section-detail__item {
   display: flex;
   flex: 1;
@@ -6940,6 +6952,21 @@ html[data-theme=lawdistrict] .document-status.--is-new .icon {
   color: var(--neutral-neutral-1);
   margin: 1.5rem 0 1rem 0;
 }
+.guidelines-section-detail__item ul {
+  list-style-type: disc;
+}
+.guidelines-section-detail__item ol {
+  list-style-type: decimal;
+}
+.guidelines-section-detail__item ul,
+.guidelines-section-detail__item ol {
+  margin-left: 1rem;
+  margin-bottom: 1rem;
+}
+.guidelines-section-detail__item ul li,
+.guidelines-section-detail__item ol li {
+  margin-bottom: 0;
+}
 .jumbotron-ratafia-content {
   display: flex;
   flex-direction: column;
@@ -8149,6 +8176,11 @@ html[data-theme=lawdistrict] .document-status.--is-new .icon {
   margin: 0 auto;
   text-align: center;
 }
+@media (min-width: 1200px) {
+  .people-say {
+    max-width: 1200px;
+  }
+}
 .people-say__title {
   font-family: "Lora", serif;
   font-size: 32px;
@@ -8157,6 +8189,19 @@ html[data-theme=lawdistrict] .document-status.--is-new .icon {
   letter-spacing: -0.3px;
   text-align: center;
 }
+.people-say .richt-text-strapi {
+  text-align: left;
+  margin-top: 2rem;
+}
+.people-say .richt-text-strapi > p,
+.people-say .richt-text-strapi > blockquote {
+  margin-top: 1.5rem;
+}
+.people-say .richt-text-strapi blockquote {
+  padding: 1rem;
+  background: var(--neutral-neutral-6);
+  border-radius: 4px;
+}
 .steps-ratafia-section {
   z-index: 999;
   width: 100%;

package/dist/src/components/atoms/ExpertCard/ExpertCard.scss

@@ -36,6 +36,10 @@
   &__image {
     position: absolute;
     transform: translateY(-115%);
+
+    img {
+      border-radius: 100%;
+    }
   }
 
   &__title {

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { RichTextInner } from '../../atoms';
+import { RichTextInner, RichTextStrapi } from '../../atoms';
 // import './GuidelinesContent.scss'
 const GuidelinesContent = ({ title, image, detail, children }) => {
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: 'guidelines-section-main wrapper', children: [_jsx("div", { className: 'guidelines-section__image big-devices', children: image }), _jsxs("div", { className: 'guidelines-section__texts', children: [_jsx("h2", { className: 'guidelines-section__texts__title', children: title }), _jsx(RichTextInner, { customClass: 'guidelines-section__texts__body', children: children })] }), _jsx("div", { className: 'guidelines-section__image is-mobile', children: image })] }), Array.isArray(detail) && (_jsx("div", { className: 'guidelines-section-detail wrapper', children: detail.map((item, index) => (_jsxs("div", { className: 'guidelines-section-detail__item', children: [_jsx("div", { className: 'guidelines-section-detail__item__image', children: item.image }), _jsx("div", { className: 'guidelines-section-detail__item__title', children: item.title }), _jsx(RichTextInner, { customClass: 'guidelines-section-detail__item__text', children: item.text })] }, index))) }))] }));
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: 'guidelines-section-main wrapper', children: [_jsx("div", { className: 'guidelines-section__image big-devices', children: image }), _jsxs("div", { className: 'guidelines-section__texts', children: [_jsx("h2", { className: 'guidelines-section__texts__title', children: title }), _jsx(RichTextInner, { customClass: 'guidelines-section__texts__body', children: children })] }), _jsx("div", { className: 'guidelines-section__image is-mobile', children: image })] }), Array.isArray(detail) && (_jsx("div", { className: 'guidelines-section-detail wrapper', children: detail.map((item, index) => (_jsxs("div", { className: 'guidelines-section-detail__item', children: [_jsx("div", { className: 'guidelines-section-detail__item__image', children: item.image }), _jsx("div", { className: 'guidelines-section-detail__item__title', children: item.title }), _jsx(RichTextStrapi, { html: item.body?.data?.childMarkdownRemark?.html })] }, index))) }))] }));
 };
 export default GuidelinesContent;

package/dist/src/components/organisms/GuidelinesContent/GuidelinesContent.scss

@@ -70,14 +70,23 @@
       @include landscape-tablets {
         display: none;
       }
+
+      img {
+        display: none;
+      }
     }
   }
 
   &-detail {
     display: flex;
+    flex-direction: column;
     gap: 1.5rem;
     margin: 2rem 0 1rem 0;
 
+    @include laptop {
+      flex-direction: row;
+    }
+
     &__item {
       display: flex;
       flex: 1;
@@ -101,6 +110,24 @@
         color: get-color(neutral, neutral-1);
         margin: 1.5rem 0 1rem 0;
       }
+
+      ul {
+        list-style-type: disc;
+      }
+
+      ol {
+        list-style-type: decimal;
+      }
+
+      ul,
+      ol {
+        margin-left: 1rem;
+        margin-bottom: 1rem;
+
+        li {
+          margin-bottom: 0;
+        }
+      }
     }
   }
 }

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

@@ -1,8 +1,8 @@
 /* eslint-disable @typescript-eslint/no-unsafe-member-access */
 import React, { type FC } from 'react'
 
+import { RichTextInner, RichTextStrapi } from '../../atoms'
 import { type GuidelinesContentProps } from './GuidelinesContentProps.types'
-import { RichTextInner } from '../../atoms'
 // import './GuidelinesContent.scss'
 
 const GuidelinesContent: FC<GuidelinesContentProps> = ({ title, image, detail, children }) => {
@@ -22,7 +22,7 @@ const GuidelinesContent: FC<GuidelinesContentProps> = ({ title, image, detail, c
             <div className='guidelines-section-detail__item' key={index}>
               <div className='guidelines-section-detail__item__image'>{item.image}</div>
               <div className='guidelines-section-detail__item__title'>{item.title}</div>
-              <RichTextInner customClass='guidelines-section-detail__item__text'>{item.text}</RichTextInner>
+              <RichTextStrapi html={item.body?.data?.childMarkdownRemark?.html as string} />
             </div>
           ))}
         </div>

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { TrustPilot } from '../../atoms';
 // import './PeopleSayAboutUsSection.scss'
-const PeopleSayAboutUsSection = ({ title, contentTrustPilot }) => {
-    return (_jsxs("section", { className: 'people-say', children: [Boolean(title) && _jsx("h2", { className: 'people-say__title', children: title }), _jsx(TrustPilot, { children: contentTrustPilot.children })] }));
+const PeopleSayAboutUsSection = ({ title, testimonialsSectionContent, contentTrustPilot }) => {
+    return (_jsxs("section", { className: 'people-say', children: [Boolean(title) && _jsx("h2", { className: 'people-say__title', children: title }), testimonialsSectionContent, _jsx(TrustPilot, { children: contentTrustPilot.children })] }));
 };
 export default PeopleSayAboutUsSection;

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

@@ -6,6 +6,10 @@
   margin: 0 auto;
   text-align: center;
 
+  @include desktop {
+    max-width: $max-width;
+  }
+
   &__title {
     font-family: $font-serif;
     font-size: 32px;
@@ -14,4 +18,20 @@
     letter-spacing: -0.3px;
     text-align: center;
   }
+
+  .richt-text-strapi {
+    text-align: left;
+    margin-top: 2rem;
+
+    > p,
+    > blockquote {
+      margin-top: 1.5rem;
+    }
+
+    blockquote {
+      padding: 1rem;
+      background: var(--neutral-neutral-6);
+      border-radius: 4px;
+    }
+  }
 }

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

@@ -4,10 +4,15 @@ import { type PeopleSayAboutUsSectionProps } from './PeopleSayAboutUsSectionProp
 import { TrustPilot } from '../../atoms'
 // import './PeopleSayAboutUsSection.scss'
 
-const PeopleSayAboutUsSection: FC<PeopleSayAboutUsSectionProps> = ({ title, contentTrustPilot }) => {
+const PeopleSayAboutUsSection: FC<PeopleSayAboutUsSectionProps> = ({
+  title,
+  testimonialsSectionContent,
+  contentTrustPilot
+}) => {
   return (
     <section className='people-say'>
       {Boolean(title) && <h2 className='people-say__title'>{title}</h2>}
+      {testimonialsSectionContent}
       <TrustPilot>{contentTrustPilot.children}</TrustPilot>
     </section>
   )

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

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

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

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

package/package.json

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