hds-web 1.24.5 → 1.24.6

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 (7) hide show
  1. package/dist/index.css +1 -1
  2. package/dist/index.es.css +1 -1
  3. package/dist/index.es.js +1 -1
  4. package/dist/index.js +1 -1
  5. package/package.json +1 -1
  6. package/src/HDS/modules/Events/eventsAgenda.js +21 -35
  7. package/src/styles/tailwind.css +4 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "hds-web",
3
- "version": "1.24.5",
3
+ "version": "1.24.6",
4
4
  "private": false,
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.es.js",
package/src/HDS/modules/Events/eventsAgenda.js CHANGED
@@ -4,63 +4,49 @@ import { Typography } from "../../foundation/Typography";
4
4
  import { Icon } from '../../components/common-components/Icon';
5
5
  import ReactMarkdown from "react-markdown";
6
6
 
7
- export default function EventsAgenda(props) {
7
+ export default function TextCard(props) {
8
8
  // const titleColor = HDSColor(props.title_color);
9
9
 
10
10
  return (
11
11
  <>
12
12
  {
13
13
  props.tagline && (
14
- <Typography
15
- textStyle="body1-medium"
16
- className="flex items-center text-neutral-700 pb-4">
17
- {props.tagIcon &&
18
- <Icon
19
- height={'h-6 w-6 stroke-[1.5px] mr-2'}
20
- variant={props.tagIcon}
21
- strokeClass="stroke-neutral-700" />}
14
+ <Typography textStyle="body1-medium" className="flex items-center text-neutral-700 pb-4">
15
+ {props.tagIcon && <Icon height={'h-6 w-6 stroke-[1.5px] mr-2'} variant={props.tagIcon} strokeClass="stroke-neutral-700" />}
22
16
  {props.tagline}
23
17
  </Typography>
24
18
  )
25
19
  }
26
20
  {
27
21
  props.agendaTitle && (
28
- <Typography
29
- textStyle="h3"
30
- as="h3"
31
- className="text-neutral-1000 pb-4">
22
+ <Typography textStyle="h3" as="h3" className="text-neutral-1000 pb-4">
32
23
  {props.agendaTitle}
33
24
  </Typography>
34
25
  )
35
26
  }
36
27
  {
37
- props.agendaList &&
38
- props.agendaList.map((list, index) => (
39
- <div
40
- key={index}
41
- className={((index === 0) ? "" : "pt-4")}
42
- >
43
- <Typography
44
- textStyle="h5"
45
- as="h5"
46
- className="text-neutral-700 pb-1"
47
- >
48
- {list.title}
49
- </Typography>
50
- <Typography
51
- textStyle="body1"
52
- className="text-neutral-700 [&>p]:pb-1 last:[&>p]:pb-0 [&>ul]:ps-4 [&>ul>li]:list-disc [&>ul>li]:pb-1 last:[&>ul>li]:pb-0 [&>p>a]:text-blue-600 [&>p>a:hover]:text-blue-800"
53
- >
54
- <ReactMarkdown>{list.description}</ReactMarkdown>
55
- </Typography>
28
+ props.agendaList && props.agendaList.map((list, index) => (
29
+ <div key={index} className={((index === 0) ? "" : "pt-4")}>
30
+ {
31
+ list.title && (
32
+ <Typography textStyle="h5" as="h5" className="text-neutral-700 pb-1">
33
+ {list.title}
34
+ </Typography>
35
+ )
36
+ }
37
+ {
38
+ list.description && (
39
+ <Typography textStyle="body1" className="text-neutral-700 [&>p]:pb-1 last:[&>p]:pb-0 [&>ul]:ps-4 [&>ul>li]:list-disc [&>ul>li]:pb-1 last:[&>ul>li]:pb-0 [&>p>a]:text-blue-600 [&>p>a:hover]:text-blue-800">
40
+ <ReactMarkdown>{list.description}</ReactMarkdown>
41
+ </Typography>
42
+ )
43
+ }
56
44
  </div>
57
45
  ))
58
46
  }
59
47
  {
60
48
  props.closingNotes && (
61
- <Typography
62
- textStyle="body1"
63
- className="text-neutral-700 pt-4 [&>p]:pb-1 last:[&>p]:pb-0 [&>ul]:ps-4 [&>ul>li]:list-disc [&>ul>li]:pb-1 last:[&>ul>li]:pb-0 [&>p>a]:text-blue-600 [&>p>a:hover]:text-blue-800">
49
+ <Typography textStyle="body1" className="text-neutral-700 pt-4 [&>p]:pb-4 last:[&>p]:pb-0 [&>ul]:ps-4 [&>ul>li]:list-disc [&>ul>li]:pb-1 last:[&>ul>li]:pb-0 [&>p>a]:text-blue-600 [&>p>a:hover]:text-blue-800">
64
50
  <ReactMarkdown>{props.closingNotes}</ReactMarkdown>
65
51
  </Typography>
66
52
  )
package/src/styles/tailwind.css CHANGED
@@ -12642,6 +12642,10 @@ select{
12642
12642
  padding-bottom: 0.25rem;
12643
12643
  }
12644
12644
 
12645
+ .\[\&\>p\]\:pb-4>p{
12646
+ padding-bottom: 1rem;
12647
+ }
12648
+
12645
12649
  .\[\&\>p\]\:text-neutral-600>p{
12646
12650
  --tw-text-opacity: 1;
12647
12651
  color: rgb(77 87 97 / var(--tw-text-opacity));