@npm_leadtech/legal-lib-components 2.43.0 → 2.44.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; } }
@@ -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/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';

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