@npm_leadtech/legal-lib-components 5.11.1 → 5.11.3

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 (7) hide show
  1. package/dist/src/components/molecules/MoreDocsMobile/MoreDocsMobile.js +1 -1
  2. package/dist/src/components/molecules/MoreDocsMobile/MoreDocsMobile.styled.js +7 -7
  3. package/dist/src/components/molecules/MoreDocsMobile/MoreDocsMobile.styled.ts +7 -7
  4. package/dist/src/components/molecules/MoreDocsMobile/MoreDocsMobile.tsx +1 -1
  5. package/dist/src/components/organisms/CookiePolicyBar/CookiePolicyBar.styled.js +3 -10
  6. package/dist/src/components/organisms/CookiePolicyBar/CookiePolicyBar.styled.ts +3 -10
  7. package/package.json +1 -1
package/dist/src/components/molecules/MoreDocsMobile/MoreDocsMobile.js CHANGED
@@ -11,7 +11,7 @@ export const MoreDocsMobile = ({ title, documents }) => {
11
11
  if (event.key === 'Enter' || event.key === ' ') {
12
12
  setIsOpen(!isOpen);
13
13
  }
14
- }, children: _jsxs("div", { className: 'box-closed', children: [_jsx("p", { className: 'box-title', children: title }), _jsx("div", { className: `icon-see-more ${!isOpen ? 'open' : ''}`, children: _jsx(ChevronRight24px, {}) })] }) }), isOpen && (_jsx("div", { className: 'more-docs-list', children: documents.map((document) => {
14
+ }, children: _jsxs("div", { className: 'box-closed', children: [_jsx("p", { className: 'box-title sans-serif --medium', children: title }), _jsx("div", { className: `icon-see-more ${!isOpen ? 'open' : ''}`, children: _jsx(ChevronRight24px, {}) })] }) }), isOpen && (_jsx("div", { className: 'more-docs-list', children: documents.map((document) => {
15
15
  return (_jsxs("div", { className: 'docs-list', children: [_jsx(MoreDocsItem, { ...document }), _jsx("div", { className: 'separation-line' })] }, document.id));
16
16
  }) }))] }));
17
17
  };
package/dist/src/components/molecules/MoreDocsMobile/MoreDocsMobile.styled.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import styled from 'styled-components';
2
2
  export const MoreDocsMobileStyled = styled.div `
3
3
  .more-docs-mobile {
4
- margin: 0px 24px 40px 24px;
4
+ margin: 0 1.5rem 2.5rem 1.5rem;
5
5
  padding: 5px 0;
6
6
  border-radius: 4px;
7
7
  border: solid 2px #dfe5e8;
@@ -13,8 +13,10 @@ export const MoreDocsMobileStyled = styled.div `
13
13
 
14
14
  .box-closed {
15
15
  display: flex;
16
- flex-direction: row;
16
+ padding: 1rem;
17
+ justify-content: space-between;
17
18
  align-items: center;
19
+ align-self: stretch;
18
20
 
19
21
  .icon-see-more {
20
22
  transform: rotate(-90deg);
@@ -29,14 +31,12 @@ export const MoreDocsMobileStyled = styled.div `
29
31
  }
30
32
 
31
33
  svg {
32
- width: 40px;
33
- height: 40px;
34
+ width: 1.5rem;
35
+ height: 1.5rem;
34
36
  }
35
37
  }
36
-
37
38
  .box-title {
38
- align-self: center;
39
- margin-right: 4rem;
39
+ color: var(--neutral-neutral-1);
40
40
  }
41
41
  }
42
42
  }
package/dist/src/components/molecules/MoreDocsMobile/MoreDocsMobile.styled.ts CHANGED
@@ -2,7 +2,7 @@ import styled from 'styled-components'
2
2
 
3
3
  export const MoreDocsMobileStyled = styled.div`
4
4
  .more-docs-mobile {
5
- margin: 0px 24px 40px 24px;
5
+ margin: 0 1.5rem 2.5rem 1.5rem;
6
6
  padding: 5px 0;
7
7
  border-radius: 4px;
8
8
  border: solid 2px #dfe5e8;
@@ -14,8 +14,10 @@ export const MoreDocsMobileStyled = styled.div`
14
14
 
15
15
  .box-closed {
16
16
  display: flex;
17
- flex-direction: row;
17
+ padding: 1rem;
18
+ justify-content: space-between;
18
19
  align-items: center;
20
+ align-self: stretch;
19
21
 
20
22
  .icon-see-more {
21
23
  transform: rotate(-90deg);
@@ -30,14 +32,12 @@ export const MoreDocsMobileStyled = styled.div`
30
32
  }
31
33
 
32
34
  svg {
33
- width: 40px;
34
- height: 40px;
35
+ width: 1.5rem;
36
+ height: 1.5rem;
35
37
  }
36
38
  }
37
-
38
39
  .box-title {
39
- align-self: center;
40
- margin-right: 4rem;
40
+ color: var(--neutral-neutral-1);
41
41
  }
42
42
  }
43
43
  }
package/dist/src/components/molecules/MoreDocsMobile/MoreDocsMobile.tsx CHANGED
@@ -24,7 +24,7 @@ export const MoreDocsMobile: React.FC<MoreDocsMobileProps> = ({ title, documents
24
24
  }}
25
25
  >
26
26
  <div className='box-closed'>
27
- <p className='box-title'>{title}</p>
27
+ <p className='box-title sans-serif --medium'>{title}</p>
28
28
  <div className={`icon-see-more ${!isOpen ? 'open' : ''}`}>
29
29
  <ChevronRight24px />
30
30
  </div>
package/dist/src/components/organisms/CookiePolicyBar/CookiePolicyBar.styled.js CHANGED
@@ -2,12 +2,14 @@ import { device } from '../../../globalStyles/breakpoints';
2
2
  import styled from 'styled-components';
3
3
  export const CookiePolicyBarStyled = styled.div `
4
4
  display: flex;
5
- flex-direction: column;
6
5
  align-items: center;
7
6
  width: 100%;
8
7
  padding: 0 1.5rem 1rem;
9
8
  background-color: black;
10
9
  color: var(--others-white);
10
+ position: fixed;
11
+ bottom: 0;
12
+ z-index: 3;
11
13
 
12
14
  @media ${device['portrait-tablets']} {
13
15
  flex-direction: row;
@@ -16,15 +18,6 @@ export const CookiePolicyBarStyled = styled.div `
16
18
  justify-content: center;
17
19
  }
18
20
 
19
- .fixed-container {
20
- display: flex;
21
- flex-direction: column;
22
- position: fixed;
23
- bottom: 0;
24
- z-index: 3;
25
- width: 100%;
26
- }
27
-
28
21
  .cookie-policy-bar__text {
29
22
  margin: 1rem 0 0.5rem;
30
23
  max-width: 48rem;
package/dist/src/components/organisms/CookiePolicyBar/CookiePolicyBar.styled.ts CHANGED
@@ -3,12 +3,14 @@ import styled from 'styled-components'
3
3
 
4
4
  export const CookiePolicyBarStyled = styled.div`
5
5
  display: flex;
6
- flex-direction: column;
7
6
  align-items: center;
8
7
  width: 100%;
9
8
  padding: 0 1.5rem 1rem;
10
9
  background-color: black;
11
10
  color: var(--others-white);
11
+ position: fixed;
12
+ bottom: 0;
13
+ z-index: 3;
12
14
 
13
15
  @media ${device['portrait-tablets']} {
14
16
  flex-direction: row;
@@ -17,15 +19,6 @@ export const CookiePolicyBarStyled = styled.div`
17
19
  justify-content: center;
18
20
  }
19
21
 
20
- .fixed-container {
21
- display: flex;
22
- flex-direction: column;
23
- position: fixed;
24
- bottom: 0;
25
- z-index: 3;
26
- width: 100%;
27
- }
28
-
29
22
  .cookie-policy-bar__text {
30
23
  margin: 1rem 0 0.5rem;
31
24
  max-width: 48rem;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@npm_leadtech/legal-lib-components",
3
- "version": "5.11.1",
3
+ "version": "5.11.3",
4
4
  "license": "ISC",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",