@npm_leadtech/legal-lib-components 2.43.0 → 2.44.0

package/dist/esm/legal-lib-components.css

@@ -2802,11 +2802,10 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
 
 .e-spinner {
   animation: rotate 2s linear infinite;
-  margin: -16px -16px 0 -25px;
-  width: 50px;
-  height: 50px; }
-  .e-spinner .path {
-    stroke: var(--others-white);
+  width: 24px;
+  height: 24px; }
+  .e-spinner path {
+    fill: var(--others-white);
     stroke-linecap: round;
     stroke-dasharray: 15, 150;
     animation: dash 1.5s ease-in-out infinite; }
@@ -2815,8 +2814,11 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
   width: 70px;
   height: 70px; }
 
-.spinner--primary .path {
-  stroke: var(--primary-main); }
+.spinner--neutral path {
+  fill: var(--neutral-neutral-2); }
+
+.spinner--primary path {
+  fill: var(--primary-main); }
 
 .tagline {
   margin-bottom: 1rem; }
@@ -3092,6 +3094,56 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
       .message-information__text__time.regular {
         font-weight: 400; }
 
+.accordion__container {
+  overflow: hidden;
+  border-bottom: 1px solid var(--neutral-neutral-4); }
+  .accordion__container:first-child {
+    border-top: 1px solid var(--neutral-neutral-4); }
+  .accordion__container:last-child {
+    border-bottom-left-radius: 4px;
+    border-bottom-right-radius: 4px; }
+  .accordion__container .accordion__button {
+    border-right: 1px solid var(--neutral-neutral-4);
+    border-left: 1px solid var(--neutral-neutral-4);
+    width: 100%;
+    text-align: left;
+    padding: 1rem 1.5rem;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    background: var(--neutral-neutral-6);
+    border-bottom: none;
+    border-top: none;
+    cursor: pointer;
+    font-family: Inter;
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 22px;
+    letter-spacing: -0.3px; }
+    .accordion__container .accordion__button.--success {
+      background: #eff7f5; }
+    .accordion__container .accordion__button.--locked {
+      cursor: not-allowed; }
+    .accordion__container .accordion__button:not(.--locked):hover {
+      background-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.04), transparent); }
+  .accordion__container .accordion__title {
+    color: var(--primary-main-dark-1);
+    font-family: Inter;
+    font-size: 18px;
+    font-style: normal;
+    font-weight: 700;
+    line-height: 24px;
+    letter-spacing: -0.3px; }
+    .accordion__container .accordion__title.--locked {
+      color: var(--neutral-neutral-2); }
+  .accordion__container .accordion__content {
+    padding: 0 1.5rem;
+    transition: height 0.7s ease-in-out;
+    border-right: 1px solid var(--neutral-neutral-4);
+    border-left: 1px solid var(--neutral-neutral-4);
+    border-bottom: none; }
+
 .also-known-as {
   display: flex;
   align-items: center;
@@ -4335,11 +4387,9 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
     .e-text--is-invalid .e-text__error {
       display: flex;
       align-content: center;
-      position: absolute;
       bottom: -5.5rem;
       margin-top: 0.5rem;
-      color: var(--error-main);
-      height: 5rem; }
+      color: var(--error-main); }
       .e-text--is-invalid .e-text__error-icon {
         display: flex; }
         @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
@@ -4355,7 +4405,7 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
       .e-text--is-invalid .e-text__error img {
         max-width: 20px;
         margin-right: 0.25rem;
-        height: 25%; }
+        width: 16px; }
         @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
           .e-text--is-invalid .e-text__error img {
             height: 20px; } }
@@ -4460,6 +4510,10 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
     .about-us-content__image img {
       width: 100%; }
 
+.accordion {
+  width: 100%;
+  padding-bottom: 2rem; }
+
 .articles_wrapper {
   display: flex;
   flex-direction: column;

package/dist/esm/src/components/molecules/AccordionItem/AccordionItem.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { type AccordionItemProps } from './AccordionItemProps.types';
+import './AccordionItem.scss';
+export declare const AccordionItem: ({ accordionRightContent, children, defaultHeightItem, index, isOpen, onClick, title }: AccordionItemProps) => JSX.Element;

package/dist/esm/src/components/molecules/AccordionItem/AccordionItemProps.types.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export interface AccordionItemProps {
+    accordionRightContent?: React.ReactNode;
+    children?: React.ReactNode;
+    defaultHeightItem?: number;
+    index: number;
+    isOpen?: boolean;
+    onClick: () => void;
+    title?: string;
+}

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

@@ -0,0 +1 @@
+export { AccordionItem } from './AccordionItem';

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

@@ -1,3 +1,4 @@
+export * from './AccordionItem';
 export * from './AlsoKnownAs';
 export * from './Article';
 export * from './BaseBoxList';

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

@@ -0,0 +1,43 @@
+import React from 'react';
+type Handler = 'error' | 'warning' | 'success' | 'default';
+type Action = {
+    type: 'message';
+    accordionItem: number;
+    message: string;
+} | {
+    type: 'loading';
+    accordionItem: number;
+} | {
+    type: 'locked';
+    accordionItem: number;
+} | {
+    type: 'unlocked';
+    accordionItem: number;
+    resetAction?: string;
+} | {
+    type: 'handler';
+    accordionItem: number;
+    handlerMessage: Handler;
+};
+type Dispatch = (action: Action) => void;
+interface ItemDataAccordion {
+    handler: string;
+    isLoading: boolean;
+    message: string;
+    locked: {
+        actionType: string;
+        isLocked: boolean;
+    };
+}
+interface AccordionProviderProps {
+    children: React.ReactNode;
+    elements: number;
+}
+declare function AccordionProvider({ children, elements }: AccordionProviderProps): JSX.Element;
+declare function useDispatchDataAccordionItem(): {
+    dispatch: Dispatch;
+};
+declare function useStateDataAccordionItem(accordionLoadingItem?: number): {
+    state: ItemDataAccordion;
+};
+export { AccordionProvider, useDispatchDataAccordionItem, useStateDataAccordionItem };

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { type AccordionProps } from './AccordionProps.types';
+import './Accordion.scss';
+export declare const Accordion: ({ data, defaultActiveIndex, defaultHeightItem }: AccordionProps) => JSX.Element;

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+interface AccordionItem {
+    accordionRightContent?: React.ReactNode;
+    children?: React.ReactNode;
+    onClick?: () => void;
+    title?: string;
+}
+export interface AccordionProps {
+    data: AccordionItem[];
+    defaultActiveIndex?: number;
+    defaultHeightItem?: number;
+}
+export {};

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

@@ -0,0 +1,2 @@
+export { Accordion } from './Accordion';
+export { useDispatchDataAccordionItem, useStateDataAccordionItem } from './Accordion.context';

package/dist/esm/src/components/organisms/index.d.ts

@@ -1,4 +1,5 @@
 export * from './AboutUsContent';
+export * from './Accordion';
 export * from './ArticlesList';
 export * from './AsSeeInContent';
 export * from './ContactJumbotron';

package/dist/index.d.ts

@@ -533,6 +533,18 @@ interface MessageInformationProps {
 
 declare const MessageInformation: FC<MessageInformationProps>;
 
+interface AccordionItemProps {
+    accordionRightContent?: React.ReactNode;
+    children?: React.ReactNode;
+    defaultHeightItem?: number;
+    index: number;
+    isOpen?: boolean;
+    onClick: () => void;
+    title?: string;
+}
+
+declare const AccordionItem$1: ({ accordionRightContent, children, defaultHeightItem, index, isOpen, onClick, title }: AccordionItemProps) => JSX.Element;
+
 interface AlsoKnownAsProps {
     title: string;
     documents: string[];
@@ -869,6 +881,57 @@ interface AboutUsContentProps {
 
 declare const AboutUsContent: FC<AboutUsContentProps>;
 
+interface AccordionItem {
+    accordionRightContent?: React.ReactNode;
+    children?: React.ReactNode;
+    onClick?: () => void;
+    title?: string;
+}
+interface AccordionProps {
+    data: AccordionItem[];
+    defaultActiveIndex?: number;
+    defaultHeightItem?: number;
+}
+
+declare const Accordion: ({ data, defaultActiveIndex, defaultHeightItem }: AccordionProps) => JSX.Element;
+
+type Handler = 'error' | 'warning' | 'success' | 'default';
+type Action = {
+    type: 'message';
+    accordionItem: number;
+    message: string;
+} | {
+    type: 'loading';
+    accordionItem: number;
+} | {
+    type: 'locked';
+    accordionItem: number;
+} | {
+    type: 'unlocked';
+    accordionItem: number;
+    resetAction?: string;
+} | {
+    type: 'handler';
+    accordionItem: number;
+    handlerMessage: Handler;
+};
+type Dispatch = (action: Action) => void;
+interface ItemDataAccordion {
+    handler: string;
+    isLoading: boolean;
+    message: string;
+    locked: {
+        actionType: string;
+        isLocked: boolean;
+    };
+}
+declare function useDispatchDataAccordionItem(): {
+    dispatch: Dispatch;
+};
+declare function useStateDataAccordionItem(accordionLoadingItem?: number): {
+    state: ItemDataAccordion;
+};
+
 interface ArticlesListProps {
     articles: ArticleProps[];
 }
@@ -1139,4 +1202,4 @@ interface UseIsMobileOrTablePropsReturn {
 }
 declare const useIsMobileOrTable: () => UseIsMobileOrTablePropsReturn;
 
-export { AboutUsContent, type AboutUsContentProps, AboutUsPage, type AboutUsPageProps, AboutUsSection, type AboutUsSectionProps, AddButton, type AddButtonProps, AlsoKnownAs, type AlsoKnownAsProps, Article, type ArticleProps, ArticlesList, type ArticlesListProps, AsSeeInContent, type AsSeeInContentProps, AsSeeInSection, type AsSeeInSectionProps, AsideMenuSection, type AsideMenuSectionProps, BaseBox, BaseBoxList, type BaseBoxListProps, type BaseBoxProps, BillCard, type BillCardProps, BlogSection, type BlogSectionProps, BottomFixedBar, type BottomFixedBarProps, BottomOverlay, BottomOverlayMenu, type BottomOverlayMenuProps, type BottomOverlayProps, BoxForm, type BoxFormProps, BreadcrumItem, type BreadcrumItemProps, Breadcrumb, type BreadcrumbProps, Button, ButtonIcon, type ButtonIconProps, type ButtonProps, CardPane, type CardPaneInfoProps, type CardPaneProps, Checkbox, type CheckboxProps, ContactBox, type ContactBoxProps, ContactJumbotron, type ContactJumbotronProps, ContactSection, type ContactSectionProps, ContactUsPage, type ContactUsPageProps, ContinueEditingBanner, type ContinueEditingBannerProps, CookiePolicyBar, type CookiePolicyBarProps, CountDownMessage, type CountDownMessageProps, DatePickerCustom, type DatePickerCustomProps, DialogMenuIcon, type DialogMenuIconProps, Disclaimer, type DisclaimerProps, Divider, type DividerProps, DocumentStatus, type DocumentStatusProps, DocumentTag, type DocumentTagProps, EmailContactBox, type EmailContactBoxProps, ExpertCard, ExpertCardList, type ExpertCardListProps, type ExpertCardProps, ExpertsSection, type ExpertsSectionProps, FaqGroup, type FaqGroupProps, FaqItem, type FaqItemProps, FaqSection, type FaqSectionProps, FaqsPage, type FaqsPageProps, Feedback, type FeedbackProps, FormFaq, type FormFaqProps, FreeDocModalContent, type FreeDocModalContentProps, GoogleButton, type GoogleButtonProps, GuidelinesContent, type GuidelinesContentProps, GuidelinesSection, type GuidelinesSectionProps, HowGetYourFormsSection, type HowGetYourFormsSectionProps, IconImage, type IconImageProps, IconSvgURLWithThemeColor, type IconSvgURLWithThemeColorProps, type ImageStructure, InfoBox, type InfoBoxProps, JumbotronSimplifiedSection, type JumbotronSimplifiedSectionProps, JumbotronStatic, type JumbotronStaticProps, type LatestApplication, LearnMoreSection, type LearnMoreSectionProps, LegalPage, type LegalPageProps, LegalSection, type LegalSectionProps, ListStepsGetForm, type ListStepsGetFormProps, Logo, type LogoProps, LogoText, type LogoTextProps, type MenuItemProps, MenuItems, MenuItemsSection, type MenuItemsSectionProps, MenuPlacement, Message, MessageInformation, type MessageInformationProps, type MessageProps, MobileBottomBar, type MobileBottomBarProps, MoreDocsDesktop, type MoreDocsDesktopProps, MoreDocsItem, type MoreDocsItemProps, MoreDocsMobile, type MoreDocsMobileProps, MoreDocsSection, type MoreDocsSectionProps, NavBarDropDown, type NavBarDropDownProps, Pagination, type PaginationProps, PaypalButton, type PaypalButtonProps, PeopleSayAboutUsSection, type PeopleSayAboutUsSectionProps, PhoneContactBoxDesktop, type PhoneContactBoxDesktopProps, PhoneContactBoxMobile, type PhoneContactBoxMobileProps, PopularDocs, PopularDocsItem, type PopularDocsItemProps, type PopularDocsProps, PricingCard, type PricingCardProps, ProductCategory, ProgressBar, type ProgressBarProps, Radio, type RadioProps, RemoveButton, type RemoveButtonProps, RichTextInner, type RichTextInnerProps, type RichTextMedia, RichTextStrapi, type RichTextStrapiProps, SearchSelect, type SearchSelectProps, ShowMoreBox, type ShowMoreBoxProps, type SideMenuTabProps, SidemenuTab, Snackbar, type SnackbarProps, Spinner, type SpinnerProps, StepGetForm, type StepGetFormProps, Tagline, type TaglineProps, TextArea, type TextAreaProps, TextInput, type TextInputProps, Toggle, type ToggleProps, Tooltip, TooltipMenu, type TooltipMenuProps, type TooltipProps, TopBar, TopBarMobile, type TopBarProps, Trustpilot as TrustPilot, type TrustPilotProps, TrustworthyWebsites, type TrustworthyWebsitesProps, TryOurFreeLegalBlogsContent, type TryOurFreeLegalBlogsContentProps, TryOurFreeLegalBlogsSection, type TryOurFreeLegalBlogsSectionProps, TryUsSection, type TryUsSectionProps, UnsubscribePage, type UnsubscribePageProps, UnsubscribeSection, type UnsubscribeSectionProps, type WhyLawDistrictItem, WhyLawDistrictItems, type WhyLawDistrictItemsProps, WhyLawDistrictSection, type WhyLawDistrictSectionProps, WideInfoBar, useIntersectionObserver, useIsMobileOrTable };
+export { AboutUsContent, type AboutUsContentProps, AboutUsPage, type AboutUsPageProps, AboutUsSection, type AboutUsSectionProps, Accordion, AccordionItem$1 as AccordionItem, AddButton, type AddButtonProps, AlsoKnownAs, type AlsoKnownAsProps, Article, type ArticleProps, ArticlesList, type ArticlesListProps, AsSeeInContent, type AsSeeInContentProps, AsSeeInSection, type AsSeeInSectionProps, AsideMenuSection, type AsideMenuSectionProps, BaseBox, BaseBoxList, type BaseBoxListProps, type BaseBoxProps, BillCard, type BillCardProps, BlogSection, type BlogSectionProps, BottomFixedBar, type BottomFixedBarProps, BottomOverlay, BottomOverlayMenu, type BottomOverlayMenuProps, type BottomOverlayProps, BoxForm, type BoxFormProps, BreadcrumItem, type BreadcrumItemProps, Breadcrumb, type BreadcrumbProps, Button, ButtonIcon, type ButtonIconProps, type ButtonProps, CardPane, type CardPaneInfoProps, type CardPaneProps, Checkbox, type CheckboxProps, ContactBox, type ContactBoxProps, ContactJumbotron, type ContactJumbotronProps, ContactSection, type ContactSectionProps, ContactUsPage, type ContactUsPageProps, ContinueEditingBanner, type ContinueEditingBannerProps, CookiePolicyBar, type CookiePolicyBarProps, CountDownMessage, type CountDownMessageProps, DatePickerCustom, type DatePickerCustomProps, DialogMenuIcon, type DialogMenuIconProps, Disclaimer, type DisclaimerProps, Divider, type DividerProps, DocumentStatus, type DocumentStatusProps, DocumentTag, type DocumentTagProps, EmailContactBox, type EmailContactBoxProps, ExpertCard, ExpertCardList, type ExpertCardListProps, type ExpertCardProps, ExpertsSection, type ExpertsSectionProps, FaqGroup, type FaqGroupProps, FaqItem, type FaqItemProps, FaqSection, type FaqSectionProps, FaqsPage, type FaqsPageProps, Feedback, type FeedbackProps, FormFaq, type FormFaqProps, FreeDocModalContent, type FreeDocModalContentProps, GoogleButton, type GoogleButtonProps, GuidelinesContent, type GuidelinesContentProps, GuidelinesSection, type GuidelinesSectionProps, HowGetYourFormsSection, type HowGetYourFormsSectionProps, IconImage, type IconImageProps, IconSvgURLWithThemeColor, type IconSvgURLWithThemeColorProps, type ImageStructure, InfoBox, type InfoBoxProps, JumbotronSimplifiedSection, type JumbotronSimplifiedSectionProps, JumbotronStatic, type JumbotronStaticProps, type LatestApplication, LearnMoreSection, type LearnMoreSectionProps, LegalPage, type LegalPageProps, LegalSection, type LegalSectionProps, ListStepsGetForm, type ListStepsGetFormProps, Logo, type LogoProps, LogoText, type LogoTextProps, type MenuItemProps, MenuItems, MenuItemsSection, type MenuItemsSectionProps, MenuPlacement, Message, MessageInformation, type MessageInformationProps, type MessageProps, MobileBottomBar, type MobileBottomBarProps, MoreDocsDesktop, type MoreDocsDesktopProps, MoreDocsItem, type MoreDocsItemProps, MoreDocsMobile, type MoreDocsMobileProps, MoreDocsSection, type MoreDocsSectionProps, NavBarDropDown, type NavBarDropDownProps, Pagination, type PaginationProps, PaypalButton, type PaypalButtonProps, PeopleSayAboutUsSection, type PeopleSayAboutUsSectionProps, PhoneContactBoxDesktop, type PhoneContactBoxDesktopProps, PhoneContactBoxMobile, type PhoneContactBoxMobileProps, PopularDocs, PopularDocsItem, type PopularDocsItemProps, type PopularDocsProps, PricingCard, type PricingCardProps, ProductCategory, ProgressBar, type ProgressBarProps, Radio, type RadioProps, RemoveButton, type RemoveButtonProps, RichTextInner, type RichTextInnerProps, type RichTextMedia, RichTextStrapi, type RichTextStrapiProps, SearchSelect, type SearchSelectProps, ShowMoreBox, type ShowMoreBoxProps, type SideMenuTabProps, SidemenuTab, Snackbar, type SnackbarProps, Spinner, type SpinnerProps, StepGetForm, type StepGetFormProps, Tagline, type TaglineProps, TextArea, type TextAreaProps, TextInput, type TextInputProps, Toggle, type ToggleProps, Tooltip, TooltipMenu, type TooltipMenuProps, type TooltipProps, TopBar, TopBarMobile, type TopBarProps, Trustpilot as TrustPilot, type TrustPilotProps, TrustworthyWebsites, type TrustworthyWebsitesProps, TryOurFreeLegalBlogsContent, type TryOurFreeLegalBlogsContentProps, TryOurFreeLegalBlogsSection, type TryOurFreeLegalBlogsSectionProps, TryUsSection, type TryUsSectionProps, UnsubscribePage, type UnsubscribePageProps, UnsubscribeSection, type UnsubscribeSectionProps, type WhyLawDistrictItem, WhyLawDistrictItems, type WhyLawDistrictItemsProps, WhyLawDistrictSection, type WhyLawDistrictSectionProps, WideInfoBar, useDispatchDataAccordionItem, useIntersectionObserver, useIsMobileOrTable, useStateDataAccordionItem };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@npm_leadtech/legal-lib-components",
-  "version": "2.43.0",
+  "version": "2.44.0",
   "dependencies": {
     "@testing-library/jest-dom": "^6.1.4",
     "@tippyjs/react": "4.2.6",