@npm_leadtech/legal-lib-components 2.11.0 → 2.11.3

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