@npm_leadtech/legal-lib-components 5.46.1 → 5.47.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.
Files changed (196) hide show
  1. package/dist/css/styles.css +176 -261
  2. package/dist/src/components/atoms/AddButton/AddButton.styled.js +2 -2
  3. package/dist/src/components/atoms/AddButton/AddButton.styled.ts +2 -2
  4. package/dist/src/components/atoms/BaseBox/BaseBox.styled.js +1 -1
  5. package/dist/src/components/atoms/BaseBox/BaseBox.styled.ts +1 -1
  6. package/dist/src/components/atoms/BenefitRatafiaCard/BenefitRatafiaCard.styled.js +3 -3
  7. package/dist/src/components/atoms/BenefitRatafiaCard/BenefitRatafiaCard.styled.ts +3 -3
  8. package/dist/src/components/atoms/BillCard/BillCard.styled.js +1 -1
  9. package/dist/src/components/atoms/BillCard/BillCard.styled.ts +1 -1
  10. package/dist/src/components/atoms/BottomOverlayMenu/BottomOverlayMenu.styled.js +1 -1
  11. package/dist/src/components/atoms/BottomOverlayMenu/BottomOverlayMenu.styled.ts +1 -1
  12. package/dist/src/components/atoms/Button/Button.scss +7 -3
  13. package/dist/src/components/atoms/ButtonIcon/ButtonIcon.scss +1 -1
  14. package/dist/src/components/atoms/CardPane/CardPane.styled.js +1 -1
  15. package/dist/src/components/atoms/CardPane/CardPane.styled.ts +1 -1
  16. package/dist/src/components/atoms/Checkbox/Checkbox.styled.js +2 -2
  17. package/dist/src/components/atoms/Checkbox/Checkbox.styled.ts +2 -2
  18. package/dist/src/components/atoms/ContactCard/ContactCard.styled.js +1 -1
  19. package/dist/src/components/atoms/ContactCard/ContactCard.styled.ts +1 -1
  20. package/dist/src/components/atoms/DatePickerCustom/DatePickerCustom.styled.js +1 -1
  21. package/dist/src/components/atoms/DatePickerCustom/DatePickerCustom.styled.ts +1 -1
  22. package/dist/src/components/atoms/DatePickerCustom/DatepickerPlugin.scss +7 -7
  23. package/dist/src/components/atoms/DatePickerCustom/index.js.map +1 -1
  24. package/dist/src/components/atoms/DisclaimerRatafia/DisclaimerRatafia.styled.js +6 -6
  25. package/dist/src/components/atoms/DisclaimerRatafia/DisclaimerRatafia.styled.ts +6 -6
  26. package/dist/src/components/atoms/DocumentStatus/DocumentStatus.styled.js +1 -1
  27. package/dist/src/components/atoms/DocumentStatus/DocumentStatus.styled.ts +1 -1
  28. package/dist/src/components/atoms/DocumentTag/DocumentTag.styled.js +2 -2
  29. package/dist/src/components/atoms/DocumentTag/DocumentTag.styled.ts +2 -2
  30. package/dist/src/components/atoms/ExpertCard/ExpertCard.styled.js +1 -1
  31. package/dist/src/components/atoms/ExpertCard/ExpertCard.styled.ts +1 -1
  32. package/dist/src/components/atoms/FeatureRatafiaCard/FeatureRatafiaCard.styled.js +4 -4
  33. package/dist/src/components/atoms/FeatureRatafiaCard/FeatureRatafiaCard.styled.ts +4 -4
  34. package/dist/src/components/atoms/FixedFooter/FixedFooter.styled.js +5 -5
  35. package/dist/src/components/atoms/FixedFooter/FixedFooter.styled.ts +5 -5
  36. package/dist/src/components/atoms/FormFaq/FormFaq.styled.js +1 -1
  37. package/dist/src/components/atoms/FormFaq/FormFaq.styled.ts +1 -1
  38. package/dist/src/components/atoms/IconImage/IconImage.d.ts +2 -2
  39. package/dist/src/components/atoms/IconImage/IconImage.js +1 -5
  40. package/dist/src/components/atoms/IconImage/IconImage.tsx +10 -8
  41. package/dist/src/components/atoms/IconTextInfoSection/IconTextInfoSection.styled.js +2 -2
  42. package/dist/src/components/atoms/IconTextInfoSection/IconTextInfoSection.styled.ts +2 -2
  43. package/dist/src/components/atoms/InfoBox/InfoBox.styled.js +1 -1
  44. package/dist/src/components/atoms/InfoBox/InfoBox.styled.ts +1 -1
  45. package/dist/src/components/atoms/KeyFactRatafiaCard/KeyFactRatafiaCard.styled.js +1 -1
  46. package/dist/src/components/atoms/KeyFactRatafiaCard/KeyFactRatafiaCard.styled.ts +1 -1
  47. package/dist/src/components/atoms/MenuItems/MenuItems.styled.js +1 -1
  48. package/dist/src/components/atoms/MenuItems/MenuItems.styled.ts +1 -1
  49. package/dist/src/components/atoms/MessageInformation/MessageInformation.styled.js +3 -3
  50. package/dist/src/components/atoms/MessageInformation/MessageInformation.styled.ts +3 -3
  51. package/dist/src/components/atoms/MoreDocsItem/MoreDocsItem.styled.js +3 -3
  52. package/dist/src/components/atoms/MoreDocsItem/MoreDocsItem.styled.ts +3 -3
  53. package/dist/src/components/atoms/NavMenuItem/NavMenuItem.styled.js +2 -2
  54. package/dist/src/components/atoms/NavMenuItem/NavMenuItem.styled.ts +2 -2
  55. package/dist/src/components/atoms/PopularDocsItem/PopularDocsItem.styled.js +3 -3
  56. package/dist/src/components/atoms/PopularDocsItem/PopularDocsItem.styled.ts +3 -3
  57. package/dist/src/components/atoms/Radio/Radio.scss +191 -159
  58. package/dist/src/components/atoms/Radio/Radio.tsx +1 -1
  59. package/dist/src/components/atoms/Radio/RadioProps.types.d.ts +3 -2
  60. package/dist/src/components/atoms/Radio/RadioProps.types.js +3 -2
  61. package/dist/src/components/atoms/Radio/RadioProps.types.ts +3 -2
  62. package/dist/src/components/atoms/RatafiaLandingIcon/RatafiaLandingIcon.scss +1 -1
  63. package/dist/src/components/atoms/RemoveButton/RemoveButton.styled.js +3 -3
  64. package/dist/src/components/atoms/RemoveButton/RemoveButton.styled.ts +3 -3
  65. package/dist/src/components/atoms/ReviewKeyFactsResultRatafia/ReviewKeyFactsResultRatafia.styled.js +3 -3
  66. package/dist/src/components/atoms/ReviewKeyFactsResultRatafia/ReviewKeyFactsResultRatafia.styled.ts +3 -3
  67. package/dist/src/components/atoms/SearchSelect/SearchSelect.styled.js +2 -2
  68. package/dist/src/components/atoms/SearchSelect/SearchSelect.styled.ts +2 -2
  69. package/dist/src/components/atoms/ShowMoreBox/ShowMoreBox.styled.js +1 -1
  70. package/dist/src/components/atoms/ShowMoreBox/ShowMoreBox.styled.ts +1 -1
  71. package/dist/src/components/atoms/StepRatafiaCard/StepRatafiaCard.styled.js +1 -1
  72. package/dist/src/components/atoms/StepRatafiaCard/StepRatafiaCard.styled.ts +1 -1
  73. package/dist/src/components/atoms/Tag/Tag.styled.js +3 -3
  74. package/dist/src/components/atoms/Tag/Tag.styled.ts +3 -3
  75. package/dist/src/components/atoms/TagRatafiaItem/TagRatafiaItem.styled.js +2 -2
  76. package/dist/src/components/atoms/TagRatafiaItem/TagRatafiaItem.styled.ts +2 -2
  77. package/dist/src/components/atoms/TextArea/TextArea.styled.js +1 -1
  78. package/dist/src/components/atoms/TextArea/TextArea.styled.ts +1 -1
  79. package/dist/src/components/atoms/Toggle/Toggle.styled.js +2 -2
  80. package/dist/src/components/atoms/Toggle/Toggle.styled.ts +2 -2
  81. package/dist/src/components/atoms/Tooltip/Tooltip.scss +1 -1
  82. package/dist/src/components/atoms/TopBar/TopBar.styled.js +1 -1
  83. package/dist/src/components/atoms/TopBar/TopBar.styled.ts +1 -1
  84. package/dist/src/components/atoms/TopBarMobile/TopBarMobile.styled.js +6 -6
  85. package/dist/src/components/atoms/TopBarMobile/TopBarMobile.styled.ts +6 -6
  86. package/dist/src/components/molecules/ActionButtonHeaderRatafiaCardList/ActionButtonHeaderRatafiaCardList.styled.js +2 -2
  87. package/dist/src/components/molecules/ActionButtonHeaderRatafiaCardList/ActionButtonHeaderRatafiaCardList.styled.ts +2 -2
  88. package/dist/src/components/molecules/AlsoKnownAs/AlsoKnownAs.styled.js +2 -2
  89. package/dist/src/components/molecules/AlsoKnownAs/AlsoKnownAs.styled.ts +2 -2
  90. package/dist/src/components/molecules/Article/Article.styled.js +1 -1
  91. package/dist/src/components/molecules/Article/Article.styled.ts +1 -1
  92. package/dist/src/components/molecules/BaseBoxList/BaseBoxList.styled.js +2 -2
  93. package/dist/src/components/molecules/BaseBoxList/BaseBoxList.styled.ts +2 -2
  94. package/dist/src/components/molecules/BenefitRatafiaCardList/BenefitRatafiaCardList.styled.js +1 -1
  95. package/dist/src/components/molecules/BenefitRatafiaCardList/BenefitRatafiaCardList.styled.ts +1 -1
  96. package/dist/src/components/molecules/BottomOverlay/BottomOverlay.styled.js +3 -3
  97. package/dist/src/components/molecules/BottomOverlay/BottomOverlay.styled.ts +3 -3
  98. package/dist/src/components/molecules/BoxForm/BoxForm.styled.js +1 -1
  99. package/dist/src/components/molecules/BoxForm/BoxForm.styled.ts +1 -1
  100. package/dist/src/components/molecules/ContactCardList/ContactCardList.styled.js +1 -1
  101. package/dist/src/components/molecules/ContactCardList/ContactCardList.styled.ts +1 -1
  102. package/dist/src/components/molecules/ContinueEditingBanner/ContinueEditingBanner.styled.js +1 -1
  103. package/dist/src/components/molecules/ContinueEditingBanner/ContinueEditingBanner.styled.ts +1 -1
  104. package/dist/src/components/molecules/CountDownMessage/CountDownMessage.styled.js +3 -3
  105. package/dist/src/components/molecules/CountDownMessage/CountDownMessage.styled.ts +3 -3
  106. package/dist/src/components/molecules/EmailContactBox/EmailContactBox.styled.js +1 -1
  107. package/dist/src/components/molecules/EmailContactBox/EmailContactBox.styled.ts +1 -1
  108. package/dist/src/components/molecules/FaqItem/FaqItem.styled.js +1 -1
  109. package/dist/src/components/molecules/FaqItem/FaqItem.styled.ts +1 -1
  110. package/dist/src/components/molecules/FeatureRatafiaCardList/FeatureRatafiaCardList.styled.js +1 -1
  111. package/dist/src/components/molecules/FeatureRatafiaCardList/FeatureRatafiaCardList.styled.ts +1 -1
  112. package/dist/src/components/molecules/KeyFactCardListRatafia/KeyFactCardListRatafia.styled.js +1 -1
  113. package/dist/src/components/molecules/KeyFactCardListRatafia/KeyFactCardListRatafia.styled.ts +1 -1
  114. package/dist/src/components/molecules/MidBannerRatafiaContent/MidBannerRatafiaContent.scss +1 -1
  115. package/dist/src/components/molecules/MidBannerRatafiaContent/MidBannerRatafiaContent.styled.js +1 -1
  116. package/dist/src/components/molecules/MidBannerRatafiaContent/MidBannerRatafiaContent.styled.ts +1 -1
  117. package/dist/src/components/molecules/MidBannerRatafiaSample/MidBannerRatafiaSample.styled.js +3 -3
  118. package/dist/src/components/molecules/MidBannerRatafiaSample/MidBannerRatafiaSample.styled.ts +3 -3
  119. package/dist/src/components/molecules/MoreDocsMobile/MoreDocsMobile.styled.js +3 -3
  120. package/dist/src/components/molecules/MoreDocsMobile/MoreDocsMobile.styled.ts +3 -3
  121. package/dist/src/components/molecules/Pagination/Pagination.styled.js +1 -1
  122. package/dist/src/components/molecules/Pagination/Pagination.styled.ts +1 -1
  123. package/dist/src/components/molecules/PhoneContactBoxDesktop/PhoneContactBoxDesktop.styled.js +1 -1
  124. package/dist/src/components/molecules/PhoneContactBoxDesktop/PhoneContactBoxDesktop.styled.ts +1 -1
  125. package/dist/src/components/molecules/PhoneContactBoxMobile/PhoneContactBoxMobile.styled.js +1 -1
  126. package/dist/src/components/molecules/PhoneContactBoxMobile/PhoneContactBoxMobile.styled.ts +1 -1
  127. package/dist/src/components/molecules/PopularDocs/PopularDocs.styled.js +1 -1
  128. package/dist/src/components/molecules/PopularDocs/PopularDocs.styled.ts +1 -1
  129. package/dist/src/components/molecules/PricingCard/PricingCard.styled.js +1 -1
  130. package/dist/src/components/molecules/PricingCard/PricingCard.styled.ts +1 -1
  131. package/dist/src/components/molecules/RatafiaSubscriptionCard/RatafiaSubscriptionCard.styled.js +2 -2
  132. package/dist/src/components/molecules/RatafiaSubscriptionCard/RatafiaSubscriptionCard.styled.ts +2 -2
  133. package/dist/src/components/molecules/Snackbar/Snackbar.styled.js +2 -2
  134. package/dist/src/components/molecules/Snackbar/Snackbar.styled.ts +2 -2
  135. package/dist/src/components/molecules/StepGetForm/StepGetForm.styled.js +2 -2
  136. package/dist/src/components/molecules/StepGetForm/StepGetForm.styled.ts +2 -2
  137. package/dist/src/components/molecules/StepRatafiaCardList/StepRatafiaCardList.scss +1 -1
  138. package/dist/src/components/molecules/StepRatafiaCardList/StepRatafiaCardList.styled.js +1 -1
  139. package/dist/src/components/molecules/StepRatafiaCardList/StepRatafiaCardList.styled.ts +1 -1
  140. package/dist/src/components/molecules/SubtypeDocumentCard/SubtypeDocumentCard.styled.js +5 -5
  141. package/dist/src/components/molecules/SubtypeDocumentCard/SubtypeDocumentCard.styled.ts +5 -5
  142. package/dist/src/components/molecules/TagsRatafiaList/TagsRatafiaList.styled.js +1 -1
  143. package/dist/src/components/molecules/TagsRatafiaList/TagsRatafiaList.styled.ts +1 -1
  144. package/dist/src/components/molecules/TextInput/TextInput.scss +1 -1
  145. package/dist/src/components/molecules/TooltipMenu/TooltipMenu.scss +1 -1
  146. package/dist/src/components/molecules/TypeModulesList/TypeModulesList.styled.js +1 -1
  147. package/dist/src/components/molecules/TypeModulesList/TypeModulesList.styled.ts +1 -1
  148. package/dist/src/components/molecules/UploadRatafiaZone/UploadRatafiaZone.styled.js +1 -1
  149. package/dist/src/components/molecules/UploadRatafiaZone/UploadRatafiaZone.styled.ts +1 -1
  150. package/dist/src/components/organisms/CardFunctionality/CardFunctionality.styled.js +4 -4
  151. package/dist/src/components/organisms/CardFunctionality/CardFunctionality.styled.ts +4 -4
  152. package/dist/src/components/organisms/ContactJumbotron/ContactJumbotron.styled.js +2 -2
  153. package/dist/src/components/organisms/ContactJumbotron/ContactJumbotron.styled.ts +2 -2
  154. package/dist/src/components/organisms/FaqGroup/FaqGroup.styled.js +1 -1
  155. package/dist/src/components/organisms/FaqGroup/FaqGroup.styled.ts +1 -1
  156. package/dist/src/components/organisms/FeaturesRatafiaContent/FeaturesRatafiaContent.styled.js +1 -1
  157. package/dist/src/components/organisms/FeaturesRatafiaContent/FeaturesRatafiaContent.styled.ts +1 -1
  158. package/dist/src/components/organisms/GuidelinesContent/GuidelinesContent.styled.js +2 -2
  159. package/dist/src/components/organisms/GuidelinesContent/GuidelinesContent.styled.ts +2 -2
  160. package/dist/src/components/organisms/JumbotronRatafiaContent/JumbotronRatafiaContent.styled.js +3 -3
  161. package/dist/src/components/organisms/JumbotronRatafiaContent/JumbotronRatafiaContent.styled.ts +3 -3
  162. package/dist/src/components/organisms/KeyFactsLoadingContentRatafia/KeyFactsLoadingContentRatafia.styled.js +4 -4
  163. package/dist/src/components/organisms/KeyFactsLoadingContentRatafia/KeyFactsLoadingContentRatafia.styled.ts +4 -4
  164. package/dist/src/components/organisms/KeyFactsResultContentRatafia/KeyFactsResultContentRatafia.styled.js +1 -1
  165. package/dist/src/components/organisms/KeyFactsResultContentRatafia/KeyFactsResultContentRatafia.styled.ts +1 -1
  166. package/dist/src/components/organisms/LayoutRatafia/LayoutRatafia.styled.js +2 -2
  167. package/dist/src/components/organisms/LayoutRatafia/LayoutRatafia.styled.ts +2 -2
  168. package/dist/src/components/organisms/LimitReachedContentRatafia/LimitReachedContentRatafia.styled.js +2 -2
  169. package/dist/src/components/organisms/LimitReachedContentRatafia/LimitReachedContentRatafia.styled.ts +2 -2
  170. package/dist/src/components/pages/FaqsPage/FaqsPage.styled.js +7 -7
  171. package/dist/src/components/pages/FaqsPage/FaqsPage.styled.ts +7 -7
  172. package/dist/src/components/pages/RatafiaPricingPage/RatafiaPricingPage.styled.js +1 -1
  173. package/dist/src/components/pages/RatafiaPricingPage/RatafiaPricingPage.styled.ts +1 -1
  174. package/dist/src/components/sections/AsideMenuSection/AsideMenuSection.styled.js +1 -1
  175. package/dist/src/components/sections/AsideMenuSection/AsideMenuSection.styled.ts +1 -1
  176. package/dist/src/components/sections/BenefitsRatafiaSection/BenefitsRatafiaSection.styled.js +2 -2
  177. package/dist/src/components/sections/BenefitsRatafiaSection/BenefitsRatafiaSection.styled.ts +2 -2
  178. package/dist/src/components/sections/LayoutRatafiaSection/LayoutRatafiaSection.styled.js +2 -2
  179. package/dist/src/components/sections/LayoutRatafiaSection/LayoutRatafiaSection.styled.ts +2 -2
  180. package/dist/src/components/sections/LearnMoreSection/LearnMoreSection.styled.js +2 -2
  181. package/dist/src/components/sections/LearnMoreSection/LearnMoreSection.styled.ts +2 -2
  182. package/dist/src/components/sections/LegalSection/LegalSection.styled.js +3 -3
  183. package/dist/src/components/sections/LegalSection/LegalSection.styled.ts +3 -3
  184. package/dist/src/components/sections/MidBannerRatafiaSection/MidBannerRatafiaSection.styled.js +1 -1
  185. package/dist/src/components/sections/MidBannerRatafiaSection/MidBannerRatafiaSection.styled.ts +1 -1
  186. package/dist/src/components/sections/PeopleSayAboutUsSection/PeopleSayAboutUsSection.styled.js +1 -1
  187. package/dist/src/components/sections/PeopleSayAboutUsSection/PeopleSayAboutUsSection.styled.ts +1 -1
  188. package/dist/src/components/sections/StepsRatafiaSection/StepsRatafiaSection.styled.js +2 -2
  189. package/dist/src/components/sections/StepsRatafiaSection/StepsRatafiaSection.styled.ts +2 -2
  190. package/dist/src/components/sections/TryItRatafiaSection/TryItRatafiaSection.styled.js +2 -2
  191. package/dist/src/components/sections/TryItRatafiaSection/TryItRatafiaSection.styled.ts +2 -2
  192. package/dist/src/globalStyles/functions.scss +5 -0
  193. package/dist/src/globalStyles/layout.scss +4 -4
  194. package/dist/src/globalStyles/variables.scss +9 -0
  195. package/dist/src/globalStyles/variablesCss.scss +1 -3
  196. package/package.json +1 -1
@@ -5,7 +5,7 @@ export const KeyFactsLoadingContentRatafiaStyled = styled.div `
5
5
  flex-direction: column;
6
6
  align-items: flex-start;
7
7
  align-self: stretch;
8
- gap: var(--global-gap);
8
+ gap: 1rem;
9
9
 
10
10
  .key-facts-loading-content__document-name {
11
11
  color: var(--neutral-neutral-2);
@@ -22,7 +22,7 @@ export const KeyFactsLoadingContentRatafiaStyled = styled.div `
22
22
 
23
23
  overflow: hidden;
24
24
 
25
- border-radius: var(--s-border-radius);
25
+ border-radius: 4px;
26
26
  border-top: 4px solid var(--neutral-neutral-6);
27
27
  border-bottom: 4px solid var(--neutral-neutral-6);
28
28
  background: var(--neutral-neutral-6);
@@ -45,7 +45,7 @@ export const KeyFactsLoadingContentRatafiaStyled = styled.div `
45
45
  border-bottom: 1px solid var(--neutral-neutral-4);
46
46
  &__loader {
47
47
  background: var(--neutral-neutral-4);
48
- border-radius: var(--l-border-radius);
48
+ border-radius: 16px;
49
49
  }
50
50
  .item-1 {
51
51
  height: 10px;
@@ -111,7 +111,7 @@ export const KeyFactsLoadingContentRatafiaStyled = styled.div `
111
111
  padding: 1rem;
112
112
  gap: 0.5rem;
113
113
 
114
- border-radius: var(--s-border-radius);
114
+ border-radius: 4px;
115
115
  background: var(--secondary-main-light-4);
116
116
 
117
117
  &__icon img {
@@ -6,7 +6,7 @@ export const KeyFactsLoadingContentRatafiaStyled = styled.div`
6
6
  flex-direction: column;
7
7
  align-items: flex-start;
8
8
  align-self: stretch;
9
- gap: var(--global-gap);
9
+ gap: 1rem;
10
10
 
11
11
  .key-facts-loading-content__document-name {
12
12
  color: var(--neutral-neutral-2);
@@ -23,7 +23,7 @@ export const KeyFactsLoadingContentRatafiaStyled = styled.div`
23
23
 
24
24
  overflow: hidden;
25
25
 
26
- border-radius: var(--s-border-radius);
26
+ border-radius: 4px;
27
27
  border-top: 4px solid var(--neutral-neutral-6);
28
28
  border-bottom: 4px solid var(--neutral-neutral-6);
29
29
  background: var(--neutral-neutral-6);
@@ -46,7 +46,7 @@ export const KeyFactsLoadingContentRatafiaStyled = styled.div`
46
46
  border-bottom: 1px solid var(--neutral-neutral-4);
47
47
  &__loader {
48
48
  background: var(--neutral-neutral-4);
49
- border-radius: var(--l-border-radius);
49
+ border-radius: 16px;
50
50
  }
51
51
  .item-1 {
52
52
  height: 10px;
@@ -112,7 +112,7 @@ export const KeyFactsLoadingContentRatafiaStyled = styled.div`
112
112
  padding: 1rem;
113
113
  gap: 0.5rem;
114
114
 
115
- border-radius: var(--s-border-radius);
115
+ border-radius: 4px;
116
116
  background: var(--secondary-main-light-4);
117
117
 
118
118
  &__icon img {
@@ -6,7 +6,7 @@ export const KeyFactsResultContentRatafiaStyled = styled.div `
6
6
  align-items: flex-start;
7
7
  flex: 1 0 0;
8
8
  align-self: stretch;
9
- gap: var(--global-gap);
9
+ gap: 1rem;
10
10
 
11
11
  .key-facts-result-content__document-name {
12
12
  color: var(--neutral-neutral-2);
@@ -7,7 +7,7 @@ export const KeyFactsResultContentRatafiaStyled = styled.div`
7
7
  align-items: flex-start;
8
8
  flex: 1 0 0;
9
9
  align-self: stretch;
10
- gap: var(--global-gap);
10
+ gap: 1rem;
11
11
 
12
12
  .key-facts-result-content__document-name {
13
13
  color: var(--neutral-neutral-2);
@@ -18,7 +18,7 @@ export const LayoutRatafiaStyled = styled.div `
18
18
  padding: 1.5rem 1.5rem 0 1.5rem;
19
19
  width: 100%;
20
20
  height: calc(100vh - 8.375rem);
21
- border-radius: var(--l-border-radius) var(--l-border-radius) 0 0;
21
+ border-radius: 16px 16px 0 0;
22
22
  background: var(--others-white);
23
23
  box-shadow: var(--box-shadow-small);
24
24
 
@@ -74,7 +74,7 @@ export const LayoutRatafiaStyled = styled.div `
74
74
  bottom: 0;
75
75
  left: 0;
76
76
  right: 0;
77
- gap: var(--global-gap);
77
+ gap: 1rem;
78
78
  padding: 1.5rem;
79
79
  width: 100vw;
80
80
  background: var(--others-white);
@@ -19,7 +19,7 @@ export const LayoutRatafiaStyled = styled.div`
19
19
  padding: 1.5rem 1.5rem 0 1.5rem;
20
20
  width: 100%;
21
21
  height: calc(100vh - 8.375rem);
22
- border-radius: var(--l-border-radius) var(--l-border-radius) 0 0;
22
+ border-radius: 16px 16px 0 0;
23
23
  background: var(--others-white);
24
24
  box-shadow: var(--box-shadow-small);
25
25
 
@@ -75,7 +75,7 @@ export const LayoutRatafiaStyled = styled.div`
75
75
  bottom: 0;
76
76
  left: 0;
77
77
  right: 0;
78
- gap: var(--global-gap);
78
+ gap: 1rem;
79
79
  padding: 1.5rem;
80
80
  width: 100vw;
81
81
  background: var(--others-white);
@@ -4,7 +4,7 @@ export const LimitReachedContentRatafiaStyled = styled.div `
4
4
  display: flex;
5
5
  flex-direction: column;
6
6
  align-items: flex-start;
7
- gap: var(--global-gap);
7
+ gap: 1rem;
8
8
  align-self: stretch;
9
9
  @media ${device['portrait-tablets']} {
10
10
  gap: 2rem;
@@ -26,7 +26,7 @@ export const LimitReachedContentRatafiaStyled = styled.div `
26
26
  align-items: center;
27
27
  }
28
28
 
29
- border-radius: var(--s-border-radius);
29
+ border-radius: 0.25rem;
30
30
  background: var(--neutral-neutral-6);
31
31
  &__icon {
32
32
  width: 0.875rem;
@@ -5,7 +5,7 @@ export const LimitReachedContentRatafiaStyled = styled.div`
5
5
  display: flex;
6
6
  flex-direction: column;
7
7
  align-items: flex-start;
8
- gap: var(--global-gap);
8
+ gap: 1rem;
9
9
  align-self: stretch;
10
10
  @media ${device['portrait-tablets']} {
11
11
  gap: 2rem;
@@ -27,7 +27,7 @@ export const LimitReachedContentRatafiaStyled = styled.div`
27
27
  align-items: center;
28
28
  }
29
29
 
30
- border-radius: var(--s-border-radius);
30
+ border-radius: 0.25rem;
31
31
  background: var(--neutral-neutral-6);
32
32
  &__icon {
33
33
  width: 0.875rem;
@@ -3,14 +3,14 @@ import styled from 'styled-components';
3
3
  export const FaqsPageStyled = styled.div `
4
4
  .titles {
5
5
  display: flex;
6
- padding: 40px 1.5rem;
6
+ padding: 40px 24px;
7
7
  flex-direction: column;
8
8
  align-items: center;
9
- gap: 0.5rem;
9
+ gap: 8px;
10
10
  background: var(--primary-main-light-6);
11
11
 
12
12
  @media ${device['landscape-tablets']} {
13
- padding: 40px 2rem 80px 2rem;
13
+ padding: 40px 32px 80px 32px;
14
14
  }
15
15
 
16
16
  .title {
@@ -20,8 +20,8 @@ export const FaqsPageStyled = styled.div `
20
20
  line-height: 18px;
21
21
  letter-spacing: -0.3px;
22
22
  border-bottom: get-color(neutral, neutral-2) 1px solid;
23
- padding-bottom: 0.5rem;
24
- margin-bottom: 0.5rem;
23
+ padding-bottom: 8px;
24
+ margin-bottom: 8px;
25
25
  }
26
26
 
27
27
  .subtitle {
@@ -42,7 +42,7 @@ export const FaqsPageStyled = styled.div `
42
42
  .main-content {
43
43
  display: flex;
44
44
  flex-direction: row;
45
- padding: 2rem 1.5rem;
45
+ padding: 32px 24px;
46
46
  gap: var(--global-gap);
47
47
  background: var(--primary-main-light-6);
48
48
  justify-content: center;
@@ -53,7 +53,7 @@ export const FaqsPageStyled = styled.div `
53
53
  }
54
54
 
55
55
  @media ${device['landscape-tablets']} {
56
- padding: 2rem;
56
+ padding: 32px;
57
57
  gap: 106px;
58
58
  }
59
59
  }
@@ -4,14 +4,14 @@ import styled from 'styled-components'
4
4
  export const FaqsPageStyled = styled.div`
5
5
  .titles {
6
6
  display: flex;
7
- padding: 40px 1.5rem;
7
+ padding: 40px 24px;
8
8
  flex-direction: column;
9
9
  align-items: center;
10
- gap: 0.5rem;
10
+ gap: 8px;
11
11
  background: var(--primary-main-light-6);
12
12
 
13
13
  @media ${device['landscape-tablets']} {
14
- padding: 40px 2rem 80px 2rem;
14
+ padding: 40px 32px 80px 32px;
15
15
  }
16
16
 
17
17
  .title {
@@ -21,8 +21,8 @@ export const FaqsPageStyled = styled.div`
21
21
  line-height: 18px;
22
22
  letter-spacing: -0.3px;
23
23
  border-bottom: get-color(neutral, neutral-2) 1px solid;
24
- padding-bottom: 0.5rem;
25
- margin-bottom: 0.5rem;
24
+ padding-bottom: 8px;
25
+ margin-bottom: 8px;
26
26
  }
27
27
 
28
28
  .subtitle {
@@ -43,7 +43,7 @@ export const FaqsPageStyled = styled.div`
43
43
  .main-content {
44
44
  display: flex;
45
45
  flex-direction: row;
46
- padding: 2rem 1.5rem;
46
+ padding: 32px 24px;
47
47
  gap: var(--global-gap);
48
48
  background: var(--primary-main-light-6);
49
49
  justify-content: center;
@@ -54,7 +54,7 @@ export const FaqsPageStyled = styled.div`
54
54
  }
55
55
 
56
56
  @media ${device['landscape-tablets']} {
57
- padding: 2rem;
57
+ padding: 32px;
58
58
  gap: 106px;
59
59
  }
60
60
  }
@@ -18,7 +18,7 @@ export const RatafiaPricingPageStyled = styled.div `
18
18
  &__cards {
19
19
  display: flex;
20
20
  flex-direction: row;
21
- gap: var(--global-gap);
21
+ gap: 1rem;
22
22
 
23
23
  @media ${device.mobile} {
24
24
  flex-direction: column;
@@ -19,7 +19,7 @@ export const RatafiaPricingPageStyled = styled.div`
19
19
  &__cards {
20
20
  display: flex;
21
21
  flex-direction: row;
22
- gap: var(--global-gap);
22
+ gap: 1rem;
23
23
 
24
24
  @media ${device.mobile} {
25
25
  flex-direction: column;
@@ -21,7 +21,7 @@ export const AsideMenuSectionStyled = styled.aside `
21
21
  font-size: 14px;
22
22
  line-height: 18px;
23
23
  letter-spacing: -0.3px;
24
- padding: 1rem 0;
24
+ padding: 16px 0;
25
25
  border-top: var(--neutral-neutral-4) 1px solid;
26
26
  border-bottom: var(--neutral-neutral-4) 1px solid;
27
27
 
@@ -22,7 +22,7 @@ export const AsideMenuSectionStyled = styled.aside`
22
22
  font-size: 14px;
23
23
  line-height: 18px;
24
24
  letter-spacing: -0.3px;
25
- padding: 1rem 0;
25
+ padding: 16px 0;
26
26
  border-top: var(--neutral-neutral-4) 1px solid;
27
27
  border-bottom: var(--neutral-neutral-4) 1px solid;
28
28
 
@@ -26,7 +26,7 @@ export const BenefitsRatafiaSectionStyled = styled.section `
26
26
  align-self: stretch;
27
27
  padding: 1.5rem;
28
28
  gap: 2rem;
29
- border-radius: var(--l-border-radius);
29
+ border-radius: 16px;
30
30
  max-width: 1200px;
31
31
 
32
32
  @media ${device['landscape-tablets']} {
@@ -42,7 +42,7 @@ export const BenefitsRatafiaSectionStyled = styled.section `
42
42
  justify-content: center;
43
43
  align-items: flex-start;
44
44
  align-self: stretch;
45
- gap: var(--global-gap);
45
+ gap: 1rem;
46
46
 
47
47
  &__text {
48
48
  color: var(--others-white);
@@ -27,7 +27,7 @@ export const BenefitsRatafiaSectionStyled = styled.section`
27
27
  align-self: stretch;
28
28
  padding: 1.5rem;
29
29
  gap: 2rem;
30
- border-radius: var(--l-border-radius);
30
+ border-radius: 16px;
31
31
  max-width: 1200px;
32
32
 
33
33
  @media ${device['landscape-tablets']} {
@@ -43,7 +43,7 @@ export const BenefitsRatafiaSectionStyled = styled.section`
43
43
  justify-content: center;
44
44
  align-items: flex-start;
45
45
  align-self: stretch;
46
- gap: var(--global-gap);
46
+ gap: 1rem;
47
47
 
48
48
  &__text {
49
49
  color: var(--others-white);
@@ -24,7 +24,7 @@ export const LayoutRatafiaSectionStyled = styled.section `
24
24
  align-self: stretch;
25
25
  padding: 1.5rem;
26
26
  gap: 2.5rem;
27
- border-radius: var(--l-border-radius);
27
+ border-radius: 16px;
28
28
  max-width: 1200px;
29
29
 
30
30
  @media ${device['landscape-tablets']} {
@@ -48,7 +48,7 @@ export const LayoutRatafiaSectionStyled = styled.section `
48
48
  &__paragraph {
49
49
  display: flex;
50
50
  flex-direction: column;
51
- gap: var(--global-gap);
51
+ gap: 1rem;
52
52
  color: var(--others-white);
53
53
 
54
54
  p:not(:last-child) {
@@ -25,7 +25,7 @@ export const LayoutRatafiaSectionStyled = styled.section`
25
25
  align-self: stretch;
26
26
  padding: 1.5rem;
27
27
  gap: 2.5rem;
28
- border-radius: var(--l-border-radius);
28
+ border-radius: 16px;
29
29
  max-width: 1200px;
30
30
 
31
31
  @media ${device['landscape-tablets']} {
@@ -49,7 +49,7 @@ export const LayoutRatafiaSectionStyled = styled.section`
49
49
  &__paragraph {
50
50
  display: flex;
51
51
  flex-direction: column;
52
- gap: var(--global-gap);
52
+ gap: 1rem;
53
53
  color: var(--others-white);
54
54
 
55
55
  p:not(:last-child) {
@@ -47,7 +47,7 @@ export const LearnMoreSectionStyled = styled.section `
47
47
  width: 100%;
48
48
  margin: 0 1rem;
49
49
  background-color: var(--others-white);
50
- border-radius: var(--s-border-radius);
50
+ border-radius: var(--global-border-radius);
51
51
  box-shadow: var(--box-shadow-medium);
52
52
  padding: 2rem;
53
53
  transform: translateY(2rem);
@@ -76,7 +76,7 @@ export const LearnMoreSectionStyled = styled.section `
76
76
  a {
77
77
  font-weight: bold;
78
78
  transition: all 0.3s ease;
79
- border-radius: var(--s-border-radius);
79
+ border-radius: var(--global-border-radius);
80
80
  display: inline-block;
81
81
  padding: 0.5rem;
82
82
  position: relative;
@@ -48,7 +48,7 @@ export const LearnMoreSectionStyled = styled.section`
48
48
  width: 100%;
49
49
  margin: 0 1rem;
50
50
  background-color: var(--others-white);
51
- border-radius: var(--s-border-radius);
51
+ border-radius: var(--global-border-radius);
52
52
  box-shadow: var(--box-shadow-medium);
53
53
  padding: 2rem;
54
54
  transform: translateY(2rem);
@@ -77,7 +77,7 @@ export const LearnMoreSectionStyled = styled.section`
77
77
  a {
78
78
  font-weight: bold;
79
79
  transition: all 0.3s ease;
80
- border-radius: var(--s-border-radius);
80
+ border-radius: var(--global-border-radius);
81
81
  display: inline-block;
82
82
  padding: 0.5rem;
83
83
  position: relative;
@@ -47,7 +47,7 @@ export const LegalSectionStyled = styled.section `
47
47
  table {
48
48
  margin: 2.5rem 0;
49
49
  width: 100%;
50
- border-radius: var(--s-border-radius);
50
+ border-radius: var(--global-border-radius);
51
51
  text-align: center;
52
52
  border-collapse: collapse;
53
53
 
@@ -58,12 +58,12 @@ export const LegalSectionStyled = styled.section `
58
58
  border-right: 1px solid var(--neutral-neutral-4);
59
59
 
60
60
  &:first-child {
61
- border-top-left-radius: var(--s-border-radius);
61
+ border-top-left-radius: var(--global-border-radius);
62
62
  }
63
63
 
64
64
  &:last-child {
65
65
  border-right: none;
66
- border-top-right-radius: var(--s-border-radius);
66
+ border-top-right-radius: var(--global-border-radius);
67
67
  }
68
68
  }
69
69
 
@@ -48,7 +48,7 @@ export const LegalSectionStyled = styled.section`
48
48
  table {
49
49
  margin: 2.5rem 0;
50
50
  width: 100%;
51
- border-radius: var(--s-border-radius);
51
+ border-radius: var(--global-border-radius);
52
52
  text-align: center;
53
53
  border-collapse: collapse;
54
54
 
@@ -59,12 +59,12 @@ export const LegalSectionStyled = styled.section`
59
59
  border-right: 1px solid var(--neutral-neutral-4);
60
60
 
61
61
  &:first-child {
62
- border-top-left-radius: var(--s-border-radius);
62
+ border-top-left-radius: var(--global-border-radius);
63
63
  }
64
64
 
65
65
  &:last-child {
66
66
  border-right: none;
67
- border-top-right-radius: var(--s-border-radius);
67
+ border-top-right-radius: var(--global-border-radius);
68
68
  }
69
69
  }
70
70
 
@@ -26,7 +26,7 @@ export const MidBannerRatafiaSectionStyled = styled.section `
26
26
 
27
27
  max-width: 1200px;
28
28
 
29
- border-radius: var(--l-border-radius);
29
+ border-radius: 16px;
30
30
  background: var(--neutral-neutral-6);
31
31
 
32
32
  @media ${device.desktop} {
@@ -27,7 +27,7 @@ export const MidBannerRatafiaSectionStyled = styled.section`
27
27
 
28
28
  max-width: 1200px;
29
29
 
30
- border-radius: var(--l-border-radius);
30
+ border-radius: 16px;
31
31
  background: var(--neutral-neutral-6);
32
32
 
33
33
  @media ${device.desktop} {
@@ -37,7 +37,7 @@ export const PeopleSayAboutUsSectionStyled = styled.section `
37
37
  blockquote {
38
38
  padding: 1rem;
39
39
  background: var(--neutral-neutral-6);
40
- border-radius: var(--s-border-radius);
40
+ border-radius: 4px;
41
41
  }
42
42
  }
43
43
  `;
@@ -38,7 +38,7 @@ export const PeopleSayAboutUsSectionStyled = styled.section`
38
38
  blockquote {
39
39
  padding: 1rem;
40
40
  background: var(--neutral-neutral-6);
41
- border-radius: var(--s-border-radius);
41
+ border-radius: 4px;
42
42
  }
43
43
  }
44
44
  `
@@ -40,7 +40,7 @@ export const StepsRatafiaSectionStyled = styled.section `
40
40
  max-width: 720px;
41
41
  }
42
42
  img {
43
- border-radius: var(--m-border-radius);
43
+ border-radius: 8px;
44
44
  box-shadow: 0 0.125rem 0.375rem 0 rgba(2, 55, 74, 0.25);
45
45
  width: 100%;
46
46
  }
@@ -55,7 +55,7 @@ export const StepsRatafiaSectionStyled = styled.section `
55
55
  max-width: 720px;
56
56
  }
57
57
  video {
58
- border-radius: var(--m-border-radius);
58
+ border-radius: 8px;
59
59
  box-shadow: 0 0.125rem 0.375rem 0 rgba(2, 55, 74, 0.25);
60
60
  width: 100%;
61
61
  }
@@ -41,7 +41,7 @@ export const StepsRatafiaSectionStyled = styled.section`
41
41
  max-width: 720px;
42
42
  }
43
43
  img {
44
- border-radius: var(--m-border-radius);
44
+ border-radius: 8px;
45
45
  box-shadow: 0 0.125rem 0.375rem 0 rgba(2, 55, 74, 0.25);
46
46
  width: 100%;
47
47
  }
@@ -56,7 +56,7 @@ export const StepsRatafiaSectionStyled = styled.section`
56
56
  max-width: 720px;
57
57
  }
58
58
  video {
59
- border-radius: var(--m-border-radius);
59
+ border-radius: 8px;
60
60
  box-shadow: 0 0.125rem 0.375rem 0 rgba(2, 55, 74, 0.25);
61
61
  width: 100%;
62
62
  }
@@ -25,7 +25,7 @@ export const TryItRatafiaSectionStyled = styled.section `
25
25
  padding: 1.5rem;
26
26
  gap: 1.5rem;
27
27
 
28
- border-radius: var(--l-border-radius);
28
+ border-radius: 16px;
29
29
 
30
30
  max-width: 1200px;
31
31
 
@@ -46,7 +46,7 @@ export const TryItRatafiaSectionStyled = styled.section `
46
46
  flex: 1 0 0;
47
47
  align-self: stretch;
48
48
 
49
- gap: var(--global-gap);
49
+ gap: 1rem;
50
50
 
51
51
  @media ${device['landscape-tablets']} {
52
52
  padding: 3rem 0;
@@ -26,7 +26,7 @@ export const TryItRatafiaSectionStyled = styled.section`
26
26
  padding: 1.5rem;
27
27
  gap: 1.5rem;
28
28
 
29
- border-radius: var(--l-border-radius);
29
+ border-radius: 16px;
30
30
 
31
31
  max-width: 1200px;
32
32
 
@@ -47,7 +47,7 @@ export const TryItRatafiaSectionStyled = styled.section`
47
47
  flex: 1 0 0;
48
48
  align-self: stretch;
49
49
 
50
- gap: var(--global-gap);
50
+ gap: 1rem;
51
51
 
52
52
  @media ${device['landscape-tablets']} {
53
53
  padding: 3rem 0;
@@ -1,5 +1,10 @@
1
+ @import 'variables';
1
2
  @import 'mediaqueries';
2
3
 
4
+ @function space($times: 4) {
5
+ @return $vertical-rhythm * $times;
6
+ }
7
+
3
8
  @mixin flex-row($columns, $margin, $breakpoint: null) {
4
9
  max-width: 100%;
5
10
  min-width: 100%;
@@ -19,8 +19,8 @@ body {
19
19
  }
20
20
 
21
21
  .wrapper--responsive {
22
- padding-left: 1.5rem;
23
- padding-right: 1.5rem;
22
+ padding-left: $lateral-spacing;
23
+ padding-right: $lateral-spacing;
24
24
 
25
25
  @include desktop {
26
26
  padding-left: 0;
@@ -29,8 +29,8 @@ body {
29
29
  }
30
30
 
31
31
  .wrapper--narrow {
32
- padding-left: 1.5rem;
33
- padding-right: 1.5rem;
32
+ padding-left: $lateral-spacing;
33
+ padding-right: $lateral-spacing;
34
34
 
35
35
  @include desktop {
36
36
  margin: 0 auto;
@@ -69,8 +69,17 @@ $box-shadow-container: var(--box-shadow-container);
69
69
  $font-sans: 'Inter', sans-serif;
70
70
  $font-serif: 'Lora', serif;
71
71
 
72
+ // Special
73
+ $global-border-radius: 4px;
74
+
72
75
  // Layout
73
76
  $max-width: $lg;
77
+ $global-gap: var(--global-gap);
78
+ $vertical-rhythm: math.div(1rem, 4);
79
+ $lateral-spacing: 1.5rem;
80
+
81
+ // header
82
+ $private-area-header-height: 3.25rem;
74
83
 
75
84
  //menu
76
85
  $menu-height-mobile: 3.25rem;
@@ -2,9 +2,7 @@ html {
2
2
  --font-sans: 'Inter', sans-serif;
3
3
  --font-serif: 'Lora', serif;
4
4
 
5
- --s-border-radius: 0.25rem;
6
- --m-border-radius: 0.5rem;
7
- --l-border-radius: 1rem;
5
+ --global-border-radius: 4px;
8
6
 
9
7
  --box-shadow-small: 0 0.125rem 0.375rem 0 rgba(var(--primary-main-dark-1-rgb), 0.25);
10
8
  --box-shadow-medium: 0 0.25rem 0.5rem 0 rgba(var(--primary-main-dark-1-rgb), 0.2);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@npm_leadtech/legal-lib-components",
3
- "version": "5.46.1",
3
+ "version": "5.47.0",
4
4
  "license": "ISC",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",