hds-web 1.31.1 → 1.31.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.
- 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/Faq/faq.js +13 -3
- package/src/styles/tailwind.css +5 -0
package/package.json
CHANGED
|
@@ -2,6 +2,7 @@ import React, { useState } from 'react';
|
|
|
2
2
|
import { motion, AnimatePresence } from 'framer-motion';
|
|
3
3
|
import { Typography } from '../../foundation/Typography';
|
|
4
4
|
import { Icon } from '../../components';
|
|
5
|
+
import ReactMarkdown from "react-markdown";
|
|
5
6
|
function DefaultAccordion(props) {
|
|
6
7
|
const [open, setOpen] = useState(null);
|
|
7
8
|
|
|
@@ -61,7 +62,7 @@ function DefaultAccordion(props) {
|
|
|
61
62
|
>
|
|
62
63
|
<div className="flex items-center justify-between">
|
|
63
64
|
<div className='flex items-center'>
|
|
64
|
-
|
|
65
|
+
|
|
65
66
|
{item.title && <Typography textStyle='body1-medium' className='text-neutral-900'>
|
|
66
67
|
{item.title}
|
|
67
68
|
</Typography>}
|
|
@@ -80,8 +81,17 @@ function DefaultAccordion(props) {
|
|
|
80
81
|
{item.content &&
|
|
81
82
|
<Typography
|
|
82
83
|
textStyle='body1'
|
|
83
|
-
className='text-neutral-900 pl-4'
|
|
84
|
-
|
|
84
|
+
className='text-neutral-900 pl-4 [&>ul]:ps-4 [&>ul>li]:list-disc [&>ul>li]:pb-2 last:[&>ul>li]:pb-0 [&>p>a]:text-blue-600 [&>p]:pb-2 last:[&>p]:pb-0 [&>ul>li>a]:text-blue-600'
|
|
85
|
+
>
|
|
86
|
+
<ReactMarkdown
|
|
87
|
+
components={{
|
|
88
|
+
a: ({ node, ...props }) => (
|
|
89
|
+
<a className="text-blue-600" target='_blank' {...props} />
|
|
90
|
+
),
|
|
91
|
+
}}
|
|
92
|
+
>
|
|
93
|
+
{item.content}
|
|
94
|
+
</ReactMarkdown>
|
|
85
95
|
</Typography>}
|
|
86
96
|
</motion.div>
|
|
87
97
|
)}
|
package/src/styles/tailwind.css
CHANGED
|
@@ -12980,6 +12980,11 @@ select{
|
|
|
12980
12980
|
fill: #4D5761;
|
|
12981
12981
|
}
|
|
12982
12982
|
|
|
12983
|
+
.\[\&\>ul\>li\>a\]\:text-blue-600>ul>li>a{
|
|
12984
|
+
--tw-text-opacity: 1;
|
|
12985
|
+
color: rgb(30 86 227 / var(--tw-text-opacity));
|
|
12986
|
+
}
|
|
12987
|
+
|
|
12983
12988
|
.\[\&\>ul\>li\]\:list-disc>ul>li{
|
|
12984
12989
|
list-style-type: disc;
|
|
12985
12990
|
}
|