@npm_leadtech/legal-lib-components 7.82.52 → 7.83.1

package/dist/src/components/molecules/TextInput/TextInput.scss

@@ -10,6 +10,10 @@
   margin-bottom: 1rem;
   position: relative;
 
+  .e-text-input__short {
+    width: 50%;
+  }
+
   input {
     -webkit-appearance: none;
     -moz-appearance: none;
@@ -55,6 +59,10 @@
     font-weight: bold;
   }
 
+  .e-text__inner {
+    grid-row: 1;
+  }
+
   .form-group__label-icon {
     color: var(--neutral-neutral-1);
     font-weight: bold;
@@ -103,9 +111,10 @@
     .e-text__error {
       display: flex;
       align-content: center;
-      bottom: -5.5rem;
-      margin-top: 0.5rem;
       color: var(--error-main);
+      align-items: center;
+      height: fit-content;
+      margin-top: 0.5rem;
 
       &-icon {
         display: flex;
@@ -148,6 +157,41 @@
     }
   }
 
+  &--has-prefix {
+    width: 100%;
+    display: grid;
+    grid-template-columns: 1fr;
+
+    @include portrait-tablets {
+      width: 50%;
+    }
+
+    .tooltip-form {
+      grid-row: 3;
+    }
+
+    .has-currency-prefix {
+      padding-left: 2rem;
+      grid-column: 1;
+      grid-row: 2;
+      align-self: center;
+    }
+
+    .has-currency-suffix {
+      padding-right: 2rem;
+      grid-column: 1;
+      grid-row: 2;
+      align-self: center;
+    }
+
+    .has-percent-suffix {
+      padding-left: 0.75rem;
+      grid-column: 1;
+      grid-row: 2;
+      align-self: center;
+    }
+  }
+
   .input-icon {
     position: absolute;
     transform: translate(-15%, -65%);
@@ -160,10 +204,37 @@
     position: absolute;
     right: 0px;
     bottom: 6px;
+    top: 2.5rem;
+    height: fit-content;
     background: none;
     border: none;
   }
 
+  .input-icon-currency-suffix {
+    grid-column: 1;
+    grid-row: 2;
+    align-self: center;
+    margin-left: calc(100% - 30px);
+    width: fit-content;
+  }
+
+  .input-icon-currency-prefix {
+    grid-column: 1;
+    grid-row: 2;
+    align-self: center;
+    z-index: 1;
+    padding-left: 0.87rem;
+    width: fit-content;
+  }
+
+  .input-icon-percent-suffix {
+    grid-column: 1;
+    grid-row: 2;
+    align-self: center;
+    margin-left: calc(100% - 30px);
+    width: fit-content;
+  }
+
   .formgroup--input__button {
     align-self: flex-start;
     font-size: 0.75rem;

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

@@ -23,6 +23,7 @@ const TextInput = React.forwardRef<HTMLInputElement, TextInputProps>(
       onBlur,
       onKeyDown,
       onKeyUp,
+      prefix = '',
       disabled,
       type = 'text',
       maxLength,
@@ -31,14 +32,17 @@ const TextInput = React.forwardRef<HTMLInputElement, TextInputProps>(
       dialogMenuTip,
       tooltip = '',
       givenClass = '',
-      children
+      children,
+      country,
+      currencySymbol
     }: TextInputProps,
     ref
   ) => {
     const classnames = classNames('e-text', {
       [givenClass]: givenClass,
       'e-text--is-invalid': !validate,
-      'e-text--group-invalid': !isValidGroup
+      'e-text--group-invalid': !isValidGroup,
+      'e-text--has-prefix': !!prefix
     })
 
     const handleChange = (event: React.ChangeEvent<HTMLInputElement>): void => {
@@ -61,11 +65,8 @@ const TextInput = React.forwardRef<HTMLInputElement, TextInputProps>(
             id={name}
             placeholder={placeholder}
             className='e-text-input'
-            // mask={mask}
-            // format={format}
             onChange={onChange}
             onClick={onClick}
-            // maskchar={null}
             value={value}
             data-qa={name}
             disabled={disabled}
@@ -79,6 +80,7 @@ const TextInput = React.forwardRef<HTMLInputElement, TextInputProps>(
         <Input
           name={name ?? ''}
           type={type}
+          prefix={prefix}
           placeholder={placeholder ?? ''}
           className='e-text-input'
           onChange={handleChange}
@@ -91,6 +93,8 @@ const TextInput = React.forwardRef<HTMLInputElement, TextInputProps>(
           ref={ref}
           onKeyDown={handleKeyDown}
           onKeyUp={handleKeyUp}
+          country={country}
+          currencySymbol={currencySymbol}
         />
       )
     }

package/dist/src/components/molecules/TextInput/TextInputProps.types.d.ts

@@ -9,7 +9,7 @@ export interface TextInputProps {
     mask?: string;
     format?: string;
     notes?: string;
-    maxLength?: any;
+    maxLength?: number;
     value?: any;
     type?: 'password' | 'text' | 'number' | 'tel';
     validate?: boolean;
@@ -20,5 +20,8 @@ export interface TextInputProps {
     onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
     onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
     onKeyUp?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    prefix?: string;
     children?: React.ReactNode;
+    country: string;
+    currencySymbol?: string;
 }

package/dist/src/components/molecules/TextInput/TextInputProps.types.ts

@@ -10,7 +10,7 @@ export interface TextInputProps {
   mask?: string
   format?: string
   notes?: string
-  maxLength?: any
+  maxLength?: number
   value?: any
   type?: 'password' | 'text' | 'number' | 'tel'
   validate?: boolean
@@ -21,5 +21,8 @@ export interface TextInputProps {
   onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void
   onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void
   onKeyUp?: (e: React.KeyboardEvent<HTMLInputElement>) => void
+  prefix?: string
   children?: React.ReactNode
+  country: string
+  currencySymbol?: string
 }

package/dist/src/components/molecules/TextInput/stories/TextInput.stories.tsx

@@ -1,4 +1,4 @@
-import { type Meta, type StoryObj } from '@storybook/react'
+import { type Meta, type StoryObj } from '@storybook/react-webpack5'
 import React, { useRef } from 'react'
 
 import TextInput from '../TextInput'
@@ -123,3 +123,69 @@ export const MaskInput: Story = {
     placeholder: 'eg. 2111 1111 1111 1111'
   }
 }
+
+export const WithSufixEuro: Story = {
+  args: {
+    name: 'prefix',
+    label: 'Price:',
+    value: '20.30',
+    type: 'text',
+    prefix: 'currency',
+    country: 'DE'
+  }
+}
+
+export const WithPrefixNoEuro: Story = {
+  args: {
+    name: 'prefix',
+    label: 'Price:',
+    value: '20.30',
+    type: 'text',
+    prefix: 'currency',
+    country: 'US'
+  }
+}
+
+export const WithPrefixEuroAndCurrencySymbol: Story = {
+  args: {
+    name: 'prefix',
+    label: 'Price:',
+    value: '20.30',
+    type: 'text',
+    prefix: 'currency',
+    country: 'US',
+    currencySymbol: '$'
+  }
+}
+
+export const WithSufixPercent: Story = {
+  args: {
+    name: 'prefix',
+    label: 'Price:',
+    value: '20.30',
+    type: 'text',
+    prefix: 'percent',
+    country: 'US'
+  }
+}
+
+export const WithPrefixPercent: Story = {
+  args: {
+    name: 'prefix',
+    label: 'Price:',
+    value: '20.30',
+    type: 'text',
+    prefix: 'currency',
+    country: 'CA'
+  }
+}
+
+export const SmallMaxLength: Story = {
+  args: {
+    value: '',
+    name: 'Type of property',
+    label: 'Type of property',
+    type: 'text',
+    maxLength: 5
+  }
+}

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

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { MenuItems, Tooltip } from '../../atoms';
+import { MenuItemsDeprecated, Tooltip } from '../../atoms';
 import { MenuCollapse24p } from '../../../../images/componentsSvg/MenuCollapse24p';
 // import './TooltipMenu.scss'
 const TooltipMenu = ({ options, onClick, label }) => {
-    const menu = _jsx(MenuItems, { list: options });
+    const menu = _jsx(MenuItemsDeprecated, { list: options });
     return (_jsx(Tooltip, { content: menu, allowHTML: true, interactive: true, position: 'bottom', trigger: 'click', children: _jsxs("div", { className: 'tooltip-menu__item', onClick: onClick, children: [_jsx(MenuCollapse24p, {}), _jsx("span", { className: 'actions-span sans-serif --extra-small', children: label })] }) }));
 };
 export default TooltipMenu;

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

@@ -2,13 +2,13 @@
 /* eslint-disable jsx-a11y/click-events-have-key-events */
 import React, { type FC } from 'react'
 
-import { MenuItems, Tooltip } from '../../atoms'
+import { MenuItemsDeprecated, Tooltip } from '../../atoms'
 import { MenuCollapse24p } from '../../../../images/componentsSvg/MenuCollapse24p'
 import { type TooltipMenuProps } from './TooltipMenuProps.types'
 // import './TooltipMenu.scss'
 
 const TooltipMenu: FC<TooltipMenuProps> = ({ options, onClick, label }: TooltipMenuProps) => {
-  const menu = <MenuItems list={options}></MenuItems>
+  const menu = <MenuItemsDeprecated list={options}></MenuItemsDeprecated>
 
   return (
     <Tooltip content={menu} allowHTML={true} interactive={true} position='bottom' trigger='click'>

package/dist/src/components/molecules/WarningBox/WarningBoxStyled.js

@@ -6,14 +6,37 @@ export const WarningBoxStyled = styled.div `
   display: flex;
   gap: 8px;
   padding: 1rem;
-  margin: 1rem 0
-}
+  margin: 1rem 0;
 `;
 export const WarningBoxTextStyled = styled.div `
   color: var(--neutral-neutral-1);
 
   p {
-    margin-top: 3px;
-    margin-bottom: 3px;
+    margin: 1rem 0 1rem 0;
+  }
+
+  p:first-child {
+    margin-top: 0;
+  }
+
+  p:last-child {
+    margin-bottom: 0;
+  }
+
+  ul {
+    list-style: disc;
+    padding-left: 2rem;
+
+    li {
+      margin-bottom: 0.5rem;
+    }
+  }
+
+  .m-richText ul + p {
+    margin-top: 1rem;
+  }
+
+  p:only-child {
+    margin: 3px 0 3px 0;
   }
 `;

package/dist/src/components/molecules/WarningBox/WarningBoxStyled.ts

@@ -7,15 +7,38 @@ export const WarningBoxStyled = styled.div`
   display: flex;
   gap: 8px;
   padding: 1rem;
-  margin: 1rem 0
-}
+  margin: 1rem 0;
 `
 
 export const WarningBoxTextStyled = styled.div`
   color: var(--neutral-neutral-1);
 
   p {
-    margin-top: 3px;
-    margin-bottom: 3px;
+    margin: 1rem 0 1rem 0;
+  }
+
+  p:first-child {
+    margin-top: 0;
+  }
+
+  p:last-child {
+    margin-bottom: 0;
+  }
+
+  ul {
+    list-style: disc;
+    padding-left: 2rem;
+
+    li {
+      margin-bottom: 0.5rem;
+    }
+  }
+
+  .m-richText ul + p {
+    margin-top: 1rem;
+  }
+
+  p:only-child {
+    margin: 3px 0 3px 0;
   }
 `

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

@@ -1,6 +1,7 @@
 export * from './AccordionItem';
 export * from './ActionButtonHeaderRatafiaCardList';
 export * from './AlsoKnownAs';
+export * from './AllTypeDocumentsItemMenu';
 export * from './Article';
 export * from './BaseBoxList';
 export * from './BenefitRatafiaCardList';
@@ -10,17 +11,23 @@ export * from './BoxForm';
 export * from './Breadcrumb';
 export * from './ContactBox';
 export * from './ContactCardList';
+export * from './ContactInfo';
+export * from './ContactInfoBox';
+export * from './ContactInfoBoxMobile';
 export * from './ContinueEditingBanner';
 export * from './CountDownMessage';
+export * from './DocumentListMenuSection';
 export * from './EmailContactBox';
 export * from './ExpertCardList';
 export * from './FaqItem';
 export * from './FeatureRatafiaCardList';
 export * from './Feedback';
+export * from './FooterMenu';
 export * from './FreeDocModalContent';
 export * from './HeaderRatafia';
 export * from './KeyFactCardListRatafia';
 export * from './MenuItemsSection';
+export * from './MenuSectionTitle';
 export * from './MidBannerRatafiaContent';
 export * from './MidBannerRatafiaSample';
 export * from './MoreDocsDesktop';
@@ -30,11 +37,14 @@ export * from './Pagination';
 export * from './PhoneContactBoxDesktop';
 export * from './PhoneContactBoxMobile';
 export * from './PopularDocs';
+export * from './ProductListMenu';
 export * from './PricingCard';
 export * from './RatafiaResultCardList';
 export * from './RatafiaResultTabList';
-export * from './RatafiaSubscriptionCard';
+export * from './SocialLinks';
+export * from './SubscriptionCard';
 export * from './Snackbar';
+export * from './SearchBar';
 export * from './StepGetForm';
 export * from './StepRatafiaCardList';
 export * from './SubtypeDocumentCard';
@@ -45,3 +55,7 @@ export * from './TrustworthyWebsites';
 export * from './TypeModulesList';
 export * from './UploadRatafiaZone';
 export * from './WarningBox';
+export * from './InfoBarFooter';
+export * from './HelpSection';
+export * from './HelpPanelList';
+export * from './StickyPlanBar';

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

@@ -1,6 +1,7 @@
 export * from './AccordionItem';
 export * from './ActionButtonHeaderRatafiaCardList';
 export * from './AlsoKnownAs';
+export * from './AllTypeDocumentsItemMenu';
 export * from './Article';
 export * from './BaseBoxList';
 export * from './BenefitRatafiaCardList';
@@ -10,17 +11,23 @@ export * from './BoxForm';
 export * from './Breadcrumb';
 export * from './ContactBox';
 export * from './ContactCardList';
+export * from './ContactInfo';
+export * from './ContactInfoBox';
+export * from './ContactInfoBoxMobile';
 export * from './ContinueEditingBanner';
 export * from './CountDownMessage';
+export * from './DocumentListMenuSection';
 export * from './EmailContactBox';
 export * from './ExpertCardList';
 export * from './FaqItem';
 export * from './FeatureRatafiaCardList';
 export * from './Feedback';
+export * from './FooterMenu';
 export * from './FreeDocModalContent';
 export * from './HeaderRatafia';
 export * from './KeyFactCardListRatafia';
 export * from './MenuItemsSection';
+export * from './MenuSectionTitle';
 export * from './MidBannerRatafiaContent';
 export * from './MidBannerRatafiaSample';
 export * from './MoreDocsDesktop';
@@ -30,11 +37,14 @@ export * from './Pagination';
 export * from './PhoneContactBoxDesktop';
 export * from './PhoneContactBoxMobile';
 export * from './PopularDocs';
+export * from './ProductListMenu';
 export * from './PricingCard';
 export * from './RatafiaResultCardList';
 export * from './RatafiaResultTabList';
-export * from './RatafiaSubscriptionCard';
+export * from './SocialLinks';
+export * from './SubscriptionCard';
 export * from './Snackbar';
+export * from './SearchBar';
 export * from './StepGetForm';
 export * from './StepRatafiaCardList';
 export * from './SubtypeDocumentCard';
@@ -45,3 +55,7 @@ export * from './TrustworthyWebsites';
 export * from './TypeModulesList';
 export * from './UploadRatafiaZone';
 export * from './WarningBox';
+export * from './InfoBarFooter';
+export * from './HelpSection';
+export * from './HelpPanelList';
+export * from './StickyPlanBar';

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

@@ -1,6 +1,7 @@
 export * from './AccordionItem'
 export * from './ActionButtonHeaderRatafiaCardList'
 export * from './AlsoKnownAs'
+export * from './AllTypeDocumentsItemMenu'
 export * from './Article'
 export * from './BaseBoxList'
 export * from './BenefitRatafiaCardList'
@@ -10,17 +11,23 @@ export * from './BoxForm'
 export * from './Breadcrumb'
 export * from './ContactBox'
 export * from './ContactCardList'
+export * from './ContactInfo'
+export * from './ContactInfoBox'
+export * from './ContactInfoBoxMobile'
 export * from './ContinueEditingBanner'
 export * from './CountDownMessage'
+export * from './DocumentListMenuSection'
 export * from './EmailContactBox'
 export * from './ExpertCardList'
 export * from './FaqItem'
 export * from './FeatureRatafiaCardList'
 export * from './Feedback'
+export * from './FooterMenu'
 export * from './FreeDocModalContent'
 export * from './HeaderRatafia'
 export * from './KeyFactCardListRatafia'
 export * from './MenuItemsSection'
+export * from './MenuSectionTitle'
 export * from './MidBannerRatafiaContent'
 export * from './MidBannerRatafiaSample'
 export * from './MoreDocsDesktop'
@@ -30,11 +37,14 @@ export * from './Pagination'
 export * from './PhoneContactBoxDesktop'
 export * from './PhoneContactBoxMobile'
 export * from './PopularDocs'
+export * from './ProductListMenu'
 export * from './PricingCard'
 export * from './RatafiaResultCardList'
 export * from './RatafiaResultTabList'
-export * from './RatafiaSubscriptionCard'
+export * from './SocialLinks'
+export * from './SubscriptionCard'
 export * from './Snackbar'
+export * from './SearchBar'
 export * from './StepGetForm'
 export * from './StepRatafiaCardList'
 export * from './SubtypeDocumentCard'
@@ -45,3 +55,7 @@ export * from './TrustworthyWebsites'
 export * from './TypeModulesList'
 export * from './UploadRatafiaZone'
 export * from './WarningBox'
+export * from './InfoBarFooter'
+export * from './HelpSection'
+export * from './HelpPanelList'
+export * from './StickyPlanBar'

package/dist/src/components/organisms/Accordion/Accordion.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { type AccordionProps } from './AccordionProps.types';
-export declare const Accordion: ({ data, defaultActiveIndex, defaultHeightItem }: AccordionProps) => React.JSX.Element;
+export declare const Accordion: ({ data, defaultActiveIndex, defaultHeightItem, heightAutoChange }: AccordionProps) => React.JSX.Element;

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

@@ -3,12 +3,12 @@ import { useState } from 'react';
 import { AccordionItem } from '../../molecules';
 import { AccordionProvider } from './Accordion.context';
 import { AccordionStyled } from './Accordion.styled';
-export const Accordion = ({ data, defaultActiveIndex = 0, defaultHeightItem }) => {
+export const Accordion = ({ data, defaultActiveIndex = 0, defaultHeightItem, heightAutoChange = false }) => {
     const [activeIndex, setActiveIndex] = useState(defaultActiveIndex);
     const handleItemClick = (index) => {
         setActiveIndex((prevIndex) => (prevIndex === index ? -1 : index));
     };
     return (_jsx(AccordionProvider, { elements: data.length, children: _jsx(AccordionStyled, { children: data.map((item, index) => (_jsx(AccordionItem, { accordionRightContent: item?.accordionRightContent, defaultHeightItem: defaultHeightItem, index: index, isOpen: activeIndex === index, onClick: () => {
                     handleItemClick(index);
-                }, title: item.title, children: item.children }, index))) }) }));
+                }, title: item.title, heightAutoChange: heightAutoChange, children: item.children }, index))) }) }));
 };

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

@@ -4,7 +4,12 @@ import { type AccordionProps } from './AccordionProps.types'
 import { AccordionProvider } from './Accordion.context'
 import { AccordionStyled } from './Accordion.styled'
 
-export const Accordion = ({ data, defaultActiveIndex = 0, defaultHeightItem }: AccordionProps): React.JSX.Element => {
+export const Accordion = ({
+  data,
+  defaultActiveIndex = 0,
+  defaultHeightItem,
+  heightAutoChange = false
+}: AccordionProps): React.JSX.Element => {
   const [activeIndex, setActiveIndex] = useState(defaultActiveIndex)
 
   const handleItemClick = (index: number): void => {
@@ -25,6 +30,7 @@ export const Accordion = ({ data, defaultActiveIndex = 0, defaultHeightItem }: A
               handleItemClick(index)
             }}
             title={item.title}
+            heightAutoChange={heightAutoChange}
           >
             {item.children}
           </AccordionItem>

package/dist/src/components/organisms/Accordion/AccordionProps.types.d.ts

@@ -8,5 +8,6 @@ export interface AccordionProps {
     data: AccordionItem[];
     defaultActiveIndex?: number;
     defaultHeightItem?: number;
+    heightAutoChange?: boolean;
 }
 export {};

package/dist/src/components/organisms/Accordion/AccordionProps.types.ts

@@ -9,4 +9,5 @@ export interface AccordionProps {
   data: AccordionItem[]
   defaultActiveIndex?: number
   defaultHeightItem?: number
+  heightAutoChange?: boolean
 }

package/dist/src/components/organisms/BottomFooter/BottomFooter.d.ts

@@ -0,0 +1,3 @@
+import { BottomFooterProps } from './BottomFooterProps.types';
+import React from 'react';
+export declare const BottomFooter: React.FC<BottomFooterProps>;

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BottomFooterStyled, BottomFooterText, BottomFooterWrapper, CompanyLink, CompanyList, LogoSocialsWrapper } from './BottomFooter.styled';
+import { Logo } from '../../atoms/Logo/Logo';
+import { SocialLinks } from '../../molecules/SocialLinks';
+export const BottomFooter = ({ siteName, companyLinks, socialLinks, disclaimerText, copyrightText }) => {
+    return (_jsx(BottomFooterWrapper, { children: _jsxs(BottomFooterStyled, { children: [_jsxs(LogoSocialsWrapper, { className: 'footer__logo', children: [_jsx(Logo, { className: 'footer__logo-image', siteName: siteName, width: '138', height: '24', type: 'white', isLoadingLazy: true }), socialLinks && _jsx(SocialLinks, { links: socialLinks })] }), _jsx("div", { children: _jsx(CompanyList, { children: companyLinks?.map((link) => (_jsx("li", { children: _jsx(CompanyLink, { href: link.url, className: 'sans-serif --extra-small', "data-qa": link.dataQa, rel: link.rel, children: link.name }) }, link.url))) }) }), _jsx(BottomFooterText, { className: 'sans-serif --extra-small', children: disclaimerText }), _jsx(BottomFooterText, { className: 'sans-serif --extra-small', children: copyrightText })] }) }));
+};

package/dist/src/components/organisms/BottomFooter/BottomFooter.styled.d.ts

@@ -0,0 +1,6 @@
+export declare const BottomFooterStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const BottomFooterWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const BottomFooterText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
+export declare const LogoSocialsWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CompanyList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>> & string;
+export declare const CompanyLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, never>> & string;