@theguild/components 9.7.1 → 9.8.0-alpha-20250709145129-07dac296a1234e48cb183e6ee2f250fbb77bf699

package/dist/components/hive-footer/index.d.mts

@@ -11,8 +11,12 @@ type HiveFooterProps = {
     href?: string;
     description?: string;
     items?: HiveFooterItems;
+    /**
+     * In case this component is used outside of Hive Platform in a design-consistent but less related context,
+     */
+    hideSecurityBadges?: boolean;
 };
-declare function HiveFooter({ className, logo, href, description, items, }: HiveFooterProps): react_jsx_runtime.JSX.Element;
+declare function HiveFooter({ className, logo, href, description, items, hideSecurityBadges, }: HiveFooterProps): react_jsx_runtime.JSX.Element;
 declare namespace HiveFooter {
     var DEFAULT_ITEMS: HiveFooterItems;
 }

package/dist/components/hive-footer/index.js

@@ -6,14 +6,8 @@ import { FOUR_MAIN_PRODUCTS, SIX_HIGHLIGHTED_PRODUCTS } from "../../products";
 import { Anchor } from "../anchor";
 import { ContactTextLink } from "../contact-us";
 import { __LANDING_WIDTHS_ID } from "../hive-layout-config";
-import {
-  CSAStarLevelOneIcon,
-  DiscordIcon,
-  GitHubIcon,
-  LinkedInIcon,
-  TwitterIcon,
-  YouTubeIcon
-} from "../icons/index";
+import { DiscordIcon, GitHubIcon, LinkedInIcon, TwitterIcon, YouTubeIcon } from "../icons/index";
+import { SecurityBadges } from "./security-badges";
 const INNER_BOX_WIDTH_STYLE = "max-w-[90rem] [body:has(#hive-l-widths)_&]:max-w-[75rem] [body:has(#hive-l-widths)_&]:mx-4";
 if (process.env.NODE_ENV === "development") {
   console.assert(
@@ -26,7 +20,8 @@ function HiveFooter({
   logo = /* @__PURE__ */ jsx(HiveCombinationMark, { className: "h-8 w-auto" }),
   href = `${siteOrigin}/`,
   description = "Open-source GraphQL management platform",
-  items
+  items,
+  hideSecurityBadges
 }) {
   items = { ...HiveFooter.DEFAULT_ITEMS, ...items };
   return /* @__PURE__ */ jsxs(
@@ -71,7 +66,7 @@ function HiveFooter({
                   )),
                   /* @__PURE__ */ jsx(ContactTextLink, {})
                 ] }),
-                /* @__PURE__ */ jsx(CSAStarLink, { className: "sm:col-start-[-1] lg:col-start-[-2]" })
+                /* @__PURE__ */ jsx("div", { className: "sm:col-start-[-1] lg:col-start-[-2]", children: !hideSecurityBadges && /* @__PURE__ */ jsx(SecurityBadges, {}) })
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "col-span-full flex flex-wrap justify-between gap-x-[inherit] gap-y-8 lg:w-full lg:pb-2 lg:pt-8", children: [
                 /* @__PURE__ */ jsx("div", { className: "flex gap-6 lg:order-1", children: SOCIAL_ICONS.map(({ icon: Icon, ...iconProps }) => /* @__PURE__ */ jsx(
@@ -238,21 +233,6 @@ function DecorationArch(props) {
     }
   );
 }
-function CSAStarLink({ className }) {
-  return /* @__PURE__ */ jsx(
-    "a",
-    {
-      href: "https://cloudsecurityalliance.org/star/registry/software-products-guild-ltd-the-guild/services/graphql-hive",
-      target: "_blank",
-      rel: "noreferrer noopener",
-      className: cn(
-        "hive-focus w-fit rounded-full focus-visible:outline-none focus-visible:ring-offset-2 focus-visible:ring-offset-[rgb(var(--nextra-bg))]",
-        className
-      ),
-      children: /* @__PURE__ */ jsx(CSAStarLevelOneIcon, { className: "size-20 lg:size-[120px] dark:opacity-95" })
-    }
-  );
-}
 export {
   HiveFooter
 };

package/dist/components/hive-footer/security-badges.d.mts

@@ -0,0 +1,5 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function SecurityBadges(): react_jsx_runtime.JSX.Element;
+
+export { SecurityBadges };

package/dist/components/hive-footer/security-badges.js

@@ -0,0 +1,37 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../cn";
+import { ReactComponent as CSAStarLevelOneIcon } from "../icons/csa-star-level-one";
+function SecurityBadge({
+  href,
+  children,
+  className
+}) {
+  return /* @__PURE__ */ jsx(
+    "a",
+    {
+      href,
+      target: "_blank",
+      rel: "noreferrer noopener",
+      className: cn(
+        "hive-focus h-fit w-fit rounded-full p-1 hover:bg-blue-200 focus-visible:outline-none focus-visible:ring-offset-2 focus-visible:ring-offset-[rgb(var(--nextra-bg))] dark:hover:bg-white/20 dark:hover:*:opacity-100",
+        className
+      ),
+      children
+    }
+  );
+}
+function SecurityBadges() {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-4 max-lg:flex-col", children: [
+    /* @__PURE__ */ jsx(SecurityBadge, { href: "https://cloudsecurityalliance.org/star/registry/software-products-guild-ltd-the-guild/services/graphql-hive", children: /* @__PURE__ */ jsx(CSAStarLevelOneIcon, { className: "size-[88px] dark:opacity-95" }) }),
+    /* @__PURE__ */ jsx(SecurityBadge, { href: "https://security.graphql-hive.com/", children: /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: "https://static.vanta.com/static/soc2_badge.ac7ad1ad.webp",
+        className: "size-[88px] dark:opacity-95"
+      }
+    ) })
+  ] });
+}
+export {
+  SecurityBadges
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@theguild/components",
-  "version": "9.7.1",
+  "version": "9.8.0-alpha-20250709145129-07dac296a1234e48cb183e6ee2f250fbb77bf699",
   "repository": {
     "url": "https://github.com/the-guild-org/docs",
     "directory": "packages/components"