@npm_leadtech/legal-lib-components 2.11.1 → 2.11.4

package/dist/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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';