@npm_leadtech/legal-lib-components 2.11.0 → 2.11.3

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

@@ -1685,6 +1685,43 @@ html[data-theme='uslawdistricts'] {
     .document-status.--is-new .icon {
       margin-right: 1.4rem; }
 
+.expert-card {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-top: 5rem; }
+  .expert-card__box {
+    background-color: white;
+    border-radius: 0.3rem;
+    box-shadow: 0 0.25rem 0.5rem 0 rgba(var(--primary-main-dark-1), 0.2);
+    padding: 7rem 2rem 0 2rem;
+    min-height: 13rem;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: flex-start;
+    width: 17.625rem;
+    margin-left: 2rem; }
+  .expert-card__image {
+    position: absolute;
+    transform: translateY(-115%); }
+  .expert-card__title {
+    font-family: Inter;
+    font-size: 18px;
+    font-weight: 700;
+    line-height: 24px;
+    letter-spacing: -0.3px;
+    text-align: center;
+    width: 75%; }
+  .expert-card__description {
+    font-family: Inter;
+    font-size: 16px;
+    font-weight: 400;
+    line-height: 22px;
+    letter-spacing: -0.30000001192092896px;
+    text-align: center;
+    width: 75%; }
+
 .form-faq {
   display: flex;
   position: relative;
@@ -1815,7 +1852,16 @@ html[data-theme='uslawdistricts'] {
   border-radius: 4px;
   padding: 0.25rem 0.5rem; }
   .menu-items__item svg {
-    vertical-align: bottom; }
+    vertical-align: bottom;
+    width: 1.5rem;
+    margin-right: 0.5rem; }
+    @media (min-width: 575px) {
+      .menu-items__item svg {
+        width: 1rem; } }
+    .menu-items__item svg > g > g {
+      fill: var(--neutral-neutral-1); }
+    .menu-items__item svg #color-bin {
+      fill: var(--neutral-neutral-1); }
   .menu-items__item.active {
     color: var(--primary-main-light-1);
     font-weight: 700;
@@ -1835,16 +1881,6 @@ html[data-theme='uslawdistricts'] {
       fill: var(--primary-main); }
   .menu-items__item a {
     display: flex; }
-  .menu-items__item svg {
-    width: 1.5rem;
-    margin-right: 0.5rem; }
-    @media (min-width: 575px) {
-      .menu-items__item svg {
-        width: 1rem; } }
-    .menu-items__item svg > g > g {
-      fill: var(--neutral-neutral-1); }
-    .menu-items__item svg #color-bin {
-      fill: var(--neutral-neutral-1); }
 
 .e-message-error {
   box-shadow: 0 0 0 1px #d63837;
@@ -2899,7 +2935,7 @@ html[data-theme='uslawdistricts'] {
 .box--form {
   background: var(--others-white);
   border-radius: 4px;
-  box-shadow: 0 2px 6px 0 rgba(var(--primary-main-dark-1), 0.25);
+  box-shadow: 0 2px 6px 0 rgba(2, 55, 74, 0.25);
   padding-left: 1.5rem;
   padding-right: 1.5rem; }
   @media (min-width: 1200px) {
@@ -3630,6 +3666,11 @@ html[data-theme='uslawdistricts'] {
   .trustworthy-websites__image {
     margin: 1.5rem; }
 
+.expert-card-list {
+  display: flex;
+  flex-direction: row;
+  justify-content: center; }
+
 .articles_wrapper {
   display: flex;
   flex-direction: column;
@@ -3937,7 +3978,7 @@ html[data-theme='uslawdistricts'] {
     color: var(--neutral-neutral-2);
     text-align: center;
     font-size: 32px;
-    font-family: Lora;
+    font-family: "Lora", serif;
     font-style: normal;
     font-weight: 400;
     line-height: 42px;

package/dist/esm/src/components/atoms/DatePickerCustom/DatePickerCustom.d.ts

@@ -1,13 +1,6 @@
-import React, { Component } from 'react';
+import { type FC } from 'react';
 import { type DatePickerCustomProps } from './DatePickerCustomProps.types';
 import 'react-datepicker/dist/react-datepicker.css';
 import './DatePickerCustom.scss';
-declare class DatePickerCustom extends Component<DatePickerCustomProps> {
-    constructor(props: DatePickerCustomProps);
-    componentDidMount(): void;
-    returnYears: (currentYear: number) => React.JSX.Element[];
-    handleChange: (date: Date) => void;
-    addDays: (date: any, days: any) => Date;
-    render(): React.JSX.Element;
-}
+declare const DatePickerCustom: FC<DatePickerCustomProps>;
 export default DatePickerCustom;

package/dist/esm/src/components/atoms/DatePickerCustom/DatePickerCustomProps.types.d.ts

@@ -11,5 +11,6 @@ export interface DatePickerCustomProps {
     isStartDate?: boolean;
     relatedDate?: Date;
     type?: string;
+    dateFormat?: string;
     onChange?: (dateObject: any) => void;
 }

package/dist/esm/src/components/atoms/ExpertCard/ExpertCard.d.ts

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

package/dist/esm/src/components/atoms/ExpertCard/ExpertCardProps.types.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export interface ExpertCardProps {
+    title: string;
+    description: string;
+    image: React.ReactNode;
+}

package/dist/esm/src/components/atoms/ExpertCard/__stories__/ExpertCard.stories.d.ts

@@ -0,0 +1,6 @@
+import { type Meta, type StoryObj } from '@storybook/react';
+import ExpertCard from '../ExpertCard';
+declare const meta: Meta<typeof ExpertCard>;
+export default meta;
+type Story = StoryObj<typeof ExpertCard>;
+export declare const Default: Story;

package/dist/esm/src/components/atoms/ExpertCard/index.d.ts

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

package/dist/esm/src/components/atoms/Tooltip/TooltipProps.types.d.ts

@@ -9,7 +9,7 @@ export interface TooltipProps {
     hideOnClick?: boolean | 'toggle';
     position?: 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'auto' | 'auto-start' | 'auto-end';
     trigger?: 'click' | 'focus' | 'focusin' | 'mouseenter' | 'mouseenter focus' | 'mouseenter click' | 'manual' | 'hover';
-    content?: React.ReactNode | string | any;
+    content?: any;
     children?: React.ReactElement<any>;
     onClick?: () => void;
     onClickOutside?: () => void;

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

@@ -12,6 +12,7 @@ export * from './DialogMenuIcon';
 export * from './Disclaimer';
 export * from './Divider';
 export * from './DocumentStatus';
+export * from './ExpertCard';
 export * from './FormFaq';
 export * from './GoogleButton';
 export * from './IconImage';

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

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

package/dist/esm/src/components/molecules/ExpertCardList/ExpertCardListProps.types.d.ts

@@ -0,0 +1,4 @@
+import { type ExpertCardProps } from '../../atoms/ExpertCard';
+export interface ExpertCardListProps {
+    contentExpertCard: ExpertCardProps[];
+}

package/dist/esm/src/components/molecules/ExpertCardList/__stories__/ExpertCardList.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import ExpertCardList from '../ExpertCardList';
+declare const meta: Meta<typeof ExpertCardList>;
+export default meta;
+type Story = StoryObj<typeof ExpertCardList>;
+export declare const Default: Story;

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

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

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

@@ -15,3 +15,4 @@ export * from './StepGetForm';
 export * from './TextInput';
 export * from './TooltipMenu';
 export * from './TrustworthyWebsites';
+export * from './ExpertCardList';

package/dist/esm/src/components/sections/ExpertsSection/ExpertsSection.d.ts

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

package/dist/esm/src/components/sections/ExpertsSection/ExpertsSectionProps.types.d.ts

@@ -0,0 +1,5 @@
+import { type ExpertCardListProps } from '../../molecules/ExpertCardList';
+export interface ExpertsSectionProps {
+    title: string;
+    contentExpertCardList: ExpertCardListProps;
+}

package/dist/esm/src/components/sections/ExpertsSection/__stories__/ExpertsSection.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import ExpertsSection from '../ExpertsSection';
+declare const meta: Meta<typeof ExpertsSection>;
+export default meta;
+type Story = StoryObj<typeof ExpertsSection>;
+export declare const Default: Story;

package/dist/esm/src/components/sections/ExpertsSection/index.d.ts

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

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import React$1, { FC, Component, ReactNode, MouseEventHandler, RefObject } from 'react';
+import React$1, { FC, ReactNode, MouseEventHandler, RefObject } from 'react';
 import { IGatsbyImageData } from 'gatsby-plugin-image';
 
 interface AddButtonProps {
@@ -131,17 +131,11 @@ interface DatePickerCustomProps {
     isStartDate?: boolean;
     relatedDate?: Date;
     type?: string;
+    dateFormat?: string;
     onChange?: (dateObject: any) => void;
 }
 
-declare class DatePickerCustom extends Component<DatePickerCustomProps> {
-    constructor(props: DatePickerCustomProps);
-    componentDidMount(): void;
-    returnYears: (currentYear: number) => React$1.JSX.Element[];
-    handleChange: (date: Date) => void;
-    addDays: (date: any, days: any) => Date;
-    render(): React$1.JSX.Element;
-}
+declare const DatePickerCustom: FC<DatePickerCustomProps>;
 
 interface DialogMenuIconProps {
     title?: string;
@@ -176,6 +170,14 @@ interface DocumentStatusProps {
 
 declare const DocumentStatus: FC<DocumentStatusProps>;
 
+interface ExpertCardProps {
+    title: string;
+    description: string;
+    image: React.ReactNode;
+}
+
+declare const ExpertCard: FC<ExpertCardProps>;
+
 interface FormFaqProps {
     title: string;
     answer: string;
@@ -392,7 +394,7 @@ interface TooltipProps {
     hideOnClick?: boolean | 'toggle';
     position?: 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'auto' | 'auto-start' | 'auto-end';
     trigger?: 'click' | 'focus' | 'focusin' | 'mouseenter' | 'mouseenter focus' | 'mouseenter click' | 'manual' | 'hover';
-    content?: React.ReactNode | string | any;
+    content?: any;
     children?: React.ReactElement<any>;
     onClick?: () => void;
     onClickOutside?: () => void;
@@ -646,6 +648,12 @@ interface ImageStructure {
 
 declare const TrustworthyWebsites: FC<TrustworthyWebsitesProps>;
 
+interface ExpertCardListProps {
+    contentExpertCard: ExpertCardProps[];
+}
+
+declare const ExpertCardList: FC<ExpertCardListProps>;
+
 interface ArticlesListProps {
     articles: ArticleProps[];
 }
@@ -744,4 +752,4 @@ declare function useIntersectionObserver({ options, defaultIntersecting }: {
     defaultIntersecting?: boolean | undefined;
 }): [RefObject<HTMLDivElement | HTMLHeadElement>, boolean];
 
-export { AboutUsContent, AboutUsContentProps, AboutUsSection, AboutUsSectionProps, AddButton, AddButtonProps, Article, ArticleProps, ArticlesList, ArticlesListProps, AsSeeInContent, AsSeeInContentProps, AsSeeInSection, AsSeeInSectionProps, BaseBox, BaseBoxList, BaseBoxListProps, BaseBoxProps, BillCard, BillCardProps, BlogSection, BlogSectionProps, BottomFixedBar, BottomFixedBarProps, BottomOverlay, BottomOverlayMenu, BottomOverlayMenuProps, BottomOverlayProps, BoxForm, BoxFormProps, BreadcrumItem, BreadcrumItemProps, Breadcrumb, BreadcrumbProps, Button, ButtonIcon, ButtonIconProps, ButtonProps, CardPane, CardPaneInfoProps, CardPaneProps, Checkbox, CheckboxProps, ContactBox, ContactBoxProps, DatePickerCustom, DatePickerCustomProps, DialogMenuIcon, DialogMenuIconProps, Disclaimer, DisclaimerProps, Divider, DividerProps, DocumentStatus, DocumentStatusProps, Feedback, FeedbackProps, FormFaq, FormFaqProps, GoogleButton, GoogleButtonProps, GuidelinesContent, GuidelinesContentProps, GuidelinesSection, GuidelinesSectionProps, HowGetYourFormsSection, HowGetYourFormsSectionProps, IconImage, IconImageProps, ImageStructure, InfoBox, InfoBoxProps, ListStepsGetForm, ListStepsGetFormProps, LogoText, LogoTextProps, MenuItemProps, MenuItems, MenuItemsSection, MenuItemsSectionProps, Message, MessageProps, MobileBottomBar, MobileBottomBarProps, NavBarDropDown, NavBarDropDownProps, Pagination, PaginationProps, PaypalButton, PaypalButtonProps, PricingCard, PricingCardProps, ProgressBar, ProgressBarProps, Radio, RadioProps, RemoveButton, RemoveButtonProps, RichTextInner, RichTextInnerProps, RichTextMedia, RichTextStrapi, RichTextStrapiProps, SearchSelect, SearchSelectProps, SideMenuTabProps, SidemenuTab, Snackbar, SnackbarProps, Spinner, SpinnerProps, StepGetForm, StepGetFormProps, TextArea, TextAreaProps, TextInput, TextInputProps, Toggle, ToggleProps, Tooltip, TooltipMenu, TooltipMenuProps, TooltipProps, TopBar, TopBarMobile, TopBarProps, TrustworthyWebsites, TrustworthyWebsitesProps, TryOurFreeLegalBlogsContent, TryOurFreeLegalBlogsContentProps, TryOurFreeLegalBlogsSection, TryOurFreeLegalBlogsSectionProps, WideInfoBar, useIntersectionObserver };
+export { AboutUsContent, AboutUsContentProps, AboutUsSection, AboutUsSectionProps, AddButton, AddButtonProps, Article, ArticleProps, ArticlesList, ArticlesListProps, AsSeeInContent, AsSeeInContentProps, AsSeeInSection, AsSeeInSectionProps, BaseBox, BaseBoxList, BaseBoxListProps, BaseBoxProps, BillCard, BillCardProps, BlogSection, BlogSectionProps, BottomFixedBar, BottomFixedBarProps, BottomOverlay, BottomOverlayMenu, BottomOverlayMenuProps, BottomOverlayProps, BoxForm, BoxFormProps, BreadcrumItem, BreadcrumItemProps, Breadcrumb, BreadcrumbProps, Button, ButtonIcon, ButtonIconProps, ButtonProps, CardPane, CardPaneInfoProps, CardPaneProps, Checkbox, CheckboxProps, ContactBox, ContactBoxProps, DatePickerCustom, DatePickerCustomProps, DialogMenuIcon, DialogMenuIconProps, Disclaimer, DisclaimerProps, Divider, DividerProps, DocumentStatus, DocumentStatusProps, ExpertCard, ExpertCardList, ExpertCardListProps, ExpertCardProps, Feedback, FeedbackProps, FormFaq, FormFaqProps, GoogleButton, GoogleButtonProps, GuidelinesContent, GuidelinesContentProps, GuidelinesSection, GuidelinesSectionProps, HowGetYourFormsSection, HowGetYourFormsSectionProps, IconImage, IconImageProps, ImageStructure, InfoBox, InfoBoxProps, ListStepsGetForm, ListStepsGetFormProps, LogoText, LogoTextProps, MenuItemProps, MenuItems, MenuItemsSection, MenuItemsSectionProps, Message, MessageProps, MobileBottomBar, MobileBottomBarProps, NavBarDropDown, NavBarDropDownProps, Pagination, PaginationProps, PaypalButton, PaypalButtonProps, PricingCard, PricingCardProps, ProgressBar, ProgressBarProps, Radio, RadioProps, RemoveButton, RemoveButtonProps, RichTextInner, RichTextInnerProps, RichTextMedia, RichTextStrapi, RichTextStrapiProps, SearchSelect, SearchSelectProps, SideMenuTabProps, SidemenuTab, Snackbar, SnackbarProps, Spinner, SpinnerProps, StepGetForm, StepGetFormProps, TextArea, TextAreaProps, TextInput, TextInputProps, Toggle, ToggleProps, Tooltip, TooltipMenu, TooltipMenuProps, TooltipProps, TopBar, TopBarMobile, TopBarProps, TrustworthyWebsites, TrustworthyWebsitesProps, TryOurFreeLegalBlogsContent, TryOurFreeLegalBlogsContentProps, TryOurFreeLegalBlogsSection, TryOurFreeLegalBlogsSectionProps, WideInfoBar, useIntersectionObserver };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@npm_leadtech/legal-lib-components",
-  "version": "2.11.0",
+  "version": "2.11.3",
   "dependencies": {
     "@testing-library/jest-dom": "^5.16.5",
     "@tippyjs/react": "4.2.6",
@@ -142,5 +142,10 @@
     "reportPath": "coverage",
     "reportFile": "test-reporter.xml",
     "indent": 4
+  },
+  "resolutions": {
+    "strip-ansi": "^6.0.1",
+    "string-width": "^4.2.2",
+    "wrap-ansi": "^7.0.0"
   }
 }