@npm_leadtech/legal-lib-components 2.11.19 → 2.12.0

package/dist/esm/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 {

package/dist/esm/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/esm/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/esm/src/components/atoms/TrustPilot/TrustPilotProps.types.d.ts

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

package/dist/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/src/utils/envVariables.d.ts

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

package/dist/index.d.ts

@@ -149,9 +149,8 @@ declare const DialogMenuIcon: FC<DialogMenuIconProps>;
 interface DisclaimerProps {
     text?: string;
     disclaimerLinks?: boolean;
-    linksUrl?: string;
+    environment?: string;
     givenClass?: string;
-    siteUrl?: string;
 }
 
 declare const Disclaimer: FC<DisclaimerProps>;
@@ -434,6 +433,12 @@ interface WideInfoBarProps {
 }
 declare const WideInfoBar: FC<WideInfoBarProps>;
 
+interface TrustPilotProps {
+    children: React.ReactNode;
+}
+
+declare const Trustpilot: FC<TrustPilotProps>;
+
 interface ArticleProps {
     imageUrl: string;
     title: string;
@@ -773,4 +778,4 @@ declare function useIntersectionObserver({ options, defaultIntersecting }: {
     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, ImageStructure, InfoBox, InfoBoxProps, ListStepsGetForm, ListStepsGetFormProps, Logo, LogoProps, LogoText, LogoTextProps, MenuItemProps, MenuItems, MenuItemsSection, MenuItemsSectionProps, Message, MessageProps, MobileBottomBar, MobileBottomBarProps, NavBarDropDown, NavBarDropDownProps, Pagination, PaginationProps, PaypalButton, PaypalButtonProps, 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, TrustworthyWebsites, TrustworthyWebsitesProps, TryOurFreeLegalBlogsContent, TryOurFreeLegalBlogsContentProps, TryOurFreeLegalBlogsSection, TryOurFreeLegalBlogsSectionProps, 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, ImageStructure, InfoBox, InfoBoxProps, ListStepsGetForm, ListStepsGetFormProps, Logo, LogoProps, LogoText, LogoTextProps, MenuItemProps, MenuItems, MenuItemsSection, MenuItemsSectionProps, Message, MessageProps, MobileBottomBar, MobileBottomBarProps, NavBarDropDown, NavBarDropDownProps, Pagination, PaginationProps, PaypalButton, PaypalButtonProps, 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, WideInfoBar, useIntersectionObserver };

package/package.json

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