@npm_leadtech/legal-lib-components 2.25.2 → 2.26.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -3987,75 +3987,6 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
3987
3987
  right: 0;
3988
3988
  padding: 8px; }
3989
3989
 
3990
- .articles_wrapper {
3991
- display: flex;
3992
- flex-direction: column;
3993
- align-items: stretch; }
3994
- @media (min-width: 960px) {
3995
- .articles_wrapper {
3996
- flex-direction: row; } }
3997
-
3998
- .homeSteps__container {
3999
- transform: translateY(0%); }
4000
- @media (min-width: 575px) {
4001
- .homeSteps__container {
4002
- transform: translateY(0%); } }
4003
- @media (min-width: 720px) {
4004
- .homeSteps__container {
4005
- transform: translateY(0%); } }
4006
- .homeSteps__container .homeSteps {
4007
- display: flex;
4008
- flex-direction: column;
4009
- align-items: center;
4010
- padding-top: 2rem;
4011
- padding-bottom: 2rem;
4012
- position: relative; }
4013
- .homeSteps__container .homeSteps .homeStepsItemsContainer {
4014
- display: flex;
4015
- justify-content: space-between;
4016
- width: 100%;
4017
- max-width: 888px;
4018
- flex-flow: row wrap;
4019
- padding: 0 1rem; }
4020
- @media (min-width: 960px) {
4021
- .homeSteps__container .homeSteps .homeStepsItemsContainer {
4022
- flex-flow: row nowrap;
4023
- padding: 0; } }
4024
-
4025
- .mobile-bottom-bar {
4026
- background: var(--others-white);
4027
- position: fixed;
4028
- display: flex;
4029
- flex-direction: row;
4030
- justify-content: space-between;
4031
- bottom: 0;
4032
- height: 3.25rem;
4033
- width: 100%;
4034
- box-shadow: 0px 2px 6px 0px rgba(var(--primary-main-dark-1-rgb), 0.25);
4035
- z-index: 1; }
4036
- @media (min-width: 575px) {
4037
- .mobile-bottom-bar {
4038
- display: none; } }
4039
- .mobile-bottom-bar--active {
4040
- display: flex; }
4041
- .mobile-bottom-bar .e-button {
4042
- max-height: 2.8rem;
4043
- margin: 0 0.5rem;
4044
- width: 2.75rem;
4045
- min-width: 2.75rem;
4046
- padding: 0;
4047
- outline: none;
4048
- display: flex;
4049
- align-items: center;
4050
- justify-content: center;
4051
- background-color: var(--primary-main);
4052
- border-color: var(--primary-main); }
4053
- .mobile-bottom-bar .e-button:hover {
4054
- cursor: pointer; }
4055
- .mobile-bottom-bar .e-button svg {
4056
- width: 24px;
4057
- margin: 0; }
4058
-
4059
3990
  .about-us-content {
4060
3991
  display: flex;
4061
3992
  flex-flow: row wrap;
@@ -4095,6 +4026,14 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
4095
4026
  .about-us-content__image img {
4096
4027
  width: 100%; }
4097
4028
 
4029
+ .articles_wrapper {
4030
+ display: flex;
4031
+ flex-direction: column;
4032
+ align-items: stretch; }
4033
+ @media (min-width: 960px) {
4034
+ .articles_wrapper {
4035
+ flex-direction: row; } }
4036
+
4098
4037
  .as-see-in-content {
4099
4038
  display: flex; }
4100
4039
  .as-see-in-content__text {
@@ -4108,6 +4047,48 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
4108
4047
  color: var(--primary-main-light-1);
4109
4048
  font-weight: 400 !important; }
4110
4049
 
4050
+ .fixed-container {
4051
+ display: flex;
4052
+ flex-direction: column;
4053
+ position: fixed;
4054
+ bottom: 0;
4055
+ z-index: 3;
4056
+ width: 100%; }
4057
+
4058
+ .cookie-policy-bar {
4059
+ display: flex;
4060
+ flex-direction: column;
4061
+ align-items: center;
4062
+ width: 100%;
4063
+ padding: 0 1.5rem 1rem;
4064
+ background-color: black;
4065
+ color: var(--others-white); }
4066
+ @media (min-width: 575px) {
4067
+ .cookie-policy-bar {
4068
+ flex-direction: row;
4069
+ align-items: center;
4070
+ padding-bottom: 0;
4071
+ justify-content: center; } }
4072
+
4073
+ .cookie-policy-bar__text {
4074
+ margin: 1rem 0 0.5rem;
4075
+ max-width: 48rem; }
4076
+ @media (min-width: 575px) {
4077
+ .cookie-policy-bar__text {
4078
+ margin-bottom: 1rem;
4079
+ margin-right: 1.5rem; } }
4080
+ @media (min-width: 960px) {
4081
+ .cookie-policy-bar__text {
4082
+ margin-right: 2.5rem; } }
4083
+ .cookie-policy-bar__text a {
4084
+ text-decoration: underline;
4085
+ color: var(--others-white); }
4086
+ .cookie-policy-bar__text p {
4087
+ margin-bottom: 0; }
4088
+
4089
+ .accept-cookies-button {
4090
+ white-space: nowrap; }
4091
+
4111
4092
  .guidelines-section__texts {
4112
4093
  flex-basis: 50%;
4113
4094
  display: flex;
@@ -4158,6 +4139,67 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
4158
4139
  .guidelines-section__image.is-mobile {
4159
4140
  display: none; } }
4160
4141
 
4142
+ .homeSteps__container {
4143
+ transform: translateY(0%); }
4144
+ @media (min-width: 575px) {
4145
+ .homeSteps__container {
4146
+ transform: translateY(0%); } }
4147
+ @media (min-width: 720px) {
4148
+ .homeSteps__container {
4149
+ transform: translateY(0%); } }
4150
+ .homeSteps__container .homeSteps {
4151
+ display: flex;
4152
+ flex-direction: column;
4153
+ align-items: center;
4154
+ padding-top: 2rem;
4155
+ padding-bottom: 2rem;
4156
+ position: relative; }
4157
+ .homeSteps__container .homeSteps .homeStepsItemsContainer {
4158
+ display: flex;
4159
+ justify-content: space-between;
4160
+ width: 100%;
4161
+ max-width: 888px;
4162
+ flex-flow: row wrap;
4163
+ padding: 0 1rem; }
4164
+ @media (min-width: 960px) {
4165
+ .homeSteps__container .homeSteps .homeStepsItemsContainer {
4166
+ flex-flow: row nowrap;
4167
+ padding: 0; } }
4168
+
4169
+ .mobile-bottom-bar {
4170
+ background: var(--others-white);
4171
+ position: fixed;
4172
+ display: flex;
4173
+ flex-direction: row;
4174
+ justify-content: space-between;
4175
+ bottom: 0;
4176
+ height: 3.25rem;
4177
+ width: 100%;
4178
+ box-shadow: 0px 2px 6px 0px rgba(var(--primary-main-dark-1-rgb), 0.25);
4179
+ z-index: 1; }
4180
+ @media (min-width: 575px) {
4181
+ .mobile-bottom-bar {
4182
+ display: none; } }
4183
+ .mobile-bottom-bar--active {
4184
+ display: flex; }
4185
+ .mobile-bottom-bar .e-button {
4186
+ max-height: 2.8rem;
4187
+ margin: 0 0.5rem;
4188
+ width: 2.75rem;
4189
+ min-width: 2.75rem;
4190
+ padding: 0;
4191
+ outline: none;
4192
+ display: flex;
4193
+ align-items: center;
4194
+ justify-content: center;
4195
+ background-color: var(--primary-main);
4196
+ border-color: var(--primary-main); }
4197
+ .mobile-bottom-bar .e-button:hover {
4198
+ cursor: pointer; }
4199
+ .mobile-bottom-bar .e-button svg {
4200
+ width: 24px;
4201
+ margin: 0; }
4202
+
4161
4203
  .try-our-free-legal-blogs-section__texts {
4162
4204
  flex-basis: 50%;
4163
4205
  display: flex;
@@ -0,0 +1,4 @@
1
+ import { type FC } from 'react';
2
+ import { type CookiePolicyBarProps } from './CookiePolicyBarProps';
3
+ import './CookiePolicyBar.scss';
4
+ export declare const CookiePolicyBar: FC<CookiePolicyBarProps>;
@@ -0,0 +1,4 @@
1
+ export interface CookiePolicyBarProps {
2
+ clickFunc: () => void;
3
+ text: string;
4
+ }
@@ -0,0 +1,2 @@
1
+ export * from './CookiePolicyBar';
2
+ export * from './CookiePolicyBarProps';
@@ -1,7 +1,8 @@
1
- export * from './ArticlesList';
2
- export * from './ListStepsGetForm';
3
- export * from './MobileBottomBar';
4
1
  export * from './AboutUsContent';
2
+ export * from './ArticlesList';
5
3
  export * from './AsSeeInContent';
4
+ export * from './CookiePolicyBar';
6
5
  export * from './GuidelinesContent';
6
+ export * from './ListStepsGetForm';
7
+ export * from './MobileBottomBar';
7
8
  export * from './TryOurFreeLegalBlogsContent';
package/dist/index.d.ts CHANGED
@@ -751,26 +751,6 @@ interface CountDownMessageProps {
751
751
 
752
752
  declare const CountDownMessage: FC<CountDownMessageProps>;
753
753
 
754
- interface ArticlesListProps {
755
- articles: ArticleProps[];
756
- }
757
-
758
- declare const ArticlesList: FC<ArticlesListProps>;
759
-
760
- interface ListStepsGetFormProps {
761
- steps: StepGetFormProps[];
762
- }
763
-
764
- declare const ListStepsGetForm: FC<ListStepsGetFormProps>;
765
-
766
- interface MobileBottomBarProps {
767
- active?: boolean;
768
- list?: any[];
769
- children?: React.ReactNode;
770
- }
771
-
772
- declare const MobileBottomBar: FC<MobileBottomBarProps>;
773
-
774
754
  interface AboutUsContentProps {
775
755
  children: React.ReactNode;
776
756
  image: React.ReactNode;
@@ -779,6 +759,12 @@ interface AboutUsContentProps {
779
759
 
780
760
  declare const AboutUsContent: FC<AboutUsContentProps>;
781
761
 
762
+ interface ArticlesListProps {
763
+ articles: ArticleProps[];
764
+ }
765
+
766
+ declare const ArticlesList: FC<ArticlesListProps>;
767
+
782
768
  interface AsSeeInContentProps {
783
769
  children: React.ReactNode;
784
770
  trustWorthyImages: TrustworthyWebsitesProps;
@@ -786,6 +772,13 @@ interface AsSeeInContentProps {
786
772
 
787
773
  declare const AsSeeInContent: FC<AsSeeInContentProps>;
788
774
 
775
+ interface CookiePolicyBarProps {
776
+ clickFunc: () => void;
777
+ text: string;
778
+ }
779
+
780
+ declare const CookiePolicyBar: FC<CookiePolicyBarProps>;
781
+
789
782
  interface GuidelinesContentProps {
790
783
  title: string;
791
784
  image: React.ReactNode;
@@ -794,6 +787,20 @@ interface GuidelinesContentProps {
794
787
 
795
788
  declare const GuidelinesContent: FC<GuidelinesContentProps>;
796
789
 
790
+ interface ListStepsGetFormProps {
791
+ steps: StepGetFormProps[];
792
+ }
793
+
794
+ declare const ListStepsGetForm: FC<ListStepsGetFormProps>;
795
+
796
+ interface MobileBottomBarProps {
797
+ active?: boolean;
798
+ list?: any[];
799
+ children?: React.ReactNode;
800
+ }
801
+
802
+ declare const MobileBottomBar: FC<MobileBottomBarProps>;
803
+
797
804
  interface TryOurFreeLegalBlogsContentProps {
798
805
  title: string;
799
806
  image: React.ReactNode;
@@ -894,4 +901,4 @@ interface UseIsMobileOrTablePropsReturn {
894
901
  }
895
902
  declare const useIsMobileOrTable: () => UseIsMobileOrTablePropsReturn;
896
903
 
897
- export { AboutUsContent, type AboutUsContentProps, AboutUsSection, type AboutUsSectionProps, AddButton, type AddButtonProps, Article, type ArticleProps, ArticlesList, type ArticlesListProps, AsSeeInContent, type AsSeeInContentProps, AsSeeInSection, type AsSeeInSectionProps, BaseBox, BaseBoxList, type BaseBoxListProps, type BaseBoxProps, BillCard, type BillCardProps, BlogSection, type BlogSectionProps, BottomFixedBar, type BottomFixedBarProps, BottomOverlay, BottomOverlayMenu, type BottomOverlayMenuProps, type BottomOverlayProps, BoxForm, type BoxFormProps, BreadcrumItem, type BreadcrumItemProps, Breadcrumb, type BreadcrumbProps, Button, ButtonIcon, type ButtonIconProps, type ButtonProps, CardPane, type CardPaneInfoProps, type CardPaneProps, Checkbox, type CheckboxProps, ContactBox, type ContactBoxProps, ContinueEditingBanner, type ContinueEditingBannerProps, CountDownMessage, type CountDownMessageProps, DatePickerCustom, type DatePickerCustomProps, DialogMenuIcon, type DialogMenuIconProps, Disclaimer, type DisclaimerProps, Divider, type DividerProps, DocumentStatus, type DocumentStatusProps, ExpertCard, ExpertCardList, type ExpertCardListProps, type ExpertCardProps, ExpertsSection, type ExpertsSectionProps, Feedback, type FeedbackProps, FormFaq, type FormFaqProps, FreeDocModalContent, type FreeDocModalContentProps, GoogleButton, type GoogleButtonProps, GuidelinesContent, type GuidelinesContentProps, GuidelinesSection, type GuidelinesSectionProps, HowGetYourFormsSection, type HowGetYourFormsSectionProps, IconImage, type IconImageProps, IconSvgURLWithThemeColor, type IconSvgURLWithThemeColorProps, type ImageStructure, InfoBox, type InfoBoxProps, type LatestApplication, LearnMoreSection, type LearnMoreSectionProps, ListStepsGetForm, type ListStepsGetFormProps, Logo, type LogoProps, LogoText, type LogoTextProps, type MenuItemProps, MenuItems, MenuItemsSection, type MenuItemsSectionProps, MenuPlacement, Message, MessageInformation, type MessageInformationProps, type MessageProps, MobileBottomBar, type MobileBottomBarProps, NavBarDropDown, type NavBarDropDownProps, Pagination, type PaginationProps, PaypalButton, type PaypalButtonProps, PeopleSayAboutUsSection, type PeopleSayAboutUsSectionProps, PricingCard, type PricingCardProps, ProgressBar, type ProgressBarProps, Radio, type RadioProps, RemoveButton, type RemoveButtonProps, RichTextInner, type RichTextInnerProps, type RichTextMedia, RichTextStrapi, type RichTextStrapiProps, SearchSelect, type SearchSelectProps, type SideMenuTabProps, SidemenuTab, Snackbar, type SnackbarProps, Spinner, type SpinnerProps, StepGetForm, type StepGetFormProps, TextArea, type TextAreaProps, TextInput, type TextInputProps, Toggle, type ToggleProps, Tooltip, TooltipMenu, type TooltipMenuProps, type TooltipProps, TopBar, TopBarMobile, type TopBarProps, Trustpilot as TrustPilot, type TrustPilotProps, TrustworthyWebsites, type TrustworthyWebsitesProps, TryOurFreeLegalBlogsContent, type TryOurFreeLegalBlogsContentProps, TryOurFreeLegalBlogsSection, type TryOurFreeLegalBlogsSectionProps, type WhyLawDistrictItem, WhyLawDistrictItems, type WhyLawDistrictItemsProps, WhyLawDistrictSection, type WhyLawDistrictSectionProps, WideInfoBar, useIntersectionObserver, useIsMobileOrTable };
904
+ export { AboutUsContent, type AboutUsContentProps, AboutUsSection, type AboutUsSectionProps, AddButton, type AddButtonProps, Article, type ArticleProps, ArticlesList, type ArticlesListProps, AsSeeInContent, type AsSeeInContentProps, AsSeeInSection, type AsSeeInSectionProps, BaseBox, BaseBoxList, type BaseBoxListProps, type BaseBoxProps, BillCard, type BillCardProps, BlogSection, type BlogSectionProps, BottomFixedBar, type BottomFixedBarProps, BottomOverlay, BottomOverlayMenu, type BottomOverlayMenuProps, type BottomOverlayProps, BoxForm, type BoxFormProps, BreadcrumItem, type BreadcrumItemProps, Breadcrumb, type BreadcrumbProps, Button, ButtonIcon, type ButtonIconProps, type ButtonProps, CardPane, type CardPaneInfoProps, type CardPaneProps, Checkbox, type CheckboxProps, ContactBox, type ContactBoxProps, ContinueEditingBanner, type ContinueEditingBannerProps, CookiePolicyBar, type CookiePolicyBarProps, CountDownMessage, type CountDownMessageProps, DatePickerCustom, type DatePickerCustomProps, DialogMenuIcon, type DialogMenuIconProps, Disclaimer, type DisclaimerProps, Divider, type DividerProps, DocumentStatus, type DocumentStatusProps, ExpertCard, ExpertCardList, type ExpertCardListProps, type ExpertCardProps, ExpertsSection, type ExpertsSectionProps, Feedback, type FeedbackProps, FormFaq, type FormFaqProps, FreeDocModalContent, type FreeDocModalContentProps, GoogleButton, type GoogleButtonProps, GuidelinesContent, type GuidelinesContentProps, GuidelinesSection, type GuidelinesSectionProps, HowGetYourFormsSection, type HowGetYourFormsSectionProps, IconImage, type IconImageProps, IconSvgURLWithThemeColor, type IconSvgURLWithThemeColorProps, type ImageStructure, InfoBox, type InfoBoxProps, type LatestApplication, LearnMoreSection, type LearnMoreSectionProps, ListStepsGetForm, type ListStepsGetFormProps, Logo, type LogoProps, LogoText, type LogoTextProps, type MenuItemProps, MenuItems, MenuItemsSection, type MenuItemsSectionProps, MenuPlacement, Message, MessageInformation, type MessageInformationProps, type MessageProps, MobileBottomBar, type MobileBottomBarProps, NavBarDropDown, type NavBarDropDownProps, Pagination, type PaginationProps, PaypalButton, type PaypalButtonProps, PeopleSayAboutUsSection, type PeopleSayAboutUsSectionProps, PricingCard, type PricingCardProps, ProgressBar, type ProgressBarProps, Radio, type RadioProps, RemoveButton, type RemoveButtonProps, RichTextInner, type RichTextInnerProps, type RichTextMedia, RichTextStrapi, type RichTextStrapiProps, SearchSelect, type SearchSelectProps, type SideMenuTabProps, SidemenuTab, Snackbar, type SnackbarProps, Spinner, type SpinnerProps, StepGetForm, type StepGetFormProps, TextArea, type TextAreaProps, TextInput, type TextInputProps, Toggle, type ToggleProps, Tooltip, TooltipMenu, type TooltipMenuProps, type TooltipProps, TopBar, TopBarMobile, type TopBarProps, Trustpilot as TrustPilot, type TrustPilotProps, TrustworthyWebsites, type TrustworthyWebsitesProps, TryOurFreeLegalBlogsContent, type TryOurFreeLegalBlogsContentProps, TryOurFreeLegalBlogsSection, type TryOurFreeLegalBlogsSectionProps, type WhyLawDistrictItem, WhyLawDistrictItems, type WhyLawDistrictItemsProps, WhyLawDistrictSection, type WhyLawDistrictSectionProps, WideInfoBar, useIntersectionObserver, useIsMobileOrTable };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@npm_leadtech/legal-lib-components",
3
- "version": "2.25.2",
3
+ "version": "2.26.0",
4
4
  "dependencies": {
5
5
  "@testing-library/jest-dom": "^6.1.4",
6
6
  "@tippyjs/react": "4.2.6",