@npm_leadtech/legal-lib-components 7.44.6 → 7.45.0

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

@@ -0,0 +1,22 @@
+import React, { useEffect, useState } from 'react'
+import { TopBarMobileStyled } from './TopBarMobile.styled'
+
+interface TopBarMobileProps {
+  children: React.ReactNode
+  isVisible: boolean
+}
+
+export const TopBarMobile: React.FC<TopBarMobileProps> = ({
+  children,
+  isVisible = false
+}): React.ReactElement | null => {
+  const [isSSR, setIsSSR] = useState(false)
+  useEffect(() => {
+    setIsSSR(true)
+  }, [])
+  return isSSR ? (
+    <TopBarMobileStyled className={`top-bar-mobile ${isVisible ? 'fade-In' : 'fade-Out'}`}>
+      {children}
+    </TopBarMobileStyled>
+  ) : null
+}

package/dist/src/components/atoms/TopBarMobile/index.d.ts

@@ -0,0 +1 @@
+export { TopBarMobile } from './TopBarMobile';

package/dist/src/components/atoms/TopBarMobile/index.js

@@ -0,0 +1 @@
+export { TopBarMobile } from './TopBarMobile';

package/dist/src/components/atoms/TopBarMobile/index.ts

@@ -0,0 +1 @@
+export { TopBarMobile } from './TopBarMobile'

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

@@ -1,11 +1,12 @@
 import { device } from '../../../globalStyles/breakpoints';
 import styled from 'styled-components';
 export const TrustPilotStyled = styled.div `
-  padding: 4rem 0 0rem;
+  margin: auto;
+  padding: 0 1rem;
 
   &.trustpilot {
     @media ${device['landscape-tablets']} {
-      margin: 0 auto;
+      margin: 3rem auto;
     }
   }
 `;

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

@@ -2,11 +2,12 @@ import { device } from '../../../globalStyles/breakpoints'
 import styled from 'styled-components'
 
 export const TrustPilotStyled = styled.div`
-  padding: 4rem 0 0rem;
+  margin: auto;
+  padding: 0 1rem;
 
   &.trustpilot {
     @media ${device['landscape-tablets']} {
-      margin: 0 auto;
+      margin: 3rem auto;
     }
   }
 `

package/dist/src/components/atoms/Video/Video.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { type VideoProps } from './VideoProps.types';
-declare const Video: ({ videoSrcURL, videoMimeType, title, controls, autoPlay, loop, muted, track, preload, poster }: VideoProps) => React.JSX.Element | null;
+declare const Video: ({ videoSrcURL, videoMimeType, title, controls, autoPlay, loop, muted, track }: VideoProps) => React.JSX.Element | null;
 export default Video;

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

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const Video = ({ videoSrcURL, videoMimeType = 'video/webm', title = '', controls = true, autoPlay = false, loop = false, muted = false, track, preload = 'auto', poster = '' }) => {
+const Video = ({ videoSrcURL, videoMimeType = 'video/webm', title = '', controls = true, autoPlay = false, loop = false, muted = false, track }) => {
     if (!videoSrcURL)
         return null;
     return (
     // eslint-disable-next-line jsx-a11y/media-has-caption
-    _jsxs("video", { "data-testid": 'video', title: title, controls: controls, autoPlay: autoPlay, loop: loop, muted: muted, preload: preload, poster: poster, children: [_jsx("source", { src: videoSrcURL, type: videoMimeType }), track && _jsx("track", { src: track.src, kind: track.kind, srcLang: track.srclang, label: track.label }), "Your browser does not support the video tag."] }));
+    _jsxs("video", { "data-testid": 'video', title: title, controls: controls, autoPlay: autoPlay, loop: loop, muted: muted, children: [_jsx("source", { src: videoSrcURL, type: videoMimeType }), track && _jsx("track", { src: track.src, kind: track.kind, srcLang: track.srclang, label: track.label }), "Your browser does not support the video tag."] }));
 };
 export default Video;

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

@@ -10,23 +10,12 @@ const Video = ({
   autoPlay = false,
   loop = false,
   muted = false,
-  track,
-  preload = 'auto',
-  poster = ''
+  track
 }: VideoProps): React.JSX.Element | null => {
   if (!videoSrcURL) return null
   return (
     // eslint-disable-next-line jsx-a11y/media-has-caption
-    <video
-      data-testid='video'
-      title={title}
-      controls={controls}
-      autoPlay={autoPlay}
-      loop={loop}
-      muted={muted}
-      preload={preload}
-      poster={poster}
-    >
+    <video data-testid='video' title={title} controls={controls} autoPlay={autoPlay} loop={loop} muted={muted}>
       <source src={videoSrcURL} type={videoMimeType} />
       {track && <track src={track.src} kind={track.kind} srcLang={track.srclang} label={track.label} />}
       Your browser does not support the video tag.

package/dist/src/components/atoms/Video/VideoProps.types.d.ts

@@ -14,6 +14,4 @@ export interface VideoProps {
         srclang: string;
         label: string;
     };
-    preload?: 'auto' | 'metadata' | 'none';
-    poster?: string;
 }

package/dist/src/components/atoms/Video/VideoProps.types.ts

@@ -14,6 +14,4 @@ export interface VideoProps {
     srclang: string
     label: string
   }
-  preload?: 'auto' | 'metadata' | 'none'
-  poster?: string
 }

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

@@ -1,13 +1,12 @@
 export * from './ActionButtonHeaderRatafiaCard';
 export * from './AddButton';
 export * from './BaseBox';
-export * from './BenefitCard';
+export * from './BenefitRatafiaCard';
 export * from './BillCard';
 export * from './BottomOverlayMenu';
 export * from './BreadcrumItem';
 export * from './Button';
 export * from './ButtonIcon';
-export * from './CardBox';
 export * from './CardPane';
 export * from './Checkbox';
 export * from './ContactCard';
@@ -16,7 +15,6 @@ export * from './DialogMenuIcon';
 export * from './Disclaimer';
 export * from './DisclaimerRatafia';
 export * from './Divider';
-export * from './DropdownInput';
 export * from './DocumentStatus';
 export * from './DocumentTag';
 export * from './ExpertCard';
@@ -32,7 +30,7 @@ export * from './JumbotronStatic';
 export * from './KeyFactRatafiaCard';
 export * from './Logo';
 export * from './LogoText';
-export * from './MenuItemsDeprecated';
+export * from './MenuItems';
 export * from './Message';
 export * from './MessageInformation';
 export * from './MoreDocsItem';
@@ -43,9 +41,6 @@ export * from './PreFooter';
 export * from './ProgressBar';
 export * from './Radio';
 export * from './RatafiaLandingIcon';
-export * from './RatafiaResultCard';
-export * from './RatafiaResultTab';
-export * from './RatafiaReviewResult';
 export * from './RemoveButton';
 export * from './ReviewKeyFactsResultRatafia';
 export * from './RichTextInner';
@@ -62,10 +57,8 @@ export * from './TextArea';
 export * from './Toggle';
 export * from './Tooltip';
 export * from './TopBar';
+export * from './TopBarMobile';
 export * from './TrustPilot';
 export * from './Video';
 export * from './WhyLawDistrictItems';
 export * from './WideInfoBar';
-export * from './MobileTrigger';
-export * from './PhoneNumberDisplay';
-export * from './ContactInformationHeader';

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

@@ -1,13 +1,12 @@
 export * from './ActionButtonHeaderRatafiaCard';
 export * from './AddButton';
 export * from './BaseBox';
-export * from './BenefitCard';
+export * from './BenefitRatafiaCard';
 export * from './BillCard';
 export * from './BottomOverlayMenu';
 export * from './BreadcrumItem';
 export * from './Button';
 export * from './ButtonIcon';
-export * from './CardBox';
 export * from './CardPane';
 export * from './Checkbox';
 export * from './ContactCard';
@@ -16,7 +15,6 @@ export * from './DialogMenuIcon';
 export * from './Disclaimer';
 export * from './DisclaimerRatafia';
 export * from './Divider';
-export * from './DropdownInput';
 export * from './DocumentStatus';
 export * from './DocumentTag';
 export * from './ExpertCard';
@@ -32,7 +30,7 @@ export * from './JumbotronStatic';
 export * from './KeyFactRatafiaCard';
 export * from './Logo';
 export * from './LogoText';
-export * from './MenuItemsDeprecated';
+export * from './MenuItems';
 export * from './Message';
 export * from './MessageInformation';
 export * from './MoreDocsItem';
@@ -43,9 +41,6 @@ export * from './PreFooter';
 export * from './ProgressBar';
 export * from './Radio';
 export * from './RatafiaLandingIcon';
-export * from './RatafiaResultCard';
-export * from './RatafiaResultTab';
-export * from './RatafiaReviewResult';
 export * from './RemoveButton';
 export * from './ReviewKeyFactsResultRatafia';
 export * from './RichTextInner';
@@ -62,10 +57,8 @@ export * from './TextArea';
 export * from './Toggle';
 export * from './Tooltip';
 export * from './TopBar';
+export * from './TopBarMobile';
 export * from './TrustPilot';
 export * from './Video';
 export * from './WhyLawDistrictItems';
 export * from './WideInfoBar';
-export * from './MobileTrigger';
-export * from './PhoneNumberDisplay';
-export * from './ContactInformationHeader';

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

@@ -1,13 +1,12 @@
 export * from './ActionButtonHeaderRatafiaCard'
 export * from './AddButton'
 export * from './BaseBox'
-export * from './BenefitCard'
+export * from './BenefitRatafiaCard'
 export * from './BillCard'
 export * from './BottomOverlayMenu'
 export * from './BreadcrumItem'
 export * from './Button'
 export * from './ButtonIcon'
-export * from './CardBox'
 export * from './CardPane'
 export * from './Checkbox'
 export * from './ContactCard'
@@ -16,7 +15,6 @@ export * from './DialogMenuIcon'
 export * from './Disclaimer'
 export * from './DisclaimerRatafia'
 export * from './Divider'
-export * from './DropdownInput'
 export * from './DocumentStatus'
 export * from './DocumentTag'
 export * from './ExpertCard'
@@ -32,7 +30,7 @@ export * from './JumbotronStatic'
 export * from './KeyFactRatafiaCard'
 export * from './Logo'
 export * from './LogoText'
-export * from './MenuItemsDeprecated'
+export * from './MenuItems'
 export * from './Message'
 export * from './MessageInformation'
 export * from './MoreDocsItem'
@@ -43,9 +41,6 @@ export * from './PreFooter'
 export * from './ProgressBar'
 export * from './Radio'
 export * from './RatafiaLandingIcon'
-export * from './RatafiaResultCard'
-export * from './RatafiaResultTab'
-export * from './RatafiaReviewResult'
 export * from './RemoveButton'
 export * from './ReviewKeyFactsResultRatafia'
 export * from './RichTextInner'
@@ -62,10 +57,8 @@ export * from './TextArea'
 export * from './Toggle'
 export * from './Tooltip'
 export * from './TopBar'
+export * from './TopBarMobile'
 export * from './TrustPilot'
 export * from './Video'
 export * from './WhyLawDistrictItems'
 export * from './WideInfoBar'
-export * from './MobileTrigger'
-export * from './PhoneNumberDisplay'
-export * from './ContactInformationHeader'

package/dist/src/components/molecules/Article/Article.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import ArrowRight from '../../../../images/svg/arrow-right-24px-outlined.svg';
 import { ArticleStyled } from './Article.styled';
 import { Button } from '../../atoms';
-const Article = ({ image, title, articleUrl, summary, isCategoryProductPage, readMoreText }) => {
-    return (_jsxs(ArticleStyled, { className: 'article', children: [_jsx("div", { className: isCategoryProductPage ? 'image image-category' : 'image', children: image }), _jsxs("div", { className: isCategoryProductPage ? 'information information-category' : 'information', children: [_jsx("a", { href: articleUrl, target: '_blank', children: _jsxs("p", { className: 'title sans-serif --big', children: [title, " "] }) }), _jsx("div", { className: 'summary', children: summary }), isCategoryProductPage ? (_jsxs("div", { className: 'button-image-container', children: [_jsx(Button, { givenClass: 'thinner-letter', color: 'tertiary', label: readMoreText, dataQa: 'article-read-more', link: articleUrl, isExternal: true }), _jsx("img", { className: 'article__arrow-right', src: ArrowRight, alt: '' })] })) : (_jsx(Button, { color: 'tertiary', label: readMoreText, dataQa: 'article-read-more', link: articleUrl, isExternal: true }))] })] }));
+const Article = ({ imageUrl, title, articleUrl, summary, isCategoryProductPage, readMoreText }) => {
+    return (_jsxs(ArticleStyled, { className: 'article', children: [_jsx("img", { src: imageUrl, className: isCategoryProductPage ? 'image image-category' : 'image', loading: 'lazy', alt: title }), _jsxs("div", { className: isCategoryProductPage ? 'information information-category' : 'information', children: [_jsx("a", { href: articleUrl, target: '_blank', children: _jsxs("p", { className: 'title sans-serif --big', children: [title, " "] }) }), _jsx("div", { className: 'summary', children: summary }), isCategoryProductPage ? (_jsxs("div", { className: 'button-image-container', children: [_jsx(Button, { givenClass: 'thinner-letter', color: 'tertiary', label: readMoreText, dataQa: 'article-read-more', link: articleUrl, isExternal: true }), _jsx("img", { className: 'article__arrow-right', src: ArrowRight, alt: '' })] })) : (_jsx(Button, { color: 'tertiary', label: readMoreText, dataQa: 'article-read-more', link: articleUrl, isExternal: true }))] })] }));
 };
 export default Article;

package/dist/src/components/molecules/Article/Article.styled.js

@@ -14,19 +14,11 @@ export const ArticleStyled = styled.div `
   }
 
   .image {
+    object-fit: cover;
+    object-position: 25%;
     height: 13em;
     width: 100%;
 
-    .gatsby-image-wrapper {
-      height: 100%;
-      img {
-        height: 100%;
-        width: 100%;
-        object-fit: cover;
-        object-position: 25%;
-      }
-    }
-
     @media ${device['landscape-tablets']} {
       width: 35%;
       height: auto;

package/dist/src/components/molecules/Article/Article.styled.ts

@@ -15,19 +15,11 @@ export const ArticleStyled = styled.div`
   }
 
   .image {
+    object-fit: cover;
+    object-position: 25%;
     height: 13em;
     width: 100%;
 
-    .gatsby-image-wrapper {
-      height: 100%;
-      img {
-        height: 100%;
-        width: 100%;
-        object-fit: cover;
-        object-position: 25%;
-      }
-    }
-
     @media ${device['landscape-tablets']} {
       width: 35%;
       height: auto;

package/dist/src/components/molecules/Article/Article.tsx

@@ -6,10 +6,15 @@ import { type ArticleProps } from './ArticleProps.types'
 import { ArticleStyled } from './Article.styled'
 import { Button } from '../../atoms'
 
-const Article: FC<ArticleProps> = ({ image, title, articleUrl, summary, isCategoryProductPage, readMoreText }) => {
+const Article: FC<ArticleProps> = ({ imageUrl, title, articleUrl, summary, isCategoryProductPage, readMoreText }) => {
   return (
     <ArticleStyled className='article'>
-      <div className={isCategoryProductPage ? 'image image-category' : 'image'}>{image}</div>
+      <img
+        src={imageUrl}
+        className={isCategoryProductPage ? 'image image-category' : 'image'}
+        loading='lazy'
+        alt={title}
+      />
       <div className={isCategoryProductPage ? 'information information-category' : 'information'}>
         <a href={articleUrl} target='_blank'>
           <p className='title sans-serif --big'>{title} </p>

package/dist/src/components/molecules/Article/ArticleProps.types.d.ts

@@ -1,5 +1,5 @@
 export interface ArticleProps {
-    image: React.ReactNode;
+    imageUrl: string;
     title: string;
     articleUrl: string;
     summary: string;

package/dist/src/components/molecules/Article/ArticleProps.types.ts

@@ -1,5 +1,5 @@
 export interface ArticleProps {
-  image: React.ReactNode
+  imageUrl: string
   title: string
   articleUrl: string
   summary: string

package/dist/src/components/molecules/BenefitRatafiaCardList/BenefitRatafiaCardList.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { BenefitCard } from '../../atoms';
+import { BenefitRatafiaCard } from '../../atoms';
 import { BenefitRatafiaCardListStyled } from './BenefitRatafiaCardList.styled';
 const BenefitRatafiaCardList = ({ benefits = [] }) => {
     if (benefits.length === 0)
         return null;
-    return (_jsx(BenefitRatafiaCardListStyled, { className: 'benefit-ratafia-card-list', children: benefits.map((benefit) => (_jsx(BenefitCard, { ...benefit }, benefit.id))) }));
+    return (_jsx(BenefitRatafiaCardListStyled, { className: 'benefit-ratafia-card-list', children: benefits.map((benefit) => (_jsx(BenefitRatafiaCard, { ...benefit }, benefit.id))) }));
 };
 export default BenefitRatafiaCardList;

package/dist/src/components/molecules/BenefitRatafiaCardList/BenefitRatafiaCardList.tsx

@@ -1,6 +1,6 @@
 import React, { type FC } from 'react'
 
-import { BenefitCard } from '../../atoms'
+import { BenefitRatafiaCard } from '../../atoms'
 import { type BenefitRatafiaCardListProps } from './BenefitRatafiaCardListProps.types'
 import { BenefitRatafiaCardListStyled } from './BenefitRatafiaCardList.styled'
 
@@ -10,7 +10,7 @@ const BenefitRatafiaCardList: FC<BenefitRatafiaCardListProps> = ({ benefits = []
   return (
     <BenefitRatafiaCardListStyled className='benefit-ratafia-card-list'>
       {benefits.map((benefit) => (
-        <BenefitCard key={benefit.id} {...benefit} />
+        <BenefitRatafiaCard key={benefit.id} {...benefit} />
       ))}
     </BenefitRatafiaCardListStyled>
   )

package/dist/src/components/molecules/BenefitRatafiaCardList/BenefitRatafiaCardListProps.types.d.ts

@@ -1,4 +1,4 @@
-import { type BenefitCardProps } from '../../atoms';
+import { type BenefitRatafiaCardProps } from '../../atoms';
 export interface BenefitRatafiaCardListProps {
-    benefits: BenefitCardProps[];
+    benefits: BenefitRatafiaCardProps[];
 }

package/dist/src/components/molecules/BenefitRatafiaCardList/BenefitRatafiaCardListProps.types.ts

@@ -1,5 +1,5 @@
-import { type BenefitCardProps } from '../../atoms'
+import { type BenefitRatafiaCardProps } from '../../atoms'
 
 export interface BenefitRatafiaCardListProps {
-  benefits: BenefitCardProps[]
+  benefits: BenefitRatafiaCardProps[]
 }

package/dist/src/components/molecules/ContactCardList/ContactCardList.styled.js

@@ -6,7 +6,7 @@ export const ContactCardListStyled = styled.div `
   flex-direction: column;
   gap: var(--global-gap);
 
-  @media ${device['landscape-tablets']} {
+  @media ${device.laptop} {
     flex-direction: row;
     gap: 2.5rem;
   }

package/dist/src/components/molecules/ContactCardList/ContactCardList.styled.ts

@@ -7,7 +7,7 @@ export const ContactCardListStyled = styled.div`
   flex-direction: column;
   gap: var(--global-gap);
 
-  @media ${device['landscape-tablets']} {
+  @media ${device.laptop} {
     flex-direction: row;
     gap: 2.5rem;
   }

package/dist/src/components/molecules/ExpertCardList/ExpertCardList.styled.js

@@ -3,11 +3,12 @@ import styled from 'styled-components';
 export const ExpertCardListStyled = styled.div `
   display: flex;
   flex-flow: column;
-  gap: 2rem;
+  gap: 0 2rem;
   justify-content: center;
-  margin: 2rem 0 0 0;
+  margin: 2rem 0 3rem 0;
 
   @media ${device['landscape-tablets']} {
     flex-flow: row wrap;
+    gap: 5rem 2rem;
   }
 `;

package/dist/src/components/molecules/ExpertCardList/ExpertCardList.styled.ts

@@ -4,11 +4,12 @@ import styled from 'styled-components'
 export const ExpertCardListStyled = styled.div`
   display: flex;
   flex-flow: column;
-  gap: 2rem;
+  gap: 0 2rem;
   justify-content: center;
-  margin: 2rem 0 0 0;
+  margin: 2rem 0 3rem 0;
 
   @media ${device['landscape-tablets']} {
     flex-flow: row wrap;
+    gap: 5rem 2rem;
   }
 `

package/dist/src/components/molecules/KeyFactCardListRatafia/KeyFactCardListRatafia.styled.js

@@ -16,11 +16,9 @@ export const KeyFactCardListRatafiaStyled = styled.div `
   border-bottom: 8px solid var(--neutral-neutral-6);
   background: var(--neutral-neutral-6);
 
-  height: max(calc(100vh - 24.5rem), 15rem);
-
+  height: calc(100vh - 24.5rem);
   @media ${device['portrait-tablets']} {
-    height: max(calc(100vh - 33.5rem), 15rem);
+    height: calc(100vh - 33.5rem);
   }
-
   overflow-y: auto;
 `;

package/dist/src/components/molecules/KeyFactCardListRatafia/KeyFactCardListRatafia.styled.ts

@@ -17,11 +17,9 @@ export const KeyFactCardListRatafiaStyled = styled.div`
   border-bottom: 8px solid var(--neutral-neutral-6);
   background: var(--neutral-neutral-6);
 
-  height: max(calc(100vh - 24.5rem), 15rem);
-
+  height: calc(100vh - 24.5rem);
   @media ${device['portrait-tablets']} {
-    height: max(calc(100vh - 33.5rem), 15rem);
+    height: calc(100vh - 33.5rem);
   }
-
   overflow-y: auto;
 `

package/dist/src/components/molecules/MenuItemsSection/MenuItemsSection.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { MenuItemsDeprecated } from '../../atoms';
+import { MenuItems } from '../../atoms';
 import { MenuItemsSectionStyled } from './MenuItemsSection.styled';
 const MenuItemsSection = ({ icon, title, list }) => {
     const filteredList = title !== undefined && list !== undefined ? list.filter((item) => item.content) : null;
     if (filteredList === null || filteredList?.length === 0 || filteredList[0].content === undefined)
         return null;
-    return (_jsxs(MenuItemsSectionStyled, { className: 'menu-items-section', children: [_jsxs("div", { className: 'menu-items-section__title-wrapper', children: [icon ?? null, _jsx("div", { className: 'menu-items-section__title-wrapper__title', children: title })] }), list && _jsx(MenuItemsDeprecated, { list: list, spacing: true })] }));
+    return (_jsxs(MenuItemsSectionStyled, { className: 'menu-items-section', children: [_jsxs("div", { className: 'menu-items-section__title-wrapper', children: [icon ?? null, _jsx("div", { className: 'menu-items-section__title-wrapper__title', children: title })] }), list && _jsx(MenuItems, { list: list, spacing: true })] }));
 };
 export default MenuItemsSection;

package/dist/src/components/molecules/MenuItemsSection/MenuItemsSection.tsx

@@ -1,6 +1,6 @@
 import React, { type FC } from 'react'
 
-import { MenuItemsDeprecated } from '../../atoms'
+import { MenuItems } from '../../atoms'
 import { type MenuItemsSectionProps } from './MenuItemsSectionProps.types'
 import { MenuItemsSectionStyled } from './MenuItemsSection.styled'
 
@@ -14,7 +14,7 @@ const MenuItemsSection: FC<MenuItemsSectionProps> = ({ icon, title, list }) => {
         {icon ?? null}
         <div className='menu-items-section__title-wrapper__title'>{title}</div>
       </div>
-      {list && <MenuItemsDeprecated list={list} spacing />}
+      {list && <MenuItems list={list} spacing />}
     </MenuItemsSectionStyled>
   )
 }

package/dist/src/components/molecules/MenuItemsSection/MenuItemsSectionProps.types.d.ts

@@ -1,4 +1,4 @@
-import { type MenuListItem } from 'src/components/atoms/MenuItemsDeprecated/MenuItemsDeprecatedProps.types';
+import { type MenuListItem } from 'src/components/atoms/MenuItems/MenuItemProps.types';
 export interface MenuItemsSectionProps {
     icon?: React.ReactNode;
     title?: string;

package/dist/src/components/molecules/MenuItemsSection/MenuItemsSectionProps.types.ts

@@ -1,4 +1,4 @@
-import { type MenuListItem } from 'src/components/atoms/MenuItemsDeprecated/MenuItemsDeprecatedProps.types'
+import { type MenuListItem } from 'src/components/atoms/MenuItems/MenuItemProps.types'
 
 export interface MenuItemsSectionProps {
   icon?: React.ReactNode

package/dist/src/components/molecules/MidBannerRatafiaContent/MidBannerRatafiaContent.styled.js

@@ -20,12 +20,6 @@ export const MidBannerRatafiaContentStyled = styled.div `
       &__description {
         align-self: stretch;
         color: var(--neutral-neutral-1);
-
-        .richt-text-strapi {
-          display: flex;
-          flex-direction: column;
-          gap: var(--global-gap);
-        }
       }
     }
     &__cta {

package/dist/src/components/molecules/MidBannerRatafiaContent/MidBannerRatafiaContent.styled.ts

@@ -21,12 +21,6 @@ export const MidBannerRatafiaContentStyled = styled.div`
       &__description {
         align-self: stretch;
         color: var(--neutral-neutral-1);
-
-        .richt-text-strapi {
-          display: flex;
-          flex-direction: column;
-          gap: var(--global-gap);
-        }
       }
     }
     &__cta {

package/dist/src/components/molecules/MidBannerRatafiaSample/MidBannerRatafiaSample.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { MidBannerRatafiaSampleStyled } from './MidBannerRatafiaSample.styled';
-const MidBannerRatafiaSample = ({ image, isEsignatureImage = false, isAbout = false, midBanner1Img, midBanner2Img, midBanner3Img }) => {
-    return (_jsxs(MidBannerRatafiaSampleStyled, { className: 'mid-banner-ratafia-sample', children: [_jsx("div", { className: 'mid-banner-ratafia-sample__image', children: image }), !isEsignatureImage && !isAbout && (_jsxs(_Fragment, { children: [_jsxs("div", { className: 'mid-banner-ratafia-sample__sumarized-tag', children: [_jsx("img", { className: 'mid-banner-ratafia-sample__sumarized-tag__icon', src: midBanner1Img, alt: '', role: 'img' }), _jsx("p", { className: 'sans-serif --small --bold-weight mid-banner-ratafia-sample__sumarized-tag__text', children: "Summarized" })] }), _jsxs("div", { className: 'mid-banner-ratafia-sample__feature-tag mid-banner-ratafia-sample__feature-tag__key-facts', children: [_jsx("img", { className: 'mid-banner-ratafia-sample__feature-tag__icon', src: midBanner2Img, alt: '', role: 'img' }), _jsx("p", { className: 'sans-serif --small mid-banner-ratafia-sample__feature-tag__text', children: "Key facts" })] }), _jsxs("div", { className: 'mid-banner-ratafia-sample__feature-tag mid-banner-ratafia-sample__feature-tag__clauses', children: [_jsx("img", { className: 'mid-banner-ratafia-sample__feature-tag__icon', src: midBanner3Img, alt: '', role: 'img' }), _jsx("p", { className: 'sans-serif --small mid-banner-ratafia-sample__feature-tag__text', children: "Clauses" })] })] })), isAbout && (_jsxs("div", { className: 'about-page', children: [_jsxs("div", { className: 'mid-banner-ratafia-sample__feature-tag mid-banner-ratafia-sample__feature-tag__key-facts about-page__signed-tag', children: [_jsx("img", { className: 'mid-banner-ratafia-sample__feature-tag__icon', src: midBanner1Img, alt: '', role: 'img' }), _jsx("p", { className: 'sans-serif --small --bold-weight mid-banner-ratafia-sample__sumarized-tag__text about-page__signed-tag', children: "Signed" })] }), _jsxs("div", { className: 'mid-banner-ratafia-sample__feature-tag mid-banner-ratafia-sample__feature-tag__clauses about-page__ai-tag', children: [_jsx("img", { className: 'mid-banner-ratafia-sample__feature-tag__icon', src: midBanner3Img, alt: '', role: 'img' }), _jsx("p", { className: 'sans-serif --small --bold-weight mid-banner-ratafia-sample__sumarized-tag__text', children: "AI Reviewed" })] })] }))] }));
+const MidBannerRatafiaSample = ({ image, isEsignatureImage = false }) => {
+    return (_jsxs(MidBannerRatafiaSampleStyled, { className: 'mid-banner-ratafia-sample', children: [_jsx("div", { className: 'mid-banner-ratafia-sample__image', children: image }), !isEsignatureImage && (_jsxs(_Fragment, { children: [_jsxs("div", { className: 'mid-banner-ratafia-sample__sumarized-tag', children: [_jsx("img", { className: 'mid-banner-ratafia-sample__sumarized-tag__icon', src: 'https://cdn.stage.strapi.lawdistrict.com/mid-banner-1.svg', alt: '', role: 'img' }), _jsx("p", { className: 'sans-serif --small --bold-weight mid-banner-ratafia-sample__sumarized-tag__text', children: "Summarized" })] }), _jsxs("div", { className: 'mid-banner-ratafia-sample__feature-tag mid-banner-ratafia-sample__feature-tag__key-facts', children: [_jsx("img", { className: 'mid-banner-ratafia-sample__feature-tag__icon', src: 'https://cdn.stage.strapi.lawdistrict.com/mid-banner-2.svg', alt: '', role: 'img' }), _jsx("p", { className: 'sans-serif --small mid-banner-ratafia-sample__feature-tag__text', children: "Key facts" })] }), _jsxs("div", { className: 'mid-banner-ratafia-sample__feature-tag mid-banner-ratafia-sample__feature-tag__clauses', children: [_jsx("img", { className: 'mid-banner-ratafia-sample__feature-tag__icon', src: 'https://cdn.stage.strapi.lawdistrict.com/mid-banner-3.svg', alt: '', role: 'img' }), _jsx("p", { className: 'sans-serif --small mid-banner-ratafia-sample__feature-tag__text', children: "Clauses" })] })] }))] }));
 };
 export default MidBannerRatafiaSample;

package/dist/src/components/molecules/MidBannerRatafiaSample/MidBannerRatafiaSample.styled.js

@@ -66,15 +66,4 @@ export const MidBannerRatafiaSampleStyled = styled.div `
       top: 75px;
     }
   }
-
-  .about-page {
-    &__ai-tag {
-      background: var(--primary-main-light-5);
-    }
-
-    &__signed-tag {
-      background: var(--primary-main-dark-1);
-      color: var(--others-white);
-    }
-  }
 `;

package/dist/src/components/molecules/MidBannerRatafiaSample/MidBannerRatafiaSample.styled.ts

@@ -67,15 +67,4 @@ export const MidBannerRatafiaSampleStyled = styled.div`
       top: 75px;
     }
   }
-
-  .about-page {
-    &__ai-tag {
-      background: var(--primary-main-light-5);
-    }
-
-    &__signed-tag {
-      background: var(--primary-main-dark-1);
-      color: var(--others-white);
-    }
-  }
 `