@npm_leadtech/legal-lib-components 2.12.4 → 2.12.6

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

@@ -1720,7 +1720,7 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
     .document-status.--in-progress svg g > g {
       fill: var(--neutral-neutral-1); }
   .document-status.--is-new {
-    background-color: var(--primary-main-dark-1);
+    background-color: var(--primary-main-light-1);
     border-color: var(--primary-main);
     color: var(--secondary-main-light-4); }
     .document-status.--is-new .icon {
@@ -1761,7 +1761,8 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
     line-height: 24px;
     letter-spacing: -0.3px;
     text-align: center;
-    width: 75%; }
+    width: 75%;
+    text-decoration: none; }
   .expert-card__description {
     font-family: Inter;
     font-size: 16px;
@@ -1837,6 +1838,10 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
   .google-button .google-logo {
     margin-right: 1rem; }
 
+.icon-svg-with-theme-color {
+  display: block;
+  background-color: var(--primary-main); }
+
 .info-box {
   border-radius: 4px;
   border: 1px solid;
@@ -3069,7 +3074,7 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
       white-space: nowrap; } }
 
 .box--form__link {
-  color: var(--primary-main); }
+  color: #078080; }
 
 .body-container {
   display: flex;
@@ -3452,9 +3457,9 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
     .snackbar--welcome:before {
       background: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E    %3Cdefs%3E        %3Cpath id%3D%22prefix__a%22 d%3D%22M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12zM7 9h2v2H7V9zm4 0h2v2h-2V9zm4 0h2v2h-2V9z%22%2F%3E    %3C%2Fdefs%3E    %3Cg fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E        %3Cpath d%3D%22M0 0H24V24H0z%22%2F%3E        %3Cmask id%3D%22prefix__b%22 fill%3D%22%23fff%22%3E            %3Cuse xlink%3Ahref%3D%22%23prefix__a%22%2F%3E        %3C%2Fmask%3E        %3Cg fill%3D%22%235DD8C3%22 mask%3D%22url(%23prefix__b)%22%3E            %3Cpath d%3D%22M0 0H24V24H0z%22%2F%3E        %3C%2Fg%3E    %3C%2Fg%3E%3C%2Fsvg%3E") no-repeat; }
   .snackbar--success {
-    background-color: var(--primary-main-light-3);
-    color: var(--primary-main-dark-1);
-    border: 1px solid var(--primary-main-light-2); }
+    background-color: #5dd8c3;
+    color: #02374a;
+    border: 1px solid #34b2a7; }
     .snackbar--success:before {
       background: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E    %3Cdefs%3E        %3Cpath id%3D%22prefix__a%22 d%3D%22M8.8 15.9L4.6 11.7 3.2 13.1 8.8 18.7 20.8 6.7 19.4 5.3z%22%2F%3E    %3C%2Fdefs%3E    %3Cg fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E        %3Cpath d%3D%22M0 0H24V24H0z%22%2F%3E        %3Cmask id%3D%22prefix__b%22 fill%3D%22%23fff%22%3E            %3Cuse xlink%3Ahref%3D%22%23prefix__a%22%2F%3E        %3C%2Fmask%3E        %3Cg fill%3D%22%2302374A%22 mask%3D%22url(%23prefix__b)%22%3E            %3Cpath d%3D%22M0 0H24V24H0z%22%2F%3E        %3C%2Fg%3E    %3C%2Fg%3E%3C%2Fsvg%3E") no-repeat; }
   .snackbar--error {
@@ -3464,9 +3469,9 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
     .snackbar--error:before {
       background: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E    %3Cdefs%3E        %3Cpath id%3D%22prefix__a%22 d%3D%22M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-9h2v6h-2v-6zm0-4h2v2h-2V7z%22 %2F%3E    %3C%2Fdefs%3E    %3Cg fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E        %3Cpath d%3D%22M0 0H24V24H0z%22 %2F%3E        %3Cmask id%3D%22prefix__b%22 fill%3D%22%23fff%22%3E            %3Cuse xlink%3Ahref%3D%22%23prefix__a%22 %2F%3E        %3C%2Fmask%3E        %3Cuse fill%3D%22%23000%22 fill-rule%3D%22nonzero%22 xlink%3Ahref%3D%22%23prefix__a%22 %2F%3E        %3Cg fill%3D%22%23FFF%22 mask%3D%22url(%23prefix__b)%22%3E            %3Cpath d%3D%22M0 0H24V24H0z%22 %2F%3E        %3C%2Fg%3E    %3C%2Fg%3E%3C%2Fsvg%3E") no-repeat; }
   .snackbar--reminder {
-    background-color: var(--secondary-main);
+    background-color: #f2bd6a;
     color: var(--neutral-main);
-    border: 1px solid var(--secondary-main-dark-1); }
+    border: 1px solid #cd9a4c; }
     .snackbar--reminder:before {
       background: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E    %3Cdefs%3E        %3Cpath id%3D%22prefix__a%22 d%3D%22M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12zM7 9h2v2H7V9zm4 0h2v2h-2V9zm4 0h2v2h-2V9z%22%2F%3E    %3C%2Fdefs%3E    %3Cg fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E        %3Cpath d%3D%22M0 0H24V24H0z%22%2F%3E        %3Cmask id%3D%22prefix__b%22 fill%3D%22%23fff%22%3E            %3Cuse xlink%3Ahref%3D%22%23prefix__a%22%2F%3E        %3C%2Fmask%3E        %3Cg fill%3D%22%23936C2F%22 mask%3D%22url(%23prefix__b)%22%3E            %3Cpath d%3D%22M0 0H24V24H0z%22%2F%3E        %3C%2Fg%3E    %3C%2Fg%3E%3C%2Fsvg%3E") no-repeat; }
   .snackbar-content {

package/dist/esm/src/components/atoms/ExpertCard/ExpertCardProps.types.d.ts

@@ -2,5 +2,6 @@
 export interface ExpertCardProps {
     title: string;
     description: string;
+    url?: string | null;
     image: React.ReactNode;
 }

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

@@ -4,3 +4,4 @@ declare const meta: Meta<typeof ExpertCard>;
 export default meta;
 type Story = StoryObj<typeof ExpertCard>;
 export declare const Default: Story;
+export declare const NoUrl: Story;

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

@@ -0,0 +1,4 @@
+import { type FC } from 'react';
+import { type IconSvgURLWithThemeColorProps } from './IconSvgURLWithThemeColorProps.types';
+import './IconSvgURLWithThemeColor.scss';
+export declare const IconSvgURLWithThemeColor: FC<IconSvgURLWithThemeColorProps>;

package/dist/esm/src/components/atoms/IconSvgURLWithThemeColor/IconSvgURLWithThemeColorProps.types.d.ts

@@ -0,0 +1,6 @@
+export interface IconSvgURLWithThemeColorProps {
+    url: string;
+    width?: string;
+    height?: string;
+    color?: string;
+}

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

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

package/dist/esm/src/components/atoms/IconSvgURLWithThemeColor/index.d.ts

@@ -0,0 +1,2 @@
+export { IconSvgURLWithThemeColor } from './IconSvgURLWithThemeColor';
+export { type IconSvgURLWithThemeColorProps } from './IconSvgURLWithThemeColorProps.types';

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

@@ -16,6 +16,7 @@ export * from './ExpertCard';
 export * from './FormFaq';
 export * from './GoogleButton';
 export * from './IconImage';
+export * from './IconSvgURLWithThemeColor';
 export * from './InfoBox';
 export * from './Logo';
 export * from './LogoText';

package/dist/index.d.ts

@@ -174,6 +174,7 @@ declare const DocumentStatus: FC<DocumentStatusProps>;
 interface ExpertCardProps {
     title: string;
     description: string;
+    url?: string | null;
     image: React.ReactNode;
 }
 
@@ -202,6 +203,15 @@ interface IconImageProps {
 
 declare const IconImage: FC<IconImageProps>;
 
+interface IconSvgURLWithThemeColorProps {
+    url: string;
+    width?: string;
+    height?: string;
+    color?: string;
+}
+
+declare const IconSvgURLWithThemeColor: FC<IconSvgURLWithThemeColorProps>;
+
 interface InfoBoxProps {
     children: any;
     type?: string;
@@ -786,4 +796,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, 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, 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, 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, WideInfoBar, useIntersectionObserver };

package/package.json

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