@theguild/components 9.3.0-alpha-20250202175922-b8244c241900d9d951ab8f9ae960cae87b4df1c5 → 9.3.0
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.
|
@@ -2,20 +2,24 @@ import { jsx, jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { cloneElement } from "react";
|
|
3
3
|
import { cn } from "../../cn";
|
|
4
4
|
import { GRADIENT_GREEN_ID, GRADIENT_WHITE_ID } from "./hero-gradient-ids";
|
|
5
|
+
const GRADIENT_BLUE = "logo-blue-3028";
|
|
6
|
+
const GRADIENT_WHITE_INVERTED = "logo-white-3028";
|
|
5
7
|
function HeroLogo({ children, className, ...rest }) {
|
|
6
8
|
return /* @__PURE__ */ jsxs("div", { className: cn("relative", className), ...rest, children: [
|
|
7
9
|
cloneElement(children, {
|
|
8
|
-
|
|
10
|
+
stroke: `url(#${GRADIENT_WHITE_INVERTED})`,
|
|
11
|
+
fill: `url(#${GRADIENT_BLUE})`,
|
|
9
12
|
className: cn(
|
|
10
13
|
"absolute inset-1/2 size-1/2 -translate-x-1/2 -translate-y-1/2",
|
|
11
14
|
children.props.className
|
|
12
15
|
)
|
|
13
16
|
}),
|
|
14
|
-
/* @__PURE__ */ jsx(LogoBadgeBackground, {})
|
|
17
|
+
/* @__PURE__ */ jsx(LogoBadgeBackground, {}),
|
|
18
|
+
/* @__PURE__ */ jsx(LogoGradientDefs, {})
|
|
15
19
|
] });
|
|
16
20
|
}
|
|
17
21
|
function LogoBadgeBackground() {
|
|
18
|
-
return /* @__PURE__ */ jsxs("svg", { width: "96", height: "96", viewBox: "0 0 96 96", fill: "none",
|
|
22
|
+
return /* @__PURE__ */ jsxs("svg", { width: "96", height: "96", viewBox: "0 0 96 96", fill: "none", children: [
|
|
19
23
|
/* @__PURE__ */ jsx("rect", { width: "96", height: "96", rx: "24", fill: `url(#${GRADIENT_GREEN_ID})` }),
|
|
20
24
|
/* @__PURE__ */ jsx(
|
|
21
25
|
"rect",
|
|
@@ -31,6 +35,40 @@ function LogoBadgeBackground() {
|
|
|
31
35
|
/* @__PURE__ */ jsx("path", { d: "M57.0264 32.1652H48.9577L53.8032 27.3197L48.4855 22L43.1658 27.3197L48.0114 32.1652H39.9427C38.9042 32.1652 37.9069 32.5786 37.1721 33.3134L23 47.4855L28.3197 52.8052L45.715 35.4099C47.2452 33.8797 49.7258 33.8797 51.2561 35.4099L68.6513 52.8052L73.971 47.4855L59.797 33.3114C59.0622 32.5767 58.0649 32.1632 57.0264 32.1632V32.1652ZM48.4854 63.3623L43.1665 68.6811L48.4854 74L53.8042 68.6811L48.4854 63.3623ZM39.9446 52.8054H48.4855H48.4894H57.0303C58.0688 52.8054 59.0661 53.2188 59.8008 53.9536L63.89 58.0428L58.5704 63.3625L51.258 56.0501C49.7277 54.5198 47.2472 54.5198 45.7169 56.0501L38.4045 63.3625L33.0848 58.0428L37.174 53.9536C37.9088 53.2188 38.9061 52.8054 39.9446 52.8054Z" })
|
|
32
36
|
] });
|
|
33
37
|
}
|
|
38
|
+
function LogoGradientDefs() {
|
|
39
|
+
return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 52 53", className: "size-0", children: [
|
|
40
|
+
/* @__PURE__ */ jsxs(
|
|
41
|
+
"linearGradient",
|
|
42
|
+
{
|
|
43
|
+
id: GRADIENT_BLUE,
|
|
44
|
+
x1: "0",
|
|
45
|
+
y1: "0.524872",
|
|
46
|
+
x2: "51.998",
|
|
47
|
+
y2: "52.5229",
|
|
48
|
+
gradientUnits: "userSpaceOnUse",
|
|
49
|
+
children: [
|
|
50
|
+
/* @__PURE__ */ jsx("stop", { stopColor: "#A7D5CA" }),
|
|
51
|
+
/* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#86B6C1" })
|
|
52
|
+
]
|
|
53
|
+
}
|
|
54
|
+
),
|
|
55
|
+
/* @__PURE__ */ jsxs(
|
|
56
|
+
"linearGradient",
|
|
57
|
+
{
|
|
58
|
+
id: GRADIENT_WHITE_INVERTED,
|
|
59
|
+
x1: "0",
|
|
60
|
+
y1: "0.524872",
|
|
61
|
+
x2: "52",
|
|
62
|
+
y2: "52.5249",
|
|
63
|
+
gradientUnits: "userSpaceOnUse",
|
|
64
|
+
children: [
|
|
65
|
+
/* @__PURE__ */ jsx("stop", { stopColor: "white", stopOpacity: "0.5" }),
|
|
66
|
+
/* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "white", stopOpacity: "0.2" })
|
|
67
|
+
]
|
|
68
|
+
}
|
|
69
|
+
)
|
|
70
|
+
] });
|
|
71
|
+
}
|
|
34
72
|
export {
|
|
35
73
|
HeroLogo
|
|
36
74
|
};
|
|
@@ -10,7 +10,7 @@ const Hero = (props) => {
|
|
|
10
10
|
"div",
|
|
11
11
|
{
|
|
12
12
|
className: cn(
|
|
13
|
-
"relative isolate flex max-w-[90rem] flex-col items-center justify-center gap-6 overflow-hidden rounded-3xl bg-blue-400 px-4 py-6 max-sm:mt-2 sm:py-12 md:gap-8 lg:py-24",
|
|
13
|
+
"relative isolate flex max-w-[90rem] flex-col items-center justify-center gap-6 overflow-hidden rounded-3xl bg-blue-400 px-4 py-6 text-green-1000 max-sm:mt-2 sm:py-12 md:gap-8 lg:py-24",
|
|
14
14
|
props.className
|
|
15
15
|
),
|
|
16
16
|
children: [
|
|
@@ -1,5 +1,11 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
const SvgHiveGateway = (props) => /* @__PURE__ */
|
|
1
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
+
const SvgHiveGateway = (props) => /* @__PURE__ */ jsxs("svg", { width: 52, height: 53, viewBox: "0 0 52 53", fill: "currentColor", ...props, children: [
|
|
3
|
+
/* @__PURE__ */ jsxs("defs", { children: [
|
|
4
|
+
/* @__PURE__ */ jsx("path", { id: "hive-gateway-path", d: "m25 .524872-7.7758.000001V13.6981c0 2.2382-1.8128 4.051-4.0509 4.051H0l7.2e-7 7.7758H8.48411c1.06096 0 2.07849-.4215 2.82859-1.1718l12.5159-12.5176C24.5786 11.0854 25 10.068 25 9.00727V.524872Zm2 0 7.7758.000001V13.6981c0 2.2382 1.8128 4.051 4.0509 4.051H52v7.7758h-8.4841c-1.061 0-2.0785-.4215-2.8286-1.1718L28.1714 11.8355C27.4214 11.0854 27 10.068 27 9.00727V.524872ZM25 52.5249h-7.7758V39.3516c0-2.2381-1.8128-4.0509-4.0509-4.0509H0l7.2e-7-7.7758H8.48411c1.06096 0 2.07849.4215 2.82859 1.1717l12.5159 12.5176c.75.7502 1.1714 1.7675 1.1714 2.8283v8.4824Zm2 0h7.7758V39.3516c0-2.2381 1.8128-4.0509 4.0509-4.0509H52v-7.7758h-8.4841c-1.061 0-2.0785.4215-2.8286 1.1717L28.1714 41.2142c-.75.7502-1.1714 1.7675-1.1714 2.8283v8.4824Zm2.8369-29.837H22.163v7.6739h7.6739v-7.6739Z" }),
|
|
5
|
+
/* @__PURE__ */ jsx("clipPath", { id: "hive-gateway-clip-path", children: /* @__PURE__ */ jsx("use", { href: "#hive-gateway-path" }) })
|
|
6
|
+
] }),
|
|
7
|
+
/* @__PURE__ */ jsx("use", { href: "#hive-gateway-path", clipPath: "url(#hive-gateway-clip-path)" })
|
|
8
|
+
] });
|
|
3
9
|
export {
|
|
4
10
|
SvgHiveGateway as ReactComponent
|
|
5
11
|
};
|
package/package.json
CHANGED