hds-web 1.18.2 → 1.18.4

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 (7) hide show
  1. package/dist/index.css +1 -1
  2. package/dist/index.es.css +1 -1
  3. package/dist/index.es.js +5 -5
  4. package/dist/index.js +3 -3
  5. package/package.json +1 -1
  6. package/src/HDS/components/Headers/v3Header.js +33 -33
  7. package/src/styles/tailwind.css +25 -34
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "hds-web",
3
- "version": "1.18.2",
3
+ "version": "1.18.4",
4
4
  "private": false,
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.es.js",
package/src/HDS/components/Headers/v3Header.js CHANGED
@@ -6,7 +6,7 @@ import { V3Dropdown } from '../Cards/Dropdown'
6
6
  import { HDSColor } from '../../foundation/ColorPalette';
7
7
  import { motion } from "framer-motion"
8
8
  import { AnimatePresence } from 'framer-motion';
9
- import { AlgoliaSearch } from '../../helpers/AlgoliaSearch';
9
+ // import { AlgoliaSearch } from '../../helpers/AlgoliaSearch';
10
10
 
11
11
  const solutions = [
12
12
  {
@@ -142,7 +142,7 @@ export default function V3Header(props) {
142
142
  {renderDropdownContainer(headerList, 0)}
143
143
  {renderDropdownContainer(headerList, 1)}
144
144
  {renderDropdownContainer(headerList, 3)}
145
- {<a href='https://hasura.io/case-studies/'>
145
+ {<a href='/case-studies/'>
146
146
 
147
147
  <Typography
148
148
  className="hover:text-blue-600 cursor-pointer"
@@ -152,7 +152,7 @@ export default function V3Header(props) {
152
152
  </Typography>
153
153
  </a>
154
154
  }
155
- {<a href='https://hasura.io/pricing'>
155
+ {<a href='/pricing'>
156
156
 
157
157
  <Typography
158
158
  className="hover:text-blue-600 cursor-pointer"
@@ -280,7 +280,7 @@ export default function V3Header(props) {
280
280
  </div>
281
281
  <div className='hds-hidden-tbl flex z-[10] items-center gap-6'>
282
282
  <div className={'h-full ' + ((mobileNavOpen) ? " hds-hidden" : "")}>
283
- <AlgoliaSearch {...props} />
283
+ {/* <AlgoliaSearch {...props} /> */}
284
284
  </div>
285
285
  {!(isCompany || isDeveloper || isProduct) &&
286
286
  (
@@ -310,9 +310,9 @@ export default function V3Header(props) {
310
310
 
311
311
  <div className='hds-hidden tb-l:flex flex-row items-center gap-x-4 '>
312
312
 
313
- <AlgoliaSearch {...props} />
313
+ {/* <AlgoliaSearch {...props} /> */}
314
314
 
315
- <a href='https://hasura.io/contact-us?type=hasuraenterprise' className='hds-hidden db:flex'>
315
+ <a href='/contact-us?type=hasuraenterprise' className='hds-hidden db:flex'>
316
316
  <Typography textStyle='body3c-medium' className='text-neutral-800'>
317
317
  Contact Sales
318
318
  </Typography>
@@ -496,10 +496,10 @@ V3Header.defaultProps = {
496
496
  iconVariant: 'layersthree01',
497
497
  mainDescription: 'Choose from our open source community edition, fully managed cloud edition or custom enterprise',
498
498
  primaryBtnLabel: 'Hasura Platform',
499
- primaryBtnCTA:'https://hasura.io/products',
499
+ primaryBtnCTA:'/products',
500
500
  strokeClass: 'stroke-neutral-800',
501
501
  secondaryBtn: [
502
- { cta_leftVariantIcon: 'checksquarebroken', cta_leftVariantIconColor: '#6C737F', cta_text: 'Compare plans', cta_link:'https://hasura.io/pricing' }
502
+ { cta_leftVariantIcon: 'checksquarebroken', cta_leftVariantIconColor: '#6C737F', cta_text: 'Compare plans', cta_link:'/pricing' }
503
503
  ],
504
504
  },
505
505
  secondaryCardArr:
@@ -509,42 +509,42 @@ V3Header.defaultProps = {
509
509
  childArray: [
510
510
  {
511
511
  description: '',
512
- href: 'https://hasura.io/products/instant-api',
512
+ href: '/products/instant-api',
513
513
  icon: "lightning01",
514
514
  name: 'Instant API',
515
515
  strokeClass: 'stroke-neutral-500'
516
516
  },
517
517
  {
518
518
  description: '',
519
- href: 'https://hasura.io/products/federation',
519
+ href: '/products/federation',
520
520
  icon: 'data',
521
521
  name: 'Federation',
522
522
  strokeClass: 'stroke-neutral-500'
523
523
  },
524
524
  {
525
525
  description: '',
526
- href: 'https://hasura.io/products/authorization',
526
+ href: '/products/authorization',
527
527
  icon: 'eye',
528
528
  name: 'Authorization',
529
529
  strokeClass: 'stroke-neutral-500'
530
530
  },
531
531
  {
532
532
  description: '',
533
- href: 'https://hasura.io/products/api-security',
533
+ href: '/products/api-security',
534
534
  icon: 'shieldtick',
535
535
  name: 'API Security',
536
536
  strokeClass: 'stroke-neutral-500'
537
537
  },
538
538
  {
539
539
  description: '',
540
- href: 'https://hasura.io/products/performance',
540
+ href: '/products/performance',
541
541
  icon: 'speedometer03',
542
542
  name: 'Performance',
543
543
  strokeClass: 'stroke-neutral-500'
544
544
  },
545
545
  {
546
546
  description: '',
547
- href: 'https://hasura.io/products/observability',
547
+ href: '/products/observability',
548
548
  icon: "piechart01",
549
549
  name: 'Observability',
550
550
  strokeClass: 'stroke-neutral-500'
@@ -556,14 +556,14 @@ V3Header.defaultProps = {
556
556
  childArray: [
557
557
  {
558
558
  description: '',
559
- href: 'https://hasura.io/graphql/database',
559
+ href: '/graphql/database',
560
560
  icon: 'database01',
561
561
  name: 'All DBs',
562
562
  strokeClass: 'stroke-neutral-500'
563
563
  },
564
564
  {
565
565
  description: '',
566
- href: 'https://hasura.io/graphql/database',
566
+ href: '/graphql/database?category=planned',
567
567
  icon: 'checksquare',
568
568
  name: 'Planned DBs',
569
569
  strokeClass: 'stroke-neutral-500'
@@ -581,28 +581,28 @@ V3Header.defaultProps = {
581
581
  childArray: [
582
582
  {
583
583
  description: '',
584
- href: 'https://hasura.io/docs/latest/index/',
584
+ href: '/docs/latest/index/',
585
585
  icon: "file02",
586
586
  name: 'Documentation',
587
587
  strokeClass: 'stroke-neutral-500'
588
588
  },
589
589
  {
590
590
  description: '',
591
- href: 'https://hasura.io/hub',
591
+ href: '/hub',
592
592
  icon: 'hasura',
593
593
  name: 'Hasura Hub',
594
594
  strokeClass: 'stroke-neutral-500'
595
595
  },
596
596
  {
597
597
  description: '',
598
- href: 'https://hasura.io/sample-apps/',
598
+ href: '/reference-app/',
599
599
  icon: 'route',
600
600
  name: 'Guides',
601
601
  strokeClass: 'stroke-neutral-500'
602
602
  },
603
603
  {
604
604
  description: '',
605
- href: 'https://hasura.io/graphql/',
605
+ href: '/graphql/',
606
606
  icon: 'asterisk02',
607
607
  name: 'GraphQL Hub',
608
608
  strokeClass: 'stroke-neutral-500'
@@ -616,7 +616,7 @@ V3Header.defaultProps = {
616
616
  },
617
617
  {
618
618
  description: '',
619
- href: 'https://hasura.io/changelog',
619
+ href: '/changelog',
620
620
  icon: 'gitpullrequest',
621
621
  name: 'Changelog',
622
622
  strokeClass: 'stroke-neutral-500'
@@ -629,28 +629,28 @@ V3Header.defaultProps = {
629
629
  childArray: [
630
630
  {
631
631
  description: '',
632
- href: 'https://hasura.io/blog',
632
+ href: '/blog',
633
633
  icon: 'bookopen01',
634
634
  name: 'Blog',
635
635
  strokeClass: 'stroke-neutral-500'
636
636
  },
637
637
  {
638
638
  description: '',
639
- href: 'https://hasura.io/learn/',
639
+ href: '/learn/',
640
640
  icon: 'graduationhat02',
641
641
  name: 'Tutorials',
642
642
  strokeClass: 'stroke-neutral-500'
643
643
  },
644
644
  {
645
645
  description: '',
646
- href: 'https://hasura.io/events',
646
+ href: '/events',
647
647
  icon: 'calendarplus02',
648
648
  name: 'Events',
649
649
  strokeClass: 'stroke-neutral-500'
650
650
  },
651
651
  {
652
652
  description: '',
653
- href: 'https://hasura.io/help/',
653
+ href: '/sample-apps/',
654
654
  icon: 'box',
655
655
  name: 'Resources',
656
656
  strokeClass: 'stroke-neutral-500'
@@ -664,7 +664,7 @@ V3Header.defaultProps = {
664
664
  childArray: [
665
665
  {
666
666
  description: '',
667
- href: 'https://hasura.io/community/',
667
+ href: '/community/',
668
668
  icon: 'users01',
669
669
  name: 'Community',
670
670
  strokeClass: 'stroke-neutral-500'
@@ -692,7 +692,7 @@ V3Header.defaultProps = {
692
692
  },
693
693
  {
694
694
  description: '',
695
- href: 'https://hasura.io/support/',
695
+ href: '/support/',
696
696
  icon: 'hand',
697
697
  name: 'Support',
698
698
  strokeClass: 'stroke-neutral-500'
@@ -739,35 +739,35 @@ V3Header.defaultProps = {
739
739
  childArray: [
740
740
  {
741
741
  description: '',
742
- href: 'https://hasura.io/about/',
742
+ href: '/about/',
743
743
  icon: "pentool02",
744
744
  name: 'Our Story',
745
745
  strokeClass: 'stroke-neutral-500'
746
746
  },
747
747
  {
748
748
  description: '',
749
- href: 'https://hasura.io/partners',
749
+ href: '/partners',
750
750
  icon: 'intersectcircle',
751
751
  name: 'Partners',
752
752
  strokeClass: 'stroke-neutral-500'
753
753
  },
754
754
  {
755
755
  description: '',
756
- href: 'https://hasura.io/careers/',
756
+ href: '/careers/',
757
757
  icon: 'hearthand',
758
758
  name: 'Work at Hasura',
759
759
  strokeClass: 'stroke-neutral-500'
760
760
  },
761
761
  {
762
762
  description: '',
763
- href: 'https://hasura.io/press/',
763
+ href: '/press/',
764
764
  icon: 'headingsquare',
765
765
  name: 'Newsroom',
766
766
  strokeClass: 'stroke-neutral-500'
767
767
  },
768
768
  {
769
769
  description: '',
770
- href: 'https://hasura.io/brand',
770
+ href: '/brand',
771
771
  icon: 'star06',
772
772
  name: 'Brand',
773
773
  strokeClass: 'stroke-neutral-500'
@@ -809,5 +809,5 @@ V3Header.defaultProps = {
809
809
 
810
810
 
811
811
  ],
812
- headerUrl: 'https://hasura.io/'
812
+ headerUrl: '/'
813
813
  }
package/src/styles/tailwind.css CHANGED
@@ -9551,10 +9551,6 @@ select{
9551
9551
  background-color: rgb(133 77 24 / var(--tw-bg-opacity));
9552
9552
  }
9553
9553
 
9554
- .hover\:stroke-blue-500:hover{
9555
- stroke: #3970FD;
9556
- }
9557
-
9558
9554
  .hover\:pl-\[9px\]:hover{
9559
9555
  padding-left: 9px;
9560
9556
  }
@@ -9911,15 +9907,15 @@ select{
9911
9907
  visibility: visible;
9912
9908
  }
9913
9909
 
9914
- .group\/icon:hover .group-hover\/icon\:visible{
9910
+ .group\/card:hover .group-hover\/card\:visible{
9915
9911
  visibility: visible;
9916
9912
  }
9917
9913
 
9918
- .group:hover .group-hover\:visible{
9914
+ .group\/icon:hover .group-hover\/icon\:visible{
9919
9915
  visibility: visible;
9920
9916
  }
9921
9917
 
9922
- .group\/card:hover .group-hover\/card\:visible{
9918
+ .group:hover .group-hover\:visible{
9923
9919
  visibility: visible;
9924
9920
  }
9925
9921
 
@@ -9929,6 +9925,12 @@ select{
9929
9925
  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));
9930
9926
  }
9931
9927
 
9928
+ .group\/card:hover .group-hover\/card\:translate-x-1{
9929
+ --tw-translate-x: 0.25rem;
9930
+ -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));
9931
+ 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));
9932
+ }
9933
+
9932
9934
  .group\/icon:hover .group-hover\/icon\:translate-x-1{
9933
9935
  --tw-translate-x: 0.25rem;
9934
9936
  -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));
@@ -9953,10 +9955,14 @@ select{
9953
9955
  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));
9954
9956
  }
9955
9957
 
9956
- .group\/card:hover .group-hover\/card\:translate-x-1{
9957
- --tw-translate-x: 0.25rem;
9958
- -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));
9959
- 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));
9958
+ .group\/card:hover .group-hover\/card\:bg-blue-200{
9959
+ --tw-bg-opacity: 1;
9960
+ background-color: rgb(223 232 255 / var(--tw-bg-opacity));
9961
+ }
9962
+
9963
+ .group\/card:hover .group-hover\/card\:bg-neutral-100{
9964
+ --tw-bg-opacity: 1;
9965
+ background-color: rgb(243 244 246 / var(--tw-bg-opacity));
9960
9966
  }
9961
9967
 
9962
9968
  .group:hover .group-hover\:bg-amber-300{
@@ -9979,11 +9985,6 @@ select{
9979
9985
  background-color: rgb(145 245 215 / var(--tw-bg-opacity));
9980
9986
  }
9981
9987
 
9982
- .group:hover .group-hover\:bg-neutral-100{
9983
- --tw-bg-opacity: 1;
9984
- background-color: rgb(243 244 246 / var(--tw-bg-opacity));
9985
- }
9986
-
9987
9988
  .group:hover .group-hover\:bg-neutral-300{
9988
9989
  --tw-bg-opacity: 1;
9989
9990
  background-color: rgb(210 214 219 / var(--tw-bg-opacity));
@@ -9999,16 +10000,6 @@ select{
9999
10000
  background-color: rgb(219 198 255 / var(--tw-bg-opacity));
10000
10001
  }
10001
10002
 
10002
- .group\/card:hover .group-hover\/card\:bg-blue-200{
10003
- --tw-bg-opacity: 1;
10004
- background-color: rgb(223 232 255 / var(--tw-bg-opacity));
10005
- }
10006
-
10007
- .group\/card:hover .group-hover\/card\:bg-neutral-100{
10008
- --tw-bg-opacity: 1;
10009
- background-color: rgb(243 244 246 / var(--tw-bg-opacity));
10010
- }
10011
-
10012
10003
  .group:hover .group-hover\:bg-gradient-to-t{
10013
10004
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
10014
10005
  }
@@ -10037,6 +10028,10 @@ select{
10037
10028
  stroke: #3970FD;
10038
10029
  }
10039
10030
 
10031
+ .group\/card:hover .group-hover\/card\:stroke-blue-500{
10032
+ stroke: #3970FD;
10033
+ }
10034
+
10040
10035
  .group\/icon:hover .group-hover\/icon\:stroke-blue-500{
10041
10036
  stroke: #3970FD;
10042
10037
  }
@@ -10057,11 +10052,12 @@ select{
10057
10052
  stroke: #111927;
10058
10053
  }
10059
10054
 
10060
- .group\/card:hover .group-hover\/card\:stroke-blue-500{
10061
- stroke: #3970FD;
10055
+ .group\/btn:hover .group-hover\/btn\:text-blue-600{
10056
+ --tw-text-opacity: 1;
10057
+ color: rgb(30 86 227 / var(--tw-text-opacity));
10062
10058
  }
10063
10059
 
10064
- .group\/btn:hover .group-hover\/btn\:text-blue-600{
10060
+ .group\/card:hover .group-hover\/card\:text-blue-600{
10065
10061
  --tw-text-opacity: 1;
10066
10062
  color: rgb(30 86 227 / var(--tw-text-opacity));
10067
10063
  }
@@ -10081,11 +10077,6 @@ select{
10081
10077
  color: rgb(0 6 21 / var(--tw-text-opacity));
10082
10078
  }
10083
10079
 
10084
- .group\/card:hover .group-hover\/card\:text-blue-600{
10085
- --tw-text-opacity: 1;
10086
- color: rgb(30 86 227 / var(--tw-text-opacity));
10087
- }
10088
-
10089
10080
  .group:hover .group-hover\:opacity-30{
10090
10081
  opacity: 0.3;
10091
10082
  }