@npm_leadtech/legal-lib-components 7.6.0 → 7.7.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.
Files changed (19) hide show
  1. package/dist/src/components/molecules/SubscriptionCard/RatafiaSubscriptionCard/RatafiaCardHeader.js +1 -1
  2. package/dist/src/components/molecules/SubscriptionCard/RatafiaSubscriptionCard/RatafiaCardHeader.tsx +1 -1
  3. package/dist/src/components/molecules/SubscriptionCard/SubscriptionCard.styled.js +1 -1
  4. package/dist/src/components/molecules/SubscriptionCard/SubscriptionCard.styled.ts +1 -1
  5. package/dist/src/components/organisms/GuidelinesContent/GuidelinesContent.js +3 -3
  6. package/dist/src/components/organisms/GuidelinesContent/GuidelinesContent.styled.js +83 -35
  7. package/dist/src/components/organisms/GuidelinesContent/GuidelinesContent.styled.ts +83 -35
  8. package/dist/src/components/organisms/GuidelinesContent/GuidelinesContent.tsx +28 -5
  9. package/dist/src/components/organisms/GuidelinesContent/GuidelinesContentProps.types.d.ts +7 -1
  10. package/dist/src/components/organisms/GuidelinesContent/GuidelinesContentProps.types.ts +8 -1
  11. package/dist/src/components/pages/PricingPage/PricingPage.styled.js +4 -0
  12. package/dist/src/components/pages/PricingPage/PricingPage.styled.ts +4 -0
  13. package/dist/src/components/sections/CardStorySection/CardStorySection.styled.js +2 -1
  14. package/dist/src/components/sections/CardStorySection/CardStorySection.styled.ts +2 -1
  15. package/dist/src/components/sections/ExpertsSection/ExpertsSection.styled.js +2 -1
  16. package/dist/src/components/sections/ExpertsSection/ExpertsSection.styled.ts +2 -1
  17. package/dist/src/components/sections/GuidelinesSection/GuidelinesSection.js +1 -1
  18. package/dist/src/components/sections/GuidelinesSection/GuidelinesSection.tsx +5 -0
  19. package/package.json +1 -1
package/dist/src/components/molecules/SubscriptionCard/RatafiaSubscriptionCard/RatafiaCardHeader.js CHANGED
@@ -1,4 +1,4 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { IconSvgURLWithThemeColor, RichTextStrapi } from '../../../atoms';
3
3
  import { RatafiaCardHeaderStyled } from './RatafiaCardHeader.styled';
4
- export const RatafiaCardHeader = ({ title, iconTitle, priceText }) => (_jsxs(RatafiaCardHeaderStyled, { children: [title ?? (_jsxs("div", { className: 'subscription-card__title', children: [iconTitle?.url && _jsx(IconSvgURLWithThemeColor, { url: iconTitle.url, height: '26', width: '26' }), _jsx(RichTextStrapi, { html: title })] })), priceText && _jsx("div", { className: 'subscription-card__price-text', children: priceText })] }));
4
+ export const RatafiaCardHeader = ({ title, iconTitle, priceText }) => (_jsxs(RatafiaCardHeaderStyled, { children: [title && (_jsxs("div", { className: 'subscription-card__title', children: [iconTitle?.url && _jsx(IconSvgURLWithThemeColor, { url: iconTitle.url, height: '26', width: '26' }), _jsx(RichTextStrapi, { html: title })] })), priceText && _jsx("div", { className: 'subscription-card__price-text', children: priceText })] }));
package/dist/src/components/molecules/SubscriptionCard/RatafiaSubscriptionCard/RatafiaCardHeader.tsx CHANGED
@@ -9,7 +9,7 @@ export const RatafiaCardHeader: React.FC<{ title: string; iconTitle?: { url: str
9
9
  priceText
10
10
  }) => (
11
11
  <RatafiaCardHeaderStyled>
12
- {title ?? (
12
+ {title && (
13
13
  <div className='subscription-card__title'>
14
14
  {iconTitle?.url && <IconSvgURLWithThemeColor url={iconTitle.url} height='26' width='26' />}
15
15
  <RichTextStrapi html={title} />
package/dist/src/components/molecules/SubscriptionCard/SubscriptionCard.styled.js CHANGED
@@ -5,7 +5,7 @@ export const SubscriptionCardStyled = styled.div `
5
5
  flex-flow: column nowrap;
6
6
  flex: 1;
7
7
  gap: 0.5rem;
8
- min-width: 379px;
8
+ min-width: 350px;
9
9
  padding: 1rem;
10
10
  border-radius: var(--s-border-radius);
11
11
 
package/dist/src/components/molecules/SubscriptionCard/SubscriptionCard.styled.ts CHANGED
@@ -6,7 +6,7 @@ export const SubscriptionCardStyled = styled.div`
6
6
  flex-flow: column nowrap;
7
7
  flex: 1;
8
8
  gap: 0.5rem;
9
- min-width: 379px;
9
+ min-width: 350px;
10
10
  padding: 1rem;
11
11
  border-radius: var(--s-border-radius);
12
12
 
package/dist/src/components/organisms/GuidelinesContent/GuidelinesContent.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { RichTextInner, RichTextStrapi } from '../../atoms';
2
+ import { Button, RichTextInner, RichTextStrapi } from '../../atoms';
3
3
  import { GuideslinesContentStyled } from './GuidelinesContent.styled';
4
- const GuidelinesContent = ({ title, image, detail, children }) => {
5
- return (_jsxs(GuideslinesContentStyled, { children: [_jsxs("div", { className: 'guidelines-section-main wrapper', children: [_jsx("div", { className: 'guidelines-section__image big-devices', children: image }), _jsxs("div", { className: 'guidelines-section__texts', children: [_jsx("h2", { className: 'guidelines-section__texts__title', children: title }), _jsx(RichTextInner, { customClass: 'guidelines-section__texts__body', children: children })] }), _jsx("div", { className: 'guidelines-section__image is-mobile', children: image })] }), Array.isArray(detail) && (_jsx("div", { className: 'guidelines-section-detail wrapper', children: detail.map((item, index) => (_jsxs("div", { className: 'guidelines-section-detail__item', children: [_jsx("div", { className: 'guidelines-section-detail__item__image', children: item.image }), _jsx("div", { className: 'guidelines-section-detail__item__title', children: item.title }), _jsx(RichTextStrapi, { html: item.body?.data?.childMarkdownRemark?.html })] }, index))) }))] }));
4
+ const GuidelinesContent = ({ title, detail, children, tryNowText, tryNowButtonText, tryNowButtonLink, tryNowButtonDataQa, tryNowImage }) => {
5
+ return (_jsxs(GuideslinesContentStyled, { children: [_jsx("div", { className: 'guidelines-section-main wrapper', children: _jsxs("div", { className: 'guidelines-section__texts', children: [_jsx("h2", { className: 'guidelines-section__texts__title', children: title }), _jsx(RichTextInner, { customClass: 'guidelines-section__texts__body', children: children })] }) }), Array.isArray(detail) && (_jsx("div", { className: 'guidelines-section-detail wrapper', children: detail.map((item, index) => (_jsxs("div", { className: 'guidelines-section-detail__item', children: [_jsx("div", { className: 'guidelines-section-detail__item__image', children: item.image }), _jsx("h3", { className: 'guidelines-section-detail__item__title', children: item.title }), _jsx(RichTextStrapi, { html: item.body?.data?.childMarkdownRemark?.html })] }, index))) })), _jsx("div", { className: 'guidelines-section-trial wrapper', children: _jsxs("div", { className: 'guidelines-section-trial__item', children: [_jsx("div", { className: 'guidelines-section__image is-mobile', children: tryNowImage }), _jsxs("div", { className: 'guidelines-section-trial__texts', children: [_jsx(RichTextInner, { customClass: 'guidelines-section__texts__body', children: tryNowText }), _jsx(Button, { givenClass: 'mid-banner-ratafia-content__cta', dataQa: tryNowButtonDataQa, link: tryNowButtonLink, color: 'primary', label: tryNowButtonText })] }), _jsx("div", { className: 'guidelines-section__image big-devices', children: tryNowImage })] }) })] }));
6
6
  };
7
7
  export default GuidelinesContent;
package/dist/src/components/organisms/GuidelinesContent/GuidelinesContent.styled.js CHANGED
@@ -14,7 +14,6 @@ export const GuideslinesContentStyled = styled.div `
14
14
  }
15
15
 
16
16
  .guidelines-section__texts {
17
- flex-basis: 50%;
18
17
  display: flex;
19
18
  flex-direction: column;
20
19
  justify-content: center;
@@ -26,18 +25,19 @@ export const GuideslinesContentStyled = styled.div `
26
25
  letter-spacing: -0.3px;
27
26
 
28
27
  @media ${device['landscape-tablets']} {
29
- margin-left: 3rem;
28
+ margin-left: 2rem;
30
29
  margin-bottom: 0;
31
30
  }
32
31
 
33
32
  &__title {
34
- font-family: var(--font-serif);
33
+ font-family: var(--font-sans);
35
34
  margin-bottom: 2rem;
36
35
  text-align: center;
37
- font-size: 32px;
36
+ font-weight: 700;
37
+ font-size: 1.75rem;
38
+ color: var(--neutral-neutral-1);
38
39
  font-style: normal;
39
- font-weight: 400;
40
- line-height: 42px;
40
+ line-height: 32px;
41
41
  letter-spacing: -0.3px;
42
42
 
43
43
  @media ${device['landscape-tablets']} {
@@ -57,31 +57,6 @@ export const GuideslinesContentStyled = styled.div `
57
57
  }
58
58
  }
59
59
 
60
- .guidelines-section__image {
61
- flex-basis: 50%;
62
- margin-bottom: 2rem;
63
-
64
- &.big-devices {
65
- display: none;
66
-
67
- @media ${device['landscape-tablets']} {
68
- display: flex;
69
- }
70
- }
71
-
72
- &.is-mobile {
73
- display: none;
74
-
75
- @media ${device['landscape-tablets']} {
76
- display: none;
77
- }
78
-
79
- img {
80
- display: none;
81
- }
82
- }
83
- }
84
-
85
60
  .guidelines-section-detail {
86
61
  display: flex;
87
62
  flex-direction: column;
@@ -106,11 +81,11 @@ export const GuideslinesContentStyled = styled.div `
106
81
  }
107
82
 
108
83
  &__title {
109
- font-family: var(--font-serif);
84
+ font-family: var(--font-sans);
110
85
  font-style: normal;
111
- font-weight: 400;
112
- font-size: 24px;
113
- line-height: 32px;
86
+ font-weight: 700;
87
+ font-size: 18px;
88
+ line-height: 24px;
114
89
  letter-spacing: -0.3px;
115
90
  color: var(--neutral-neutral-1);
116
91
  margin: 1.5rem 0 1rem 0;
@@ -135,4 +110,77 @@ export const GuideslinesContentStyled = styled.div `
135
110
  }
136
111
  }
137
112
  }
113
+
114
+ .guidelines-section-trial {
115
+ display: flex;
116
+ flex-direction: column;
117
+ gap: 1.5rem;
118
+ margin: 2rem 0 1rem 0;
119
+
120
+ @media ${device.laptop} {
121
+ flex-direction: row;
122
+ }
123
+
124
+ &__texts {
125
+ flex-basis: 50%;
126
+ display: flex;
127
+ flex-direction: column;
128
+ justify-content: flex-start;
129
+ color: var(--neutral-neutral-1);
130
+ font-style: normal;
131
+ font-weight: 400;
132
+ letter-spacing: -0.3px;
133
+ margin-right: 3rem;
134
+
135
+ &__body {
136
+ font-family: var(--font-sans);
137
+ font-size: 16px;
138
+ line-height: 22px;
139
+ margin-bottom: 1.5rem;
140
+ a {
141
+ color: var(--primary-main-light-1);
142
+ font-weight: 400 !important;
143
+ }
144
+ }
145
+ .e-button {
146
+ height: auto;
147
+ align-self: flex-start;
148
+ margin-top: 2.5rem;
149
+ }
150
+ }
151
+
152
+ &__item {
153
+ display: flex;
154
+ flex-direction: column;
155
+ justify-content: space-between;
156
+ background: var(--others-white);
157
+ border-radius: var(--m-border-radius);
158
+
159
+ @media ${device.laptop} {
160
+ padding: 1.5rem;
161
+ flex-direction: row;
162
+ }
163
+ }
164
+ }
165
+
166
+ .guidelines-section__image {
167
+ flex-basis: 50%;
168
+ margin-bottom: 2rem;
169
+
170
+ &.big-devices {
171
+ display: none;
172
+ }
173
+ &.is-mobile {
174
+ display: flex;
175
+ }
176
+
177
+ @media ${device.laptop} {
178
+ &.big-devices {
179
+ display: flex;
180
+ }
181
+ &.is-mobile {
182
+ display: none;
183
+ }
184
+ }
185
+ }
138
186
  `;
package/dist/src/components/organisms/GuidelinesContent/GuidelinesContent.styled.ts CHANGED
@@ -15,7 +15,6 @@ export const GuideslinesContentStyled = styled.div`
15
15
  }
16
16
 
17
17
  .guidelines-section__texts {
18
- flex-basis: 50%;
19
18
  display: flex;
20
19
  flex-direction: column;
21
20
  justify-content: center;
@@ -27,18 +26,19 @@ export const GuideslinesContentStyled = styled.div`
27
26
  letter-spacing: -0.3px;
28
27
 
29
28
  @media ${device['landscape-tablets']} {
30
- margin-left: 3rem;
29
+ margin-left: 2rem;
31
30
  margin-bottom: 0;
32
31
  }
33
32
 
34
33
  &__title {
35
- font-family: var(--font-serif);
34
+ font-family: var(--font-sans);
36
35
  margin-bottom: 2rem;
37
36
  text-align: center;
38
- font-size: 32px;
37
+ font-weight: 700;
38
+ font-size: 1.75rem;
39
+ color: var(--neutral-neutral-1);
39
40
  font-style: normal;
40
- font-weight: 400;
41
- line-height: 42px;
41
+ line-height: 32px;
42
42
  letter-spacing: -0.3px;
43
43
 
44
44
  @media ${device['landscape-tablets']} {
@@ -58,31 +58,6 @@ export const GuideslinesContentStyled = styled.div`
58
58
  }
59
59
  }
60
60
 
61
- .guidelines-section__image {
62
- flex-basis: 50%;
63
- margin-bottom: 2rem;
64
-
65
- &.big-devices {
66
- display: none;
67
-
68
- @media ${device['landscape-tablets']} {
69
- display: flex;
70
- }
71
- }
72
-
73
- &.is-mobile {
74
- display: none;
75
-
76
- @media ${device['landscape-tablets']} {
77
- display: none;
78
- }
79
-
80
- img {
81
- display: none;
82
- }
83
- }
84
- }
85
-
86
61
  .guidelines-section-detail {
87
62
  display: flex;
88
63
  flex-direction: column;
@@ -107,11 +82,11 @@ export const GuideslinesContentStyled = styled.div`
107
82
  }
108
83
 
109
84
  &__title {
110
- font-family: var(--font-serif);
85
+ font-family: var(--font-sans);
111
86
  font-style: normal;
112
- font-weight: 400;
113
- font-size: 24px;
114
- line-height: 32px;
87
+ font-weight: 700;
88
+ font-size: 18px;
89
+ line-height: 24px;
115
90
  letter-spacing: -0.3px;
116
91
  color: var(--neutral-neutral-1);
117
92
  margin: 1.5rem 0 1rem 0;
@@ -136,4 +111,77 @@ export const GuideslinesContentStyled = styled.div`
136
111
  }
137
112
  }
138
113
  }
114
+
115
+ .guidelines-section-trial {
116
+ display: flex;
117
+ flex-direction: column;
118
+ gap: 1.5rem;
119
+ margin: 2rem 0 1rem 0;
120
+
121
+ @media ${device.laptop} {
122
+ flex-direction: row;
123
+ }
124
+
125
+ &__texts {
126
+ flex-basis: 50%;
127
+ display: flex;
128
+ flex-direction: column;
129
+ justify-content: flex-start;
130
+ color: var(--neutral-neutral-1);
131
+ font-style: normal;
132
+ font-weight: 400;
133
+ letter-spacing: -0.3px;
134
+ margin-right: 3rem;
135
+
136
+ &__body {
137
+ font-family: var(--font-sans);
138
+ font-size: 16px;
139
+ line-height: 22px;
140
+ margin-bottom: 1.5rem;
141
+ a {
142
+ color: var(--primary-main-light-1);
143
+ font-weight: 400 !important;
144
+ }
145
+ }
146
+ .e-button {
147
+ height: auto;
148
+ align-self: flex-start;
149
+ margin-top: 2.5rem;
150
+ }
151
+ }
152
+
153
+ &__item {
154
+ display: flex;
155
+ flex-direction: column;
156
+ justify-content: space-between;
157
+ background: var(--others-white);
158
+ border-radius: var(--m-border-radius);
159
+
160
+ @media ${device.laptop} {
161
+ padding: 1.5rem;
162
+ flex-direction: row;
163
+ }
164
+ }
165
+ }
166
+
167
+ .guidelines-section__image {
168
+ flex-basis: 50%;
169
+ margin-bottom: 2rem;
170
+
171
+ &.big-devices {
172
+ display: none;
173
+ }
174
+ &.is-mobile {
175
+ display: flex;
176
+ }
177
+
178
+ @media ${device.laptop} {
179
+ &.big-devices {
180
+ display: flex;
181
+ }
182
+ &.is-mobile {
183
+ display: none;
184
+ }
185
+ }
186
+ }
139
187
  `
package/dist/src/components/organisms/GuidelinesContent/GuidelinesContent.tsx CHANGED
@@ -1,31 +1,54 @@
1
1
  import React, { type FC } from 'react'
2
2
 
3
- import { RichTextInner, RichTextStrapi } from '../../atoms'
3
+ import { Button, RichTextInner, RichTextStrapi } from '../../atoms'
4
4
  import { type GuidelinesContentProps } from './GuidelinesContentProps.types'
5
5
  import { GuideslinesContentStyled } from './GuidelinesContent.styled'
6
6
 
7
- const GuidelinesContent: FC<GuidelinesContentProps> = ({ title, image, detail, children }) => {
7
+ const GuidelinesContent: FC<GuidelinesContentProps> = ({
8
+ title,
9
+ detail,
10
+ children,
11
+ tryNowText,
12
+ tryNowButtonText,
13
+ tryNowButtonLink,
14
+ tryNowButtonDataQa,
15
+ tryNowImage
16
+ }) => {
8
17
  return (
9
18
  <GuideslinesContentStyled>
10
19
  <div className='guidelines-section-main wrapper'>
11
- <div className='guidelines-section__image big-devices'>{image}</div>
12
20
  <div className='guidelines-section__texts'>
13
21
  <h2 className='guidelines-section__texts__title'>{title}</h2>
14
22
  <RichTextInner customClass='guidelines-section__texts__body'>{children}</RichTextInner>
15
23
  </div>
16
- <div className='guidelines-section__image is-mobile'>{image}</div>
17
24
  </div>
18
25
  {Array.isArray(detail) && (
19
26
  <div className='guidelines-section-detail wrapper'>
20
27
  {detail.map((item, index) => (
21
28
  <div className='guidelines-section-detail__item' key={index}>
22
29
  <div className='guidelines-section-detail__item__image'>{item.image}</div>
23
- <div className='guidelines-section-detail__item__title'>{item.title}</div>
30
+ <h3 className='guidelines-section-detail__item__title'>{item.title}</h3>
24
31
  <RichTextStrapi html={item.body?.data?.childMarkdownRemark?.html as string} />
25
32
  </div>
26
33
  ))}
27
34
  </div>
28
35
  )}
36
+ <div className='guidelines-section-trial wrapper'>
37
+ <div className='guidelines-section-trial__item'>
38
+ <div className='guidelines-section__image is-mobile'>{tryNowImage}</div>
39
+ <div className='guidelines-section-trial__texts'>
40
+ <RichTextInner customClass='guidelines-section__texts__body'>{tryNowText}</RichTextInner>
41
+ <Button
42
+ givenClass='mid-banner-ratafia-content__cta'
43
+ dataQa={tryNowButtonDataQa}
44
+ link={tryNowButtonLink}
45
+ color='primary'
46
+ label={tryNowButtonText}
47
+ />
48
+ </div>
49
+ <div className='guidelines-section__image big-devices'>{tryNowImage}</div>
50
+ </div>
51
+ </div>
29
52
  </GuideslinesContentStyled>
30
53
  )
31
54
  }
package/dist/src/components/organisms/GuidelinesContent/GuidelinesContentProps.types.d.ts CHANGED
@@ -1,6 +1,12 @@
1
+ import React from 'react';
1
2
  export interface GuidelinesContentProps {
2
3
  title: string;
3
- image: React.ReactNode;
4
+ image?: React.ReactNode;
4
5
  children: React.ReactNode;
5
6
  detail?: React.ReactNode;
7
+ tryNowText: React.ReactNode;
8
+ tryNowButtonText: string;
9
+ tryNowButtonLink: string;
10
+ tryNowButtonDataQa: string;
11
+ tryNowImage?: React.ReactNode;
6
12
  }
package/dist/src/components/organisms/GuidelinesContent/GuidelinesContentProps.types.ts CHANGED
@@ -1,6 +1,13 @@
1
+ import React from 'react'
2
+
1
3
  export interface GuidelinesContentProps {
2
4
  title: string
3
- image: React.ReactNode
5
+ image?: React.ReactNode
4
6
  children: React.ReactNode
5
7
  detail?: React.ReactNode
8
+ tryNowText: React.ReactNode
9
+ tryNowButtonText: string
10
+ tryNowButtonLink: string
11
+ tryNowButtonDataQa: string
12
+ tryNowImage?: React.ReactNode
6
13
  }
package/dist/src/components/pages/PricingPage/PricingPage.styled.js CHANGED
@@ -32,6 +32,10 @@ export const PricingPageStyled = styled.div `
32
32
  text-align: center;
33
33
  }
34
34
 
35
+ .subscription-card {
36
+ min-width: 379px;
37
+ }
38
+
35
39
  .subscription-card__feature {
36
40
  margin-bottom: 1rem;
37
41
  &.ratafia-feature {
package/dist/src/components/pages/PricingPage/PricingPage.styled.ts CHANGED
@@ -33,6 +33,10 @@ export const PricingPageStyled = styled.div`
33
33
  text-align: center;
34
34
  }
35
35
 
36
+ .subscription-card {
37
+ min-width: 379px;
38
+ }
39
+
36
40
  .subscription-card__feature {
37
41
  margin-bottom: 1rem;
38
42
  &.ratafia-feature {
package/dist/src/components/sections/CardStorySection/CardStorySection.styled.js CHANGED
@@ -7,9 +7,10 @@ export const CardStorySectionStyled = styled.div `
7
7
  .card-story-section {
8
8
  &__title {
9
9
  font-weight: 700;
10
- font-size: 1.8rem;
10
+ font-size: 1.75rem;
11
11
  color: var(--neutral-neutral-1);
12
12
  font-family: var(--font-sans);
13
+ letter-spacing: -0.3px;
13
14
  padding-bottom: 1.5rem;
14
15
  }
15
16
  &__text {
package/dist/src/components/sections/CardStorySection/CardStorySection.styled.ts CHANGED
@@ -8,9 +8,10 @@ export const CardStorySectionStyled = styled.div`
8
8
  .card-story-section {
9
9
  &__title {
10
10
  font-weight: 700;
11
- font-size: 1.8rem;
11
+ font-size: 1.75rem;
12
12
  color: var(--neutral-neutral-1);
13
13
  font-family: var(--font-sans);
14
+ letter-spacing: -0.3px;
14
15
  padding-bottom: 1.5rem;
15
16
  }
16
17
  &__text {
package/dist/src/components/sections/ExpertsSection/ExpertsSection.styled.js CHANGED
@@ -14,7 +14,8 @@ export const ExpertsSectionStyled = styled.div `
14
14
  .experts-section {
15
15
  &__title {
16
16
  font-family: var(--font-sans);
17
- font-size: 32px;
17
+ font-size: 1.75rem;
18
+ color: var(--neutral-neutral-1);
18
19
  font-weight: 700;
19
20
  line-height: 42px;
20
21
  letter-spacing: -0.3px;
package/dist/src/components/sections/ExpertsSection/ExpertsSection.styled.ts CHANGED
@@ -15,7 +15,8 @@ export const ExpertsSectionStyled = styled.div`
15
15
  .experts-section {
16
16
  &__title {
17
17
  font-family: var(--font-sans);
18
- font-size: 32px;
18
+ font-size: 1.75rem;
19
+ color: var(--neutral-neutral-1);
19
20
  font-weight: 700;
20
21
  line-height: 42px;
21
22
  letter-spacing: -0.3px;
package/dist/src/components/sections/GuidelinesSection/GuidelinesSection.js CHANGED
@@ -2,6 +2,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { GuidelinesContent } from '../../organisms/GuidelinesContent';
3
3
  import { GuidelinesSectionStyled } from './GuidelinesSection.styled';
4
4
  const GuidelinesSection = ({ contentGuidelines }) => {
5
- return (_jsx(GuidelinesSectionStyled, { className: 'guidelines-section', children: _jsx(GuidelinesContent, { title: contentGuidelines.title, image: contentGuidelines.image, detail: contentGuidelines.detail, children: contentGuidelines.children }) }));
5
+ return (_jsx(GuidelinesSectionStyled, { className: 'guidelines-section', children: _jsx(GuidelinesContent, { title: contentGuidelines.title, image: contentGuidelines.image, detail: contentGuidelines.detail, tryNowText: contentGuidelines.tryNowText, tryNowButtonText: contentGuidelines.tryNowButtonText, tryNowButtonLink: contentGuidelines.tryNowButtonLink, tryNowButtonDataQa: contentGuidelines.tryNowButtonDataQa, tryNowImage: contentGuidelines.tryNowImage, children: contentGuidelines.children }) }));
6
6
  };
7
7
  export default GuidelinesSection;
package/dist/src/components/sections/GuidelinesSection/GuidelinesSection.tsx CHANGED
@@ -11,6 +11,11 @@ const GuidelinesSection: FC<GuidelinesSectionProps> = ({ contentGuidelines }) =>
11
11
  title={contentGuidelines.title}
12
12
  image={contentGuidelines.image}
13
13
  detail={contentGuidelines.detail}
14
+ tryNowText={contentGuidelines.tryNowText}
15
+ tryNowButtonText={contentGuidelines.tryNowButtonText}
16
+ tryNowButtonLink={contentGuidelines.tryNowButtonLink}
17
+ tryNowButtonDataQa={contentGuidelines.tryNowButtonDataQa}
18
+ tryNowImage={contentGuidelines.tryNowImage}
14
19
  >
15
20
  {contentGuidelines.children}
16
21
  </GuidelinesContent>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@npm_leadtech/legal-lib-components",
3
- "version": "7.6.0",
3
+ "version": "7.7.1",
4
4
  "license": "ISC",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",