hds-web 1.22.6 → 1.22.8

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 (10) hide show
  1. package/dist/index.css +2 -2
  2. package/dist/index.es.css +2 -2
  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/assets/icons/arrow-narrow-right.svg +1 -1
  7. package/src/HDS/components/Cards/Announcement/announcementSm.js +14 -4
  8. package/src/HDS/components/Cards/StoryCard/storysm.js +1 -1
  9. package/src/HDS/components/Cards/StoryCard/storyxl.js +10 -10
  10. package/src/styles/tailwind.css +9 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "hds-web",
3
- "version": "1.22.6",
3
+ "version": "1.22.8",
4
4
  "private": false,
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.es.js",
package/src/HDS/assets/icons/arrow-narrow-right.svg CHANGED
@@ -1,3 +1,3 @@
1
1
  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M4 12H20M20 12L14 6M20 12L14 18" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
2
+ <path d="M4 12H20M20 12L14 6M20 12L14 18" stroke-linecap="round" stroke-linejoin="round"/>
3
3
  </svg>
package/src/HDS/components/Cards/Announcement/announcementSm.js CHANGED
@@ -18,11 +18,21 @@ export default function AnnouncementSM(props) {
18
18
  return (
19
19
  <div className={`${bgClass} rounded-2xl tb:rounded-full shadow p-3 tb:py-2 tb:px-2 inline-flex items-center`}>
20
20
  <div className="block items-center tb:flex">
21
- <Typography textStyle="body2-medium" className={`inline-flex pl-0 pb-1 tb:px-3 rounded-full mr-4 min-w-fit ${tagColorVariants[props.tagColor]}`}>{props.tagText}</Typography>
22
- <a href={props.linkUrl} className="pl-0 px-3 block tb:px-0 tb:pb-0">
23
- <Typography textStyle="body2-medium" className={`${linkTextClass} group flex items-center`}>
21
+ <Typography
22
+ textStyle="body2-medium"
23
+ className={`inline-flex pl-0 tb:py-1 tb:px-3 rounded-full mr-4 min-w-fit ${tagColorVariants[props.tagColor]}`}>
24
+ {props.tagText}
25
+ </Typography>
26
+ <a href={props.linkUrl}
27
+ className="pl-0 px-3 block tb:px-0 tb:pb-0">
28
+ <Typography
29
+ textStyle="body2-medium"
30
+ className={`${linkTextClass} group flex items-center`}>
24
31
  {props.linkText}
25
- <Icon height={'block w-6 h-6 stroke-[2px] ml-3 transition ease-in-out group-hover:translate-x-[5px]'} variant='arrownarrowright' strokeClass='stroke-blue-500' />
32
+ <Icon
33
+ height={'block w-6 h-6 stroke-2 ml-2 mr-1 transition ease-in-out group-hover:translate-x-[5px]'}
34
+ variant='arrownarrowright'
35
+ strokeClass='stroke-blue-500' />
26
36
  </Typography>
27
37
  </a>
28
38
  </div>
package/src/HDS/components/Cards/StoryCard/storysm.js CHANGED
@@ -58,7 +58,7 @@ export default function StoryCard(props) {
58
58
  <div className="translate-y-8 transition-all group-hover/sc:translate-y-0 opacity-0 group-hover/sc:opacity-100 duration-300 group-hover/sc:flex">
59
59
  <div className="flex">
60
60
  <HDSButton
61
- label={props.readMoreBtn.cta_text}
61
+ label={props.readMoreBtn.cta_text ?? 'Read More'}
62
62
  type='secondaryLink'
63
63
  leftIconVariant='none'
64
64
  rightIconVariant='none'
package/src/HDS/components/Cards/StoryCard/storyxl.js CHANGED
@@ -16,16 +16,16 @@ export default function StoryCardXL(props) {
16
16
  }
17
17
  {props.brandImageURL &&
18
18
  props.brandImageAlt && (
19
- <div className="tb-l:flex hidden justify-start">
20
- <img src={props.brandImageURL} alt={props.brandImageAlt} className=" " />
19
+ <div className="tb-l:flex hidden -ml-2 justify-start">
20
+ <img src={props.brandImageURL} alt={props.brandImageAlt} className="max-h-[64px]" />
21
21
  </div>
22
22
  )
23
23
 
24
24
  }
25
25
  {props.title &&
26
26
  (
27
- <div className="flex pt-3 flex-col gap-6 tb-l:max-w-[547px] ">
28
- <Typography textStyle='h3' className='text-neutral-1000 tb-l:block hidden min-h-[144px] overflow-clip'>{props.title}</Typography>
27
+ <div className="flex pt-6 flex-col gap-6 tb-l:max-w-[547px] ">
28
+ <Typography textStyle='h3' className='text-neutral-1000 tb-l:block hidden min-h-[144px] overflow-clip'>{props.title}</Typography>
29
29
  {props.heroList &&
30
30
  (
31
31
  <div>
@@ -33,10 +33,10 @@ export default function StoryCardXL(props) {
33
33
  {props.heroList.map((value, index) => (
34
34
  <div key={index} className='flex gap-5'>
35
35
  <Icon
36
- height='tb:h-8 tb:w-8 h-6 w-6'
37
- variant={value.iconVariant}
38
- strokeClass={value.strokeClass ?? 'stroke-neutral-800'}
39
- />
36
+ height='tb:h-8 tb:w-8 h-6 w-6'
37
+ variant={value.iconVariant}
38
+ strokeClass={value.strokeClass ?? 'stroke-neutral-800'}
39
+ />
40
40
  <Typography
41
41
  textStyle='sub2' className='text-neutral-700' >
42
42
  {value.title}
@@ -95,8 +95,8 @@ export default function StoryCardXL(props) {
95
95
  <div className="tb-l:hidden pb-6">
96
96
  {props.brandImageURL &&
97
97
  props.brandImageAlt && (
98
- <div className="pb-1 ">
99
- <img src={props.brandImageURL} alt={props.brandImageAlt} className="max-h-[64px]" />
98
+ <div className="pb-1 -ml-1 ">
99
+ <img src={props.brandImageURL} alt={props.brandImageAlt} className="max-h-[40px]" />
100
100
  </div>
101
101
  )
102
102
  }
package/src/styles/tailwind.css CHANGED
@@ -1493,6 +1493,10 @@ select{
1493
1493
  margin-top: 70px;
1494
1494
  }
1495
1495
 
1496
+ .-ml-2{
1497
+ margin-left: -0.5rem;
1498
+ }
1499
+
1496
1500
  .line-clamp-3{
1497
1501
  overflow: hidden;
1498
1502
  display: -webkit-box;
@@ -11134,6 +11138,11 @@ select{
11134
11138
  padding-bottom: 0.5rem;
11135
11139
  }
11136
11140
 
11141
+ .tb\:py-1{
11142
+ padding-top: 0.25rem;
11143
+ padding-bottom: 0.25rem;
11144
+ }
11145
+
11137
11146
  .tb\:pb-0{
11138
11147
  padding-bottom: 0px;
11139
11148
  }