@npm_leadtech/legal-lib-components 5.11.13 → 5.11.21

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.
@@ -2202,7 +2202,7 @@ h2.react-datepicker__current-month {
2202
2202
  .e-text {
2203
2203
  display: flex;
2204
2204
  flex-direction: column-reverse;
2205
- margin-bottom: 1rem;
2205
+ margin-bottom: 2rem;
2206
2206
  position: relative;
2207
2207
  }
2208
2208
  .e-text input {
@@ -1,5 +1,4 @@
1
1
  export interface MenuItemProps {
2
- className?: string;
3
2
  spacing?: boolean;
4
3
  hasBullets?: boolean;
5
4
  initialActiveContent?: string;
@@ -1,6 +1,5 @@
1
1
  /* eslint-disable @typescript-eslint/no-explicit-any */
2
2
  export interface MenuItemProps {
3
- className?: string
4
3
  spacing?: boolean
5
4
  hasBullets?: boolean
6
5
  initialActiveContent?: string
@@ -6,7 +6,7 @@ export const SearchSelectStyled = styled.div `
6
6
  .e-searchselect {
7
7
  display: flex;
8
8
  flex-direction: column-reverse;
9
- margin-bottom: 1rem;
9
+ margin-bottom: 2rem;
10
10
  position: relative;
11
11
 
12
12
  @media ${device.laptop} {
@@ -7,7 +7,7 @@ export const SearchSelectStyled = styled.div`
7
7
  .e-searchselect {
8
8
  display: flex;
9
9
  flex-direction: column-reverse;
10
- margin-bottom: 1rem;
10
+ margin-bottom: 2rem;
11
11
  position: relative;
12
12
 
13
13
  @media ${device.laptop} {
@@ -9,7 +9,6 @@ const BottomOverlay = ({ givenClass, header, body, open = false, onClose, footer
9
9
  const overlayBackground = useRef(null);
10
10
  const overlayMessage = useRef(null);
11
11
  useEffect(() => {
12
- handleBodyScroll(open);
13
12
  if (open) {
14
13
  const backgroundElement = overlayBackground.current;
15
14
  backgroundElement.addEventListener('mousedown', handleCloseModal);
@@ -18,17 +17,6 @@ const BottomOverlay = ({ givenClass, header, body, open = false, onClose, footer
18
17
  };
19
18
  }
20
19
  }, [open]);
21
- const handleBodyScroll = (disableScroll) => {
22
- if (disableScroll) {
23
- document.body.style.overflow = 'hidden';
24
- document.body.style.position = 'fixed';
25
- }
26
- else {
27
- document.body.style.overflow = 'unset';
28
- document.body.style.position = 'relative';
29
- document.body.style.width = '100%';
30
- }
31
- };
32
20
  const handleCloseModal = (event) => {
33
21
  if (onClose != null)
34
22
  onClose();
@@ -12,7 +12,6 @@ const BottomOverlay: FC<BottomOverlayProps> = ({ givenClass, header, body, open
12
12
  const overlayMessage = useRef<HTMLDivElement | null>(null)
13
13
 
14
14
  useEffect(() => {
15
- handleBodyScroll(open)
16
15
  if (open) {
17
16
  const backgroundElement = overlayBackground.current as HTMLElement
18
17
  backgroundElement.addEventListener('mousedown', handleCloseModal)
@@ -22,17 +21,6 @@ const BottomOverlay: FC<BottomOverlayProps> = ({ givenClass, header, body, open
22
21
  }
23
22
  }, [open])
24
23
 
25
- const handleBodyScroll = (disableScroll: boolean): void => {
26
- if (disableScroll) {
27
- document.body.style.overflow = 'hidden'
28
- document.body.style.position = 'fixed'
29
- } else {
30
- document.body.style.overflow = 'unset'
31
- document.body.style.position = 'relative'
32
- document.body.style.width = '100%'
33
- }
34
- }
35
-
36
24
  const handleCloseModal = (event: MouseEvent): void => {
37
25
  if (onClose != null) onClose()
38
26
  }
@@ -1,11 +1,10 @@
1
- import { device } from '../../../globalStyles/breakpoints';
2
1
  import styled from 'styled-components';
3
2
  export const RatafiaSubscriptionCardStyled = styled.div `
4
3
  display: flex;
5
4
  flex-flow: column nowrap;
6
5
  flex: 1;
7
6
  gap: 0.5rem;
8
- min-width: 270px;
7
+ min-width: 320px;
9
8
  padding: 1rem;
10
9
  border-radius: var(--global-border-radius);
11
10
 
@@ -91,11 +90,5 @@ export const RatafiaSubscriptionCardStyled = styled.div `
91
90
  display: flex;
92
91
  margin-top: 1.5rem;
93
92
  }
94
-
95
- @media ${device.mobile} {
96
- &__button {
97
- flex: 1;
98
- }
99
- }
100
93
  }
101
94
  `;
@@ -1,4 +1,3 @@
1
- import { device } from '../../../globalStyles/breakpoints'
2
1
  import styled from 'styled-components'
3
2
 
4
3
  export const RatafiaSubscriptionCardStyled = styled.div`
@@ -6,7 +5,7 @@ export const RatafiaSubscriptionCardStyled = styled.div`
6
5
  flex-flow: column nowrap;
7
6
  flex: 1;
8
7
  gap: 0.5rem;
9
- min-width: 270px;
8
+ min-width: 320px;
10
9
  padding: 1rem;
11
10
  border-radius: var(--global-border-radius);
12
11
 
@@ -92,11 +91,5 @@ export const RatafiaSubscriptionCardStyled = styled.div`
92
91
  display: flex;
93
92
  margin-top: 1.5rem;
94
93
  }
95
-
96
- @media ${device.mobile} {
97
- &__button {
98
- flex: 1;
99
- }
100
- }
101
94
  }
102
95
  `
@@ -7,7 +7,7 @@
7
7
  .e-text {
8
8
  display: flex;
9
9
  flex-direction: column-reverse;
10
- margin-bottom: 1rem;
10
+ margin-bottom: 2rem;
11
11
  position: relative;
12
12
 
13
13
  input {
@@ -10,7 +10,6 @@ export const CookiePolicyBarStyled = styled.div `
10
10
  position: fixed;
11
11
  bottom: 0;
12
12
  z-index: 3;
13
- flex-direction: column;
14
13
 
15
14
  @media ${device['portrait-tablets']} {
16
15
  flex-direction: row;
@@ -11,7 +11,6 @@ export const CookiePolicyBarStyled = styled.div`
11
11
  position: fixed;
12
12
  bottom: 0;
13
13
  z-index: 3;
14
- flex-direction: column;
15
14
 
16
15
  @media ${device['portrait-tablets']} {
17
16
  flex-direction: row;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@npm_leadtech/legal-lib-components",
3
- "version": "5.11.13",
3
+ "version": "5.11.21",
4
4
  "license": "ISC",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",