@npm_leadtech/legal-lib-components 2.11.19 → 2.12.1

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

@@ -696,23 +696,12 @@ html[data-theme='lawdistrict'] .e-button.--primary-3 {
       border-radius: 4px; }
     .e-checkbox input:not(:checked) + label:after,
     .e-checkbox input:checked + label:after {
-      background-color: currentColor;
-      content: "";
-      padding: 0 0.5em;
-      margin: 0 0.125rem;
-      -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg width%3D%2216px%22 height%3D%2216px%22 viewBox%3D%220 0 16 16%22 version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E    %3C!-- Generator%3A sketchtool 60 (101010) - https%3A%2F%2Fsketch.com --%3E    %3Ctitle%3EA726BA30-305F-468D-ADB2-E35785BB1EB9_outlined%3C%2Ftitle%3E    %3Cdesc%3ECreated with sketchtool.%3C%2Fdesc%3E    %3Cdefs%3E        %3Cpolygon id%3D%22path-1%22 points%3D%225.86666678 10.5999999 3.06666672 7.80000001 2.13333337 8.73333331 5.86666678 12.4666665 13.866667 4.46666677 12.9333336 3.53333346%22%3E%3C%2Fpolygon%3E    %3C%2Fdefs%3E    %3Cg id%3D%22Asset-Artboard-Page%22 stroke%3D%22none%22 stroke-width%3D%221%22 fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E        %3Cg id%3D%22icon%2Fdone_24px%22%3E            %3Cmask id%3D%22mask-2%22 fill%3D%22white%22%3E                %3Cuse xlink%3Ahref%3D%22%23path-1%22%3E%3C%2Fuse%3E            %3C%2Fmask%3E            %3Cg id%3D%22icon%2Faction%2Fdone_24px%22 fill-rule%3D%22nonzero%22%3E%3C%2Fg%3E            %3Cg id%3D%22%E2%86%B3-Color-Color-%2F-Icons-%2F-Neutrals-%2F-White%22 mask%3D%22url(%23mask-2)%22 fill%3D%22%2305646E%22%3E                %3Crect id%3D%22Rectangle%22 x%3D%220%22 y%3D%220%22 width%3D%2216%22 height%3D%2216%22%3E%3C%2Frect%3E            %3C%2Fg%3E        %3C%2Fg%3E    %3C%2Fg%3E%3C%2Fsvg%3E");
-      mask-image: url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg width%3D%2216px%22 height%3D%2216px%22 viewBox%3D%220 0 16 16%22 version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E    %3C!-- Generator%3A sketchtool 60 (101010) - https%3A%2F%2Fsketch.com --%3E    %3Ctitle%3EA726BA30-305F-468D-ADB2-E35785BB1EB9_outlined%3C%2Ftitle%3E    %3Cdesc%3ECreated with sketchtool.%3C%2Fdesc%3E    %3Cdefs%3E        %3Cpolygon id%3D%22path-1%22 points%3D%225.86666678 10.5999999 3.06666672 7.80000001 2.13333337 8.73333331 5.86666678 12.4666665 13.866667 4.46666677 12.9333336 3.53333346%22%3E%3C%2Fpolygon%3E    %3C%2Fdefs%3E    %3Cg id%3D%22Asset-Artboard-Page%22 stroke%3D%22none%22 stroke-width%3D%221%22 fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E        %3Cg id%3D%22icon%2Fdone_24px%22%3E            %3Cmask id%3D%22mask-2%22 fill%3D%22white%22%3E                %3Cuse xlink%3Ahref%3D%22%23path-1%22%3E%3C%2Fuse%3E            %3C%2Fmask%3E            %3Cg id%3D%22icon%2Faction%2Fdone_24px%22 fill-rule%3D%22nonzero%22%3E%3C%2Fg%3E            %3Cg id%3D%22%E2%86%B3-Color-Color-%2F-Icons-%2F-Neutrals-%2F-White%22 mask%3D%22url(%23mask-2)%22 fill%3D%22%2305646E%22%3E                %3Crect id%3D%22Rectangle%22 x%3D%220%22 y%3D%220%22 width%3D%2216%22 height%3D%2216%22%3E%3C%2Frect%3E            %3C%2Fg%3E        %3C%2Fg%3E    %3C%2Fg%3E%3C%2Fsvg%3E");
-      -webkit-mask-repeat: no-repeat;
-      mask-repeat: no-repeat;
-      -webkit-mask-position: center;
-      mask-position: center;
-      clip-path: padding-box inset(0.28125em 0);
+      content: url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg width%3D%2216px%22 height%3D%2216px%22 viewBox%3D%220 0 16 16%22 version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E    %3C!-- Generator%3A sketchtool 60 (101010) - https%3A%2F%2Fsketch.com --%3E    %3Ctitle%3EA726BA30-305F-468D-ADB2-E35785BB1EB9_outlined%3C%2Ftitle%3E    %3Cdesc%3ECreated with sketchtool.%3C%2Fdesc%3E    %3Cdefs%3E        %3Cpolygon id%3D%22path-1%22 points%3D%225.86666678 10.5999999 3.06666672 7.80000001 2.13333337 8.73333331 5.86666678 12.4666665 13.866667 4.46666677 12.9333336 3.53333346%22%3E%3C%2Fpolygon%3E    %3C%2Fdefs%3E    %3Cg id%3D%22Asset-Artboard-Page%22 stroke%3D%22none%22 stroke-width%3D%221%22 fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E        %3Cg id%3D%22icon%2Fdone_24px%22%3E            %3Cmask id%3D%22mask-2%22 fill%3D%22white%22%3E                %3Cuse xlink%3Ahref%3D%22%23path-1%22%3E%3C%2Fuse%3E            %3C%2Fmask%3E            %3Cg id%3D%22icon%2Faction%2Fdone_24px%22 fill-rule%3D%22nonzero%22%3E%3C%2Fg%3E            %3Cg id%3D%22%E2%86%B3-Color-Color-%2F-Icons-%2F-Neutrals-%2F-White%22 mask%3D%22url(%23mask-2)%22 fill%3D%22%2305646E%22%3E                %3Crect id%3D%22Rectangle%22 x%3D%220%22 y%3D%220%22 width%3D%2216%22 height%3D%2216%22%3E%3C%2Frect%3E            %3C%2Fg%3E        %3C%2Fg%3E    %3C%2Fg%3E%3C%2Fsvg%3E");
+      top: 3px;
+      left: .3rem;
       position: absolute;
-      width: 20px;
-      height: 20px;
-      left: 0.09rem;
-      top: 2px;
-      color: var(--primary-main); }
+      width: 1.5rem;
+      transition: all 0.2s; }
   .e-checkbox input:not(:checked) + label:after {
     opacity: 0;
     transform: scale(0);
@@ -1672,20 +1661,6 @@ html[data-theme='lawdistrict'] .e-button.--primary-3 {
     text-align: center;
     margin: 0 0.75rem; }
 
-html[data-theme='lawdistrict'] .document-status.--in-progress {
-  background-color: var(--secondary-main-light-4);
-  border-color: var(--secondary-main-dark-1);
-  color: var(--secondary-main-dark-2); }
-  html[data-theme='lawdistrict'] .document-status.--in-progress svg g > g {
-    fill: var(--secondary-main-dark-2); }
-
-html[data-theme='lawdistrict'] .document-status.--is-new {
-  background-color: var(--secondary-main-dark-2);
-  border-color: var(--secondary-main);
-  color: var(--secondary-main-light-4); }
-  html[data-theme='lawdistrict'] .document-status.--is-new .icon {
-    margin-right: 1.4rem; }
-
 .document-status {
   font-family: "Inter", sans-serif;
   border-radius: 4px;
@@ -1711,17 +1686,13 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
     background-color: var(--primary-main-light-5);
     border-color: var(--primary-main-light-3);
     color: var(--primary-main); }
-    .document-status.--is-completed svg path {
-      fill: var(--primary-main); }
   .document-status.--in-progress {
-    background-color: var(--neutral-neutral-5);
-    border-color: var(--neutral-neutral-3);
-    color: var(--neutral-neutral-1); }
-    .document-status.--in-progress svg g > g {
-      fill: var(--neutral-neutral-1); }
+    background-color: var(--secondary-main-light-4);
+    border-color: var(--secondary-main-dark-1);
+    color: var(--secondary-main-dark-2); }
   .document-status.--is-new {
-    background-color: var(--primary-main-dark-1);
-    border-color: var(--primary-main);
+    background-color: var(--secondary-main-dark-2);
+    border-color: var(--secondary-main);
     color: var(--secondary-main-light-4); }
     .document-status.--is-new .icon {
       margin-right: 1.4rem; }
@@ -2185,11 +2156,11 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
       width: 100%;
       cursor: pointer;
       transition: all .3s ease;
-      background-color: var(--primary-main);
+      background-color: var(--primary-main-light-1);
       text-align: center;
       padding: 10px; }
       .e-radio.--tabs input:checked + label:hover {
-        background-color: var(--primary-main); }
+        background-color: var(--primary-main-light-1); }
     .e-radio.--tabs input:not(:checked) + label {
       text-align: center;
       width: 100%;
@@ -2233,11 +2204,11 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
       width: 100%;
       cursor: pointer;
       transition: all .3s ease;
-      background-color: var(--primary-main);
+      background-color: var(--primary-main-light-1);
       text-align: center;
       padding: 10px; }
       .e-radio.--tabs:not(.--icons) input:checked + label:hover {
-        background-color: var(--primary-main); }
+        background-color: var(--primary-main-light-1); }
     .e-radio.--tabs:not(.--icons) input:not(:checked) + label {
       text-align: center;
       width: 100%;
@@ -2820,6 +2791,13 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
       .wide-info-bar__wrapper {
         padding: 0.5rem 2rem; } }
 
+.trustpilot {
+  margin: auto;
+  padding: 0 1rem; }
+  @media (min-width: 720px) {
+    .trustpilot {
+      margin: 3rem auto; } }
+
 .article {
   display: flex;
   flex-flow: row wrap;
@@ -3788,9 +3766,7 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
     outline: none;
     display: flex;
     align-items: center;
-    justify-content: center;
-    background-color: var(--primary-main);
-    border-color: var(--primary-main); }
+    justify-content: center; }
     .mobile-bottom-bar .e-button:hover {
       cursor: pointer; }
     .mobile-bottom-bar .e-button svg {
@@ -4063,3 +4039,16 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
     @media (min-width: 720px) {
       .experts-section__title {
         width: 100%; } }
+
+.people-say {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: center; }
+  .people-say__title {
+    font-family: Lora;
+    font-size: 32px;
+    font-weight: 400;
+    line-height: 42px;
+    letter-spacing: -0.3px;
+    text-align: center; }

package/dist/cjs/src/components/atoms/Disclaimer/DisclaimerProps.types.d.ts

@@ -1,7 +1,6 @@
 export interface DisclaimerProps {
     text?: string;
     disclaimerLinks?: boolean;
-    linksUrl?: string;
+    environment?: string;
     givenClass?: string;
-    siteUrl?: string;
 }

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

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

package/dist/cjs/src/components/atoms/TrustPilot/TrustPilotProps.types.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export interface TrustPilotProps {
+    children: React.ReactNode;
+}

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

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

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

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

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

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

package/dist/cjs/src/components/sections/PeopleSayAboutUsSection/PeopleSayAboutUsSection.d.ts

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

package/dist/cjs/src/components/sections/PeopleSayAboutUsSection/PeopleSayAboutUsSectionProps.types.d.ts

@@ -0,0 +1,5 @@
+import { type TrustPilotProps } from '../../atoms/TrustPilot';
+export interface PeopleSayAboutUsSectionProps {
+    title: string;
+    contentTrustPilot: TrustPilotProps;
+}

package/dist/cjs/src/components/sections/PeopleSayAboutUsSection/__stories__/PeopleSayAboutUsSection.stories.d.ts

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

package/dist/cjs/src/components/sections/PeopleSayAboutUsSection/index.d.ts

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

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

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

package/dist/cjs/src/utils/envVariables.d.ts

@@ -0,0 +1 @@
+export declare const envVar = "lawdistrict.com";