hds-web 1.31.0 → 1.31.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hds-web",
-  "version": "1.31.0",
+  "version": "1.31.2",
   "private": false,
   "main": "dist/index.js",
   "module": "dist/index.es.js",

package/src/HDS/components/Cards/EventCards/eventschedule.js

@@ -76,7 +76,7 @@ export default function EventScheduleCard(props) {
                 {props.title &&
                     <Typography
                         textStyle='h3'
-                        as='h3'
+                        as='h1'
                         className={HDSColor(props.titleTextColor) + ' pb-6'}>
                         {props.title}
                     </Typography>}

package/src/HDS/modules/Faq/faq.js

@@ -2,6 +2,7 @@ import React, { useState } from 'react';
 import { motion, AnimatePresence } from 'framer-motion';
 import { Typography } from '../../foundation/Typography';
 import { Icon } from '../../components';
+import ReactMarkdown from "react-markdown";
 function DefaultAccordion(props) {
     const [open, setOpen] = useState(null);
 
@@ -61,7 +62,7 @@ function DefaultAccordion(props) {
                         >
                             <div className="flex items-center justify-between">
                                 <div className='flex items-center'>
-                                   
+
                                     {item.title && <Typography textStyle='body1-medium' className='text-neutral-900'>
                                         {item.title}
                                     </Typography>}
@@ -80,8 +81,12 @@ function DefaultAccordion(props) {
                                     {item.content &&
                                         <Typography
                                             textStyle='body1'
-                                            className='text-neutral-900 pl-4'>
-                                            {item.content}
+                                            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'
+                                        >
+                                            <ReactMarkdown>
+
+                                                {item.content}
+                                            </ReactMarkdown>
                                         </Typography>}
                                 </motion.div>
                             )}

package/src/styles/tailwind.css

@@ -12959,6 +12959,10 @@ select{
   padding-bottom: 1rem;
 }
 
+.\[\&\>p\]\:pb-3>p{
+  padding-bottom: 0.75rem;
+}
+
 .\[\&\>p\]\:text-neutral-600>p{
   --tw-text-opacity: 1;
   color: rgb(77 87 97 / var(--tw-text-opacity));
@@ -12980,6 +12984,16 @@ select{
   fill: #4D5761;
 }
 
+.\[\&\>ul\>li\>a\]\:text-blue-600>ul>li>a{
+  --tw-text-opacity: 1;
+  color: rgb(30 86 227 / var(--tw-text-opacity));
+}
+
+.\[\&\>ul\>li\>a\]\:text-blue-500>ul>li>a{
+  --tw-text-opacity: 1;
+  color: rgb(57 112 253 / var(--tw-text-opacity));
+}
+
 .\[\&\>ul\>li\]\:list-disc>ul>li{
   list-style-type: disc;
 }