hds-web 1.7.1 → 1.7.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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "hds-web",
3
- "version": "1.7.1",
3
+ "version": "1.7.2",
4
4
  "private": false,
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.es.js",
@@ -19,8 +19,8 @@ export default function ResourcesCard(props) {
19
19
  </Typography>
20
20
  )}
21
21
  <div className="mt-6">
22
- {props.resourcesArr.map((value) => (
23
- <a href={value.cta_linkUrl} className="flex gap-2 mt-4">
22
+ {props.resourcesArr.map((value, index) => (
23
+ <a key={index} href={value.cta_linkUrl} className="flex gap-2 mt-4">
24
24
  <Icon
25
25
  height={'w-6 h-6 mr-2 stroke-[1.5px] stroke-blue-600'}
26
26
  variant={value.cta_icon}
@@ -42,7 +42,7 @@ export default function TalkDetailCard(props) {
42
42
  <div className='flex pb-6 tb:pt-0 tb:pb-0 items-center '>
43
43
  {
44
44
  props.social_share.map((socialShare, i) => (
45
- <a href={socialShare.share_url} className='mx-2 first:ml-0 last:mr-0'>
45
+ <a key={i} href={socialShare.share_url} className='mx-2 first:ml-0 last:mr-0'>
46
46
  <img src={socialShare.img_url} alt={socialShare.img_alt} />
47
47
  </a>
48
48
  ))
@@ -43,7 +43,7 @@ export default function Typography(props) {
43
43
  'body3c-medium': 'text-hds-m-body3c-medium tb:text-hds-t-body3c-medium db:text-hds-d-body3c-medium',
44
44
  'body3c-semi-bold': 'text-hds-m-body3c-semi-bold tb:text-hds-t-body3c-semi-bold db:text-hds-d-body3c-semi-bold',
45
45
  'body3c-bold': 'text-hds-m-body3c-bold tb:text-hds-t-body3c-bold db:text-hds-d-body3c-bold',
46
- 'quote': 'font-petrona italic text-hds-m-quote tb:text-hds-t-quote db:text-hds-d-quote',
46
+ 'quote': 'font-petrona font-normal italic text-hds-m-quote tb:text-hds-t-quote db:text-hds-d-quote',
47
47
  'code1': 'text-hds-m-code1 tb:text-hds-t-code1 db:text-hds-d-code1',
48
48
  'code2': 'text-hds-m-code2 tb:text-hds-t-code2 db:text-hds-d-code2',
49
49
  }
@@ -54,7 +54,6 @@ export default function Typography(props) {
54
54
  );
55
55
  }
56
56
  Typography.propTypes = {
57
- children: PropTypes.string,
58
57
  textStyle: PropTypes.string,
59
58
  className: PropTypes.string
60
59
 
@@ -56,7 +56,7 @@ export default function TextCard(props) {
56
56
  const currentStrokeColor = HDSColor(list.icon_color)
57
57
  const imgBgColor = HDSColor(list.tab_img_bg_class)
58
58
  return (
59
- <div className='border-b border-b-neutral-150 last:border-b-0 cursor-pointer' onClick={()=>setImgActive(list.title)}>
59
+ <div key={i} className='border-b border-b-neutral-150 last:border-b-0 cursor-pointer' onClick={()=>setImgActive(list.title)}>
60
60
  <div className={'m-2 p-0 tb:p-6 rounded-lg transition ease-in duration-200 hover:bg-neutral-50' + ((imgActive === list.title) ? " bg-neutral-150" : "")} key={i}>
61
61
  <div className='flex items-center pb-4'>
62
62
  <Icon
package/src/index.css CHANGED
@@ -1,8 +1,10 @@
1
+ @import url('https://fonts.googleapis.com/css2?family=Petrona:ital,wght@1,100&display=swap');
1
2
  @tailwind base;
2
3
  @tailwind components;
3
4
  @tailwind utilities;
4
5
  /* Typography classes */
5
6
 
7
+
6
8
  .gridAutoClass {
7
9
  flex: 1 0 30%;
8
10
  margin-top: 40px;