@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';