hds-web 1.11.7 → 1.12.0

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 (5) hide show
  1. package/dist/index.es.js +2 -2
  2. package/dist/index.js +2 -2
  3. package/package.json +1 -1
  4. package/src/HDS/components/Cards/Misc/iconCard.js +69 -62
  5. package/src/HDS/modules/Cards/dataSourceCard.js +1 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "hds-web",
3
- "version": "1.11.7",
3
+ "version": "1.12.0",
4
4
  "private": false,
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.es.js",
package/src/HDS/components/Cards/Misc/iconCard.js CHANGED
@@ -40,7 +40,7 @@ export default function IconCard(props) {
40
40
  return (
41
41
  <>
42
42
  {
43
- ((props.readMoreBtn && props.button) || (props.button && props.button.length > 1)) ? (
43
+ ((props.readMoreBtn && props.button) || (!props.readMoreBtn && !props.button) || (props.button && props.button.length > 1)) ? (
44
44
  <div
45
45
  className={`bg-neutral-0 grid h-full transition-all ease-in-out rounded-3xl ${cardVariant[props.cardType]['cardStyle']} ` + ((props.cardBorder) ? props.cardBorder : 'shadow') + ((props.readMoreBtn || props.button) ? ' hover:shadow-lg' : '')}
46
46
  >
@@ -78,21 +78,21 @@ export default function IconCard(props) {
78
78
  {props.readMoreBtn && (
79
79
  <a href={props.readMoreBtn.cta_link} className='flex'>
80
80
  <div className="flex">
81
- <HDSButton
82
- label={props.readMoreBtn.cta_text}
83
- type='secondaryLink'
84
- leftIconVariant='none'
85
- rightIconVariant='none'
86
- state='default'
87
- size='sm'
88
- rightAnimatedArrow={true}
89
- rightAnimatedArrowColor='#3970FD'
90
- animatedHoverStroke='#3970FD'
91
- btnTextColorClass='text-blue-500'
92
- btnTextHoverClass=''
93
- className=' mt-4'
94
- />
95
- </div>
81
+ <HDSButton
82
+ label={props.readMoreBtn.cta_text}
83
+ type='secondaryLink'
84
+ leftIconVariant='none'
85
+ rightIconVariant='none'
86
+ state='default'
87
+ size='sm'
88
+ rightAnimatedArrow={true}
89
+ rightAnimatedArrowColor='#3970FD'
90
+ animatedHoverStroke='#3970FD'
91
+ btnTextColorClass='text-blue-500'
92
+ btnTextHoverClass=''
93
+ className=' mt-4'
94
+ />
95
+ </div>
96
96
  </a>
97
97
  )
98
98
 
@@ -103,23 +103,27 @@ export default function IconCard(props) {
103
103
  </div>
104
104
  </div>
105
105
  {props.button &&
106
- <div className="flex gap-2">
106
+ <div className="flex gap-2 ">
107
107
  {props.button.map((btn, index) => (
108
108
  <a href={btn.cta_link} key={index} className="flex self-end mt-7">
109
- <HDSButton
110
- label={btn.cta_text}
111
- type={btn.cta_type || 'secondary'}
112
- leftIconVariant='none'
113
- rightIconVariant='none'
114
- state='default'
115
- size='sm'
116
- rightAnimatedArrow={true}
117
- rightAnimatedArrowColor={btn.rightAnimatedArrowColor || '#3970FD'}
118
- btnBgColorClass={btn.btnBg}
119
- btnTextHoverClass={btn.btnTextColorClass}
120
- animatedHoverStroke={btn.animatedHoverStroke}
121
- btnTextColorClass={btn.btnTextColorClass}
122
- />
109
+ <div className="flex">
110
+
111
+
112
+ <HDSButton
113
+ label={btn.cta_text}
114
+ type={btn.cta_type || 'secondary'}
115
+ leftIconVariant='none'
116
+ rightIconVariant='none'
117
+ state='default'
118
+ size='sm'
119
+ rightAnimatedArrow={true}
120
+ rightAnimatedArrowColor={btn.rightAnimatedArrowColor || '#3970FD'}
121
+ btnBgColorClass={btn.btnBg}
122
+ btnTextHoverClass={btn.btnTextColorClass}
123
+ animatedHoverStroke={btn.animatedHoverStroke}
124
+ btnTextColorClass={btn.btnTextColorClass}
125
+ />
126
+ </div>
123
127
  </a>))
124
128
  }
125
129
  </div>
@@ -166,20 +170,22 @@ export default function IconCard(props) {
166
170
  </ReactMarkdown>
167
171
  </Typography>
168
172
  {props.readMoreBtn && (
169
- <HDSButton
170
- label={props.readMoreBtn.cta_text}
171
- type='secondaryLink'
172
- leftIconVariant='none'
173
- rightIconVariant='none'
174
- state='default'
175
- size='sm'
176
- rightAnimatedArrow={true}
177
- rightAnimatedArrowColor='#3970FD'
178
- animatedHoverStroke='#3970FD'
179
- btnTextColorClass='text-blue-500'
180
- btnTextHoverClass=''
181
- className=' mt-4'
182
- />
173
+ <div className="flex">
174
+ <HDSButton
175
+ label={props.readMoreBtn.cta_text}
176
+ type='secondaryLink'
177
+ leftIconVariant='none'
178
+ rightIconVariant='none'
179
+ state='default'
180
+ size='sm'
181
+ rightAnimatedArrow={true}
182
+ rightAnimatedArrowColor='#3970FD'
183
+ animatedHoverStroke='#3970FD'
184
+ btnTextColorClass='text-blue-500'
185
+ btnTextHoverClass=''
186
+ className=' mt-4'
187
+ />
188
+ </div>
183
189
  )
184
190
 
185
191
  }
@@ -189,25 +195,25 @@ export default function IconCard(props) {
189
195
  </div>
190
196
  </div>
191
197
  {props.button &&
192
- <div className="flex gap-2">
198
+ <div className="flex pt-4 gap-2">
193
199
  {props.button.map((btn, index) => (
194
200
  <div className="flex">
195
- <HDSButton
196
- label={btn.cta_text}
197
- type={btn.cta_type || 'secondary'}
198
- leftIconVariant='none'
199
- rightIconVariant='none'
200
- state='default'
201
- size='sm'
202
- rightAnimatedArrow={true}
203
- rightAnimatedArrowColor={btn.rightAnimatedArrowColor || '#3970FD'}
204
- btnBgColorClass={btn.btnBg}
205
- btnTextHoverClass={btn.btnTextColorClass}
206
- animatedHoverStroke={btn.animatedHoverStroke}
207
- btnTextColorClass={btn.btnTextColorClass}
208
- />
209
- </div>
210
- ))
201
+ <HDSButton
202
+ label={btn.cta_text}
203
+ type={btn.cta_type || 'secondary'}
204
+ leftIconVariant='none'
205
+ rightIconVariant='none'
206
+ state='default'
207
+ size='sm'
208
+ rightAnimatedArrow={true}
209
+ rightAnimatedArrowColor={btn.rightAnimatedArrowColor || '#3970FD'}
210
+ btnBgColorClass={btn.btnBg}
211
+ btnTextHoverClass={btn.btnTextColorClass}
212
+ animatedHoverStroke={btn.animatedHoverStroke}
213
+ btnTextColorClass={btn.btnTextColorClass}
214
+ />
215
+ </div>
216
+ ))
211
217
  }
212
218
  </div>
213
219
  }
@@ -229,3 +235,4 @@ IconCard.defaultProps = {
229
235
  Icon.propTypes = {
230
236
  cardType: PropTypes.oneOf(['withoutButton', 'withButton', 'sm']),
231
237
  }
238
+
package/src/HDS/modules/Cards/dataSourceCard.js CHANGED
@@ -3,7 +3,6 @@ import { Typography } from '../../foundation/Typography'
3
3
  import { HDSButton } from '../../components/Buttons';
4
4
 
5
5
  export default function DataSourcesCard(props) {
6
- console.log(props)
7
6
  return (
8
7
  <>
9
8
 
@@ -19,7 +18,7 @@ export default function DataSourcesCard(props) {
19
18
  && (<div className="flex flex-col gap-4">
20
19
  <Typography textStyle='h3' className='text-neutral-1000 db:block hidden'>{props.title}</Typography>
21
20
  <Typography textStyle='sub2' className='text-neutral-600 db:mt-0 mt-4 '>{props.description}</Typography>
22
- </div>)}https://pr-3736---main-site-nextjs-5kcgrtdh3a-wl.a.run.app
21
+ </div>)}
23
22
  {props.CTA &&
24
23
  <div className="mt-4 tb:mt-6 flex">
25
24
  <a href={props.CTA['url']}>