@npm_leadtech/legal-lib-components 2.41.1 → 2.41.2

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

@@ -2041,79 +2041,11 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
   border-radius: 5px;
   font-family: "Inter", sans-serif; }
 
-.more-docs-item {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  padding: 8px;
-  gap: 10px;
-  border-radius: 4px;
-  text-decoration: none; }
-  .more-docs-item:hover {
-    background-color: var(--primary-main-light-5); }
-  .more-docs-item .category-icon {
-    margin: 0 1rem 0 1.3rem; }
-    .more-docs-item .category-icon svg {
-      fill: var(--primary-main); }
-  .more-docs-item .texts {
-    display: flex;
-    flex-direction: column;
-    gap: 0.5rem;
-    text-align: left;
-    padding-left: 1rem; }
-    .more-docs-item .texts .title {
-      line-height: 22px;
-      letter-spacing: -0.3px;
-      color: var(--neutral-neutral-1);
-      padding-right: 0.5rem; }
-    .more-docs-item .texts .description {
-      font-size: 12px;
-      line-height: 16px;
-      letter-spacing: -0.3px;
-      color: var(--neutral-neutral-2); }
-
 .paypal-button {
   padding: 0;
   border: none;
   cursor: pointer; }
 
-.popular-docs-item {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  padding: 24px 16px 24px 24px;
-  gap: 2rem;
-  height: 6rem;
-  background: var(--others-white);
-  box-shadow: 0px 2px 6px 0px rgba(var(--primary-main-dark-1-rgb), 0.25);
-  border-radius: 4px;
-  text-decoration: none; }
-  .popular-docs-item .category-icon svg {
-    fill: var(--primary-main-dark-1); }
-  .popular-docs-item .texts {
-    display: flex;
-    flex-direction: column;
-    text-align: left;
-    width: 100%; }
-    .popular-docs-item .texts .description {
-      color: var(--neutral-neutral-2);
-      font-size: 12px;
-      line-height: 1.33;
-      margin-top: 0.3rem; }
-  .popular-docs-item .icon-left svg {
-    width: 40px;
-    height: 40px; }
-    .popular-docs-item .icon-left svg .main-fill {
-      fill: var(--neutral-neutral-4); }
-  .popular-docs-item:hover {
-    background-color: var(--neutral-neutral-5);
-    cursor: pointer; }
-    .popular-docs-item:hover .icon-left svg .main-fill {
-      fill: var(--primary-main); }
-  @media (min-width: 720px) {
-    .popular-docs-item {
-      margin-left: 0.5rem; } }
-
 .progress__wrapper {
   position: absolute;
   width: 100%;
@@ -2802,11 +2734,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 +2746,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 +3026,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;
@@ -3716,108 +3700,6 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
     .menu-items-section__title-wrapper__title {
       font-weight: bold; }
 
-.more-docs-desktop {
-  display: flex;
-  flex-flow: row nowrap;
-  justify-content: center; }
-  .more-docs-desktop .container {
-    padding: 1rem;
-    text-align: center;
-    display: flex;
-    flex-direction: column;
-    min-height: 20rem;
-    align-items: center; }
-    @media (min-width: 720px) {
-      .more-docs-desktop .container {
-        padding: 1rem 1rem 2rem 2rem; } }
-    @media (min-width: 1200px) {
-      .more-docs-desktop .container {
-        padding: 1rem 6rem 2rem 6rem; } }
-    .more-docs-desktop .container .section-title {
-      text-align: left;
-      font-family: "Lora", serif;
-      font-size: 32px;
-      font-weight: normal;
-      line-height: 1.31;
-      letter-spacing: -0.3px;
-      padding: 0 0 1.5rem 0;
-      width: 100%; }
-      @media only screen and (max-width: 960px) {
-        .more-docs-desktop .container .section-title {
-          display: flex;
-          justify-content: center; } }
-    .more-docs-desktop .container .docs-container {
-      display: flex;
-      flex-direction: row; }
-      .more-docs-desktop .container .docs-container .docs-column {
-        display: flex;
-        flex-direction: column;
-        min-width: 17rem;
-        margin: 0 2rem 0 1rem;
-        cursor: pointer; }
-        .more-docs-desktop .container .docs-container .docs-column:first-child {
-          margin-left: 0; }
-        .more-docs-desktop .container .docs-container .docs-column:last-child {
-          margin-right: 0; }
-          @media only screen and (max-width: 960px) {
-            .more-docs-desktop .container .docs-container .docs-column:last-child {
-              display: none; } }
-      .more-docs-desktop .container .docs-container .separation-line {
-        width: 1px;
-        height: 196px;
-        background-color: var(--primary-main-dark-1); }
-      @media only screen and (max-width: 960px) {
-        .more-docs-desktop .container .docs-container .last-line {
-          display: none; } }
-
-.more-docs-mobile {
-  margin: 0px 24px 40px 24px;
-  padding: 5px 0;
-  border-radius: 4px;
-  border: solid 2px #dfe5e8;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: space-between;
-  cursor: pointer; }
-  .more-docs-mobile .box-closed {
-    display: flex;
-    flex-direction: row;
-    align-items: center; }
-    .more-docs-mobile .box-closed .icon-see-more {
-      transform: rotate(-90deg); }
-      .more-docs-mobile .box-closed .icon-see-more:before, .more-docs-mobile .box-closed .icon-see-more:after {
-        background-color: var(--others-black); }
-      .more-docs-mobile .box-closed .icon-see-more.open {
-        transform: rotate(90deg); }
-      .more-docs-mobile .box-closed .icon-see-more svg {
-        width: 40px;
-        height: 40px; }
-    .more-docs-mobile .box-closed .box-title {
-      align-self: center;
-      margin-right: 4rem; }
-
-.more-docs-list {
-  margin: -40px 24px 40px 24px;
-  padding: 16px 8px 16px 8px;
-  border-radius: 4px;
-  border: solid 2px #dfe5e8;
-  display: flex;
-  flex-direction: column; }
-  .more-docs-list .docs-list {
-    display: flex;
-    flex-direction: column;
-    width: 100%; }
-    .more-docs-list .docs-list .separation-line {
-      width: calc(100% - 20px);
-      height: 1px;
-      margin: 16px 10px;
-      background-color: var(--neutral-neutral-3); }
-    .more-docs-list .docs-list:last-child {
-      margin-bottom: 1rem; }
-      .more-docs-list .docs-list:last-child .separation-line {
-        display: none; }
-
 .navbar-drop-down__container {
   position: absolute;
   width: 100%;
@@ -3953,31 +3835,6 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
   text-align: center;
   margin: 0.5rem 0 2rem; }
 
-.popular-docs {
-  width: 80%;
-  margin-left: 3rem; }
-  @media only screen and (max-width: 960px) {
-    .popular-docs {
-      margin-left: 0; } }
-  @media only screen and (max-width: 575px) {
-    .popular-docs {
-      width: 95%; } }
-  .popular-docs .title {
-    text-align: left;
-    padding-left: 0.5rem;
-    font-size: 18px;
-    line-height: 1.33;
-    letter-spacing: -0.3px;
-    color: var(--primary-main-dark-1);
-    margin-bottom: 16px; }
-    @media only screen and (max-width: 960px) {
-      .popular-docs .title {
-        text-align: center; } }
-  .popular-docs .documents {
-    display: flex;
-    flex-direction: column;
-    gap: 1rem; }
-
 .pricing-card {
   position: relative;
   max-width: 400px;
@@ -4335,11 +4192,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 +4210,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 +4315,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/cjs/src/components/atoms/index.d.ts

@@ -24,9 +24,7 @@ export * from './Logo';
 export * from './LogoText';
 export * from './MenuItems';
 export * from './Message';
-export * from './MoreDocsItem';
 export * from './PaypalButton';
-export * from './PopularDocsItem';
 export * from './ProgressBar';
 export * from './Radio';
 export * from './RemoveButton';

package/dist/cjs/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/cjs/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/cjs/src/components/molecules/AccordionItem/index.d.ts

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

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

@@ -1,3 +1,4 @@
+export * from './AccordionItem';
 export * from './AlsoKnownAs';
 export * from './Article';
 export * from './BaseBoxList';
@@ -14,13 +15,10 @@ export * from './FaqItem';
 export * from './Feedback';
 export * from './FreeDocModalContent';
 export * from './MenuItemsSection';
-export * from './MoreDocsDesktop';
-export * from './MoreDocsMobile';
 export * from './NavBarDropDown';
 export * from './Pagination';
 export * from './PhoneContactBoxDesktop';
 export * from './PhoneContactBoxMobile';
-export * from './PopularDocs';
 export * from './PricingCard';
 export * from './Snackbar';
 export * from './StepGetForm';

package/dist/cjs/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/cjs/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/cjs/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/cjs/src/components/organisms/Accordion/index.d.ts

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

package/dist/cjs/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/cjs/src/components/sections/index.d.ts

@@ -9,7 +9,6 @@ export * from './GuidelinesSection';
 export * from './HowGetYourFormsSection';
 export * from './JumbotronSimplifiedSection';
 export * from './LegalSection';
-export * from './MoreDocsSection';
 export * from './PeopleSayAboutUsSection';
 export * from './TryOurFreeLegalBlogsSection';
 export * from './TryUsSection';

package/dist/cjs/src/hooks/useIsMobileOrTable.d.ts

@@ -2,7 +2,6 @@ interface UseIsMobileOrTablePropsReturn {
     isMobile: boolean;
     isTablet: boolean;
     load: boolean;
-    isGtLandscapeTablets: boolean;
 }
 export declare const useIsMobileOrTable: () => UseIsMobileOrTablePropsReturn;
 export {};

package/dist/cjs/src/index.d.ts

@@ -4,4 +4,3 @@ export * from './components/organisms';
 export * from './components/sections';
 export * from './components/pages';
 export * from './hooks';
-export * from './utils/ProductCategory';