@npm_leadtech/legal-lib-components 2.4.0 → 2.5.2

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

@@ -2480,7 +2480,6 @@
 .bottom-fixed-bar {
   padding: 0 1.5rem 1rem;
   display: flex;
-  position: fixed;
   z-index: 3;
   bottom: 0;
   flex-direction: column;
@@ -3509,3 +3508,52 @@
     @media (min-width: 960px) {
       .about-us-section__sub-title {
         font-size: 3rem; } }
+
+.guidelines-section {
+  display: flex;
+  flex-direction: column; }
+  @media (min-width: 720px) {
+    .guidelines-section {
+      flex-flow: row nowrap; } }
+  .guidelines-section__texts {
+    flex-basis: 50%;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    margin-bottom: 1rem;
+    margin-right: 0;
+    color: #3D4042;
+    font-style: normal;
+    font-weight: 400;
+    letter-spacing: -0.3px; }
+    @media (min-width: 720px) {
+      .guidelines-section__texts {
+        margin-left: 3rem;
+        margin-bottom: 0; } }
+    .guidelines-section__texts__title {
+      font-family: "Lora", serif;
+      font-size: 28px;
+      line-height: 42px;
+      margin-bottom: 2rem;
+      text-align: center; }
+      @media (min-width: 720px) {
+        .guidelines-section__texts__title {
+          text-align: left; } }
+    .guidelines-section__texts__body {
+      font-family: "Inter", sans-serif;
+      font-size: 16px;
+      line-height: 22px; }
+      .guidelines-section__texts__body a {
+        color: #078080; }
+  .guidelines-section__image {
+    flex-basis: 50%; }
+    .guidelines-section__image.big-devices {
+      display: none; }
+      @media (min-width: 720px) {
+        .guidelines-section__image.big-devices {
+          display: flex; } }
+    .guidelines-section__image.is-mobile {
+      display: flex; }
+      @media (min-width: 720px) {
+        .guidelines-section__image.is-mobile {
+          display: none; } }

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

@@ -1,13 +1,13 @@
-import { Component } from 'react';
+import React, { Component } 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) => JSX.Element[];
+    returnYears: (currentYear: number) => React.JSX.Element[];
     handleChange: (date: Date) => void;
     addDays: (date: any, days: any) => Date;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default DatePickerCustom;

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

@@ -1,3 +1,4 @@
+import React from 'react';
 declare const _default: {
     component: {
         ({ id, getVariant, children, defaultValue }: {
@@ -15,6 +16,6 @@ declare const _default: {
     title: string;
 };
 export default _default;
-export declare const Default: (args: any) => JSX.Element;
-export declare const VariantA: (args: any) => JSX.Element;
-export declare const VariantB: (args: any) => JSX.Element;
+export declare const Default: (args: any) => React.JSX.Element;
+export declare const VariantA: (args: any) => React.JSX.Element;
+export declare const VariantB: (args: any) => React.JSX.Element;

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

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

package/dist/esm/src/components/sections/GuidelinesSection/GuidelinesSectionProps.types.d.ts

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

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

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

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

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

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

@@ -2,3 +2,4 @@ export * from './BlogSection';
 export * from './HowGetYourFormsSection';
 export * from './TryOurFreeLegalBlogsSection';
 export * from './AboutUsSection';
+export * from './GuidelinesSection';

package/dist/index.d.ts

@@ -131,10 +131,10 @@ interface DatePickerCustomProps {
 declare class DatePickerCustom extends Component<DatePickerCustomProps> {
     constructor(props: DatePickerCustomProps);
     componentDidMount(): void;
-    returnYears: (currentYear: number) => JSX.Element[];
+    returnYears: (currentYear: number) => React$1.JSX.Element[];
     handleChange: (date: Date) => void;
     addDays: (date: any, days: any) => Date;
-    render(): JSX.Element;
+    render(): React$1.JSX.Element;
 }
 
 interface DialogMenuIconProps {
@@ -644,4 +644,12 @@ interface AboutUsSectionProps {
 
 declare const AboutUsSection: FC<AboutUsSectionProps>;
 
-export { AboutUsSection, AboutUsSectionProps, AddButton, AddButtonProps, Article, ArticleProps, ArticlesList, ArticlesListProps, 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, HowGetYourFormsSection, HowGetYourFormsSectionProps, IconImage, IconImageProps, InfoBox, InfoBoxProps, ListStepsGetForm, ListStepsGetFormProps, LogoText, LogoTextProps, MenuItemProps, MenuItems, MenuItemsSection, MenuItemsSectionProps, Message, MessageProps, MobileBottomBar, MobileBottomBarProps, Pagination, PaginationProps, PaypalButton, PaypalButtonProps, PricingCard, PricingCardProps, ProgressBar, ProgressBarProps, Radio, RadioProps, RemoveButton, RemoveButtonProps, RichTextInner, RichTextInnerProps, SearchSelect, SearchSelectProps, SideMenuTabProps, SidemenuTab, Snackbar, SnackbarProps, Spinner, SpinnerProps, StepGetForm, StepGetFormProps, TextArea, TextAreaProps, TextInput, TextInputProps, Toggle, ToggleProps, Tooltip, TooltipMenu, TooltipMenuProps, TooltipProps, TopBar, TopBarProps, TryOurFreeLegalBlogsSection, TryOurFreeLegalBlogsSectionProps };
+interface GuidelinesSectionProps {
+    title: string;
+    image: React.ReactNode;
+    children?: string | React.ReactNode;
+}
+
+declare const GuidelinesSection: FC<GuidelinesSectionProps>;
+
+export { AboutUsSection, AboutUsSectionProps, AddButton, AddButtonProps, Article, ArticleProps, ArticlesList, ArticlesListProps, 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, GuidelinesSection, GuidelinesSectionProps, HowGetYourFormsSection, HowGetYourFormsSectionProps, IconImage, IconImageProps, InfoBox, InfoBoxProps, ListStepsGetForm, ListStepsGetFormProps, LogoText, LogoTextProps, MenuItemProps, MenuItems, MenuItemsSection, MenuItemsSectionProps, Message, MessageProps, MobileBottomBar, MobileBottomBarProps, Pagination, PaginationProps, PaypalButton, PaypalButtonProps, PricingCard, PricingCardProps, ProgressBar, ProgressBarProps, Radio, RadioProps, RemoveButton, RemoveButtonProps, RichTextInner, RichTextInnerProps, SearchSelect, SearchSelectProps, SideMenuTabProps, SidemenuTab, Snackbar, SnackbarProps, Spinner, SpinnerProps, StepGetForm, StepGetFormProps, TextArea, TextAreaProps, TextInput, TextInputProps, Toggle, ToggleProps, Tooltip, TooltipMenu, TooltipMenuProps, TooltipProps, TopBar, TopBarProps, TryOurFreeLegalBlogsSection, TryOurFreeLegalBlogsSectionProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@npm_leadtech/legal-lib-components",
-  "version": "2.4.0",
+  "version": "2.5.2",
   "dependencies": {
     "@testing-library/jest-dom": "^5.16.5",
     "@tippyjs/react": "4.2.6",