@npm_leadtech/legal-lib-components 2.46.3 → 2.46.4

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

@@ -2072,6 +2072,46 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
       letter-spacing: -0.3px;
       color: var(--neutral-neutral-2); }
 
+.nav-menu-item {
+  border-radius: 4px;
+  position: relative;
+  width: fit-content; }
+  .nav-menu-item .title {
+    position: relative; }
+  .nav-menu-item .e-button {
+    display: flex;
+    flex-flow: row nowrap;
+    gap: 0.1rem;
+    padding: 0.25rem 0.5rem;
+    border: 0; }
+  .nav-menu-item .list {
+    border-radius: 4px;
+    padding: 0.5rem;
+    margin-top: 0.5rem;
+    display: flex;
+    visibility: hidden;
+    opacity: 0;
+    background: var(--others-white);
+    transition: all 0.1s ease;
+    box-shadow: 0 0.25rem 0.5rem 0 rgba(var(--primary-main-dark-1-rgb), 0.2);
+    min-width: max-content;
+    flex-flow: column wrap;
+    position: absolute;
+    left: 0; }
+    .nav-menu-item .list .item-list:hover {
+      background-color: var(--primary-main-light-5); }
+  .nav-menu-item:hover .title:after {
+    display: block; }
+  .nav-menu-item:hover .list {
+    opacity: 1;
+    z-index: 11;
+    margin-top: 1rem;
+    visibility: visible;
+    transition: all 0.4s ease; }
+  @media (min-width: 960px) {
+    .nav-menu-item {
+      display: block; } }
+
 .paypal-button {
   padding: 0;
   border: none;
@@ -4757,6 +4797,47 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
       .guidelines-section__image.is-mobile {
         display: none; } }
 
+.language-selector-mobile {
+  position: relative; }
+  .language-selector-mobile .selected-option {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    background-color: var(--primary-main-dark-1);
+    border: 0; }
+    .language-selector-mobile .selected-option .language {
+      color: var(--others-white); }
+    .language-selector-mobile .selected-option .chevron-expand-more {
+      transition: all 0.1s ease; }
+  .language-selector-mobile .language {
+    display: flex;
+    align-items: center;
+    padding: 0 0.5rem;
+    gap: 0.1rem; }
+  .language-selector-mobile .options {
+    position: absolute;
+    visibility: hidden;
+    opacity: 0;
+    width: 100%;
+    padding-top: 0.5rem;
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+    transition: all 0.1s ease; }
+    .language-selector-mobile .options .option {
+      display: flex;
+      padding: 0.5rem 1rem;
+      background-color: var(--neutral-neutral-6); }
+    .language-selector-mobile .options .language {
+      color: var(--neutral-neutral-1); }
+  .language-selector-mobile:hover .selected-option .chevron-expand-more {
+    transition: all 0.4s ease;
+    transform: rotate(180deg); }
+  .language-selector-mobile:hover .options {
+    opacity: 1;
+    visibility: visible;
+    transition: all 0.4s ease; }
+
 .homeSteps__container {
   transform: translateY(0%); }
   @media (min-width: 575px) {

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { type NavMenuItemProps } from './NavMenuItemProps';
+import './NavMenuItem.scss';
+export declare const NavMenuItem: React.FC<NavMenuItemProps>;

package/dist/cjs/src/components/atoms/NavMenuItem/NavMenuItemProps.d.ts

@@ -0,0 +1,8 @@
+import { type ButtonProps } from '../Button';
+export interface NavMenuItemProps {
+    mainButton: ButtonProps;
+    items?: Array<{
+        key: string;
+        props: ButtonProps;
+    }>;
+}

package/dist/cjs/src/components/atoms/NavMenuItem/index.d.ts

@@ -0,0 +1,2 @@
+export * from './NavMenuItem';
+export * from './NavMenuItemProps';

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

@@ -25,6 +25,7 @@ export * from './LogoText';
 export * from './MenuItems';
 export * from './Message';
 export * from './MoreDocsItem';
+export * from './NavMenuItem';
 export * from './PaypalButton';
 export * from './PopularDocsItem';
 export * from './ProgressBar';

package/dist/cjs/src/components/organisms/LanguageSelector/LanguageSelector.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { type LanguageSelectorProps } from './LanguageSelectorProps';
+export declare const LanguageSelector: React.FC<LanguageSelectorProps>;

package/dist/cjs/src/components/organisms/LanguageSelector/LanguageSelectorProps.d.ts

@@ -0,0 +1,5 @@
+import { type LenguageSelectorItem } from './LenguageSelectorItem';
+export interface LanguageSelectorProps {
+    languages: LenguageSelectorItem[];
+    selected: string;
+}

package/dist/cjs/src/components/organisms/LanguageSelector/LenguageSelectorItem.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface LenguageSelectorItem {
+    code: string;
+    url: string;
+    flag?: React.ReactNode;
+    name?: string;
+}

package/dist/cjs/src/components/organisms/LanguageSelector/index.d.ts

@@ -0,0 +1,6 @@
+export * from './LanguageSelector';
+export * from './LanguageSelectorProps';
+export * from './LenguageSelectorItem';
+export * from './useLanguagesSelector';
+export * from './useLanguageSelected';
+export * from './useLanguageOptions';

package/dist/cjs/src/components/organisms/LanguageSelector/useLanguageOptions.d.ts

@@ -0,0 +1,4 @@
+import { type LenguageSelectorItem } from './LenguageSelectorItem';
+export declare const useLanguageOptions: (languagesSelector: LenguageSelectorItem[], selected: string) => {
+    languageOptions: LenguageSelectorItem[];
+};

package/dist/cjs/src/components/organisms/LanguageSelector/useLanguageSelected.d.ts

@@ -0,0 +1,4 @@
+import { type LenguageSelectorItem } from './LenguageSelectorItem';
+export declare const useLanguageSelected: (languagesSelector: LenguageSelectorItem[], selected: string) => {
+    languageSelected: LenguageSelectorItem;
+};

package/dist/cjs/src/components/organisms/LanguageSelector/useLanguagesSelector.d.ts

@@ -0,0 +1,4 @@
+import { type LenguageSelectorItem } from './LenguageSelectorItem';
+export declare const useLanguagesSelector: (languages: LenguageSelectorItem[]) => {
+    languagesSelector: LenguageSelectorItem[];
+};

package/dist/cjs/src/components/organisms/LanguageSelectorMobile/LanguageSelectorMobile.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { type LanguageSelectorProps } from '../LanguageSelector';
+import './LanguageSelectorMobile.scss';
+export declare const LanguageSelectorMobile: React.FC<LanguageSelectorProps>;

package/dist/cjs/src/components/organisms/LanguageSelectorMobile/index.d.ts

@@ -0,0 +1 @@
+export * from './LanguageSelectorMobile';

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

@@ -6,6 +6,8 @@ export * from './ContactJumbotron';
 export * from './CookiePolicyBar';
 export * from './FaqGroup';
 export * from './GuidelinesContent';
+export * from './LanguageSelector';
+export * from './LanguageSelectorMobile';
 export * from './ListStepsGetForm';
 export * from './MobileBottomBar';
 export * from './TryOurFreeLegalBlogsContent';

package/dist/esm/images/componentsSvg/ChevronExpandMore.d.ts

@@ -1,2 +1,4 @@
 import React from 'react';
-export declare const ChevronExpandMore: React.FC;
+export declare const ChevronExpandMore: React.FC<{
+    fill?: string;
+}>;

package/dist/esm/images/componentsSvg/flags/GBFlag.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const GBFlag: React.FC;

package/dist/esm/images/componentsSvg/flags/USFlag.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const USFlag: React.FC;