hds-web 1.5.6 → 1.5.7

Sign up to get free protection for your applications and to get access to all the features.
Files changed (5) hide show
  1. package/dist/index.es.js +1 -1
  2. package/dist/index.js +6 -6
  3. package/package.json +1 -1
  4. package/src/HDS/components/Hero/h3.js +243 -1
  5. package/src/HDS/components/Tabs/tab.js +0 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "hds-web",
3
- "version": "1.5.6",
3
+ "version": "1.5.7",
4
4
  "private": false,
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.es.js",
package/src/HDS/components/Hero/h3.js CHANGED
@@ -47,7 +47,6 @@ const tabCard = (Content) => (
47
47
  )
48
48
 
49
49
  export default function HeroCapability(props) {
50
- console.log(props.heroData);
51
50
 
52
51
  const LinkCardsFn = (heroData) => {
53
52
  return (
@@ -160,3 +159,246 @@ export default function HeroCapability(props) {
160
159
  </div>
161
160
  )
162
161
  }
162
+
163
+ HeroCapability.defaultProps={
164
+ heroData : {
165
+ tabContent: {
166
+ 'Performance': {
167
+ heroBgColor:'bg-green-500',
168
+ title: 'Blazing-fast APIs at Global Scale ',
169
+ subTitle: 'Hasura optimizes your API performance up to 10x faster with end-to-end caching, while scaling both vertically and horizontally.',
170
+ videoUrl: "https://res.cloudinary.com/dh8fp23nd/video/upload/v1683307555/hasura-con-2023/tg_hascon23_homepage_ue29jn.mp4",
171
+ videoPoster: "https://res.cloudinary.com/dh8fp23nd/image/upload/v1685017301/Group_2608667_gu6idw.png",
172
+ subTitleTextColor: 'text-neutral-0',
173
+ titleTextColor: 'text-neutral-0',
174
+ bgColorTab: 'bg-neutral-1000',
175
+ pillColor:'bg-pink-500',
176
+ button: [
177
+ {
178
+ cta_text: 'Get Started',
179
+ btnBg: '',
180
+ bg_color: 'bg-blue-900',
181
+
182
+ cta_link: '',
183
+ cta_type:''
184
+ },
185
+ {
186
+ cta_text: 'Get Started',
187
+ btnBg: '',
188
+ bg_color: 'bg-blue-900',
189
+ cta_link: '',
190
+ cta_type:''
191
+ }
192
+ ],
193
+ linkCards: [
194
+ {
195
+ titleTextColor: 'text-neutral-0',
196
+ descTextColor: 'text-neutral-0',
197
+ iconVariant: 'videorecorder',
198
+ iconStrokeColor: '#3970FD',
199
+ iconArrowVariant: 'arrownarrowupright',
200
+ iconArrowStrokeColor: 'blue-400',
201
+ title: 'Webinar',
202
+ description: 'Model Level Authorization System for GraphQL with Hasura',
203
+
204
+
205
+ },
206
+ {
207
+ cardBgColor: 'bg-pink-300',
208
+ cardHoverBg: 'bg-pink-900',
209
+ iconVariant: 'videorecorder',
210
+ iconStrokeColor: '#3970FD',
211
+ iconArrowVariant: 'arrownarrowupright',
212
+ iconArrowStrokeColor: 'blue-400',
213
+ title: 'Webinar',
214
+ description: 'Model Level Authorization System for GraphQL with Hasura',
215
+
216
+
217
+ },
218
+ {
219
+ cardBgColor: 'bg-pink-300',
220
+ cardHoverBg: 'bg-pink-900',
221
+ iconVariant: 'videorecorder',
222
+ iconStrokeColor: '#3970FD',
223
+ iconArrowVariant: 'arrownarrowupright',
224
+ iconArrowStrokeColor: 'blue-400',
225
+ title: 'Webinar',
226
+ description: 'Model Level Authorization System for GraphQL with Hasura',
227
+
228
+
229
+ },
230
+ ],
231
+
232
+
233
+
234
+
235
+ },
236
+ 'Company': {
237
+ heroBgColor:'bg-blue-500',
238
+ title: 'Leverage Hasura’s Authorization Engine',
239
+ subTitle: 'Hasura optimizes your API performance up to 10x faster with end-to-end caching, while scaling both vertically and horizontally.ss',
240
+ videoUrl: "https://res.cloudinary.com/dh8fp23nd/video/upload/v1683307555/hasura-con-2023/tg_hascon23_homepage_ue29jn.mp4",
241
+ videoPoster: "https://res.cloudinary.com/dh8fp23nd/image/upload/v1685017301/Group_2608667_gu6idw.png",
242
+ imgUrl:'',
243
+ subTitleTextColor: 'text-neutral-0',
244
+ titleTextColor: 'text-neutral-0',
245
+ bgColorTab: 'bg-neutral-1000',
246
+ pillColor:'bg-amber-500',
247
+ button: [
248
+ {
249
+ cta_text: 'Get Started',
250
+ btnBg: '',
251
+ bg_color: 'bg-blue-900',
252
+
253
+ cta_link: '',
254
+ cta_type:''
255
+ },
256
+ {
257
+ cta_text: 'Get Started',
258
+ btnBg: '',
259
+ bg_color: 'bg-blue-900',
260
+ cta_link: '',
261
+ cta_type:''
262
+ }
263
+ ],
264
+ linkCards: [
265
+ {
266
+ titleTextColor: 'text-neutral-0',
267
+ descTextColor: 'text-neutral-0',
268
+ iconVariant: 'videorecorder',
269
+ iconStrokeColor: '#3970FD',
270
+ iconArrowVariant: 'arrownarrowupright',
271
+ iconArrowStrokeColor: 'blue-400',
272
+ title: 'Webinar',
273
+ description: 'Model Level Authorization System for GraphQL with Hasura',
274
+
275
+
276
+ },
277
+ {
278
+ cardBgColor: 'bg-pink-300',
279
+ cardHoverBg: 'bg-pink-900',
280
+ iconVariant: 'videorecorder',
281
+ iconStrokeColor: '#3970FD',
282
+ iconArrowVariant: 'arrownarrowupright',
283
+ iconArrowStrokeColor: 'blue-400',
284
+ title: 'Webinar',
285
+ description: 'Model Level Authorization System for GraphQL with Hasura',
286
+
287
+
288
+ },
289
+ {
290
+ cardBgColor: 'bg-pink-300',
291
+ cardHoverBg: 'bg-pink-900',
292
+ iconVariant: 'videorecorder',
293
+ iconStrokeColor: '#3970FD',
294
+ iconArrowVariant: 'arrownarrowupright',
295
+ iconArrowStrokeColor: 'blue-400',
296
+ title: 'Webinar',
297
+ description: 'Model Level Authorization System for GraphQL with Hasura',
298
+
299
+
300
+ },
301
+ ],
302
+
303
+
304
+
305
+
306
+ },
307
+ 'Authorization': {
308
+ heroBgColor:'bg-cyan-500',
309
+ title: 'Blazing-fast APIs at Global Scale ',
310
+ subTitle: 'Hasura optimizes your API performance up to 10x faster with end-to-end caching, while scaling both vertically and horizontally.',
311
+ videoUrl: "https://res.cloudinary.com/dh8fp23nd/video/upload/v1683307555/hasura-con-2023/tg_hascon23_homepage_ue29jn.mp4",
312
+ videoPoster: "https://res.cloudinary.com/dh8fp23nd/image/upload/v1685017301/Group_2608667_gu6idw.png",
313
+ imgUrl:'',
314
+ subTitleTextColor: 'text-neutral-0',
315
+ titleTextColor: 'text-neutral-0',
316
+ bgColorTab: 'bg-pink-500',
317
+ pillColor:'bg-neutral-500',
318
+ button: [
319
+ {
320
+ cta_text: 'Get Started',
321
+ btnBg: '',
322
+ bg_color: 'bg-blue-900',
323
+
324
+ cta_link: '',
325
+ cta_type:''
326
+ },
327
+ {
328
+ cta_text: 'Get Started',
329
+ btnBg: '',
330
+ bg_color: 'bg-blue-900',
331
+ cta_link: '',
332
+ cta_type:''
333
+ }
334
+ ],
335
+ linkCards: [
336
+ {
337
+ titleTextColor: 'text-neutral-0',
338
+ descTextColor: 'text-neutral-0',
339
+ iconVariant: 'videorecorder',
340
+ iconStrokeColor: '#3970FD',
341
+ iconArrowVariant: 'arrownarrowupright',
342
+ iconArrowStrokeColor: 'blue-400',
343
+ title: 'Webinar',
344
+ description: 'Model Level Authorization System for GraphQL with Hasura',
345
+
346
+
347
+ },
348
+ {
349
+ cardBgColor: 'bg-pink-300',
350
+ cardHoverBg: 'bg-pink-900',
351
+ iconVariant: 'videorecorder',
352
+ iconStrokeColor: '#3970FD',
353
+ iconArrowVariant: 'arrownarrowupright',
354
+ iconArrowStrokeColor: 'blue-400',
355
+ title: 'Webinar',
356
+ description: 'Model Level Authorization System for GraphQL with Hasura',
357
+
358
+
359
+ },
360
+ {
361
+ cardBgColor: 'bg-pink-300',
362
+ cardHoverBg: 'bg-pink-900',
363
+ iconVariant: 'videorecorder',
364
+ iconStrokeColor: '#3970FD',
365
+ iconArrowVariant: 'arrownarrowupright',
366
+ iconArrowStrokeColor: 'blue-400',
367
+ title: 'Webinar',
368
+ description: 'Model Level Authorization System for GraphQL with Hasura',
369
+
370
+
371
+ },
372
+ ],
373
+
374
+
375
+
376
+
377
+ },
378
+ },
379
+
380
+ navTabs: [
381
+ {
382
+ current: true,
383
+ name: 'Performance'
384
+ },
385
+ {
386
+ current: 'false',
387
+ name: 'Company'
388
+ },
389
+ {
390
+ current: 'false',
391
+ name: 'Authorization'
392
+ },
393
+ {
394
+ current: 'false',
395
+ name: 'Observability'
396
+ },
397
+ {
398
+ current: 'false',
399
+ name: 'API Security'
400
+ }
401
+ ]
402
+ }
403
+
404
+ }
package/src/HDS/components/Tabs/tab.js CHANGED
@@ -40,9 +40,6 @@ export default function Tab(props) {
40
40
  function tabClass(name) {
41
41
  let classActive = ' text-neutral-0 transition-all rounded-full ' + pillColorClass;
42
42
  let clasnInActive = ' text-neutral-500 flex-nowrap rounded-full';
43
-
44
- console.log(classActive, clasnInActive, 'heeelo');
45
-
46
43
  if (activeTab.name === name) {
47
44
  return classActive;
48
45
  }