hds-web 1.16.6 → 1.16.7
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/index.css +1 -1
- package/dist/index.es.css +1 -1
- package/dist/index.es.js +1 -1
- package/dist/index.js +1 -1
- package/package.json +1 -1
- package/src/HDS/modules/TextCard/textCard.js +11 -11
package/package.json
CHANGED
|
@@ -58,7 +58,7 @@ export default function TextCard(props) {
|
|
|
58
58
|
<Typography
|
|
59
59
|
key={i}
|
|
60
60
|
textStyle="body1"
|
|
61
|
-
className="pb-6 pr-8
|
|
61
|
+
className="pb-6 pr-8 max-w-[412px] [&>p]:pb-2 [&>p]:text-neutral-600 last:[&>p]:pb-0 [&>ul]:ps-4 [&>ul>li]:list-disc [&>ul>li]:pb-2 last:[&>ul>li]:pb-0 [&>p>a]:text-blue-600">
|
|
62
62
|
<ReactMarkdown>
|
|
63
63
|
{desc.description}
|
|
64
64
|
</ReactMarkdown>
|
|
@@ -92,7 +92,7 @@ export default function TextCard(props) {
|
|
|
92
92
|
)
|
|
93
93
|
}
|
|
94
94
|
{props.addiDescription && (
|
|
95
|
-
<Typography textStyle='body1' className='text-neutral-600'>{props.addiDescription}</Typography>
|
|
95
|
+
<Typography textStyle='body1' className='text-neutral-600 max-w-[412px]'>{props.addiDescription}</Typography>
|
|
96
96
|
)
|
|
97
97
|
}
|
|
98
98
|
</>
|
|
@@ -100,14 +100,14 @@ export default function TextCard(props) {
|
|
|
100
100
|
}
|
|
101
101
|
{
|
|
102
102
|
props.feature_cards_links && (
|
|
103
|
-
<div className='tb:border border-neutral-150 rounded-3xl'>
|
|
103
|
+
<div className='tb:border border-neutral-150 rounded-3xl max-w-[460px]'>
|
|
104
104
|
{
|
|
105
105
|
props.feature_cards_links.map((list, i) => {
|
|
106
106
|
const currentStrokeColor = HDSColor(list.icon_color)
|
|
107
107
|
const imgBgColor = HDSColor(list.tab_img_bg_class)
|
|
108
108
|
return (
|
|
109
109
|
<div key={i} className='border-b border-b-neutral-150 last:border-b-0 cursor-pointer' onClick={() => setImgActive(list.title)}>
|
|
110
|
-
<div className={'m-2 p-
|
|
110
|
+
<div className={'my-4 tb-l:m-2 p-4 tb:p-6 rounded-2xl transition ease-in duration-200 hover:bg-neutral-50' + ((imgActive === list.title) ? " bg-neutral-150" : "")} key={i}>
|
|
111
111
|
<div className='flex items-center pb-4'>
|
|
112
112
|
<Icon
|
|
113
113
|
height={`w-6 h-6 mr-2 stroke-[1.5px]`}
|
|
@@ -117,7 +117,7 @@ export default function TextCard(props) {
|
|
|
117
117
|
/>
|
|
118
118
|
<Typography textStyle='h5' as='h5' className='text-neutral-1000'>{list.title}</Typography>
|
|
119
119
|
</div>
|
|
120
|
-
{list.description && <Typography textStyle='body3' className='pb-4 text-neutral-
|
|
120
|
+
{list.description && <Typography textStyle='body3' className='pb-4 text-neutral-600'>{list.description}</Typography>}
|
|
121
121
|
{
|
|
122
122
|
list.descriptions_list && list.descriptions_list.map((descList, j) => {
|
|
123
123
|
const iconBgColor = HDSColor(descList.icon_bg_color);
|
|
@@ -132,7 +132,7 @@ export default function TextCard(props) {
|
|
|
132
132
|
strokeColor=""
|
|
133
133
|
/>
|
|
134
134
|
</div>
|
|
135
|
-
<Typography textStyle='body3' className='text-neutral-
|
|
135
|
+
<Typography textStyle='body3' className='text-neutral-600'>{descList.description}</Typography>
|
|
136
136
|
</div>
|
|
137
137
|
)
|
|
138
138
|
})
|
|
@@ -158,7 +158,7 @@ export default function TextCard(props) {
|
|
|
158
158
|
}
|
|
159
159
|
{
|
|
160
160
|
list.tab_img_url && (
|
|
161
|
-
<div className={`${imgBgColor} tb-l:hidden p-12 rounded-2xl mt-8`}>
|
|
161
|
+
<div className={`${imgBgColor} tb-l:hidden p-4 tb-l:p-12 rounded-2xl mt-8`}>
|
|
162
162
|
<img src={list.tab_img_url} alt={list.title} loading="lazy" />
|
|
163
163
|
</div>
|
|
164
164
|
)
|
|
@@ -206,7 +206,7 @@ export default function TextCard(props) {
|
|
|
206
206
|
<Typography
|
|
207
207
|
key={i}
|
|
208
208
|
textStyle="body1"
|
|
209
|
-
className="pb-6 pr-8
|
|
209
|
+
className="pb-6 pr-8 max-w-[412px] [&>p]:pb-2 last:[&>p]:pb-0 [&>p]:text-neutral-600 [&>ul]:ps-4 [&>ul>li]:list-disc [&>ul>li]:pb-2 last:[&>ul>li]:pb-0 [&>p>a]:text-blue-600">
|
|
210
210
|
<ReactMarkdown>
|
|
211
211
|
{desc.description}
|
|
212
212
|
</ReactMarkdown>
|
|
@@ -240,7 +240,7 @@ export default function TextCard(props) {
|
|
|
240
240
|
)
|
|
241
241
|
}
|
|
242
242
|
{props.addiDescription && (
|
|
243
|
-
<Typography textStyle='body1' className='text-neutral-600'>{props.addiDescription}</Typography>
|
|
243
|
+
<Typography textStyle='body1' className='text-neutral-600 max-w-[412px]'>{props.addiDescription}</Typography>
|
|
244
244
|
)
|
|
245
245
|
}
|
|
246
246
|
</div>
|
|
@@ -256,7 +256,7 @@ export default function TextCard(props) {
|
|
|
256
256
|
<Fragment key={i}>
|
|
257
257
|
{
|
|
258
258
|
imgActive === img.title && (
|
|
259
|
-
<div className={((img.tab_img_bg_class === "pattern") ? "bg-neutral-100" : "") + ` hidden h-full p-12 tb-l:flex items-center justify-center rounded-2xl db:rounded-3xl relative bg-neutral-100`}>
|
|
259
|
+
<div className={((img.tab_img_bg_class === "pattern") ? "bg-neutral-100" : "") + ` hidden h-full p-4 tb-l:p-12 tb-l:flex items-center justify-center rounded-2xl db:rounded-3xl relative bg-neutral-100`}>
|
|
260
260
|
{
|
|
261
261
|
img.tab_img_bg_class === "pattern" && (
|
|
262
262
|
<div className="pattern-gradient absolute left-0 top-0 w-full h-full rounded-3xl"></div>
|
|
@@ -279,7 +279,7 @@ export default function TextCard(props) {
|
|
|
279
279
|
/>
|
|
280
280
|
</video>
|
|
281
281
|
) : (
|
|
282
|
-
<img className="z-[1]" src={img.tab_img_url} alt={img.title} loading="lazy" />
|
|
282
|
+
<img className="z-[1] max-h-[530px]" src={img.tab_img_url} alt={img.title} loading="lazy" />
|
|
283
283
|
)
|
|
284
284
|
}
|
|
285
285
|
</div>
|