@gearbox-protocol/permissionless-ui 1.2.4 → 1.2.6

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 (3) hide show
  1. package/dist/cjs/components/layout/footer.js +12 -8
  2. package/dist/esm/components/layout/footer.js +12 -8
  3. package/package.json +1 -1
package/dist/cjs/components/layout/footer.js CHANGED
@@ -35,12 +35,13 @@ var import_jsx_runtime = require("react/jsx-runtime");
35
35
  var import_react = __toESM(require("react"));
36
36
  var import_app_logo = require('./app-logo.js');
37
37
  var import_legal_disclaimer = require('./legal-disclaimer.js');
38
- function FooterLink({ href, text }) {
38
+ function FooterLink({ href, text, external = false }) {
39
39
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
40
40
  "a",
41
41
  {
42
42
  href,
43
- className: "text-muted-foreground hover:text-foreground transition-colors duration-200 text-sm",
43
+ className: "hover:text-foreground transition-colors duration-200",
44
+ target: external ? "_blank" : void 0,
44
45
  children: text
45
46
  }
46
47
  );
@@ -50,10 +51,10 @@ function FooterLinkSection({
50
51
  links
51
52
  }) {
52
53
  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col gap-1 md:items-end", children: [
53
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "font-semibold text-foreground", children: title }),
54
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "font-semibold text-muted-foreground text-sm", children: title }),
54
55
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex flex-wrap gap-4", children: links.map((link, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.default.Fragment, { children: [
55
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FooterLink, { href: link.href, text: link.text }),
56
- index < links.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-sm", children: "\u2022" })
56
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FooterLink, { ...link }),
57
+ index < links.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "\u2022" })
57
58
  ] }, link.href)) })
58
59
  ] });
59
60
  }
@@ -94,15 +95,18 @@ function Footer({
94
95
  links: [
95
96
  {
96
97
  href: "https://docs.gearbox.fi/gearbox-permissionless-doc",
97
- text: "Documentation"
98
+ text: "Documentation",
99
+ external: true
98
100
  },
99
101
  {
100
102
  href: "https://docs.gearbox.finance/risk-and-security/audits-bug-bounty",
101
- text: "Audits"
103
+ text: "Audits",
104
+ external: true
102
105
  },
103
106
  {
104
107
  href: "https://github.com/Gearbox-protocol",
105
- text: "GitHub"
108
+ text: "GitHub",
109
+ external: true
106
110
  }
107
111
  ]
108
112
  }
package/dist/esm/components/layout/footer.js CHANGED
@@ -2,12 +2,13 @@ import { jsx, jsxs } from "react/jsx-runtime";
2
2
  import React from "react";
3
3
  import { AppLogo } from "./app-logo.js";
4
4
  import { LegalDisclaimer } from "./legal-disclaimer.js";
5
- function FooterLink({ href, text }) {
5
+ function FooterLink({ href, text, external = false }) {
6
6
  return /* @__PURE__ */ jsx(
7
7
  "a",
8
8
  {
9
9
  href,
10
- className: "text-muted-foreground hover:text-foreground transition-colors duration-200 text-sm",
10
+ className: "hover:text-foreground transition-colors duration-200",
11
+ target: external ? "_blank" : void 0,
11
12
  children: text
12
13
  }
13
14
  );
@@ -17,10 +18,10 @@ function FooterLinkSection({
17
18
  links
18
19
  }) {
19
20
  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 md:items-end", children: [
20
- /* @__PURE__ */ jsx("h3", { className: "font-semibold text-foreground", children: title }),
21
+ /* @__PURE__ */ jsx("h3", { className: "font-semibold text-muted-foreground text-sm", children: title }),
21
22
  /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-4", children: links.map((link, index) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
22
- /* @__PURE__ */ jsx(FooterLink, { href: link.href, text: link.text }),
23
- index < links.length - 1 && /* @__PURE__ */ jsx("span", { className: "text-sm", children: "\u2022" })
23
+ /* @__PURE__ */ jsx(FooterLink, { ...link }),
24
+ index < links.length - 1 && /* @__PURE__ */ jsx("span", { children: "\u2022" })
24
25
  ] }, link.href)) })
25
26
  ] });
26
27
  }
@@ -61,15 +62,18 @@ function Footer({
61
62
  links: [
62
63
  {
63
64
  href: "https://docs.gearbox.fi/gearbox-permissionless-doc",
64
- text: "Documentation"
65
+ text: "Documentation",
66
+ external: true
65
67
  },
66
68
  {
67
69
  href: "https://docs.gearbox.finance/risk-and-security/audits-bug-bounty",
68
- text: "Audits"
70
+ text: "Audits",
71
+ external: true
69
72
  },
70
73
  {
71
74
  href: "https://github.com/Gearbox-protocol",
72
- text: "GitHub"
75
+ text: "GitHub",
76
+ external: true
73
77
  }
74
78
  ]
75
79
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gearbox-protocol/permissionless-ui",
3
- "version": "1.2.4",
3
+ "version": "1.2.6",
4
4
  "description": "Internal UI components",
5
5
  "license": "MIT",
6
6
  "main": "./dist/cjs/index.js",