@theguild/components 8.2.1-alpha-20250110220245-a5f337dd7f1fe8068202cf57bb554f97faee27be → 8.2.1-alpha-20250113002847-90ef096301591d7e8fa3d8fec1a4a4296f0f7614
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.
|
@@ -33,7 +33,7 @@ function ExploreMainProductCards({
|
|
|
33
33
|
}
|
|
34
34
|
)
|
|
35
35
|
] }),
|
|
36
|
-
/* @__PURE__ */ jsx("ul", { className: "
|
|
36
|
+
/* @__PURE__ */ jsx("ul", { className: "-mx-12 -my-2 flex shrink-0 grow gap-[22px] overflow-auto px-12 py-2 [@media(max-width:1490px)]:w-full [@media(min-width:1490px)]:overflow-visible [&>:nth-child(n+4)]:[@media(min-width:1490px)]:hidden", children: FOUR_MAIN_PRODUCTS.map((product) => /* @__PURE__ */ jsx(MainProductCard, { as: "li", product }, product.name)) })
|
|
37
37
|
]
|
|
38
38
|
}
|
|
39
39
|
);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
const SvgArrowIcon = (props) => /* @__PURE__ */ jsx("svg", { width: 24, height: 24,
|
|
2
|
+
const SvgArrowIcon = (props) => /* @__PURE__ */ jsx("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "currentColor", ...props, children: /* @__PURE__ */ jsx("path", { d: "m15.755 11.1-4.828-4.828L12.2 5l7 7-7 7-1.273-1.272 4.828-4.828H4.8v-1.8h10.955Z" }) });
|
|
3
3
|
export {
|
|
4
4
|
SvgArrowIcon as ReactComponent
|
|
5
5
|
};
|
|
@@ -20,9 +20,9 @@ function ToolsAndLibrariesCards({
|
|
|
20
20
|
children: [
|
|
21
21
|
/* @__PURE__ */ jsx(Heading, { as: "h2", size: "md", className: "text-green-1000", children: "Discover the complete ecosystem of tools and libraries" }),
|
|
22
22
|
/* @__PURE__ */ jsx("p", { className: "text-green-800", children: "Complete GraphQL Federation Stack" }),
|
|
23
|
-
/* @__PURE__ */ jsx("ul", { className: "
|
|
23
|
+
/* @__PURE__ */ jsx("ul", { className: "-mx-12 -my-2 flex grid-cols-2 gap-[22px] overflow-auto px-12 py-2 lg:grid xl:grid-cols-4", children: FOUR_MAIN_PRODUCTS.map((product) => /* @__PURE__ */ jsx(MainProductCard, { as: "li", product }, product.name)) }),
|
|
24
24
|
/* @__PURE__ */ jsx("p", { className: "text-green-800", children: "Our libraries to support all your GraphQL needs" }),
|
|
25
|
-
/* @__PURE__ */ jsx("ul", { className: "
|
|
25
|
+
/* @__PURE__ */ jsx("ul", { className: "-mx-12 -my-2 flex h-max grid-cols-6 gap-[22px] overflow-x-auto overflow-y-hidden px-12 py-2 max-sm:-mx-8 max-sm:px-8 sm:grid sm:grid-cols-2 lg:grid-cols-3", children: SIX_HIGHLIGHTED_PRODUCTS.map((product) => /* @__PURE__ */ jsx(AncillaryProductCard, { as: "li", product }, product.name)) }),
|
|
26
26
|
/* @__PURE__ */ jsx(
|
|
27
27
|
CallToAction,
|
|
28
28
|
{
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@theguild/components",
|
|
3
|
-
"version": "8.2.1-alpha-
|
|
3
|
+
"version": "8.2.1-alpha-20250113002847-90ef096301591d7e8fa3d8fec1a4a4296f0f7614",
|
|
4
4
|
"repository": {
|
|
5
5
|
"url": "https://github.com/the-guild-org/docs",
|
|
6
6
|
"directory": "packages/components"
|