@npm_leadtech/legal-lib-components 2.11.1 → 2.11.4

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;
@@ -3629,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;
@@ -3942,3 +3984,16 @@ html[data-theme='uslawdistricts'] {
     line-height: 42px;
     letter-spacing: -0.3px;
     margin: 1rem 0; }
+
+.experts-section {
+  display: flex;
+  justify-content: center;
+  flex-direction: column; }
+  .experts-section__title {
+    font-family: Lora;
+    font-size: 32px;
+    font-weight: 400;
+    line-height: 42px;
+    letter-spacing: -0.3px;
+    text-align: center;
+    margin-bottom: 3rem; }

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

@@ -4,3 +4,4 @@ export * from './TryOurFreeLegalBlogsSection';
 export * from './AboutUsSection';
 export * from './GuidelinesSection';
 export * from './AsSeeInSection';
+export * from './ExpertsSection';

package/dist/index.d.ts

@@ -170,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;
@@ -640,6 +648,12 @@ interface ImageStructure {
 
 declare const TrustworthyWebsites: FC<TrustworthyWebsitesProps>;
 
+interface ExpertCardListProps {
+    contentExpertCard: ExpertCardProps[];
+}
+
+declare const ExpertCardList: FC<ExpertCardListProps>;
+
 interface ArticlesListProps {
     articles: ArticleProps[];
 }
@@ -733,9 +747,16 @@ interface AsSeeInSectionProps {
 
 declare const AsSeeInSection: FC<AsSeeInSectionProps>;
 
+interface ExpertsSectionProps {
+    title: string;
+    contentExpertCardList: ExpertCardListProps;
+}
+
+declare const ExpertsSection: FC<ExpertsSectionProps>;
+
 declare function useIntersectionObserver({ options, defaultIntersecting }: {
     options?: {} | undefined;
     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, ExpertsSection, ExpertsSectionProps, 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.1",
+  "version": "2.11.4",
   "dependencies": {
     "@testing-library/jest-dom": "^5.16.5",
     "@tippyjs/react": "4.2.6",