@npm_leadtech/legal-lib-components 7.84.5 → 7.85.1

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

@@ -10,10 +10,6 @@
   margin-bottom: 1rem;
   position: relative;
 
-  .e-text-input__short {
-    width: 50%;
-  }
-
   input {
     -webkit-appearance: none;
     -moz-appearance: none;
@@ -59,10 +55,6 @@
     font-weight: bold;
   }
 
-  .e-text__inner {
-    grid-row: 1;
-  }
-
   .form-group__label-icon {
     color: var(--neutral-neutral-1);
     font-weight: bold;
@@ -111,10 +103,9 @@
     .e-text__error {
       display: flex;
       align-content: center;
-      color: var(--error-main);
-      align-items: center;
-      height: fit-content;
+      bottom: -5.5rem;
       margin-top: 0.5rem;
+      color: var(--error-main);
 
       &-icon {
         display: flex;
@@ -157,41 +148,6 @@
     }
   }
 
-  &--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%);
@@ -204,37 +160,10 @@
     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,7 +23,6 @@ const TextInput = React.forwardRef<HTMLInputElement, TextInputProps>(
       onBlur,
       onKeyDown,
       onKeyUp,
-      prefix = '',
       disabled,
       type = 'text',
       maxLength,
@@ -32,17 +31,14 @@ const TextInput = React.forwardRef<HTMLInputElement, TextInputProps>(
       dialogMenuTip,
       tooltip = '',
       givenClass = '',
-      children,
-      country,
-      currencySymbol
+      children
     }: TextInputProps,
     ref
   ) => {
     const classnames = classNames('e-text', {
       [givenClass]: givenClass,
       'e-text--is-invalid': !validate,
-      'e-text--group-invalid': !isValidGroup,
-      'e-text--has-prefix': !!prefix
+      'e-text--group-invalid': !isValidGroup
     })
 
     const handleChange = (event: React.ChangeEvent<HTMLInputElement>): void => {
@@ -65,8 +61,11 @@ 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}
@@ -80,7 +79,6 @@ const TextInput = React.forwardRef<HTMLInputElement, TextInputProps>(
         <Input
           name={name ?? ''}
           type={type}
-          prefix={prefix}
           placeholder={placeholder ?? ''}
           className='e-text-input'
           onChange={handleChange}
@@ -93,8 +91,6 @@ 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?: number;
+    maxLength?: any;
     value?: any;
     type?: 'password' | 'text' | 'number' | 'tel';
     validate?: boolean;
@@ -20,8 +20,5 @@ 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?: number
+  maxLength?: any
   value?: any
   type?: 'password' | 'text' | 'number' | 'tel'
   validate?: boolean
@@ -21,8 +21,5 @@ 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-webpack5'
+import { type Meta, type StoryObj } from '@storybook/react'
 import React, { useRef } from 'react'
 
 import TextInput from '../TextInput'
@@ -123,69 +123,3 @@ 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 { MenuItemsDeprecated, Tooltip } from '../../atoms';
+import { MenuItems, Tooltip } from '../../atoms';
 import { MenuCollapse24p } from '../../../../images/componentsSvg/MenuCollapse24p';
 // import './TooltipMenu.scss'
 const TooltipMenu = ({ options, onClick, label }) => {
-    const menu = _jsx(MenuItemsDeprecated, { list: options });
+    const menu = _jsx(MenuItems, { 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 { MenuItemsDeprecated, Tooltip } from '../../atoms'
+import { MenuItems, 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 = <MenuItemsDeprecated list={options}></MenuItemsDeprecated>
+  const menu = <MenuItems list={options}></MenuItems>
 
   return (
     <Tooltip content={menu} allowHTML={true} interactive={true} position='bottom' trigger='click'>

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

@@ -6,37 +6,14 @@ 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: 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;
+    margin-top: 3px;
+    margin-bottom: 3px;
   }
 `;

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

@@ -7,38 +7,15 @@ 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: 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;
+    margin-top: 3px;
+    margin-bottom: 3px;
   }
 `

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

@@ -1,7 +1,6 @@
 export * from './AccordionItem';
 export * from './ActionButtonHeaderRatafiaCardList';
 export * from './AlsoKnownAs';
-export * from './AllTypeDocumentsItemMenu';
 export * from './Article';
 export * from './BaseBoxList';
 export * from './BenefitRatafiaCardList';
@@ -11,23 +10,17 @@ 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';
@@ -37,14 +30,11 @@ 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 './SocialLinks';
-export * from './SubscriptionCard';
+export * from './RatafiaSubscriptionCard';
 export * from './Snackbar';
-export * from './SearchBar';
 export * from './StepGetForm';
 export * from './StepRatafiaCardList';
 export * from './SubtypeDocumentCard';
@@ -55,7 +45,3 @@ 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,7 +1,6 @@
 export * from './AccordionItem';
 export * from './ActionButtonHeaderRatafiaCardList';
 export * from './AlsoKnownAs';
-export * from './AllTypeDocumentsItemMenu';
 export * from './Article';
 export * from './BaseBoxList';
 export * from './BenefitRatafiaCardList';
@@ -11,23 +10,17 @@ 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';
@@ -37,14 +30,11 @@ 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 './SocialLinks';
-export * from './SubscriptionCard';
+export * from './RatafiaSubscriptionCard';
 export * from './Snackbar';
-export * from './SearchBar';
 export * from './StepGetForm';
 export * from './StepRatafiaCardList';
 export * from './SubtypeDocumentCard';
@@ -55,7 +45,3 @@ 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,7 +1,6 @@
 export * from './AccordionItem'
 export * from './ActionButtonHeaderRatafiaCardList'
 export * from './AlsoKnownAs'
-export * from './AllTypeDocumentsItemMenu'
 export * from './Article'
 export * from './BaseBoxList'
 export * from './BenefitRatafiaCardList'
@@ -11,23 +10,17 @@ 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'
@@ -37,14 +30,11 @@ 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 './SocialLinks'
-export * from './SubscriptionCard'
+export * from './RatafiaSubscriptionCard'
 export * from './Snackbar'
-export * from './SearchBar'
 export * from './StepGetForm'
 export * from './StepRatafiaCardList'
 export * from './SubtypeDocumentCard'
@@ -55,7 +45,3 @@ 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/AboutUsContent/AboutUsContent.d.ts

@@ -0,0 +1,4 @@
+import { type FC } from 'react';
+import { type AboutUsContentProps } from './AboutUsContentProps.types';
+declare const AboutUsContent: FC<AboutUsContentProps>;
+export default AboutUsContent;

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AboutUsContentStyled } from './AboutUsContent.styled';
+import { Button } from '../../atoms';
+const AboutUsContent = ({ children, image, button }) => {
+    return (_jsxs(AboutUsContentStyled, { children: [_jsx("div", { className: 'about-us-content__image', children: image }), _jsxs("div", { className: 'about-us-content__body', children: [children, button != null && (_jsx("div", { className: 'about-us-content__body__button', children: _jsx(Button, { ...button }) }))] })] }));
+};
+export default AboutUsContent;

package/dist/src/components/{molecules/ContactInfoBox/ContactInfoBox.styled.d.ts → organisms/AboutUsContent/AboutUsContent.styled.d.ts}

@@ -1 +1 @@
-export declare const ContactInfoBoxStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const AboutUsContentStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/src/components/organisms/{HeroContent/HeroContent.styled.js → AboutUsContent/AboutUsContent.styled.js}

@@ -1,6 +1,6 @@
 import { device } from '../../../globalStyles/breakpoints';
 import styled from 'styled-components';
-export const HeroContentStyled = styled.div `
+export const AboutUsContentStyled = styled.div `
   display: flex;
   flex-flow: row wrap;
   justify-content: center;
@@ -9,7 +9,7 @@ export const HeroContentStyled = styled.div `
     flex-flow: row nowrap;
   }
 
-  .hero-content__body {
+  .about-us-content__body {
     margin-top: 1rem;
     font-family: var(--font-sans);
 
@@ -45,7 +45,7 @@ export const HeroContentStyled = styled.div `
     }
   }
 
-  .hero-content__image {
+  .about-us-content__image {
     margin-bottom: 1rem;
 
     @media ${device['landscape-tablets']} {

package/dist/src/components/organisms/{HeroContent/HeroContent.styled.ts → AboutUsContent/AboutUsContent.styled.ts}

@@ -1,7 +1,7 @@
 import { device } from '../../../globalStyles/breakpoints'
 import styled from 'styled-components'
 
-export const HeroContentStyled = styled.div`
+export const AboutUsContentStyled = styled.div`
   display: flex;
   flex-flow: row wrap;
   justify-content: center;
@@ -10,7 +10,7 @@ export const HeroContentStyled = styled.div`
     flex-flow: row nowrap;
   }
 
-  .hero-content__body {
+  .about-us-content__body {
     margin-top: 1rem;
     font-family: var(--font-sans);
 
@@ -46,7 +46,7 @@ export const HeroContentStyled = styled.div`
     }
   }
 
-  .hero-content__image {
+  .about-us-content__image {
     margin-bottom: 1rem;
 
     @media ${device['landscape-tablets']} {

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

@@ -0,0 +1,23 @@
+import React, { type FC } from 'react'
+
+import { type AboutUsContentProps } from './AboutUsContentProps.types'
+import { AboutUsContentStyled } from './AboutUsContent.styled'
+import { Button } from '../../atoms'
+
+const AboutUsContent: FC<AboutUsContentProps> = ({ children, image, button }) => {
+  return (
+    <AboutUsContentStyled>
+      <div className={'about-us-content__image'}>{image}</div>
+      <div className={'about-us-content__body'}>
+        {children}
+        {button != null && (
+          <div className={'about-us-content__body__button'}>
+            <Button {...button} />
+          </div>
+        )}
+      </div>
+    </AboutUsContentStyled>
+  )
+}
+
+export default AboutUsContent

package/dist/src/components/organisms/{HeroContent/HeroContentPropsProps.types.d.ts → AboutUsContent/AboutUsContentProps.types.d.ts}

@@ -1,5 +1,5 @@
 import { type ButtonProps } from '../../atoms';
-export interface HeroContentProps {
+export interface AboutUsContentProps {
     children: React.ReactNode;
     image: React.ReactNode;
     button?: ButtonProps;

package/dist/src/components/organisms/{HeroContent/HeroContentPropsProps.types.ts → AboutUsContent/AboutUsContentProps.types.ts}

@@ -1,6 +1,6 @@
 import { type ButtonProps } from '../../atoms'
 
-export interface HeroContentProps {
+export interface AboutUsContentProps {
   children: React.ReactNode
   image: React.ReactNode
   button?: ButtonProps