@npm_leadtech/legal-lib-components 7.85.1 → 7.85.2

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

@@ -0,0 +1,27 @@
+import React, { type FC } from 'react'
+
+import { Button, RichTextInner } from '../../atoms'
+import { type TryNowSectionProps } from './TryNowSectionProps'
+import { TryNowSectionStyled } from './TryNowSection.styled'
+
+export const TryNowSection: FC<TryNowSectionProps> = ({ text, buttonText, buttonLink, buttonDataQa, image }) => {
+  return (
+    <TryNowSectionStyled className='try-our-free-legal-blogs-section wrapper wrapper--responsive try-us-section'>
+      <div className='guidelines-section-trial wrapper'>
+        <div className='guidelines-section-trial__item'>
+          <div className='guidelines-section__image big-devices'>{image}</div>
+          <div className='guidelines-section-trial__texts'>
+            <RichTextInner customClass='guidelines-section__texts__body'>{text}</RichTextInner>
+            <Button
+              givenClass='mid-banner-ratafia-content__cta'
+              dataQa={buttonDataQa}
+              link={buttonLink}
+              color='primary'
+              label={buttonText}
+            />
+          </div>
+        </div>
+      </div>
+    </TryNowSectionStyled>
+  )
+}

package/dist/src/components/sections/TryNowSection/TryNowSectionProps.ts

@@ -0,0 +1,9 @@
+import React from 'react'
+
+export interface TryNowSectionProps {
+  text: React.ReactNode
+  buttonText: string
+  buttonLink: string
+  buttonDataQa: string
+  image?: React.ReactNode
+}

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

@@ -0,0 +1,2 @@
+export { TryNowSection } from './TryNowSection'
+export type { TryNowSectionProps } from './TryNowSectionProps'

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

@@ -8,4 +8,34 @@ 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,14 +3,24 @@ 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 wrapper wrapper--responsive'>
+    <TryOurFreeLegalBlogsSectionStyled className={`try-our-free-legal-blogs-section ${classTry}`}>
       <TryOurFreeLegalBlogsContent
         title={contentTryOurFreeLegalBlogs.title}
         image={contentTryOurFreeLegalBlogs.image}
         type={contentTryOurFreeLegalBlogs.type}
+        imageFirstOnMobile={contentTryOurFreeLegalBlogs.imageFirstOnMobile ?? false}
       >
         {contentTryOurFreeLegalBlogs.children}
       </TryOurFreeLegalBlogsContent>

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

@@ -7,16 +7,21 @@ export const WhyLawDistrictSectionStyled = styled.section`
   width: 100%;
   padding-top: 2.5rem;
   padding-bottom: 2rem;
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
   display: flex;
   flex-direction: column;
 
   @media ${device['landscape-tablets']} {
     padding-bottom: 0rem;
+    padding-left: 0rem;
+    padding-right: 0rem;
     display: block;
   }
 
-  .whyLawDistrictSection {
+  .whySection {
     &__title {
+      padding: 0 1.5rem;
       @media ${device.laptop} {
         padding: 0;
       }

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

@@ -15,13 +15,13 @@ export const WhyLawDistrictSection: React.FC<WhyLawDistrictSectionProps> = ({ ti
   }, [userActive])
 
   return (
-    <WhyLawDistrictSectionStyled className={'whyLawDistrictSection'}>
-      <h2 className={'why-lawDistrict__title serif --hero'}>{title}</h2>
+    <WhyLawDistrictSectionStyled className={'whySection'}>
+      <h2 className={'whySection__title serif --hero'}>{title}</h2>
       <WhyLawDistrictItems items={items} />
 
       {!isUserActive && (
         <Button
-          givenClass='whyLawDistrictSection__button'
+          givenClass='whySection__button'
           label={link.cta}
           link={link.url}
           onClick={link.onClick}

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

@@ -1,18 +1,22 @@
-export * from './AboutUsSection'
+export * from './HeroSection'
 export * from './AsideMenuSection'
 export * from './AsSeeInSection'
 export * from './BenefitsRatafiaSection'
 export * from './BlogSection'
+export * from './CardBoxSection'
 export * from './ContactSection'
 export * from './ExpertsSection'
 export * from './FaqSection'
+export * from './Footer'
 export * from './FeaturesRatafiaSection'
 export * from './FunctionalityCardsSection'
 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'
@@ -20,7 +24,11 @@ export * from './StepsRatafiaSection'
 export * from './TryItRatafiaSection'
 export * from './TryOurFreeLegalBlogsSection'
 export * from './TryUsSection'
+export * from './TryNowSection'
 export * from './UnsubscribeSection'
 export * from './WhyLawDistrictSection'
 export * from './LearnMoreSection'
 export * from './CardStorySection'
+export * from './Header'
+export * from './Footer'
+export * from './AppHeader'

package/dist/src/globalStyles/animations.scss

@@ -55,9 +55,14 @@
 }
 
 .background-ratafia-animation {
-  background: radial-gradient(90.31% 103.09% at 74.2% -62.04%, rgba(7, 128, 128, 0.3) 0%, #062f3c 100%),
-    radial-gradient(80.63% 44.37% at 73.54% 70.76%, #078080 0%, #052a37 100%),
-    radial-gradient(92.19% 33.51% at 0% 0%, #078080 0%, #042b39 100%), #032a38;
+  background: radial-gradient(
+      90.31% 103.09% at 74.2% -62.04%,
+      var(--primary-main-dark-2) 0%,
+      var(--primary-main-dark-1) 100%
+    ),
+    radial-gradient(80.63% 44.37% at 73.54% 70.76%, var(--primary-main) 0%, var(--primary-main-dark-2) 100%),
+    radial-gradient(92.19% 33.51% at 0% 0%, var(--primary-main) 0%, var(--primary-main-dark-1) 100%),
+    var(--primary-main-dark-2);
   background-blend-mode: lighten, lighten, lighten, normal;
   background-size: 150% 150%;
   animation: gradientAnimation 4s ease infinite;

package/dist/src/globalStyles/breakpoints.ts

@@ -2,6 +2,7 @@ interface Size {
   xxs: string
   xs: string
   sm: string
+  tab: string
   md: string
   lg: string
   xl: string
@@ -12,6 +13,7 @@ export const size: Size = {
   xxs: '328px', // for very small screen mobile
   xs: '575px', // for small screen mobile
   sm: '720px', // for mobile screen
+  tab: '768px', // for tablets in portrait
   md: '960px', // for tablets
   lg: '1200px', // for laptops
   xl: '1600px', // for desktop / monitors
@@ -22,6 +24,7 @@ export const device = {
   mobile: `(max-width: ${size.xs})`,
   'portrait-tablets': `(min-width: ${size.xs})`,
   'landscape-tablets': `(min-width: ${size.sm})`,
+  tablets: `(min-width: ${size.tab})`,
   laptop: `(min-width: ${size.md})`,
   desktop: `(min-width: ${size.lg})`,
   'desktop-xl': `(min-width: ${size.xl})`

package/dist/src/globalStyles/themes.scss

@@ -20,9 +20,7 @@ html {
 
   --snackbar-reminder-bg: #f2bd6a;
   --snackbar-reminder-border: #cd9a4c;
-}
 
-html {
   --primary-main-light-6: #eff7f5;
   --primary-main-light-5: #e4f8f3;
   --primary-main-light-4: #c0f7e8;
@@ -54,9 +52,12 @@ html {
   --others-white: #fff;
   --others-disabled: #6b7280;
   --others-black: #000;
+
+  --font-main: 'Inter', sans-serif;
+  --font-secondary: 'Lora', serif;
 }
 
-html[data-theme='districtlaws'] {
+html[data-theme='secondaryorange'] {
   --primary-main-light-6: #fff5ee;
   --primary-main-light-5: #ffe1cc;
   --primary-main-light-4: #ffc59b;
@@ -88,9 +89,12 @@ html[data-theme='districtlaws'] {
   --others-white: #fff;
   --others-disabled: #6b7280;
   --others-black: #000;
+
+  --font-main: 'Inter', sans-serif;
+  --font-secondary: 'Lora', serif;
 }
 
-html[data-theme='lawdistricts'] {
+html[data-theme='secondaryblue'] {
   --primary-main-light-6: #f9f9ff;
   --primary-main-light-5: #eceeff;
   --primary-main-light-4: #c3c9ff;
@@ -122,9 +126,12 @@ html[data-theme='lawdistricts'] {
   --others-white: #fff;
   --others-disabled: #6b7280;
   --others-black: #000;
+
+  --font-main: 'Inter', sans-serif;
+  --font-secondary: 'Lora', serif;
 }
 
-html[data-theme='lawdistrict'] {
+html[data-theme='primarygreen'] {
   --primary-main-light-6: #eff7f5;
   --primary-main-light-5: #e4f8f3;
   --primary-main-light-4: #c0f7e8;
@@ -156,9 +163,12 @@ html[data-theme='lawdistrict'] {
   --others-white: #fff;
   --others-disabled: #6b7280;
   --others-black: #000;
+
+  --font-main: 'Inter', sans-serif;
+  --font-secondary: 'Lora', serif;
 }
 
-html[data-theme='lawdistrict'] {
+html[data-theme='primarygreen'] {
   .document-status {
     &.--in-progress {
       background-color: var(--secondary-main-light-4);
@@ -184,7 +194,7 @@ html[data-theme='lawdistrict'] {
   }
 }
 
-html[data-theme='lawsdistrict'] {
+html[data-theme='secondarypurple'] {
   --primary-main-light-6: #f9f5ff;
   --primary-main-light-5: #e3d1ff;
   --primary-main-light-4: #b68aff;
@@ -216,9 +226,12 @@ html[data-theme='lawsdistrict'] {
   --others-white: #fff;
   --others-disabled: #6b7280;
   --others-black: #000;
+
+  --font-main: 'Inter', sans-serif;
+  --font-secondary: 'Lora', serif;
 }
 
-html[data-theme='lawdistrictinfo'] {
+html[data-theme='secondarygreen'] {
   --primary-main-light-6: #f1fff7;
   --primary-main-light-5: #d5ffe6;
   --primary-main-light-4: #6affa5;
@@ -250,9 +263,12 @@ html[data-theme='lawdistrictinfo'] {
   --others-white: #fff;
   --others-disabled: #6b7280;
   --others-black: #000;
+
+  --font-main: 'Inter', sans-serif;
+  --font-secondary: 'Lora', serif;
 }
 
-html[data-theme='uslawdistrict'] {
+html[data-theme='secondarybrown'] {
   --primary-main-light-6: #fffbf2;
   --primary-main-light-5: #fff6e5;
   --primary-main-light-4: #ffe6b7;
@@ -284,9 +300,12 @@ html[data-theme='uslawdistrict'] {
   --others-white: #fff;
   --others-disabled: #6b7280;
   --others-black: #000;
+
+  --font-main: 'Inter', sans-serif;
+  --font-secondary: 'Lora', serif;
 }
 
-html[data-theme='lawdistrictonline'] {
+html[data-theme='secondaryyellow'] {
   --primary-main-light-6: #f9ffea;
   --primary-main-light-5: #f0ffc4;
   --primary-main-light-4: #e6ff9f;
@@ -318,4 +337,62 @@ html[data-theme='lawdistrictonline'] {
   --others-white: #fff;
   --others-disabled: #6b7280;
   --others-black: #000;
+
+  --font-main: 'Inter', sans-serif;
+  --font-secondary: 'Lora', serif;
+}
+
+html[data-theme='primaryblue'] {
+  --button: #1039f5;
+  --button-secondary: #1039f5;
+  --button-hover: #3970ff;
+  --button-tertiary: #3970ff;
+  --button-2: #07144b;
+  --button-4: #07144b;
+  --button-2-hover: #163399;
+  --button-4-hover: #163399;
+  --snackbar-success-color: #163399;
+  --button-4-color: #e9f5ff;
+  --button-secondary-hover: #d7ecff;
+  --feeback-success: #d7ecff;
+  --button-tertiary-hover: #b7daff;
+  --snackbar-success-bg: #8bc1ff;
+  --snackbar-success-border: #5e99ff;
+  --snackbar-reminder-bg: #f98116;
+  --snackbar-reminder-border: #ea660c;
+
+  --primary-main-light-6: #e9f5ff;
+  --primary-main-light-5: #d7ecff;
+  --primary-main-light-4: #b7daff;
+  --primary-main-light-3: #8bc1ff;
+  --primary-main-light-2: #5e99ff;
+  --primary-main-light-1: #1039f5;
+  --primary-main: #3970ff;
+  --primary-main-dark-1: #163399;
+  --primary-main-dark-1-rgb: 2, 55, 74;
+  --primary-main-dark-2: #07144b;
+  --secondary-main-light-5: #fff6ed;
+  --secondary-main-light-4: #fff0d5;
+  --secondary-main-light-3: #fedcaa;
+  --secondary-main-light-2: #fdc374;
+  --secondary-main-light-1: #fb9e3c;
+  --secondary-main: #f98116;
+  --secondary-main-dark-1: #ea660c;
+  --secondary-main-dark-2: #d3530d;
+  --neutral-main: #1f2532;
+  --neutral-neutral-1: #2f3a4b;
+  --neutral-neutral-2: #496080;
+  --neutral-neutral-3: #b5babd;
+  --neutral-neutral-4: #d2d9e5;
+  --neutral-neutral-5: #ebeef3;
+  --neutral-neutral-6: #f5f7fa;
+  --error-main: #d63737;
+  --error-error-2: #f09d9e;
+  --error-error-3: #ffecef;
+  --others-white: #ffffff;
+  --others-disabled: #6b7280;
+  --others-black: #000;
+
+  --font-main: 'Poppins', sans-serif;
+  --font-secondary: 'Poppins', sans-serif;
 }

package/dist/src/globalStyles/variablesCss.scss

@@ -14,3 +14,20 @@ html {
 
   --global-gap: 1rem;
 }
+
+html[data-theme='primaryblue'] {
+  --font-sans: 'Poppins', sans-serif;
+  --font-serif: 'Poppins', serif;
+
+  --s-border-radius: 0.25rem;
+  --m-border-radius: 0.5rem;
+  --l-border-radius: 1rem;
+
+  --box-shadow-small: 0 0.125rem 0.375rem 0 rgba(var(--primary-main-dark-1-rgb), 0.25);
+  --box-shadow-medium: 0 0.25rem 0.5rem 0 rgba(var(--primary-main-dark-1-rgb), 0.2);
+  --box-shadow-menu: 0 0.25rem 0.5rem -0.5rem rgba(var(--primary-main-dark-1-rgb), 0.2);
+  --box-shadow-tippy-box: 0 0.25rem 0.5rem 0.25rem rgba(var(--primary-main-dark-1-rgb), 0.2);
+  --box-shadow-container: 0px 2px 6px 0px rgba(var(--primary-main-dark-1-rgb), 0.25);
+
+  --global-gap: 1rem;
+}

package/dist/src/hooks/useIntersectionObserver.tsx

@@ -1,14 +1,20 @@
-import { type LegacyRef, useEffect, useRef, useState } from 'react'
+import { RefObject, useEffect, useRef, useState } from 'react'
 
-export function useIntersectionObserver({
+interface UseIntersectionObserverParams {
+  options?: IntersectionObserverInit
+  defaultIntersecting?: boolean
+}
+
+export function useIntersectionObserver<T extends HTMLElement>({
   options = {},
   defaultIntersecting = false
-}): [LegacyRef<HTMLDivElement> | undefined, boolean] {
+}: UseIntersectionObserverParams = {}): [RefObject<T | null>, boolean] {
   const [isIntersecting, setIsIntersecting] = useState(defaultIntersecting)
-  const elementRef = useRef<HTMLDivElement>(null)
+  const elementRef = useRef<T>(null)
 
   useEffect(() => {
     const currentElement = elementRef.current
+    if (!currentElement) return
 
     const observer = new IntersectionObserver((entries) => {
       entries.forEach((entry) => {
@@ -16,14 +22,10 @@ export function useIntersectionObserver({
       })
     }, options)
 
-    if (currentElement != null) {
-      observer.observe(currentElement)
-    }
+    observer.observe(currentElement)
 
     return () => {
-      if (currentElement != null) {
-        observer.unobserve(currentElement)
-      }
+      observer.disconnect()
     }
   }, [options])
 

package/dist/src/hooks/useSearchFunction.tsx

@@ -0,0 +1,63 @@
+import React, { useState } from 'react'
+import { type SearchBarProps } from '../components/molecules/SearchBar/SearchBarProps.types'
+
+interface SearchFunctionProps extends SearchBarProps {
+  onClose?: () => void
+}
+
+export const useSearchFunction = (props: SearchFunctionProps) => {
+  const [results, setResults] = useState<React.JSX.Element[]>([])
+
+  const searchFunction = (text: string): void => {
+    const { products, searchBarTexts, routes, handleResultClick, onClose } = props
+    const searchTerm = text.toLowerCase()
+
+    const productsFiltered = products.filter((item) => item.linkText.toLowerCase().includes(searchTerm))
+
+    const newResults = productsFiltered
+      .map((item) => {
+        const product = item.linkText
+        const preMatch = product.slice(0, product.toLowerCase().indexOf(searchTerm))
+        const match = product.slice(product.toLowerCase().indexOf(searchTerm), preMatch.length + searchTerm.length)
+        const postMatch = product.slice(product.toLowerCase().indexOf(searchTerm) + searchTerm.length, product.length)
+        const link = item.categoryUrl ? `${item.categoryUrl}/${item.slug}` : item.slug
+
+        return (
+          <li key={item.linkText} className='dropdown_input__item'>
+            <a
+              href={routes.CUSTOM_URL_FROM_TARGET_ADDRESS(link)}
+              className='dropdown_input__link'
+              onClick={(e) => {
+                e.preventDefault()
+                handleResultClick(product, routes.CUSTOM_URL_FROM_TARGET_ADDRESS(link))
+                if (onClose) onClose()
+              }}
+              title={product}
+            >
+              {preMatch}
+              <strong className='dropdown_input__link__emphasis'>{match}</strong>
+              {postMatch}
+            </a>
+          </li>
+        )
+      })
+      .slice(0, 9)
+
+    newResults.push(
+      <li key={searchBarTexts.title} className='dropdown_input__item'>
+        <a
+          className='dropdown_input__link--all'
+          title={searchBarTexts.title}
+          href={routes.LEGAL_DOCUMENTS}
+          onClick={onClose}
+        >
+          {searchBarTexts.title}
+        </a>
+      </li>
+    )
+
+    setResults(newResults)
+  }
+
+  return { results, searchFunction }
+}

package/dist/src/hooks/useWindowSize.tsx

@@ -0,0 +1,51 @@
+import { useEffect, useState } from 'react'
+
+interface Size {
+  width: number | null
+  height: number | null
+}
+
+const getSize = (): Size | undefined => {
+  if (typeof window !== 'undefined') {
+    return {
+      width: window.innerWidth,
+      height: window.innerHeight
+    }
+  } else if (typeof document !== 'undefined') {
+    if (typeof document.documentElement !== 'undefined') {
+      return {
+        width: document.documentElement.clientWidth,
+        height: document.documentElement.clientHeight
+      }
+    } else {
+      return {
+        width: document.body.clientWidth,
+        height: document.body.clientHeight
+      }
+    }
+  }
+}
+
+export const useWindowSize = (): Size => {
+  const [size, setSize] = useState<Size>({
+    width: null,
+    height: null
+  })
+
+  const resizeListener = (): void => {
+    const newSize = getSize()
+    if (newSize) {
+      setSize(newSize)
+    }
+  }
+
+  useEffect(() => {
+    resizeListener()
+    window.addEventListener('resize', resizeListener)
+    return () => {
+      window.removeEventListener('resize', resizeListener)
+    }
+  }, [])
+
+  return size
+}

package/dist/src/utils/throttle.ts

@@ -0,0 +1,11 @@
+export function throttle<T extends (...args: unknown[]) => unknown>(func: T, limit: number) {
+  let inThrottle: boolean | undefined
+
+  return function (this: ThisParameterType<T>, ...args: Parameters<T>): void {
+    if (!inThrottle) {
+      func.apply(this, args)
+      inThrottle = true
+      setTimeout(() => (inThrottle = false), limit)
+    }
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@npm_leadtech/legal-lib-components",
-  "version": "7.85.1",
+  "version": "7.85.2",
   "license": "ISC",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -165,7 +165,6 @@
     "./JumbotronStatic": "./dist/src/components/atoms/JumbotronStatic/index.js",
     "./Logo": "./dist/src/components/atoms/Logo/index.js",
     "./LogoText": "./dist/src/components/atoms/LogoText/index.js",
-    "./MenuItemsDeprecated": "./dist/src/components/atoms/MenuItemsDeprecated/index.js",
     "./Message": "./dist/src/components/atoms/Message/index.js",
     "./MessageInformation": "./dist/src/components/atoms/MessageInformation/index.js",
     "./MoreDocsItem": "./dist/src/components/atoms/MoreDocsItem/index.js",

package/dist/images/componentsSvg/ArrowRight.d.ts

@@ -1,7 +0,0 @@
-import { type FC } from 'react';
-interface ArrowRightProps {
-    className?: string;
-    onClick?: () => void;
-}
-export declare const ArrowRight: FC<ArrowRightProps>;
-export {};

package/dist/images/componentsSvg/ArrowRight.js

@@ -1,2 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const ArrowRight = ({ className, onClick }) => (_jsxs("svg", { className: className, onClick: onClick, version: '1.1', id: 'Layer_1', xmlns: 'http://www.w3.org/2000/svg', xmlnsXlink: 'http://www.w3.org/1999/xlink', x: '0px', y: '0px', viewBox: '0 0 492.004 492.004', xmlSpace: 'preserve', children: [_jsx("g", { children: _jsx("g", { children: _jsx("path", { d: 'M382.678,226.804L163.73,7.86C158.666,2.792,151.906,0,144.698,0s-13.968,2.792-19.032,7.86l-16.124,16.12\nc-10.492,10.504-10.492,27.576,0,38.064L293.398,245.9l-184.06,184.06c-5.064,5.068-7.86,11.824-7.86,19.028\nc0,7.212,2.796,13.968,7.86,19.04l16.124,16.116c5.068,5.068,11.824,7.86,19.032,7.86s13.968-2.792,19.032-7.86L382.678,265\nc5.076-5.084,7.864-11.872,7.848-19.088C390.542,238.668,387.754,231.884,382.678,226.804z' }) }) }), _jsx("g", {}), _jsx("g", {}), _jsx("g", {}), _jsx("g", {}), _jsx("g", {}), _jsx("g", {}), _jsx("g", {}), _jsx("g", {}), _jsx("g", {}), _jsx("g", {}), _jsx("g", {}), _jsx("g", {}), _jsx("g", {}), _jsx("g", {}), _jsx("g", {})] }));

package/dist/images/componentsSvg/ChevronExpandLess.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const ChevronExpandLess: React.FC;

package/dist/images/componentsSvg/ChevronExpandLess.js

@@ -1,2 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export const ChevronExpandLess = () => (_jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '24', height: '24', viewBox: '0 0 24 24', fill: 'none', children: _jsx("path", { d: 'M12.7071 9.00209C12.3166 8.61157 11.6834 8.61157 11.2929 9.00209L6.70538 13.5896C6.31581 13.9792 6.31581 14.6108 6.70538 15.0004C7.09466 15.3896 7.72569 15.39 8.11538 15.0011L12 11.125L15.8846 15.0011C16.2743 15.39 16.9053 15.3896 17.2946 15.0004C17.6842 14.6108 17.6842 13.9792 17.2946 13.5896L12.7071 9.00209Z', fill: '#1E2021' }) }));

package/dist/images/componentsSvg/ChevronExpandMore.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-export declare const ChevronExpandMore: React.FC<{
-    fill?: string;
-}>;

package/dist/images/componentsSvg/ChevronExpandMore.js

@@ -1,2 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export const ChevronExpandMore = ({ fill = '#1E2021' }) => (_jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '24', height: '24', viewBox: '0 0 24 24', fill: 'none', className: 'chevron-expand-more', children: _jsx("path", { d: 'M17.2946 8.9996C16.9053 8.61033 16.2743 8.60998 15.8846 8.99883L12 12.875L8.11538 8.99883C7.72569 8.60998 7.09466 8.61033 6.70538 8.9996C6.31581 9.38917 6.31581 10.0208 6.70538 10.4104L11.2929 14.9979C11.6834 15.3884 12.3166 15.3884 12.7071 14.9979L17.2946 10.4104C17.6842 10.0208 17.6842 9.38917 17.2946 8.9996Z', fill: fill }) }));

package/dist/images/componentsSvg/ChevronRight.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const ChevronRight: () => React.ReactElement;

package/dist/images/componentsSvg/ChevronRight.js

@@ -1,2 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export const ChevronRight = () => (_jsx("svg", { width: '24', height: '24', viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg', children: _jsx("g", { children: _jsx("path", { d: 'M10.4104 6.70538C10.0209 6.31581 9.38923 6.31581 8.99966 6.70538C8.61039 7.09466 8.61004 7.72569 8.99889 8.11538L12.875 12L8.99889 15.8846C8.61004 16.2743 8.61039 16.9053 8.99966 17.2946C9.38923 17.6842 10.0209 17.6842 10.4104 17.2946L14.9979 12.7071C15.3885 12.3166 15.3885 11.6834 14.9979 11.2929L10.4104 6.70538Z' }) }) }));

package/dist/images/componentsSvg/ChevronRight24px.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const ChevronRight24px: () => React.ReactElement;

package/dist/images/componentsSvg/ChevronRight24px.js

@@ -1,2 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const ChevronRight24px = () => (_jsxs("svg", { width: '24', height: '24', viewBox: '0 0 24 24', className: 'chevron-right24px', children: [_jsx("defs", { children: _jsx("path", { id: 'prefix__a', d: 'M9.705 6L8.295 7.41 12.875 12 8.295 16.59 9.705 18 15.705 12z' }) }), _jsxs("g", { fill: 'none', fillRule: 'evenodd', children: [_jsx("path", { d: 'M0 0H24V24H0z' }), _jsx("mask", { id: 'prefix__b', fill: '#fff', children: _jsx("use", { xlinkHref: '#prefix__a' }) }), _jsx("g", { fill: '#3D4042', mask: 'url(#prefix__b)', className: 'main-fill', children: _jsx("path", { d: 'M0 0H24V24H0z' }) })] })] }));