@npm_leadtech/legal-lib-components 2.15.14 → 2.15.15

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

@@ -2838,7 +2838,7 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
     .trustpilot {
       margin: 3rem auto; } }
 
-.why-LawDistrictItems {
+.whyLawDistrictItems {
   max-width: 960px;
   display: flex;
   justify-content: center;
@@ -2846,22 +2846,22 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
   flex-flow: row wrap;
   padding: 0 0 1.5rem 0; }
   @media (min-width: 720px) {
-    .why-LawDistrictItems {
+    .whyLawDistrictItems {
       justify-content: space-between;
       padding: 0 1rem; } }
-  .why-LawDistrictItems__item {
+  .whyLawDistrictItems__item {
     max-width: 100%;
     color: var(--neutral-neutral-2);
     margin-bottom: 1rem;
     padding: 0 1rem; }
     @media (min-width: 720px) {
-      .why-LawDistrictItems__item {
+      .whyLawDistrictItems__item {
         padding: 2rem 0;
         max-width: calc(100% / 3 - 1.5rem); } }
-    .why-LawDistrictItems__item:first-child {
+    .whyLawDistrictItems__item:first-child {
       margin-top: 2rem; }
       @media (min-width: 720px) {
-        .why-LawDistrictItems__item:first-child {
+        .whyLawDistrictItems__item:first-child {
           margin-top: 0; } }
 
 .article {
@@ -3772,35 +3772,6 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
     .expert-card-list {
       flex-direction: row; } }
 
-.why-lawDistrict {
-  text-align: center;
-  background-color: var(--neutral-neutral-6);
-  margin-bottom: 3rem;
-  width: 100%;
-  padding-bottom: 2rem;
-  display: flex;
-  flex-direction: column; }
-  @media (min-width: 720px) {
-    .why-lawDistrict {
-      padding-bottom: 0rem;
-      display: block; } }
-  .why-lawDistrict.wrapper {
-    margin-top: -11rem;
-    padding: 0 1rem; }
-  @media (min-width: 960px) {
-    .why-lawDistrict__title {
-      padding: 0; } }
-  .why-lawDistrict__button {
-    display: flex;
-    justify-content: center;
-    width: 80%;
-    margin-bottom: 1rem; }
-    @media (min-width: 720px) {
-      .why-lawDistrict__button {
-        margin-bottom: 3.5rem;
-        display: inline-block;
-        width: auto; } }
-
 .articles_wrapper {
   display: flex;
   flex-direction: column;
@@ -4148,3 +4119,29 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
     line-height: 42px;
     letter-spacing: -0.3px;
     text-align: center; }
+
+.whyLawDistrictSection {
+  text-align: center;
+  background-color: var(--neutral-neutral-6);
+  margin-bottom: 3rem;
+  width: 100%;
+  padding-bottom: 2rem;
+  display: flex;
+  flex-direction: column; }
+  @media (min-width: 720px) {
+    .whyLawDistrictSection {
+      padding-bottom: 0rem;
+      display: block; } }
+  @media (min-width: 960px) {
+    .whyLawDistrictSection__title {
+      padding: 0; } }
+  .whyLawDistrictSection__button {
+    display: flex;
+    justify-content: center;
+    width: 80%;
+    margin-bottom: 1rem; }
+    @media (min-width: 720px) {
+      .whyLawDistrictSection__button {
+        margin-bottom: 3.5rem;
+        display: inline-block;
+        width: auto; } }

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

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

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

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

package/dist/{cjs/src/components/molecules/WhyLawDistrict/WhyLawDistrictProps.types.d.ts → esm/src/components/sections/WhyLawDistrictSection/WhyLawDistrictSectionProps.types.d.ts}

@@ -1,5 +1,5 @@
 import { type WhyLawDistrictItem } from '../../atoms';
-export interface WhyLawDistrictProps {
+export interface WhyLawDistrictSectionProps {
     title: string;
     items: WhyLawDistrictItem[];
     userActive: boolean;

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

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

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

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

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

@@ -6,3 +6,4 @@ export * from './GuidelinesSection';
 export * from './AsSeeInSection';
 export * from './ExpertsSection';
 export * from './PeopleSayAboutUsSection';
+export * from './WhyLawDistrictSection';

package/dist/index.d.ts

@@ -703,20 +703,6 @@ interface ExpertCardListProps {
 
 declare const ExpertCardList: FC<ExpertCardListProps>;
 
-interface WhyLawDistrictProps {
-    title: string;
-    items: WhyLawDistrictItem[];
-    userActive: boolean;
-    link: {
-        cta: string;
-        url: string;
-        onClick: () => void;
-        dataQa: string;
-    };
-}
-
-declare const WhyLawDistrict: React$1.FC<WhyLawDistrictProps>;
-
 interface ArticlesListProps {
     articles: ArticleProps[];
 }
@@ -825,9 +811,23 @@ interface PeopleSayAboutUsSectionProps {
 
 declare const PeopleSayAboutUsSection: FC<PeopleSayAboutUsSectionProps>;
 
+interface WhyLawDistrictSectionProps {
+    title: string;
+    items: WhyLawDistrictItem[];
+    userActive: boolean;
+    link: {
+        cta: string;
+        url: string;
+        onClick: () => void;
+        dataQa: string;
+    };
+}
+
+declare const WhyLawDistrictSection: React$1.FC<WhyLawDistrictSectionProps>;
+
 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, ExpertCard, ExpertCardList, ExpertCardListProps, ExpertCardProps, ExpertsSection, ExpertsSectionProps, Feedback, FeedbackProps, FormFaq, FormFaqProps, GoogleButton, GoogleButtonProps, GuidelinesContent, GuidelinesContentProps, GuidelinesSection, GuidelinesSectionProps, HowGetYourFormsSection, HowGetYourFormsSectionProps, IconImage, IconImageProps, IconSvgURLWithThemeColor, IconSvgURLWithThemeColorProps, ImageStructure, InfoBox, InfoBoxProps, ListStepsGetForm, ListStepsGetFormProps, Logo, LogoProps, LogoText, LogoTextProps, MenuItemProps, MenuItems, MenuItemsSection, MenuItemsSectionProps, MenuPlacement, Message, MessageProps, MobileBottomBar, MobileBottomBarProps, NavBarDropDown, NavBarDropDownProps, Pagination, PaginationProps, PaypalButton, PaypalButtonProps, PeopleSayAboutUsSection, PeopleSayAboutUsSectionProps, 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, Trustpilot as TrustPilot, TrustPilotProps, TrustworthyWebsites, TrustworthyWebsitesProps, TryOurFreeLegalBlogsContent, TryOurFreeLegalBlogsContentProps, TryOurFreeLegalBlogsSection, TryOurFreeLegalBlogsSectionProps, WhyLawDistrict, WhyLawDistrictItem, WhyLawDistrictItems, WhyLawDistrictItemsProps, WhyLawDistrictProps, 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, IconSvgURLWithThemeColor, IconSvgURLWithThemeColorProps, ImageStructure, InfoBox, InfoBoxProps, ListStepsGetForm, ListStepsGetFormProps, Logo, LogoProps, LogoText, LogoTextProps, MenuItemProps, MenuItems, MenuItemsSection, MenuItemsSectionProps, MenuPlacement, Message, MessageProps, MobileBottomBar, MobileBottomBarProps, NavBarDropDown, NavBarDropDownProps, Pagination, PaginationProps, PaypalButton, PaypalButtonProps, PeopleSayAboutUsSection, PeopleSayAboutUsSectionProps, 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, Trustpilot as TrustPilot, TrustPilotProps, TrustworthyWebsites, TrustworthyWebsitesProps, TryOurFreeLegalBlogsContent, TryOurFreeLegalBlogsContentProps, TryOurFreeLegalBlogsSection, TryOurFreeLegalBlogsSectionProps, WhyLawDistrictItem, WhyLawDistrictItems, WhyLawDistrictItemsProps, WhyLawDistrictSection, WhyLawDistrictSectionProps, WideInfoBar, useIntersectionObserver };

package/package.json

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

package/dist/cjs/src/components/molecules/WhyLawDistrict/WhyLawDistrict.d.ts

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

package/dist/cjs/src/components/molecules/WhyLawDistrict/__stories__/WhyLawDistrict.stories.d.ts

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

package/dist/cjs/src/components/molecules/WhyLawDistrict/index.d.ts

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

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

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

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

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

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

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