@npm_leadtech/legal-lib-components 2.43.0 → 2.45.0

package/dist/cjs/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; } }
@@ -4421,6 +4471,60 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
   .trustworthy-websites__image {
     margin: 1.5rem; }
 
+.type-modules-list {
+  display: flex;
+  flex-direction: column;
+  gap: 2rem; }
+  .type-modules-list .module-item {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    background-color: var(--neutral-neutral-6);
+    padding: 24px;
+    box-shadow: 0px 2px 6px 0px #02374a3f; }
+  .type-modules-list .module-title {
+    font-family: "Inter", sans-serif;
+    font-size: 18px;
+    font-weight: 700;
+    line-height: 24px;
+    letter-spacing: -0.3px;
+    text-align: left;
+    margin-bottom: 1rem; }
+  .type-modules-list .module-description {
+    font-family: "Inter", sans-serif;
+    font-size: 16px;
+    font-weight: 400;
+    line-height: 22px;
+    letter-spacing: -0.3px;
+    text-align: left;
+    margin-bottom: 1rem; }
+  .type-modules-list .module-image {
+    width: 150px;
+    margin-right: 20px; }
+  .type-modules-list .module-content {
+    flex: 1; }
+  .type-modules-list .module-buttons {
+    display: flex;
+    gap: 1rem;
+    width: max-content; }
+  .type-modules-list .e-button {
+    display: flex;
+    justify-content: center;
+    width: 100%;
+    margin: 0 0.2rem;
+    padding-top: 0.6rem;
+    padding-bottom: 0.6rem;
+    background: var(--others-white); }
+    @media (min-width: 960px) {
+      .type-modules-list .e-button {
+        margin: 0 0.5rem; } }
+    .type-modules-list .e-button.download-icon::before {
+      content: '';
+      width: 1rem;
+      height: 1rem;
+      background-image: url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M12.8625 8.47054C13.1222 8.21085 13.1222 7.7898 12.8625 7.53012C12.6029 7.27059 12.1822 7.2704 11.9225 7.52969L8.66602 10.7803V3.33366C8.66602 2.96547 8.36754 2.66699 7.99935 2.66699C7.63116 2.66699 7.33268 2.96547 7.33268 3.33366V10.7803L4.0858 7.52763C3.82457 7.26593 3.4006 7.26574 3.13914 7.5272C2.87784 7.7885 2.87784 8.21215 3.13914 8.47345L7.29224 12.6266C7.68277 13.0171 8.31593 13.0171 8.70646 12.6266L12.8625 8.47054Z%22 fill%3D%22%233D4042%22%2F%3E%3C%2Fsvg%3E");
+      margin-right: 0.5rem; }
+
 .about-us-content {
   display: flex;
   flex-flow: row wrap;
@@ -4460,6 +4564,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/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/TypeModulesList/TypeModulesList.d.ts

@@ -0,0 +1,5 @@
+import { type FC } from 'react';
+import { type TypeModulesListProps } from './TypeModulesListProps.types';
+import './TypeModulesList.scss';
+declare const TypeModulesList: FC<TypeModulesListProps>;
+export default TypeModulesList;

package/dist/cjs/src/components/molecules/TypeModulesList/TypeModulesListProps.types.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export interface TypeModulesListProps {
+    typeModules: TypeModule[];
+}
+export interface TypeModule {
+    title: string;
+    description: string;
+    buttonPdfCta: string;
+    buttonPdfUrl: string;
+    buttonWordCta: string;
+    buttonWordUrl: string;
+    image: React.ReactNode;
+}

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

@@ -0,0 +1,2 @@
+export { default as TypeModulesList } from './TypeModulesList';
+export { type TypeModulesListProps } from './TypeModulesListProps.types';

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';
@@ -27,3 +28,4 @@ export * from './StepGetForm';
 export * from './TextInput';
 export * from './TooltipMenu';
 export * from './TrustworthyWebsites';
+export * from './TypeModulesList';

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';