@gardenfi/garden-book 0.3.3 → 0.3.4-beta.2

package/dist/Button/index.js

@@ -19,8 +19,8 @@ const o = c(
     variants: {
       variant: {
         primary: "gf-text-white gf-bg-button-primary",
-        secondary: "gf-text-white gf-bg-button-secondary",
-        ternary: "gf-text-dark-grey gf-bg-button-ternary",
+        secondary: "gf-text-near-black gf-bg-button-secondary",
+        ternary: "gf-text-white gf-bg-button-ternary",
         disabled: "gf-bg-button-disabled-bg gf-text-button-disabled-text gf-cursor-not-allowed"
       },
       size: {
@@ -55,10 +55,10 @@ const o = c(
 ), O = y(
   ({
     variant: e,
-    size: d,
+    size: l,
     breakpoints: f,
     loading: g,
-    className: l,
+    className: d,
     children: n,
     colors: r,
     ...x
@@ -76,10 +76,10 @@ const o = c(
         ref: m,
         className: h(
           "gf-transition-colors gf-duration-300",
-          l,
+          d,
           o({
             variant: e,
-            size: d
+            size: l
           }),
           i,
           g

package/dist/CookieConsent/CookieConsent.js

@@ -1,34 +1,35 @@
 import { jsx as c } from "react/jsx-runtime";
 import { ResponsiveModal as S } from "../ResponsiveModal/index.js";
-import { useCookieConsent as x } from "./useCookieConsent.js";
-import { CookieConsentNotice as E } from "./CookieConsentNotice.js";
-import { CookieConsentPreferences as N } from "./CookieConsentPreferences.js";
-import { trackConsentEvent as r, DEFAULT_COOKIE_CATEGORIES as b, consentDecision as O } from "./utils.js";
-import { cn as i } from "../utils/index.js";
+import { useCookieConsent as E } from "./useCookieConsent.js";
+import { CookieConsentNotice as N } from "./CookieConsentNotice.js";
+import { CookieConsentPreferences as b } from "./CookieConsentPreferences.js";
+import { trackConsentEvent as r, DEFAULT_COOKIE_CATEGORIES as x, consentDecision as O } from "./utils.js";
+import { cn as o } from "../utils/index.js";
 const F = ({
-  privacyPolicyUrl: o,
-  categories: f = b,
-  defaultChecked: l = !0,
+  privacyPolicyUrl: f,
+  categories: l = x,
+  defaultChecked: a = !0,
   onChange: n,
-  config: a,
+  config: m,
   desktopModal: e,
-  mobileBottomSheet: m
+  mobileBottomSheet: u
 }) => {
-  const { isOpen: u, view: _, ready: p, setView: v, close: y, acceptAll: A, save: C } = x(a);
+  const { isOpen: s, view: _, ready: p, setView: v, close: g, acceptAll: y, save: A } = E(m);
   if (!p) return null;
-  const g = {
+  const C = {
     preventClose: (e == null ? void 0 : e.preventClose) ?? !0,
     disableScrollLock: (e == null ? void 0 : e.disableScrollLock) ?? !0,
-    overlayClassName: i(
-      "!gf-items-end !gf-justify-start gf-pl-[40px] !gf-bg-transparent !gf-pointer-events-none",
+    overlayClassName: o(
+      "!gf-items-end !gf-justify-start gf-pl-4 sm:gf-pl-6 md:gf-pl-10 !gf-bg-transparent !gf-pointer-events-none",
       e == null ? void 0 : e.overlayClassName
     ),
-    className: i(
-      "!gf-pointer-events-auto !gf-w-[420px] gf-gap-0 gf-px-3 gf-py-4 gf-rounded-t-4 gf-rounded-b-none",
+    className: o(
+      s ? "!gf-pointer-events-auto" : "!gf-pointer-events-none",
+      "!gf-w-[420px] gf-gap-0 gf-px-3 gf-py-4 gf-rounded-t-4 gf-rounded-b-none",
       e == null ? void 0 : e.className
     )
-  }, s = () => {
-    A(), r("cookie_consent_set", {
+  }, i = () => {
+    y(), r("cookie_consent_set", {
       consent_action: "accept_all",
       consent_analytics: !0,
       consent_functional: !0,
@@ -38,27 +39,27 @@ const F = ({
   return /* @__PURE__ */ c(
     S,
     {
-      open: u,
-      onClose: y,
-      desktopModal: g,
-      mobileBottomSheet: m,
+      open: s,
+      onClose: g,
+      desktopModal: C,
+      mobileBottomSheet: u,
       children: _ === "notice" ? /* @__PURE__ */ c(
-        E,
+        N,
         {
-          privacyPolicyUrl: o,
+          privacyPolicyUrl: f,
           onChangePreferences: () => {
             r("cookie_prefs_opened"), v("preferences");
           },
-          onAcceptAll: s
+          onAcceptAll: i
         }
       ) : /* @__PURE__ */ c(
-        N,
+        b,
         {
-          categories: f,
-          defaultChecked: l,
-          onAcceptAll: s,
+          categories: l,
+          defaultChecked: a,
+          onAcceptAll: i,
           onSave: (t) => {
-            C(t), r("cookie_consent_set", {
+            A(t), r("cookie_consent_set", {
               consent_action: "save",
               consent_analytics: t.analytics,
               consent_functional: t.functional,

package/dist/CookieConsent/CookieConsentNotice.js

@@ -1,14 +1,14 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { Typography as r } from "../Typography/index.js";
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { Typography as a } from "../Typography/index.js";
 import { Button as l } from "../Button/index.js";
 const g = ({
   privacyPolicyUrl: i,
-  onChangePreferences: s,
-  onAcceptAll: o
-}) => /* @__PURE__ */ a("div", { className: "gf-flex gf-flex-col gf-gap-9", children: [
-  /* @__PURE__ */ a("div", { className: "gf-flex gf-flex-col gf-gap-3 gf-px-1", children: [
-    /* @__PURE__ */ e(r, { as: "p", size: "h5", weight: "medium", className: "!gf-leading-5", children: "Manage cookies" }),
-    /* @__PURE__ */ a(r, { as: "p", size: "h4", children: [
+  onChangePreferences: o,
+  onAcceptAll: s
+}) => /* @__PURE__ */ r("div", { className: "gf-flex gf-flex-col gf-gap-9", children: [
+  /* @__PURE__ */ r("div", { className: "gf-flex gf-flex-col gf-gap-3 gf-px-1", children: [
+    /* @__PURE__ */ e(a, { as: "p", size: "h5", weight: "medium", className: "!gf-leading-5", children: "Manage cookies" }),
+    /* @__PURE__ */ r(a, { as: "p", size: "h4", color: "neutral-grey", children: [
       "We use cookies and analytics to improve Garden. ",
       /* @__PURE__ */ e("br", {}),
       "Learn more in our",
@@ -26,15 +26,14 @@ const g = ({
       "."
     ] })
   ] }),
-  /* @__PURE__ */ a("div", { className: "gf-flex gf-flex-col gf-gap-3", children: [
+  /* @__PURE__ */ r("div", { className: "gf-flex gf-flex-col gf-gap-3", children: [
     /* @__PURE__ */ e(
       l,
       {
-        variant: "ternary",
+        variant: "secondary",
         size: "sm",
-        colors: { ternary: "rgba(255,255,255,0.5)" },
-        className: "gf-w-full",
-        onClick: s,
+        className: "gf-w-full gf-border gf-border-mist h-10",
+        onClick: o,
         children: "Change preferences"
       }
     ),
@@ -43,8 +42,8 @@ const g = ({
       {
         variant: "primary",
         size: "sm",
-        className: "gf-w-full",
-        onClick: o,
+        className: "gf-w-full h-10",
+        onClick: s,
         children: "Accept all"
       }
     )

package/dist/CookieConsent/CookieConsentPreferences.js

@@ -1,4 +1,4 @@
-import { jsxs as a, jsx as l } from "react/jsx-runtime";
+import { jsxs as i, jsx as l } from "react/jsx-runtime";
 import { useState as p } from "react";
 import { Typography as s } from "../Typography/index.js";
 import { Button as c } from "../Button/index.js";
@@ -6,29 +6,29 @@ import { CheckBox as h } from "../Checkbox/Checkbox.js";
 const v = ({
   categories: n,
   defaultChecked: r,
-  onAcceptAll: t,
-  onSave: o
+  onAcceptAll: o,
+  onSave: t
 }) => {
-  const [f, m] = p({
+  const [f, d] = p({
     analytics: r,
     functional: r
   });
-  return /* @__PURE__ */ a("div", { className: "gf-flex gf-flex-col gf-gap-9", children: [
-    /* @__PURE__ */ a("div", { className: "gf-flex gf-flex-col gf-gap-3 gf-px-1", children: [
+  return /* @__PURE__ */ i("div", { className: "gf-flex gf-flex-col gf-gap-9", children: [
+    /* @__PURE__ */ i("div", { className: "gf-flex gf-flex-col gf-gap-3 gf-px-1", children: [
       /* @__PURE__ */ l(s, { as: "p", size: "h5", weight: "medium", className: "!gf-leading-5", children: "Manage cookies" }),
       /* @__PURE__ */ l("div", { className: "gf-flex gf-flex-col gf-gap-4", children: n.map((e) => {
-        const i = e.id, d = e.locked ? !0 : f[i];
-        return /* @__PURE__ */ a("div", { className: "gf-flex gf-flex-col gf-gap-1", children: [
-          /* @__PURE__ */ a("div", { className: "gf-flex gf-items-center gf-justify-between gf-gap-4", children: [
+        const a = e.id, m = e.locked ? !0 : f[a];
+        return /* @__PURE__ */ i("div", { className: "gf-flex gf-flex-col gf-gap-1", children: [
+          /* @__PURE__ */ i("div", { className: "gf-flex gf-items-center gf-justify-between gf-gap-4", children: [
             /* @__PURE__ */ l(s, { as: "p", size: "h4", weight: "medium", children: e.title }),
             /* @__PURE__ */ l(
               h,
               {
-                checked: d,
+                checked: m,
                 disabled: e.locked,
                 "aria-label": e.title,
                 className: "gf-shrink-0 gf-text-dark-grey",
-                onClick: () => m((g) => ({ ...g, [i]: !g[i] }))
+                onClick: () => d((g) => ({ ...g, [a]: !g[a] }))
               }
             )
           ] }),
@@ -38,6 +38,7 @@ const v = ({
               as: "p",
               size: "h4",
               weight: "regular",
+              color: "neutral-grey",
               className: "gf-max-w-[340px]",
               children: e.description
             }
@@ -45,15 +46,14 @@ const v = ({
         ] }, e.id);
       }) })
     ] }),
-    /* @__PURE__ */ a("div", { className: "gf-flex gf-flex-col gf-gap-3", children: [
+    /* @__PURE__ */ i("div", { className: "gf-flex gf-flex-col gf-gap-3", children: [
       /* @__PURE__ */ l(
         c,
         {
-          variant: "ternary",
+          variant: "secondary",
           size: "sm",
-          colors: { ternary: "rgba(255,255,255,0.5)" },
-          className: "gf-w-full",
-          onClick: t,
+          className: "gf-w-full gf-border gf-border-mist h-10",
+          onClick: o,
           children: "Accept all"
         }
       ),
@@ -62,8 +62,8 @@ const v = ({
         {
           variant: "primary",
           size: "sm",
-          className: "gf-w-full",
-          onClick: () => o(f),
+          className: "gf-w-full h-10",
+          onClick: () => t(f),
           children: "Save"
         }
       )

package/dist/Footer/Footer.d.ts

@@ -5,12 +5,46 @@ export type SocialLinks = {
     x?: string;
     youtube?: string;
 };
+export type FooterLabels = {
+    sections?: {
+        products?: string;
+        resources?: string;
+        developers?: string;
+        routes?: string;
+        security?: string;
+    };
+    products?: {
+        swap?: string;
+        stake?: string;
+        explorer?: string;
+    };
+    resources?: {
+        blog?: string;
+        routes?: string;
+        faq?: string;
+        brandKit?: string;
+        analytics?: string;
+        governance?: string;
+    };
+    developers?: {
+        docs?: string;
+        api?: string;
+        sdk?: string;
+        security?: string;
+    };
+    legal?: {
+        privacyPolicy?: string;
+        termsOfService?: string;
+    };
+};
 type FooterProps = React.HTMLAttributes<HTMLDivElement> & {
     network?: string;
     navigate?: (path: string) => void;
     maskUrl?: string;
     socialLinks?: SocialLinks;
     bgVideoSrc?: string;
+    labels?: FooterLabels;
+    locale?: string;
 };
 export declare const Footer: React.FC<FooterProps>;
 export {};

package/dist/Footer/FooterLink.d.ts

@@ -14,6 +14,7 @@ type FooterLinksProps = {
     className?: string;
     listClassName?: string;
     isRoutes?: boolean;
+    isLogoHovered?: boolean;
 };
 export declare const FooterLinks: React.FC<FooterLinksProps>;
 export {};

package/dist/Footer/FooterLink.js

@@ -1,15 +1,17 @@
 import { jsxs as s, jsx as t } from "react/jsx-runtime";
 import { RollingText as i } from "../animations/RollingText/RollingText.js";
 import { Typography as r } from "../Typography/index.js";
-const o = ({
+import { cn as h } from "../utils/index.js";
+const w = ({
   title: c,
   links: n,
   hoveredIndex: g,
   onHover: e,
-  className: u = "gf-flex gf-w-full gf-flex-col gf-gap-3 md:gf-w-fit",
-  listClassName: p = "gf-flex gf-flex-col gf-gap-1",
-  isRoutes: l = !1
-}) => /* @__PURE__ */ s("div", { className: u, children: [
+  className: p = "gf-flex gf-w-full gf-flex-col gf-gap-3 md:gf-w-fit",
+  listClassName: u = "gf-flex gf-flex-col gf-gap-1",
+  isRoutes: l = !1,
+  isLogoHovered: m = !1
+}) => /* @__PURE__ */ s("div", { className: p, children: [
   /* @__PURE__ */ t(
     r,
     {
@@ -19,7 +21,7 @@ const o = ({
       children: /* @__PURE__ */ t("span", { children: c })
     }
   ),
-  /* @__PURE__ */ t("ul", { className: p, children: Object.values(n).map(
+  /* @__PURE__ */ t("ul", { className: u, children: Object.values(n).map(
     (a, f) => a.link && /* @__PURE__ */ t(
       "li",
       {
@@ -38,7 +40,11 @@ const o = ({
             target: "_blank",
             size: "h4",
             weight: "regular",
-            className: `gf-cursor-pointer gf-transition-all gf-duration-500 gf-ease-in-out gf-text-inherit ${l ? "gf-flex gf-w-fit gf-gap-0.5 gf-items-end gf-transition-colors gf-duration-500 gf-ease-in-out" : ""}`,
+            className: h(
+              "gf-cursor-pointer gf-transition-all gf-duration-500 gf-ease-in-out",
+              m ? "gf-text-inherit" : "gf-text-graphite",
+              l && "gf-flex gf-w-fit gf-gap-0.5 gf-items-end gf-transition-colors gf-duration-500 gf-ease-in-out"
+            ),
             children: [
               a.inputAsset && /* @__PURE__ */ t(
                 i,
@@ -83,5 +89,5 @@ const o = ({
   ) })
 ] });
 export {
-  o as FooterLinks
+  w as FooterLinks
 };