@npm_leadtech/legal-lib-components 5.32.0 → 5.33.1
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.
- package/dist/src/components/atoms/IconTextInfoSection/IconTextInfoSection.styled.js +1 -1
- package/dist/src/components/atoms/IconTextInfoSection/IconTextInfoSection.styled.ts +1 -1
- package/dist/src/components/organisms/CardFunctionality/CardFunctionality.js +1 -3
- package/dist/src/components/organisms/CardFunctionality/CardFunctionality.styled.js +0 -5
- package/dist/src/components/organisms/CardFunctionality/CardFunctionality.styled.ts +0 -5
- package/dist/src/components/organisms/CardFunctionality/CardFunctionality.tsx +1 -9
- package/dist/src/components/organisms/CardFunctionality/CardFunctionalityProps.d.ts +0 -1
- package/dist/src/components/organisms/CardFunctionality/CardFunctionalityProps.ts +0 -1
- package/dist/src/components/sections/FunctionalityCardsSection/FunctionalityCardsSection.js +1 -0
- package/dist/src/components/sections/FunctionalityCardsSection/FunctionalityCardsSection.styled.js +3 -1
- package/dist/src/components/sections/FunctionalityCardsSection/FunctionalityCardsSection.styled.ts +3 -1
- package/dist/src/components/sections/FunctionalityCardsSection/FunctionalityCardsSection.tsx +1 -0
- package/package.json +1 -2
|
@@ -27,7 +27,7 @@ export const IconTextInfoSectionStyled = styled.div `
|
|
|
27
27
|
flex-direction: column;
|
|
28
28
|
background-color: var(--neutral-neutral-4);
|
|
29
29
|
justify-content: center;
|
|
30
|
-
padding: 1rem
|
|
30
|
+
padding: 1rem 1.5rem;
|
|
31
31
|
|
|
32
32
|
@media ${device['portrait-tablets']} {
|
|
33
33
|
padding: 0;
|
|
@@ -28,7 +28,7 @@ export const IconTextInfoSectionStyled = styled.div`
|
|
|
28
28
|
flex-direction: column;
|
|
29
29
|
background-color: var(--neutral-neutral-4);
|
|
30
30
|
justify-content: center;
|
|
31
|
-
padding: 1rem
|
|
31
|
+
padding: 1rem 1.5rem;
|
|
32
32
|
|
|
33
33
|
@media ${device['portrait-tablets']} {
|
|
34
34
|
padding: 0;
|
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Button, Tag } from '../../atoms';
|
|
3
3
|
import { CardFunctionalityStyled } from './CardFunctionality.styled';
|
|
4
|
-
export const CardFunctionality = ({ icon, title, text, tags, cta
|
|
5
|
-
if (isHidden)
|
|
6
|
-
return null;
|
|
4
|
+
export const CardFunctionality = ({ icon, title, text, tags, cta }) => {
|
|
7
5
|
return (_jsxs(CardFunctionalityStyled, { children: [_jsxs("div", { className: 'content-tags', children: [_jsxs("div", { className: 'content', children: [_jsxs("div", { className: 'header', children: [_jsx("div", { className: 'icon', children: icon }), _jsx("p", { className: 'title', children: title })] }), _jsx("div", { title: text, className: 'text', children: text })] }), _jsx("div", { className: 'tags', children: tags.map((tag) => (_jsx(Tag, { ...tag }, tag.id))) })] }), _jsx(Button, { ...cta, givenClass: 'cta-card' })] }));
|
|
8
6
|
};
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { device } from '../../../globalStyles/breakpoints';
|
|
2
1
|
import styled from 'styled-components';
|
|
3
2
|
export const CardFunctionalityStyled = styled.article `
|
|
4
3
|
border-radius: var(--global-border-radius);
|
|
@@ -7,10 +6,6 @@ export const CardFunctionalityStyled = styled.article `
|
|
|
7
6
|
flex-direction: column;
|
|
8
7
|
gap: var(--global-gap);
|
|
9
8
|
padding: 1em;
|
|
10
|
-
width: 100%;
|
|
11
|
-
@media ${device.laptop} {
|
|
12
|
-
width: 50%;
|
|
13
|
-
}
|
|
14
9
|
|
|
15
10
|
.content-tags {
|
|
16
11
|
display: flex;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { device } from '../../../globalStyles/breakpoints'
|
|
2
1
|
import styled from 'styled-components'
|
|
3
2
|
|
|
4
3
|
export const CardFunctionalityStyled = styled.article`
|
|
@@ -8,10 +7,6 @@ export const CardFunctionalityStyled = styled.article`
|
|
|
8
7
|
flex-direction: column;
|
|
9
8
|
gap: var(--global-gap);
|
|
10
9
|
padding: 1em;
|
|
11
|
-
width: 100%;
|
|
12
|
-
@media ${device.laptop} {
|
|
13
|
-
width: 50%;
|
|
14
|
-
}
|
|
15
10
|
|
|
16
11
|
.content-tags {
|
|
17
12
|
display: flex;
|
|
@@ -4,15 +4,7 @@ import { Button, Tag } from '../../atoms'
|
|
|
4
4
|
import { type CardFunctionalityProps } from './CardFunctionalityProps'
|
|
5
5
|
import { CardFunctionalityStyled } from './CardFunctionality.styled'
|
|
6
6
|
|
|
7
|
-
export const CardFunctionality: React.FC<CardFunctionalityProps> = ({
|
|
8
|
-
icon,
|
|
9
|
-
title,
|
|
10
|
-
text,
|
|
11
|
-
tags,
|
|
12
|
-
cta,
|
|
13
|
-
isHidden = false
|
|
14
|
-
}) => {
|
|
15
|
-
if (isHidden) return null
|
|
7
|
+
export const CardFunctionality: React.FC<CardFunctionalityProps> = ({ icon, title, text, tags, cta }) => {
|
|
16
8
|
return (
|
|
17
9
|
<CardFunctionalityStyled>
|
|
18
10
|
<div className='content-tags'>
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { CardFunctionality } from '../../organisms';
|
|
3
3
|
import { FunctionalityCardsSectionStyled } from './FunctionalityCardsSection.styled';
|
|
4
|
+
// import './FunctionalityCardsSection.scss'
|
|
4
5
|
export const FunctionalityCardsSection = ({ cards = [] }) => {
|
|
5
6
|
if (cards.length === 0)
|
|
6
7
|
return null;
|
package/dist/src/components/sections/FunctionalityCardsSection/FunctionalityCardsSection.styled.js
CHANGED
|
@@ -3,10 +3,12 @@ import styled from 'styled-components';
|
|
|
3
3
|
export const FunctionalityCardsSectionStyled = styled.section `
|
|
4
4
|
display: flex;
|
|
5
5
|
flex-direction: column;
|
|
6
|
-
gap:
|
|
6
|
+
gap: $global-gap;
|
|
7
|
+
margin-bottom: 2rem;
|
|
7
8
|
width: 100%;
|
|
8
9
|
|
|
9
10
|
@media ${device.laptop} {
|
|
10
11
|
flex-direction: row;
|
|
12
|
+
width: 50%;
|
|
11
13
|
}
|
|
12
14
|
`;
|
package/dist/src/components/sections/FunctionalityCardsSection/FunctionalityCardsSection.styled.ts
CHANGED
|
@@ -4,10 +4,12 @@ import styled from 'styled-components'
|
|
|
4
4
|
export const FunctionalityCardsSectionStyled = styled.section`
|
|
5
5
|
display: flex;
|
|
6
6
|
flex-direction: column;
|
|
7
|
-
gap:
|
|
7
|
+
gap: $global-gap;
|
|
8
|
+
margin-bottom: 2rem;
|
|
8
9
|
width: 100%;
|
|
9
10
|
|
|
10
11
|
@media ${device.laptop} {
|
|
11
12
|
flex-direction: row;
|
|
13
|
+
width: 50%;
|
|
12
14
|
}
|
|
13
15
|
`
|
package/dist/src/components/sections/FunctionalityCardsSection/FunctionalityCardsSection.tsx
CHANGED
|
@@ -3,6 +3,7 @@ import React from 'react'
|
|
|
3
3
|
import { CardFunctionality } from '../../organisms'
|
|
4
4
|
import { type FunctionalityCardsSectionProps } from './FunctionalityCardsSectionProps'
|
|
5
5
|
import { FunctionalityCardsSectionStyled } from './FunctionalityCardsSection.styled'
|
|
6
|
+
// import './FunctionalityCardsSection.scss'
|
|
6
7
|
|
|
7
8
|
export const FunctionalityCardsSection: React.FC<FunctionalityCardsSectionProps> = ({ cards = [] }) => {
|
|
8
9
|
if (cards.length === 0) return null
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@npm_leadtech/legal-lib-components",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.33.1",
|
|
4
4
|
"license": "ISC",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -166,7 +166,6 @@
|
|
|
166
166
|
"./PopularDocsItem": "./dist/src/components/atoms/PopularDocsItem/index.js",
|
|
167
167
|
"./ProgressBar": "./dist/src/components/atoms/ProgressBar/index.js",
|
|
168
168
|
"./Radio": "./dist/src/components/atoms/Radio/index.js",
|
|
169
|
-
"./RatafiaLandingIcon": "./dist/src/components/atoms/RatafiaLandingIcon/index.js",
|
|
170
169
|
"./RemoveButton": "./dist/src/components/atoms/RemoveButton/index.js",
|
|
171
170
|
"./ReviewKeyFactsResultRatafia": "./dist/src/components/atoms/ReviewKeyFactsResultRatafia/index.js",
|
|
172
171
|
"./RichTextInner": "./dist/src/components/atoms/RichTextInner/index.js",
|