hds-web 1.39.2 → 1.39.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 (11) hide show
  1. package/dist/index.css +2 -2
  2. package/dist/index.es.css +2 -2
  3. package/dist/index.es.js +2 -2
  4. package/dist/index.js +2 -2
  5. package/package.json +1 -1
  6. package/src/HDS/components/Cards/Menu/ConnectorsDropdown.js +1 -8
  7. package/src/HDS/components/Cards/Menu/ResourcesDropdown.js +1 -8
  8. package/src/HDS/components/Cards/Menu/flyoutA.js +1 -8
  9. package/src/HDS/components/Headers/v3Header.js +73 -14
  10. package/src/HDS/components/common-components/Icon/IconMap.js +2461 -2451
  11. package/src/styles/tailwind.css +4 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "hds-web",
3
- "version": "1.39.2",
3
+ "version": "1.39.4",
4
4
  "private": false,
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.es.js",
package/src/HDS/components/Cards/Menu/ConnectorsDropdown.js CHANGED
@@ -32,14 +32,7 @@ export default function FlyoutA(props) {
32
32
  <div className="flex rounded-lg items-center group-hover:bg-white">
33
33
  {item.icon && (
34
34
  <Icon
35
- height={
36
- "h-5 w-5 stroke-2 " +
37
- (item.icon === "discord" ||
38
- item.icon === "octoface" ||
39
- item.icon === "meetup"
40
- ? ""
41
- : "group-hover/icon:stroke-blue-500 ")
42
- }
35
+ height={"h-5 w-5 stroke-2 "}
43
36
  variant={item.icon}
44
37
  strokeClass={item.strokeClass}
45
38
  />
package/src/HDS/components/Cards/Menu/ResourcesDropdown.js CHANGED
@@ -32,14 +32,7 @@ export default function ResourcesDropdown(props) {
32
32
  <div className="flex rounded-lg items-center group-hover:bg-white">
33
33
  {item.icon && (
34
34
  <Icon
35
- height={
36
- "h-5 w-5 stroke-2 " +
37
- (item.icon === "discord" ||
38
- item.icon === "octoface" ||
39
- item.icon === "meetup"
40
- ? ""
41
- : "group-hover/icon:stroke-blue-500 ")
42
- }
35
+ height={"h-5 w-5 stroke-2 "}
43
36
  variant={item.icon}
44
37
  strokeClass={item.strokeClass}
45
38
  />
package/src/HDS/components/Cards/Menu/flyoutA.js CHANGED
@@ -34,14 +34,7 @@ export default function FlyoutA(props) {
34
34
  <div className="flex rounded-lg items-center group-hover:bg-white">
35
35
  {item.icon && (
36
36
  <Icon
37
- height={
38
- "h-5 w-5 stroke-2 " +
39
- (item.icon === "discord" ||
40
- item.icon === "octoface" ||
41
- item.icon === "meetup"
42
- ? ""
43
- : "group-hover/icon:stroke-blue-500 ")
44
- }
37
+ height={"h-5 w-5 stroke-2 "}
45
38
  variant={item.icon}
46
39
  strokeClass={item.strokeClass}
47
40
  />
package/src/HDS/components/Headers/v3Header.js CHANGED
@@ -174,6 +174,20 @@ export default function V3Header(props) {
174
174
  <>
175
175
  {renderDropdownContainer(headerList, 0)}
176
176
  {renderDropdownContainer(headerList, 1)}
177
+ {
178
+ <a href="/enterprise">
179
+ <Typography
180
+ className={
181
+ isDarkMode
182
+ ? "text-neutral-0 hover:text-blue-400 cursor-pointer"
183
+ : "hover:text-blue-600 cursor-pointer"
184
+ }
185
+ textStyle="body3c-medium"
186
+ >
187
+ {`Enterprise`}
188
+ </Typography>
189
+ </a>
190
+ }
177
191
  {renderDropdownContainer(headerList, 2)}
178
192
  {
179
193
  <a href="/customers">
@@ -308,6 +322,9 @@ export default function V3Header(props) {
308
322
  if (title === "Pricing") {
309
323
  window.location.href = "/pricing";
310
324
  }
325
+ if (title === "Enterprise") {
326
+ window.location.href = "/enterprise";
327
+ }
311
328
  if (title === "Product") {
312
329
  setIsProduct(true);
313
330
  }
@@ -553,6 +570,48 @@ export default function V3Header(props) {
553
570
  />
554
571
  </div>
555
572
  ))}
573
+ <a href="https://hasura.io/enterprise">
574
+ <div
575
+ key={`Contact`}
576
+ className="flex justify-between items-center p-4 cursor-pointer group"
577
+ >
578
+ <div className="flex items-center justify-center gap-2">
579
+ {/* <Icon height="h-5 w-5" variant="home03" strokeColor="#3970FD" /> */}
580
+ <Typography
581
+ textStyle="body3c-medium"
582
+ className="text-neutral-700 hover:text-neutral-1000 transition-all duration-300 ease-in-out"
583
+ >
584
+ Enterprise
585
+ </Typography>
586
+ </div>
587
+ <Icon
588
+ height="h-5 w-5 stroke-[1.5px] group-hover:translate-x-1 ease-in-out transition duration-300"
589
+ variant="chevronright"
590
+ strokeClass="stroke-neutral-500"
591
+ />
592
+ </div>
593
+ </a>
594
+ <a href="https://hasura.io/customers">
595
+ <div
596
+ key={`Contact`}
597
+ className="flex justify-between items-center p-4 cursor-pointer group"
598
+ >
599
+ <div className="flex items-center justify-center gap-2">
600
+ {/* <Icon height="h-5 w-5" variant="home03" strokeColor="#3970FD" /> */}
601
+ <Typography
602
+ textStyle="body3c-medium"
603
+ className="text-neutral-700 hover:text-neutral-1000 transition-all duration-300 ease-in-out"
604
+ >
605
+ Customers
606
+ </Typography>
607
+ </div>
608
+ <Icon
609
+ height="h-5 w-5 stroke-[1.5px] group-hover:translate-x-1 ease-in-out transition duration-300"
610
+ variant="chevronright"
611
+ strokeClass="stroke-neutral-500"
612
+ />
613
+ </div>
614
+ </a>
556
615
  <a href="https://hasura.io/contact-us">
557
616
  <div
558
617
  key={`Contact`}
@@ -733,21 +792,21 @@ V3Header.defaultProps = {
733
792
  href: "/docs/3.0/index/",
734
793
  icon: "file02",
735
794
  name: "Documentation",
736
- strokeClass: "stroke-neutral-500",
795
+ strokeClass: "stroke-blue-500",
737
796
  },
738
797
  {
739
798
  description: "",
740
799
  href: "/connectors",
741
800
  icon: "route",
742
801
  name: "Connector Hub",
743
- strokeClass: "stroke-neutral-500",
802
+ strokeClass: "stroke-blue-500",
744
803
  },
745
804
  {
746
805
  description: "",
747
806
  href: "/learn/",
748
807
  icon: "graduationhat02",
749
808
  name: "Tutorials",
750
- strokeClass: "stroke-neutral-500",
809
+ strokeClass: "stroke-blue-500",
751
810
  },
752
811
  ],
753
812
  label: "BUILD",
@@ -759,28 +818,28 @@ V3Header.defaultProps = {
759
818
  href: "/community",
760
819
  icon: "users01",
761
820
  name: "Community",
762
- strokeClass: "stroke-neutral-500",
821
+ strokeClass: "stroke-blue-500",
763
822
  },
764
823
  {
765
824
  description: "",
766
825
  href: "https://discord.com/invite/hasura",
767
826
  icon: "discord",
768
827
  name: "Discord",
769
- strokeClass: "",
828
+ strokeClass: "stroke-blue-500",
770
829
  },
771
830
  {
772
831
  description: "",
773
832
  href: "https://github.com/hasura/graphql-engine/discussions",
774
833
  icon: "octoface",
775
834
  name: "Discussions",
776
- strokeClass: "",
835
+ strokeClass: "stroke-blue-500",
777
836
  },
778
837
  {
779
838
  description: "",
780
839
  href: "https://www.meetup.com/pro/hasura/",
781
840
  icon: "meetup",
782
841
  name: "Meetups",
783
- strokeClass: "",
842
+ strokeClass: "stroke-blue-500",
784
843
  },
785
844
  ],
786
845
  label: "Connect",
@@ -788,7 +847,7 @@ V3Header.defaultProps = {
788
847
  ],
789
848
  flyoutD: {
790
849
  link: "https://hasura.io/events/community-call/latest",
791
- cardImg: `https://res.cloudinary.com/dh8fp23nd/image/upload/v1721210357/cc-blog-july_2_1_k8k22u.png`,
850
+ cardImg: `https://res.cloudinary.com/dh8fp23nd/image/upload/v1723398379/cc-blog-july_4_d9mzrf.png`,
792
851
  cardImgAlt: "Hasura Community Call",
793
852
  },
794
853
  },
@@ -802,42 +861,42 @@ V3Header.defaultProps = {
802
861
  href: "/blog",
803
862
  icon: "bookopen01",
804
863
  name: "Blogs",
805
- strokeClass: "stroke-neutral-500",
864
+ strokeClass: "stroke-blue-500",
806
865
  },
807
866
  {
808
867
  description: "",
809
868
  href: "/events?category=Webinar#wall-section",
810
869
  icon: "videorecorder",
811
870
  name: "Webinars",
812
- strokeClass: "stroke-neutral-500",
871
+ strokeClass: "stroke-blue-500",
813
872
  },
814
873
  {
815
874
  description: "",
816
875
  href: "/graphql/",
817
876
  icon: "home04",
818
877
  name: "GraphQL Hub",
819
- strokeClass: "stroke-neutral-500",
878
+ strokeClass: "stroke-blue-500",
820
879
  },
821
880
  {
822
881
  description: "",
823
882
  href: "/events",
824
883
  icon: "calendarplus02",
825
884
  name: "Events",
826
- strokeClass: "stroke-neutral-500",
885
+ strokeClass: "stroke-blue-500",
827
886
  },
828
887
  {
829
888
  description: "",
830
889
  href: "/",
831
890
  icon: "file05",
832
891
  name: "Whitepapers",
833
- strokeClass: "stroke-neutral-500",
892
+ strokeClass: "stroke-blue-500",
834
893
  },
835
894
  {
836
895
  description: "",
837
896
  href: "https://supergraph.io/",
838
897
  icon: "beziercurve02",
839
898
  name: "Supergraph Manifesto",
840
- strokeClass: "stroke-neutral-500",
899
+ strokeClass: "stroke-blue-500",
841
900
  },
842
901
  ],
843
902
  label: "RESOURCES",