@npm_leadtech/legal-lib-components 7.45.0 → 7.46.0

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

@@ -0,0 +1,56 @@
+import { device } from '../../../globalStyles/breakpoints'
+import styled from 'styled-components'
+
+export const RatafiaReviewResultStyled = styled.section`
+  .ratafia-review-result {
+    &__review {
+      display: flex;
+      justify-content: start;
+      align-items: center;
+      gap: var(--global-gap);
+
+      border-radius: var(--s-border-radius);
+      background: var(--others-white);
+
+      &__question {
+        color: var(--neutral-neutral-1);
+        font-size: 0.75rem;
+        @media ${device['portrait-tablets']} {
+          font-size: 0.875rem;
+        }
+      }
+
+      &__buttons {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        gap: 0.5rem;
+
+        &__item {
+          display: flex;
+          padding: 0.25rem 0.5rem;
+          justify-content: center;
+          align-items: center;
+          gap: 0.25rem;
+          flex: 1 0 0;
+
+          border: none;
+          border-radius: var(--s-border-radius);
+          background: var(--neutral-neutral-6);
+
+          cursor: pointer;
+
+          &__icon {
+            width: 14px;
+          }
+          .positive {
+            color: var(--primary-main);
+          }
+          .negative {
+            color: var(--error-main);
+          }
+        }
+      }
+    }
+  }
+`

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

@@ -0,0 +1,59 @@
+import React from 'react'
+
+import { type RatafiaReviewResultProps } from './RatafiaReviewResultProps.types'
+import { RatafiaReviewResultStyled } from './RatafiaReviewResult.styled'
+
+export const RatafiaReviewResult: React.FC<RatafiaReviewResultProps> = ({
+  reviewQuestion,
+  reviewPositiveIcon,
+  reviewPositiveText,
+  handleOnClickReviewPositive,
+  reviewPositiveDataQa = true,
+  reviewNegativeIcon,
+  reviewNegativeText,
+  handleOnClickReviewNegative,
+  reviewNegativeDataQa,
+  reviewFeedbackText,
+  reviewFeedBackTextDataQa = 'lawgenius_review_feedback_text',
+  review
+}) => {
+  return (
+    <RatafiaReviewResultStyled className='ratafia-review-result'>
+      {review === null ? (
+        <div className='ratafia-review-result__review'>
+          <p className='sans-serif ratafia-review-result__review__question'>{reviewQuestion}</p>
+          <div className='ratafia-review-result__review__buttons'>
+            <button
+              className='ratafia-review-result__review__buttons__item'
+              onClick={handleOnClickReviewPositive}
+              data-qa={reviewPositiveDataQa}
+            >
+              <div className='ratafia-review-result__review__buttons__item__icon'>{reviewPositiveIcon}</div>
+              <p className='sans-serif --small ratafia-review-result__review__buttons__item__text positive'>
+                {reviewPositiveText}
+              </p>
+            </button>
+            <button
+              className='ratafia-review-result__review__buttons__item'
+              onClick={handleOnClickReviewNegative}
+              data-qa={reviewNegativeDataQa}
+            >
+              <div className='ratafia-review-result__review__buttons__item__icon'>{reviewNegativeIcon}</div>
+              <p className='sans-serif --small ratafia-review-result__review__buttons__item__text negative'>
+                {reviewNegativeText}
+              </p>
+            </button>
+          </div>
+        </div>
+      ) : (
+        <div className='ratafia-review-result__review'>
+          <p className='sans-serif --small ratafia-review-result__review__question' data-qa={reviewFeedBackTextDataQa}>
+            {reviewFeedbackText}
+          </p>
+        </div>
+      )}
+    </RatafiaReviewResultStyled>
+  )
+}
+
+export default RatafiaReviewResult

package/dist/src/components/atoms/RatafiaReviewResult/RatafiaReviewResultProps.types.d.ts

@@ -0,0 +1,15 @@
+import type { MouseEventHandler } from 'react';
+export interface RatafiaReviewResultProps {
+    reviewQuestion: string;
+    reviewPositiveIcon?: React.ReactNode;
+    reviewPositiveText: string;
+    reviewPositiveDataQa: string;
+    handleOnClickReviewPositive?: MouseEventHandler;
+    reviewNegativeIcon?: React.ReactNode;
+    reviewNegativeText: string;
+    reviewNegativeDataQa: string;
+    handleOnClickReviewNegative?: MouseEventHandler;
+    reviewFeedbackText: string;
+    reviewFeedBackTextDataQa?: string;
+    review: boolean | null;
+}

package/dist/src/components/atoms/RatafiaReviewResult/RatafiaReviewResultProps.types.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/atoms/RatafiaReviewResult/RatafiaReviewResultProps.types.ts

@@ -0,0 +1,16 @@
+import type { MouseEventHandler } from 'react'
+
+export interface RatafiaReviewResultProps {
+  reviewQuestion: string
+  reviewPositiveIcon?: React.ReactNode
+  reviewPositiveText: string
+  reviewPositiveDataQa: string
+  handleOnClickReviewPositive?: MouseEventHandler
+  reviewNegativeIcon?: React.ReactNode
+  reviewNegativeText: string
+  reviewNegativeDataQa: string
+  handleOnClickReviewNegative?: MouseEventHandler
+  reviewFeedbackText: string
+  reviewFeedBackTextDataQa?: string
+  review: boolean | null
+}

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

@@ -0,0 +1,2 @@
+export { default as RatafiaReviewResult } from './RatafiaReviewResult';
+export { type RatafiaReviewResultProps } from './RatafiaReviewResultProps.types';

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

@@ -0,0 +1 @@
+export { default as RatafiaReviewResult } from './RatafiaReviewResult';

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

@@ -0,0 +1,2 @@
+export { default as RatafiaReviewResult } from './RatafiaReviewResult'
+export { type RatafiaReviewResultProps } from './RatafiaReviewResultProps.types'

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

@@ -1,4 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { useEffect, useState } from 'react';
 import Select from 'react-select';
 import { SearchSelectStyled } from './SearchSelect.styled';
 import classNames from 'classnames';
@@ -23,6 +25,7 @@ const getSortedItems = (items, isSortAlphabetically = false) => {
 };
 const SearchSelect = (props) => {
     const { customClass = '', menuPlacement = MenuPlacement.bottom } = props;
+    const [menuPortalTarget, setMenuPortalTarget] = useState();
     const sortedItems = getSortedItems(props.items, props.isSortAlphabetically);
     const defaultValue = props.defaultValue;
     const classnames = classNames({
@@ -31,6 +34,9 @@ const SearchSelect = (props) => {
         [customClass]: props.customClass,
         '--group-invalid': !props.isValidGroup
     });
+    useEffect(() => {
+        setMenuPortalTarget(document.body);
+    }, []);
     const handleChange = (selectedOption) => {
         const selectObject = {
             target: {
@@ -49,7 +55,8 @@ const SearchSelect = (props) => {
                                     boxShadow: state.isFocused ? '0 0 0 1px var(--primary-main) !important' : '',
                                     borderStyle: state.isFocused ? 'solid' : 'initial'
                                 };
-                            }
-                        }, id: props.name, name: props.name, className: 'legal-selector', defaultValue: defaultValue, onChange: handleChange, isDisabled: props.disabled, isSearchable: props.isSearchable !== false, options: sortedItems, escapeClearsValue: true, isClearable: true, placeholder: props.placeholder, defaultMenuIsOpen: props.defaultMenuIsOpen, menuPlacement: menuPlacement })] })] }));
+                            },
+                            menuPortal: (base) => ({ ...base, zIndex: 9999 })
+                        }, id: props.name, name: props.name, className: 'legal-selector', defaultValue: defaultValue, onChange: handleChange, isDisabled: props.disabled, isSearchable: props.isSearchable !== false, options: sortedItems, escapeClearsValue: true, isClearable: true, menuPortalTarget: menuPortalTarget, placeholder: props.placeholder, defaultMenuIsOpen: props.defaultMenuIsOpen, menuPlacement: menuPlacement })] })] }));
 };
 export default SearchSelect;

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

@@ -152,7 +152,7 @@ export const SearchSelectStyled = styled.div `
         display: flex;
         align-content: center;
         position: absolute;
-        bottom: 0;
+        bottom: -12px;
         margin-top: 0.5rem;
         color: var(--error-main);
 

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

@@ -153,7 +153,7 @@ export const SearchSelectStyled = styled.div`
         display: flex;
         align-content: center;
         position: absolute;
-        bottom: 0;
+        bottom: -12px;
         margin-top: 0.5rem;
         color: var(--error-main);
 

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

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 
-import React, { type FC } from 'react'
+import React, { type FC, useEffect, useState } from 'react'
 import Select from 'react-select'
 
 import { type SearchSelectProps } from './SearchSelectProps.types'
@@ -28,6 +28,7 @@ const getSortedItems = (items: any, isSortAlphabetically: boolean | undefined =
 
 const SearchSelect: FC<SearchSelectProps> = (props) => {
   const { customClass = '', menuPlacement = MenuPlacement.bottom } = props
+  const [menuPortalTarget, setMenuPortalTarget] = useState<HTMLElement | undefined>()
   const sortedItems = getSortedItems(props.items, props.isSortAlphabetically)
   const defaultValue = props.defaultValue as unknown as string
 
@@ -38,6 +39,10 @@ const SearchSelect: FC<SearchSelectProps> = (props) => {
     '--group-invalid': !props.isValidGroup
   })
 
+  useEffect(() => {
+    setMenuPortalTarget(document.body)
+  }, [])
+
   const handleChange = (selectedOption): void => {
     const selectObject = {
       target: {
@@ -77,7 +82,8 @@ const SearchSelect: FC<SearchSelectProps> = (props) => {
                 boxShadow: state.isFocused ? '0 0 0 1px var(--primary-main) !important' : '',
                 borderStyle: state.isFocused ? 'solid' : 'initial'
               }
-            }
+            },
+            menuPortal: (base) => ({ ...base, zIndex: 9999 })
           }}
           id={props.name}
           name={props.name}
@@ -89,6 +95,7 @@ const SearchSelect: FC<SearchSelectProps> = (props) => {
           options={sortedItems}
           escapeClearsValue={true}
           isClearable={true}
+          menuPortalTarget={menuPortalTarget}
           placeholder={props.placeholder}
           defaultMenuIsOpen={props.defaultMenuIsOpen}
           menuPlacement={menuPlacement}

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import classNames from 'classnames';
-import { MenuItems } from '../MenuItems';
+import { MenuItemsDeprecated } from '../MenuItemsDeprecated';
 import { SidemenuTabStyled } from './SidemenuTab.styled';
 import { Tooltip } from '../Tooltip';
 const SidemenuTab = ({ active, mobile, menu, text, image, onClick, children }) => {
@@ -12,6 +12,6 @@ const SidemenuTab = ({ active, mobile, menu, text, image, onClick, children }) =
     if (menu === undefined || menu?.lenght === 0) {
         return renderTab();
     }
-    return (_jsx(Tooltip, { content: _jsx(MenuItems, { list: menu }), interactive: true, trigger: 'click', children: renderTab() }));
+    return (_jsx(Tooltip, { content: _jsx(MenuItemsDeprecated, { list: menu }), interactive: true, trigger: 'click', children: renderTab() }));
 };
 export default SidemenuTab;

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

@@ -1,7 +1,7 @@
 import React from 'react'
 import classNames from 'classnames'
 
-import { MenuItems } from '../MenuItems'
+import { MenuItemsDeprecated } from '../MenuItemsDeprecated'
 import { type SideMenuTabProps } from './SideMenuTabProps.types'
 import { SidemenuTabStyled } from './SidemenuTab.styled'
 import { Tooltip } from '../Tooltip'
@@ -26,7 +26,7 @@ const SidemenuTab: React.FC<SideMenuTabProps> = ({ active, mobile, menu, text, i
   }
 
   return (
-    <Tooltip content={<MenuItems list={menu} />} interactive trigger='click'>
+    <Tooltip content={<MenuItemsDeprecated list={menu} />} interactive trigger='click'>
       {renderTab()}
     </Tooltip>
   )

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

@@ -11,7 +11,7 @@ export const TopBarStyled = styled.div `
       height: 0;
     }
 
-    @media ${device['landscape-tablets']} {
+    @media ${device.tablets} {
       display: block;
     }
     @media ${device.mobile} {
@@ -26,7 +26,7 @@ export const TopBarStyled = styled.div `
       width: 100%;
       height: 100%;
       justify-content: center;
-      align-items: flex-end;
+      align-items: center;
       border: 1px solid var(--neutral-neutral-4);
 
       @media ${device.mobile} {
@@ -50,6 +50,53 @@ export const TopBarStyled = styled.div `
           display: inherit;
         }
       }
+
+      &-mobile {
+        background-color: var(--neutral-neutral-5);
+        display: flex;
+        padding: 0.5rem 1rem;
+        justify-content: space-between;
+        align-items: center;
+        border-radius: var(--s-border-radius);
+        box-shadow: var(--box-shadow-container);
+        font-size: 14px;
+        line-height: 18px;
+        letter-spacing: -0.3px;
+        position: fixed;
+        top: 0.5rem;
+        left: 0.5rem;
+        right: 0.5rem;
+
+        &.fade-In {
+          visibility: visible;
+          opacity: 1;
+          transition:
+            visibility 0s linear 0s,
+            opacity 300ms;
+        }
+
+        &.fade-Out {
+          visibility: hidden;
+          opacity: 0;
+          transition:
+            visibility 0s linear 300ms,
+            opacity 300ms;
+        }
+
+        > b {
+          display: flex;
+          justify-content: center;
+          align-items: center;
+
+          a {
+            display: contents;
+          }
+
+          img {
+            margin-right: 0.5rem;
+          }
+        }
+      }
     }
   }
 `;

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

@@ -12,7 +12,7 @@ export const TopBarStyled = styled.div`
       height: 0;
     }
 
-    @media ${device['landscape-tablets']} {
+    @media ${device.tablets} {
       display: block;
     }
     @media ${device.mobile} {
@@ -27,7 +27,7 @@ export const TopBarStyled = styled.div`
       width: 100%;
       height: 100%;
       justify-content: center;
-      align-items: flex-end;
+      align-items: center;
       border: 1px solid var(--neutral-neutral-4);
 
       @media ${device.mobile} {
@@ -51,6 +51,53 @@ export const TopBarStyled = styled.div`
           display: inherit;
         }
       }
+
+      &-mobile {
+        background-color: var(--neutral-neutral-5);
+        display: flex;
+        padding: 0.5rem 1rem;
+        justify-content: space-between;
+        align-items: center;
+        border-radius: var(--s-border-radius);
+        box-shadow: var(--box-shadow-container);
+        font-size: 14px;
+        line-height: 18px;
+        letter-spacing: -0.3px;
+        position: fixed;
+        top: 0.5rem;
+        left: 0.5rem;
+        right: 0.5rem;
+
+        &.fade-In {
+          visibility: visible;
+          opacity: 1;
+          transition:
+            visibility 0s linear 0s,
+            opacity 300ms;
+        }
+
+        &.fade-Out {
+          visibility: hidden;
+          opacity: 0;
+          transition:
+            visibility 0s linear 300ms,
+            opacity 300ms;
+        }
+
+        > b {
+          display: flex;
+          justify-content: center;
+          align-items: center;
+
+          a {
+            display: contents;
+          }
+
+          img {
+            margin-right: 0.5rem;
+          }
+        }
+      }
     }
   }
 `

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

@@ -14,7 +14,7 @@ const TopBar: FC<TopBarProps> = ({ hide, children }) => {
   return (
     <TopBarStyled className={`top-bar-wrapper ${classnames}`}>
       <div className={'top-bar'}>
-        <div className={'top-bar-content'}>{children}</div>
+        <div className='top-bar-content'>{children}</div>
       </div>
     </TopBarStyled>
   )

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

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

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

@@ -2,12 +2,11 @@ import { device } from '../../../globalStyles/breakpoints'
 import styled from 'styled-components'
 
 export const TrustPilotStyled = styled.div`
-  margin: auto;
-  padding: 0 1rem;
+  padding: 4rem 0 0rem;
 
   &.trustpilot {
     @media ${device['landscape-tablets']} {
-      margin: 3rem auto;
+      margin: 0 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 }: VideoProps) => React.JSX.Element | null;
+declare const Video: ({ videoSrcURL, videoMimeType, title, controls, autoPlay, loop, muted, track, preload, poster }: 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 }) => {
+const Video = ({ videoSrcURL, videoMimeType = 'video/webm', title = '', controls = true, autoPlay = false, loop = false, muted = false, track, preload = 'auto', poster = '' }) => {
     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, 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, 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."] }));
 };
 export default Video;

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

@@ -10,12 +10,23 @@ const Video = ({
   autoPlay = false,
   loop = false,
   muted = false,
-  track
+  track,
+  preload = 'auto',
+  poster = ''
 }: 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}>
+    <video
+      data-testid='video'
+      title={title}
+      controls={controls}
+      autoPlay={autoPlay}
+      loop={loop}
+      muted={muted}
+      preload={preload}
+      poster={poster}
+    >
       <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,4 +14,6 @@ export interface VideoProps {
         srclang: string;
         label: string;
     };
+    preload?: 'auto' | 'metadata' | 'none';
+    poster?: string;
 }

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

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

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

@@ -1,12 +1,13 @@
 export * from './ActionButtonHeaderRatafiaCard';
 export * from './AddButton';
 export * from './BaseBox';
-export * from './BenefitRatafiaCard';
+export * from './BenefitCard';
 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';
@@ -15,6 +16,7 @@ export * from './DialogMenuIcon';
 export * from './Disclaimer';
 export * from './DisclaimerRatafia';
 export * from './Divider';
+export * from './DropdownInput';
 export * from './DocumentStatus';
 export * from './DocumentTag';
 export * from './ExpertCard';
@@ -30,7 +32,7 @@ export * from './JumbotronStatic';
 export * from './KeyFactRatafiaCard';
 export * from './Logo';
 export * from './LogoText';
-export * from './MenuItems';
+export * from './MenuItemsDeprecated';
 export * from './Message';
 export * from './MessageInformation';
 export * from './MoreDocsItem';
@@ -41,6 +43,9 @@ 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';
@@ -57,8 +62,10 @@ 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,12 +1,13 @@
 export * from './ActionButtonHeaderRatafiaCard';
 export * from './AddButton';
 export * from './BaseBox';
-export * from './BenefitRatafiaCard';
+export * from './BenefitCard';
 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';
@@ -15,6 +16,7 @@ export * from './DialogMenuIcon';
 export * from './Disclaimer';
 export * from './DisclaimerRatafia';
 export * from './Divider';
+export * from './DropdownInput';
 export * from './DocumentStatus';
 export * from './DocumentTag';
 export * from './ExpertCard';
@@ -30,7 +32,7 @@ export * from './JumbotronStatic';
 export * from './KeyFactRatafiaCard';
 export * from './Logo';
 export * from './LogoText';
-export * from './MenuItems';
+export * from './MenuItemsDeprecated';
 export * from './Message';
 export * from './MessageInformation';
 export * from './MoreDocsItem';
@@ -41,6 +43,9 @@ 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';
@@ -57,8 +62,10 @@ 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';