hds-web 1.25.1 → 1.25.2
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 +5 -5
- package/dist/index.js +1 -1
- package/package.json +1 -1
- package/src/HDS/modules/Events/eventListingCard.js +43 -0
- package/src/HDS/modules/Events/eventsAgenda.js +1 -1
- package/src/HDS/modules/Events/index.js +2 -1
- package/src/styles/tailwind.css +10 -0
package/package.json
CHANGED
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Typography } from "../../foundation/Typography";
|
|
3
|
+
import { Icon } from '../../components/common-components/Icon';
|
|
4
|
+
import { Badges } from "../../components/BadgesCaption";
|
|
5
|
+
|
|
6
|
+
export default function EventListingCard(props) {
|
|
7
|
+
return (
|
|
8
|
+
<>
|
|
9
|
+
<div className="self-start">
|
|
10
|
+
{
|
|
11
|
+
props.eventListingImg && (
|
|
12
|
+
<div>
|
|
13
|
+
<img src={props.eventListingImg} alt={props.title} />
|
|
14
|
+
</div>
|
|
15
|
+
)
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
<div className="p-6 pb-0">
|
|
19
|
+
{props.eventType &&
|
|
20
|
+
<Badges
|
|
21
|
+
color={props.badgeColor ?? 'green'}
|
|
22
|
+
children={props.eventType}
|
|
23
|
+
/>
|
|
24
|
+
}
|
|
25
|
+
{
|
|
26
|
+
props.title && (
|
|
27
|
+
<Typography textStyle="h4" as="h4" className="text-neutral-1000 py-2">{props.title}</Typography>
|
|
28
|
+
)
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
</div>
|
|
32
|
+
</div>
|
|
33
|
+
{
|
|
34
|
+
props.eventDate && (
|
|
35
|
+
<Typography textStyle="body3-medium" className="text-neutral-700 flex items-center duration-300 self-end p-6 pt-0">
|
|
36
|
+
{props.eventDate}
|
|
37
|
+
<Icon height={'h-5 w-5 stroke-[1.5px] ml-1 transition-all duration-300 ease-in-out group-hover/arrow:translate-x-[0.15rem]'} variant="chevronright" strokeClass="stroke-neutral-700" />
|
|
38
|
+
</Typography>
|
|
39
|
+
)
|
|
40
|
+
}
|
|
41
|
+
</>
|
|
42
|
+
)
|
|
43
|
+
}
|
|
@@ -4,7 +4,7 @@ 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
|
|
7
|
+
export default function EventAgenda(props) {
|
|
8
8
|
// const titleColor = HDSColor(props.title_color);
|
|
9
9
|
|
|
10
10
|
return (
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
export { default as EventsAgenda } from './eventsAgenda';
|
|
1
|
+
export { default as EventsAgenda } from './eventsAgenda';
|
|
2
|
+
export { default as EventListingCard } from "./eventListingCard";
|
package/src/styles/tailwind.css
CHANGED
|
@@ -2807,6 +2807,10 @@ select{
|
|
|
2807
2807
|
border-radius: 0.75rem;
|
|
2808
2808
|
}
|
|
2809
2809
|
|
|
2810
|
+
.rounded-\[26px\]{
|
|
2811
|
+
border-radius: 26px;
|
|
2812
|
+
}
|
|
2813
|
+
|
|
2810
2814
|
.rounded-b-3xl{
|
|
2811
2815
|
border-bottom-right-radius: 1.5rem;
|
|
2812
2816
|
border-bottom-left-radius: 1.5rem;
|
|
@@ -10342,6 +10346,12 @@ select{
|
|
|
10342
10346
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
10343
10347
|
}
|
|
10344
10348
|
|
|
10349
|
+
.group\/arrow:hover .group-hover\/arrow\:translate-x-\[0\.15rem\]{
|
|
10350
|
+
--tw-translate-x: 0.15rem;
|
|
10351
|
+
-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
10352
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
10353
|
+
}
|
|
10354
|
+
|
|
10345
10355
|
.group\/card:hover .group-hover\/card\:bg-blue-200{
|
|
10346
10356
|
--tw-bg-opacity: 1;
|
|
10347
10357
|
background-color: rgb(223 232 255 / var(--tw-bg-opacity));
|