@npm_leadtech/legal-lib-components 2.15.12 → 2.15.14

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

@@ -2838,6 +2838,32 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
     .trustpilot {
       margin: 3rem auto; } }
 
+.why-LawDistrictItems {
+  max-width: 960px;
+  display: flex;
+  justify-content: center;
+  margin: 0 auto;
+  flex-flow: row wrap;
+  padding: 0 0 1.5rem 0; }
+  @media (min-width: 720px) {
+    .why-LawDistrictItems {
+      justify-content: space-between;
+      padding: 0 1rem; } }
+  .why-LawDistrictItems__item {
+    max-width: 100%;
+    color: var(--neutral-neutral-2);
+    margin-bottom: 1rem;
+    padding: 0 1rem; }
+    @media (min-width: 720px) {
+      .why-LawDistrictItems__item {
+        padding: 2rem 0;
+        max-width: calc(100% / 3 - 1.5rem); } }
+    .why-LawDistrictItems__item:first-child {
+      margin-top: 2rem; }
+      @media (min-width: 720px) {
+        .why-LawDistrictItems__item:first-child {
+          margin-top: 0; } }
+
 .article {
   display: flex;
   flex-flow: row wrap;
@@ -3746,6 +3772,35 @@ 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;

package/dist/cjs/src/components/atoms/WhyLawDistrictItems/WhyLawDistrictItems.d.ts

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

package/dist/cjs/src/components/atoms/WhyLawDistrictItems/WhyLawDistrictItemsProps.types.d.ts

@@ -0,0 +1,7 @@
+export interface WhyLawDistrictItemsProps {
+    items: WhyLawDistrictItem[];
+}
+export interface WhyLawDistrictItem {
+    reasons: string;
+    id: string;
+}

package/dist/cjs/src/components/atoms/WhyLawDistrictItems/__stories__/WhyLawDistrictItems.stories.d.ts

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

package/dist/cjs/src/components/atoms/WhyLawDistrictItems/__tests__/WhyLawDistrictItems.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/src/components/atoms/WhyLawDistrictItems/index.d.ts

@@ -0,0 +1,3 @@
+export { default as WhyLawDistrictItems } from './WhyLawDistrictItems';
+export { type WhyLawDistrictItemsProps } from './WhyLawDistrictItemsProps.types';
+export { type WhyLawDistrictItem } from './WhyLawDistrictItemsProps.types';

package/dist/cjs/src/components/atoms/index.d.ts

@@ -38,3 +38,4 @@ export * from './TopBar';
 export * from './TopBarMobile';
 export * from './WideInfoBar';
 export * from './TrustPilot';
+export * from './WhyLawDistrictItems';

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

@@ -0,0 +1,5 @@
+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/WhyLawDistrictProps.types.d.ts

@@ -0,0 +1,12 @@
+import { type WhyLawDistrictItem } from '../../atoms';
+export interface WhyLawDistrictProps {
+    title: string;
+    items: WhyLawDistrictItem[];
+    userActive: boolean;
+    link: {
+        cta: string;
+        url: string;
+        onClick: () => void;
+        dataQa: string;
+    };
+}

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

@@ -0,0 +1,7 @@
+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/__tests__/WhyLawDistrict.test.d.ts

@@ -0,0 +1 @@
+export {};

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

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

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

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