@npm_leadtech/legal-lib-components 7.102.1 → 7.102.2

package/dist/src/components/atoms/DialogMenuIcon/DialogMenuIcon.styled.d.ts

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

package/dist/src/components/atoms/Disclaimer/Disclaimer.styled.d.ts

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

package/dist/src/components/atoms/DisclaimerRatafia/DisclaimerRatafia.styled.d.ts

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

package/dist/src/components/atoms/Divider/Divider.styled.d.ts

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

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

@@ -1,19 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { DocumentStatusStyled } from './DocumentStatus.styled';
-import { Done24px } from '../../../../images/componentsSvg/Done24px';
-import { NewRelease24p } from '../../../../images/componentsSvg/NewRelease24p';
 import { Sign24px } from '../../../../images/componentsSvg/Sign24px';
-import { Time24px } from '../../../../images/componentsSvg/Time24px';
-const DocumentStatus = ({ type, statusCompletedText, statusNewText, statusInProgressText, statusSignedText }) => {
-    if (type === 'complete' || type === 'downloaded' || type === 'pdf_processing' || type === 'pdf_generated') {
-        return (_jsxs(DocumentStatusStyled, { "data-testid": 'document-status', className: 'document-status --is-completed', children: [_jsx(Done24px, { className: 'icon' }), " ", _jsx("span", { className: 'sans-serif --small', children: statusCompletedText })] }));
-    }
-    if (type === 'new') {
-        return (_jsxs(DocumentStatusStyled, { "data-testid": 'document-status', className: 'document-status --is-new', children: [_jsx(NewRelease24p, { className: 'icon' }), " ", _jsx("span", { className: 'sans-serif --small', children: statusNewText })] }));
-    }
-    if (type === 'signed') {
-        return (_jsxs(DocumentStatusStyled, { "data-testid": 'document-status', className: 'document-status --is-signed', children: [_jsx(Sign24px, { className: 'icon' }), " ", _jsx("span", { className: 'sans-serif --small', children: statusSignedText })] }));
-    }
-    return (_jsxs(DocumentStatusStyled, { "data-testid": 'document-status', className: 'document-status --in-progress', children: [_jsx(Time24px, { className: 'icon' }), _jsx("span", { className: 'sans-serif --small', children: statusInProgressText })] }));
+import { DocumentStatusStyled } from './DocumentStatus.styled';
+const DocumentStatus = ({ label, type = 'default', givenClass = '' }) => {
+    if (!label)
+        return null;
+    return (_jsxs(DocumentStatusStyled, { "data-testid": 'document-status', className: `document-status ${type} ${givenClass}`, children: [_jsx(Sign24px, { className: 'document-status__icon' }), _jsx("span", { className: 'sans-serif --small', children: label })] }));
 };
 export default DocumentStatus;

package/dist/src/components/atoms/DocumentStatus/DocumentStatus.styled.d.ts

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

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

@@ -9,8 +9,13 @@ export const DocumentStatusStyled = styled.div `
   align-items: center;
   align-self: center;
   padding: 0.125rem 0.5rem 0.125rem 0.25rem;
-  margin-right: 0.5rem;
-  width: 7.36rem;
+  width: fit-content;
+  cursor: pointer;
+
+  background-color: var(--neutral-neutral-4);
+  border-color: var(--neutral-neutral-2);
+  color: var(--neutral-neutral-1);
+
   @include laptop {
     align-self: flex-start;
   }
@@ -20,60 +25,56 @@ export const DocumentStatusStyled = styled.div `
   }
 
   &.document-status {
+    & > .document-status__icon > path {
+      fill: var(--neutral-neutral-1);
+    }
+
     span {
       font-weight: bold;
     }
 
-    .icon {
-      margin-right: 0.25rem;
+    &.in-progress {
+      background-color: var(--neutral-neutral-6);
+      border-color: var(--neutral-neutral-4);
+      color: var(--neutral-neutral-2);
+      & > .document-status__icon > path {
+        fill: var(--neutral-neutral-2);
+      }
     }
 
-    &.--is-completed {
-      background-color: var(--primary-main-light-5);
-      border-color: var(--primary-main-light-3);
-      color: var(--primary-main);
-
-      svg {
-        path {
-          fill: var(--primary-main);
-        }
+    &.awaiting {
+      background-color: var(--secondary-main-light-4);
+      border-color: var(--secondary-main-light-3);
+      color: var(--secondary-main-dark-2);
+      & > .document-status__icon > path {
+        fill: var(--secondary-main-dark-2);
       }
     }
 
-    &.--in-progress {
-      background-color: var(--neutral-neutral-5);
-      border-color: var(--neutral-neutral-3);
+    &.no-response {
+      background-color: var(--neutral-neutral-4);
+      border-color: var(--neutral-neutral-2);
       color: var(--neutral-neutral-1);
-
-      svg {
-        g > g {
-          fill: var(--neutral-neutral-1);
-        }
+      & > .document-status__icon > path {
+        fill: var(--neutral-neutral-1);
       }
     }
 
-    &.--is-new {
-      background-color: var(--primary-main-light-1);
-      border-color: var(--primary-main);
-      color: var(--secondary-main-light-4);
-
-      .icon {
-        margin-right: 1.4rem;
+    &.declined {
+      background-color: var(--error-error-3);
+      border-color: var(--error-error-2);
+      color: var(--error-main);
+      & > .document-status__icon > path {
+        fill: var(--error-main);
       }
     }
 
-    &.--is-signed {
-      width: fit-content;
-      background-color: var(--primary-main-dark-2);
-      border-color: var(--primary-main-dark-2);
-      color: var(--others-white);
-
-      svg {
-        margin-right: 0.25rem;
-
-        path {
-          fill: var(--others-white);
-        }
+    &.completed {
+      background-color: var(--primary-main-light-4);
+      border-color: var(--primary-main-light-2);
+      color: var(--primary-main-light-1);
+      & > .document-status__icon > path {
+        fill: var(--primary-main-light-1);
       }
     }
   }

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

@@ -10,8 +10,13 @@ export const DocumentStatusStyled = styled.div`
   align-items: center;
   align-self: center;
   padding: 0.125rem 0.5rem 0.125rem 0.25rem;
-  margin-right: 0.5rem;
-  width: 7.36rem;
+  width: fit-content;
+  cursor: pointer;
+
+  background-color: var(--neutral-neutral-4);
+  border-color: var(--neutral-neutral-2);
+  color: var(--neutral-neutral-1);
+
   @include laptop {
     align-self: flex-start;
   }
@@ -21,60 +26,56 @@ export const DocumentStatusStyled = styled.div`
   }
 
   &.document-status {
+    & > .document-status__icon > path {
+      fill: var(--neutral-neutral-1);
+    }
+
     span {
       font-weight: bold;
     }
 
-    .icon {
-      margin-right: 0.25rem;
+    &.in-progress {
+      background-color: var(--neutral-neutral-6);
+      border-color: var(--neutral-neutral-4);
+      color: var(--neutral-neutral-2);
+      & > .document-status__icon > path {
+        fill: var(--neutral-neutral-2);
+      }
     }
 
-    &.--is-completed {
-      background-color: var(--primary-main-light-5);
-      border-color: var(--primary-main-light-3);
-      color: var(--primary-main);
-
-      svg {
-        path {
-          fill: var(--primary-main);
-        }
+    &.awaiting {
+      background-color: var(--secondary-main-light-4);
+      border-color: var(--secondary-main-light-3);
+      color: var(--secondary-main-dark-2);
+      & > .document-status__icon > path {
+        fill: var(--secondary-main-dark-2);
       }
     }
 
-    &.--in-progress {
-      background-color: var(--neutral-neutral-5);
-      border-color: var(--neutral-neutral-3);
+    &.no-response {
+      background-color: var(--neutral-neutral-4);
+      border-color: var(--neutral-neutral-2);
       color: var(--neutral-neutral-1);
-
-      svg {
-        g > g {
-          fill: var(--neutral-neutral-1);
-        }
+      & > .document-status__icon > path {
+        fill: var(--neutral-neutral-1);
       }
     }
 
-    &.--is-new {
-      background-color: var(--primary-main-light-1);
-      border-color: var(--primary-main);
-      color: var(--secondary-main-light-4);
-
-      .icon {
-        margin-right: 1.4rem;
+    &.declined {
+      background-color: var(--error-error-3);
+      border-color: var(--error-error-2);
+      color: var(--error-main);
+      & > .document-status__icon > path {
+        fill: var(--error-main);
       }
     }
 
-    &.--is-signed {
-      width: fit-content;
-      background-color: var(--primary-main-dark-2);
-      border-color: var(--primary-main-dark-2);
-      color: var(--others-white);
-
-      svg {
-        margin-right: 0.25rem;
-
-        path {
-          fill: var(--others-white);
-        }
+    &.completed {
+      background-color: var(--primary-main-light-4);
+      border-color: var(--primary-main-light-2);
+      color: var(--primary-main-light-1);
+      & > .document-status__icon > path {
+        fill: var(--primary-main-light-1);
       }
     }
   }

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

@@ -1,44 +1,16 @@
 import React, { type FC } from 'react'
 
 import { type DocumentStatusProps } from './DocumentStatusProps.types'
-import { DocumentStatusStyled } from './DocumentStatus.styled'
-import { Done24px } from '../../../../images/componentsSvg/Done24px'
-import { NewRelease24p } from '../../../../images/componentsSvg/NewRelease24p'
 import { Sign24px } from '../../../../images/componentsSvg/Sign24px'
-import { Time24px } from '../../../../images/componentsSvg/Time24px'
 
-const DocumentStatus: FC<DocumentStatusProps> = ({
-  type,
-  statusCompletedText,
-  statusNewText,
-  statusInProgressText,
-  statusSignedText
-}) => {
-  if (type === 'complete' || type === 'downloaded' || type === 'pdf_processing' || type === 'pdf_generated') {
-    return (
-      <DocumentStatusStyled data-testid='document-status' className={'document-status --is-completed'}>
-        <Done24px className='icon' /> <span className={'sans-serif --small'}>{statusCompletedText}</span>
-      </DocumentStatusStyled>
-    )
-  }
-  if (type === 'new') {
-    return (
-      <DocumentStatusStyled data-testid='document-status' className={'document-status --is-new'}>
-        <NewRelease24p className='icon' /> <span className={'sans-serif --small'}>{statusNewText}</span>
-      </DocumentStatusStyled>
-    )
-  }
-  if (type === 'signed') {
-    return (
-      <DocumentStatusStyled data-testid='document-status' className={'document-status --is-signed'}>
-        <Sign24px className='icon' /> <span className={'sans-serif --small'}>{statusSignedText}</span>
-      </DocumentStatusStyled>
-    )
-  }
+import { DocumentStatusStyled } from './DocumentStatus.styled'
+
+const DocumentStatus: FC<DocumentStatusProps> = ({ label, type = 'default', givenClass = '' }) => {
+  if (!label) return null
   return (
-    <DocumentStatusStyled data-testid='document-status' className={'document-status --in-progress'}>
-      <Time24px className='icon' />
-      <span className={'sans-serif --small'}>{statusInProgressText}</span>
+    <DocumentStatusStyled data-testid='document-status' className={`document-status ${type} ${givenClass}`}>
+      <Sign24px className='document-status__icon' />
+      <span className={'sans-serif --small'}>{label}</span>
     </DocumentStatusStyled>
   )
 }

package/dist/src/components/atoms/DocumentStatus/DocumentStatusProps.types.d.ts

@@ -1,8 +1,6 @@
 export interface DocumentStatusProps {
-    type: string;
-    statusCompletedText: string;
-    statusNewText: string;
-    statusInProgressText: string;
-    statusAIReviewedText: string;
-    statusSignedText: string;
+    label: string;
+    type?: DocumentStatusType;
+    givenClass?: string;
 }
+export type DocumentStatusType = 'default' | 'in-progress' | 'awaiting' | 'no-response' | 'declined' | 'completed';

package/dist/src/components/atoms/DocumentStatus/DocumentStatusProps.types.ts

@@ -1,8 +1,7 @@
 export interface DocumentStatusProps {
-  type: string
-  statusCompletedText: string
-  statusNewText: string
-  statusInProgressText: string
-  statusAIReviewedText: string
-  statusSignedText: string
+  label: string
+  type?: DocumentStatusType
+  givenClass?: string
 }
+
+export type DocumentStatusType = 'default' | 'in-progress' | 'awaiting' | 'no-response' | 'declined' | 'completed'

package/dist/src/components/atoms/DocumentTag/DocumentTag.styled.d.ts

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

package/dist/src/components/atoms/DropdownInput/DropdownInput.styled.d.ts

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

package/dist/src/components/atoms/ExpertCard/ExpertCard.styled.d.ts

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

package/dist/src/components/atoms/FeatureItem/FeatureItem.styled.d.ts

@@ -1 +1 @@
-export declare const FeatureCard: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>> & string;
+export declare const FeatureCard: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>>> & string;

package/dist/src/components/atoms/FeatureRatafiaCard/FeatureRatafiaCard.styled.d.ts

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

package/dist/src/components/atoms/FixedFooter/FixedFooter.styled.d.ts

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

package/dist/src/components/atoms/FormFaq/FormFaq.styled.d.ts

@@ -1 +1 @@
-export declare const FormFaqStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>> & string;
+export declare const FormFaqStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>>> & string;

package/dist/src/components/atoms/GoogleButton/GoogleButton.styled.d.ts

@@ -1 +1 @@
-export declare const GoogleButtonStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const GoogleButtonStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>>> & string;

package/dist/src/components/atoms/IconSvgURLWithThemeColor/IconSvgURLWithThemeColor.styled.d.ts

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

package/dist/src/components/atoms/IconTextInfoSection/IconTextInfoSection.styled.d.ts

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

package/dist/src/components/atoms/InfoBox/InfoBox.styled.d.ts

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

package/dist/src/components/atoms/JumbotronStatic/JumbotronStatic.styled.d.ts

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

package/dist/src/components/atoms/KeyFactRatafiaCard/KeyFactRatafiaCard.styled.d.ts

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

package/dist/src/components/atoms/LogoText/LogoText.styled.d.ts

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

package/dist/src/components/atoms/MenuItemsDeprecated/MenuItemsDeprecated.styled.d.ts

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

package/dist/src/components/atoms/Message/Message.styled.d.ts

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

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

@@ -1,6 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { MessageInformationStyled } from './MessageInformation.styled';
-const MessageInformation = ({ noImg, text, time, centered }) => {
-    return (_jsxs(MessageInformationStyled, { className: `message-information ${centered && 'text-center'}`, children: [_jsx("div", { className: `message-information__icon ${noImg ? 'hide' : ''}`, children: _jsx("svg", { viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg', children: _jsx("path", { d: 'M20.5601 9.21496L22.4211 11.3353C22.7523 11.7127 22.7523 12.2772 22.4211 12.6546L20.5601 14.775L20.8194 17.582C20.8656 18.0816 20.5344 18.538 20.0452 18.6491L17.2901 19.275L15.8483 21.7009C15.5918 22.1324 15.0553 22.3069 14.5941 22.1088L12.0001 20.995L9.40727 22.116C8.94569 22.3155 8.40771 22.1413 8.15079 21.709L6.71008 19.285L3.95478 18.6591C3.46563 18.548 3.13448 18.0917 3.1805 17.5922L3.44008 14.775L1.57802 12.6534C1.24723 12.2765 1.24673 11.7129 1.57685 11.3355L3.44008 9.20496L3.18095 6.40025C3.1347 5.89967 3.46726 5.44257 3.95778 5.33251L6.71008 4.71496L8.15191 2.28903C8.40835 1.85756 8.94491 1.68303 9.40611 1.88108L12.0001 2.99496L14.5941 1.88108C15.0553 1.68303 15.5918 1.85756 15.8483 2.28903L17.2901 4.71496L20.0452 5.34077C20.5344 5.4519 20.8656 5.90835 20.8194 6.40793L20.5601 9.21496ZM18.7501 16.895L18.4901 14.105L20.3401 11.995L18.4901 9.88496L18.7501 7.09496L16.0101 6.47496L14.5801 4.06496L12.0001 5.17496L9.42008 4.07496L7.99008 6.48496L5.25008 7.09496L5.51008 9.87496L3.66008 11.995L5.51008 14.095L5.25008 16.895L7.99008 17.515L9.42008 19.925L12.0001 18.815L14.5801 19.925L16.0101 17.515L18.7501 16.895ZM11.0001 15.995C11.0001 15.4427 11.4478 14.995 12.0001 14.995C12.5524 14.995 13.0001 15.4427 13.0001 15.995C13.0001 16.5472 12.5524 16.995 12.0001 16.995C11.4478 16.995 11.0001 16.5472 11.0001 15.995ZM12.0001 6.99496C11.4478 6.99496 11.0001 7.44267 11.0001 7.99496V12.995C11.0001 13.5472 11.4478 13.995 12.0001 13.995C12.5524 13.995 13.0001 13.5472 13.0001 12.995V7.99496C13.0001 7.44267 12.5524 6.99496 12.0001 6.99496Z' }) }) }), _jsxs("p", { className: `message-information__text`, children: [time != null && _jsxs("span", { className: `message-information__text__time ${noImg && 'regular'}`, children: [time, "' "] }), text] })] }));
+const ExclamationIcon = (_jsx("svg", { viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg', children: _jsx("path", { d: 'M20.5601 9.21496L22.4211 11.3353C22.7523 11.7127 22.7523 12.2772 22.4211 12.6546L20.5601 14.775L20.8194 17.582C20.8656 18.0816 20.5344 18.538 20.0452 18.6491L17.2901 19.275L15.8483 21.7009C15.5918 22.1324 15.0553 22.3069 14.5941 22.1088L12.0001 20.995L9.40727 22.116C8.94569 22.3155 8.40771 22.1413 8.15079 21.709L6.71008 19.285L3.95478 18.6591C3.46563 18.548 3.13448 18.0917 3.1805 17.5922L3.44008 14.775L1.57802 12.6534C1.24723 12.2765 1.24673 11.7129 1.57685 11.3355L3.44008 9.20496L3.18095 6.40025C3.1347 5.89967 3.46726 5.44257 3.95778 5.33251L6.71008 4.71496L8.15191 2.28903C8.40835 1.85756 8.94491 1.68303 9.40611 1.88108L12.0001 2.99496L14.5941 1.88108C15.0553 1.68303 15.5918 1.85756 15.8483 2.28903L17.2901 4.71496L20.0452 5.34077C20.5344 5.4519 20.8656 5.90835 20.8194 6.40793L20.5601 9.21496ZM18.7501 16.895L18.4901 14.105L20.3401 11.995L18.4901 9.88496L18.7501 7.09496L16.0101 6.47496L14.5801 4.06496L12.0001 5.17496L9.42008 4.07496L7.99008 6.48496L5.25008 7.09496L5.51008 9.87496L3.66008 11.995L5.51008 14.095L5.25008 16.895L7.99008 17.515L9.42008 19.925L12.0001 18.815L14.5801 19.925L16.0101 17.515L18.7501 16.895ZM11.0001 15.995C11.0001 15.4427 11.4478 14.995 12.0001 14.995C12.5524 14.995 13.0001 15.4427 13.0001 15.995C13.0001 16.5472 12.5524 16.995 12.0001 16.995C11.4478 16.995 11.0001 16.5472 11.0001 15.995ZM12.0001 6.99496C11.4478 6.99496 11.0001 7.44267 11.0001 7.99496V12.995C11.0001 13.5472 11.4478 13.995 12.0001 13.995C12.5524 13.995 13.0001 13.5472 13.0001 12.995V7.99496C13.0001 7.44267 12.5524 6.99496 12.0001 6.99496Z' }) }));
+const ClockIcon = (_jsx("svg", { width: '20', height: '20', viewBox: '0 0 20 20', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', children: _jsx("path", { d: 'M10.8337 10.5V7.5C10.8337 7.26389 10.7538 7.06597 10.5941 6.90625C10.4344 6.74653 10.2364 6.66667 10.0003 6.66667C9.76422 6.66667 9.5663 6.74653 9.40658 6.90625C9.24685 7.06597 9.16699 7.26389 9.16699 7.5V10.8125C9.16699 10.9236 9.18783 11.0312 9.22949 11.1354C9.27116 11.2396 9.33366 11.3333 9.41699 11.4167L11.7503 13.75C11.9031 13.9028 12.0975 13.9792 12.3337 13.9792C12.5698 13.9792 12.7642 13.9028 12.917 13.75C13.0698 13.5972 13.1462 13.4028 13.1462 13.1667C13.1462 12.9306 13.0698 12.7361 12.917 12.5833L10.8337 10.5ZM10.0003 18.3333C8.95866 18.3333 7.98296 18.1354 7.07324 17.7396C6.16352 17.3438 5.37185 16.809 4.69824 16.1354C4.02463 15.4618 3.48991 14.6701 3.09408 13.7604C2.69824 12.8507 2.50033 11.875 2.50033 10.8333C2.50033 9.79167 2.69824 8.81597 3.09408 7.90625C3.48991 6.99653 4.02463 6.20486 4.69824 5.53125C5.37185 4.85764 6.16352 4.32292 7.07324 3.92708C7.98296 3.53125 8.95866 3.33333 10.0003 3.33333C11.042 3.33333 12.0177 3.53125 12.9274 3.92708C13.8371 4.32292 14.6288 4.85764 15.3024 5.53125C15.976 6.20486 16.5107 6.99653 16.9066 7.90625C17.3024 8.81597 17.5003 9.79167 17.5003 10.8333C17.5003 11.875 17.3024 12.8507 16.9066 13.7604C16.5107 14.6701 15.976 15.4618 15.3024 16.1354C14.6288 16.809 13.8371 17.3438 12.9274 17.7396C12.0177 18.1354 11.042 18.3333 10.0003 18.3333ZM1.70866 6.08333C1.55588 5.93056 1.47949 5.73611 1.47949 5.5C1.47949 5.26389 1.55588 5.06944 1.70866 4.91667L4.08366 2.54167C4.23644 2.38889 4.43088 2.3125 4.66699 2.3125C4.9031 2.3125 5.09755 2.38889 5.25033 2.54167C5.4031 2.69444 5.47949 2.88889 5.47949 3.125C5.47949 3.36111 5.4031 3.55556 5.25033 3.70833L2.87533 6.08333C2.72255 6.23611 2.5281 6.3125 2.29199 6.3125C2.05588 6.3125 1.86144 6.23611 1.70866 6.08333ZM18.292 6.08333C18.1392 6.23611 17.9448 6.3125 17.7087 6.3125C17.4725 6.3125 17.2781 6.23611 17.1253 6.08333L14.7503 3.70833C14.5975 3.55556 14.5212 3.36111 14.5212 3.125C14.5212 2.88889 14.5975 2.69444 14.7503 2.54167C14.9031 2.38889 15.0975 2.3125 15.3337 2.3125C15.5698 2.3125 15.7642 2.38889 15.917 2.54167L18.292 4.91667C18.4448 5.06944 18.5212 5.26389 18.5212 5.5C18.5212 5.73611 18.4448 5.93056 18.292 6.08333Z', fill: '#CD9A4C' }) }));
+const MessageInformation = ({ noImg, text, time, centered, iconReloj = false }) => {
+    return (_jsxs(MessageInformationStyled, { className: `message-information ${centered && 'text-center'}`, children: [_jsx("div", { className: `message-information__icon ${noImg ? 'hide' : ''}`, children: iconReloj ? ClockIcon : ExclamationIcon }), _jsxs("p", { className: `message-information__text`, children: [time != null && _jsxs("span", { className: `message-information__text__time ${noImg && 'regular'}`, children: [time, "' "] }), text] })] }));
 };
 export default MessageInformation;

package/dist/src/components/atoms/MessageInformation/MessageInformation.styled.d.ts

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

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

@@ -3,6 +3,7 @@ import styled from 'styled-components';
 export const MessageInformationStyled = styled.div `
   display: flex;
   justify-content: center;
+  align-items: center;
   border-radius: var(--s-border-radius);
   background: var(--secondary-main-light-4);
   padding: 0.5rem;

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

@@ -4,6 +4,7 @@ import styled from 'styled-components'
 export const MessageInformationStyled = styled.div`
   display: flex;
   justify-content: center;
+  align-items: center;
   border-radius: var(--s-border-radius);
   background: var(--secondary-main-light-4);
   padding: 0.5rem;

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

@@ -3,13 +3,26 @@ import React, { type FC } from 'react'
 import { type MessageInformationProps } from './MessageInformationProps.types'
 import { MessageInformationStyled } from './MessageInformation.styled'
 
-const MessageInformation: FC<MessageInformationProps> = ({ noImg, text, time, centered }) => {
+const ExclamationIcon = (
+  <svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'>
+    <path d='M20.5601 9.21496L22.4211 11.3353C22.7523 11.7127 22.7523 12.2772 22.4211 12.6546L20.5601 14.775L20.8194 17.582C20.8656 18.0816 20.5344 18.538 20.0452 18.6491L17.2901 19.275L15.8483 21.7009C15.5918 22.1324 15.0553 22.3069 14.5941 22.1088L12.0001 20.995L9.40727 22.116C8.94569 22.3155 8.40771 22.1413 8.15079 21.709L6.71008 19.285L3.95478 18.6591C3.46563 18.548 3.13448 18.0917 3.1805 17.5922L3.44008 14.775L1.57802 12.6534C1.24723 12.2765 1.24673 11.7129 1.57685 11.3355L3.44008 9.20496L3.18095 6.40025C3.1347 5.89967 3.46726 5.44257 3.95778 5.33251L6.71008 4.71496L8.15191 2.28903C8.40835 1.85756 8.94491 1.68303 9.40611 1.88108L12.0001 2.99496L14.5941 1.88108C15.0553 1.68303 15.5918 1.85756 15.8483 2.28903L17.2901 4.71496L20.0452 5.34077C20.5344 5.4519 20.8656 5.90835 20.8194 6.40793L20.5601 9.21496ZM18.7501 16.895L18.4901 14.105L20.3401 11.995L18.4901 9.88496L18.7501 7.09496L16.0101 6.47496L14.5801 4.06496L12.0001 5.17496L9.42008 4.07496L7.99008 6.48496L5.25008 7.09496L5.51008 9.87496L3.66008 11.995L5.51008 14.095L5.25008 16.895L7.99008 17.515L9.42008 19.925L12.0001 18.815L14.5801 19.925L16.0101 17.515L18.7501 16.895ZM11.0001 15.995C11.0001 15.4427 11.4478 14.995 12.0001 14.995C12.5524 14.995 13.0001 15.4427 13.0001 15.995C13.0001 16.5472 12.5524 16.995 12.0001 16.995C11.4478 16.995 11.0001 16.5472 11.0001 15.995ZM12.0001 6.99496C11.4478 6.99496 11.0001 7.44267 11.0001 7.99496V12.995C11.0001 13.5472 11.4478 13.995 12.0001 13.995C12.5524 13.995 13.0001 13.5472 13.0001 12.995V7.99496C13.0001 7.44267 12.5524 6.99496 12.0001 6.99496Z' />
+  </svg>
+)
+
+const ClockIcon = (
+  <svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'>
+    <path
+      d='M10.8337 10.5V7.5C10.8337 7.26389 10.7538 7.06597 10.5941 6.90625C10.4344 6.74653 10.2364 6.66667 10.0003 6.66667C9.76422 6.66667 9.5663 6.74653 9.40658 6.90625C9.24685 7.06597 9.16699 7.26389 9.16699 7.5V10.8125C9.16699 10.9236 9.18783 11.0312 9.22949 11.1354C9.27116 11.2396 9.33366 11.3333 9.41699 11.4167L11.7503 13.75C11.9031 13.9028 12.0975 13.9792 12.3337 13.9792C12.5698 13.9792 12.7642 13.9028 12.917 13.75C13.0698 13.5972 13.1462 13.4028 13.1462 13.1667C13.1462 12.9306 13.0698 12.7361 12.917 12.5833L10.8337 10.5ZM10.0003 18.3333C8.95866 18.3333 7.98296 18.1354 7.07324 17.7396C6.16352 17.3438 5.37185 16.809 4.69824 16.1354C4.02463 15.4618 3.48991 14.6701 3.09408 13.7604C2.69824 12.8507 2.50033 11.875 2.50033 10.8333C2.50033 9.79167 2.69824 8.81597 3.09408 7.90625C3.48991 6.99653 4.02463 6.20486 4.69824 5.53125C5.37185 4.85764 6.16352 4.32292 7.07324 3.92708C7.98296 3.53125 8.95866 3.33333 10.0003 3.33333C11.042 3.33333 12.0177 3.53125 12.9274 3.92708C13.8371 4.32292 14.6288 4.85764 15.3024 5.53125C15.976 6.20486 16.5107 6.99653 16.9066 7.90625C17.3024 8.81597 17.5003 9.79167 17.5003 10.8333C17.5003 11.875 17.3024 12.8507 16.9066 13.7604C16.5107 14.6701 15.976 15.4618 15.3024 16.1354C14.6288 16.809 13.8371 17.3438 12.9274 17.7396C12.0177 18.1354 11.042 18.3333 10.0003 18.3333ZM1.70866 6.08333C1.55588 5.93056 1.47949 5.73611 1.47949 5.5C1.47949 5.26389 1.55588 5.06944 1.70866 4.91667L4.08366 2.54167C4.23644 2.38889 4.43088 2.3125 4.66699 2.3125C4.9031 2.3125 5.09755 2.38889 5.25033 2.54167C5.4031 2.69444 5.47949 2.88889 5.47949 3.125C5.47949 3.36111 5.4031 3.55556 5.25033 3.70833L2.87533 6.08333C2.72255 6.23611 2.5281 6.3125 2.29199 6.3125C2.05588 6.3125 1.86144 6.23611 1.70866 6.08333ZM18.292 6.08333C18.1392 6.23611 17.9448 6.3125 17.7087 6.3125C17.4725 6.3125 17.2781 6.23611 17.1253 6.08333L14.7503 3.70833C14.5975 3.55556 14.5212 3.36111 14.5212 3.125C14.5212 2.88889 14.5975 2.69444 14.7503 2.54167C14.9031 2.38889 15.0975 2.3125 15.3337 2.3125C15.5698 2.3125 15.7642 2.38889 15.917 2.54167L18.292 4.91667C18.4448 5.06944 18.5212 5.26389 18.5212 5.5C18.5212 5.73611 18.4448 5.93056 18.292 6.08333Z'
+      fill='#CD9A4C'
+    />
+  </svg>
+)
+
+const MessageInformation: FC<MessageInformationProps> = ({ noImg, text, time, centered, iconReloj = false }) => {
   return (
     <MessageInformationStyled className={`message-information ${centered && 'text-center'}`}>
       <div className={`message-information__icon ${noImg ? 'hide' : ''}`}>
-        <svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'>
-          <path d='M20.5601 9.21496L22.4211 11.3353C22.7523 11.7127 22.7523 12.2772 22.4211 12.6546L20.5601 14.775L20.8194 17.582C20.8656 18.0816 20.5344 18.538 20.0452 18.6491L17.2901 19.275L15.8483 21.7009C15.5918 22.1324 15.0553 22.3069 14.5941 22.1088L12.0001 20.995L9.40727 22.116C8.94569 22.3155 8.40771 22.1413 8.15079 21.709L6.71008 19.285L3.95478 18.6591C3.46563 18.548 3.13448 18.0917 3.1805 17.5922L3.44008 14.775L1.57802 12.6534C1.24723 12.2765 1.24673 11.7129 1.57685 11.3355L3.44008 9.20496L3.18095 6.40025C3.1347 5.89967 3.46726 5.44257 3.95778 5.33251L6.71008 4.71496L8.15191 2.28903C8.40835 1.85756 8.94491 1.68303 9.40611 1.88108L12.0001 2.99496L14.5941 1.88108C15.0553 1.68303 15.5918 1.85756 15.8483 2.28903L17.2901 4.71496L20.0452 5.34077C20.5344 5.4519 20.8656 5.90835 20.8194 6.40793L20.5601 9.21496ZM18.7501 16.895L18.4901 14.105L20.3401 11.995L18.4901 9.88496L18.7501 7.09496L16.0101 6.47496L14.5801 4.06496L12.0001 5.17496L9.42008 4.07496L7.99008 6.48496L5.25008 7.09496L5.51008 9.87496L3.66008 11.995L5.51008 14.095L5.25008 16.895L7.99008 17.515L9.42008 19.925L12.0001 18.815L14.5801 19.925L16.0101 17.515L18.7501 16.895ZM11.0001 15.995C11.0001 15.4427 11.4478 14.995 12.0001 14.995C12.5524 14.995 13.0001 15.4427 13.0001 15.995C13.0001 16.5472 12.5524 16.995 12.0001 16.995C11.4478 16.995 11.0001 16.5472 11.0001 15.995ZM12.0001 6.99496C11.4478 6.99496 11.0001 7.44267 11.0001 7.99496V12.995C11.0001 13.5472 11.4478 13.995 12.0001 13.995C12.5524 13.995 13.0001 13.5472 13.0001 12.995V7.99496C13.0001 7.44267 12.5524 6.99496 12.0001 6.99496Z' />
-        </svg>
+        {iconReloj ? ClockIcon : ExclamationIcon}
       </div>
       <p className={`message-information__text`}>
         {time != null && <span className={`message-information__text__time ${noImg && 'regular'}`}>{time}&apos; </span>}

package/dist/src/components/atoms/MessageInformation/MessageInformationProps.types.d.ts

@@ -3,4 +3,5 @@ export interface MessageInformationProps {
     text: string | React.ReactNode;
     time?: string;
     centered: boolean;
+    iconReloj: boolean;
 }

package/dist/src/components/atoms/MessageInformation/MessageInformationProps.types.ts

@@ -3,4 +3,5 @@ export interface MessageInformationProps {
   text: string | React.ReactNode
   time?: string
   centered: boolean
+  iconReloj: boolean
 }

package/dist/src/components/atoms/MobileTrigger/MobileTrigger.styled.d.ts

@@ -1,5 +1,5 @@
 type MobileMenuTriggerProps = {
     isActive: boolean;
 };
-export declare const MobileTriggerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, MobileMenuTriggerProps>> & string;
+export declare const MobileTriggerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "isActive"> & MobileMenuTriggerProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "isActive"> & MobileMenuTriggerProps, never>>> & string;
 export {};

package/dist/src/components/atoms/MoreDocsItem/MoreDocsItem.styled.d.ts

@@ -1 +1 @@
-export declare const MoreDocsItemStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, never>> & string;
+export declare const MoreDocsItemStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, never>>> & string;

package/dist/src/components/atoms/NavMenuItem/NavMenuItem.styled.d.ts

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

package/dist/src/components/atoms/PaypalButton/PaypalButton.styled.d.ts

@@ -1 +1 @@
-export declare const PaypalButtonStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const PaypalButtonStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>>> & string;

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

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { PhoneIcon } from './../../../../images/componentsSvg/PhoneIcon';
 import { PhoneNumberDisplayStyled } from './PhoneNumberDisplay.styled';
-export const PhoneNumberDisplay = ({ phoneNumber }) => {
-    return (_jsxs(PhoneNumberDisplayStyled, { children: [_jsx(PhoneIcon, { width: 16, height: 16, fill: '#6d7275' }), _jsx("p", { children: _jsx("strong", { children: phoneNumber }) })] }));
+export const PhoneNumberDisplay = ({ phoneNumber, border = true }) => {
+    const className = border ? 'phone-number-display phone-number-display-border' : 'phone-number-display';
+    return (_jsxs(PhoneNumberDisplayStyled, { className: className, children: [_jsx(PhoneIcon, { width: 16, height: 16, fill: '#6d7275' }), _jsx("p", { children: _jsx("strong", { children: phoneNumber }) })] }));
 };